*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--green)}.loading{padding:3rem}h1,h2,h3,p{margin-top:0}p{line-height:1.65}h1{margin-bottom:8px}h2{margin-bottom:16px}h3{font-size:1rem;margin-bottom:8px}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100dvh}.sidebar{width:auto;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column}.brand{font-size:1.3rem;font-weight:750}.brand small{display:block;margin-top:6px;font-size:.72rem;color:#afbed0;font-weight:400;letter-spacing:.04em}.nav{width:100%;display:flex;align-items:center;text-align:left;border:0;background:none;font-family:inherit}.sidebar-foot{margin-top:auto;border-top:1px solid #354960}.sidebar-foot strong{display:block}.workspace{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.top-actions,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.content{max-width:1400px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px}.page-head p{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);text-decoration:none}.card{border:1px solid var(--line);padding:24px;margin-bottom:18px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{border:1px solid var(--line);border-radius:12px;background:white}.metric-val{display:block}.metric-note{display:block}.grid{display:grid}.two-col{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.list{display:grid;gap:12px}.row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row p{margin:4px 0 0}.stack{min-width:0}.stack strong{overflow-wrap:anywhere}.badge{display:inline-block;border-radius:999px;white-space:nowrap}.table-scroll{overflow:auto}.table{border-collapse:collapse;width:100%;text-align:left}.table th,.table td{border-bottom:1px solid var(--line)}.empty{text-align:center;padding:38px 20px;color:var(--muted)}.notice{border:1px solid var(--line);padding:14px 16px;border-radius:8px;margin-bottom:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.input,.select,.textarea{width:100%;border:1px solid #cfd9e4;padding:11px 12px}.textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.full{grid-column:1/-1}.checkline{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px}.checkline input{width:18px;height:18px}.help{margin:4px 0 16px}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.muted{color:var(--muted)}.back{margin-bottom:20px}.visit{border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:14px}.visit .actions{margin-top:15px}.login-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:var(--navy);color:#fff;padding:clamp(36px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.login-art h1{font-size:clamp(2.6rem,4vw,4.3rem);line-height:1.08;max-width:9ch;margin:40px 0 24px}.login-art h1 em{color:#88dfca;font-style:normal}.login-art p{color:#b5c5d6;max-width:36ch}.login-side{padding:32px;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:380px}.login-card .btn{width:100%}.login-card h2{font-size:1.8rem}.error{color:#a03838;font-size:.9rem;margin-bottom:16px}.error:empty{display:none}dialog{width:min(640px,calc(100% - 32px));max-height:90dvh;border:1px solid var(--line);border-radius:16px;padding:28px;color:var(--ink);box-shadow:0 24px 90px #11273e33}dialog::backdrop{background:#10243d80;backdrop-filter:blur(3px)}dialog h2{font-size:1.3rem}.dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.dialog-head h2{margin:0}.dialog-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#toast{position:fixed;right:24px;bottom:24px;z-index:100;color:#fff;padding:14px 20px;box-shadow:0 8px 30px #10243d22}.mobile-menu{display:none}.files a{display:block;padding:10px 0;overflow-wrap:anywhere}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.info-grid small{display:block;margin-bottom:4px}.info-grid p{margin:0}code{font-size:.85em;word-break:break-word}.notification-new{border-left:3px solid var(--green);padding-left:14px}.search-input{max-width:350px;margin-bottom:18px}details{margin-top:18px}summary{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){.metrics{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}}@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{display:none;position:static;height:auto}.shell.menu-open .sidebar{display:flex}.mobile-menu{display:inline-flex}.topbar{padding:14px 16px}.top-actions{gap:6px}.content{padding:24px 16px}.page-head{flex-direction:column}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-side{min-height:100dvh}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.card{padding:18px}.table{min-width:560px}.row{align-items:flex-start;flex-wrap:wrap}.info-grid{grid-template-columns:1fr}.actions .btn{flex:none}.metrics{gap:10px}.metric{padding:18px;min-height:120px}.metric-val{font-size:1.8rem;margin:12px 0}.crumb{display:none}.topbar .btn{font-size:.8rem;padding:8px 10px}}


/* ===== Técnico mobile/tablet ===== */
.tech-shell{min-height:100dvh;background:linear-gradient(180deg,#0f4c8a 0,#1570c3 220px,#f4f7fa 220px,#f4f7fa 100%);padding:18px 18px 92px}.tech-topbar{max-width:1100px;margin:0 auto 18px;color:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tech-topbar h1{color:#fff;font-size:clamp(1.8rem,3vw,2.3rem);margin-top:4px}.tech-topbar .subtitle{color:#d7e9ff;max-width:36rem}.tech-topbar .eyebrow{color:#d6ecff}.tech-top-actions{display:flex;gap:8px;flex-wrap:wrap}.tech-top-actions .btn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}.tech-content{max-width:1100px;margin:0 auto}.tech-hero,.tech-section,.tech-order-hero{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 35px rgba(16,36,61,.08);padding:20px;margin-bottom:16px}.tech-hero{background:linear-gradient(135deg,#0f4c8a,#1790da);color:#fff;border:none}.tech-hero h2{color:#fff;font-size:1.35rem;margin-bottom:10px}.tech-hero p{margin:0;color:#e8f4ff}.tech-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.tech-stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 14px;box-shadow:0 8px 20px rgba(16,36,61,.04)}.tech-stat span{display:block;color:var(--muted);font-size:.83rem}.tech-stat strong{display:block;font-size:1.7rem;line-height:1.1;margin-top:8px}.tech-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.tech-section-head h2{margin:0}.service-card{background:#fdfefe;border:1px solid #e3ebf3;border-radius:18px;padding:16px;margin-bottom:12px;box-shadow:0 2px 10px rgba(24,43,67,.03)}.service-card:last-child{margin-bottom:0}.service-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.service-card-head strong{display:block;font-size:.98rem;color:var(--ink)}.tech-card-line{display:flex;gap:10px;flex-wrap:wrap;font-size:.88rem;margin-bottom:8px;color:#2a4665}.tech-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}.tech-meta-chip{display:inline-flex;align-items:center;background:#eef5fb;color:#46617e;border-radius:999px;padding:6px 10px;font-size:.78rem}.tech-inline-actions{margin-top:12px}.tech-detail .back{margin-bottom:12px}.tech-order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.tech-info-card{background:#f4f8fc;border:1px solid #e1eaf3;border-radius:16px;padding:14px}.tech-info-card small{display:block;margin-bottom:6px}.tech-info-card strong{font-size:.92rem;overflow-wrap:anywhere}.tech-info-card.full{grid-column:1/-1}.tech-active-visit{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;padding:14px 16px;border-radius:16px;background:#eef6ff;border:1px solid #d7e8fb}.tech-timeline{display:grid;gap:10px}.tech-timeline-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px;border:1px solid #e5ebf2;border-radius:16px;background:#fbfdff}.tech-bottomnav{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;width:min(760px,calc(100% - 24px));background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 30px rgba(16,36,61,.12);padding:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;z-index:30}.tech-tab{border:0;background:transparent;border-radius:16px;padding:11px 8px;color:#567089;font-weight:700;font-size:.84rem}.tech-tab.active{background:#e9f3ff;color:#0d63bc}.tech-order-hero .subtitle{margin-bottom:0}.tech-section .row{padding:12px 0}.tech-section .row .actions{margin-left:auto}.tech-shell .empty{background:#fff;border:1px dashed #d3deea;border-radius:18px}.tech-shell .files a{padding:10px 0}.tech-shell .btn.ghost{background:#f2f6fa}.tech-shell .notice{border-radius:14px}.tech-shell .field{font-size:.86rem}.tech-shell .textarea{min-height:160px}.tech-shell .badge{font-size:.72rem}.tech-shell .badge.blue{background:#e8f0fc;color:#225c9c}.tech-shell .badge.green{background:#e7f7ef;color:#1b6e4c}.tech-shell .badge.amber{background:#fff4de;color:#8a6319}@media(max-width:980px){.tech-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-topbar{flex-direction:column}}@media(max-width:640px){.tech-shell{padding:14px 14px 94px}.tech-topbar .btn{min-height:40px}.tech-hero,.tech-section,.tech-order-hero{padding:16px;border-radius:18px}.service-card{border-radius:16px}.service-card-head,.tech-section-head,.tech-active-visit,.tech-timeline-item{flex-direction:column;align-items:flex-start}.tech-order-grid{grid-template-columns:1fr}.tech-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-bottomnav{grid-template-columns:repeat(4,minmax(0,1fr));padding:7px;bottom:10px}.tech-tab{font-size:.78rem;padding:10px 6px}.tech-shell .actions>.btn{flex:1 1 auto}}@media(max-width:420px){.tech-stats{grid-template-columns:1fr 1fr}.tech-stat strong{font-size:1.45rem}.tech-topbar h1{font-size:1.7rem}}


/* Ajustes de fluidez e estabilidade para o painel tecnico mobile */
html,body{max-width:100%;overflow-x:hidden}
.tech-shell{width:100%;max-width:100vw;overflow-x:hidden;overscroll-behavior-x:none;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-text-size-adjust:100%;padding-top:max(14px,env(safe-area-inset-top));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:calc(96px + env(safe-area-inset-bottom));padding-left:max(14px,env(safe-area-inset-left));scroll-behavior:smooth}
.tech-shell input,.tech-shell select,.tech-shell textarea{font-size:16px!important;max-width:100%}
.tech-shell button,.tech-shell a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.tech-content,.tech-section,.tech-order-hero,.service-card{max-width:100%;min-width:0}
.tech-page-tools{display:flex;align-items:center;margin:0 0 12px}
.tech-back-btn{min-height:44px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.92)!important;box-shadow:0 6px 18px rgba(16,36,61,.08)}
.service-card,.tech-stat,.tech-section,.tech-order-hero{transform:translateZ(0);transition:transform .16s ease,box-shadow .16s ease}
.service-card:active,.tech-stat:active{transform:scale(.992)}
.tech-tab,.tech-shell .btn{transition:transform .12s ease,background-color .16s ease,border-color .16s ease}
.tech-tab:active,.tech-shell .btn:active{transform:scale(.97)}
.tech-bottomnav{bottom:max(10px,env(safe-area-inset-bottom));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
@media(max-width:640px){.tech-shell{padding-top:max(12px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left));padding-bottom:calc(92px + env(safe-area-inset-bottom))}.tech-content{width:100%}.tech-topbar{margin-bottom:14px}.tech-page-tools{position:sticky;top:6px;z-index:12;width:max-content}.tech-bottomnav{width:calc(100% - 20px)}}
/* ===== Tema premium neutro: bege, branco e cinza ===== */
:root{--ink:#2f302d;--muted:#77726b;--navy:#3f3a35;--green:#8d7864;--line:#e5ded4;--canvas:#f5f2ed;--surface:#fffdfa}
body,.workspace{background:var(--canvas);color:var(--ink)}
.sidebar{background:#373431;color:#e8e1d8;scrollbar-color:#756b61 transparent}.brand{color:#fffaf4}.brand small,.sidebar-foot{color:#c8beb3}.sidebar-foot{border-color:#57514b}.sidebar-foot strong{color:#fffaf4}
.nav{color:#d7cfc6}.nav:hover{background:#48423c;color:#fff}.nav.active{background:#514a43;color:#fff;box-shadow:inset 3px 0 #c7ad8f}.mobile-nav{background:#373431}.mobile-nav .nav{color:#d7cfc6}.mobile-nav .nav.active{background:#514a43;color:#fff}
.topbar{background:#fffdfa}.avatar,.demo-pill,.role-toggle,.mini-list span,.tag{background:#eee8df;color:#625b54;border-color:#ded6cb}.role-toggle button.active{background:#4b4540;color:#fff}
.btn{background:#fffdfa;border-color:#d9d0c4;color:var(--ink)}.btn:hover{background:#f0ebe4;border-color:#c2b6a9}.btn.primary,.login-new .login-card .login-submit{background:#8d7864;border-color:#8d7864;color:#fff}.btn.primary:hover,.login-new .login-card .login-submit:hover{background:#776451;border-color:#776451}.btn.dark{background:#4b4540;border-color:#4b4540}.btn.dark:hover{background:#393531}
.badge{background:#eee9e2;color:#625c55}.badge.blue,.badge.stage{background:#ece4da;color:#705f50}.badge.green{background:#ece8df;color:#5f6757}.badge.amber{background:#f3ead8;color:#80693f}
.input,.select,.textarea{border-color:#d6cec3}.input:focus,.select:focus,.textarea:focus,.login-new .login-card .input:focus{border-color:#9c8874;box-shadow:0 0 0 3px #9c887426}.field{color:#5b5650}.table th{background:#f3efe9;color:#6d665f}.table td{border-color:#ebe5dc}.table tbody tr:hover{background:#faf7f2}
.notice,.step.done{background:#f0ece5;color:#625a51;border-color:#dfd7cd}.notice.amber,.alert-line{background:#f5eedf;color:#756243;border-color:#e7dcc5}.detail-box,.card-soft,.capture-disclosure,.capture-path,.research-fields .input[readonly]{background:#f6f2ec}
.login-art,.login-new .login-art{background:#3f3a35}.login-art h1 em,.login-kicker,.login-foot-mark{color:#d2b999}.login-art p,.login-new .login-art p,.login-brand small,.login-art-foot,.login-flow span{color:#d0c6bc}.login-flow b{color:#f4eee7}.login-flow i{background:#7d7167}.login-tag,.login-demo-note,.demo-credentials{background:#eee8df;border-color:#ddd4c9;color:#655d55}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #9b846f;outline-offset:3px}#toast{background:#403a35;border-color:#655d55;box-shadow:0 8px 30px #3d342c22}dialog{box-shadow:0 24px 90px #4a403533}dialog::backdrop{background:#322d2980}
.tech-shell{background:linear-gradient(180deg,#49423c 0,#746657 220px,#f5f2ed 220px,#f5f2ed 100%)}.tech-topbar .subtitle{color:#e7ddd3}.tech-topbar .eyebrow{color:#dec8ad}.tech-top-actions .btn{background:#ffffff18;border-color:#ffffff33;color:#fff}
.tech-hero{background:linear-gradient(135deg,#4b443e,#8b7763)}.tech-hero p{color:#f3ece5}.tech-hero,.tech-section,.tech-order-hero,.tech-stat{box-shadow:0 10px 35px #4b403515}.service-card{background:#fffdfa;border-color:#e5ddd3;box-shadow:0 2px 10px #4b403508}.tech-card-line{color:#5f574f}.tech-meta-chip{background:#efe8de;color:#675b50}
.tech-info-card{background:#f6f1ea;border-color:#e6ddd2}.tech-active-visit{background:#f1e9df;border-color:#dfd1c1}.tech-timeline-item{background:#fffdfa;border-color:#e7dfd6}.tech-bottomnav{background:#fffdfa;box-shadow:0 10px 30px #4b40351f}.tech-tab{color:#73685e}.tech-tab.active{background:#eee4d8;color:#6e5946}.tech-shell .btn.ghost{background:#f2ede7}.tech-shell .badge.blue{background:#ece4da;color:#705f50}

/* ===== Campo clean 0.11 ===== */
.tech-shell{background:var(--canvas);padding-top:max(16px,env(safe-area-inset-top));}
.tech-topbar{max-width:760px;margin:0 auto 14px;color:var(--ink);align-items:center}
.tech-topbar h1{color:var(--ink);font-size:1.35rem;margin:2px 0 0}
.tech-topbar .eyebrow{color:#8d7864;font-size:.72rem;letter-spacing:.08em}
.tech-top-actions .btn{background:#fffdfa;border-color:#ddd4c9;color:#5f574f;box-shadow:none}
.tech-content{max-width:760px}
.tech-section,.tech-order-hero{border-radius:18px;box-shadow:none;border-color:#e5ded4;background:#fffdfa}
.tech-today{padding-top:22px}
.tech-kicker{display:block;color:#8d7864;font-size:.72rem;font-weight:800;letter-spacing:.07em;margin-bottom:6px}
.tech-section-head{margin-bottom:16px}
.tech-section-head h2{font-size:1.25rem}
.tech-section-head .subtitle{margin:4px 0 0}
.tech-job-card{padding:18px;border-radius:16px;box-shadow:none}
.tech-job-card .service-card-head{margin-bottom:14px}
.tech-job-card .service-card-head strong{font-size:1.05rem}
.tech-job-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.45fr);gap:10px;margin-top:8px}
.tech-job-facts>div{background:#f6f2ec;border:1px solid #e7dfd6;border-radius:13px;padding:11px 12px;min-width:0}
.tech-job-facts small,.tech-essential-item small{display:block;color:#81786f;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.tech-job-facts p{margin:0;line-height:1.4;overflow-wrap:anywhere}
.tech-job-card .tech-inline-actions{margin-top:14px}
.tech-job-card .tech-inline-actions .btn{width:100%;min-height:44px}
.tech-essential-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.tech-essential-item{background:#f6f2ec;border:1px solid #e7dfd6;border-radius:14px;padding:14px;min-width:0}
.tech-essential-item.full{grid-column:1/-1}
.tech-essential-item strong{display:block;font-size:.95rem;line-height:1.45;overflow-wrap:anywhere}
.tech-contact-line{margin:12px 2px 0;color:#77726b;font-size:.84rem}
.tech-main-action{margin-top:14px}
.tech-main-action .btn{width:100%;min-height:48px;font-weight:800}
.tech-order-hero{padding:18px}
.tech-order-hero h2{font-size:1.35rem;margin-bottom:4px}
.tech-detail .tech-section{padding:18px}
.tech-detail .textarea{min-height:130px}
.tech-detail .tech-inline-actions{display:grid;grid-template-columns:1fr;gap:8px}
.tech-detail .tech-inline-actions .btn{width:100%;min-height:44px}
.tech-bottomnav{width:min(620px,calc(100% - 24px));grid-template-columns:repeat(3,minmax(0,1fr));border-radius:18px;box-shadow:0 8px 24px #4b40351a}
.tech-tab{position:relative;min-height:44px;border-radius:13px}
.tech-nav-count{display:inline-flex;min-width:18px;height:18px;padding:0 5px;border-radius:999px;align-items:center;justify-content:center;margin-left:4px;background:#8d7864;color:#fff;font-size:.68rem}
.tech-page-tools{position:static!important}
@media(max-width:640px){
 .tech-shell{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
 .tech-topbar{padding:0 2px}
 .tech-topbar h1{font-size:1.2rem}
 .tech-section,.tech-order-hero{padding:15px;border-radius:16px}
 .tech-job-card{padding:14px}
 .tech-job-facts,.tech-essential-grid{grid-template-columns:1fr}
 .tech-essential-item.full{grid-column:auto}
 .tech-bottomnav{width:calc(100% - 16px);bottom:max(8px,env(safe-area-inset-bottom))}
}

/* WhatsApp integration test */
.whatsapp-qr{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:center;margin:18px 0}
.whatsapp-qr img{width:220px;height:220px;display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px}
.integration-connected{padding:14px 0}
.integration-connected p{margin-bottom:12px}
@media(max-width:700px){.whatsapp-qr{grid-template-columns:1fr}.whatsapp-qr img{width:min(260px,100%);height:auto;margin:auto}}

/* Busca de cliente no orçamento */
.client-picker{position:relative}
.client-search-wrap{position:relative}
.client-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:.95rem}
.client-search-wrap .input{padding-left:40px}
.client-results{position:absolute;left:0;right:0;top:78px;z-index:80;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px #3d342c20;max-height:280px;overflow:auto;padding:6px}
.client-result{width:100%;text-align:left;border:0;background:transparent;padding:11px 12px;border-radius:9px;color:var(--ink)}
.client-result:hover,.client-result:focus{background:#f0ebe4}
.client-result strong,.client-result small{display:block}
.client-result small{margin-top:3px;color:var(--muted)}
.client-no-result{padding:14px;color:var(--muted);text-align:center}

/* Acervo técnico e relatórios automáticos */
.technical-report-stack{display:grid;gap:16px;margin-top:18px}
.technical-report-card{border-left:4px solid #b8aa9a}
.technical-preview{margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f8f5f0}
.technical-preview small{display:block;color:var(--muted);font-weight:700;margin-bottom:8px}
.technical-preview .prewrap{margin:0;max-height:420px;overflow:auto}
[data-archive-row][hidden]{display:none!important}
.archive-tree{margin-top:12px}
.archive-client,.archive-year,.archive-service,.archive-folder{border:1px solid var(--line);border-radius:14px;background:var(--surface);margin:8px 0;overflow:hidden}
.archive-client>summary,.archive-year>summary,.archive-service>summary,.archive-folder>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;font-weight:750;list-style:none}
.archive-client>summary::-webkit-details-marker,.archive-year>summary::-webkit-details-marker,.archive-service>summary::-webkit-details-marker,.archive-folder>summary::-webkit-details-marker{display:none}
.archive-client>summary:before,.archive-year>summary:before,.archive-service>summary:before,.archive-folder>summary:before{content:'›';width:18px;flex:0 0 18px;transition:transform .15s ease;color:var(--muted)}
.archive-client[open]>summary:before,.archive-year[open]>summary:before,.archive-service[open]>summary:before,.archive-folder[open]>summary:before{transform:rotate(90deg)}
.archive-client>summary span,.archive-year>summary span,.archive-service>summary span,.archive-folder>summary span{flex:1}
.archive-client>summary small,.archive-year>summary small,.archive-service>summary small,.archive-folder>summary small{color:var(--muted);font-weight:500}
.archive-year{margin:8px 12px;background:#faf7f2}
.archive-service{margin:8px 12px;background:#f7f2ea}
.archive-folder{margin:8px 12px 12px;background:var(--surface)}
.archive-files{border-top:1px solid var(--line)}
.archive-empty{margin:0;padding:13px 14px;color:var(--muted);font-size:.9rem}
.archive-file{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-top:1px solid var(--line)}
.archive-file:first-child{border-top:0}.archive-file p,.archive-file small{margin:3px 0;color:var(--muted);overflow-wrap:anywhere}.archive-file>div{min-width:0}
@media(max-width:700px){.archive-file{align-items:flex-start;flex-direction:column}.archive-file .btn{width:100%}.archive-client>summary,.archive-year>summary,.archive-service>summary,.archive-folder>summary{align-items:flex-start}}


/* Painel visual do Acervo Técnico do ADM */
.archive-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.archive-kpi{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 10px 26px #3d342c0a;min-height:118px;display:flex;flex-direction:column;justify-content:center}
.archive-kpi span{font-size:.82rem;color:var(--muted);font-weight:700}
.archive-kpi strong{font-size:2rem;line-height:1;margin:10px 0 8px;color:var(--ink)}
.archive-kpi small{color:var(--muted);font-size:.78rem;line-height:1.35}
.archive-kpi.warning{border-color:#e9c9bf;background:#fff9f7}
.archive-kpi.warning strong{color:#9a4338}
.archive-explorer-card{padding:0;overflow:hidden}
.archive-explorer-card>.section-head{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}
.archive-explorer{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);min-height:520px;background:var(--surface)}
.archive-client-pane{border-right:1px solid var(--line);padding:14px;background:#fbf8f3;min-width:0}
.archive-search{position:relative;display:block;margin-bottom:12px}
.archive-search>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);z-index:1}
.archive-search .input{padding-left:38px;background:#fff}
.archive-client-list{display:grid;gap:4px;max-height:455px;overflow:auto;padding-right:3px}
.archive-client-option{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;text-align:left;border:0;background:transparent;color:var(--ink);padding:10px 11px;border-radius:10px;cursor:pointer}
.archive-client-option:hover{background:#f0e9df}
.archive-client-option.active{background:#ead9bc;box-shadow:inset 3px 0 0 #a87934}
.archive-client-option[hidden]{display:none}
.archive-client-option>span:last-child{min-width:0}
.archive-client-option strong,.archive-client-option small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.archive-client-option small{font-size:.72rem;color:var(--muted);margin-top:2px;font-weight:500}
.archive-folder-icon{font-size:1.05rem}
.archive-browser-pane{min-width:0;background:#fff}
.archive-breadcrumb{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 16px;border-bottom:1px solid var(--line);font-size:.85rem;color:var(--muted)}
.archive-breadcrumb strong{color:var(--ink)}
.archive-browser-head,.archive-browser-year>summary{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.7fr) minmax(120px,.55fr) 24px;gap:12px;align-items:center}
.archive-browser-head{padding:10px 16px;background:#faf8f5;border-bottom:1px solid var(--line);font-size:.74rem;color:var(--muted);font-weight:700}
.archive-browser-list{max-height:420px;overflow:auto}
.archive-browser-year{border-bottom:1px solid var(--line)}
.archive-browser-year>summary{list-style:none;padding:12px 16px;cursor:pointer;font-size:.86rem}
.archive-browser-year>summary::-webkit-details-marker{display:none}
.archive-browser-year>summary:hover{background:#fbf8f3}
.archive-browser-year[open]>summary{background:#f7f1e8}
.archive-browser-year>summary>span:nth-child(2),.archive-browser-year>summary>span:nth-child(3){color:var(--muted)}
.archive-browser-year>summary>span:last-child{font-size:1.2rem;color:var(--muted);transition:transform .15s ease}
.archive-browser-year[open]>summary>span:last-child{transform:rotate(90deg)}
.archive-browser-name{display:flex;align-items:center;gap:10px}
.archive-browser-year-body{padding:8px 12px 12px;background:#fcfaf7}
.archive-browser-service{border:1px solid var(--line);border-radius:12px;background:#fff;margin:7px 0;overflow:hidden}
.archive-browser-service>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;list-style:none;padding:11px 13px;cursor:pointer;font-size:.82rem}
.archive-browser-service>summary::-webkit-details-marker{display:none}
.archive-browser-service>summary small{color:var(--muted)}
.archive-browser-service[open]>summary{background:#f7f2eb;border-bottom:1px solid var(--line)}
.archive-service-folders{padding:5px 7px 8px}
.archive-service-folders .archive-folder{margin:6px;background:#fff}
.archive-service-folders .archive-folder>summary{padding:9px 11px;font-size:.8rem}
.archive-browser-empty{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--muted)}
.archive-browser-empty h3{color:var(--ink);margin:8px 0}
.archive-browser-empty p{max-width:430px;line-height:1.5}
.archive-big-folder{font-size:3rem;filter:saturate(.8)}
.archive-bottom-grid{margin-top:18px}
.archive-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.archive-rule{display:grid;grid-template-columns:minmax(100px,.8fr) 24px minmax(150px,1.2fr);gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fcfaf7;font-size:.82rem}
.archive-rule span:nth-child(2){color:#a87934;font-weight:800;text-align:center}
.archive-rule span:last-child{color:var(--muted)}
.archive-client-status .info-grid{margin-top:8px}
.archive-admin-tools{margin-top:18px;padding:0;overflow:hidden}
.archive-admin-tools>summary{display:flex;justify-content:space-between;gap:18px;align-items:center;list-style:none;cursor:pointer;padding:17px 20px}
.archive-admin-tools>summary::-webkit-details-marker{display:none}
.archive-admin-tools>summary:after{content:'›';font-size:1.4rem;color:var(--muted);transition:transform .15s ease}
.archive-admin-tools[open]>summary:after{transform:rotate(90deg)}
.archive-admin-tools>summary span{color:var(--muted);font-size:.82rem;font-weight:500;margin-left:auto}
.archive-admin-tools-body{padding:0 20px 20px;border-top:1px solid var(--line)}
.archive-admin-tools-body hr{border:0;border-top:1px solid var(--line);margin:22px 0}
@media(max-width:1150px){.archive-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-explorer{grid-template-columns:260px minmax(0,1fr)}.archive-rule-grid{grid-template-columns:1fr}}
@media(max-width:820px){.archive-explorer{grid-template-columns:1fr}.archive-client-pane{border-right:0;border-bottom:1px solid var(--line)}.archive-client-list{max-height:220px}.archive-browser-head{display:none}.archive-browser-year>summary{grid-template-columns:minmax(0,1fr) auto}.archive-browser-year>summary>span:nth-child(2),.archive-browser-year>summary>span:nth-child(3){display:none}.archive-bottom-grid{grid-template-columns:1fr}}
@media(max-width:620px){.archive-kpis{grid-template-columns:1fr}.archive-kpi{min-height:auto}.archive-rule{grid-template-columns:1fr auto 1fr}.archive-admin-tools>summary{align-items:flex-start;flex-direction:column}.archive-admin-tools>summary span{margin-left:0}.archive-browser-service>summary{align-items:flex-start;flex-direction:column}}



/* Ordens de serviço — visão simplificada sem remover funções */
.order-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.order-summary{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:17px 18px;min-height:108px;display:flex;flex-direction:column;justify-content:center}
.order-summary>span{font-size:.78rem;color:var(--muted);font-weight:750}
.order-summary>strong{font-size:1.75rem;line-height:1;margin:9px 0 7px;color:var(--ink);font-variant-numeric:tabular-nums}
.order-summary>small{color:var(--muted);line-height:1.35}
.order-list-shell{padding:0;overflow:hidden}
.order-list-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(190px,260px) auto;gap:12px;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line);background:#fbf9f6}
.order-search{position:relative}
.order-search>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);z-index:1}
.order-search .input{padding-left:38px;width:100%}
.order-list-toolbar>small{white-space:nowrap;color:var(--muted);font-weight:700;text-align:right}
.order-list{display:grid}
.order-list-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px 19px;border-bottom:1px solid var(--line);background:#fff;transition:background .15s ease}
.order-list-card:last-child{border-bottom:0}
.order-list-card:hover{background:#fcfaf7}
.order-list-card[hidden]{display:none!important}
.order-card-main{min-width:0}
.order-card-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.order-card-heading>div{min-width:0}
.order-card-heading small{display:block;color:var(--muted);font-weight:800;margin-bottom:2px}
.order-card-heading h3{margin:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.order-card-heading p{margin:3px 0 0;color:var(--muted);font-size:.86rem}
.order-card-facts{display:grid;grid-template-columns:1.05fr 1fr .75fr 1.25fr;gap:10px;margin-top:14px}
.order-card-facts>div{min-width:0;border-left:1px solid var(--line);padding-left:11px}
.order-card-facts>div:first-child{border-left:0;padding-left:0}
.order-card-facts small{display:block;color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
.order-card-facts strong{display:block;font-size:.82rem;margin:4px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order-card-facts span{display:block;color:var(--muted);font-size:.74rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis}
.order-card-facts span .badge{display:inline-flex}
.order-card-next{background:#f7f2ea;border-radius:9px;padding:8px 10px!important;border-left:0!important}
.order-card-next strong{color:#6f5437}
.order-card-open{display:flex;align-items:center}
.order-card-open .btn{white-space:nowrap}
.order-next-step{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:14px}
.order-next-step small{display:block;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.order-next-step strong{display:block;font-size:1.05rem;margin:2px 0}
.order-next-step p{margin:0;color:var(--muted);font-size:.84rem}
.order-stage-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0 0 18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.order-stage-step{position:relative;display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted)}
.order-stage-step:after{content:'';position:absolute;left:32px;right:7px;top:13px;height:2px;background:#e5ded4;z-index:0}
.order-stage-step:last-child:after{display:none}
.order-stage-step span{position:relative;z-index:1;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eee9e2;color:#736b62;font-size:.7rem;font-weight:850;flex:0 0 auto}
.order-stage-step small{position:relative;z-index:1;background:#fff;padding-right:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.order-stage-step.done span{background:#dfece6;color:#3f6959}
.order-stage-step.done:after{background:#c8ddd4}
.order-stage-step.current span{background:#8d7864;color:#fff}
.order-stage-step.current small{color:var(--ink)}
.order-overview-card{margin-bottom:18px}
.order-overview-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}
.order-overview-grid>div{background:#faf8f5;border:1px solid var(--line);border-radius:10px;padding:11px 12px;min-width:0}
.order-overview-grid .wide{grid-column:span 2}
.order-overview-grid small{display:block;color:var(--muted);font-size:.72rem;font-weight:800;margin-bottom:4px}
.order-overview-grid strong,.order-overview-grid span{display:block;overflow-wrap:anywhere}
.order-overview-grid strong{font-size:.87rem}
.order-overview-grid span{font-size:.78rem;color:var(--muted);margin-top:2px}
.order-scope{margin-top:13px;border-top:1px solid var(--line);padding-top:12px}
.order-scope summary{display:flex;align-items:center;justify-content:space-between}
.order-scope .prewrap{margin:12px 0 0;padding:12px;background:#faf8f5;border-radius:9px}
.order-detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.75fr);gap:18px;align-items:start}
.order-detail-main,.order-detail-side{display:grid;gap:18px;min-width:0}
.order-section-card{margin:0}
.order-section-card .section-head{margin-bottom:14px}
.order-section-card .visit{margin-top:10px}
.order-submit-block{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.order-file-list{display:grid;gap:7px;margin-bottom:14px}
.order-file-list a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#faf8f5;color:var(--ink);text-decoration:none;font-size:.82rem}
.order-file-list a:hover{background:#f4efe8}
.order-file-list small{color:var(--muted);white-space:nowrap}
.order-finance-fact{background:#faf8f5;border:1px solid var(--line);border-radius:10px;padding:12px}
.order-finance-fact small{display:block;color:var(--muted);font-weight:700}
.order-finance-fact strong{display:block;margin:3px 0}
@media(max-width:1200px){.order-card-facts{grid-template-columns:1fr 1fr}.order-card-facts>div:nth-child(3){border-left:0;padding-left:0}.order-detail-layout{grid-template-columns:1fr}.order-overview-grid{grid-template-columns:1fr 1fr}.order-overview-grid .wide{grid-column:span 2}}
@media(max-width:850px){.order-summary-grid{grid-template-columns:1fr 1fr}.order-list-toolbar{grid-template-columns:1fr}.order-list-toolbar>small{text-align:left}.order-list-card{grid-template-columns:1fr}.order-card-open{justify-content:flex-end}.order-stage-track{overflow:auto}.order-stage-step{min-width:150px}}
@media(max-width:600px){.order-summary-grid{grid-template-columns:1fr}.order-card-heading{align-items:flex-start;flex-direction:column}.order-card-facts{grid-template-columns:1fr}.order-card-facts>div,.order-card-facts>div:nth-child(3){border-left:0;border-top:1px solid var(--line);padding:9px 0 0}.order-card-facts>div:first-child{border-top:0;padding-top:0}.order-card-next{padding:9px 10px!important;border-top:0!important}.order-card-open .btn{width:100%}.order-overview-grid{grid-template-columns:1fr}.order-overview-grid .wide{grid-column:auto}.order-next-step{align-items:flex-start;flex-direction:column}.order-stage-track{padding:10px 12px}}

/* Visualizador interno de imagens, PDFs e arquivos do acervo */
body.file-viewer-open{overflow:hidden}
.file-viewer[hidden]{display:none!important}
.file-viewer{position:fixed;inset:0;z-index:12000;display:block;padding:0;background:#e9e5df}
.file-viewer-backdrop{display:none}
.file-viewer-panel{position:relative;width:100vw;height:100dvh;background:#f7f4ef;border:0;border-radius:0;box-shadow:none;overflow:hidden;display:flex;flex-direction:column}
.file-viewer-head{min-height:76px;padding:13px 16px 13px 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:space-between;gap:16px}
.file-viewer-title{display:flex;align-items:center;gap:13px;min-width:0}
.file-viewer-title>div{min-width:0}
.file-viewer-title h2{font-size:1rem;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(720px,52vw)}
.file-viewer-title p{margin:0;color:var(--muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.file-viewer-type{flex:0 0 auto;min-width:54px;padding:7px 9px;border-radius:9px;background:#e8ddcc;color:#73583b;font-size:.68rem;font-weight:850;letter-spacing:.06em;text-align:center}
.file-viewer-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.file-viewer-actions [hidden],.file-viewer-panel>[hidden]{display:none!important}
.file-viewer-count{padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:#faf7f2;color:var(--muted);font-size:.75rem;font-weight:800}
.file-viewer-zoom{min-width:48px;text-align:center;color:var(--muted);font-size:.76rem;font-weight:700}
.file-viewer-body{flex:1;min-height:0;position:relative;overflow:auto;background:#e9e5df}
.file-viewer-nav{position:absolute;top:50%;z-index:4;width:48px;height:68px;transform:translateY(-50%);border:1px solid rgba(73,61,49,.22);border-radius:14px;background:rgba(255,255,255,.9);color:#584736;font-size:2.15rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 9px 28px rgba(40,34,29,.16);backdrop-filter:blur(6px)}
.file-viewer-nav:hover{background:#fff;transform:translateY(-50%) scale(1.03)}
.file-viewer-prev{left:16px}.file-viewer-next{right:16px}
.file-viewer-pdf{display:block;width:100%;height:100%;min-height:560px;border:0;background:#fff}
.file-viewer-image-stage{min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:32px;overflow:auto}
.file-viewer-image{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 14px 38px rgba(36,31,26,.2);transform-origin:center center;transition:transform .15s ease}
.file-viewer-text{margin:0;padding:28px;min-height:100%;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;color:var(--ink);font:500 .9rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}
.file-viewer-loading,.file-viewer-error,.file-viewer-unsupported{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px;color:var(--muted)}
.file-viewer-loading span{width:30px;height:30px;border-radius:50%;border:3px solid #d7cec1;border-top-color:#7f674e;animation:fileViewerSpin .8s linear infinite}
.file-viewer-loading p{margin-top:12px}
.file-viewer-error strong,.file-viewer-unsupported h3{color:var(--ink)}
.file-viewer-unsupported p{max-width:530px;line-height:1.55;margin:8px auto 18px}
.file-viewer-doc-icon{width:72px;height:84px;border:1px solid #cfc2b2;border-radius:10px;background:#fff;display:grid;place-items:center;color:#7f674e;font-size:.88rem;font-weight:900;box-shadow:0 8px 20px rgba(50,42,35,.08)}
@keyframes fileViewerSpin{to{transform:rotate(360deg)}}
@media(max-width:760px){.file-viewer{padding:0}.file-viewer-panel{width:100vw;height:100vh;max-height:none;border-radius:0;border:0}.file-viewer-head{align-items:flex-start;flex-direction:column;padding:11px 12px}.file-viewer-title{width:100%}.file-viewer-title h2{max-width:78vw}.file-viewer-actions{width:100%;justify-content:flex-start}.file-viewer-body{min-height:0}.file-viewer-pdf{min-height:100%}.file-viewer-image-stage{padding:16px}}
@media(prefers-reduced-motion:reduce){.file-viewer-image{transition:none}.file-viewer-loading span{animation:none}}





/* Visualizador premium — grafite, branco quente e marrom claro */
.file-viewer{background:#252729}
.file-viewer-panel{background:#252729}
.file-viewer-head{
 min-height:70px;
 padding:11px 18px;
 border-bottom:1px solid #d8d0c8;
 background:#f8f6f3;
 box-shadow:0 3px 16px rgba(20,22,23,.10);
 position:relative;
 z-index:8
}
.file-viewer-title{gap:12px}
.file-viewer-title h2{
 color:#252729;
 font-size:1.02rem;
 font-weight:850;
 letter-spacing:-.018em;
 margin:0 0 3px
}
.file-viewer-title p{color:#77716b;font-size:.72rem;font-weight:550}
.file-viewer-type{
 min-width:48px;
 padding:7px 9px;
 border:1px solid #ccb9a7;
 border-radius:9px;
 background:#eadfd3;
 color:#6c523e;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
 font-size:.66rem;
 font-weight:900
}
.file-viewer-actions{gap:8px;flex-wrap:nowrap}
.file-viewer-actions .btn{
 min-height:38px;
 padding:0 14px;
 border:1px solid #d9d2cb;
 border-radius:10px;
 background:#fff;
 color:#303234;
 box-shadow:0 1px 2px rgba(30,31,32,.04);
 font-weight:800;
 transition:background .15s ease,border-color .15s ease,transform .15s ease
}
.file-viewer-actions .btn:hover{
 background:#f1ebe5;
 border-color:#bda58f;
 transform:translateY(-1px)
}
.file-viewer-actions .btn.primary{
 background:#343638;
 border-color:#343638;
 color:#fff
}
.file-viewer-actions .btn.primary:hover{
 background:#9c8067;
 border-color:#9c8067;
 color:#fff
}
.file-viewer-count,.file-viewer-zoom{
 border-color:#d7cec5;
 background:#f1ece6;
 color:#625a53
}
.file-viewer-body{background:#2b2d2f;overscroll-behavior:contain}
.file-viewer.pdf-mode .file-viewer-body{overflow:hidden;background:#252729}
.file-viewer.pdf-mode .file-viewer-pdf{background:#252729}
.file-viewer-pdf{width:100%;height:100%;min-height:0;background:#252729}
.file-viewer-image-stage{background:radial-gradient(circle at 50% 30%,#3a3c3e 0,#2a2c2e 58%,#252729 100%)}
.file-viewer-image{border-radius:10px;box-shadow:0 18px 48px rgba(0,0,0,.34)}
.file-viewer-nav{
 border:1px solid rgba(203,184,166,.56);
 background:rgba(248,246,243,.96);
 color:#5d4939;
 box-shadow:0 12px 34px rgba(0,0,0,.24);
 backdrop-filter:none
}
.file-viewer-nav:hover{background:#eadfd3;color:#332b25}
.file-viewer-loading,.file-viewer-error,.file-viewer-unsupported{background:#252729;color:#c8c3bd}
.file-viewer-loading span{border-color:#5a5c5e;border-top-color:#c7a98e}
.file-viewer-error strong,.file-viewer-unsupported h3{color:#f7f5f1}
@media(max-width:760px){
 .file-viewer-head{min-height:0;padding:10px 12px;gap:9px}
 .file-viewer-actions{overflow-x:auto;max-width:100%;padding-bottom:1px}
 .file-viewer-actions .btn{min-height:36px;padding:0 12px}
 .file-viewer-title h2{max-width:72vw}
}

/* Editor técnico visual — experiência estilo Word, sem dependências externas */
.rich-editor-wrap{margin:14px 0 22px;border:1px solid var(--line);border-radius:14px;overflow:visible;background:#e9e6e1}
.rich-editor-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 17px;background:#fff;border-bottom:1px solid var(--line);border-radius:14px 14px 0 0}
.rich-editor-head h3{margin:2px 0 3px;font-size:1rem}.rich-editor-head p{margin:0;color:var(--muted);font-size:.78rem}
.rich-save-state{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#e6f1eb;color:#3e6a56;font-size:.72rem;font-weight:800}
.rich-save-state.dirty{background:#fff0d9;color:#855e20}
.rich-toolbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 10px;background:#faf9f7;border-bottom:1px solid var(--line)}
.rich-tool-group{display:flex;align-items:center;gap:3px;padding-right:6px;margin-right:2px;border-right:1px solid #ddd6cc}
.rich-tool-group:last-child{border-right:0;margin-left:auto}
.rich-toolbar button,.rich-toolbar select,.rich-toolbar input[type=color]{height:32px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);font:inherit;font-size:.76rem}
.rich-toolbar button{min-width:32px;padding:0 8px;cursor:pointer;font-weight:700}
.rich-toolbar button:hover,.rich-toolbar button:focus-visible,.rich-toolbar select:hover{background:#eee8df;border-color:#d7ccbd}
.rich-toolbar select{padding:0 25px 0 8px;max-width:150px;cursor:pointer}
.rich-toolbar input[type=color]{width:32px;padding:3px;cursor:pointer}
.rich-view-tools span{min-width:42px;text-align:center;color:var(--muted);font-size:.72rem;font-weight:800}
.rich-ruler{height:18px;background:#f4f1ec;border-bottom:1px solid #ddd6cc;position:relative}
.rich-ruler:before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:7px;width:min(760px,82%);height:4px;background:repeating-linear-gradient(90deg,#c9c0b5 0 1px,transparent 1px 20px)}
.rich-editor-canvas{padding:26px 18px 36px;overflow:auto;background:#dedbd7}
.rich-editor-page,.rich-readonly-page{box-sizing:border-box;width:min(794px,100%);min-height:1040px;margin:0 auto;padding:72px 76px;background:#fff;color:#1f252b;font-family:Arial,sans-serif;font-size:12pt;line-height:1.55;outline:none;box-shadow:0 4px 18px rgba(32,27,23,.12);transform-origin:top center}
.rich-editor-page:focus{box-shadow:0 0 0 2px #9b8063,0 6px 22px rgba(32,27,23,.14)}
.rich-editor-page p,.rich-readonly-page p{margin:0 0 10px}.rich-editor-page h1,.rich-readonly-page h1{font-size:22pt;line-height:1.18;margin:0 0 18px}.rich-editor-page h2,.rich-readonly-page h2{font-size:16pt;line-height:1.25;margin:24px 0 10px}.rich-editor-page h3,.rich-readonly-page h3{font-size:13pt;margin:18px 0 8px}
.rich-editor-page ul,.rich-editor-page ol,.rich-readonly-page ul,.rich-readonly-page ol{padding-left:28px;margin:8px 0 14px}
.rich-editor-page blockquote,.rich-readonly-page blockquote{margin:14px 0;padding:10px 16px;border-left:4px solid #9b8063;background:#f7f3ee;color:#4e4841}
.rich-editor-page table,.rich-readonly-page table{border-collapse:collapse;width:100%;margin:16px 0;font-size:10.5pt}
.rich-editor-page th,.rich-editor-page td,.rich-readonly-page th,.rich-readonly-page td{border:1px solid #bfc3c6;padding:7px 8px;vertical-align:top}.rich-editor-page th,.rich-readonly-page th{background:#edf1f3;font-weight:700}
.rich-editor-page hr,.rich-readonly-page hr{border:0;border-top:1px solid #9ea5aa;margin:22px 0}
.rich-editor-page hr[data-page-break="1"],.rich-readonly-page hr[data-page-break="1"]{height:28px;border:0;border-top:2px dashed #b68f62;position:relative;margin:28px -18px}
.rich-editor-page hr[data-page-break="1"]:after,.rich-readonly-page hr[data-page-break="1"]:after{content:'QUEBRA DE PÁGINA';position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#fff;padding:0 8px;color:#9b754b;font:700 8px Arial,sans-serif;letter-spacing:.08em}
.rich-editor-foot{display:flex;justify-content:space-between;gap:12px;padding:8px 13px;background:#f8f6f2;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem}
.rich-structured-fields{margin:18px 0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.rich-structured-fields>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;cursor:pointer;list-style:none}.rich-structured-fields>summary::-webkit-details-marker{display:none}
.rich-structured-fields>summary div{display:flex;flex-direction:column;gap:2px}.rich-structured-fields>summary small{color:var(--muted);font-weight:500}.rich-structured-fields>summary>span{color:#7a5c3d;font-size:.76rem;font-weight:800}
.rich-structured-fields[open]>summary{border-bottom:1px solid var(--line);background:#faf8f5}
.rich-structured-body{padding:16px}
.rich-save-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}
.rich-save-bar div{display:flex;flex-direction:column;gap:2px}.rich-save-bar small{color:var(--muted)}
.rich-readonly-wrap{margin:18px 0}.rich-readonly-head{margin-bottom:10px}.rich-readonly-head h3{margin:3px 0}.rich-readonly-page{min-height:auto;border:1px solid var(--line)}
@media(max-width:900px){.rich-editor-page,.rich-readonly-page{padding:48px 42px;min-height:900px}.rich-toolbar{position:relative}.rich-tool-group:last-child{margin-left:0}.rich-editor-canvas{padding:16px 8px 26px}}
@media(max-width:600px){.rich-editor-head,.rich-save-bar{align-items:flex-start;flex-direction:column}.rich-toolbar{gap:4px}.rich-tool-group{border-right:0;padding-right:0}.rich-toolbar select{max-width:128px}.rich-editor-page,.rich-readonly-page{padding:32px 22px;min-height:760px;font-size:11pt}.rich-editor-foot{flex-direction:column}}

/* Relatório técnico em modo foco / tela cheia */
.report-focus-shell{min-height:100dvh;width:100%;background:var(--canvas);overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable}
.report-focus-content{width:100%;max-width:none;margin:0;padding:18px clamp(18px,2.5vw,42px) 52px}
.report-focus-content>.back{margin:0 0 16px}
.report-focus-content>.page-head{margin-bottom:18px}
.report-focus-content>.technical-report-card{width:100%;max-width:none;margin:0;background:var(--surface);box-shadow:none}
.report-focus-content .technical-report-card{border-radius:14px}
.report-focus-content .technical-report-card form{max-width:100%}
.report-focus-content .report-photo-lazy:not([src]){background:#eee8df}
@media(max-width:760px){.report-focus-content{padding:12px 12px 38px}.report-focus-content>.technical-report-card{border-radius:12px}}

/* RLG / relatórios longos — isolamento de layout e pintura para rolagem fluida */
.technical-report-card{contain:style}
.technical-report-card .technical-subsection{contain:layout paint style}
.technical-report-card .technical-preview{contain:layout paint style}
.technical-report-card .guided-photo-section{contain:layout paint style}
.technical-report-card .guided-photo-card{contain:layout paint style}
.technical-report-card .cycle-box{contain:layout paint style}
.technical-report-card img{display:block}

/* Relatórios técnicos guiados */
.guided-photo-section{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.guided-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.guided-photo-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--surface)}
.guided-photo-card img{display:block;width:100%;height:180px;object-fit:cover;border-radius:10px;border:1px solid var(--line);margin:8px 0 12px}
.guided-photo-card .field{margin-top:8px}
.technical-report-card .files{margin-top:16px}
@media(max-width:760px){.guided-photo-grid{grid-template-columns:1fr}.guided-photo-card img{height:210px}}

/* Módulo técnico avançado */
.technical-subsection{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.technical-subsection h3{margin:0 0 8px}
.technical-subsection h4{margin:16px 0 7px}
.technical-subsection ul,.technical-subsection ol{margin:8px 0 12px;padding-left:24px}
.technical-subsection li{margin:5px 0;line-height:1.45}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0}
.technical-table{width:100%;border-collapse:collapse;min-width:720px;font-size:.84rem}
.technical-table th,.technical-table td{border:1px solid var(--line);padding:7px;text-align:center}
.technical-table th{background:var(--soft);font-weight:700}
.input.mini{min-width:88px;padding:7px 8px}
.calibration-summary{display:flex;flex-wrap:wrap;gap:9px 18px;background:var(--soft);border-radius:10px;padding:10px 12px;margin:10px 0}
.cycle-box{border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:12px}
.cycle-box legend{font-weight:700;padding:0 7px}
.technical-details{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:12px 0}
.technical-details summary{cursor:pointer;font-weight:700}
.auto-technical{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:16px}
.technical-annex-form{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}
.row.compact{padding-block:8px}
@media(max-width:760px){.calibration-summary{display:grid;grid-template-columns:1fr}.technical-subsection{margin-top:18px}}

/* Operações: organização por rotina e condições por serviço. */
body[data-surface="office"]{--op-bg:#f4f6f8;--op-card:#fff;--op-text:#1c2d3c;--op-muted:#607387;--op-line:#dfe6ec;--op-accent:#17675d;--op-soft:#edf6f3;background:var(--op-bg);color:var(--op-text);font-family:Inter,"Segoe UI",Arial,sans-serif}
body[data-surface="office"] .shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh;background:var(--op-bg)}
body[data-surface="office"] .sidebar{background:#152d36;color:#e9f0f1;border:0;padding:30px 18px 18px;width:246px;box-shadow:none;position:sticky;top:0;height:100vh;overflow:auto}
body[data-surface="office"] .brand{display:flex;align-items:center;gap:11px;padding:0 12px 24px;font-size:23px;font-weight:650;color:#fff;letter-spacing:-.6px}
body[data-surface="office"] .brand small{color:#93b1b6;letter-spacing:2.2px;font-size:9px;margin-top:5px}
.brand-mark{display:grid;place-items:center;width:37px;height:40px;background:#c9e4d8;color:#163d3a;border-radius:12px;font-size:24px;font-weight:750}
.nav-group{margin-bottom:22px}.nav-group-label{display:block;text-transform:uppercase;letter-spacing:1.8px;color:#8ba5af;font-size:10px;font-weight:650;padding:0 14px;margin:8px 0 9px}
body[data-surface="office"] .nav{display:flex;align-items:center;gap:12px;text-align:left;border:0;border-radius:9px;background:transparent;color:#c6d7dc;font-size:13px;font-weight:500;min-height:41px;padding:10px 13px;margin:4px 0;width:100%;box-shadow:none}
body[data-surface="office"] .nav.active{background:#d5e9de;color:#193b37;font-weight:700}
body[data-surface="office"] .nav:hover:not(.active){background:#24434d;color:#fff}.nav-icon{font-size:18px;width:22px;text-align:center}
body[data-surface="office"] .sidebar-foot{border-top:1px solid #35515a;padding:19px 12px;color:#97b2bc;font-size:11px}.sidebar-foot strong{display:block;color:#eef5f5;margin-bottom:5px;font-size:13px}
body[data-surface="office"] .workspace{min-width:0;background:var(--op-bg)}
body[data-surface="office"] .topbar{height:76px;min-height:76px;border-bottom:1px solid var(--op-line);background:var(--op-card);padding:0 36px;box-shadow:none;backdrop-filter:none}
body[data-surface="office"] .crumb{font-size:12px;color:var(--op-muted)}
body[data-surface="office"] .content{max-width:1560px;margin:0 auto;padding:32px 36px 56px}
body[data-surface="office"] h1{font-size:29px;line-height:1.25;letter-spacing:-.9px;font-weight:650;color:var(--op-text)}
body[data-surface="office"] h2{font-size:17px;letter-spacing:-.3px;font-weight:650;color:var(--op-text)}
body[data-surface="office"] h3{font-size:16px;color:var(--op-text)}
body[data-surface="office"] .subtitle,body[data-surface="office"] .muted,body[data-surface="office"] .help{color:var(--op-muted)}
body[data-surface="office"] .card{background:var(--op-card);border:1px solid var(--op-line);border-radius:14px;box-shadow:0 3px 8px #21364704;padding:24px;margin-bottom:20px}
body[data-surface="office"] .btn{border:1px solid var(--op-line);border-radius:8px;background:var(--op-card);color:var(--op-text);font-family:inherit;font-size:12px;font-weight:600;min-height:36px;padding:9px 13px;box-shadow:none;transition:background .12s,border-color .12s}
body[data-surface="office"] .btn:hover{background:var(--op-soft);border-color:#82b7a6}body[data-surface="office"] .btn.primary{background:var(--op-accent);color:#fff;border-color:var(--op-accent)}
body[data-surface="office"] .btn.primary:hover{background:#105147}.btn:focus-visible,.nav:focus-visible,summary:focus-visible{outline:3px solid #6ba99b;outline-offset:3px}
body[data-surface="office"] .btn:disabled{opacity:.55;cursor:wait}
body[data-surface="office"] .input,body[data-surface="office"] .select,body[data-surface="office"] .textarea{background:var(--op-card);color:var(--op-text);border:1px solid var(--op-line);border-radius:8px;font-family:inherit;min-height:42px;box-shadow:none}
body[data-surface="office"] .input:focus,body[data-surface="office"] .select:focus,body[data-surface="office"] .textarea:focus{outline:2px solid #91c7b6;outline-offset:1px}
body[data-surface="office"] .field{font-size:12px;color:var(--op-text);font-weight:600;gap:8px}
body[data-surface="office"] .badge{font-size:11px;border-radius:6px;padding:5px 9px;background:#eef2f6;color:#506278;font-weight:600}
body[data-surface="office"] .badge.green{background:#e6f3ec;color:#256444}body[data-surface="office"] .badge.amber{background:#fbf0d9;color:#875d15}body[data-surface="office"] .badge.blue{background:#e9f0fa;color:#38628f}
body[data-surface="office"] .row{border-bottom:1px solid var(--op-line);padding:18px 0;gap:20px}body[data-surface="office"] .row:last-child{border-bottom:0}
body[data-surface="office"] .row p{font-size:12px;line-height:1.6}body[data-surface="office"] small{color:var(--op-muted);line-height:1.6}
body[data-surface="office"] .empty{padding:32px 18px;border:1px dashed var(--op-line);border-radius:10px;color:var(--op-muted);font-size:13px;background:transparent}
.work-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;padding:8px 0 4px}.work-welcome h1{margin:10px 0}.work-welcome p{font-size:13px;color:var(--op-muted);margin:0}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--op-accent);font-weight:700}.welcome-date{text-align:right;display:grid;gap:8px;font-size:13px}.welcome-date span{font-size:11px;color:var(--op-muted)}
body[data-surface="office"] .metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}
body[data-surface="office"] .metric{padding:23px;background:var(--op-card);border:1px solid var(--op-line);border-radius:12px;display:flex;flex-direction:column;gap:12px;box-shadow:none}
body[data-surface="office"] .metric-label{font-size:12px;font-weight:550;color:var(--op-muted)}body[data-surface="office"] .metric-val{font-size:32px;font-weight:650;letter-spacing:-1px;color:var(--op-text);line-height:1.2}.metric-note{font-size:11px;color:var(--op-muted)}
body[data-surface="office"] .work-columns{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;align-items:start}.work-task{display:flex;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid var(--op-line)}.work-task>div{flex:1;min-width:0}.work-task strong{display:block;font-size:14px;margin:5px 0}.work-task p{font-size:12px;color:var(--op-muted);line-height:1.5;margin:0}.task-dot{width:8px;height:8px;flex:none;background:#4d9c8b;border-radius:50%}.task-dot.urgent{background:#c29244}.work-more{margin-top:18px}.work-visit{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--op-line);align-items:center}.work-visit>div{flex:1}.work-visit strong{font-size:13px}.work-visit p{font-size:12px;color:var(--op-muted);margin:5px 0}.visit-time{color:var(--op-accent);background:var(--op-soft);padding:10px;border-radius:8px;font-weight:650;font-size:12px}
body[data-surface="office"] .finance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-metrics .metric-val{font-size:27px!important}.directory-search{max-width:440px;margin-bottom:20px}.finance-order{border:1px solid var(--op-line);border-radius:12px;padding:20px;margin-top:16px}.finance-order-head{display:flex;justify-content:space-between;align-items:start;gap:18px}.finance-order-head h3{margin:6px 0}.finance-order-head p{margin:0;color:var(--op-muted);font-size:12px}.finance-order-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.finance-order-grid>div{display:flex;flex-direction:column;align-items:start;gap:7px}.finance-order-grid strong{font-size:17px}.finance-order-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--op-line);padding-top:16px}.finance-order-foot>div:first-child{min-width:130px;display:grid}.finance-actions{display:flex;flex-wrap:wrap;gap:8px}.finance-order-foot .actions{justify-content:flex-end}.finance-settings summary{cursor:pointer;font-size:14px;font-weight:600}.settings-body{padding-top:22px}.finance-balances{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--op-line)}.finance-balances small,.finance-balances strong{display:block}.finance-balances strong{font-size:19px;margin-top:7px}.authorization-note{padding:13px;background:var(--op-soft);border-radius:8px;margin:15px 0;font-size:12px}.authorization-note small{display:block}.delivery-state{display:grid;gap:7px;margin:20px 0;padding:16px 0;border-top:1px solid var(--op-line);border-bottom:1px solid var(--op-line);font-size:12px}.receipt-history summary{font-size:13px;cursor:pointer}.receipt{padding:14px 0;border-bottom:1px solid var(--op-line);font-size:12px}.receipt strong,.receipt small{display:block}.receipt p{overflow-wrap:anywhere}.receipt.reversed{opacity:.7}.client-list-row>.actions{max-width:390px;justify-content:flex-end}.client-policy-summary{color:var(--op-accent)!important;font-weight:550}
body[data-surface="office"] dialog{width:min(820px,calc(100vw - 32px));max-height:88vh;border:1px solid var(--op-line);background:var(--op-card);color:var(--op-text);border-radius:16px;box-shadow:0 24px 90px #0d202938;padding:26px}
body[data-surface="office"] dialog::backdrop{background:#10252e88;backdrop-filter:blur(2px)}.policy-fields fieldset{border:1px solid var(--op-line);border-radius:10px;padding:18px;margin:20px 0}.policy-fields legend{font-size:13px;font-weight:700;padding:0 8px}.policy-fields details{margin:18px 0}.policy-fields summary,.quote-conditions summary{cursor:pointer;font-weight:600;font-size:13px;margin-bottom:16px}.policy-fields .form-grid{gap:15px}.quote-conditions{margin:22px 0;padding:18px;background:var(--op-soft);border-radius:10px}.policy-fields .field{margin-bottom:10px}.dialog-foot{padding-top:18px;border-top:1px solid var(--op-line);margin-top:20px}
body[data-surface="office"] .order-next-step{background:var(--op-soft);border:1px solid #cce3d9;border-radius:12px;box-shadow:none}body[data-surface="office"] .order-list-card{border:1px solid var(--op-line);box-shadow:none;border-radius:12px;background:var(--op-card)}body[data-surface="office"] .order-stage-step.current{color:var(--op-accent)}
body[data-surface="office"][data-theme="dark"]{--op-bg:#101c24;--op-card:#192934;--op-text:#e4edf2;--op-muted:#a5b8c6;--op-line:#344854;--op-accent:#287e6f;--op-soft:#203c3a;color-scheme:dark}
body[data-surface="office"][data-theme="dark"] .order-overview-card,body[data-surface="office"][data-theme="dark"] .order-card-main,body[data-surface="office"][data-theme="dark"] .archive-browser-pane,body[data-surface="office"][data-theme="dark"] .archive-client-pane{background:var(--op-card);color:var(--op-text)}
body[data-surface="office"][data-theme="dark"] .report-document,body[data-surface="office"][data-theme="dark"] [data-rich-editor]{background:#fff;color:#172a39;color-scheme:light}
[hidden]{display:none!important}
@media(max-width:1200px){body[data-surface="office"] .content{padding:26px 24px}body[data-surface="office"] .work-columns{grid-template-columns:1fr}.finance-order-foot{flex-direction:column;align-items:start}.finance-order-foot .actions{justify-content:flex-start}.client-list-row{align-items:start}}
@media(max-width:900px){body[data-surface="office"] .shell{grid-template-columns:1fr}body[data-surface="office"] .sidebar{position:fixed;z-index:60;left:0;top:0;display:none}body[data-surface="office"] .sidebar.open{display:block}body[data-surface="office"] .topbar{padding:12px 20px;min-height:70px;height:auto;gap:12px;flex-wrap:wrap}body[data-surface="office"] .mobile-menu{display:inline-flex}body[data-surface="office"] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-list-row{flex-direction:column}.client-list-row>.actions{max-width:none;justify-content:flex-start}}
@media(max-width:560px){body[data-surface="office"] .content{padding:22px 14px}body[data-surface="office"] .card{padding:18px}body[data-surface="office"] .topbar{padding:10px 14px}.top-actions{gap:6px;flex-wrap:wrap}.top-actions .btn{padding:7px 9px!important;font-size:11px!important}.work-welcome{align-items:start}.welcome-date{display:none}body[data-surface="office"] h1{font-size:25px}body[data-surface="office"] .metrics{gap:10px}.metric{padding:16px!important}.finance-metrics .metric-val{font-size:21px!important}.finance-order{padding:15px}.finance-order-head{flex-direction:column}.finance-order-grid strong{font-size:16px}.policy-fields .form-grid{grid-template-columns:1fr}.work-task{gap:10px}.work-task .btn{padding:7px 9px}.work-visit{gap:10px}.work-visit .btn{padding:7px 9px}body[data-surface="office"] dialog{padding:18px}.policy-fields fieldset{padding:12px}.brand{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:900px){body[data-surface="office"] .shell.menu-open .sidebar{display:block}body[data-surface="office"] .shell.menu-open:after{content:"";position:fixed;inset:0;background:#10252e66;z-index:50;pointer-events:none}.sidebar{z-index:60}}
body[data-surface="office"] .content strong,body[data-surface="office"] .content legend,body[data-surface="office"] dialog strong{color:var(--op-text)}
body[data-surface="office"] .order-overview-grid>div{background:var(--op-bg);border-color:var(--op-line)}
body[data-surface="office"] .order-stage-track{background:var(--op-card);border-color:var(--op-line)}
body[data-surface="office"] .order-stage-step.current>span{background:var(--op-accent);color:#fff}
body[data-surface="office"][data-theme="dark"] .order-overview-card,body[data-surface="office"][data-theme="dark"] .archive-browser-head,body[data-surface="office"][data-theme="dark"] .archive-breadcrumb,body[data-surface="office"][data-theme="dark"] .archive-kpi,body[data-surface="office"][data-theme="dark"] .order-kpi{background:var(--op-card);color:var(--op-text);border-color:var(--op-line)}
body[data-surface="office"][data-theme="dark"] .archive-client-option,body[data-surface="office"][data-theme="dark"] .archive-folder-row,body[data-surface="office"][data-theme="dark"] .order-card-facts>div,body[data-surface="office"][data-theme="dark"] .visit{background:var(--op-bg);color:var(--op-text);border-color:var(--op-line)}
body[data-surface="office"] [data-rich-editor] strong,body[data-surface="office"] .report-document strong{color:inherit}
@media(max-width:560px){body[data-surface="office"] .finance-metrics .metric:last-child{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.finance-metrics .metric:last-child .metric-note{width:100%}}



/* ===== Ordens de serviço — acabamento premium e hierarquia mais limpa ===== */
body[data-surface="office"] .order-summary-grid{gap:12px;margin-bottom:16px}
body[data-surface="office"] .order-summary{
 min-height:96px;
 padding:16px 17px;
 border-radius:12px;
 background:var(--op-card);
 border:1px solid var(--op-line);
 box-shadow:none
}
body[data-surface="office"] .order-summary>span{font-size:11px;font-weight:680;color:var(--op-muted)}
body[data-surface="office"] .order-summary>strong{font-size:26px;font-weight:720;letter-spacing:-.035em;color:var(--op-text);margin:8px 0 5px}
body[data-surface="office"] .order-summary>small{font-size:11px;color:var(--op-muted)}
body[data-surface="office"] .order-list-shell{
 border-radius:14px;
 background:var(--op-card);
 border:1px solid var(--op-line);
 overflow:hidden;
 box-shadow:none
}
body[data-surface="office"] .order-list-toolbar{
 grid-template-columns:minmax(280px,1fr) minmax(180px,230px) auto;
 gap:10px;
 padding:12px;
 background:var(--op-card);
 border-bottom:1px solid var(--op-line)
}
body[data-surface="office"] .order-list-toolbar .input,
body[data-surface="office"] .order-list-toolbar .select{
 min-height:40px;
 background:var(--op-bg);
 border-color:var(--op-line)
}
body[data-surface="office"] .order-list-toolbar>small{font-size:11px;font-weight:650}
body[data-surface="office"] .order-list{gap:0}
body[data-surface="office"] .order-list-card{
 grid-template-columns:minmax(0,1fr) auto;
 gap:16px;
 padding:17px 18px;
 background:var(--op-card);
 border:0;
 border-bottom:1px solid var(--op-line);
 border-radius:0;
 transition:background .14s ease
}
body[data-surface="office"] .order-list-card:last-child{border-bottom:0}
body[data-surface="office"] .order-list-card:hover{background:var(--op-soft)}
body[data-surface="office"] .order-card-heading{align-items:flex-start}
body[data-surface="office"] .order-card-heading small{
 color:var(--op-muted);
 font-size:10.5px;
 font-weight:720;
 letter-spacing:.035em
}
body[data-surface="office"] .order-card-heading h3{
 color:var(--op-text);
 font-size:14px;
 font-weight:700;
 letter-spacing:-.01em
}
body[data-surface="office"] .order-card-heading p{font-size:11.5px;color:var(--op-muted);margin-top:4px}
body[data-surface="office"] .order-card-heading>.badge{
 background:var(--op-soft);
 color:#77614e;
 border:1px solid #d8c8b9;
 border-radius:999px;
 padding:5px 9px
}
body[data-surface="office"] .order-card-facts{
 grid-template-columns:1.05fr 1fr .8fr 1.25fr;
 gap:8px;
 margin-top:12px
}
body[data-surface="office"] .order-card-facts>div{
 min-width:0;
 padding:9px 10px;
 border:1px solid var(--op-line);
 border-radius:9px;
 background:var(--op-bg)
}
body[data-surface="office"] .order-card-facts>div:first-child{padding-left:10px;border-left:1px solid var(--op-line)}
body[data-surface="office"] .order-card-facts small{
 font-size:9.5px;
 color:var(--op-muted);
 font-weight:760;
 letter-spacing:.06em
}
body[data-surface="office"] .order-card-facts strong{
 font-size:12px;
 font-weight:690;
 color:var(--op-text);
 margin:3px 0 2px
}
body[data-surface="office"] .order-card-facts span{font-size:10.5px;color:var(--op-muted)}
body[data-surface="office"] .order-card-next{
 background:#f0e7df;
 border-color:#ddcbbb!important;
 padding:9px 10px!important
}
body[data-surface="office"] .order-card-next strong{color:#6d5542}
body[data-surface="office"] .order-card-open{align-items:flex-start;padding-top:1px}
body[data-surface="office"] .order-card-open .btn{
 min-height:36px;
 padding:8px 11px;
 border-color:#cbb9a8;
 background:transparent
}
body[data-surface="office"] .order-card-open .btn:hover{background:#eee4db}
body[data-surface="office"][data-theme="dark"] .order-summary{
 background:#2b2d30;
 border-color:#3d3f42
}
body[data-surface="office"][data-theme="dark"] .order-list-shell{
 background:#282a2d;
 border-color:#3d3f42
}
body[data-surface="office"][data-theme="dark"] .order-list-toolbar{
 background:#2b2d30;
 border-color:#3d3f42
}
body[data-surface="office"][data-theme="dark"] .order-list-toolbar .input,
body[data-surface="office"][data-theme="dark"] .order-list-toolbar .select{
 background:#222426;
 border-color:#45474a;
 color:#f1eeea
}
body[data-surface="office"][data-theme="dark"] .order-list-card{
 background:#2a2c2f;
 border-color:#3b3d40
}
body[data-surface="office"][data-theme="dark"] .order-list-card:hover{background:#303235}
body[data-surface="office"][data-theme="dark"] .order-card-heading>.badge{
 background:#37322f;
 color:#dcc8b6;
 border-color:#5d4c40
}
body[data-surface="office"][data-theme="dark"] .order-card-facts>div{
 background:#242628!important;
 color:var(--op-text);
 border-color:#3a3c3f!important
}
body[data-surface="office"][data-theme="dark"] .order-card-next{
 background:#3b332e!important;
 border-color:#5d4b3f!important
}
body[data-surface="office"][data-theme="dark"] .order-card-next strong{color:#dfc5af}
body[data-surface="office"][data-theme="dark"] .order-card-open .btn{border-color:#5a5048}
body[data-surface="office"][data-theme="dark"] .order-card-open .btn:hover{background:#3a332e;border-color:#8c735f}
body[data-surface="office"] .sidebar{scrollbar-width:thin;scrollbar-color:#5a5651 transparent}
body[data-surface="office"] .sidebar::-webkit-scrollbar{width:7px}
body[data-surface="office"] .sidebar::-webkit-scrollbar-track{background:transparent}
body[data-surface="office"] .sidebar::-webkit-scrollbar-thumb{background:#55514d;border-radius:999px}
body[data-surface="office"] .sidebar::-webkit-scrollbar-thumb:hover{background:#756a61}
@media(max-width:1200px){
 body[data-surface="office"] .order-card-facts{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 body[data-surface="office"] .order-list-card{grid-template-columns:1fr}
 body[data-surface="office"] .order-card-open{padding-top:0}
 body[data-surface="office"] .order-card-open .btn{width:100%}
}


/* ===== Tipografia moderna + navegação por áreas ===== */
body[data-surface="office"]{
 --op-bg:#f4f2ef;
 --op-card:#fffdfb;
 --op-text:#292a2c;
 --op-muted:#736e68;
 --op-line:#ded8d1;
 --op-accent:#a88970;
 --op-soft:#f1ebe5;
 font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
 font-size:14px;
 font-feature-settings:"kern" 1,"liga" 1;
 text-rendering:optimizeLegibility;
 -webkit-font-smoothing:antialiased
}
body[data-surface="office"] h1,
body[data-surface="office"] h2,
body[data-surface="office"] h3,
body[data-surface="office"] .brand{
 font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif
}
body[data-surface="office"] h1{font-weight:720;letter-spacing:-.035em}
body[data-surface="office"] h2{font-weight:690;letter-spacing:-.018em}
body[data-surface="office"] h3{font-weight:660;letter-spacing:-.012em}
body[data-surface="office"] .subtitle,
body[data-surface="office"] .help,
body[data-surface="office"] .row p{letter-spacing:.003em}
body[data-surface="office"] .shell{grid-template-columns:264px minmax(0,1fr)}
body[data-surface="office"] .sidebar{
 width:264px;
 padding:24px 14px 18px;
 background:#292b2d;
 color:#f4f1ed;
 scrollbar-color:#5b5752 transparent
}
body[data-surface="office"] .brand{
 gap:12px;
 padding:4px 10px 22px;
 font-size:21px;
 font-weight:720;
 letter-spacing:-.035em;
 color:#fffdf9
}
body[data-surface="office"] .brand small{
 color:#b9aaa0;
 font-family:"Segoe UI Variable Text","Segoe UI",sans-serif;
 font-size:9px;
 font-weight:650;
 letter-spacing:.19em
}
body[data-surface="office"] .brand-mark{
 width:38px;
 height:38px;
 border-radius:11px;
 background:#d9c9ba;
 color:#302b27;
 font-size:20px;
 font-weight:800
}
body[data-surface="office"] .nav-group{margin:0 0 10px;padding:0 3px 10px}
body[data-surface="office"] .nav-group+.nav-group{border-top:1px solid #3b3d3f;padding-top:13px}
body[data-surface="office"] .nav-group-label{
 display:flex;
 align-items:center;
 gap:8px;
 padding:0 10px;
 margin:0 0 7px;
 color:#bda58f;
 font-size:9.5px;
 font-weight:760;
 letter-spacing:.15em;
 text-transform:uppercase
}
body[data-surface="office"] .nav-group-label:after{
 content:"";
 height:1px;
 flex:1;
 background:#44413e
}
body[data-surface="office"] .nav{
 min-height:40px;
 margin:2px 0;
 padding:6px 9px;
 gap:10px;
 border-radius:10px;
 color:#d8d5d1;
 font-size:12.5px;
 font-weight:560;
 letter-spacing:.002em
}
body[data-surface="office"] .nav-icon{
 display:grid;
 place-items:center;
 flex:0 0 29px;
 width:29px;
 height:29px;
 border-radius:8px;
 background:#323436;
 color:#c8b3a1;
 font-size:15px
}
body[data-surface="office"] .nav:hover:not(.active){
 background:#353739;
 color:#fff
}
body[data-surface="office"] .nav:hover:not(.active) .nav-icon{background:#414346;color:#e2d3c6}
body[data-surface="office"] .nav.active{
 background:#ded1c5;
 color:#292a2c;
 font-weight:720;
 box-shadow:inset 3px 0 #aa896f
}
body[data-surface="office"] .nav.active .nav-icon{
 background:#c9b39f;
 color:#2d2926
}
body[data-surface="office"] .sidebar-foot{
 margin-top:14px;
 padding:17px 10px 0;
 border-top:1px solid #444648;
 color:#aaa6a1;
 font-size:11px
}
body[data-surface="office"] .sidebar-foot strong{color:#f8f5f1;font-size:12.5px;font-weight:680}
body[data-surface="office"] .topbar{background:#fffdfb}
body[data-surface="office"] .eyebrow{color:#a88970;font-weight:760}
body[data-surface="office"] .btn:hover{background:#f1ebe5;border-color:#bca58f}
body[data-surface="office"] .btn.primary{background:#8f735d;border-color:#8f735d}
body[data-surface="office"] .btn.primary:hover{background:#785f4c;border-color:#785f4c}
body[data-surface="office"] .btn:focus-visible,
body[data-surface="office"] .nav:focus-visible,
body[data-surface="office"] summary:focus-visible{outline-color:#b6977d}
body[data-surface="office"] .input:focus,
body[data-surface="office"] .select:focus,
body[data-surface="office"] .textarea:focus{outline-color:#c2a68f}
body[data-surface="office"] .task-dot{background:#a88970}
body[data-surface="office"] .visit-time{color:#755e4c;background:#eee5dd}
body[data-surface="office"][data-theme="dark"]{
 --op-bg:#202224;
 --op-card:#2a2c2f;
 --op-text:#f2efeb;
 --op-muted:#b7b0a9;
 --op-line:#404245;
 --op-accent:#c0a38b;
 --op-soft:#363230;
 color-scheme:dark
}
body[data-surface="office"][data-theme="dark"] .topbar{background:#252729}
body[data-surface="office"][data-theme="dark"] .btn{background:#2d2f32;border-color:#45474a;color:#f3f0ec}
body[data-surface="office"][data-theme="dark"] .btn:hover{background:#393532;border-color:#8e7663}
body[data-surface="office"][data-theme="dark"] .badge{background:#343639;color:#d4d0cb}
body[data-surface="office"][data-theme="dark"] .archive-client-option.active{background:#403832;color:#f4eee9;box-shadow:inset 3px 0 #b99b82}
body[data-surface="office"][data-theme="dark"] .archive-client-option:hover{background:#333538}
body[data-surface="office"][data-theme="dark"] .archive-browser-year[open]>summary,
body[data-surface="office"][data-theme="dark"] .archive-browser-service[open]>summary{background:#35312e}
body[data-surface="office"][data-theme="dark"] .archive-browser-year-body{background:#242628}
@media(max-width:900px){
 body[data-surface="office"] .shell{grid-template-columns:1fr}
 body[data-surface="office"] .sidebar{width:min(286px,88vw)}
}


/* ===== Ordens de serviço V2 — mais leve, organizada e premium ===== */
body[data-surface="office"] .content:has(.order-list-shell){
 max-width:1560px;
 margin:0 auto;
 width:100%
}
body[data-surface="office"] .content:has(.order-list-shell) .page-head{margin-bottom:18px}
body[data-surface="office"] .content:has(.order-list-shell) .page-head h1{font-size:30px}
body[data-surface="office"] .order-summary-grid{gap:10px;margin-bottom:18px}
body[data-surface="office"] .order-summary{
 position:relative;
 min-height:88px;
 padding:14px 16px 14px 18px;
 border-radius:12px;
 overflow:hidden
}
body[data-surface="office"] .order-summary:before{
 content:"";
 position:absolute;
 inset:0 auto 0 0;
 width:3px;
 background:#b79b84
}
body[data-surface="office"] .order-summary>span{
 font-size:10px;
 font-weight:760;
 text-transform:uppercase;
 letter-spacing:.07em
}
body[data-surface="office"] .order-summary>strong{
 font-size:25px;
 margin:7px 0 3px
}
body[data-surface="office"] .order-summary>small{font-size:10.5px}

body[data-surface="office"] .order-list-shell{
 padding:0;
 border:0;
 background:transparent;
 overflow:visible;
 box-shadow:none
}
body[data-surface="office"] .order-list-head{
 display:flex;
 justify-content:space-between;
 align-items:flex-end;
 gap:20px;
 padding:0 2px 11px
}
body[data-surface="office"] .order-list-head h2{
 margin:2px 0 3px;
 font-size:18px;
 color:var(--op-text)
}
body[data-surface="office"] .order-list-head p{
 margin:0;
 color:var(--op-muted);
 font-size:11.5px
}
body[data-surface="office"] .order-list-head>strong{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:68px;
 height:30px;
 padding:0 10px;
 border:1px solid var(--op-line);
 border-radius:999px;
 background:var(--op-card);
 color:var(--op-muted);
 font-size:10.5px;
 font-weight:720
}
body[data-surface="office"] .order-list-toolbar{
 display:grid;
 grid-template-columns:minmax(280px,1fr) 220px;
 gap:10px;
 padding:10px;
 margin-bottom:10px;
 border:1px solid var(--op-line);
 border-radius:12px;
 background:var(--op-card)
}
body[data-surface="office"] .order-list-toolbar .input,
body[data-surface="office"] .order-list-toolbar .select{
 min-height:42px;
 border-radius:9px;
 background:var(--op-bg)
}
body[data-surface="office"] .order-list{
 display:grid;
 gap:10px
}
body[data-surface="office"] .order-card-v2{
 display:block;
 padding:0;
 border:1px solid var(--op-line);
 border-radius:13px;
 background:var(--op-card);
 overflow:hidden;
 transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease
}
body[data-surface="office"] .order-card-v2:hover{
 background:var(--op-card);
 border-color:#c7b29f;
 transform:translateY(-1px);
 box-shadow:0 8px 24px rgba(39,35,31,.07)
}
body[data-surface="office"] .order-card-v2-head{
 display:flex;
 align-items:flex-start;
 justify-content:space-between;
 gap:20px;
 padding:15px 16px 12px
}
body[data-surface="office"] .order-card-v2-title{min-width:0}
body[data-surface="office"] .order-card-v2-kicker{
 display:flex;
 align-items:center;
 gap:8px;
 min-width:0;
 margin-bottom:5px;
 color:var(--op-muted);
 font-size:10px;
 font-weight:700
}
body[data-surface="office"] .order-card-v2-kicker>span:first-child{
 color:#a88970;
 font-weight:800;
 letter-spacing:.04em
}
body[data-surface="office"] .order-client-name{
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
body[data-surface="office"] .order-client-name:before{
 content:"";
 display:inline-block;
 width:3px;
 height:3px;
 margin:0 8px 2px 0;
 border-radius:50%;
 background:#aaa39c
}
body[data-surface="office"] .order-card-v2-title h3{
 margin:0;
 color:var(--op-text);
 font-size:14.5px;
 font-weight:710;
 letter-spacing:-.012em;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
body[data-surface="office"] .order-card-v2-actions{
 display:flex;
 align-items:center;
 gap:8px;
 flex:0 0 auto
}
body[data-surface="office"] .order-card-v2-actions .badge{
 border-radius:999px;
 padding:5px 9px;
 font-size:9.5px
}
body[data-surface="office"] .order-card-v2-actions .btn{
 min-height:32px;
 padding:6px 11px;
 border-radius:8px;
 font-size:10.5px
}
body[data-surface="office"] .order-card-v2-meta{
 display:grid;
 grid-template-columns:1.15fr 1fr .75fr;
 margin:0 16px;
 padding:11px 0;
 border-top:1px solid var(--op-line)
}
body[data-surface="office"] .order-meta-item{
 min-width:0;
 padding:0 15px;
 border-left:1px solid var(--op-line)
}
body[data-surface="office"] .order-meta-item:first-child{
 padding-left:0;
 border-left:0
}
body[data-surface="office"] .order-meta-item small{
 display:block;
 margin-bottom:4px;
 color:var(--op-muted);
 font-size:9px;
 font-weight:780;
 letter-spacing:.07em;
 text-transform:uppercase
}
body[data-surface="office"] .order-meta-item strong{
 display:block;
 color:var(--op-text);
 font-size:11.5px;
 font-weight:690;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
body[data-surface="office"] .order-meta-item>span{
 display:block;
 margin-top:3px;
 color:var(--op-muted);
 font-size:10px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
body[data-surface="office"] .order-payment-state .badge{
 display:inline-flex;
 margin-top:0;
 padding:3px 7px;
 font-size:9px
}
body[data-surface="office"] .order-next-strip{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
 margin:0;
 padding:10px 15px 11px 16px;
 border-top:1px solid #dfd0c3;
 background:#f3ece5
}
body[data-surface="office"] .order-next-strip>div{
 display:grid;
 grid-template-columns:auto auto minmax(0,1fr);
 align-items:center;
 gap:8px;
 min-width:0
}
body[data-surface="office"] .order-next-strip small{
 color:#8a705a;
 font-size:9px;
 font-weight:800;
 letter-spacing:.06em;
 text-transform:uppercase
}
body[data-surface="office"] .order-next-strip strong{
 color:#5f4a39;
 font-size:11px;
 white-space:nowrap
}
body[data-surface="office"] .order-next-strip span:not(.order-next-arrow){
 color:#7c6f65;
 font-size:10px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
body[data-surface="office"] .order-next-arrow{
 flex:0 0 auto;
 width:26px;
 height:26px;
 display:grid;
 place-items:center;
 border-radius:50%;
 background:#dfcdbc;
 color:#604b3a;
 font-size:14px;
 font-weight:800
}

/* Dark: grafite neutro sem blocos pretos pesados */
body[data-surface="office"][data-theme="dark"] .order-summary{
 background:#292b2d;
 border-color:#3a3c3e
}
body[data-surface="office"][data-theme="dark"] .order-list-head>strong{
 background:#292b2d;
 border-color:#3c3e40;
 color:#bbb4ad
}
body[data-surface="office"][data-theme="dark"] .order-list-toolbar{
 background:#292b2d;
 border-color:#3b3d3f
}
body[data-surface="office"][data-theme="dark"] .order-list-toolbar .input,
body[data-surface="office"][data-theme="dark"] .order-list-toolbar .select{
 background:#222426;
 border-color:#414346
}
body[data-surface="office"][data-theme="dark"] .order-card-v2{
 background:#292b2d;
 border-color:#3a3c3e
}
body[data-surface="office"][data-theme="dark"] .order-card-v2:hover{
 background:#2d2f31;
 border-color:#6f5b4d;
 box-shadow:0 10px 28px rgba(0,0,0,.14)
}
body[data-surface="office"][data-theme="dark"] .order-card-v2-head,
body[data-surface="office"][data-theme="dark"] .order-card-v2-meta{
 border-color:#3b3d3f
}
body[data-surface="office"][data-theme="dark"] .order-meta-item{
 border-color:#3b3d3f
}
body[data-surface="office"][data-theme="dark"] .order-next-strip{
 background:#37312d;
 border-color:#58483d
}
body[data-surface="office"][data-theme="dark"] .order-next-strip small{color:#c6a98f}
body[data-surface="office"][data-theme="dark"] .order-next-strip strong{color:#ead8c8}
body[data-surface="office"][data-theme="dark"] .order-next-strip span:not(.order-next-arrow){color:#bdb4ac}
body[data-surface="office"][data-theme="dark"] .order-next-arrow{
 background:#5b493d;
 color:#f0ded0
}
body[data-surface="office"][data-theme="dark"] .order-card-v2-actions .badge{
 background:#363230;
 border:1px solid #5d4c40;
 color:#ddc8b5
}
body[data-surface="office"][data-theme="dark"] .order-card-v2-actions .btn.primary{
 background:#8d735f;
 border-color:#8d735f;
 color:#fff
}
body[data-surface="office"][data-theme="dark"] .order-card-v2-actions .btn.primary:hover{
 background:#a08772;
 border-color:#a08772
}
@media(max-width:1000px){
 body[data-surface="office"] .order-card-v2-meta{grid-template-columns:1fr 1fr}
 body[data-surface="office"] .order-meta-item:nth-child(3){
  grid-column:1/-1;
  padding:10px 0 0;
  margin-top:10px;
  border-left:0;
  border-top:1px solid var(--op-line)
 }
 body[data-surface="office"] .order-next-strip>div{grid-template-columns:auto 1fr}
 body[data-surface="office"] .order-next-strip span:not(.order-next-arrow){grid-column:1/-1}
}
@media(max-width:700px){
 body[data-surface="office"] .order-list-toolbar{grid-template-columns:1fr}
 body[data-surface="office"] .order-card-v2-head{align-items:stretch;flex-direction:column}
 body[data-surface="office"] .order-card-v2-actions{justify-content:space-between}
 body[data-surface="office"] .order-card-v2-meta{grid-template-columns:1fr}
 body[data-surface="office"] .order-meta-item,
 body[data-surface="office"] .order-meta-item:first-child,
 body[data-surface="office"] .order-meta-item:nth-child(3){
  grid-column:auto;
  padding:9px 0;
  margin:0;
  border-left:0;
  border-top:1px solid var(--op-line)
 }
 body[data-surface="office"] .order-meta-item:first-child{border-top:0}
 body[data-surface="office"] .order-next-strip>div{display:block}
 body[data-surface="office"] .order-next-strip strong,
 body[data-surface="office"] .order-next-strip span:not(.order-next-arrow){display:block;margin-top:3px;white-space:normal}
}

/* ===== Notificações V2 — mesma linguagem visual das Ordens de Serviço ===== */
body[data-surface="office"] .content:has(.notification-list-shell){
 max-width:1560px;
 margin:0 auto;
 width:100%
}
body[data-surface="office"] .content:has(.notification-list-shell) .page-head{margin-bottom:18px}
body[data-surface="office"] .content:has(.notification-list-shell) .page-head h1{font-size:30px}

body[data-surface="office"] .notification-summary-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:10px;
 margin-bottom:18px
}
body[data-surface="office"] .notification-summary{
 position:relative;
 min-height:88px;
 padding:14px 16px 14px 18px;
 border:1px solid var(--op-line);
 border-radius:12px;
 background:var(--op-card);
 overflow:hidden
}
body[data-surface="office"] .notification-summary:before{
 content:"";
 position:absolute;
 inset:0 auto 0 0;
 width:3px;
 background:#b79b84
}
body[data-surface="office"] .notification-summary>span{
 display:block;
 color:var(--op-muted);
 font-size:10px;
 font-weight:760;
 text-transform:uppercase;
 letter-spacing:.07em
}
body[data-surface="office"] .notification-summary>strong{
 display:block;
 margin:7px 0 3px;
 color:var(--op-text);
 font-size:25px;
 font-weight:720;
 letter-spacing:-.035em
}
body[data-surface="office"] .notification-summary>small{
 color:var(--op-muted);
 font-size:10.5px
}

body[data-surface="office"] .notification-list-shell{
 padding:0;
 border:0;
 background:transparent
}
body[data-surface="office"] .notification-list-head{
 display:flex;
 justify-content:space-between;
 align-items:flex-end;
 gap:20px;
 padding:0 2px 11px
}
body[data-surface="office"] .notification-list-head h2{
 margin:2px 0 3px;
 color:var(--op-text);
 font-size:18px
}
body[data-surface="office"] .notification-list-head p{
 margin:0;
 color:var(--op-muted);
 font-size:11.5px
}
body[data-surface="office"] .notification-list-head>strong{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:68px;
 height:30px;
 padding:0 10px;
 border:1px solid var(--op-line);
 border-radius:999px;
 background:var(--op-card);
 color:var(--op-muted);
 font-size:10.5px;
 font-weight:720
}

body[data-surface="office"] .notification-toolbar{
 display:grid;
 grid-template-columns:minmax(280px,1fr) 235px;
 gap:10px;
 padding:10px;
 margin-bottom:10px;
 border:1px solid var(--op-line);
 border-radius:12px;
 background:var(--op-card)
}
body[data-surface="office"] .notification-search{
 position:relative
}
body[data-surface="office"] .notification-search>span{
 position:absolute;
 left:13px;
 top:50%;
 transform:translateY(-50%);
 color:var(--op-muted);
 z-index:1
}
body[data-surface="office"] .notification-search .input{
 width:100%;
 min-height:42px;
 padding-left:38px;
 border-radius:9px;
 background:var(--op-bg)
}
body[data-surface="office"] .notification-toolbar .select{
 min-height:42px;
 border-radius:9px;
 background:var(--op-bg)
}

body[data-surface="office"] .notification-list{
 display:grid;
 gap:10px
}
body[data-surface="office"] .notification-card-v2{
 position:relative;
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 gap:16px;
 padding:15px 16px 15px 20px;
 border:1px solid var(--op-line);
 border-radius:13px;
 background:var(--op-card);
 overflow:hidden;
 transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease
}
body[data-surface="office"] .notification-card-v2:hover{
 border-color:#c7b29f;
 transform:translateY(-1px);
 box-shadow:0 8px 24px rgba(39,35,31,.07)
}
body[data-surface="office"] .notification-card-v2[hidden]{display:none!important}
body[data-surface="office"] .notification-accent{
 position:absolute;
 inset:0 auto 0 0;
 width:3px;
 background:#d7c9bc
}
body[data-surface="office"] .notification-card-v2.unread .notification-accent{
 background:#a88970
}
body[data-surface="office"] .notification-card-main{min-width:0}
body[data-surface="office"] .notification-card-top{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:14px;
 margin-bottom:7px
}
body[data-surface="office"] .notification-card-top time{
 flex:0 0 auto;
 color:var(--op-muted);
 font-size:10px;
 font-weight:600
}
body[data-surface="office"] .notification-kind-wrap{
 display:flex;
 align-items:center;
 gap:7px;
 min-width:0
}
body[data-surface="office"] .notification-kind{
 display:inline-flex;
 align-items:center;
 min-height:23px;
 padding:0 8px;
 border:1px solid var(--op-line);
 border-radius:999px;
 background:var(--op-soft);
 color:#786655;
 font-size:9px;
 font-weight:800;
 letter-spacing:.04em;
 text-transform:uppercase
}
body[data-surface="office"] .notification-kind.finance{
 background:#eee5dc;
 border-color:#dbc9b9;
 color:#735b47
}
body[data-surface="office"] .notification-kind.technical{
 background:#eeeae5;
 border-color:#d8d0c7;
 color:#5e5751
}
body[data-surface="office"] .notification-kind.commercial{
 background:#f2ebe4;
 border-color:#ddcdbc;
 color:#765e4c
}
body[data-surface="office"] .notification-kind.operational{
 background:#efefed;
 border-color:#dad9d6;
 color:#66615c
}
body[data-surface="office"] .notification-unread-dot,
body[data-surface="office"] .notification-read-label{
 font-size:9px;
 font-weight:760
}
body[data-surface="office"] .notification-unread-dot{
 display:inline-flex;
 align-items:center;
 gap:5px;
 color:#8b6e55
}
body[data-surface="office"] .notification-unread-dot:before{
 content:"";
 width:6px;
 height:6px;
 border-radius:50%;
 background:#a88970
}
body[data-surface="office"] .notification-read-label{color:#9a948e}
body[data-surface="office"] .notification-card-v2 h3{
 margin:0 0 5px;
 color:var(--op-text);
 font-size:13.5px;
 font-weight:710;
 letter-spacing:-.01em
}
body[data-surface="office"] .notification-card-v2 p{
 margin:0;
 max-width:1050px;
 color:var(--op-muted)!important;
 font-size:11px;
 line-height:1.55
}
body[data-surface="office"] .notification-card-v2.unread h3{color:var(--op-text)}
body[data-surface="office"] .notification-card-v2.unread p{color:#5f5953!important}
body[data-surface="office"] .notification-card-actions{
 display:flex;
 align-items:center;
 justify-content:flex-end;
 gap:7px;
 flex-wrap:wrap;
 flex:0 0 auto
}
body[data-surface="office"] .notification-card-actions .btn{
 min-height:32px;
 padding:6px 10px;
 border-radius:8px;
 font-size:10px
}
body[data-surface="office"] .notification-card-actions .btn.primary{
 background:#8f735d;
 border-color:#8f735d;
 color:#fff
}

/* Dark mode */
body[data-surface="office"][data-theme="dark"] .notification-summary{
 background:#292b2d;
 border-color:#3a3c3e
}
body[data-surface="office"][data-theme="dark"] .notification-list-head>strong,
body[data-surface="office"][data-theme="dark"] .notification-toolbar{
 background:#292b2d;
 border-color:#3b3d3f
}
body[data-surface="office"][data-theme="dark"] .notification-search .input,
body[data-surface="office"][data-theme="dark"] .notification-toolbar .select{
 background:#222426;
 border-color:#414346;
 color:#f1eeea
}
body[data-surface="office"][data-theme="dark"] .notification-card-v2{
 background:#292b2d;
 border-color:#3a3c3e
}
body[data-surface="office"][data-theme="dark"] .notification-card-v2:hover{
 background:#2d2f31;
 border-color:#6f5b4d;
 box-shadow:0 10px 28px rgba(0,0,0,.14)
}
body[data-surface="office"][data-theme="dark"] .notification-card-v2 p{
 color:#bbb4ad!important
}
body[data-surface="office"][data-theme="dark"] .notification-card-v2.unread{
 background:#2d2b29;
 border-color:#50453d
}
body[data-surface="office"][data-theme="dark"] .notification-card-v2.unread p{
 color:#d1c8c0!important
}
body[data-surface="office"][data-theme="dark"] .notification-kind{
 background:#343230;
 border-color:#504b46;
 color:#d8c9bd
}
body[data-surface="office"][data-theme="dark"] .notification-kind.finance{
 background:#3c332d;
 border-color:#604f43;
 color:#e0c5af
}
body[data-surface="office"][data-theme="dark"] .notification-kind.technical{
 background:#343434;
 border-color:#4b4b4b;
 color:#d3ceca
}
body[data-surface="office"][data-theme="dark"] .notification-kind.commercial{
 background:#3b332e;
 border-color:#5c4d41;
 color:#dec6b2
}
body[data-surface="office"][data-theme="dark"] .notification-kind.operational{
 background:#333537;
 border-color:#494b4d;
 color:#cdc9c5
}
body[data-surface="office"][data-theme="dark"] .notification-unread-dot{color:#d5b99f}
body[data-surface="office"][data-theme="dark"] .notification-unread-dot:before{background:#c4a486}
body[data-surface="office"][data-theme="dark"] .notification-read-label{color:#8e8984}
body[data-surface="office"][data-theme="dark"] .notification-card-actions .btn.primary{
 background:#8d735f;
 border-color:#8d735f
}
body[data-surface="office"][data-theme="dark"] .notification-card-actions .btn.primary:hover{
 background:#a08772;
 border-color:#a08772
}

@media(max-width:1050px){
 body[data-surface="office"] .notification-summary-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 body[data-surface="office"] .notification-toolbar{grid-template-columns:1fr}
 body[data-surface="office"] .notification-card-v2{grid-template-columns:1fr}
 body[data-surface="office"] .notification-card-actions{justify-content:flex-start}
}
@media(max-width:560px){
 body[data-surface="office"] .notification-summary-grid{grid-template-columns:1fr}
 body[data-surface="office"] .notification-card-top{align-items:flex-start;flex-direction:column}
 body[data-surface="office"] .notification-list-head{align-items:flex-start;flex-direction:column}
}

/* ===== Operações Office V3 — tema unificado em todas as categorias ===== */
body[data-surface="office"] .content[data-page]{
 max-width:1560px;
 width:100%;
 margin:0 auto;
 padding-top:30px;
 padding-bottom:48px
}
body[data-surface="office"] .content[data-page]>.page-head{
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:24px;
 margin:0 0 18px;
 padding:0 2px
}
body[data-surface="office"] .content[data-page]>.page-head .eyebrow{
 display:block;
 margin-bottom:5px;
 color:#b79b84;
 font-size:9.5px;
 font-weight:800;
 letter-spacing:.15em;
 text-transform:uppercase
}
body[data-surface="office"] .content[data-page]>.page-head h1{
 margin:0;
 color:var(--op-text);
 font-size:30px;
 line-height:1.1;
 font-weight:730;
 letter-spacing:-.035em
}
body[data-surface="office"] .content[data-page]>.page-head .subtitle{
 max-width:760px;
 margin:7px 0 0;
 color:var(--op-muted);
 font-size:12.5px;
 line-height:1.55
}
body[data-surface="office"] .content[data-page]>.page-head>.actions{
 flex:0 0 auto;
 align-self:center
}

/* superfície padrão */
body[data-surface="office"] .content[data-page] .card{
 border:1px solid var(--op-line);
 border-radius:13px;
 background:var(--op-card);
 box-shadow:none
}
body[data-surface="office"] .content[data-page] .card>.section-head{
 min-height:42px;
 margin:0;
 padding:0 0 12px;
 border-bottom:1px solid var(--op-line)
}
body[data-surface="office"] .content[data-page] .card>.section-head h2,
body[data-surface="office"] .content[data-page] .card>h2:first-child{
 margin:0;
 color:var(--op-text);
 font-size:17px;
 font-weight:700;
 letter-spacing:-.015em
}
body[data-surface="office"] .content[data-page] .card>.section-head .subtitle{
 margin:4px 0 0;
 font-size:11px
}

/* formulários e filtros */
body[data-surface="office"] .content[data-page] .input,
body[data-surface="office"] .content[data-page] .select,
body[data-surface="office"] .content[data-page] .textarea{
 border:1px solid var(--op-line);
 border-radius:9px;
 background:var(--op-bg);
 color:var(--op-text);
 box-shadow:none
}
body[data-surface="office"] .content[data-page] .input:focus,
body[data-surface="office"] .content[data-page] .select:focus,
body[data-surface="office"] .content[data-page] .textarea:focus{
 border-color:#b79b84;
 outline:2px solid rgba(183,155,132,.16)
}
body[data-surface="office"] .content[data-page] .directory-search{
 margin:0 0 12px;
 padding:10px;
 border:1px solid var(--op-line);
 border-radius:12px;
 background:var(--op-card);
 color:var(--op-muted);
 font-size:10px;
 font-weight:700
}
body[data-surface="office"] .content[data-page] .directory-search .input{
 min-height:42px;
 margin-top:6px;
 background:var(--op-bg)
}

/* listas antigas agora usam a mesma linguagem visual */
body[data-surface="office"] .content[data-page="clients"]>.card,
body[data-surface="office"] .content[data-page="quotes"]>.card,
body[data-surface="office"] .content[data-page="reports"]>.card,
body[data-surface="office"] .content[data-page="approvals"]>.card,
body[data-surface="office"] .content[data-page="agenda"]>.card,
body[data-surface="office"] .content[data-page="products"]>.card,
body[data-surface="office"] .content[data-page="vehicles"]>.card,
body[data-surface="office"] .content[data-page="users"]>.card{
 padding:0;
 border:0;
 background:transparent
}
body[data-surface="office"] .content[data-page="clients"]>.card>.directory-search{
 margin-bottom:10px
}
body[data-surface="office"] .content[data-page="clients"] .row,
body[data-surface="office"] .content[data-page="quotes"] .row,
body[data-surface="office"] .content[data-page="reports"] .row,
body[data-surface="office"] .content[data-page="approvals"] .row,
body[data-surface="office"] .content[data-page="products"] .row,
body[data-surface="office"] .content[data-page="vehicles"] .row,
body[data-surface="office"] .content[data-page="users"]>.card .row{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 align-items:center;
 gap:18px;
 margin:0 0 10px;
 padding:14px 15px;
 border:1px solid var(--op-line);
 border-radius:12px;
 background:var(--op-card);
 transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease
}
body[data-surface="office"] .content[data-page="clients"] .row:hover,
body[data-surface="office"] .content[data-page="quotes"] .row:hover,
body[data-surface="office"] .content[data-page="reports"] .row:hover,
body[data-surface="office"] .content[data-page="approvals"] .row:hover,
body[data-surface="office"] .content[data-page="products"] .row:hover,
body[data-surface="office"] .content[data-page="vehicles"] .row:hover,
body[data-surface="office"] .content[data-page="users"]>.card .row:hover{
 border-color:#c7b29f;
 transform:translateY(-1px);
 box-shadow:0 7px 20px rgba(39,35,31,.055)
}
body[data-surface="office"] .content[data-page] .row>div:first-child>strong{
 color:var(--op-text);
 font-size:12.5px;
 font-weight:700
}
body[data-surface="office"] .content[data-page] .row p{
 margin:4px 0 0;
 color:var(--op-muted);
 font-size:10.75px;
 line-height:1.45
}
body[data-surface="office"] .content[data-page] .row small{
 color:var(--op-muted);
 font-size:9.75px;
 line-height:1.4
}
body[data-surface="office"] .content[data-page] .row>.actions{
 justify-content:flex-end;
 gap:6px
}
body[data-surface="office"] .content[data-page] .row>.actions .btn{
 min-height:31px;
 padding:6px 9px;
 font-size:9.75px
}

/* agenda */
body[data-surface="office"] .content[data-page="agenda"]>.card{
 display:grid;
 gap:10px
}
body[data-surface="office"] .content[data-page="agenda"] .visit{
 margin:0;
 padding:14px 15px;
 border:1px solid var(--op-line);
 border-radius:12px;
 background:var(--op-card);
 transition:border-color .14s ease,transform .14s ease
}
body[data-surface="office"] .content[data-page="agenda"] .visit:hover{
 border-color:#c7b29f;
 transform:translateY(-1px)
}
body[data-surface="office"] .content[data-page="agenda"] .visit .section-head{
 padding-bottom:9px;
 margin-bottom:9px;
 border-bottom:1px solid var(--op-line)
}

/* centro de trabalho */
body[data-surface="office"] .content[data-page="dashboard"] .work-welcome{
 margin-bottom:18px
}
body[data-surface="office"] .content[data-page="dashboard"] .work-welcome h1{
 font-size:30px;
 letter-spacing:-.035em
}
body[data-surface="office"] .content[data-page="dashboard"] .metric{
 position:relative;
 min-height:96px;
 padding:15px 17px 14px 19px;
 border:1px solid var(--op-line);
 border-radius:12px;
 background:var(--op-card);
 overflow:hidden
}
body[data-surface="office"] .content[data-page="dashboard"] .metric:before{
 content:"";
 position:absolute;
 inset:0 auto 0 0;
 width:3px;
 background:#b79b84
}
body[data-surface="office"] .content[data-page="dashboard"] .metric-val{
 font-size:25px;
 letter-spacing:-.035em
}
body[data-surface="office"] .content[data-page="dashboard"] .work-columns>.card,
body[data-surface="office"] .content[data-page="dashboard"] .work-side>.card{
 border-radius:13px
}
body[data-surface="office"] .content[data-page="dashboard"] .work-task,
body[data-surface="office"] .content[data-page="dashboard"] .work-visit{
 border-color:var(--op-line)
}

/* financeiro */
body[data-surface="office"] .content[data-page="finance"] .finance-metrics .metric{
 position:relative;
 min-height:94px;
 border-radius:12px;
 overflow:hidden
}
body[data-surface="office"] .content[data-page="finance"] .finance-metrics .metric:before{
 content:"";
 position:absolute;
 inset:0 auto 0 0;
 width:3px;
 background:#b79b84
}
body[data-surface="office"] .content[data-page="finance"] .finance-list{
 padding:14px;
 background:transparent;
 border:0
}
body[data-surface="office"] .content[data-page="finance"] .finance-list>.section-head{
 margin-bottom:10px
}
body[data-surface="office"] .content[data-page="finance"] .finance-order{
 margin:0 0 10px;
 border:1px solid var(--op-line);
 border-radius:12px;
 background:var(--op-card);
 overflow:hidden
}
body[data-surface="office"] .content[data-page="finance"] .finance-order-head{
 padding:14px 15px 10px;
 border-bottom:1px solid var(--op-line)
}
body[data-surface="office"] .content[data-page="finance"] .finance-order-grid{
 gap:0;
 padding:0 15px
}
body[data-surface="office"] .content[data-page="finance"] .finance-order-grid>div{
 padding:11px 12px;
 border-left:1px solid var(--op-line);
 background:transparent
}
body[data-surface="office"] .content[data-page="finance"] .finance-order-grid>div:first-child{
 padding-left:0;
 border-left:0
}
body[data-surface="office"] .content[data-page="finance"] .finance-order-foot{
 padding:10px 15px 12px;
 border-top:1px solid var(--op-line);
 background:var(--op-soft)
}
body[data-surface="office"] .content[data-page="finance"] .finance-settings{
 overflow:hidden
}
body[data-surface="office"] .content[data-page="finance"] .finance-settings>summary{
 padding:14px 16px;
 color:var(--op-text);
 font-weight:700
}

/* acervo */
body[data-surface="office"] .content[data-page="archive"] .archive-kpi{
 position:relative;
 border:1px solid var(--op-line);
 border-radius:12px;
 background:var(--op-card);
 overflow:hidden
}
body[data-surface="office"] .content[data-page="archive"] .archive-kpi:before{
 content:"";
 position:absolute;
 inset:0 auto 0 0;
 width:3px;
 background:#b79b84
}
body[data-surface="office"] .content[data-page="archive"] .archive-explorer-card{
 padding:15px
}
body[data-surface="office"] .content[data-page="archive"] .archive-explorer{
 border-color:var(--op-line);
 border-radius:11px;
 overflow:hidden
}
body[data-surface="office"] .content[data-page="archive"] .archive-client-pane,
body[data-surface="office"] .content[data-page="archive"] .archive-browser-pane,
body[data-surface="office"] .content[data-page="archive"] .archive-browser-year-body{
 background:var(--op-card)
}
body[data-surface="office"] .content[data-page="archive"] .archive-breadcrumb,
body[data-surface="office"] .content[data-page="archive"] .archive-browser-head{
 border-color:var(--op-line);
 background:var(--op-soft)
}
body[data-surface="office"] .content[data-page="archive"] .archive-client-option.active{
 background:#eee4da;
 color:#57483c;
 box-shadow:inset 3px 0 #a88970
}
body[data-surface="office"] .content[data-page="archive"] .archive-bottom-grid>.card,
body[data-surface="office"] .content[data-page="archive"] .archive-admin-tools{
 border-radius:13px
}

/* integrações */
body[data-surface="office"] .content[data-page="integrations"]>.card{
 margin-bottom:10px;
 padding:15px 16px
}
body[data-surface="office"] .content[data-page="integrations"]>.card>.row{
 margin:0;
 padding:12px 0;
 border:0;
 border-top:1px solid var(--op-line);
 border-radius:0;
 background:transparent
}
body[data-surface="office"] .content[data-page="integrations"]>.card>.row:first-of-type{
 border-top:0
}
body[data-surface="office"] .content[data-page="integrations"] .whatsapp-qr{
 padding:14px;
 border:1px solid var(--op-line);
 border-radius:11px;
 background:var(--op-soft)
}
body[data-surface="office"] .content[data-page="integrations"] .integration-connected{
 padding:12px 0 2px
}

/* status, avisos e botões consistentes */
body[data-surface="office"] .content[data-page] .badge{
 border:1px solid transparent;
 border-radius:999px;
 font-size:9.5px;
 font-weight:760;
 padding:4px 8px
}
body[data-surface="office"] .content[data-page] .badge.green{
 background:#ece9e4;
 border-color:#d5cdc5;
 color:#5d5852
}
body[data-surface="office"] .content[data-page] .badge.amber{
 background:#f1e8df;
 border-color:#dcc9b8;
 color:#745b47
}
body[data-surface="office"] .content[data-page] .badge.blue,
body[data-surface="office"] .content[data-page] .badge.stage{
 background:#efedea;
 border-color:#d9d5d0;
 color:#625d57
}
body[data-surface="office"] .content[data-page] .notice{
 border-radius:10px;
 border-color:#dcc9b8;
 background:#f3ebe3;
 color:#715b49
}
body[data-surface="office"] .content[data-page] .fiscal-simulation-banner{
 margin:0 0 14px;
 padding:13px 15px;
 border-left:4px solid #a88970;
 box-shadow:0 6px 18px rgba(78,63,49,.06)
}
body[data-surface="office"] .content[data-page] .fiscal-simulation-banner strong,
body[data-surface="office"] .content[data-page] .fiscal-simulation-banner span{
 display:block
}
body[data-surface="office"] .content[data-page] .fiscal-simulation-banner strong{
 margin-bottom:3px;
 letter-spacing:.04em
}
body[data-surface="office"] .content[data-page] .empty{
 border-color:var(--op-line);
 background:var(--op-card);
 color:var(--op-muted)
}

/* modo escuro unificado */
body[data-surface="office"][data-theme="dark"] .content[data-page] .card,
body[data-surface="office"][data-theme="dark"] .content[data-page] .metric,
body[data-surface="office"][data-theme="dark"] .content[data-page] .archive-kpi,
body[data-surface="office"][data-theme="dark"] .content[data-page="clients"] .row,
body[data-surface="office"][data-theme="dark"] .content[data-page="quotes"] .row,
body[data-surface="office"][data-theme="dark"] .content[data-page="reports"] .row,
body[data-surface="office"][data-theme="dark"] .content[data-page="approvals"] .row,
body[data-surface="office"][data-theme="dark"] .content[data-page="products"] .row,
body[data-surface="office"][data-theme="dark"] .content[data-page="vehicles"] .row,
body[data-surface="office"][data-theme="dark"] .content[data-page="users"]>.card .row,
body[data-surface="office"][data-theme="dark"] .content[data-page="agenda"] .visit,
body[data-surface="office"][data-theme="dark"] .content[data-page="finance"] .finance-order{
 background:#292b2d;
 border-color:#3a3c3e
}
body[data-surface="office"][data-theme="dark"] .content[data-page] .directory-search,
body[data-surface="office"][data-theme="dark"] .content[data-page="integrations"] .whatsapp-qr{
 background:#292b2d;
 border-color:#3a3c3e
}
body[data-surface="office"][data-theme="dark"] .content[data-page] .input,
body[data-surface="office"][data-theme="dark"] .content[data-page] .select,
body[data-surface="office"][data-theme="dark"] .content[data-page] .textarea{
 background:#222426;
 border-color:#414346;
 color:#f2efeb
}
body[data-surface="office"][data-theme="dark"] .content[data-page="finance"] .finance-order-foot,
body[data-surface="office"][data-theme="dark"] .content[data-page="archive"] .archive-breadcrumb,
body[data-surface="office"][data-theme="dark"] .content[data-page="archive"] .archive-browser-head{
 background:#33302e;
 border-color:#4b433d
}
body[data-surface="office"][data-theme="dark"] .content[data-page="archive"] .archive-client-pane,
body[data-surface="office"][data-theme="dark"] .content[data-page="archive"] .archive-browser-pane,
body[data-surface="office"][data-theme="dark"] .content[data-page="archive"] .archive-browser-year-body{
 background:#292b2d
}
body[data-surface="office"][data-theme="dark"] .content[data-page="archive"] .archive-client-option.active{
 background:#403832;
 color:#efe2d7;
 box-shadow:inset 3px 0 #b99b82
}
body[data-surface="office"][data-theme="dark"] .content[data-page] .badge.green{
 background:#333432;
 border-color:#4a4a46;
 color:#d0cdc7
}
body[data-surface="office"][data-theme="dark"] .content[data-page] .badge.amber{
 background:#3b332e;
 border-color:#5d4c40;
 color:#ddc3ad
}
body[data-surface="office"][data-theme="dark"] .content[data-page] .badge.blue,
body[data-surface="office"][data-theme="dark"] .content[data-page] .badge.stage{
 background:#343536;
 border-color:#494b4c;
 color:#d1ceca
}
body[data-surface="office"][data-theme="dark"] .content[data-page] .notice{
 background:#3a322d;
 border-color:#5d4b3f;
 color:#dec7b4
}
body[data-surface="office"][data-theme="dark"] .content[data-page] .empty{
 background:#292b2d;
 border-color:#444649
}

/* responsividade comum */
@media(max-width:900px){
 body[data-surface="office"] .content[data-page]{padding-top:22px}
 body[data-surface="office"] .content[data-page]>.page-head{align-items:flex-start;flex-direction:column}
 body[data-surface="office"] .content[data-page]>.page-head>.actions{align-self:flex-start}
 body[data-surface="office"] .content[data-page="clients"] .row,
 body[data-surface="office"] .content[data-page="quotes"] .row,
 body[data-surface="office"] .content[data-page="reports"] .row,
 body[data-surface="office"] .content[data-page="approvals"] .row,
 body[data-surface="office"] .content[data-page="products"] .row,
 body[data-surface="office"] .content[data-page="vehicles"] .row,
 body[data-surface="office"] .content[data-page="users"]>.card .row{grid-template-columns:1fr}
 body[data-surface="office"] .content[data-page] .row>.actions{justify-content:flex-start}
}

/* ===== Relatório técnico LUX — grafite, branco quente e marrom claro ===== */
body[data-surface="office"] .technical-report-stack{gap:18px}
body[data-surface="office"] .technical-report-card.technical-report-lux{
 padding:0;
 border:1px solid var(--op-line);
 border-left:1px solid var(--op-line);
 border-radius:18px;
 background:var(--op-card);
 overflow:hidden;
 box-shadow:0 16px 44px rgba(43,37,32,.06)
}
body[data-surface="office"] .technical-report-lux .report-lux-head{
 display:flex;
 align-items:flex-start;
 justify-content:space-between;
 gap:28px;
 padding:22px 24px 20px;
 border-bottom:1px solid var(--op-line);
 background:linear-gradient(180deg,#fffdfb 0%,#faf7f3 100%)
}
body[data-surface="office"] .report-lux-identity{min-width:0}
body[data-surface="office"] .report-lux-identity>.eyebrow{
 display:block;
 margin-bottom:7px;
 color:#a88970;
 font-size:9px;
 font-weight:820;
 letter-spacing:.16em
}
body[data-surface="office"] .report-lux-title-row{
 display:flex;
 align-items:center;
 gap:10px;
 min-width:0
}
body[data-surface="office"] .report-lux-title-row h2{
 margin:0;
 color:var(--op-text);
 font-size:23px;
 font-weight:760;
 letter-spacing:-.035em
}
body[data-surface="office"] .report-revision{
 display:inline-flex;
 align-items:center;
 min-height:25px;
 padding:0 9px;
 border:1px solid #d7c6b7;
 border-radius:999px;
 background:#efe5dc;
 color:#725a47;
 font-size:9px;
 font-weight:800;
 letter-spacing:.04em
}
body[data-surface="office"] .report-lux-identity>p{
 margin:6px 0 0;
 color:var(--op-muted);
 font-size:11.5px
}
body[data-surface="office"] .report-lux-head-actions{
 display:flex;
 flex-direction:column;
 align-items:flex-end;
 gap:10px;
 flex:0 0 auto
}
body[data-surface="office"] .report-lux-head-actions>.actions{
 gap:7px;
 justify-content:flex-end
}
body[data-surface="office"] .report-lux-head-actions .btn{
 min-height:35px;
 padding:7px 11px;
 border-radius:9px;
 font-size:10px
}
body[data-surface="office"] .report-lux-status .badge{
 padding:5px 9px;
 font-size:9px
}

body[data-surface="office"] .report-lux-meta{
 display:grid;
 grid-template-columns:1.4fr 1fr .8fr .8fr;
 background:#f5f0eb;
 border-bottom:1px solid #ddd2c7
}
body[data-surface="office"] .report-lux-meta>div{
 min-width:0;
 padding:13px 18px;
 border-left:1px solid #ddd2c7
}
body[data-surface="office"] .report-lux-meta>div:first-child{border-left:0;padding-left:24px}
body[data-surface="office"] .report-lux-meta small{
 display:block;
 margin-bottom:4px;
 color:#8a796b;
 font-size:8.5px;
 font-weight:800;
 letter-spacing:.09em;
 text-transform:uppercase
}
body[data-surface="office"] .report-lux-meta strong{
 display:block;
 color:#433a33;
 font-size:10.75px;
 font-weight:690;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
body[data-surface="office"] .report-lux-history{
 margin:15px 24px 0;
 padding:9px 11px;
 border:1px solid #ded1c5;
 border-radius:9px;
 background:#f7f1eb;
 color:#78685b;
 font-size:10px
}

body[data-surface="office"] .report-lux-body{
 display:grid;
 gap:14px;
 padding:18px
}
body[data-surface="office"] .report-lux-section{
 padding:17px 18px 18px;
 border:1px solid var(--op-line);
 border-radius:14px;
 background:var(--op-card)
}
body[data-surface="office"] .report-lux-section-head{
 display:flex;
 align-items:flex-start;
 gap:11px;
 margin-bottom:15px;
 padding-bottom:12px;
 border-bottom:1px solid var(--op-line)
}
body[data-surface="office"] .report-lux-index{
 display:grid;
 place-items:center;
 flex:0 0 28px;
 width:28px;
 height:28px;
 border:1px solid #d3c0af;
 border-radius:9px;
 background:#eee3d9;
 color:#765d49;
 font-size:9px;
 font-weight:850;
 letter-spacing:.04em
}
body[data-surface="office"] .report-lux-section-head h3{
 margin:0;
 color:var(--op-text);
 font-size:13.5px;
 font-weight:720;
 letter-spacing:-.01em
}
body[data-surface="office"] .report-lux-section-head p{
 margin:3px 0 0;
 color:var(--op-muted);
 font-size:10px;
 line-height:1.45
}

/* Conteúdo técnico interno mais limpo */
body[data-surface="office"] .technical-report-lux .technical-subsection{
 margin-top:14px;
 padding-top:14px;
 border-top:1px solid var(--op-line)
}
body[data-surface="office"] .technical-report-lux .technical-subsection h3{
 margin-bottom:4px;
 color:var(--op-text);
 font-size:12px;
 font-weight:720
}
body[data-surface="office"] .technical-report-lux .technical-subsection .help{
 margin:0 0 9px;
 color:var(--op-muted);
 font-size:9.75px
}
body[data-surface="office"] .technical-report-lux .row.compact{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 align-items:center;
 gap:14px;
 min-height:43px;
 margin:0;
 padding:8px 10px;
 border:0;
 border-top:1px solid var(--op-line);
 border-radius:0;
 background:transparent;
 box-shadow:none;
 transform:none
}
body[data-surface="office"] .technical-report-lux .technical-subsection .row.compact:first-of-type{
 border-top:0
}
body[data-surface="office"] .technical-report-lux .row.compact:hover{
 background:var(--op-soft);
 border-color:var(--op-line);
 box-shadow:none;
 transform:none
}
body[data-surface="office"] .technical-report-lux .row.compact>span:first-child{
 color:var(--op-text);
 font-size:10.75px;
 font-weight:590
}
body[data-surface="office"] .technical-report-lux .row.compact .badge{
 min-width:48px;
 justify-content:center
}

/* Evita títulos duplicados nas seções encapsuladas */
body[data-surface="office"] .report-lux-support>.auto-technical{
 margin:0;
 padding:0;
 border:0;
 border-radius:0;
 background:transparent
}
body[data-surface="office"] .report-lux-support>.auto-technical>h3{display:none}
body[data-surface="office"] .report-lux-media>.guided-photo-section{
 margin:0;
 padding:0;
 border:0
}
body[data-surface="office"] .report-lux-media>.guided-photo-section>.section-head{display:none}

/* Referências e procedimento */
body[data-surface="office"] .technical-report-lux .auto-technical{
 color:var(--op-muted)
}
body[data-surface="office"] .technical-report-lux .auto-technical h4{
 margin:13px 0 6px;
 color:var(--op-text);
 font-size:10px;
 font-weight:780;
 letter-spacing:.05em;
 text-transform:uppercase
}
body[data-surface="office"] .technical-report-lux .auto-technical ul,
body[data-surface="office"] .technical-report-lux .auto-technical ol{
 margin:6px 0 10px;
 padding-left:20px
}
body[data-surface="office"] .technical-report-lux .auto-technical li{
 margin:4px 0;
 color:var(--op-muted);
 font-size:10.5px;
 line-height:1.55
}

/* Anexos com aparência de biblioteca */
body[data-surface="office"] .technical-report-lux .files{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
 gap:8px;
 margin-top:0
}
body[data-surface="office"] .technical-report-lux .files>a,
body[data-surface="office"] .technical-report-lux .files>span{
 display:flex;
 align-items:center;
 min-height:40px;
 padding:9px 11px;
 border:1px solid var(--op-line);
 border-radius:9px;
 background:var(--op-bg);
 color:var(--op-text);
 font-size:10px;
 font-weight:640;
 text-decoration:none;
 transition:border-color .14s ease,background .14s ease,transform .14s ease
}
body[data-surface="office"] .technical-report-lux .files>a:hover{
 border-color:#bda58f;
 background:#f3ece5;
 transform:translateY(-1px)
}
body[data-surface="office"] .technical-report-lux .technical-annex-form{
 display:grid;
 grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr) auto;
 align-items:end;
 gap:10px;
 margin-top:12px;
 padding-top:12px;
 border-top:1px solid var(--op-line)
}
body[data-surface="office"] .technical-report-lux .technical-annex-form>.error{
 grid-column:1/-1;
 margin:0
}

/* Fotos */
body[data-surface="office"] .technical-report-lux .guided-photo-grid{
 grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
 gap:10px
}
body[data-surface="office"] .technical-report-lux .guided-photo-card{
 padding:10px;
 border-radius:11px;
 background:var(--op-bg)
}
body[data-surface="office"] .technical-report-lux .guided-photo-card .section-head{
 min-height:auto;
 padding:0 0 8px;
 margin:0;
 border-bottom:1px solid var(--op-line)
}
body[data-surface="office"] .technical-report-lux .guided-photo-card img{
 height:160px;
 border-radius:8px
}

/* Documento final e editor */
body[data-surface="office"] .technical-report-lux .rich-readonly-wrap,
body[data-surface="office"] .technical-report-lux .rich-editor-wrap,
body[data-surface="office"] .technical-report-lux .technical-preview{
 border-radius:12px
}
body[data-surface="office"] .technical-report-lux .rich-readonly-head{
 padding:13px 15px;
 border-bottom:1px solid var(--op-line);
 background:var(--op-soft)
}
body[data-surface="office"] .technical-report-lux .rich-readonly-page{
 max-width:980px;
 margin:0 auto;
 padding:30px clamp(20px,4vw,54px);
 background:#fffdfa;
 color:#302d2a;
 box-shadow:0 8px 28px rgba(49,42,37,.05)
}
body[data-surface="office"] .technical-report-lux .rich-structured-fields{
 margin-top:12px;
 border-radius:11px;
 overflow:hidden
}
body[data-surface="office"] .technical-report-lux .rich-save-bar{
 margin-top:12px;
 border-radius:11px
}

/* Topo de contexto quando o relatório abre isolado */
body[data-surface="office"] .report-detail-toolbar{
 display:grid;
 grid-template-columns:auto minmax(0,1fr) auto;
 align-items:center;
 gap:14px;
 max-width:1480px;
 margin:0 auto 14px;
 padding:10px 12px;
 border:1px solid var(--op-line);
 border-radius:12px;
 background:var(--op-card)
}
body[data-surface="office"] .report-detail-toolbar>.back{margin:0}
body[data-surface="office"] .report-detail-context{
 min-width:0;
 display:flex;
 align-items:baseline;
 gap:8px
}
body[data-surface="office"] .report-detail-context .eyebrow{
 color:#a88970;
 font-size:8px;
 font-weight:800;
 letter-spacing:.12em
}
body[data-surface="office"] .report-detail-context strong{
 color:var(--op-text);
 font-size:10.75px
}
body[data-surface="office"] .report-detail-context small{
 color:var(--op-muted);
 font-size:9.5px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
body[data-surface="office"] .report-detail-status .badge{font-size:9px}

/* Modo foco: mais refinado e menos largura solta */
body[data-surface="office"] .report-focus-content{
 max-width:1540px;
 margin:0 auto;
 padding:18px clamp(18px,2.8vw,44px) 56px
}
body[data-surface="office"] .report-focus-content>.technical-report-lux{
 max-width:1480px;
 margin:0 auto
}

/* Dark luxury */
body[data-surface="office"][data-theme="dark"] .technical-report-card.technical-report-lux{
 background:#292b2d;
 border-color:#3c3e40;
 box-shadow:0 18px 44px rgba(0,0,0,.16)
}
body[data-surface="office"][data-theme="dark"] .technical-report-lux .report-lux-head{
 background:linear-gradient(180deg,#2d2f31 0%,#292b2d 100%);
 border-color:#3c3e40
}
body[data-surface="office"][data-theme="dark"] .report-revision{
 background:#3b332e;
 border-color:#604f42;
 color:#dec3ad
}
body[data-surface="office"][data-theme="dark"] .report-lux-meta{
 background:#302d2b;
 border-color:#4b433d
}
body[data-surface="office"][data-theme="dark"] .report-lux-meta>div{border-color:#4b433d}
body[data-surface="office"][data-theme="dark"] .report-lux-meta small{color:#bda38e}
body[data-surface="office"][data-theme="dark"] .report-lux-meta strong{color:#f1ece7}
body[data-surface="office"][data-theme="dark"] .report-lux-history{
 background:#35302d;
 border-color:#54473e;
 color:#ccb9a8
}
body[data-surface="office"][data-theme="dark"] .report-lux-section{
 background:#2b2d2f;
 border-color:#3d3f41
}
body[data-surface="office"][data-theme="dark"] .report-lux-section-head{
 border-color:#3d3f41
}
body[data-surface="office"][data-theme="dark"] .report-lux-index{
 background:#3a322d;
 border-color:#5d4b3f;
 color:#dcc0a8
}
body[data-surface="office"][data-theme="dark"] .technical-report-lux .row.compact:hover{
 background:#303234
}
body[data-surface="office"][data-theme="dark"] .technical-report-lux .files>a,
body[data-surface="office"][data-theme="dark"] .technical-report-lux .files>span,
body[data-surface="office"][data-theme="dark"] .technical-report-lux .guided-photo-card{
 background:#242628;
 border-color:#3d3f41
}
body[data-surface="office"][data-theme="dark"] .technical-report-lux .files>a:hover{
 background:#37312d;
 border-color:#725e50
}
body[data-surface="office"][data-theme="dark"] .technical-report-lux .rich-readonly-head{
 background:#34302d;
 border-color:#4c433d
}
body[data-surface="office"][data-theme="dark"] .technical-report-lux .rich-readonly-page{
 background:#f8f5f0;
 color:#302d2a
}
body[data-surface="office"][data-theme="dark"] .report-detail-toolbar{
 background:#292b2d;
 border-color:#3c3e40
}

@media(max-width:1050px){
 body[data-surface="office"] .report-lux-meta{grid-template-columns:1fr 1fr}
 body[data-surface="office"] .report-lux-meta>div:nth-child(3){border-left:0;border-top:1px solid #ddd2c7;padding-left:24px}
 body[data-surface="office"] .report-lux-meta>div:nth-child(4){border-top:1px solid #ddd2c7}
 body[data-surface="office"][data-theme="dark"] .report-lux-meta>div:nth-child(3),
 body[data-surface="office"][data-theme="dark"] .report-lux-meta>div:nth-child(4){border-top-color:#4b433d}
 body[data-surface="office"] .technical-report-lux .technical-annex-form{grid-template-columns:1fr 1fr}
 body[data-surface="office"] .technical-report-lux .technical-annex-form>.btn{grid-column:1/-1;justify-self:start}
}
@media(max-width:720px){
 body[data-surface="office"] .technical-report-lux .report-lux-head{flex-direction:column;padding:18px}
 body[data-surface="office"] .report-lux-head-actions{align-items:flex-start;width:100%}
 body[data-surface="office"] .report-lux-head-actions>.actions{justify-content:flex-start}
 body[data-surface="office"] .report-lux-meta{grid-template-columns:1fr}
 body[data-surface="office"] .report-lux-meta>div,
 body[data-surface="office"] .report-lux-meta>div:first-child,
 body[data-surface="office"] .report-lux-meta>div:nth-child(3){
  padding:11px 18px;
  border-left:0;
  border-top:1px solid #ddd2c7
 }
 body[data-surface="office"] .report-lux-meta>div:first-child{border-top:0}
 body[data-surface="office"][data-theme="dark"] .report-lux-meta>div{border-top-color:#4b433d}
 body[data-surface="office"] .report-lux-body{padding:10px}
 body[data-surface="office"] .report-lux-section{padding:14px}
 body[data-surface="office"] .technical-report-lux .technical-annex-form{grid-template-columns:1fr}
 body[data-surface="office"] .technical-report-lux .technical-annex-form>.btn{grid-column:auto;width:100%}
 body[data-surface="office"] .report-detail-toolbar{grid-template-columns:auto 1fr}
 body[data-surface="office"] .report-detail-status{grid-column:1/-1}
 body[data-surface="office"] .report-detail-context{display:block}
 body[data-surface="office"] .report-detail-context>*{display:block;margin-top:2px}
}

/* ===== Acervo Clean V2 — interface final de produção ===== */
body[data-surface="office"] .content[data-page="archive"]{
 max-width:1560px
}
body[data-surface="office"] .content[data-page="archive"]>.page-head{
 margin-bottom:16px
}
body[data-surface="office"] .content[data-page="archive"] .archive-kpis{
 gap:10px;
 margin-bottom:14px
}
body[data-surface="office"] .content[data-page="archive"] .archive-kpi{
 min-height:88px;
 padding:14px 16px 13px 18px;
 border-radius:12px;
 box-shadow:none
}
body[data-surface="office"] .content[data-page="archive"] .archive-kpi span{
 font-size:9.5px;
 font-weight:780;
 letter-spacing:.04em;
 text-transform:uppercase
}
body[data-surface="office"] .content[data-page="archive"] .archive-kpi strong{
 margin:7px 0 3px;
 font-size:25px;
 letter-spacing:-.035em
}
body[data-surface="office"] .content[data-page="archive"] .archive-kpi small{
 font-size:10px
}
body[data-surface="office"] .content[data-page="archive"] .archive-kpi.warning{
 background:var(--op-card);
 border-color:#c9a88e
}
body[data-surface="office"] .content[data-page="archive"] .archive-kpi.warning strong{
 color:#8b6b55
}

body[data-surface="office"] .archive-explorer-card{
 padding:0!important;
 border-radius:14px!important;
 overflow:hidden
}
body[data-surface="office"] .archive-explorer-card>.archive-explorer-title{
 padding:16px 18px!important;
 background:var(--op-card);
 border-bottom:1px solid var(--op-line)
}
body[data-surface="office"] .archive-explorer-title .eyebrow{
 display:block;
 margin-bottom:4px;
 color:#a88970;
 font-size:8.5px;
 font-weight:820;
 letter-spacing:.14em
}
body[data-surface="office"] .archive-explorer-title h2{
 font-size:16px!important
}
body[data-surface="office"] .archive-explorer-title .subtitle{
 font-size:10.5px!important
}
body[data-surface="office"] .archive-explorer{
 grid-template-columns:250px minmax(0,1fr);
 min-height:0;
 background:var(--op-card)!important
}
body[data-surface="office"] .archive-client-pane{
 padding:12px;
 border-right:1px solid var(--op-line);
 background:var(--op-card)!important
}
body[data-surface="office"] .archive-pane-label{
 margin:0 2px 8px;
 color:var(--op-muted);
 font-size:9px;
 font-weight:800;
 letter-spacing:.09em;
 text-transform:uppercase
}
body[data-surface="office"] .archive-search{
 margin-bottom:9px
}
body[data-surface="office"] .archive-search .input{
 min-height:39px;
 padding-left:36px;
 border-radius:9px;
 background:var(--op-bg)!important;
 font-size:11px
}
body[data-surface="office"] .archive-client-list{
 max-height:520px;
 gap:3px;
 padding-right:2px
}
body[data-surface="office"] .archive-client-option{
 grid-template-columns:24px minmax(0,1fr);
 gap:8px;
 min-height:48px;
 padding:8px 9px;
 border:1px solid transparent;
 border-radius:9px;
 font-size:10.5px
}
body[data-surface="office"] .archive-client-option:hover{
 background:var(--op-soft)!important
}
body[data-surface="office"] .archive-client-option.active{
 background:#eee4da!important;
 border-color:#dac7b6;
 color:#4d4036!important;
 box-shadow:inset 3px 0 #a88970!important
}
body[data-surface="office"] .archive-client-option strong{
 font-size:10.5px
}
body[data-surface="office"] .archive-client-option small{
 margin-top:2px;
 font-size:9px
}
body[data-surface="office"] .archive-folder-icon{
 font-size:.9rem
}

body[data-surface="office"] .archive-browser-pane{
 background:var(--op-card)!important
}
body[data-surface="office"] .archive-client-summary{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
 min-height:74px;
 padding:13px 16px;
 border-bottom:1px solid var(--op-line);
 background:linear-gradient(180deg,#faf7f3 0%,#f6f1ec 100%)
}
body[data-surface="office"] .archive-client-summary-main{
 display:flex;
 align-items:center;
 gap:11px;
 min-width:0
}
body[data-surface="office"] .archive-summary-icon{
 display:grid;
 place-items:center;
 flex:0 0 34px;
 width:34px;
 height:34px;
 border:1px solid #d7c6b7;
 border-radius:10px;
 background:#eadfd5;
 color:#765d49;
 font-size:18px
}
body[data-surface="office"] .archive-client-summary small{
 display:block;
 margin-bottom:3px;
 color:#947b68;
 font-size:8px;
 font-weight:820;
 letter-spacing:.09em
}
body[data-surface="office"] .archive-client-summary strong{
 display:block;
 color:var(--op-text);
 font-size:12px;
 font-weight:720;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
body[data-surface="office"] .archive-client-summary p{
 margin:3px 0 0;
 color:var(--op-muted);
 font-size:9.5px
}
body[data-surface="office"] .archive-client-summary-update{
 flex:0 0 auto;
 min-width:130px;
 padding-left:18px;
 border-left:1px solid #ddd2c7;
 text-align:right
}
body[data-surface="office"] .archive-client-summary.empty-state{
 justify-content:flex-start;
 background:var(--op-soft)
}

body[data-surface="office"] .archive-breadcrumb{
 min-height:40px;
 padding:0 14px;
 gap:7px;
 background:var(--op-card)!important;
 border-bottom:1px solid var(--op-line);
 font-size:9.5px
}
body[data-surface="office"] .archive-browser-head{
 padding:8px 14px;
 background:var(--op-soft)!important;
 border-bottom:1px solid var(--op-line);
 font-size:8.5px;
 text-transform:uppercase;
 letter-spacing:.055em
}
body[data-surface="office"] .archive-browser-list{
 max-height:500px;
 background:var(--op-card)
}
body[data-surface="office"] .archive-browser-year{
 border-bottom:1px solid var(--op-line)
}
body[data-surface="office"] .archive-browser-year>summary{
 min-height:44px;
 padding:10px 14px;
 font-size:10.5px
}
body[data-surface="office"] .archive-browser-year>summary:hover{
 background:var(--op-soft)!important
}
body[data-surface="office"] .archive-browser-year[open]>summary{
 background:#f2ebe4!important
}
body[data-surface="office"] .archive-browser-year-body{
 padding:7px 9px 9px;
 background:var(--op-bg)!important
}
body[data-surface="office"] .archive-browser-service{
 margin:5px 0;
 border:1px solid var(--op-line);
 border-radius:10px;
 background:var(--op-card)!important
}
body[data-surface="office"] .archive-browser-service>summary{
 min-height:42px;
 padding:9px 11px;
 font-size:10px
}
body[data-surface="office"] .archive-browser-service[open]>summary{
 background:var(--op-soft)!important;
 border-color:var(--op-line)
}
body[data-surface="office"] .archive-service-folders{
 padding:4px 5px 6px
}
body[data-surface="office"] .archive-service-folders .archive-folder{
 margin:5px;
 border:1px solid var(--op-line);
 border-radius:9px;
 background:var(--op-card)!important
}
body[data-surface="office"] .archive-service-folders .archive-folder>summary{
 min-height:38px;
 padding:8px 10px;
 font-size:9.75px
}
body[data-surface="office"] .archive-files{
 border-top:1px solid var(--op-line)
}
body[data-surface="office"] .archive-file{
 min-height:46px;
 padding:9px 10px
}
body[data-surface="office"] .archive-file strong{
 font-size:10px
}
body[data-surface="office"] .archive-file p{
 margin-top:3px;
 font-size:9px
}
body[data-surface="office"] .archive-file .btn{
 min-height:31px;
 padding:5px 9px;
 font-size:9px;
 border-radius:8px
}

/* Administração técnica fica discreta e claramente secundária */
body[data-surface="office"] .archive-admin-clean{
 margin-top:12px!important;
 border-radius:12px!important;
 background:var(--op-card)
}
body[data-surface="office"] .archive-admin-clean>summary{
 min-height:58px;
 padding:12px 16px
}
body[data-surface="office"] .archive-admin-clean>summary>div{
 display:flex;
 flex-direction:column;
 gap:3px;
 min-width:0
}
body[data-surface="office"] .archive-admin-clean>summary>div>strong{
 color:var(--op-text);
 font-size:11px;
 font-weight:720
}
body[data-surface="office"] .archive-admin-clean>summary>div>span{
 margin:0!important;
 color:var(--op-muted);
 font-size:9.5px!important
}
body[data-surface="office"] .archive-admin-clean>summary:after{
 display:none
}
body[data-surface="office"] .archive-admin-chevron{
 margin:0!important;
 color:#a88970!important;
 font-size:18px!important;
 transition:transform .16s ease
}
body[data-surface="office"] .archive-admin-clean[open] .archive-admin-chevron{
 transform:rotate(90deg)
}
body[data-surface="office"] .archive-admin-clean .archive-admin-tools-body{
 padding:4px 16px 16px
}

/* Dark: sem blocos brancos dentro do acervo */
body[data-surface="office"][data-theme="dark"] .archive-client-option.active{
 background:#403832!important;
 border-color:#655243;
 color:#efe2d7!important
}
body[data-surface="office"][data-theme="dark"] .archive-client-summary{
 background:linear-gradient(180deg,#302e2c 0%,#2b2d2f 100%);
 border-color:#414345
}
body[data-surface="office"][data-theme="dark"] .archive-summary-icon{
 background:#3b332e;
 border-color:#604f42;
 color:#dec3ad
}
body[data-surface="office"][data-theme="dark"] .archive-client-summary-update{
 border-color:#4b433d
}
body[data-surface="office"][data-theme="dark"] .archive-browser-year[open]>summary{
 background:#35302d!important
}
body[data-surface="office"][data-theme="dark"] .archive-browser-year-body{
 background:#242628!important
}
body[data-surface="office"][data-theme="dark"] .archive-browser-service,
body[data-surface="office"][data-theme="dark"] .archive-service-folders .archive-folder{
 background:#292b2d!important;
 border-color:#3d3f41
}
body[data-surface="office"][data-theme="dark"] .archive-browser-service[open]>summary{
 background:#33302e!important
}
body[data-surface="office"][data-theme="dark"] .archive-breadcrumb{
 background:#292b2d!important
}
body[data-surface="office"][data-theme="dark"] .archive-browser-head{
 background:#33302e!important
}
body[data-surface="office"][data-theme="dark"] .archive-client-summary.empty-state{
 background:#292b2d
}

@media(max-width:1050px){
 body[data-surface="office"] .archive-explorer{grid-template-columns:220px minmax(0,1fr)}
 body[data-surface="office"] .archive-client-summary{align-items:flex-start}
}
@media(max-width:820px){
 body[data-surface="office"] .archive-explorer{grid-template-columns:1fr}
 body[data-surface="office"] .archive-client-pane{border-right:0;border-bottom:1px solid var(--op-line)}
 body[data-surface="office"] .archive-client-list{max-height:210px}
 body[data-surface="office"] .archive-client-summary{flex-direction:column}
 body[data-surface="office"] .archive-client-summary-update{
  min-width:0;
  padding:0;
  border-left:0;
  text-align:left
 }
}

/* ===== PREMIUM V2 — sidebar fixa + hierarquia visual forte ===== */
body[data-surface="office"]{
 --office-sidebar-w:276px;
 --office-topbar-h:72px;
 --op-bg:#f4f1ed;
 --op-card:#fffdfa;
 --op-card-2:#f8f4ef;
 --op-card-3:#efe7df;
 --op-text:#2a2927;
 --op-muted:#746d66;
 --op-line:#ddd5cd;
 --op-line-strong:#cdbfb3;
 --op-accent:#9f7f66;
 --op-accent-strong:#7f624c;
 --op-accent-soft:#eadfd5;
 --op-soft:#f2ebe4;
 --op-sidebar:#282a2c;
 --op-sidebar-2:#303235;
 --op-sidebar-line:#414346;
 --op-sidebar-text:#f5f1ed;
 --op-sidebar-muted:#aaa39d;
 --op-shadow:0 12px 34px rgba(46,39,34,.07);
 --op-shadow-soft:0 5px 18px rgba(46,39,34,.045);
 font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
 font-size:15px;
 line-height:1.5;
 background:var(--op-bg);
 color:var(--op-text)
}

/* Estrutura: lateral fixa e somente a área de trabalho acompanha a página */
@media(min-width:901px){
 body[data-surface="office"] .shell{
  display:block!important;
  min-height:100dvh;
  width:100%;
 }
 body[data-surface="office"] .sidebar{
  position:fixed!important;
  inset:0 auto 0 0!important;
  z-index:70;
  width:var(--office-sidebar-w)!important;
  height:100dvh!important;
  min-height:100dvh;
  display:flex!important;
  flex-direction:column;
  overflow-y:auto!important;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
 }
 body[data-surface="office"] .workspace{
  width:calc(100% - var(--office-sidebar-w))!important;
  min-width:0;
  min-height:100dvh;
  margin-left:var(--office-sidebar-w)!important;
 }
 body[data-surface="office"] .topbar{
  position:sticky!important;
  top:0;
  z-index:45;
 }
}

/* Topbar premium */
body[data-surface="office"] .topbar{
 min-height:var(--office-topbar-h);
 height:var(--office-topbar-h);
 padding:0 clamp(24px,2.5vw,42px);
 border-bottom:1px solid var(--op-line);
 background:rgba(255,253,250,.94);
 -webkit-backdrop-filter:blur(14px) saturate(130%);
 backdrop-filter:blur(14px) saturate(130%);
 box-shadow:0 5px 22px rgba(46,39,34,.035)
}
body[data-surface="office"] .crumb{
 color:var(--op-muted);
 font-size:12.5px;
 font-weight:560
}
body[data-surface="office"] .top-actions{
 gap:8px
}
body[data-surface="office"] .top-actions .btn{
 min-height:38px;
 padding:7px 13px;
 border-radius:10px;
 font-size:11px;
 font-weight:720
}

/* Sidebar premium */
body[data-surface="office"] .sidebar{
 padding:22px 14px 18px!important;
 background:
  linear-gradient(180deg,#2c2e30 0%,#282a2c 52%,#26282a 100%)!important;
 color:var(--op-sidebar-text)!important;
 border-right:1px solid #3b3d3f;
 box-shadow:10px 0 34px rgba(24,22,20,.08);
 scrollbar-width:thin;
 scrollbar-color:#5d5955 transparent
}
body[data-surface="office"] .sidebar::-webkit-scrollbar{width:7px}
body[data-surface="office"] .sidebar::-webkit-scrollbar-track{background:transparent}
body[data-surface="office"] .sidebar::-webkit-scrollbar-thumb{
 background:#57534f;
 border-radius:999px
}
body[data-surface="office"] .sidebar::-webkit-scrollbar-thumb:hover{background:#756b62}
body[data-surface="office"] .sidebar nav{
 flex:1 0 auto;
 min-height:min-content
}
body[data-surface="office"] .brand{
 gap:13px;
 padding:4px 9px 23px!important;
 margin:0!important;
 color:#fffdfa!important;
 font-size:22px!important;
 font-weight:780!important;
 letter-spacing:-.038em!important
}
body[data-surface="office"] .brand-mark{
 width:41px!important;
 height:41px!important;
 border-radius:12px!important;
 background:linear-gradient(145deg,#eadbce,#cdb7a3)!important;
 color:#302a26!important;
 box-shadow:0 7px 18px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.55);
 font-size:20px!important;
 font-weight:850!important
}
body[data-surface="office"] .brand small{
 margin-top:4px;
 color:#c4ad9b!important;
 font-size:9px!important;
 font-weight:760!important;
 letter-spacing:.2em!important
}
body[data-surface="office"] .nav-group{
 margin:0 0 12px!important;
 padding:0 2px 12px!important
}
body[data-surface="office"] .nav-group+.nav-group{
 padding-top:15px!important;
 border-top:1px solid #414345!important
}
body[data-surface="office"] .nav-group-label{
 min-height:20px;
 padding:0 10px!important;
 margin:0 0 8px!important;
 color:#c2a890!important;
 font-size:10px!important;
 font-weight:850!important;
 letter-spacing:.16em!important;
 text-transform:uppercase
}
body[data-surface="office"] .nav-group-label:after{
 background:#474440!important;
 opacity:.9
}
body[data-surface="office"] .nav{
 position:relative;
 min-height:47px!important;
 margin:3px 0!important;
 padding:7px 10px!important;
 gap:11px!important;
 border:1px solid transparent;
 border-radius:12px!important;
 color:#dfdbd7!important;
 font-size:13.5px!important;
 font-weight:620!important;
 letter-spacing:-.005em!important;
 transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease
}
body[data-surface="office"] .nav-icon{
 width:31px!important;
 height:31px!important;
 flex-basis:31px!important;
 border:1px solid #414346;
 border-radius:9px!important;
 background:#333537!important;
 color:#cdb7a4!important;
 font-size:15px!important;
 transition:background .16s ease,border-color .16s ease,color .16s ease
}
body[data-surface="office"] .nav:hover:not(.active){
 transform:translateX(2px);
 background:#343638!important;
 border-color:#454749;
 color:#fff!important
}
body[data-surface="office"] .nav:hover:not(.active) .nav-icon{
 background:#3e4042!important;
 border-color:#57524d;
 color:#ead8c9!important
}
body[data-surface="office"] .nav.active{
 background:linear-gradient(180deg,#e8dccf 0%,#dccbbb 100%)!important;
 border-color:#cbb49f!important;
 color:#302a26!important;
 font-weight:790!important;
 box-shadow:inset 4px 0 #9e7b61,0 8px 20px rgba(0,0,0,.15)!important
}
body[data-surface="office"] .nav.active:after{
 content:"";
 position:absolute;
 right:10px;
 width:6px;
 height:6px;
 border-radius:50%;
 background:#8e6d55;
 box-shadow:0 0 0 4px rgba(142,109,85,.10)
}
body[data-surface="office"] .nav.active .nav-icon{
 background:#cbb39d!important;
 border-color:#b89d85!important;
 color:#302924!important
}
body[data-surface="office"] .sidebar-foot{
 margin-top:auto!important;
 padding:17px 10px 2px!important;
 border-top:1px solid #444648!important;
 color:#aaa39d!important;
 font-size:11px!important
}
body[data-surface="office"] .sidebar-foot strong{
 display:block;
 margin-bottom:3px;
 color:#fffaf5!important;
 font-size:13px!important;
 font-weight:740!important
}

/* Hierarquia de página */
body[data-surface="office"] .content[data-page]{
 width:100%;
 max-width:1600px;
 padding:34px clamp(28px,3vw,48px) 64px!important
}
body[data-surface="office"] .content[data-page]>.page-head{
 gap:28px;
 margin-bottom:23px!important;
 padding:0 2px
}
body[data-surface="office"] .content[data-page]>.page-head .eyebrow{
 margin-bottom:7px!important;
 color:var(--op-accent)!important;
 font-size:10.5px!important;
 font-weight:860!important;
 letter-spacing:.16em!important
}
body[data-surface="office"] .content[data-page]>.page-head h1{
 color:var(--op-text)!important;
 font-size:clamp(31px,2.15vw,37px)!important;
 line-height:1.08!important;
 font-weight:780!important;
 letter-spacing:-.042em!important
}
body[data-surface="office"] .content[data-page]>.page-head .subtitle{
 max-width:760px;
 margin-top:9px!important;
 color:var(--op-muted)!important;
 font-size:14px!important;
 line-height:1.58!important;
 font-weight:500
}

/* Cards e blocos: mais claros na hierarquia */
body[data-surface="office"] .content[data-page] .card{
 border:1px solid var(--op-line)!important;
 border-radius:15px!important;
 background:var(--op-card)!important;
 box-shadow:var(--op-shadow-soft)
}
body[data-surface="office"] .content[data-page] .section-head{
 gap:18px;
 padding-bottom:13px!important;
 margin-bottom:14px!important;
 border-bottom:1px solid var(--op-line)!important
}
body[data-surface="office"] .content[data-page] .section-head h2,
body[data-surface="office"] .content[data-page] .card>h2:first-child{
 color:var(--op-text)!important;
 font-size:18px!important;
 line-height:1.25!important;
 font-weight:760!important;
 letter-spacing:-.022em!important
}
body[data-surface="office"] .content[data-page] .section-head h3,
body[data-surface="office"] .content[data-page] .card h3{
 font-size:14.5px;
 font-weight:720;
 color:var(--op-text)
}
body[data-surface="office"] .content[data-page] .section-head .subtitle,
body[data-surface="office"] .content[data-page] .help{
 color:var(--op-muted)!important;
 font-size:11.5px!important;
 line-height:1.55!important
}

/* Métricas com presença maior */
body[data-surface="office"] .content[data-page] .metric,
body[data-surface="office"] .content[data-page] .order-summary,
body[data-surface="office"] .content[data-page] .notification-summary,
body[data-surface="office"] .content[data-page] .archive-kpi{
 border:1px solid var(--op-line)!important;
 background:var(--op-card)!important;
 box-shadow:var(--op-shadow-soft);
 border-radius:14px!important
}
body[data-surface="office"] .content[data-page] .metric-label,
body[data-surface="office"] .content[data-page] .metric>span,
body[data-surface="office"] .content[data-page] .order-summary>span,
body[data-surface="office"] .content[data-page] .notification-summary>span,
body[data-surface="office"] .content[data-page] .archive-kpi>span{
 color:var(--op-muted)!important;
 font-size:10.5px!important;
 font-weight:820!important;
 letter-spacing:.07em!important
}
body[data-surface="office"] .content[data-page] .metric-val,
body[data-surface="office"] .content[data-page] .metric>strong,
body[data-surface="office"] .content[data-page] .order-summary>strong,
body[data-surface="office"] .content[data-page] .notification-summary>strong,
body[data-surface="office"] .content[data-page] .archive-kpi>strong{
 color:var(--op-text)!important;
 font-size:28px!important;
 font-weight:780!important;
 letter-spacing:-.04em!important
}
body[data-surface="office"] .content[data-page] .metric-note,
body[data-surface="office"] .content[data-page] .metric>small,
body[data-surface="office"] .content[data-page] .order-summary>small,
body[data-surface="office"] .content[data-page] .notification-summary>small,
body[data-surface="office"] .content[data-page] .archive-kpi>small{
 color:var(--op-muted)!important;
 font-size:10.5px!important;
 line-height:1.45!important
}

/* Botões mais legíveis */
body[data-surface="office"] .btn{
 min-height:40px;
 padding:8px 14px;
 border:1px solid var(--op-line-strong);
 border-radius:10px;
 background:var(--op-card);
 color:var(--op-text);
 font-size:12px;
 font-weight:730;
 letter-spacing:-.005em;
 box-shadow:0 1px 2px rgba(33,29,26,.025);
 transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease
}
body[data-surface="office"] .btn:hover{
 transform:translateY(-1px);
 background:var(--op-soft)!important;
 border-color:#b99d86!important;
 box-shadow:0 5px 14px rgba(42,36,31,.06)
}
body[data-surface="office"] .btn.primary{
 background:linear-gradient(180deg,#9f8067 0%,#8c6e57 100%)!important;
 border-color:#866850!important;
 color:#fff!important;
 box-shadow:0 7px 16px rgba(100,76,58,.16)
}
body[data-surface="office"] .btn.primary:hover{
 background:linear-gradient(180deg,#aa8a70 0%,#95745c 100%)!important;
 border-color:#8c6c55!important
}
body[data-surface="office"] .btn.tiny{
 min-height:34px;
 padding:6px 10px;
 font-size:10.5px!important;
 border-radius:9px
}

/* Formulários: texto mais presente */
body[data-surface="office"] .field{
 color:var(--op-text)!important;
 font-size:12.5px!important;
 font-weight:680!important
}
body[data-surface="office"] .input,
body[data-surface="office"] .select,
body[data-surface="office"] .textarea{
 min-height:44px;
 border:1px solid var(--op-line-strong)!important;
 border-radius:10px!important;
 background:var(--op-card)!important;
 color:var(--op-text)!important;
 font-size:13.5px!important;
 font-weight:520;
 line-height:1.45;
 box-shadow:inset 0 1px 1px rgba(45,39,34,.015)
}
body[data-surface="office"] .input::placeholder,
body[data-surface="office"] .textarea::placeholder{
 color:#948a81!important;
 opacity:1
}
body[data-surface="office"] .input:focus,
body[data-surface="office"] .select:focus,
body[data-surface="office"] .textarea:focus{
 border-color:#ab8a70!important;
 outline:3px solid rgba(171,138,112,.13)!important;
 box-shadow:none!important
}

/* Listas e linhas */
body[data-surface="office"] .content[data-page] .row{
 color:var(--op-text)
}
body[data-surface="office"] .content[data-page] .row>div:first-child>strong,
body[data-surface="office"] .content[data-page] .row strong{
 color:var(--op-text)!important;
 font-size:13px!important;
 font-weight:720!important
}
body[data-surface="office"] .content[data-page] .row p{
 color:var(--op-muted)!important;
 font-size:11.5px!important;
 line-height:1.5!important
}
body[data-surface="office"] .content[data-page] .row small{
 color:var(--op-muted)!important;
 font-size:10.5px!important
}

/* Badges com melhor contraste */
body[data-surface="office"] .badge{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-height:24px;
 padding:4px 9px!important;
 border:1px solid var(--op-line);
 border-radius:999px!important;
 background:var(--op-card-2);
 color:#625a53;
 font-size:9.5px!important;
 font-weight:800!important;
 line-height:1.2;
 letter-spacing:.01em
}
body[data-surface="office"] .badge.amber{
 background:#efe2d6!important;
 border-color:#d8bfa9!important;
 color:#725744!important
}
body[data-surface="office"] .badge.green{
 background:#eeece8!important;
 border-color:#d3cec8!important;
 color:#5f5953!important
}
body[data-surface="office"] .badge.blue,
body[data-surface="office"] .badge.stage{
 background:#eeeae5!important;
 border-color:#d6cec6!important;
 color:#645c55!important
}

/* Tabelas e cabeçalhos */
body[data-surface="office"] .table{
 font-size:12px
}
body[data-surface="office"] .table th{
 padding:12px 15px;
 background:var(--op-card-2)!important;
 color:#7b6f65!important;
 font-size:9.5px!important;
 font-weight:830!important;
 letter-spacing:.07em!important;
 text-transform:uppercase;
 border-color:var(--op-line)!important
}
body[data-surface="office"] .table td{
 padding:15px;
 color:var(--op-text);
 border-color:var(--op-line)!important
}
body[data-surface="office"] .table tbody tr:hover{
 background:var(--op-soft)!important
}

/* Details / abas internas */
body[data-surface="office"] details>summary{
 color:var(--op-text)!important;
 font-size:12px!important;
 font-weight:720!important
}

/* DARK PREMIUM */
body[data-surface="office"][data-theme="dark"]{
 --op-bg:#1d1f21;
 --op-card:#292b2d;
 --op-card-2:#303235;
 --op-card-3:#38312d;
 --op-text:#f6f1ec;
 --op-muted:#bbb2aa;
 --op-line:#414346;
 --op-line-strong:#505255;
 --op-accent:#c7a68b;
 --op-accent-strong:#d4b296;
 --op-accent-soft:#3d342f;
 --op-soft:#323436;
 --op-sidebar:#242628;
 --op-sidebar-2:#2b2d2f;
 --op-shadow:0 14px 38px rgba(0,0,0,.18);
 --op-shadow-soft:0 7px 20px rgba(0,0,0,.11);
 color-scheme:dark
}
body[data-surface="office"][data-theme="dark"]{
 background:#1d1f21!important;
 color:#f6f1ec!important
}
body[data-surface="office"][data-theme="dark"] .topbar{
 background:rgba(35,37,39,.94)!important;
 border-color:#3d3f41!important;
 box-shadow:0 5px 24px rgba(0,0,0,.13)
}
body[data-surface="office"][data-theme="dark"] .crumb{color:#b9b0a8!important}
body[data-surface="office"][data-theme="dark"] .content[data-page] .card,
body[data-surface="office"][data-theme="dark"] .content[data-page] .metric,
body[data-surface="office"][data-theme="dark"] .content[data-page] .order-summary,
body[data-surface="office"][data-theme="dark"] .content[data-page] .notification-summary,
body[data-surface="office"][data-theme="dark"] .content[data-page] .archive-kpi{
 background:#292b2d!important;
 border-color:#404245!important
}
body[data-surface="office"][data-theme="dark"] .btn{
 background:#2d2f31!important;
 border-color:#4b4d50!important;
 color:#f4efea!important
}
body[data-surface="office"][data-theme="dark"] .btn:hover{
 background:#393431!important;
 border-color:#7a6556!important
}
body[data-surface="office"][data-theme="dark"] .input,
body[data-surface="office"][data-theme="dark"] .select,
body[data-surface="office"][data-theme="dark"] .textarea{
 background:#232527!important;
 border-color:#494b4e!important;
 color:#f4efea!important
}
body[data-surface="office"][data-theme="dark"] .input::placeholder,
body[data-surface="office"][data-theme="dark"] .textarea::placeholder{
 color:#8f8983!important
}
body[data-surface="office"][data-theme="dark"] .badge{
 background:#343638!important;
 border-color:#4a4c4f!important;
 color:#d8d3ce!important
}
body[data-surface="office"][data-theme="dark"] .badge.amber{
 background:#3e342e!important;
 border-color:#654f40!important;
 color:#e1c2a8!important
}
body[data-surface="office"][data-theme="dark"] .badge.green{
 background:#333432!important;
 border-color:#4d4c48!important;
 color:#d7d3cd!important
}
body[data-surface="office"][data-theme="dark"] .table th{
 background:#303235!important;
 color:#c0b3a8!important;
 border-color:#414346!important
}
body[data-surface="office"][data-theme="dark"] .table td{
 border-color:#3d3f41!important
}
body[data-surface="office"][data-theme="dark"] .table tbody tr:hover{
 background:#303235!important
}

/* Light premium explícito para não herdar tons frios antigos */
body[data-surface="office"]:not([data-theme="dark"]){
 background:#f4f1ed!important
}
body[data-surface="office"]:not([data-theme="dark"]) .workspace{
 background:#f4f1ed
}
body[data-surface="office"]:not([data-theme="dark"]) .content[data-page]{
 color:#2a2927
}

/* Mobile/tablet: sidebar vira drawer, sem margem fixa */
@media(max-width:900px){
 body[data-surface="office"]{
  --office-sidebar-w:min(300px,88vw)
 }
 body[data-surface="office"] .shell{
  display:block!important;
  min-height:100dvh
 }
 body[data-surface="office"] .workspace{
  width:100%!important;
  margin-left:0!important
 }
 body[data-surface="office"] .sidebar{
  position:fixed!important;
  inset:0 auto 0 0!important;
  z-index:70!important;
  width:var(--office-sidebar-w)!important;
  height:100dvh!important;
  display:none!important;
  overflow-y:auto!important;
  box-shadow:18px 0 40px rgba(0,0,0,.25)
 }
 body[data-surface="office"] .shell.menu-open .sidebar{
  display:flex!important;
  flex-direction:column
 }
 body[data-surface="office"] .topbar{
  position:sticky;
  top:0;
  z-index:45;
  height:auto;
  min-height:68px;
  padding:11px 16px
 }
 body[data-surface="office"] .content[data-page]{
  padding:24px 18px 52px!important
 }
 body[data-surface="office"] .content[data-page]>.page-head h1{
  font-size:29px!important
 }
}
@media(max-width:560px){
 body[data-surface="office"] .content[data-page]{
  padding:20px 13px 44px!important
 }
 body[data-surface="office"] .content[data-page]>.page-head h1{
  font-size:27px!important
 }
 body[data-surface="office"] .content[data-page]>.page-head .subtitle{
  font-size:13px!important
 }
 body[data-surface="office"] .nav{
  min-height:46px!important
 }
}

/* ===== PREMIUM V3 — acabamento editorial e superfícies em camadas ===== */
body[data-surface="office"] .workspace{
 position:relative;
 background:
  radial-gradient(circle at 92% 2%,rgba(170,135,106,.10),transparent 28rem),
  linear-gradient(180deg,#f7f4f0 0,#f2efeb 52%,#f5f2ee 100%);
 isolation:isolate
}
body[data-surface="office"] .workspace:before{
 content:"";
 position:fixed;
 z-index:-1;
 right:-110px;
 top:105px;
 width:330px;
 height:330px;
 border:1px solid rgba(159,127,102,.10);
 border-radius:50%;
 box-shadow:
  0 0 0 54px rgba(159,127,102,.025),
  0 0 0 108px rgba(159,127,102,.014);
 pointer-events:none
}

/* Cabeçalho editorial de cada página */
body[data-surface="office"] .content[data-page]>.page-head{
 position:relative;
 min-height:126px;
 padding:23px 25px 22px 28px!important;
 border:1px solid var(--op-line);
 border-radius:18px;
 background:
  linear-gradient(110deg,rgba(255,253,250,.98),rgba(249,245,240,.96)),
  var(--op-card);
 box-shadow:0 16px 42px rgba(52,44,38,.055);
 overflow:hidden
}
body[data-surface="office"] .content[data-page]>.page-head:before{
 content:"";
 position:absolute;
 inset:0 auto 0 0;
 width:4px;
 background:linear-gradient(180deg,#c1a48d,#896a53)
}
body[data-surface="office"] .content[data-page]>.page-head:after{
 content:"";
 position:absolute;
 width:190px;
 height:190px;
 right:-70px;
 top:-105px;
 border:1px solid rgba(153,120,94,.12);
 border-radius:50%;
 box-shadow:0 0 0 30px rgba(153,120,94,.025);
 pointer-events:none
}
body[data-surface="office"] .content[data-page]>.page-head>div:first-child{
 position:relative;
 z-index:1
}
body[data-surface="office"] .content[data-page]>.page-head>.actions{
 position:relative;
 z-index:2
}

/* Destaque editorial abaixo do kicker */
body[data-surface="office"] .content[data-page]>.page-head .eyebrow{
 display:flex;
 align-items:center;
 gap:8px
}
body[data-surface="office"] .content[data-page]>.page-head .eyebrow:before{
 content:"";
 width:19px;
 height:2px;
 border-radius:999px;
 background:var(--op-accent)
}

/* Cards com acabamento de precisão, sem exagero */
body[data-surface="office"] .content[data-page] .card{
 position:relative
}
body[data-surface="office"] .content[data-page]>.card,
body[data-surface="office"] .content[data-page] .grid>.card,
body[data-surface="office"] .content[data-page] .work-columns>.card,
body[data-surface="office"] .content[data-page] .work-side>.card{
 background:
  linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0) 60px),
  var(--op-card)!important
}
body[data-surface="office"] .content[data-page]>.card:before,
body[data-surface="office"] .content[data-page] .grid>.card:before{
 content:"";
 position:absolute;
 inset:0 18px auto;
 height:1px;
 background:linear-gradient(90deg,transparent,rgba(157,125,100,.20),transparent);
 pointer-events:none
}

/* Seções mais fáceis de escanear */
body[data-surface="office"] .content[data-page] .section-head{
 position:relative
}
body[data-surface="office"] .content[data-page] .section-head>div:first-child h2:before,
body[data-surface="office"] .content[data-page] .section-head>h2:first-child:before{
 content:"";
 display:inline-block;
 width:7px;
 height:7px;
 margin:0 8px 2px 0;
 border-radius:2px;
 background:#b4947b;
 box-shadow:0 0 0 4px rgba(180,148,123,.10)
}

/* Métricas: leitura instantânea */
body[data-surface="office"] .content[data-page] .metric,
body[data-surface="office"] .content[data-page] .order-summary,
body[data-surface="office"] .content[data-page] .notification-summary,
body[data-surface="office"] .content[data-page] .archive-kpi{
 position:relative;
 overflow:hidden;
 transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease
}
body[data-surface="office"] .content[data-page] .metric:after,
body[data-surface="office"] .content[data-page] .order-summary:after,
body[data-surface="office"] .content[data-page] .notification-summary:after,
body[data-surface="office"] .content[data-page] .archive-kpi:after{
 content:"";
 position:absolute;
 right:-22px;
 top:-30px;
 width:92px;
 height:92px;
 border:1px solid rgba(159,127,102,.10);
 border-radius:50%;
 pointer-events:none
}
body[data-surface="office"] .content[data-page] .metric:hover,
body[data-surface="office"] .content[data-page] .order-summary:hover,
body[data-surface="office"] .content[data-page] .notification-summary:hover,
body[data-surface="office"] .content[data-page] .archive-kpi:hover{
 transform:translateY(-2px);
 border-color:#cbb7a6!important;
 box-shadow:0 13px 30px rgba(51,43,37,.08)
}

/* Linhas e cards clicáveis mais ricos */
body[data-surface="office"] .content[data-page] .row,
body[data-surface="office"] .order-card-v2,
body[data-surface="office"] .notification-card-v2,
body[data-surface="office"] .finance-order{
 transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease
}
body[data-surface="office"] .content[data-page] .row:hover,
body[data-surface="office"] .order-card-v2:hover,
body[data-surface="office"] .notification-card-v2:hover,
body[data-surface="office"] .finance-order:hover{
 transform:translateY(-1px);
 border-color:#c7b09d!important;
 box-shadow:0 11px 26px rgba(48,40,34,.065)
}

/* Breadcrumb/topbar com acabamento mais nobre */
body[data-surface="office"] .topbar .actions:first-child{
 display:flex;
 align-items:center;
 gap:11px
}
body[data-surface="office"] .crumb{
 display:inline-flex;
 align-items:center;
 min-height:30px;
 padding:0 10px;
 border:1px solid rgba(173,153,136,.28);
 border-radius:999px;
 background:rgba(255,253,250,.52)
}
body[data-surface="office"] .top-actions{
 padding-left:13px;
 border-left:1px solid var(--op-line)
}

/* Botão primário recebe brilho mínimo de material */
body[data-surface="office"] .btn.primary{
 position:relative;
 overflow:hidden
}
body[data-surface="office"] .btn.primary:after{
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 45%);
 pointer-events:none
}

/* Inputs em repouso parecem mais acabados */
body[data-surface="office"] .input:hover,
body[data-surface="office"] .select:hover,
body[data-surface="office"] .textarea:hover{
 border-color:#c0ad9c!important
}

/* Tipografia secundária ganha presença sem aumentar ruído */
body[data-surface="office"] .content[data-page] p{
 text-wrap:pretty
}
body[data-surface="office"] .content[data-page] small{
 letter-spacing:.005em
}
body[data-surface="office"] .content[data-page] strong{
 letter-spacing:-.008em
}

/* Scrollbars coerentes com o produto */
body[data-surface="office"] *{
 scrollbar-width:thin;
 scrollbar-color:#b3a59a transparent
}
body[data-surface="office"] *::-webkit-scrollbar{width:8px;height:8px}
body[data-surface="office"] *::-webkit-scrollbar-track{background:transparent}
body[data-surface="office"] *::-webkit-scrollbar-thumb{
 background:#b3a59a;
 border:2px solid transparent;
 background-clip:padding-box;
 border-radius:999px
}

/* DARK V3 */
body[data-surface="office"][data-theme="dark"] .workspace{
 background:
  radial-gradient(circle at 92% 2%,rgba(181,145,115,.085),transparent 28rem),
  linear-gradient(180deg,#202224 0,#1d1f21 58%,#202224 100%)
}
body[data-surface="office"][data-theme="dark"] .workspace:before{
 border-color:rgba(199,166,139,.08);
 box-shadow:
  0 0 0 54px rgba(199,166,139,.018),
  0 0 0 108px rgba(199,166,139,.009)
}
body[data-surface="office"][data-theme="dark"] .content[data-page]>.page-head{
 background:
  linear-gradient(110deg,rgba(47,49,51,.98),rgba(40,42,44,.98)),
  #292b2d;
 border-color:#414346;
 box-shadow:0 18px 44px rgba(0,0,0,.16)
}
body[data-surface="office"][data-theme="dark"] .content[data-page]>.page-head:before{
 background:linear-gradient(180deg,#d0ad90,#8f6d55)
}
body[data-surface="office"][data-theme="dark"] .content[data-page]>.page-head:after{
 border-color:rgba(207,174,147,.09);
 box-shadow:0 0 0 30px rgba(207,174,147,.015)
}
body[data-surface="office"][data-theme="dark"] .content[data-page]>.card,
body[data-surface="office"][data-theme="dark"] .content[data-page] .grid>.card,
body[data-surface="office"][data-theme="dark"] .content[data-page] .work-columns>.card,
body[data-surface="office"][data-theme="dark"] .content[data-page] .work-side>.card{
 background:
  linear-gradient(180deg,rgba(255,255,255,.018),transparent 55px),
  #292b2d!important
}
body[data-surface="office"][data-theme="dark"] .content[data-page]>.card:before,
body[data-surface="office"][data-theme="dark"] .content[data-page] .grid>.card:before{
 background:linear-gradient(90deg,transparent,rgba(213,180,153,.12),transparent)
}
body[data-surface="office"][data-theme="dark"] .crumb{
 background:rgba(42,44,46,.68);
 border-color:#494b4d;
 color:#c9c1b9!important
}
body[data-surface="office"][data-theme="dark"] *{
 scrollbar-color:#67615c transparent
}
body[data-surface="office"][data-theme="dark"] *::-webkit-scrollbar-thumb{
 background:#67615c;
 border:2px solid transparent;
 background-clip:padding-box
}

/* Telas muito densas preservam espaço útil */
body[data-surface="office"] .content[data-page="archive"]>.page-head,
body[data-surface="office"] .content[data-page="finance"]>.page-head,
body[data-surface="office"] .content[data-page="orders"]>.page-head{
 min-height:112px
}

@media(max-width:900px){
 body[data-surface="office"] .content[data-page]>.page-head{
  min-height:0;
  padding:19px 18px!important;
  border-radius:15px
 }
 body[data-surface="office"] .content[data-page]>.page-head:after{
  width:130px;
  height:130px;
  right:-60px;
  top:-75px
 }
 body[data-surface="office"] .top-actions{
  padding-left:0;
  border-left:0
 }
 body[data-surface="office"] .crumb{
  padding:0;
  border:0;
  background:transparent
 }
}

/* ===== Visto final / relatório em foco — rolagem independente e robusta ===== */
body.report-focus-open{
 overflow:hidden!important;
 overscroll-behavior:none
}
body.report-focus-open .report-focus-shell{
 position:fixed!important;
 inset:0!important;
 z-index:1100;
 width:100vw!important;
 height:100dvh!important;
 min-height:0!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 overscroll-behavior-y:auto!important;
 overscroll-behavior-x:none;
 -webkit-overflow-scrolling:touch;
 touch-action:pan-y;
 scrollbar-gutter:stable;
 background:var(--op-bg,var(--canvas))
}
body.report-focus-open .report-focus-content{
 min-height:100%;
 width:100%;
 overflow:visible!important
}
body.report-focus-open .technical-report-card,
body.report-focus-open .technical-report-lux,
body.report-focus-open .report-lux-body,
body.report-focus-open .report-lux-section{
 overflow:visible
}
body.report-focus-open .rich-editor-wrap,
body.report-focus-open .rich-readonly-wrap{
 overflow:visible!important
}
body.report-focus-open .rich-editor-canvas{
 overflow:visible!important
}
body.report-focus-open .technical-table-wrap{
 max-width:100%;
 overflow-x:auto;
 overflow-y:visible
}
body.report-focus-open .report-detail-toolbar{
 position:sticky;
 top:10px;
 z-index:90;
 backdrop-filter:blur(14px);
 -webkit-backdrop-filter:blur(14px);
 box-shadow:0 8px 24px rgba(35,30,26,.08)
}
body[data-surface="office"][data-theme="dark"].report-focus-open .report-detail-toolbar{
 background:rgba(41,43,45,.94)
}
@media(max-width:720px){
 body.report-focus-open .report-detail-toolbar{
  top:6px
 }
}

/* ===== Segurança de rolagem — modais longos ===== */
body[data-surface="office"] dialog{
 overflow-y:auto!important;
 overflow-x:hidden;
 overscroll-behavior:contain;
 scrollbar-gutter:stable;
 -webkit-overflow-scrolling:touch;
 touch-action:pan-y
}
body[data-surface="office"] dialog .dialog-head{
 position:sticky;
 top:-26px;
 z-index:20;
 margin:-26px -26px 18px;
 padding:20px 26px 14px;
 border-bottom:1px solid var(--op-line);
 background:color-mix(in srgb,var(--op-card) 94%,transparent);
 -webkit-backdrop-filter:blur(12px);
 backdrop-filter:blur(12px)
}
body[data-surface="office"] dialog .dialog-foot{
 position:sticky;
 bottom:-26px;
 z-index:20;
 margin:20px -26px -26px;
 padding:14px 26px 20px;
 background:color-mix(in srgb,var(--op-card) 96%,transparent);
 -webkit-backdrop-filter:blur(12px);
 backdrop-filter:blur(12px)
}
@media(max-width:560px){
 body[data-surface="office"] dialog .dialog-head{
  top:-18px;
  margin:-18px -18px 14px;
  padding:16px 18px 12px
 }
 body[data-surface="office"] dialog .dialog-foot{
  bottom:-18px;
  margin:16px -18px -18px;
  padding:12px 18px 16px
 }
}

/* ===== Visto final — ADM revisa e assina, sem editar conteúdo técnico ===== */
body[data-surface="office"] .final-approval-readonly{
 display:flex;
 align-items:flex-start;
 justify-content:space-between;
 gap:20px;
 margin:18px 0 4px;
 padding:18px 20px;
 border:1px solid color-mix(in srgb,var(--op-accent) 28%,var(--op-line));
 border-left:4px solid var(--op-accent);
 border-radius:14px;
 background:linear-gradient(135deg,color-mix(in srgb,var(--op-soft) 82%,var(--op-card)),var(--op-card));
 box-shadow:0 10px 30px rgba(31,45,40,.06)
}
body[data-surface="office"] .final-approval-readonly>div{min-width:0}
body[data-surface="office"] .final-approval-readonly strong{
 display:block;
 margin:5px 0 5px;
 font-size:15px;
 letter-spacing:-.01em
}
body[data-surface="office"] .final-approval-readonly p{
 margin:0;
 color:var(--op-muted);
 font-size:12.5px;
 line-height:1.55
}
body[data-surface="office"] .final-approval-readonly small{
 display:block;
 margin-top:8px;
 color:var(--op-muted)
}
body[data-surface="office"] .final-approval-readonly>.badge{flex:0 0 auto}
body[data-surface="office"][data-theme="dark"] .final-approval-readonly{
 background:linear-gradient(135deg,#203b38,#1c2e35);
 border-color:#3f665e;
 border-left-color:#5caa98
}
@media(max-width:700px){
 body[data-surface="office"] .final-approval-readonly{flex-direction:column}
}
.ai-launcher{
 position:fixed;right:22px;bottom:22px;z-index:70;display:flex;align-items:center;gap:8px;
 border:1px solid color-mix(in srgb,var(--op-accent) 42%,var(--op-line));border-radius:999px;
 padding:11px 15px;background:var(--op-card);color:var(--op-text);box-shadow:0 14px 38px rgba(0,0,0,.16);
 font:700 13px/1 inherit;cursor:pointer
}
.ai-launcher span{font-size:18px}.ai-launcher:hover{transform:translateY(-1px)}
.ai-panel{display:grid;gap:14px;min-width:min(640px,78vw)}
.ai-status{font-size:12px;color:var(--op-muted)}
.ai-answer{padding:15px 16px;border:1px solid var(--op-line);border-radius:14px;background:var(--op-soft)}
.ai-answer strong{display:block;margin-bottom:6px}.ai-answer p{margin:0;line-height:1.55}
.ai-answer-actions,.ai-controls,.ai-examples{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ai-answer-actions{margin-top:12px}.ai-examples{margin:0 0 2px}
.ai-chip{border:1px solid var(--op-line);border-radius:999px;padding:8px 10px;background:var(--op-card);color:var(--op-text);cursor:pointer;font:600 12px/1.25 inherit}
.ai-chip:hover{border-color:var(--op-accent)}.ai-sound{margin-right:auto}
.ai-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.ai-review-grid section{padding:14px;border:1px solid var(--op-line);border-radius:14px;background:var(--op-soft)}
.ai-review-grid small{display:block;margin-bottom:8px;font-weight:800;letter-spacing:.05em}
.btn.ai-review{border-color:color-mix(in srgb,var(--op-accent) 42%,var(--op-line))}
body[data-theme="dark"] .ai-launcher{box-shadow:0 16px 42px rgba(0,0,0,.36)}
@media(max-width:700px){
 .ai-launcher{right:14px;bottom:76px;padding:10px 12px}
 .ai-panel{min-width:0;width:min(88vw,520px)}
 .ai-review-grid{grid-template-columns:1fr}
 .ai-controls .btn.primary{width:100%}
}


/* 2026-10-01 — responsividade ampla + modo campo simplificado */
html,body{max-width:100%;overflow-x:hidden}
.shell,.workspace,.content,.card,.row,.stack,.order-detail-layout,.order-detail-main,.order-detail-side,
.tech-shell,.tech-content,.tech-detail,.tech-section,.tech-order-hero,.technical-report-card,.report-lux-body,
.report-lux-section,.tech-report-form,.tech-report-main,.tech-report-group,.tech-report-group-body{min-width:0}
img,video,canvas,svg{max-width:100%;height:auto}
pre,.prewrap,.help,.subtitle,.notice,.row p,.row small,.tech-shell p,.tech-shell strong{overflow-wrap:anywhere;word-break:normal}
.tech-report-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.tech-report-main>.notice,.tech-report-main>.full{grid-column:1/-1}
.tech-report-group{margin-top:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.tech-report-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;list-style:none;cursor:pointer}
.tech-report-group>summary::-webkit-details-marker{display:none}
.tech-report-group>summary:after{content:'+';font-size:1.15rem;line-height:1;color:var(--muted)}
.tech-report-group[open]>summary:after{content:'–'}
.tech-report-group>summary span{font-size:.78rem;color:var(--muted);font-weight:500;text-align:right}
.tech-report-group-body{padding:0 14px 14px}
.tech-report-group-body>.technical-subsection:first-child{margin-top:0;padding-top:0;border-top:0}
.tech-report-save{width:100%;margin-top:14px}
.tech-submit-section{display:flex;align-items:center;justify-content:space-between;gap:16px}
.tech-submit-section p{margin:.25rem 0 0}
.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.technical-table{max-width:none}
.modal,.modal-body,.modal form{min-width:0;max-width:100%}
.modal-body{overflow-x:hidden}
.actions{flex-wrap:wrap}
.row>div,.section-head>div,.service-card-head>div,.report-lux-head>div{min-width:0}

@media(max-width:900px){
 .order-detail-layout{grid-template-columns:1fr!important}
 .report-lux-head,.report-lux-section-head,.tech-submit-section{align-items:flex-start;flex-direction:column}
 .report-lux-head-actions{width:100%}
 .report-lux-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .tech-report-main{grid-template-columns:1fr}
 .technical-report-card{width:100%;overflow:hidden}
 .report-lux-body{padding:12px!important}
}
@media(max-width:640px){
 .shell,.workspace,.content{width:100%;max-width:100vw}
 .content{padding-left:12px!important;padding-right:12px!important}
 .tech-shell{width:100%;max-width:100vw;padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important}
 .tech-content,.tech-detail,.tech-section,.tech-order-hero,.technical-report-stack,.technical-report-card{width:100%;max-width:100%}
 .tech-section,.tech-order-hero{padding:14px!important;border-radius:16px!important}
 .service-card-head,.section-head,.row,.report-lux-head,.report-lux-section-head,.tech-submit-section{align-items:stretch;flex-direction:column}
 .row>.actions,.section-head>.actions,.report-lux-head-actions,.tech-inline-actions,.tech-main-action{width:100%}
 .actions>.btn,.tech-main-action>.btn,.tech-submit-section>.btn,.technical-annex-form>.btn{width:100%;flex:1 1 100%}
 .report-lux-meta{grid-template-columns:1fr!important}
 .report-lux-meta>div{border-left:0!important;border-top:1px solid var(--line);padding:12px!important}
 .report-lux-meta>div:first-child{border-top:0!important}
 .report-lux-index{display:none}
 .report-lux-section{padding:14px!important}
 .tech-report-main{grid-template-columns:1fr}
 .tech-report-group>summary{align-items:flex-start}
 .tech-report-group>summary span{max-width:45%;font-size:.72rem}
 .guided-photo-grid{grid-template-columns:1fr!important}
 .guided-photo-card img{width:100%;height:auto!important;max-height:320px;object-fit:cover}
 .technical-table{min-width:620px}
 .table-scroll{margin-left:-4px;margin-right:-4px}
 .modal{width:min(100%,calc(100vw - 16px))!important;max-height:94dvh}
 .modal-body{padding:16px!important;overflow-y:auto}
 .modal-head,.modal-actions{padding:16px!important}
 .form-grid{grid-template-columns:1fr!important}
 fieldset{min-width:0}
 input,select,textarea{max-width:100%;width:100%}
}
@media(max-width:380px){
 .tech-shell{padding-left:8px!important;padding-right:8px!important}
 .tech-section,.tech-order-hero{padding:12px!important}
 .tech-bottomnav{width:calc(100% - 12px)!important}
 .tech-tab{font-size:.72rem!important;padding:9px 4px!important}
 .btn{width:100%}
}


/* ===== Organização visual 2026-10-01 / VPS8 ===== */
.content{display:flex;flex-direction:column;gap:0}
.page-head{background:#fffdfa;border:1px solid #e4ddd3;border-left:5px solid #a78c72;border-radius:18px;padding:22px 24px;margin-bottom:18px;align-items:center;box-shadow:0 4px 18px rgba(62,52,44,.035)}
.page-head h1{font-size:clamp(1.55rem,2.2vw,2rem);margin-bottom:6px}
.page-head .eyebrow{display:block;color:#8a715a;font-size:.7rem;font-weight:800;letter-spacing:.1em;margin-bottom:6px}
.card{border-radius:18px;background:#fffdfa;box-shadow:0 3px 14px rgba(62,52,44,.025)}
.section-head{padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid #eee8df}
.section-head h2{margin-bottom:3px}
.nav-group{margin:10px 0 16px}
.nav-group-label{display:block;padding:0 12px 7px;color:#a99d92;font-size:.65rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.nav{border-radius:10px;margin:2px 0;min-height:42px}
.nav.active{font-weight:750}
.metric{padding:18px;border-radius:16px!important}
.metric-label{font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#797168}
.metric-val{font-size:1.7rem;margin:8px 0 2px}
.row{transition:background-color .14s ease}
.card>.row:hover{background:#faf7f2}
.directory-search{max-width:460px}

/* Orçamentos: leitura rápida por status e próxima ação */
.quote-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}
.quote-board{padding:22px}
.quote-list{display:grid;gap:14px}
.quote-card{border:1px solid #e4ddd3;border-radius:16px;background:#fff;padding:18px 18px 16px;box-shadow:0 2px 8px rgba(62,52,44,.025);min-width:0}
.quote-card.is-cancelled{background:#faf8f5;opacity:.78}
.quote-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.quote-card-head small{display:block;color:#8a715a;font-size:.7rem;font-weight:850;letter-spacing:.09em;margin-bottom:5px}
.quote-card-head h3{font-size:1.1rem;margin:0 0 4px}
.quote-card-head p{margin:0;color:#756d65}
.quote-status{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:.75rem;font-weight:800;white-space:nowrap;border:1px solid transparent}
.quote-status.pending{background:#f3ead8;color:#755e35;border-color:#e6d8bb}
.quote-status.approved{background:#ece8df;color:#5f6757;border-color:#ddd8cd}
.quote-status.cancelled{background:#eee9e5;color:#766b63;border-color:#dfd7d1}
.quote-card-facts{display:grid;grid-template-columns:minmax(110px,.65fr) minmax(220px,1.7fr) minmax(120px,.7fr);gap:10px;margin:16px 0}
.quote-card-facts>div{background:#f7f3ee;border:1px solid #ebe4db;border-radius:12px;padding:11px 12px;min-width:0}
.quote-card-facts small{display:block;color:#857c73;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.quote-card-facts strong{display:block;font-size:.88rem;line-height:1.35;overflow-wrap:anywhere}
.quote-scope{margin:0;border-top:1px solid #eee8e0;border-bottom:1px solid #eee8e0;padding:10px 0}
.quote-scope summary{font-size:.82rem;font-weight:750;color:#6e6258}
.quote-scope p{margin:10px 0 0;color:#68615a;font-size:.88rem}
.quote-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding-top:14px}
.btn.danger-outline{border-color:#c9aaa2;color:#87594f;background:#fff}
.btn.danger-outline:hover{background:#f8eeeb;border-color:#b98e84}

/* Identificação de ações e fluxo */
.finance-order,.order-section-card,.client-list-row{border-radius:14px}
.finance-order-head,.finance-order-foot{gap:14px}
.authorization-note,.delivery-state,.receipt-history{border-radius:12px}
.notice strong{display:block;margin-bottom:3px}
.notice span{display:block;line-height:1.45}

@media(max-width:900px){
 .quote-card-facts{grid-template-columns:1fr 1fr}
 .quote-card-facts>div:nth-child(2){grid-column:1/-1;grid-row:2}
}
@media(max-width:640px){
 .page-head{padding:18px;border-radius:14px;align-items:stretch}
 .page-head>.actions,.page-head>.actions .btn{width:100%}
 .quote-metrics{grid-template-columns:1fr}
 .quote-board{padding:14px}
 .quote-card{padding:14px}
 .quote-card-head{flex-direction:column}
 .quote-card-facts{grid-template-columns:1fr}
 .quote-card-facts>div:nth-child(2){grid-column:auto;grid-row:auto}
 .quote-card-actions{align-items:stretch;flex-direction:column}
 .quote-card-actions .btn{width:100%}
 .directory-search{max-width:none}
}

body[data-surface="office"] .content[data-page="finance"] .fiscal-preflight{
 margin:0 0 14px;
 padding:14px 15px;
 border:1px solid var(--op-line);
 border-radius:12px;
 background:var(--op-soft)
}
body[data-surface="office"] .content[data-page="finance"] .fiscal-preflight>.row{
 margin:0;
 padding:10px 0;
 border:0;
 border-top:1px solid var(--op-line);
 border-radius:0;
 background:transparent
}
body[data-surface="office"] .content[data-page="finance"] .fiscal-preflight>.row:first-of-type{
 border-top:0
}

.actions.left-start{
 justify-content:flex-start!important
}


/* ===== UI cliente final 2026-10-02 — legibilidade + organização ===== */
body[data-surface="office"]{
 --op-text:#252525;
 --op-muted:#5e5954;
 --op-accent:#705640;
 --op-line:#d8d2cc;
 --op-soft:#f2ece6;
 font-size:15px;
 line-height:1.52
}
body[data-surface="office"] .content{max-width:1500px}
body[data-surface="office"] .subtitle,
body[data-surface="office"] .help,
body[data-surface="office"] .row p{font-size:13.5px;line-height:1.58;color:var(--op-muted)}
body[data-surface="office"] small{font-size:12.5px;line-height:1.5;color:var(--op-muted)}
body[data-surface="office"] .field{font-size:13px}
body[data-surface="office"] .btn{font-size:13px;min-height:38px}
body[data-surface="office"] .btn.tiny{font-size:12.5px}
body[data-surface="office"] .crumb{font-size:13px;color:var(--op-muted)}
body[data-surface="office"] .eyebrow{font-size:11px;color:#705640;letter-spacing:.12em}
body[data-surface="office"] .metric-label{font-size:13px;color:var(--op-muted)}
body[data-surface="office"] .metric-note{font-size:12.5px;color:var(--op-muted)}
body[data-surface="office"] .nav{font-size:13.5px;min-height:42px}
body[data-surface="office"] .nav-group-label{font-size:10.5px;color:#d5bca7}
body[data-surface="office"] .brand small{font-size:10px;color:#d0c3b8}
body[data-surface="office"] .sidebar-foot{font-size:12px;color:#c2bbb4}
body[data-surface="office"] .sidebar-foot strong{font-size:13.5px}
body[data-surface="office"] .badge{font-size:12px;padding:6px 9px}
body[data-surface="office"] .badge.green{background:#eee6de;color:#5d493a;border:1px solid #dac9ba}
body[data-surface="office"] .badge.blue{background:#ece9e5;color:#514c47;border:1px solid #d7d1ca}
body[data-surface="office"] .badge.amber{background:#f3eadb;color:#6d542d;border:1px solid #e2d2b5}
body[data-surface="office"] .notice{font-size:13.5px;line-height:1.55}
body[data-surface="office"] .notice strong,
body[data-surface="office"] .notice span{display:block}
body[data-surface="office"] .notice strong{margin-bottom:4px}
body[data-surface="office"] .settings-overview-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:18px;
 margin:0 0 20px
}
body[data-surface="office"] .settings-card{
 margin:0;
 min-height:220px;
 padding:22px
}
body[data-surface="office"] .settings-card>.section-head{align-items:flex-start}
body[data-surface="office"] .settings-card>.section-head>div:first-child{
 display:flex;
 align-items:flex-start;
 gap:12px
}
body[data-surface="office"] .settings-card h2{margin:2px 0 4px}
body[data-surface="office"] .settings-card .subtitle{margin:0}
body[data-surface="office"] .settings-icon{
 display:grid;
 place-items:center;
 flex:0 0 42px;
 width:42px;
 height:42px;
 border-radius:12px;
 background:#efe6de;
 color:#5e4939;
 font-size:14px;
 font-weight:800
}
body[data-surface="office"] .client-details{overflow:hidden}
body[data-surface="office"] .client-details>summary{
 list-style:none;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 font-size:14px;
 font-weight:700;
 color:var(--op-text);
 cursor:pointer
}
body[data-surface="office"] .client-details>summary::-webkit-details-marker{display:none}
body[data-surface="office"] .client-details>summary:after{
 content:"›";
 color:var(--op-muted);
 font-size:20px;
 line-height:1;
 transition:transform .15s ease
}
body[data-surface="office"] .client-details[open]>summary:after{transform:rotate(90deg)}
body[data-surface="office"] .settings-details-body{padding-top:16px;margin-top:14px;border-top:1px solid var(--op-line)}
body[data-surface="office"] .client-facing-settings{
 margin-top:14px;
 padding-top:4px
}
body[data-surface="office"] .client-facing-settings .row{padding:14px 0}

body[data-surface="office"][data-theme="dark"]{
 --op-text:#f5f3f0;
 --op-muted:#cbc4bd;
 --op-accent:#d2b59d;
 --op-line:#4a4b4d;
 --op-soft:#37322f
}
body[data-surface="office"][data-theme="dark"] .eyebrow{color:#d8bda6}
body[data-surface="office"][data-theme="dark"] .nav-group-label{color:#e0c5ae}
body[data-surface="office"][data-theme="dark"] .brand small{color:#d5c8bd}
body[data-surface="office"][data-theme="dark"] .badge.green{background:#453b34;color:#f1dfd0;border-color:#665548}
body[data-surface="office"][data-theme="dark"] .badge.blue{background:#38393b;color:#e5e1dd;border-color:#505255}
body[data-surface="office"][data-theme="dark"] .badge.amber{background:#4a4031;color:#f4dfb7;border-color:#66583e}
body[data-surface="office"][data-theme="dark"] .settings-icon{background:#403730;color:#e8d2bf}

@media(max-width:950px){
 body[data-surface="office"] .settings-overview-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
 body[data-surface="office"]{font-size:14.5px}
 body[data-surface="office"] .subtitle,
 body[data-surface="office"] .help,
 body[data-surface="office"] .row p{font-size:13px}
 body[data-surface="office"] small{font-size:12px}
 body[data-surface="office"] .settings-card{min-height:0;padding:18px}
}