:root{
    --bg:#0b0b0c; --panel:#141416; --panel2:#1a1a1d; --border:#28282c;
    --text:#f2f2f0; --muted:#8b8b90; --muted2:#5c5c60;
    --gold:#f2c94c; --green:#6fcf97; --red:#eb5757;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;}
  body{
    background-image:
      linear-gradient(rgba(242,201,76,0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(242,201,76,0.05) 1px, transparent 1px);
    background-size:26px 26px;
    background-position:-1px -1px;
  }
  [role="button"]:focus-visible, button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
    outline:2px solid var(--gold); outline-offset:2px;
  }

  /* ===== micro-interações ===== */
  button, .chip, .tab, .nav-item, .equip-card, .guide-top, .btn-edit, .btn-del, .period-head, .area-head,
  .sheet-table tr[role="button"], .rec-card, .stat-cell, .own-card, input, select, textarea{
    transition:background-color .15s ease, border-color .15s ease, color .15s ease, transform .1s ease, opacity .15s ease;
  }
  button:active, .chip:active, .tab:active, .btn-edit:active, .btn-del:active, .btn-gold:active, .btn-sync:active,
  .equip-card:active, .guide-top:active, .nav-item:active{
    transform:scale(0.96);
  }
  .equip-card:hover, .guide-card:hover, .melhoria-card:hover, .kcard:hover{ border-color:var(--gold); }
  .btn-sync.spinning{ animation:graxa-spin .8s linear infinite; }
  @keyframes graxa-spin{ to{ transform:rotate(360deg); } }

  /* ===== entrada de cards ===== */
  @keyframes graxa-fade-up{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:translateY(0); } }
  .rec-card, .equip-card, .melhoria-card, .guide-card, .kcard, .own-card, .stat-cell{
    animation:graxa-fade-up .3s ease both;
  }

  /* ===== marcas de canto (referência de planta técnica) ===== */
  .melhoria-card, .equip-card, .guide-card, .kcard, .hero-stat{ position:relative; }
  .melhoria-card::before, .equip-card::before, .guide-card::before, .kcard::before, .hero-stat::before,
  .melhoria-card::after, .equip-card::after, .guide-card::after, .kcard::after, .hero-stat::after{
    content:''; position:absolute; width:7px; height:7px; opacity:.4; pointer-events:none; border-color:var(--gold);
  }
  .melhoria-card::before, .equip-card::before, .guide-card::before, .kcard::before, .hero-stat::before{
    top:5px; left:5px; border-top:1px solid; border-left:1px solid;
  }
  .melhoria-card::after, .equip-card::after, .guide-card::after, .kcard::after, .hero-stat::after{
    bottom:5px; right:5px; border-bottom:1px solid; border-right:1px solid;
  }

  /* ===== elementos de produção: fita, textura de case, trilha de filme ===== */
  .topbar{ position:relative; }
  .topbar::after{
    content:''; position:absolute; left:0; right:0; bottom:-1px; height:3px;
    background-image:repeating-linear-gradient(45deg, rgba(242,201,76,0.5) 0 6px, transparent 6px 12px);
    opacity:.35;
  }
  .nav-head, .modal-head{ position:relative; }
  .nav-head::after, .modal-head::after{
    content:''; position:absolute; left:0; right:0; bottom:-1px; height:4px;
    background-image:radial-gradient(circle, rgba(242,201,76,0.4) 1.3px, transparent 1.3px);
    background-size:11px 4px; background-repeat:repeat-x; background-position:2px 0;
  }
  .stat-cell, .own-card{
    background-image:linear-gradient(135deg, rgba(255,255,255,0.025) 0%, transparent 35%, rgba(255,255,255,0.015) 65%, transparent 100%);
  }
  .melhoria-card::before, .equip-card::before, .guide-card::before, .kcard::before, .hero-stat::before{
    box-shadow:2px 2px 0 -1px var(--gold);
  }

  @media (prefers-reduced-motion: reduce){
    *, *::before, *::after{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; }
  }
  #root{max-width:640px;margin:0 auto;min-height:100vh;background:var(--bg);display:flex;flex-direction:column;}
  .eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:6px;}
  .h1{font-size:28px;font-weight:800;margin:0 0 6px 0;letter-spacing:-0.5px;}
  .subtitle{color:var(--muted);font-size:13px;margin:0 0 18px 0;line-height:1.4;}
  .label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted2);font-weight:700;}

  .topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:20;}
  .logo{display:flex;align-items:center;gap:10px;}
  .logo-icon{width:32px;height:32px;background:var(--gold);color:#141414;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;border-radius:2px;}
  .logo-text{line-height:1.1;}
  .logo-text b{display:block;font-size:15px;letter-spacing:1px;font-weight:800;}
  .logo-text span{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:700;}
  .topbar-right{display:flex;align-items:center;gap:10px;}
  .avatar{width:32px;height:32px;border-radius:50%;background:var(--gold);color:#141414;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;}
  .menu-btn{width:32px;height:32px;border:1px solid var(--border);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;}

  .nav-overlay{position:fixed;inset:0;background:var(--bg);z-index:50;display:none;flex-direction:column;max-width:640px;margin:0 auto;}
  .nav-overlay.open{display:flex;}
  .nav-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);}
  .nav-head h2{font-size:18px;margin:0;font-weight:800;}
  .icon-btn{background:none;border:none;color:var(--text);font-size:20px;cursor:pointer;line-height:1;padding:4px;}
  .nav-list{padding:6px 0;overflow-y:auto;}
  .nav-item{display:flex;align-items:center;gap:14px;padding:18px 16px;border-bottom:1px solid var(--border);cursor:pointer;}
  .nav-item .ic{width:34px;height:34px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--gold);border:1px solid var(--border);border-radius:2px;font-size:16px;}
  .nav-item .tx b{display:block;font-size:15px;font-weight:700;}
  .nav-item .tx span{display:block;font-size:12px;color:var(--muted);margin-top:2px;}

  main{flex:1;padding:20px 16px 60px 16px;}
  section{display:none;}
  section.active{display:block;}

  .btn-gold{width:100%;background:var(--gold);color:#141414;border:none;font-weight:800;font-size:13px;letter-spacing:0.5px;padding:14px;cursor:pointer;text-transform:uppercase;border-radius:2px;margin-bottom:18px;}
  .btn-sync{width:36px;height:36px;flex:0 0 auto;padding:0;margin-bottom:0;background:transparent;border:1px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:15px;border-radius:2px;cursor:pointer;text-transform:none;}
  .card{background:var(--panel);border:1px solid var(--border);border-radius:2px;padding:16px;margin-bottom:14px;}
  .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:18px;}
  .stat-cell{background:var(--panel);padding:16px;border-left:3px solid var(--muted2);}
  .stat-cell.acc-gold{border-left-color:var(--gold);}
  .stat-cell.acc-green{border-left-color:var(--green);}
  .stat-cell.acc-red{border-left-color:var(--red);}
  .stat-num{font-size:24px;font-weight:800;margin:4px 0 2px 0;}
  .stat-sub{font-size:11px;color:var(--muted);}

  .hero-stat{border-left:4px solid var(--gold);background:var(--panel);padding:18px;margin-bottom:18px;}
  .hero-num{font-size:44px;font-weight:900;margin:6px 0;}
  .hero-label{font-weight:700;font-size:14px;}
  .hero-desc{color:var(--muted);font-size:12px;margin-top:6px;line-height:1.4;}

  .section-title{font-size:19px;font-weight:800;margin:0 0 2px 0;letter-spacing:0.2px;}
  .section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;padding:2px 0 10px 14px;border-left:3px solid var(--gold);border-bottom:1px solid var(--border);}

  .donut-wrap{display:flex;align-items:center;gap:20px;margin-bottom:8px;}
  .donut{width:110px;height:110px;border-radius:50%;flex:0 0 auto;position:relative;}
  .donut::before{content:'';position:absolute;inset:15px;background:var(--panel);border-radius:50%;}
  .donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
  .donut-center b{font-size:20px;font-weight:900;}
  .donut-center span{font-size:9px;letter-spacing:1px;color:var(--muted);}
  .legend{flex:1;}
  .legend-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px;}
  .legend-row:last-child{border-bottom:none;}
  .dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:8px;}
  .legend-row b{font-weight:800;}

  .bar-row{margin-bottom:14px;}
  .bar-row .top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px;}
  .bar-track{height:8px;background:var(--panel2);border-radius:2px;overflow:hidden;}
  .bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--red));}
  .bar-fill.neutral{background:linear-gradient(90deg,var(--gold),#6fb8f2);}
  .bar-note{font-size:11px;color:var(--muted);margin-top:4px;}
  .stack-track{height:10px;background:var(--panel2);border-radius:2px;overflow:hidden;display:flex;}

  .tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:12px;padding-bottom:2px;}
  .tab{flex:0 0 auto;padding:8px 12px;border:1px solid var(--border);font-size:12px;color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:2px;}
  .tab.active{border-color:var(--gold);color:var(--gold);}

  .search{width:100%;padding:12px 14px;background:var(--panel);border:1px solid var(--border);color:var(--text);font-size:14px;margin-bottom:16px;border-radius:2px;}
  .search::placeholder{color:var(--muted2);}

  .period-head{display:flex;justify-content:space-between;align-items:center;padding:10px 0;cursor:pointer;}
  .period-head .l{font-size:10px;letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;font-weight:700;}
  .period-head h3{margin:2px 0 0 0;font-size:18px;font-weight:800;}
  .period-count{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:10px;}

  .rec-card{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:2px;padding:11px 13px;margin-bottom:8px;}
  .rec-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:7px;}
  .rec-sev{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:1px;font-weight:800;padding:4px 9px 4px 7px;border-radius:2px;border:1px solid;}
  .rec-sev .dot{width:8px;height:8px;margin-right:0;box-shadow:0 0 5px currentColor;}
  .rec-date{font-size:15px;font-weight:800;text-align:right;}
  .rec-date .dow{display:block;font-size:10px;color:var(--gold);font-weight:800;letter-spacing:1px;}
  .rec-date .tm{display:block;font-size:11px;color:var(--muted);font-weight:400;}
  .tag-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px;}
  .tag{border:1px solid var(--border);color:var(--muted);font-size:10px;letter-spacing:0.3px;padding:3px 7px;border-radius:2px;text-transform:uppercase;}
  .tag.live{color:#6fb8f2;border-color:#1c3a52;font-weight:700;}
  .rec-title{font-size:16px;font-weight:800;margin:0 0 4px 0;}
  .rec-desc{font-size:13px;color:#c7c7c9;line-height:1.45;margin:0;}
  .rec-foot{display:flex;justify-content:space-between;align-items:flex-start;border-top:1px solid var(--border);margin-top:10px;padding-top:8px;}
  .status-pill{font-size:10px;border:1px solid var(--border);padding:4px 9px;letter-spacing:0.5px;text-transform:uppercase;border-radius:2px;}
  .status-pill.st-ok{color:var(--green);border-color:#264a36;}
  .status-pill.st-prog{color:var(--gold);border-color:#4a4326;}
  .status-pill.st-pend{color:var(--muted);}
  .status-pill.st-report{color:#f2994a;border-color:#5a3a1f;background:rgba(242,153,74,0.1);font-weight:700;}
  .meta{font-size:12px;color:var(--muted);text-align:right;}
  .meta b{color:var(--text);display:block;font-size:13px;}
  .meta-sub{display:block;font-size:11px;color:var(--muted2);margin-top:2px;font-weight:400;}
  .meta-dow{display:block;font-size:11px;color:var(--gold);margin-top:3px;font-weight:800;letter-spacing:0.4px;text-transform:capitalize;}
  .expand-btn{width:26px;height:26px;border:1px solid var(--border);background:transparent;color:var(--gold);cursor:pointer;font-size:15px;border-radius:2px;flex:0 0 auto;}
  .rec-expand{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);}
  .rec-detail-grid{display:grid;grid-template-columns:auto 1fr;row-gap:9px;column-gap:16px;align-items:baseline;margin-bottom:12px;}
  .rec-detail-grid .label{white-space:nowrap;}
  .rec-detail-grid span:not(.label){font-size:13px;color:#c7c7c9;line-height:1.4;}
  .rec-sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:2px;overflow:hidden;margin-bottom:10px;}
  .rec-sheet-cell{background:var(--panel2);padding:7px 9px;min-height:46px;}
  .rec-sheet-cell.wide{grid-column:1/-1;}
  .rsc-label{display:block;font-size:9px;letter-spacing:0.5px;text-transform:uppercase;color:var(--muted2);margin-bottom:3px;}
  .rsc-value{display:block;font-size:12.5px;color:#c7c7c9;line-height:1.4;word-break:break-word;}
  .rsc-value a{color:var(--gold);text-decoration:none;font-weight:700;}
  .action-box{background:var(--panel2);padding:10px;border-radius:2px;margin-bottom:10px;font-size:13px;}
  .action-box .label{margin-bottom:4px;display:block;color:var(--gold);}
  .yt-box{display:flex;justify-content:space-between;align-items:center;background:#241414;border:1px solid #4a2626;padding:10px 12px;border-radius:2px;margin-bottom:10px;font-size:11px;color:var(--muted);}
  .yt-box a{color:var(--red);text-decoration:none;font-weight:800;font-size:11px;letter-spacing:0.5px;text-transform:uppercase;}
  .rec-actions{display:flex;gap:10px;}
  .btn-edit,.btn-del{flex:1;padding:11px;border-radius:2px;font-size:12px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;cursor:pointer;text-align:center;}
  .btn-edit{background:transparent;border:1px solid var(--gold);color:var(--gold);}
  .btn-del{background:transparent;border:1px solid var(--red);color:var(--red);}
  .btn-del.confirm{background:var(--red);color:#141414;}
  .empty{text-align:center;padding:30px 20px;color:var(--muted);font-size:13px;}

  .own-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;}
  .own-card{border:1px solid var(--border);padding:12px;border-radius:2px;}
  .own-tag{display:inline-block;border:1px solid var(--border);font-size:9px;letter-spacing:1px;padding:3px 6px;color:var(--muted);margin-bottom:8px;border-radius:2px;}
  .own-num{font-size:22px;font-weight:900;}
  .own-sub{font-size:10px;color:var(--muted);margin-top:2px;}

  .area-block{margin-bottom:18px;}
  .oficina-block{border:1px solid #3a1f1f;background:#160f0f;border-radius:2px;padding:10px;}
  .area-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border);gap:10px;}
  .area-head b{font-size:14px;font-weight:800;}
  .area-head span{font-size:11px;color:var(--muted);white-space:nowrap;}
  .equip-resumo{font-size:10.5px;color:var(--muted);margin-top:3px;}
  .equip-card{border:1px solid var(--border);border-left:3px solid var(--border);border-radius:2px;padding:11px 12px;margin-bottom:8px;cursor:pointer;}
  .equip-card .name{font-weight:700;font-size:14px;margin-bottom:6px;}
  .equip-tags{display:flex;flex-wrap:wrap;gap:6px;}
  .equip-tag{font-size:9px;border:1px solid var(--border);padding:3px 7px;border-radius:2px;letter-spacing:0.4px;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:4px;}
  .equip-subgroup{margin-bottom:10px;}
  .equip-subgroup-head{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:5px 8px;background:var(--panel2);border-radius:2px;margin-bottom:8px;font-size:10px;letter-spacing:0.8px;text-transform:uppercase;font-weight:700;color:var(--muted2);}
  .equip-subgroup-head span:last-child{color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0;}
  .equip-subgroup .equip-card{margin-left:4px;}

  .melhoria-card{border:1px solid var(--border);border-radius:2px;padding:14px;margin-bottom:10px;background:var(--panel);}
  .melhoria-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
  .melhoria-status{font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:2px;border:1px solid var(--border);}
  .melhoria-status.planejado{color:var(--muted);}
  .melhoria-status.andamento{color:var(--gold);border-color:#4a4326;}
  .melhoria-status.implementada{color:var(--green);border-color:#264a36;}
  .melhoria-title{font-size:15px;font-weight:800;margin:0 0 8px 0;}
  .melhoria-line{font-size:12px;color:var(--muted);margin-bottom:4px;line-height:1.5;}
  .melhoria-line b{color:#c7c7c9;font-weight:700;}

  .guide-card{border:1px solid var(--border);border-radius:2px;padding:14px;margin-bottom:10px;background:var(--panel);}
  .guide-top{display:flex;align-items:center;gap:8px;margin-bottom:4px;cursor:pointer;}
  .pin{width:8px;height:8px;border-radius:50%;flex:0 0 auto;}
  .guide-title{font-size:16px;font-weight:800;margin:0;flex:1;}
  .guide-sub{font-size:11px;color:var(--muted);margin-bottom:10px;}
  .guide-section{margin-top:12px;}
  .guide-section .label{color:var(--gold);margin-bottom:6px;display:block;}
  .guide-section pre{white-space:pre-wrap;font-family:inherit;font-size:12px;color:#c7c7c9;line-height:1.6;margin:0;background:var(--panel2);padding:10px;border-radius:2px;}
  .guide-note{background:#2a2410;border:1px solid #4a4326;padding:10px;border-radius:2px;font-size:12px;margin-top:10px;}
  .guide-note b{color:var(--gold);display:block;font-size:10px;letter-spacing:1px;margin-bottom:4px;}

  .kanban-col{margin-bottom:20px;}
  .kanban-col-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
  .kanban-col-head .l{font-size:12px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;}
  .kanban-count{font-size:11px;color:var(--muted);background:var(--panel2);padding:2px 8px;border-radius:10px;}
  .kcard{border:1px solid var(--border);border-radius:2px;padding:12px;margin-bottom:8px;background:var(--panel);cursor:pointer;}
  .kcard .tipo{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);border:1px solid #4a4326;padding:3px 7px;border-radius:2px;display:inline-block;margin-bottom:6px;}
  .kcard .titulo{font-weight:800;font-size:14px;}
  .kcard .prog{font-size:12px;color:var(--muted);margin:2px 0 8px 0;}
  .kcard .when{font-size:11px;color:var(--muted2);}
  .kcard-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px;}
  .kcard select{background:var(--panel2);border:1px solid var(--border);color:var(--text);font-size:11px;padding:6px;border-radius:2px;flex:1;}
  .kcard-del{border:none;background:transparent;color:var(--red);font-size:11px;cursor:pointer;flex:0 0 auto;}
  .banner{background:var(--panel2);border:1px solid var(--border);border-left:3px solid var(--gold);padding:14px;border-radius:2px;margin-bottom:18px;}
  .banner-title{font-weight:800;font-size:14px;margin:2px 0 4px 0;}
  .banner-desc{font-size:12px;color:var(--muted);line-height:1.4;margin-bottom:10px;}
  .banner-stats{display:flex;gap:10px;}
  .banner-stat{flex:1;background:var(--panel);border:1px solid var(--border);padding:8px;text-align:center;border-radius:2px;}
  .banner-stat b{display:block;font-size:18px;font-weight:900;}
  .banner-stat span{font-size:9px;color:var(--muted);letter-spacing:0.5px;}

  .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:100;display:none;align-items:flex-end;justify-content:center;}
  .modal-overlay.open{display:flex;}
  .modal-panel{background:var(--panel);width:100%;max-width:640px;max-height:88vh;overflow-y:auto;border-top:1px solid var(--border);border-radius:8px 8px 0 0;padding:20px 16px 24px 16px;}
  .modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
  .modal-head h3{margin:0;font-size:18px;font-weight:800;}
  .field{margin-bottom:14px;}
  .field label{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-weight:700;}
  .field input[type=text], .field input[type=date], .field input[type=time], .field input[type=url], .field textarea, .field select{
    width:100%;background:var(--panel2);border:1px solid var(--border);color:var(--text);padding:11px;font-size:14px;border-radius:2px;font-family:inherit;
  }
  .field textarea{resize:vertical;min-height:70px;}
  .field-row{display:flex;gap:10px;}
  .field-row .field{flex:1;}
  .chip-select{display:flex;flex-wrap:wrap;gap:8px;}
  .chip{border:1px solid var(--border);padding:8px 12px;font-size:12px;border-radius:20px;cursor:pointer;color:var(--muted);}
  .chip.sel{border-color:var(--gold);color:var(--gold);}
  .modal-actions{display:flex;gap:10px;margin-top:18px;}
  .btn-cancel{flex:1;padding:13px;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:2px;font-weight:700;cursor:pointer;}
  .btn-save{flex:2;padding:13px;border:none;background:var(--gold);color:#141414;border-radius:2px;font-weight:800;cursor:pointer;text-transform:uppercase;font-size:13px;letter-spacing:0.5px;}
  datalist{}

  .sheet-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:2px;}
  .sheet-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap;}
  .sheet-table th{background:var(--panel2);color:var(--muted2);text-transform:uppercase;letter-spacing:0.5px;font-size:10px;font-weight:700;text-align:left;padding:9px 10px;border-bottom:1px solid var(--border);position:sticky;top:0;}
  .sheet-table td{padding:8px 10px;border-top:1px solid var(--border);color:#c7c7c9;}
  .sheet-table tr[role="button"]{cursor:pointer;}
  .sheet-table tr[role="button"]:hover{background:var(--panel2);}
  .sheet-table-editable td{padding:0;}
  .sheet-table-editable input, .sheet-table-editable select{width:100%;min-width:90px;background:transparent;border:1px solid transparent;color:#c7c7c9;font-size:12px;padding:8px 10px;font-family:inherit;border-radius:0;}
  .sheet-table-editable input:hover, .sheet-table-editable select:hover{background:var(--panel2);}
  .sheet-table-editable input:focus, .sheet-table-editable select:focus{background:var(--panel2);border-color:var(--gold);outline:none;}
  .sheet-table-editable tr:hover{background:transparent;}
  .sheet-table-editable td:last-child{padding:0 10px;text-align:center;}

  .update-bar{position:fixed;left:0;right:0;bottom:-80px;max-width:640px;margin:0 auto;background:var(--gold);color:#141414;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-size:13px;font-weight:700;z-index:60;box-shadow:0 -4px 16px rgba(0,0,0,0.35);transition:bottom 0.3s ease;}
  .update-bar.show{bottom:0;}
  .update-bar-btn{background:#141414;color:var(--gold);border:none;padding:9px 14px;border-radius:2px;font-weight:800;font-size:12px;letter-spacing:0.4px;text-transform:uppercase;cursor:pointer;flex:0 0 auto;}

  /* ===== Responsivo: tablet e desktop ===== */
  @media (min-width: 700px){
    #root{max-width:840px;}
    main{padding:28px 28px 60px 28px;}
    .stat-grid{grid-template-columns:repeat(4,1fr);}
    .own-grid{grid-template-columns:repeat(3,1fr);}
    .area-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;}
    .area-grid .area-block{margin-bottom:0;}
    .melhoria-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;}
    .melhoria-grid .melhoria-card{margin-bottom:0;}
    .guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;}
    .guide-grid .guide-card{margin-bottom:0;}
    .kanban-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start;}
    .kanban-wrap .kanban-col{margin-bottom:0;}
    .donut-wrap{gap:32px;}
    .h1{font-size:32px;}
    .hero-num{font-size:52px;}
    .modal-overlay{align-items:center;}
    .modal-panel{max-width:600px;border-radius:12px;max-height:85vh;}
    .nav-overlay{max-width:840px;}
  }
  @media (min-width: 1080px){
    #root{max-width:1120px;}
    .update-bar{max-width:1120px;}
    main{padding:32px 40px 70px 40px;}
    .area-grid{grid-template-columns:repeat(3,1fr);}
    .melhoria-grid{grid-template-columns:1fr 1fr 1fr;}
    .guide-grid{grid-template-columns:1fr 1fr;}
    .topbar{padding:16px 40px;}
  }
  @media (min-width: 700px) and (max-width: 1079px){
    .kanban-wrap{grid-template-columns:repeat(2,1fr);}
  }