:root{
  color-scheme:dark;
  --bg:#050608;
  --bg-soft:#0b0d10;
  --panel:#111318;
  --panel-2:#171a20;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --text:#f6f7fb;
  --muted:#a0a5b3;
  --subtle:#7a808d;
  --accent:#ffffff;
  --success:#44d07b;
  --warning:#f4b14f;
  --danger:#f05d67;
  --info:#5ea0ff;
  --shadow:0 18px 60px rgba(0,0,0,.35);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left, rgba(54,65,92,.2), transparent 28%),radial-gradient(circle at bottom right, rgba(92,92,92,.12), transparent 22%),var(--bg);color:var(--text)}body{font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #fff;outline-offset:3px}
.splash,.auth{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth{background:radial-gradient(circle at top, rgba(255,255,255,.1), transparent 18%), linear-gradient(180deg,#040506,#08090d 55%,#060709)}.authbox{position:relative;width:min(440px,100%);padding:34px;border-radius:32px;background:linear-gradient(180deg, rgba(20,23,30,.88), rgba(8,10,13,.94));border:1px solid rgba(255,255,255,.11);box-shadow:var(--shadow);overflow:hidden}.authbox-static{padding:32px}.auth-premium{padding-top:42px;padding-bottom:38px}.auth-glow{position:absolute;filter:blur(6px);pointer-events:none}.auth-glow-top{width:240px;height:240px;top:-120px;right:-80px;background:radial-gradient(circle, rgba(255,255,255,.18), transparent 70%)}.auth-glow-bottom{width:320px;height:180px;bottom:-120px;left:-90px;background:radial-gradient(circle, rgba(255,255,255,.08), transparent 72%)}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px;position:relative;z-index:1}.auth-brand img{width:64px;height:64px;object-fit:contain}.auth-brand h1{margin:0;font-size:34px;letter-spacing:.22em;font-weight:300}.auth-brand span{font-weight:700}.auth-brand p{margin:4px 0 0;color:var(--muted)}.auth-copy{position:relative;z-index:1;margin-bottom:18px}.auth-copy h2{margin:0 0 10px;font-size:34px;letter-spacing:-.03em}.auth-copy p{margin:0;color:var(--muted);line-height:1.6}.auth-support{display:flex;align-items:center;gap:12px;color:var(--subtle);margin-top:18px}.auth-support span{flex:1;height:1px;background:rgba(255,255,255,.12)}.auth-support p{margin:0;text-align:center}
.f{display:grid;gap:8px;font-size:12px;font-weight:700;color:#d8dbe5;margin-bottom:14px}.field{width:100%;border-radius:18px;padding:14px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text);min-height:50px}textarea.field{min-height:110px;resize:vertical}.field::placeholder{color:#7f8594}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--text);font-weight:700;transition:.18s ease}.btn:hover{background:rgba(255,255,255,.09);transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,#ffffff,#e9edf5);color:#0a0b0f;border-color:transparent}.btn.primary:hover{background:linear-gradient(180deg,#fff,#dce1ea)}.btn.ghost{background:transparent}.btn.big{min-height:58px;font-size:18px;border-radius:22px;width:100%}.btn.danger{color:#ffd0d3;border-color:rgba(240,93,103,.4)}
.layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100dvh}.sidebar{padding:28px 18px;background:rgba(7,9,12,.92);border-right:1px solid var(--line);position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;backdrop-filter:blur(22px)}.premium-brand{padding:8px 12px 24px}.brand{display:flex;gap:14px;align-items:center}.brand img{width:54px;height:54px;object-fit:contain}.brand-name{display:block;font-size:24px;letter-spacing:.28em;font-weight:300}.brand-name em,.header-brand em{font-style:normal;color:var(--muted);font-size:12px;letter-spacing:.08em}.brand small{display:block;margin-top:5px;color:var(--subtle);letter-spacing:.08em}.sidebar-caption{padding:0 12px 12px;color:var(--subtle);font-size:11px;letter-spacing:.24em}.nav{display:grid;gap:8px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;border:none;background:transparent;color:var(--muted);padding:15px 14px;border-radius:18px;font-weight:700}.nav button.active,.nav button:hover{background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.05));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.nav-symbol{width:22px;text-align:center;font-size:18px}.sidebar-foot{margin-top:auto;padding:18px 12px 12px;border-top:1px solid var(--line);display:grid;gap:8px;color:var(--muted)}.sidebar-user{font-weight:700;color:#fff;overflow-wrap:anywhere}
.main{padding:24px 28px 96px;max-width:1360px;width:100%;margin:0 auto}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.header-brand{display:flex;align-items:center;gap:12px}.header-brand img{width:42px;height:42px}.header-brand span{display:block;font-weight:300;letter-spacing:.28em;font-size:24px}.header-brand em{display:block}.head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(73,204,121,.15);color:#83f2b0;font-size:12px;font-weight:700;border:1px solid rgba(73,204,121,.22)}.pill.off{background:rgba(240,177,79,.12);border-color:rgba(240,177,79,.18);color:#ffd086}.profile-card{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 14px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.profile-card-text{display:grid}.profile-card-text strong{font-size:14px}.profile-card-text small{color:var(--muted)}.profile-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ffffff,#c7ccd8);color:#0b0d12;font-weight:800}.logout-compact{display:none}.page-hero{margin-bottom:20px;padding:6px 2px 8px}.sub{color:var(--subtle);font-size:11px;letter-spacing:.22em;font-weight:700;margin-bottom:8px}.sub span{color:var(--muted)}.page-hero h1{margin:0 0 8px;font-size:clamp(34px,4vw,56px);letter-spacing:-.03em;font-family:Georgia, 'Times New Roman', serif;line-height:1}.page-hero p{margin:0;max-width:780px;color:var(--muted);font-size:15px;line-height:1.65}
.panel,.welcome,.card,.summary-card,.sector-line,.order-row,.mini-item,.list-card,.timeline-card,.notice-card,.daily-wrap{background:linear-gradient(180deg, rgba(22,25,31,.9), rgba(12,14,18,.9));border:1px solid var(--line);box-shadow:var(--shadow)}.panel{border-radius:28px;padding:22px;margin-bottom:16px}.premium-panel{border-radius:30px}.hero-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.summary-card{padding:20px;border-radius:26px;display:flex;gap:16px;align-items:center;min-height:124px}.summary-card.featured{background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04))}.summary-card small{display:block;color:var(--muted);margin-bottom:8px;font-size:12px}.summary-card strong{display:block;font-size:42px;line-height:1;letter-spacing:-.04em}.summary-card span{display:block;margin-top:6px;color:var(--subtle);font-size:12px}.summary-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:22px;flex-shrink:0}.glass-banner{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 28px;border-radius:34px;margin-bottom:16px;background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));border:1px solid var(--line)}.glass-banner:before,.glass-banner:after{content:'';position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none}.glass-banner:before{width:260px;height:260px;background:rgba(255,255,255,.07);top:-130px;right:-70px}.glass-banner:after{width:200px;height:200px;background:rgba(68,208,123,.08);bottom:-120px;left:-80px}.glass-banner-copy,.glass-banner-brand{position:relative;z-index:1}.eyebrow{color:var(--subtle);font-size:11px;letter-spacing:.28em;font-weight:700}.glass-banner h2{margin:12px 0 8px;font-size:clamp(30px,4vw,48px);font-family:Georgia, serif;line-height:1}.glass-banner p{margin:0;color:var(--muted);max-width:620px;line-height:1.7}.glass-banner-brand img{width:112px;height:112px;opacity:.92}.split-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.toolbar h2{margin:0 0 6px;font-size:24px;letter-spacing:-.02em}.toolbar .group{display:flex;gap:10px;flex-wrap:wrap}.toolbar .group.grow{flex:1}.toolbar .group .field{min-width:220px}.tiny{color:var(--muted);font-size:12px;line-height:1.65}.empty{text-align:center;padding:34px 12px;color:var(--muted)}.feed-list,.mini-stack,.order-list,.timeline-list,.sector-lines{display:grid;gap:12px}.list-card,.mini-item,.order-row,.sector-line,.timeline-card,.notice-card{border-radius:22px;padding:16px;text-align:left}.list-card,.mini-item,.sector-line,.order-row.clickable{cursor:pointer}.list-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.list-card-main{display:grid;gap:6px;min-width:0}.list-card-main strong{font-size:15px}.list-card-main span{color:var(--muted)}.list-card-side{display:grid;justify-items:end;gap:8px}.list-card-side small{color:var(--subtle)}.mini-item{display:flex;align-items:center;justify-content:space-between;gap:10px}.mini-item b{display:block}.mini-item span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.alert-strip{margin-top:14px;padding:14px 16px;border-radius:18px;font-weight:700;border:1px solid transparent}.alert-strip.warn{background:rgba(240,177,79,.12);border-color:rgba(240,177,79,.18);color:#ffd086}.alert-strip.ok{background:rgba(68,208,123,.12);border-color:rgba(68,208,123,.18);color:#86efad}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.09);white-space:nowrap}.badge.success{background:rgba(68,208,123,.12);border-color:rgba(68,208,123,.22);color:#82efb0}.badge.info{background:rgba(94,160,255,.12);border-color:rgba(94,160,255,.25);color:#96bdff}.badge.warn{background:rgba(240,177,79,.12);border-color:rgba(240,177,79,.24);color:#ffd086}.badge.danger{background:rgba(240,93,103,.12);border-color:rgba(240,93,103,.22);color:#ffb0b6}.readonly-hint{background:rgba(94,160,255,.1)}.segment-tabs,.central-tabs{display:flex;gap:10px;flex-wrap:wrap}.day-header{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:end}.day-picker{margin:0}.day-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.day-summary>div{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:20px;padding:16px}.day-summary strong{display:block;font-size:26px;margin-bottom:4px}.day-summary small{color:var(--muted)}.daily-sector-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.daily-sector-head>div{display:flex;align-items:center;gap:12px}.daily-sector-head h3{margin:0;font-size:22px}.daily-sector-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.sector-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.06)}.sector-mark.big{width:56px;height:56px;font-size:22px;border-radius:18px}.sector-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.sector-line.selected{border-color:rgba(255,255,255,.22);background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.05))}.sector-copy strong{display:block;font-size:20px;margin-bottom:4px}.sector-copy small{color:var(--muted)}.sector-numbers{text-align:right;display:grid;gap:4px}.sector-numbers b{font-size:28px;line-height:1}.sector-numbers small{color:var(--muted)}.sector-numbers em{font-style:normal;color:#ffd086;background:rgba(240,177,79,.12);border:1px solid rgba(240,177,79,.22);padding:4px 8px;border-radius:999px;font-size:11px}.order-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.order-row h3{margin:5px 0 0;font-size:26px;font-family:Georgia, serif;line-height:1.1}.order-row-main{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.order-row-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:24px;flex-shrink:0}.order-row-main strong{display:block;font-size:17px}.order-row-main span{display:block;color:#d9dde6;margin-top:4px}.order-row-main small{display:block;color:var(--muted);margin-top:6px;line-height:1.5}.order-row-side{display:grid;gap:10px;min-width:220px;justify-items:end}.order-row-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.order-row-meta span{color:var(--muted);font-size:13px}.row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.clean-list .order-row{padding:14px 0;border-radius:0;background:transparent;border:0;box-shadow:none;border-bottom:1px solid var(--line)}.clean-list .order-row:last-child{border-bottom:0;padding-bottom:0}.clean-list .order-row:first-child{padding-top:4px}.queue-actions{display:flex;gap:8px;flex-wrap:wrap}
.central-panel{overflow:hidden}.central-tabs{margin-bottom:16px;padding:6px;border-radius:18px;background:rgba(255,255,255,.04);width:max-content}.central-tab{padding:12px 18px;border-radius:14px;color:var(--muted);font-weight:700}.central-tab.active{background:rgba(255,255,255,.08);color:#fff}.timeline-item{display:grid;grid-template-columns:24px 1fr;gap:14px;align-items:start}.timeline-dot{width:12px;height:12px;border-radius:50%;background:#818899;margin:20px auto 0}.timeline-item.done .timeline-dot{background:var(--success);box-shadow:0 0 0 6px rgba(68,208,123,.08)}.timeline-item.progress .timeline-dot{background:var(--warning);box-shadow:0 0 0 6px rgba(240,177,79,.08)}.timeline-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:4px}.timeline-card-top strong{font-size:18px}.timeline-card-top span{font-size:12px;color:var(--muted)}.timeline-card h3{margin:0 0 6px;font-size:28px;font-family:Georgia, serif;line-height:1}.timeline-card p{margin:0;color:var(--muted);line-height:1.6}.notice-card{display:flex;gap:14px;align-items:flex-start;margin-top:16px;background:linear-gradient(180deg, rgba(240,177,79,.12), rgba(240,177,79,.08));border-color:rgba(240,177,79,.16)}.notice-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:rgba(240,177,79,.14);color:#ffd086;font-size:22px;flex-shrink:0}.notice-card small{display:block;color:#ffcf81;letter-spacing:.22em;margin-bottom:8px}.notice-card strong{display:block;font-size:22px;margin-bottom:6px}.notice-card p{margin:0;color:#f1e0be;line-height:1.6}
.queue-summary,.order-grid,.art-grid,.stage-grid,.grid2{display:grid;gap:12px}.queue-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-grid,.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:18px;border-radius:22px}.order-card,.art-card,.stage-card,.queue-item{background:linear-gradient(180deg, rgba(22,25,31,.9), rgba(12,14,18,.9));border:1px solid var(--line);border-radius:22px;color:#fff}.order-card,.stage-order{cursor:pointer}.order-card{padding:18px;text-align:left}.order-card>strong{display:block;font-size:18px;margin:8px 0}.order-code{color:var(--muted);font-size:12px}.order-card-top,.order-card-info,.order-action,.order-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.order-card-info{color:var(--muted);font-size:12px}.overdue-text{color:#ffb0b6}.order-action{font-size:12px;color:#fff;font-weight:700}.art-card{overflow:hidden;text-align:left}.art-preview{height:160px;background:linear-gradient(145deg,#252931,#101217);display:grid;place-items:center}.art-preview img{width:100%;height:100%;object-fit:cover}.art-card-body{padding:14px;display:grid;gap:8px}.stage-card{padding:16px}.stage-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.stage-count{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:rgba(255,255,255,.08)}.stage-order{width:100%;display:grid;grid-template-columns:1fr auto;text-align:left;padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line);margin-top:8px;color:#fff}.flow-steps{display:flex;gap:10px;flex-wrap:wrap}.flow-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.flow-chip b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.08);font-size:12px}.progress-track{display:block;height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.progress-track.big{height:10px}.progress-track>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffffff,#aeb6c9)}.table-scroll{overflow:auto}.table{width:100%;min-width:680px;border-collapse:collapse}.table th,.table td{padding:15px 10px;border-bottom:1px solid var(--line);text-align:left}.table th{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--subtle)}.modal-back{position:fixed;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;z-index:99}.modal{width:min(760px,100%);max-height:90dvh;overflow:auto;padding:26px;border-radius:28px;background:linear-gradient(180deg,#171a20,#0d1015);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.modal h2{margin:0 0 8px;font-size:30px}.modal-sub{margin-bottom:18px;color:var(--muted)}.actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}.detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.detail-head h2{font-size:34px;font-family:Georgia, serif}.detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.detail-stats>div,.note-box,.v17-panel{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.detail-stats small{display:block;color:var(--muted);margin-bottom:6px}.detail-stats b{font-size:15px}.detail-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:16px 0}.detail-step{padding:12px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line);display:grid;gap:8px;text-align:center}.detail-step span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:rgba(255,255,255,.08)}.detail-step.done{border-color:rgba(68,208,123,.3)}.note-box p{margin:.5rem 0 0;color:var(--muted);line-height:1.7}.v17-panel{margin-top:16px}.v17-panel h3{margin:0 0 10px}.v17-row{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid var(--line)}.v17-row:last-child{border-bottom:0}.toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);padding:12px 16px;border-radius:16px;background:#fff;color:#08090d;font-weight:700;box-shadow:var(--shadow);z-index:120;max-width:min(94vw,520px)}.mobilebar{display:none}
@media (max-width: 1100px){.layout{grid-template-columns:1fr}.sidebar{display:none}.main{padding:18px 18px 110px}.logout-compact{display:inline-flex}.hero-summary,.split-grid,.day-header,.detail-stats{grid-template-columns:1fr}.page-hero h1{font-size:46px}.mobilebar{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:fixed;left:12px;right:12px;bottom:12px;padding:10px;background:rgba(8,10,14,.92);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(20px);border-radius:28px;z-index:30;box-shadow:var(--shadow)}.mobilebar button{background:transparent;border:none;color:var(--muted);display:grid;gap:4px;place-items:center;padding:8px 4px;border-radius:18px;font-size:12px}.mobilebar button.active{background:rgba(255,255,255,.07);color:#fff}.mobile-icon{font-size:18px}}
@media (max-width: 760px){.authbox{padding:26px;border-radius:26px}.auth-brand h1{font-size:28px;letter-spacing:.16em}.top{align-items:flex-start}.header-brand span{font-size:20px;letter-spacing:.18em}.profile-card{padding:8px 10px}.profile-card-text{display:none}.page-hero h1{font-size:40px}.panel{padding:18px;border-radius:24px}.summary-card{min-height:auto}.order-row,.list-card,.sector-line{grid-template-columns:1fr;display:grid}.order-row-side,.sector-numbers,.list-card-side{text-align:left;justify-items:start;min-width:0}.order-row-meta,.row-actions{justify-content:flex-start}.sector-line{grid-template-columns:auto 1fr}.sector-numbers{grid-column:1 / -1}.day-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.art-grid,.order-grid,.queue-summary,.grid2,.stage-grid{grid-template-columns:1fr}.toolbar .group{width:100%}.toolbar .group .field{min-width:0;flex:1}.detail-steps{grid-template-columns:1fr 1fr}}
@media (max-width: 480px){.main{padding:16px 14px 106px}.page-hero h1,.glass-banner h2,.timeline-card h3,.order-row h3{font-size:34px}.page-hero p{font-size:14px}.summary-card strong{font-size:34px}.day-summary{grid-template-columns:1fr 1fr}.detail-steps{grid-template-columns:1fr}}

/* V2.2 — layout fidelidade mobile: compactação real, sem o grid estourar */
.v22 .main{max-width:1220px}.v22 .page-hero{margin:8px 0 24px}.v22 .page-hero .sub{font-size:11px;letter-spacing:.28em;margin-bottom:8px}.v22 .page-hero h1{font-size:clamp(32px,4.5vw,48px);font-weight:700;line-height:1.08}.v22 .page-hero p{font-size:14px;line-height:1.5}.v22 .premium-top{margin-bottom:28px}.v22 .header-brand span{letter-spacing:.26em;font-size:21px;font-weight:400}.v22 .header-brand img{width:44px;height:44px}.profile-button{display:flex;align-items:center;gap:9px;color:#fff;background:none;border:0;min-height:44px}.profile-chevron{color:#a4a7b0}.profile-dropdown{position:absolute;z-index:100;right:16px;top:79px;background:#181a1e;border:1px solid #3c3e44;border-radius:14px;padding:12px;min-width:220px;box-shadow:0 15px 40px #000b}.profile-dropdown.hidden{display:none}.profile-dropdown button{display:block;background:transparent;border:0;color:white;width:100%;text-align:left;padding:12px;border-radius:8px}.profile-dropdown button:hover{background:#292b30}.v22-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.v22-metric{border:1px solid #292b30;background:linear-gradient(130deg,#17191d,#0d0f12);border-radius:20px;padding:17px;min-width:0;display:flex;flex-direction:column;gap:5px}.v22-metric i{font-style:normal;font-size:22px;color:#c0c1c6;height:28px}.v22-metric i.amber{color:#f1b058}.v22-metric i.green{color:#50d48c}.v22-metric i.red{color:#f26f78}.v22-metric strong{font-size:36px;font-family:Georgia,serif;font-weight:600;line-height:1.2}.v22-metric b{font-size:12px;line-height:1.3}.v22-metric small{font-size:11px;color:#9d9fa7}.v22-banner{position:relative;overflow:hidden;min-height:190px;padding:28px 28px 26px;border:1px solid #34353a;border-radius:20px;background:radial-gradient(ellipse at 85% 55%,#32302d,#0c0d0e 65%);margin-bottom:26px}.v22-banner span{display:block;font-size:10px;color:#c4b3a1;letter-spacing:.25em}.v22-banner h2{font-family:Georgia,serif;font-size:clamp(28px,4vw,42px);line-height:1.1;margin:13px 0 10px;position:relative;z-index:2}.v22-banner p{font-size:12px;color:#d2cbd0;line-height:1.5;max-width:250px;position:relative;z-index:2}.v22-banner img{position:absolute;right:20px;top:24px;width:160px;height:160px;object-fit:contain;opacity:.65}.v22-section{margin:24px 0}.v22-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.v22-section-title h2{font-size:12px!important;text-transform:uppercase;letter-spacing:.23em;font-family:Inter,sans-serif!important;font-weight:600!important;margin:0!important}.v22-section-title button{background:transparent;border:0;color:#bebfc4;min-height:40px;padding:0 6px;font-size:12px;white-space:nowrap}.v22-items{display:grid;gap:10px}.v22-activity,.v22-order,.v22-sector{border:1px solid #292c31;border-radius:17px;background:linear-gradient(115deg,#17191d,#0f1114);color:#fff;display:flex;align-items:center;gap:13px;min-height:74px;padding:12px 14px;text-align:left;width:100%;min-width:0}.v22-activity:active,.v22-sector:active,.v22-order:active{background:#25282d}.v22-item-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:12px;background:#24262b;font-size:21px}.v22-item-desc,.v22-order-info,.v22-sector-desc{flex:1;min-width:0;display:grid;gap:3px}.v22-item-desc strong,.v22-order-info strong{font-size:13px;color:#d1d3d8}.v22-item-desc b,.v22-order-info b,.v22-sector-desc b{font-size:15px;font-weight:650;overflow-wrap:anywhere;line-height:1.25}.v22-item-desc small,.v22-order-info small,.v22-sector-desc small{font-size:11px;color:#a2a6af;line-height:1.5;overflow-wrap:anywhere}.v22-item-end{flex:0 0 auto;max-width:40%;display:grid;justify-items:end;gap:6px}.v22-item-end small{color:#a2a6af;font-size:11px}.chevron{color:#afb1b9;font-size:22px;flex:0 0 auto}.v22-sector-count{display:grid;justify-items:center;min-width:40px}.v22-sector-count b{font-size:20px}.v22-sector-count small{font-size:10px;color:#aaacb2}.v22-urgent{border-radius:10px;padding:5px 7px;color:#ffa6aa;background:#321417;border:1px solid #643237;white-space:nowrap;font-size:10px}.v22-sector.selected{border-color:#777c85}.v22-filters{display:flex;gap:10px;margin:12px 0 20px;flex-wrap:wrap}.v22-filters .btn{border-radius:24px;min-height:42px}.v22-filters select{max-width:250px;min-height:42px}.v22-order-header{display:flex;gap:12px;align-items:center;justify-content:space-between}.v22-search{flex:1;display:flex;align-items:center;gap:10px;border:1px solid #30343a;background:#191b20;border-radius:14px;padding:0 12px;min-width:0;min-height:48px}.v22-search>span{font-size:26px}.v22-search input{min-width:0;width:100%;border:0;background:none;color:white;outline:0}.v22-readonly{border-radius:12px;background:#152022;color:#a1f0d4;padding:12px;font-size:12px}.v22-day-progress{border-radius:15px;border:1px solid #282a2e;background:#15171a;padding:18px;display:flex;align-items:center;gap:24px}.v22-day-progress>strong{font-size:26px;flex:0 0 auto}.v22-day-progress>div{flex:1}.v22-day-progress p{margin:4px 0 10px;color:#999da7;font-size:12px}.v22-tabs{background:#1a1c21;border:1px solid #33353b;border-radius:16px;display:flex;gap:5px;padding:5px;margin-bottom:26px}.v22-tabs>span{flex:1;text-align:center;padding:12px;font-size:13px;color:#9296a0}.v22-tabs .active{color:white;border-radius:12px;background:#2d3037}.v22-timeline{display:grid;gap:14px}.v22-event{display:grid;grid-template-columns:83px 16px 1fr;gap:8px;align-items:start}.v22-event-time{color:#a3a6ae;font-size:11px;padding-top:15px}.v22-event-dot{width:10px;height:10px;border-radius:50%;background:#60c98e;margin-top:18px}.v22-event-body{display:grid;gap:5px;background:#15171b;border:1px solid #2b2d31;border-radius:15px;padding:14px}.v22-event-body b{font-size:13px}.v22-event-body strong{font-size:14px;font-weight:550}.v22-event-body small{color:#9699a0;font-size:11px}.v22-notice{border:1px solid #614b28;background:#211b13;border-radius:17px;padding:18px;margin-top:24px}.v22-notice span{color:#e4b36b;font-size:10px;letter-spacing:.2em}.v22-notice h3{margin:10px 0;font-family:Georgia,serif;font-size:22px}.v22-notice p{font-size:12px;color:#e0cead;line-height:1.55}
@media(max-width:1100px){.v22 .main{padding:18px 18px 105px}.v22 .mobilebar{grid-template-columns:repeat(4,minmax(0,1fr));left:12px;right:12px;bottom:12px;border-radius:22px;padding:8px}.v22 .mobilebar button{padding:8px 2px;min-width:0}.v22 .mobile-icon{font-size:21px}.v22 .page-hero h1{font-size:clamp(31px,8vw,41px)}.v22-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.v22 .main{padding:16px 16px 112px}.v22 .premium-top{margin-bottom:24px}.v22 .page-hero{margin-bottom:18px}.v22 .header-brand span{font-size:17px;letter-spacing:.17em}.v22 .header-brand img{width:37px;height:37px}.v22 .profile-avatar{width:34px;height:34px}.v22 .head-actions{gap:6px}.v22 .pill{font-size:10px;padding:7px}.v22 .profile-chevron{display:none}.v22 .page-hero h1{font-size:36px}.v22-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v22-metric{padding:15px;min-height:132px}.v22-metric strong{font-size:31px}.v22-banner{min-height:175px;padding:23px}.v22-banner img{right:-18px;top:15px;width:140px}.v22-banner h2{font-size:32px}.v22-banner p{max-width:185px}.v22-item-end{max-width:35%}.v22-activity,.v22-order,.v22-sector{gap:10px;padding:11px 10px}.v22-item-icon{width:39px;height:39px;flex-basis:39px}.v22-order-info b,.v22-sector-desc b{font-size:14px}.v22-urgent{display:none}.v22-event{grid-template-columns:62px 10px minmax(0,1fr)}.v22 .mobilebar{left:10px;right:10px;bottom:9px}}
@media(max-width:370px){.v22 .pill{display:none}.v22 .profile-button{padding:0}.v22 .header-brand span{font-size:15px}.v22-item-end{max-width:32%}.v22-item-end .badge{padding:5px 6px;font-size:10px;white-space:normal;text-align:center}.v22-sector-count b{font-size:17px}.v22 .page-hero h1{font-size:33px}}


/* FIDELES V2.3 | LOGIN PREVIEW -- escopo isolado: demais telas intactas */
.login-v23,.login-v23 *{box-sizing:border-box}
.login-v23{min-height:100svh;min-height:100dvh;padding:env(safe-area-inset-top) 22px env(safe-area-inset-bottom);background-color:#050608;background-image:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.52) 50%,rgba(0,0,0,.16)),url('assets/login-metalico.webp');background-size:cover;background-position:center;display:grid;place-items:center;color:#fdfdfd}
.login-v23-shell{width:min(100%,440px);min-height:min(100dvh,860px);display:flex;align-items:center;justify-content:center}
.login-v23-form{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:clamp(28px,7vh,64px) 0;}
.login-v23-brand{text-align:center;display:flex;align-items:center;flex-direction:column}
.login-v23-brand img{width:clamp(108px,27vw,145px);height:clamp(108px,27vw,145px);object-fit:contain;mix-blend-mode:screen}
.login-v23-brand h1{font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-weight:300;font-size:clamp(32px,9vw,46px);letter-spacing:.19em;margin:18px -12px 8px 0;line-height:1.15;white-space:nowrap}
.login-v23-brand h1 span{font-weight:300}
.login-v23-brand p{color:#b6b8bf;font-weight:400;font-size:clamp(13px,3.5vw,16px);letter-spacing:.012em;margin:0}
.login-v23-fields{width:100%;margin-top:clamp(46px,11vh,94px);display:grid;gap:14px}
.login-v23-field{min-height:62px;display:flex;align-items:center;gap:14px;border:1px solid rgba(231,233,240,.5);border-radius:19px;background:linear-gradient(145deg,rgba(17,19,23,.78),rgba(13,15,18,.86));box-shadow:0 4px 18px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);padding:0 16px;}
.login-v23-field:focus-within{border-color:#fafafa;box-shadow:0 0 0 2px rgba(255,255,255,.12)}
.login-v23-icon,.login-v23-eye{display:grid;place-items:center;flex-shrink:0;color:#f2f3f7}
.login-v23-icon{width:23px;height:26px;padding-right:14px;box-sizing:content-box;border-right:1px solid rgba(236,239,245,.4)}
.login-v23-icon svg,.login-v23-eye svg,.login-v23-submit svg,.login-v23-footer svg{height:23px;width:23px}
.login-v23-field input{font-family:Inter,Arial,sans-serif;min-width:0;flex:1;height:60px;background:transparent;border:0;outline:0;color:#fff;font-size:16px}
.login-v23-field input::placeholder{color:#b2b4ba}
.login-v23-eye{width:40px;height:44px;padding:9px;background:transparent;border:0;border-radius:10px;cursor:pointer}
.login-v23-eye:hover{background:rgba(255,255,255,.07)}
.login-v23-error{color:#ffd7d7;font-size:13px;line-height:1.4;background:rgba(90,10,20,.45);border:1px solid rgba(240,120,130,.4);border-radius:12px;padding:12px;margin:14px 0 0}
.login-v23-submit{min-height:66px;margin-top:25px;width:100%;border:1px solid rgba(255,255,255,.85);border-radius:19px;display:flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(#fff,#f1f1f4);color:#090909;font-weight:750;font-size:18px;box-shadow:0 0 30px rgba(255,255,255,.11);cursor:pointer;transition:transform .12s ease,filter .12s ease}
.login-v23-submit:active{transform:scale(.99)}.login-v23-submit:disabled{opacity:.55;cursor:wait}
.login-v23-footer{margin-top:34px;display:flex;align-items:center;flex-direction:column;gap:18px}
.login-v23-divider{height:1px;background:rgba(255,255,255,.18);width:77%}
.login-v23-footer p{margin:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:#b6b8bf}
.login-v23-footer svg{width:18px;height:18px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:380px){.login-v23{padding-left:18px;padding-right:18px}.login-v23-brand h1{font-size:30px}.login-v23-field{min-height:58px}.login-v23-field input{height:56px}.login-v23-fields{margin-top:52px}}
@media(max-height:700px){.login-v23-shell{min-height:100%}.login-v23-form{padding:24px 0}.login-v23-brand img{height:92px;width:92px}.login-v23-fields{margin-top:26px}.login-v23-footer{margin-top:20px}}

/* V2.3.1 — CORREÇÃO RESPONSIVA: MOBILE / TABLET / DESKTOP */
html,body,#app{max-width:100%;min-width:0}
body{overflow-x:hidden}
.login-v23{width:100%;max-width:100%;min-width:0;min-height:100vh;min-height:100dvh;overflow-x:clip;padding: max(20px,env(safe-area-inset-top)) clamp(16px,4vw,40px) max(20px,env(safe-area-inset-bottom));background-position:center;background-size:cover}
.login-v23-shell{width:100%;max-width:480px;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;margin-inline:auto}
.login-v23-form{width:100%;min-width:0;max-width:100%;padding:clamp(16px,4vh,38px) 0;gap:0}
.login-v23-brand,.login-v23-fields,.login-v23-field,.login-v23-footer{width:100%;min-width:0;max-width:100%}
.login-v23-brand img{width:clamp(94px,22vw,145px);height:clamp(94px,22vw,145px);max-width:100%;object-fit:contain}
.login-v23-brand h1{max-width:100%;font-size:clamp(23px,7vw,43px);letter-spacing:clamp(.08em,1vw,.18em);margin:16px 0 9px;line-height:1.15;white-space:normal;overflow-wrap:normal;text-align:center}
.login-v23-brand p{font-size:clamp(12px,3.5vw,16px);line-height:1.5;text-align:center}
.login-v23-fields{margin-top:clamp(26px,7dvh,72px);gap:14px}
.login-v23-field{height:auto;min-height:58px;padding:0 clamp(12px,3vw,18px);border-radius:18px;gap:12px}
.login-v23-field input{width:1px;min-width:0;max-width:100%;height:58px;font-size:16px;flex:1}
.login-v23-icon{width:22px;padding-right:12px}
.login-v23-eye{flex:0 0 40px}
.login-v23-submit{min-width:0;width:100%;min-height:60px;margin-top:20px;padding:12px 14px;border-radius:18px;font-size:clamp(15px,4vw,18px);gap:12px}
.login-v23-submit span{min-width:0;text-wrap:balance}
.login-v23-footer{margin-top:24px;gap:16px}
.login-v23-footer p{font-size:clamp(11px,3vw,13px);text-align:center;max-width:100%;white-space:normal}
@media(min-width:769px){
 .login-v23{background-position:center center;padding:50px 32px}
 .login-v23-shell{max-width:445px}
 .login-v23-form{padding:34px 0}
 .login-v23-brand img{width:140px;height:140px}
 .login-v23-brand h1{font-size:42px}
 .login-v23-fields{margin-top:62px}
 .login-v23-field,.login-v23-field input{min-height:64px}
 .login-v23-submit{min-height:66px}
}
@media(max-width:380px){
 .login-v23{padding-inline:16px}
 .login-v23-brand h1{font-size:clamp(22px,7vw,27px);letter-spacing:.1em}
 .login-v23-brand img{width:98px;height:98px}
 .login-v23-field{min-height:54px}
 .login-v23-field input{height:54px}
 .login-v23-fields{margin-top:30px}
 .login-v23-submit{min-height:56px}
}
@media(max-height:650px) and (orientation:landscape){
 .login-v23{min-height:100dvh;place-items:stretch;padding-block:12px}
 .login-v23-shell{max-width:480px;min-height:0}
 .login-v23-form{padding:12px 0}
 .login-v23-brand img{width:64px;height:64px}
 .login-v23-brand h1{margin:6px 0;font-size:24px}
 .login-v23-fields{margin-top:12px;gap:8px}
 .login-v23-field,.login-v23-field input{min-height:44px;height:44px}
 .login-v23-submit{min-height:48px;margin-top:10px}
 .login-v23-footer{margin-top:12px;gap:8px}
}
@media(prefers-reduced-motion:reduce){.login-v23-submit{transition:none}}


/* V2.3.2 login logo refinement */
.login-v23-brand img{
  width:clamp(118px,24vw,156px);
  height:auto;
  aspect-ratio:1/1;
  object-fit:contain;
  display:block;
  margin-inline:auto;
  filter:drop-shadow(0 10px 24px rgba(255,255,255,.16)) drop-shadow(0 0 18px rgba(255,255,255,.08));
}
@media (max-width: 480px){
  .login-v23-brand img{width:clamp(106px,28vw,132px)}
}
@media (max-height: 560px){
  .login-v23-brand img{width:72px}
}

/* V2.3.3 — marca completa, asset novo sem corte */
.login-v23-brand img{width:clamp(118px,28vw,168px);height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 5px 13px rgba(255,255,255,.15))}
@media(max-height:650px) and (orientation:landscape){.login-v23-brand img{width:72px}}


/* PAINEL PREMIUM V2.4.2 */
:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#f4f4f5;background:#08090b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;min-width:0}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #f8f8f8;outline-offset:3px}.app-shell{width:100%;min-height:100dvh;background:radial-gradient(ellipse at 65% 0%,rgba(83,86,94,.10),transparent 48%),#08090b}.fid-header{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,1180px);margin:auto;padding:24px clamp(16px,4vw,36px);min-height:104px;border-bottom:1px solid rgba(255,255,255,.075)}.brand{display:inline-flex;align-items:center;gap:14px;min-width:0;text-decoration:none;color:#fff}.brand-icon{width:48px;height:57px;display:grid;place-items:center;flex:none}.brand-icon img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 0 9px rgba(255,255,255,.10))}.brand-word{font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(19px,2.5vw,28px);font-weight:300;letter-spacing:.32em;white-space:nowrap}.header-right{display:flex;align-items:center;gap:clamp(12px,2vw,24px);min-width:0}.connection{display:flex;align-items:center;gap:7px;color:#88e5b2;border:1px solid rgba(78,201,124,.24);background:#092017;padding:7px 12px;border-radius:999px;font-size:12px;white-space:nowrap}.connection i{width:7px;height:7px;border-radius:50%;background:#48d187;box-shadow:0 0 9px rgba(72,209,135,.4)}.connection.offline{color:#eec88e;background:#261c11;border-color:#53422c}.connection.offline i{background:#e3ad60}.profile{display:flex;align-items:center;gap:11px;padding:3px 0 3px 4px;color:#f6f6f7;background:transparent;border:0;border-radius:14px;min-height:48px}.who{text-align:right;display:grid;gap:4px}.who strong{font-size:13px;font-weight:600;white-space:nowrap}.who small{font-size:11px;color:#a4a6b0;white-space:nowrap}.avatar{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid #707279;background:linear-gradient(145deg,#ededf0,#a6a8ac);color:#121316;font-weight:750}.chevron{width:16px;height:16px;fill:none;stroke:#ccc;stroke-width:2;transition:transform .18s}.profile[aria-expanded="true"] .chevron{transform:rotate(180deg)}.profile-menu{position:absolute;top:calc(100% - 8px);right:clamp(16px,4vw,36px);z-index:10;width:min(250px,calc(100vw - 32px));padding:8px;border:1px solid #303138;border-radius:17px;background:#1a1b20;box-shadow:0 20px 46px #0009}.profile-menu[hidden]{display:none!important}.menu-user{padding:12px 10px 14px;border-bottom:1px solid #36373d;margin-bottom:6px;display:grid;gap:6px}.menu-user small{color:#9699a0}.profile-menu button{width:100%;border:0;background:transparent;color:#f1f1f2;text-align:left;padding:11px 10px;border-radius:10px}.profile-menu button:hover{background:#34353b}main{max-width:1180px;margin:0 auto;padding:clamp(36px,9vw,90px) clamp(16px,4vw,36px)}.eyebrow{letter-spacing:.27em;color:#999ba5;font-size:11px}h1{font-family:Georgia,serif;font-size:clamp(34px,6vw,60px);font-weight:500;margin:20px 0 12px}.subtitle{color:#adb0b8;line-height:1.65;max-width:610px}.demo-card{margin-top:38px;background:linear-gradient(135deg,#1b1c20,#101114);border:1px solid #303138;border-radius:24px;padding:clamp(25px,4vw,40px)}.demo-card small{letter-spacing:.22em;color:#92949c;font-size:10px}.demo-card h2{font-family:Georgia,serif;font-size:clamp(26px,4vw,42px);font-weight:500}.demo-card p,.hint{color:#999ba4;line-height:1.6}.hint{font-size:13px;margin-top:22px}@media(max-width:600px){.fid-header{min-height:82px;padding-block:14px}.brand{gap:8px}.brand-icon{width:35px;height:44px}.brand-word{font-size:19px;letter-spacing:.21em}.header-right{gap:7px}.connection{font-size:10px;padding:7px 8px}.avatar{height:38px;width:38px}.who{display:none}.chevron{width:12px}.profile{gap:5px}}@media(max-width:365px){.brand-word{font-size:16px;letter-spacing:.17em}.connection{font-size:0;padding:9px}.connection i{width:8px;height:8px}}@media(prefers-reduced-motion:reduce){.chevron{transition:none}}

/* FIDELES OS V2.4 PARTE 2 | Indicadores isolados */
.production-main{padding-top:clamp(28px,5vw,62px)}
.production-main .intro{margin-bottom:28px}
.production-main h1{margin:13px 0 10px;font-size:clamp(42px,6vw,68px);letter-spacing:-.035em}
.production-main .subtitle{margin:0;font-size:clamp(13px,1.6vw,16px)}
.indicators{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.metric{min-width:0;min-height:208px;padding:20px 18px 22px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(155deg,#1c1e22,#101114 80%);border:1px solid #313239;border-radius:22px;box-shadow:0 12px 24px rgba(0,0,0,.14), inset 0 1px rgba(255,255,255,.02)}
.metric-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#272a30;color:#e2e5ea;margin-bottom:16px;flex:none}
.metric-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linejoin:round;stroke-linecap:round}
.metric-icon.amber{color:#efb36f;background:#2c241d}.metric-icon.green{color:#50ce88;background:#14281e}.metric-icon.red{color:#eb6676;background:#301b22}
.metric-value{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4vw,55px);font-weight:500;letter-spacing:-.04em;line-height:1.12;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.metric h2{font-size:clamp(13px,1.5vw,17px);font-weight:600;margin:8px 0 0;line-height:1.3}
.metric p{color:#a0a2ad;margin:5px 0 0;font-size:clamp(11px,1.1vw,13px);line-height:1.45}
.preview-control{border:1px solid #292a2f;background:#101115;border-radius:20px;margin-top:28px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.preview-label,.up-next span{letter-spacing:.17em;font-weight:700;font-size:10px;color:#aaaeb8}.preview-control p,.up-next p{margin:7px 0 0;color:#989ca6;font-size:12px;line-height:1.65}.edit-btn{border:1px solid #4b4d53;color:white;border-radius:13px;background:#24262b;padding:12px 14px;font-size:12px;white-space:nowrap}
.values-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;background:#15161b;border:1px solid #34353a;border-radius:18px;margin-top:10px;align-items:end}.values-form[hidden]{display:none}.values-form label{font-size:12px;color:#b6b8c0;display:grid;gap:7px}.values-form input{min-width:0;width:100%;height:45px;border:1px solid #45464d;border-radius:11px;padding:0 10px;background:#0d0e12;color:#fff;font-size:16px}.values-form button{grid-column:1/-1;background:#fff;color:#0a0a0c;border:0;border-radius:12px;padding:12px;font-weight:700}
.up-next{margin-top:28px;border:1px solid #24262c;border-radius:20px;background:linear-gradient(125deg,rgba(52,54,60,.2),rgba(5,6,8,.4));padding:20px}
@media(max-width:700px){.indicators{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:170px;padding:16px 14px;border-radius:17px}.metric-icon{width:37px;height:37px;border-radius:12px;margin-bottom:12px}.metric-icon svg{width:22px;height:22px}.metric-value{font-size:clamp(35px,9vw,49px)}.metric h2{font-size:14px}.metric p{font-size:11.5px}.values-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.production-main{padding-inline:16px}.indicators{gap:9px}.metric{padding:13px 12px;min-height:166px}.preview-control{align-items:stretch;flex-direction:column}.edit-btn{align-self:flex-start}}
@media(max-width:310px){.metric h2{font-size:12px}.metric p{font-size:10px}.metric-value{font-size:33px}}

/* V2.4 — Painel principal com elementos premium aprovados */
.production-main{padding-top:26px;padding-bottom:82px;max-width:1160px}
.production-main .intro{margin-bottom:22px}
.indicators{gap:12px}
.metric{position:relative;isolation:isolate;min-height:215px;padding:18px 18px 24px;border:1px solid rgba(201,204,210,.34);background:linear-gradient(145deg,#22262b 0%,#101216 52%,#090a0d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 14px 30px #0006;overflow:hidden}
.metric:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.05),transparent 58%);pointer-events:none}
.metric-icon{width:48px;height:48px;margin-bottom:10px;border:1px solid #ffffff18;box-shadow:0 0 18px #0007, inset 0 1px #ffffff24}
.metric-icon.neutral{background:#222d3c;color:#c9d7ec}.metric-icon.amber{color:#ffbf63;background:#2e241a}.metric-icon.green{color:#64edab;background:#14271f}.metric-icon.red{color:#ff6275;background:#2c1820}
.metric-value{font-size:clamp(38px,4.5vw,62px);font-weight:400}
.metric h2{font-family:Georgia,serif;font-size:clamp(15px,1.6vw,20px);font-weight:400}
.metric-progress{margin-top:auto;height:5px;width:75%;border-radius:999px;background:linear-gradient(90deg,#dbe4f3 60%,#26313b 60%);box-shadow:0 0 9px #ffffff2e}
.metric-progress.amber{background:linear-gradient(90deg,#f6bb53 60%,#353025 60%);box-shadow:0 0 9px #f6bb5340}.metric-progress.green{background:linear-gradient(90deg,#5de9a0 60%,#183c2b 60%);box-shadow:0 0 9px #5de9a040}.metric-progress.red{background:linear-gradient(90deg,#f25870 60%,#3d1d28 60%);box-shadow:0 0 9px #f2587040}
.premium-banner{width:100%;margin:18px 0 25px;border-radius:22px;overflow:hidden;border:1px solid #dedede73;background:#101115}
.premium-banner img{display:block;width:100%;height:auto;max-height:430px;object-fit:cover}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 13px}.section-head h2{font-size:11px;letter-spacing:.28em;color:#c3c5cd;font-weight:600;margin:0}.plain-link{background:none;border:none;color:#babdc4;white-space:nowrap}
.activities{display:grid;gap:10px}.activity{display:flex;align-items:center;gap:14px;min-height:96px;padding:13px 16px;border-radius:18px;border:1px solid #ffffff2a;background:linear-gradient(125deg,#1b1e23,#0d0f12);box-shadow:inset 0 1px #ffffff12}.activity-ico{width:56px;height:56px;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,#292e35,#13161b);border:1px solid #ffffff24;border-radius:16px;font-size:27px;color:#e5eaf1}.activity-main{min-width:0;display:grid;gap:3px}.activity-main b{color:#bfc2c9;font-weight:500;font-size:12px}.activity-main strong{font-size:17px;font-family:Georgia,serif;font-weight:500}.activity-main small{font-size:12px;color:#a2a5ae}.activity-side{margin-left:auto;display:grid;gap:7px;justify-items:end;min-width:120px}.activity-side small{font-size:12px;color:#afb2bb}.tag{white-space:nowrap;display:inline-flex;padding:7px 11px;border-radius:999px;border:1px solid currentColor;font-size:12px}.tag.orange{color:#efbc6b;background:#49301036}.tag.green{color:#68e29d;background:#1b593229}.tag.red{color:#ff6677;background:#63243224}
.summary-box{display:flex;align-items:center;gap:20px;padding:18px;border-radius:22px;border:1px solid #ffffff3b;background:linear-gradient(135deg,#22252b,#0c0e11);box-shadow:inset 0 1px #ffffff20}.donut{--pct:33%;width:110px;height:110px;flex:none;border-radius:50%;background:conic-gradient(#eae9e9 var(--pct),#41444b 0);display:grid;place-items:center}.donut:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#111317}.donut span{font-family:Georgia,serif;font-size:27px;z-index:1}.summary-copy{flex:1;min-width:0;display:grid;gap:8px}.summary-copy strong{font-family:Georgia,serif;font-size:22px;font-weight:400}.summary-copy small{color:#a6aab3;font-size:12px}.line-track{height:8px;background:#30343b;border-radius:999px;overflow:hidden}.line-track span{display:block;width:33%;height:100%;background:#e1e3e9;border-radius:inherit}.summary-mini{display:flex;gap:10px}.summary-mini>div{display:grid;justify-items:center;gap:2px;background:#14171a;border:1px solid #ffffff2c;border-radius:17px;padding:16px;min-width:90px}.summary-mini strong{font-family:Georgia,serif;font-size:28px;font-weight:400}.summary-mini small{font-size:11px;color:#aeb0b7;white-space:nowrap}.preview-badge{margin:20px 0;color:#81848e;font-size:10px;letter-spacing:.15em;text-align:center}
@media(max-width:700px){.production-main{padding-top:18px}.indicators{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:174px;padding:13px 13px 17px}.metric-icon{width:38px;height:38px;border-radius:13px}.metric-value{font-size:39px}.metric h2{font-size:16px}.metric p{font-size:11px}.premium-banner{border-radius:18px;margin-top:14px}.summary-box{gap:11px;flex-wrap:wrap}.donut{width:78px;height:78px}.donut:before{width:56px;height:56px}.donut span{font-size:20px}.summary-copy strong{font-size:17px}.summary-mini{width:100%}.summary-mini>div{flex:1;min-width:0;padding:9px}.activity{padding:10px;gap:10px;min-height:88px}.activity-ico{width:40px;height:40px;font-size:21px}.activity-main strong{font-size:14px}.activity-side{min-width:0}.tag{font-size:10px;padding:5px 7px}.activity-side small{font-size:10px}}
@media(max-width:360px){.metric h2{font-size:14px}.metric-value{font-size:34px}.activity-ico{display:none}.activity-main strong{font-size:12px}.tag{white-space:normal}}

/* V2.4.1 — refinamentos visuais validados pelos prints móveis. */
.premium-banner{border:0;background:transparent;border-radius:clamp(14px,3vw,24px);margin:14px 0 24px;box-shadow:none;}
.premium-banner img{width:100%;display:block;height:auto;max-height:none;object-fit:contain;border-radius:inherit;}
.indicators{gap:12px;}
.metric{min-height:190px;padding:16px 16px 17px;}
.metric-icon{margin-bottom:10px;}
.metric-value{line-height:1;margin-bottom:7px;}
.metric h2{line-height:1.15;margin:0 0 6px;}
.metric p{line-height:1.35;margin:0 0 12px;}
.activity{min-height:82px;padding:10px 14px;}
.activity-ico{width:46px;height:46px;font-size:22px;}
.activity-main strong{line-height:1.25;}
.summary-copy small,.activity-main small,.activity-side small,.summary-mini small{color:#c3c5cc;}
.summary-box{padding:16px;gap:14px;}
@media(max-width:700px){
  .metric{min-height:153px;padding:12px 13px 13px;}
  .metric-icon{width:35px;height:35px;margin-bottom:8px;}
  .metric-value{font-size:clamp(32px,8vw,41px);margin-bottom:5px;}
  .metric h2{font-size:15px;}
  .metric p{font-size:11px;margin-bottom:8px;}
  .premium-banner{margin:12px 0 20px;border-radius:14px;}
  .activity{min-height:73px;padding:9px 10px;gap:10px;}
  .activity-ico{width:38px;height:38px;font-size:20px;}
  .activity-main strong{font-size:14px;}
  .summary-box{padding:14px;gap:10px;}
  .summary-copy small{font-size:12px;}
  .summary-mini>div{padding:10px 8px;}
}
@media(max-width:360px){.metric{min-height:152px;padding:11px}.metric h2{font-size:13px}.metric p{font-size:10px}.activity-ico{display:grid;width:34px;height:34px;font-size:17px}.activity-main strong{font-size:12px}}

#authMount[hidden], #dashboard[hidden]{display:none!important} #authMount .auth{min-height:100dvh} .live-empty{color:#aaa;padding:25px;text-align:center;border:1px solid #333;border-radius:16px} .activity{cursor:pointer} .activity:focus-visible{outline:2px solid #eee} .auth-loading{color:#fff;font-family:system-ui;text-align:center;margin-top:20vh} .preview-badge{letter-spacing:.09em;}

/* V2.4.3: rotas responsivas de leitura */
[hidden]{display:none!important}.app-shell{padding-bottom:92px}.detail-route{min-height:55vh;max-width:1040px;margin:0 auto;padding:0 0 35px}.route-intro{padding:6px 0 24px}.route-intro p{letter-spacing:.25em;color:#878d9b;font-size:11px}.route-intro h1{font-family:Georgia,serif;font-size:clamp(34px,7vw,56px);margin:8px 0 12px}.route-intro span{color:#a8aab3}.bottom-nav{position:fixed;bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:50;width:min(calc(100% - 20px),650px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px;background:rgba(12,13,18,.96);border:1px solid #303139;border-radius:22px;box-shadow:0 12px 45px #000b;backdrop-filter:blur(18px)}.bottom-nav button{border:0;border-radius:14px;background:transparent;color:#b5b8c2;font-size:21px;min-height:57px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center}.bottom-nav span{font-size:11px}.bottom-nav button.active{background:#2b2e35;color:white}.route-order,.route-sector{color:inherit;cursor:pointer;font:inherit}.route-order{width:100%;display:flex;gap:13px;align-items:center;text-align:left;padding:14px;margin:9px 0;border:1px solid #333740;border-radius:18px;background:linear-gradient(120deg,#1b1d23,#101216);min-width:0}.route-order-symbol{background:#242932;border-radius:13px;display:grid;place-items:center;width:46px;height:46px;flex-shrink:0}.route-order-copy{display:grid;gap:5px;min-width:0;flex:1}.route-order-copy strong{overflow-wrap:anywhere;font:22px/1.1 Georgia,serif}.route-order-copy b{font-size:11px;color:#b7bdca}.route-order-copy small,.route-order-meta small{font-size:11px;color:#adb1bb}.route-order-meta{display:grid;gap:7px;text-align:right;max-width:38%}.route-order-meta em{font:normal 11px/1.4 system-ui;color:#aad4ff;border:1px solid #465569;padding:5px 7px;border-radius:18px;overflow-wrap:anywhere}.route-chevron{font-size:22px}.route-sector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.route-sector{display:grid;justify-items:start;gap:7px;text-align:left;border:1px solid #353841;background:linear-gradient(150deg,#1b1e24,#0c0e12);border-radius:18px;padding:17px;min-width:0}.route-sector span{font-size:24px}.route-sector strong{font-size:16px;overflow-wrap:anywhere}.route-sector b{font:32px Georgia,serif}.route-sector small{color:#aaaeba}.route-date{display:grid;gap:8px;max-width:260px;color:#bbb}.route-date input,.route-search{font:inherit;background:#191b21;color:#eee;border:1px solid #474a52;border-radius:13px;padding:12px;width:100%;max-width:100%;min-height:48px}.route-counters{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.route-counters div{border:1px solid #323640;border-radius:14px;padding:13px;display:grid;gap:5px}.route-counters b{font:28px Georgia,serif}.route-counters small{color:#a0a4af;font-size:10px}.route-filters{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.route-filters button,.route-back{font:inherit;border:1px solid #40434a;border-radius:14px;background:#191b20;color:#e3e5e9;padding:10px 12px;cursor:pointer}.route-filters button.active{background:#eee;color:#101114}.route-notice,.route-order-details,.route-empty{padding:18px;border:1px solid #333740;border-radius:18px;background:#17191e;margin:12px 0}.route-order-details h2{font:26px Georgia,serif}.route-order-details dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #353841;padding-top:14px}.route-order-details dt{color:#999fac}.route-order-details dd{margin:0;overflow-wrap:anywhere}.route-order-details p,.route-notice p{color:#b4b8c1;line-height:1.6}.route-empty{color:#a8abb5;text-align:center}
@media(max-width:470px){.route-order{gap:8px;padding:10px}.route-order-symbol{width:36px;height:36px}.route-order-copy strong{font-size:17px}.route-order-meta{max-width:33%}.bottom-nav button{min-height:52px}.route-sector-grid{gap:8px}.route-sector{padding:12px}}