:root{
  --ink:#12151C; --ink-soft:#525A68; --ink-faint:#8991A0;
  --paper:#F3F4F7; --surface:#FFFFFF; --surface-2:#ECEEF2; --line:#E1E4EA;
  --brand:#8A6A1F; --brand-soft:#F7EFD9; --brand-line:#D8BD7C;
  --urgent:#D8262C; --urgent-bg:#FDEDED; --urgent-line:#F5C3C4;
  --warn:#B4740E; --warn-bg:#FBF0DC; --warn-line:#EBCD91;
  --calm:#12875A; --calm-bg:#E4F5ED; --calm-line:#A9DEC6;
  --muted:#5D6472; --muted-bg:#EEF0F3; --muted-line:#DBDFE6;
  --info:#2A5DB0; --info-bg:#E7EEFB; --info-line:#B9CBEF;
  --shadow: 0 1px 2px rgba(15,18,24,.06), 0 1px 1px rgba(15,18,24,.04);
  --shadow-lg: 0 8px 24px rgba(15,18,24,.10), 0 2px 6px rgba(15,18,24,.06);
  --focus:#7A5B15;
  --wm-opacity:.045;
  --av1:#8A6A1F; --av2:#7A3B63; --av3:#1F6E82; --av4:#A6491F; --av5:#127048; --av6:#4C3F9C;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ink:#F3EEE3; --ink-soft:#B5AC9A; --ink-faint:#8F8676;
    --paper:#100E0B; --surface:#17150F; --surface-2:#1E1B14; --line:#2E2A21;
    --brand:#D9B96B; --brand-soft:#2A2314; --brand-line:#5E4C24;
    --urgent:#EA9C9C; --urgent-bg:#2A1716; --urgent-line:#5A2B2A;
    --warn:#E3B266; --warn-bg:#312512; --warn-line:#5A4623;
    --calm:#7CC49A; --calm-bg:#13271C; --calm-line:#2A4D38;
    --muted:#A69D8C; --muted-bg:#1C1A15; --muted-line:#34302A;
    --info:#9EC3E6; --info-bg:#142131; --info-line:#2C4460;
    --shadow: 0 1px 2px rgba(0,0,0,.5);
    --shadow-lg: 0 10px 28px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.3);
    --focus:#E3C47F;
    --wm-opacity:.08;
    --av1:#D9B65C; --av2:#CB90AE; --av3:#7BC0D2; --av4:#DC9A73; --av5:#79CBA0; --av6:#A79AE0;
  }
}
:root[data-theme="dark"]{
  --ink:#F3EEE3; --ink-soft:#B5AC9A; --ink-faint:#8F8676;
  --paper:#100E0B; --surface:#17150F; --surface-2:#1E1B14; --line:#2E2A21;
  --brand:#D9B96B; --brand-soft:#2A2314; --brand-line:#5E4C24;
  --urgent:#EA9C9C; --urgent-bg:#2A1716; --urgent-line:#5A2B2A;
  --warn:#E3B266; --warn-bg:#312512; --warn-line:#5A4623;
  --calm:#7CC49A; --calm-bg:#13271C; --calm-line:#2A4D38;
  --muted:#A69D8C; --muted-bg:#1C1A15; --muted-line:#34302A;
  --info:#9EC3E6; --info-bg:#142131; --info-line:#2C4460;
  --shadow: 0 1px 2px rgba(0,0,0,.5);
  --shadow-lg: 0 10px 28px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.3);
  --focus:#E3C47F;
  --wm-opacity:.08;
  --av1:#D9B65C; --av2:#CB90AE; --av3:#7BC0D2; --av4:#DC9A73; --av5:#79CBA0; --av6:#A79AE0;
}
*{box-sizing:border-box;}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size:15px; line-height:1.5; -webkit-font-smoothing:antialiased;
}
.mono{font-family:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace; font-variant-numeric:tabular-nums;}
h1,h2,h3{font-family:"Geist", ui-sans-serif, system-ui, sans-serif; font-weight:700; text-wrap:balance; margin:0; letter-spacing:-.01em;}
a{color:var(--brand);}
.wrap{max-width:1600px; margin:0 auto; padding:20px clamp(16px,3vw,56px) 64px;}

header.top{padding-top:6px; margin-bottom:18px; display:flex; align-items:center; gap:14px; position:relative; overflow:hidden;}
.brand-mark{width:52px; height:52px; flex:none; border-radius:13px; box-shadow:var(--shadow); background:var(--surface); padding:8px; border:1px solid var(--line); position:relative; z-index:1;}
.brand-mark img{width:100%; height:100%; object-fit:contain; display:block;}
header.top .head-text{min-width:0; position:relative; z-index:1;}
.header-wm{position:absolute; right:-22px; top:-38px; width:190px; height:190px; opacity:var(--wm-opacity); pointer-events:none; z-index:0;}
.eyebrow{display:inline-flex; align-items:center; gap:6px; font-family:"Geist Mono", monospace; font-size:10.5px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:var(--brand); background:var(--brand-soft); border:1px solid var(--brand-line); padding:2px 9px 2px 7px; border-radius:999px;}
.eyebrow::before{content:""; width:5px; height:5px; border-radius:50%; background:var(--brand); flex:none;}
h1.title{font-family:"Geist", "Geist", ui-sans-serif, sans-serif; font-size:27px; font-weight:700; letter-spacing:-.015em; color:var(--ink); margin-top:7px;}
.subtitle{color:var(--ink-soft); font-size:13.5px; margin-top:6px; max-width:52ch;}

.chips{display:flex; gap:8px; flex-wrap:wrap; margin-top:16px;}
.chip{display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; font-size:12.5px; font-weight:600; border:1px solid var(--line); background:var(--surface); color:var(--ink-soft);}
.chip strong{font-family:"Geist Mono",monospace; color:var(--ink); font-weight:600;}
.chip.c-urgent{border-color:var(--urgent-line); background:var(--urgent-bg); color:var(--urgent);}
.chip.c-urgent strong{color:var(--urgent);}
.chip.c-warn{border-color:var(--warn-line); background:var(--warn-bg); color:var(--warn);}
.chip.c-warn strong{color:var(--warn);}

.identity{
  margin-top:18px; display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:10px 12px; box-shadow:var(--shadow);
}
.identity label{font-size:13px; color:var(--ink-soft); white-space:nowrap;}
.identity input[type="text"]{
  flex:1; min-width:120px; border:1px solid var(--line); border-radius:7px; padding:7px 9px;
  font-family:inherit; font-size:13.5px; background:var(--surface-2); color:var(--ink);
}
.identity input[type="text"]:focus{outline:2px solid var(--focus); outline-offset:1px;}
.identity button{
  border:1px solid var(--brand-line); background:var(--brand-soft); color:var(--brand);
  border-radius:7px; padding:7px 12px; font-size:13px; font-weight:600; cursor:pointer; font-family:inherit;
}
.identity button:focus-visible{outline:2px solid var(--focus); outline-offset:1px;}
.sync-pill{font-size:11.5px; color:var(--ink-faint); margin-left:auto;}
details.team-tip{margin-top:14px; background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:10px 14px;}
details.team-tip summary{cursor:pointer; list-style:none; display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--ink-soft);}
details.team-tip summary::-webkit-details-marker{display:none;}
details.team-tip summary .chevron{width:8px; height:8px; border-right:2px solid var(--ink-faint); border-bottom:2px solid var(--ink-faint); transform:rotate(-45deg); transition:transform .15s ease; flex:none;}
details.team-tip[open] summary .chevron{transform:rotate(45deg);}
.team-tip-body{margin-top:10px; font-size:13px; color:var(--ink-soft); display:flex; flex-direction:column; gap:7px; max-width:70ch;}
.team-tip-body b{color:var(--ink);}

.app-shell{margin-top:20px;}
.tabs{display:flex; gap:6px; border-bottom:1px solid var(--line); overflow-x:auto; -webkit-overflow-scrolling:touch; flex-wrap:nowrap;}
.tabs .tab-btn{flex:none;}
.tab-btn{
  display:inline-flex; align-items:center; gap:7px;
  font-family:"Geist",sans-serif; font-style:normal; font-weight:600; font-size:13.5px;
  background:none; border:none; padding:9px 4px 10px; color:var(--ink-faint); cursor:pointer;
  border-bottom:2px solid transparent; margin-bottom:-1px; white-space:nowrap;
}
.tab-btn svg{width:15px; height:15px; flex:none; opacity:.8;}
.tab-btn.active{color:var(--ink); border-bottom-color:var(--brand);}
.tab-btn.active svg{opacity:1; color:var(--brand);}
.tab-btn:hover{color:var(--ink);}
.tab-btn:focus-visible{outline:2px solid var(--focus); outline-offset:2px;}
.tab-panel{display:none;}
.tab-panel.active{display:block;}
@media (min-width:860px){
  .app-shell{display:flex; align-items:flex-start; gap:28px;}
  .tabs{
    flex-direction:column; gap:1px; border-bottom:none; overflow:visible; flex-wrap:wrap;
    width:200px; flex:none; position:sticky; top:20px;
  }
  .tab-btn{
    justify-content:flex-start; padding:9px 11px; border-radius:8px; border-bottom:none; margin-bottom:0;
  }
  .tab-btn.active{background:var(--brand-soft); color:var(--brand); border-bottom-color:transparent;}
  .main-col{flex:1; min-width:0; padding-left:28px; border-left:1px solid var(--line);}
}
@media (max-width:859px){
  .main-col{margin-top:16px;}
}

.search{margin-top:14px;}
.search input{
  width:100%; border:1px solid var(--line); border-radius:9px; padding:9px 12px; font-size:14px;
  font-family:inherit; background:var(--surface); color:var(--ink);
}
.search input:focus{outline:2px solid var(--focus); outline-offset:1px;}

.subtabs{display:flex; flex-wrap:wrap; gap:6px; margin-top:12px;}
.subtab-btn{
  font-family:"Geist",sans-serif; font-size:12.5px; font-weight:600; padding:6px 11px;
  border-radius:999px; border:1px solid var(--line); background:var(--surface); color:var(--ink-soft); cursor:pointer;
}
.subtab-btn:focus-visible{outline:2px solid var(--focus); outline-offset:1px;}
.subtab-btn.active{background:var(--brand-soft); border-color:var(--brand-line); color:var(--brand);}
.subtab-btn .count{font-family:"Geist Mono",monospace; margin-left:3px; opacity:.75;}

section.group{margin-top:24px;}
.group-head{display:flex; align-items:baseline; gap:8px; margin-bottom:10px;}
.group-head h2{font-size:14.5px; font-weight:700; letter-spacing:-.005em; color:var(--ink);}
.group-count{font-family:"Geist Mono",monospace; font-size:12px; color:var(--ink-faint);}
.group-dot{width:8px; height:8px; border-radius:50%; flex:none;}
.group-dot.g-urgente{background:var(--urgent);}
.group-dot.g-proximo{background:var(--warn);}
.group-dot.g-tranquilo{background:var(--calm);}
.group-dot.g-concluido{background:var(--muted);}

.items{display:grid; grid-template-columns:repeat(auto-fill, minmax(360px,1fr)); gap:10px; align-items:start;}

.item{
  display:flex; gap:0; background:var(--surface); border:1px solid var(--line); border-radius:10px;
  overflow:hidden; box-shadow:var(--shadow); transition:box-shadow .15s ease;
}
.item:hover{box-shadow:var(--shadow-lg);}
.item-bar{width:4px; flex:none;}
.sev-urgente .item-bar{background:var(--urgent);}
.sev-proximo .item-bar{background:var(--warn);}
.sev-tranquilo .item-bar{background:var(--calm);}
.sev-concluido .item-bar{background:var(--muted);}
.item-main{padding:12px 14px; flex:1; min-width:0;}

.item-top{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:4px;}
.item-type{display:inline-flex; align-items:center; gap:5px; font-family:"Geist Mono",monospace; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft);}
.item-type svg{width:13px; height:13px; flex:none;}
.tag{font-size:10.5px; font-weight:600; letter-spacing:.03em; padding:2px 7px; border-radius:5px; display:inline-flex; align-items:center; gap:4px;}
.tag-lock{background:var(--muted-bg); color:var(--muted); border:1px solid var(--muted-line);}
.tag-lock svg{width:10px; height:10px;}
.tag-acc{background:var(--warn-bg); color:var(--warn); border:1px solid var(--warn-line);}

.item-title{font-size:15.5px; font-weight:600; color:var(--ink); margin-bottom:3px;}
.item-meta{margin:0 0 2px; font-size:13px; color:var(--ink-soft); display:flex; align-items:center; gap:6px; flex-wrap:wrap;}
.item-when{margin:0 0 2px; font-size:13px; color:var(--ink);}
.item-perito{margin:2px 0 0; font-size:12.5px; color:var(--ink-soft); font-style:italic;}
.item-obs{margin:6px 0 0; font-size:12.5px; color:var(--ink-soft); border-left:2px solid var(--line); padding-left:8px;}

.item-actions{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; flex-wrap:wrap;}
.badge{font-family:"Geist Mono",monospace; font-size:11.5px; font-weight:600; padding:3px 9px; border-radius:999px; border:1px solid;}
.badge-urgente{color:var(--urgent); background:var(--urgent-bg); border-color:var(--urgent-line);}
.badge-proximo{color:var(--warn); background:var(--warn-bg); border-color:var(--warn-line);}
.badge-tranquilo{color:var(--calm); background:var(--calm-bg); border-color:var(--calm-line);}
.badge-concluido{color:var(--muted); background:var(--muted-bg); border-color:var(--muted-line);}

.avisado-toggle{display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--ink-soft); cursor:pointer; user-select:none;}
.avisado-toggle input{width:15px; height:15px; accent-color:var(--brand); cursor:pointer;}
.avisado-toggle input:focus-visible{outline:2px solid var(--focus); outline-offset:2px;}
.avisado-toggle.is-on{color:var(--calm); font-weight:600;}

.status-select{
  font-family:"Geist Mono",monospace; font-size:11px; font-weight:600; border-radius:999px; padding:3px 8px;
  border:1px solid var(--line); background:var(--surface); color:var(--ink-soft); cursor:pointer;
}
.status-select:focus-visible{outline:2px solid var(--focus); outline-offset:1px;}

.btn-icon-del{
  border:1px solid var(--line); background:transparent; color:var(--ink-faint); border-radius:7px;
  width:26px; height:26px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer;
  font-size:13px; line-height:1; margin-left:auto;
}
.btn-icon-del:hover{color:var(--urgent); border-color:var(--urgent-line); background:var(--urgent-bg);}
.btn-icon-del:focus-visible{outline:2px solid var(--focus); outline-offset:1px;}

.tag-info{background:var(--brand-soft); color:var(--brand); border:1px solid var(--brand-line);}
.tag-money{background:var(--calm-bg); color:var(--calm); border:1px solid var(--calm-line);}
.tag-calm{background:var(--calm-bg); color:var(--calm); border:1px solid var(--calm-line);}
.ag-head{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:14px 0 10px;}
.ag-head h2{margin-right:auto;}
.ag-nav{display:flex; gap:6px; align-items:center;}
.ag-periodo{font-weight:700; min-width:170px; text-align:center;}
.ag-seg{display:inline-flex; border:1px solid var(--line); border-radius:9px; overflow:hidden;}
.ag-seg button{background:transparent; border:0; padding:6px 12px; color:var(--ink-soft); font:inherit; font-size:13px; cursor:pointer;}
.ag-seg button.on{background:var(--brand-soft); color:var(--brand); font-weight:700;}
.ag-leg{display:flex; flex-wrap:wrap; gap:6px 12px; font-size:12px; color:var(--ink-soft); margin:0 0 10px;}
.ag-leg i{display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:5px; vertical-align:-1px;}
.ag-sem{display:grid; grid-template-columns:62px repeat(5, minmax(0,1fr)); border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--surface);}
.ag-sem .h{padding:8px 6px; font-size:12.5px; font-weight:700; text-align:center; border-bottom:1px solid var(--line); background:var(--surface-2);}
.ag-sem .h.hoje{color:var(--brand);}
.ag-sem .t{font:500 11.5px "Geist Mono",monospace; color:var(--ink-faint); padding:4px 6px; border-top:1px solid var(--line); text-align:right;}
.ag-sem .c{border-top:1px solid var(--line); border-left:1px solid var(--line); min-height:34px; padding:2px; cursor:pointer;}
.ag-sem .c:hover{background:var(--surface-2);}
.ag-sem .t.fora{color:var(--ink-faint); opacity:.7;}
.ag-sem .c.fora{background:repeating-linear-gradient(45deg,transparent 0 7px,rgba(255,255,255,.025) 7px 14px);}
.ag-est{display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--ink-soft); margin:0 0 8px; cursor:pointer;}
.ag-est input{width:auto; margin:0;}
.ag-sem .int{grid-column:1 / -1; background:repeating-linear-gradient(45deg,var(--surface-2) 0 6px,transparent 6px 12px); color:var(--ink-faint); font-size:11.5px; text-align:center; padding:5px; border-top:1px solid var(--line);}
.ag-ev{display:block; width:100%; text-align:left; border:0; border-left:4px solid var(--c); background:color-mix(in srgb, var(--c) 18%, transparent); color:var(--ink); border-radius:6px; padding:3px 6px; margin:1px 0; font:inherit; font-size:12px; line-height:1.3; cursor:pointer; overflow:hidden;}
.ag-ev b{font-weight:700;}
.ag-mes{display:grid; grid-template-columns:repeat(7, minmax(0,1fr)); border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--surface);}
.ag-mes .h{padding:6px; font-size:12px; font-weight:700; text-align:center; background:var(--surface-2);}
.ag-mes .d{min-height:92px; border-top:1px solid var(--line); border-left:1px solid var(--line); padding:4px; cursor:pointer;}
.ag-mes .d.fora{opacity:.45;}
.ag-mes .d.fds{background:var(--surface-2);}
.ag-mes .n{font:600 12px "Geist Mono",monospace; color:var(--ink-soft);}
.ag-mes .d.hoje .n{color:var(--brand);}
.ag-lista{display:none;}
.ag-lista h4{margin:14px 0 6px; font-size:13px; color:var(--ink-soft);}
@media (max-width:760px){ .ag-sem, .ag-mes{display:none;} .ag-lista{display:block;} }
.ag-det{margin-top:12px;}
.ag-det pre{white-space:pre-wrap; font:inherit; font-size:14px; background:var(--surface-2); border:1px solid var(--line); border-radius:10px; padding:12px; margin:8px 0;}
.rd-box textarea{width:100%; min-height:180px;}
.pst-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:10px;}
@media (max-width:760px){ .pst-grid{grid-template-columns:1fr;} }
.pst-box{background:var(--surface-2); border:1px solid var(--line); border-radius:10px; padding:12px 14px; font-size:14px; line-height:1.55; white-space:pre-line;}
.pst-tec{border-left:3px solid var(--info);}
.pst-box textarea{width:100%; min-height:130px; background:transparent; border:0; padding:0; font:inherit; color:inherit; resize:vertical;}
.pst-simples{border-left:3px solid var(--calm); white-space:normal;}
.pst-rot{font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); margin:0 0 6px;}
.pst-aviso{margin-top:10px; padding:9px 12px; border-radius:9px; background:var(--warn-bg); color:var(--warn); border:1px solid var(--warn-line); font-size:13.5px;}
.pst-novo{background:var(--brand-soft); color:var(--brand); border:1px solid var(--brand-line); border-radius:999px; font-size:11.5px; font-weight:700; padding:2px 9px; margin-left:6px;}
.pst-an{padding:10px 0; border-top:1px solid var(--line);}
.pst-an:first-child{border-top:0;}
.pst-an .mov-d{font-size:12.5px; color:var(--ink-faint); margin-right:6px;}
.pst-an p{margin:4px 0 0; font-size:13.5px;}
.pst-an .pst-an-simples{color:var(--ink-soft);}
.pst-an label{display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--ink-soft); margin-top:6px; cursor:pointer;}
.pst-an label input{width:auto; margin:0;}
.hon-auto-note{font-size:12px; color:var(--muted,#6b7280); margin-top:4px;}
.drive-row{display:flex; gap:8px; align-items:center; flex-wrap:wrap;}
.drive-row input{flex:1 1 260px !important; min-width:0;}
.drive-ok{font-size:12px; margin-top:4px;}
.timeline{display:flex; flex-direction:column; gap:10px; margin-top:14px;}
.mov-item{background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:12px 14px; box-shadow:var(--shadow);}
.mov-top{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.mov-date{font-size:12.5px; color:var(--ink-soft); margin-left:auto;}
.mov-desc{font-size:13.5px; color:var(--ink); margin-top:6px;}
.mov-actions{margin-top:8px;}
.mov-foot{font-size:11.5px; color:var(--ink-faint); margin-top:8px;}

.doc-status{font-family:"Geist Mono",monospace; font-size:11px; font-weight:600; padding:3px 9px; border-radius:999px; border:1px solid; display:inline-block;}
.doc-status.st-pendente{color:var(--warn); background:var(--warn-bg); border-color:var(--warn-line);}
.doc-status.st-gerado{color:var(--calm); background:var(--calm-bg); border-color:var(--calm-line);}
.doc-status.st-incompleto{color:var(--urgent); background:var(--urgent-bg); border-color:var(--urgent-line);}
.doc-status.st-concluida{color:var(--muted); background:var(--muted-bg); border-color:var(--muted-line);}
.doc-status.st-ia{color:var(--info); background:var(--info-bg); border-color:var(--info-line); margin-left:6px;}
.docs-card{background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:13px 14px; box-shadow:var(--shadow);}
.docs-card .row1{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;}
.docs-card .name{font-size:15px; font-weight:600; color:var(--ink);}
.docs-note{font-size:12.5px; color:var(--ink-soft); margin-top:6px; border-left:2px solid var(--line); padding-left:8px;}
.docs-downloads{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px;}

.client-pecas{margin-top:12px; padding-top:12px; border-top:1px dashed var(--line);}
.client-pecas-head{display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap;}
.client-pecas-head h4{font-size:12.5px; font-weight:600; color:var(--ink-soft); letter-spacing:.02em; text-transform:uppercase; font-family:"Geist Mono",monospace;}
.peca-item{margin-top:8px; padding:9px 10px; background:var(--surface-2); border:1px solid var(--line); border-radius:8px;}
.peca-item .row1{display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap;}
.peca-tipo{font-size:13px; font-weight:600; color:var(--ink);}
.peca-meta{font-size:11.5px; color:var(--ink-soft); margin-top:3px;}
.peca-obs{font-size:12px; color:var(--ink-soft); margin-top:5px; border-left:2px solid var(--line); padding-left:7px;}
.peca-observacao-input{
  width:100%; border:1px solid var(--line); border-radius:7px; padding:7px 9px; font-family:inherit;
  font-size:12.5px; background:var(--surface); color:var(--ink); resize:vertical; min-height:44px;
}
.peca-observacao-input:focus{outline:2px solid var(--focus); outline-offset:1px;}
.peca-form{margin-top:10px; background:var(--surface-2); border:1px dashed var(--line); border-radius:8px; padding:11px;}

details.group{margin-top:24px;}
details.group summary{cursor:pointer; list-style:none; display:flex; align-items:center; gap:8px;}
details.group summary::-webkit-details-marker{display:none;}
details.group summary .chevron{width:9px; height:9px; border-right:2px solid var(--ink-faint); border-bottom:2px solid var(--ink-faint); transform:rotate(-45deg); transition:transform .15s ease; flex:none;}
details.group[open] summary .chevron{transform:rotate(45deg);}

.empty-note{color:var(--ink-faint); font-size:13.5px; padding:14px 0;}

.avatar{
  display:inline-flex; align-items:center; justify-content:center; flex:none;
  width:22px; height:22px; border-radius:50%; font-family:"Geist Mono",monospace;
  font-size:9.5px; font-weight:600; color:#fff; letter-spacing:.02em;
}
.avatar.lg{width:44px; height:44px; font-size:16px; border-radius:12px;}

.clients-toolbar{display:flex; justify-content:space-between; align-items:center; margin-top:20px; gap:10px;}
.clients-toolbar h2{font-size:14.5px; font-weight:700; letter-spacing:-.005em;}
.btn{
  font-family:"Geist",sans-serif; font-weight:600; font-size:13px; border-radius:8px; padding:8px 14px;
  cursor:pointer; border:1px solid var(--brand); background:var(--brand); color:#FFF;
  transition:filter .12s ease, transform .06s ease;
}
.btn:hover{filter:brightness(1.08);}
.btn:active{transform:translateY(1px);}
.btn:focus-visible{outline:2px solid var(--focus); outline-offset:2px;}
.btn-ghost{background:var(--surface); border-color:var(--line); color:var(--ink-soft);}
.btn-ghost:hover{background:var(--surface-2); color:var(--ink); filter:none;}
.btn-sm{padding:5px 10px; font-size:12px;}

.client-card{
  display:flex; gap:12px; background:var(--surface); border:1px solid var(--line); border-radius:10px;
  padding:13px 14px; box-shadow:var(--shadow); transition:box-shadow .15s ease, border-color .15s ease;
}
.client-card:hover{box-shadow:var(--shadow-lg); border-color:var(--brand-line);}
.client-card .body{flex:1; min-width:0;}
.client-name{font-size:15.5px; font-weight:600; color:var(--ink);}
.client-sub{font-size:12.5px; color:var(--ink-soft); margin-top:2px;}
.client-facts{display:flex; flex-wrap:wrap; gap:x; font-size:12px; color:var(--ink-soft); margin-top:6px; gap:4px 12px;}
.client-facts span{display:inline-flex; gap:4px;}
.client-facts b{color:var(--ink); font-weight:600;}
.client-actions{display:flex; gap:8px; margin-top:10px; flex-wrap:wrap;}
.client-empty-tag{color:var(--ink-faint); font-style:italic;}


.cbv-docs-links{display:grid; gap:8px; margin-top:6px;}
.cbv-docs-links .btn{justify-content:center; text-align:center; text-decoration:none;}
.imp-tab td{font-size:12.5px;} .imp-tab small{font-size:11.5px;}

/* Pizza */
.pd-modo{display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin:4px 0 8px; font-size:13px; color:var(--ink-soft);}
.pz-wrap{display:flex; align-items:center; gap:18px; flex-wrap:wrap; padding:6px 0;}
.pz-svg{width:180px; height:180px; flex:none;}
.pz-svg path, .pz-svg circle{transition:opacity .15s;} .pz-svg path:hover{opacity:.8;}
.pz-num{font-family:"Geist Mono",monospace; font-size:22px; font-weight:700; fill:var(--ink);}
.pz-lbl{font-size:10px; fill:var(--ink-soft); text-transform:uppercase; letter-spacing:.06em;}
.pz-leg{list-style:none; margin:0; padding:0; flex:1; min-width:200px; display:grid; gap:6px;}
.pz-leg li{display:flex; align-items:center; gap:8px; font-size:13px;}
.pz-leg i{width:12px; height:12px; border-radius:3px; flex:none;}
.pz-leg span{flex:1; min-width:0;}
.pz-leg b{font-size:12px; color:var(--ink-soft); white-space:nowrap;}
@media (max-width:859px){ .pz-wrap{justify-content:center;} .pz-svg{width:160px; height:160px;} }
.cbv-docs-status{font-size:13px; line-height:1.5; padding:9px 11px; margin:0 0 10px; border-radius:8px; background:var(--info-bg); color:var(--info); border:1px solid var(--info-line);}
.cbv-docs-status.ok{background:var(--calm-bg); color:var(--calm); border-color:var(--calm-line);}

/* Ficha do cliente */
body.ficha-aberta{overflow:hidden;}
.ficha-fundo{position:fixed; inset:0; z-index:9990; background:rgba(0,0,0,.6); display:flex; justify-content:center; align-items:flex-start; padding:4vh 16px; overflow-y:auto;}
.ficha{width:100%; max-width:1080px; background:var(--paper); border:1px solid var(--brand-line); border-radius:16px; box-shadow:var(--shadow-lg);}
.ficha-corpo{padding:20px 22px 24px;}
.ficha-topo{display:flex; gap:14px; align-items:flex-start;}
.ficha-id{flex:1; min-width:0;}
.ficha-id h2{margin:0; font-family:"Fraunces",Georgia,serif; font-size:26px; font-weight:500; line-height:1.15;}
.ficha-sub{color:var(--ink-soft); font-size:13.5px; margin-top:4px;}
.ficha-fechar{border:1px solid var(--line); background:var(--surface); color:var(--ink); width:40px; height:40px; border-radius:10px; font-size:16px; cursor:pointer; flex:none;}
.ficha-acoes{display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 12px;}
.ficha-acoes .btn{text-decoration:none;}
.ficha-nums{display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; margin-bottom:14px;}
.ficha-num{background:var(--surface); border:1px solid var(--line); border-top:2px solid var(--line); border-radius:12px; padding:10px 12px;}
.ficha-num b{display:block; font-family:"Geist Mono",monospace; font-size:24px;}
.ficha-num span{font-size:12px; color:var(--ink-soft);}
.ficha-num.atencao{border-top-color:var(--warn);} .ficha-num.atencao b{color:var(--warn);}
.ficha-num.ruim{border-top-color:var(--urgent);} .ficha-num.ruim b{color:var(--urgent);}
.ficha-cols{display:grid; grid-template-columns:1.15fr 1fr; gap:14px; align-items:start;}
.ficha-sec{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:12px 14px; margin-bottom:12px;}
.ficha-sec h3{margin:0 0 8px; font-size:14px; font-weight:700;}
.ficha-sec summary{cursor:pointer; list-style:none;} .ficha-sec summary::-webkit-details-marker{display:none;}
.ficha-linha{display:flex; align-items:center; gap:8px; flex-wrap:wrap; width:100%; text-align:left; font:inherit; font-size:13.5px; color:var(--ink); background:none; border:0; border-top:1px solid var(--line); padding:8px 2px;}
.ficha-linha:first-of-type{border-top:0;}
.ficha-clic{cursor:pointer; border-radius:8px;} .ficha-clic:hover{background:var(--surface-2);}
.ficha-data{min-width:54px; display:flex; flex-direction:column; line-height:1.15;}
.ficha-data b{font-family:"Geist Mono",monospace; font-size:13px;} .ficha-data small{font-size:11px; color:var(--ink-soft);}
.ficha-linha.sev-urgente .ficha-data b{color:var(--urgent);} .ficha-linha.sev-proximo .ficha-data b{color:var(--warn);}
.ficha-hist div{display:flex; gap:10px; padding:5px 0; border-top:1px solid var(--line); font-size:13px;} .ficha-hist div:first-child{border-top:0;}
.ficha-hist small{min-width:74px; color:var(--ink-soft);}
.ficha-dados{display:grid; gap:6px; margin-top:6px;}
.ficha-dados div{display:grid; grid-template-columns:110px 1fr; gap:8px; font-size:13px;}
.ficha-dados span{color:var(--ink-soft);} .ficha-dados b{font-weight:500; white-space:pre-line; word-break:break-word;}
.ficha-falta{color:var(--ink-faint); font-style:italic;}
@media (max-width:859px){
  .ficha-fundo{padding:0;} .ficha{border-radius:0; border:0; min-height:100%;}
  .ficha-corpo{padding:14px 14px 90px;}
  .ficha-id h2{font-size:21px;} .ficha-topo .avatar{display:none;}
  .ficha-nums{grid-template-columns:repeat(2, 1fr);} .ficha-cols{grid-template-columns:1fr;}
}
.bk-status{font-size:13.5px; padding:9px 11px; border-radius:8px; border:1px solid var(--line);}
.bk-bom{background:var(--calm-bg); color:var(--calm); border-color:var(--calm-line);} .bk-ruim{background:var(--urgent-bg); color:var(--urgent); border-color:var(--urgent-line);}
.bk-cron{margin-top:10px; font-size:13.5px;} .bk-cron summary{cursor:pointer; font-weight:600;} .bk-cron ol{margin:8px 0 0 18px; line-height:1.7;} .bk-cron code{font-size:12px; word-break:break-all; background:var(--surface-2); padding:2px 5px; border-radius:5px;}
.kb-sc-barra{display:flex; justify-content:space-between; align-items:center; font-size:13px; margin:4px 0 8px; color:var(--ink-soft);}
.kb-sc-lista{max-height:52vh; overflow:auto; border:1px solid var(--line); border-radius:8px;}
.kb-sc-linha{display:flex; align-items:center; gap:10px; padding:8px 10px; border-top:1px solid var(--line); font-size:13.5px; cursor:pointer;}
.kb-sc-linha:first-child{border-top:0;} .kb-sc-linha:hover{background:var(--surface-2);}
.kb-sc-nome{flex:1; min-width:0;}
.kb-sc-linha select{font-size:12.5px; padding:4px 6px; border:1px solid var(--line); border-radius:6px; background:var(--surface); color:var(--ink); max-width:220px;}

/* Atendimentos */
.at-lista{display:grid; grid-template-columns:repeat(auto-fill, minmax(min(420px, 100%), 1fr)); gap:10px;}
.at-card{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:12px 14px; box-shadow:var(--shadow);}
.at-card-topo{display:flex; flex-wrap:wrap; gap:8px; align-items:center;} .at-card-topo b{font-size:15px;}
.at-resumo{font-size:13.5px; color:var(--ink-soft); margin:6px 0;}
.at-alerta{font-size:12.5px; line-height:1.5; color:var(--urgent); background:var(--urgent-bg); border:1px solid var(--urgent-line); border-radius:8px; padding:7px 9px; margin:6px 0;}
.at-acoes{display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:8px;}
.at-acoes select{font-size:12.5px; padding:5px 6px; border:1px solid var(--line); border-radius:6px; background:var(--surface); color:var(--ink);}
.at-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; margin-top:12px;}
.at-sec{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:12px 14px; margin-bottom:12px;}
.at-rapido{border-color:var(--brand-line); background:linear-gradient(180deg, var(--brand-soft), var(--surface) 70%);}
.at-rapido-drop{padding:22px 12px; font-size:15px; line-height:1.45;}
.at-rapido-drop small{color:var(--ink-soft); font-size:12.5px;}
.at-cad{border-color:var(--brand-line);}
.at-cad input.cbv-auto, .at-cad textarea.cbv-auto{border-color:var(--brand);}
.at-cad input.cbv-conferir{border-color:var(--urgent); box-shadow:0 0 0 1px var(--urgent) inset;}
#at-rapido-info{display:inline-block; margin-top:6px;}
.at-sec h3{margin:0 0 8px; font-size:14.5px;}
.at-sec textarea{width:100%; box-sizing:border-box;}
.at-consent{display:flex; gap:8px; align-items:flex-start; font-size:13.5px; margin-bottom:10px; cursor:pointer;}
.at-consent input{margin-top:3px; width:auto;}
.at-rec{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.at-tempo{font-family:"Geist Mono",monospace; font-size:18px; color:var(--ink-soft);}
.at-tempo.on{color:var(--urgent);}
.at-vivo{margin-top:8px; font-size:13px; color:var(--ink-soft); background:var(--surface-2); border-radius:8px; padding:8px 10px; max-height:90px; overflow:auto; font-style:italic;}
.cli-ia-drop.on{background:var(--brand-soft); border-color:var(--brand);}
.at-final{display:flex; gap:8px; flex-wrap:wrap; margin-top:10px;}
@media (max-width:1099px){ .at-grid{grid-template-columns:1fr;} }
@media (pointer:coarse){ #at-drop{display:none;} }
.at-aviso{display:flex; justify-content:space-between; align-items:center; gap:10px; width:100%; text-align:left; font:inherit; font-size:14px; color:var(--ink); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:12px; padding:11px 14px; margin:0 0 14px; cursor:pointer;}
.at-aviso span{color:var(--brand); font-weight:700; white-space:nowrap;}
.at-aviso-txt{font-style:normal; flex:1; min-width:0;}
.eq-novo{margin-top:12px;} .eq-novo summary{cursor:pointer; font-weight:700; color:var(--brand);}
.zs-links{display:flex; flex-direction:column; gap:8px; margin-top:8px;}
.zs-link b{display:block; font-size:12.5px; margin-bottom:3px;}
.zs-link input{width:100%; font:12px "Geist Mono",monospace;}
.zs-link input{box-sizing:border-box; max-width:100%; min-width:0;}
.cbv-modal-box{box-sizing:border-box; min-width:0; max-width:min(640px, calc(100vw - 24px));}
.cbv-modal-box input, .cbv-modal-box select, .cbv-modal-box textarea{max-width:100%; box-sizing:border-box;}
@media (max-width:600px){ .cbv-modal-backdrop{ padding:12px; } .clients-toolbar{ flex-wrap:wrap; } }
.zs-sit{display:flex; gap:10px; align-items:baseline; flex-wrap:wrap; font-size:13px; padding:6px 0; border-top:1px solid var(--line);}
.zs-sit span{flex:1; min-width:180px;} .zs-sit small{color:var(--ink-faint);}
.zs-sit .zs-signed{color:var(--ok, #6fcf97);} .zs-sit .zs-refused{color:var(--urgent);}
.at-acomp{margin-top:8px; font-size:12.5px; color:var(--ink-soft);}
.at-acomp span{opacity:.6;}
.at-acomp .at-nao-vista{opacity:1; color:var(--warn, #d9a441);}
.at-card-nova{border-color:var(--brand); box-shadow:0 0 0 1px var(--brand-line) inset;}
.at-rev{margin-top:8px; font-size:13px; padding:7px 10px; border-radius:8px; background:var(--info-bg); color:var(--info); border:1px solid var(--info-line);}
/* Busca rápida (Ctrl+K) */
.pal-atalho-btn{display:none;}
@media (min-width:860px){
  .pal-atalho-btn{display:flex; align-items:center; gap:10px; width:100%; height:40px; padding:0 11px; border-radius:10px; border:1px solid rgba(224,187,116,.18); background:#15130E; color:var(--ink-soft); font:inherit; font-size:13.5px; cursor:pointer; margin-bottom:-14px;}
  .pal-atalho-btn:hover{border-color:var(--brand-line); color:var(--ink);}
  .pal-atalho-btn svg{width:17px; height:17px; flex:none;}
  .pal-atalho-btn span{flex:1; text-align:left;}
}
.pal-atalho-btn kbd, .pal-rodape kbd, .pal-atalhos kbd{font-family:"Geist Mono",monospace; font-size:11px; padding:1px 6px; border:1px solid var(--line); border-bottom-width:2px; border-radius:5px; background:var(--surface-2); color:var(--ink-soft);}
.pal-fundo{position:fixed; inset:0; z-index:10000; background:rgba(0,0,0,.55); display:flex; justify-content:center; align-items:flex-start; padding:12vh 16px 16px;}
.pal-caixa{width:100%; max-width:620px; background:var(--surface); border:1px solid var(--brand-line); border-radius:14px; box-shadow:var(--shadow-lg); overflow:hidden;}
.pal-caixa input{width:100%; box-sizing:border-box; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--ink); font:inherit; font-size:17px; padding:16px 18px; outline:none;}
.pal-lista{max-height:52vh; overflow-y:auto; padding:6px;}
.pal-item{display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; text-align:left; border:0; background:none; color:var(--ink); font:inherit; font-size:14.5px; padding:10px 12px; border-radius:9px; cursor:pointer;}
.pal-item small{color:var(--ink-faint); font-size:12px; white-space:nowrap;}
.pal-item span{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pal-item.ativo{background:var(--brand-soft); outline:1px solid var(--brand-line);}
.pal-item span{flex:0 0 auto; max-width:60%;} .pal-item small{min-width:0; overflow:hidden; text-overflow:ellipsis; text-align:right;}
.pal-vazio{padding:18px; text-align:center; color:var(--ink-faint);}
.pal-rodape{display:flex; gap:16px; padding:9px 14px; border-top:1px solid var(--line); font-size:12px; color:var(--ink-faint);}
.pal-atalhos{width:100%; border-collapse:collapse; font-size:13.5px;}
.pal-atalhos td{padding:8px 4px; border-top:1px solid var(--line); vertical-align:top;}
.pal-atalhos td:first-child{white-space:nowrap; width:1%; padding-right:14px;}
@media (max-width:859px){ .pal-rodape{display:none;} .pal-fundo{padding-top:8vh;} }
/* Cadastro com IA */
.cli-ia-drop{margin-top:8px; border:2px dashed var(--brand-line); border-radius:10px; padding:18px 10px; text-align:center; color:var(--ink-soft); font-size:14px; transition:background .15s, border-color .15s;}
.cli-arrastando .cli-ia-drop{background:var(--brand-soft); border-color:var(--brand); color:var(--ink); font-weight:700;}
#tab-clientes.cli-arrastando{outline:2px dashed var(--brand-line); outline-offset:6px; border-radius:12px;}
@media (pointer:coarse){ .cli-ia-drop{display:none;} }
.cli-ia textarea{width:100%; box-sizing:border-box; font-size:14px; padding:8px; border:1px solid var(--line); background:var(--surface); color:var(--ink); border-radius:6px; margin-top:8px;}
.cli-ia-botoes{display:flex; flex-wrap:wrap; gap:8px; margin-top:8px;}
.cli-ia-file{position:relative; overflow:hidden; cursor:pointer;}
.cli-ia-file input{position:absolute; inset:0; opacity:0; cursor:pointer; font-size:0;}
.cli-ia-camera{display:none;}
@media (pointer:coarse){ .cli-ia-camera{display:inline-flex;} }
.cli-ia-lista{display:flex; flex-wrap:wrap; gap:6px; margin-top:8px;}
.cli-ia-arq{display:inline-flex; align-items:center; gap:6px; font-size:12.5px; padding:4px 6px 4px 10px; border:1px solid var(--brand-line); background:var(--brand-soft); border-radius:20px; color:var(--ink); max-width:100%;}
.cli-ia-arq small{color:var(--ink-soft);}
.cli-ia-arq button{border:0; background:none; color:var(--ink-soft); font-size:16px; cursor:pointer; padding:0 4px;}
.cli-ia-aviso{font-size:13px; line-height:1.45; padding:9px 11px; margin:0 0 12px; border-radius:8px; background:var(--brand-soft); border:1px solid var(--brand-line); color:var(--ink);}
.field input.cbv-auto, .field select.cbv-auto, .field textarea.cbv-auto{box-shadow:0 0 0 2px var(--brand-line); border-color:var(--brand);}
.field input.cbv-conferir, .field select.cbv-conferir, .field textarea.cbv-conferir{box-shadow:0 0 0 2px var(--urgent-line); border-color:var(--urgent);}
.cbv-auto-leg{color:var(--brand); font-weight:700;} .cbv-conferir-leg{color:var(--urgent); font-weight:700;}
/* Clientes: cartão compacto (qualificação e dados só ao abrir) */
.client-card.cli-compacto{display:block; padding:10px 12px;}
.cli-linha{display:flex; align-items:center; gap:10px;}
.cli-toggle{flex:1; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:2px; background:none; border:0; padding:2px 0; text-align:left; cursor:pointer; color:inherit; font-family:inherit;}
.cli-toggle .client-name{font-size:15px; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;}
.cli-resumo{font-size:12.5px; color:var(--ink-soft);}
.cli-alerta{color:var(--warn); font-weight:700;}
.cli-falta{color:var(--ink-faint); font-style:italic;}
.cli-tags{display:flex; flex-wrap:wrap; gap:4px; margin-top:3px;}
.cli-tags .tag{font-size:11px;}
.cli-icone{flex:0 0 auto; width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:10px; text-decoration:none; font-size:17px; background:var(--surface-2);}
.cli-icone:hover{border-color:var(--brand-line);}
.cli-seta{flex:0 0 auto; width:32px; height:38px; border:0; background:none; color:var(--ink-soft); font-size:18px; cursor:pointer; transition:transform .15s;}
.cli-aberto .cli-seta{transform:rotate(180deg);}
.cli-detalhe{margin-top:8px; padding-top:8px; border-top:1px solid var(--line);}
#clients-app{grid-template-columns:repeat(auto-fill, minmax(min(340px, 100%), 1fr)) !important; gap:8px;}
@media (max-width:859px){ .cli-linha .avatar{display:none;} .client-card.cli-compacto{padding:9px 10px;} }


#clients-app, #docs-app, #processos-app, #pecas-tab-app{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(360px,1fr)); gap:10px; align-items:start;
}
#clients-app > .empty-note, #docs-app > .empty-note, #processos-app > .empty-note, #pecas-tab-app > .empty-note{
  grid-column:1 / -1;
}
#pecas-tab-app .peca-item{ margin-top:0; }
/* Peças: cartões modernos */
.ata-evs{display:flex; flex-direction:column; gap:8px;}
.ata-ev{display:flex; gap:10px; align-items:flex-start; padding:10px 12px; border:1px solid var(--line-soft, var(--line)); border-radius:12px; background:var(--surface-2); transition:opacity .15s;}
.ata-ev.off{opacity:.5;}
.ata-chk input{width:18px; height:18px; margin-top:8px; accent-color:var(--brand);}
.ata-ev-corpo{flex:1; min-width:0; display:flex; flex-direction:column; gap:6px;}
.ata-ev-l1, .ata-ev-l2{display:flex; gap:6px; flex-wrap:wrap; align-items:center;}
.ata-ev-l1 select{flex:none; width:auto;} .ata-ev-l1 input{flex:1; min-width:180px; font-weight:600;}
.ata-ev-l2 input[type=date]{width:auto;} .ata-ev-l2 input[type=time]{width:auto;} .ata-ev-l2 input[type=text]{flex:1; min-width:140px;}
.ata-ev input, .ata-ev select{padding:6px 9px; font-size:13px;}
.ata-ev-obs{font-size:12px; color:var(--ink-soft); line-height:1.45;}
.pg-card{position:relative; padding:16px 16px 12px 18px; background:var(--surface); border:1px solid var(--line); border-radius:14px; box-shadow:0 1px 0 rgba(255,255,255,.02) inset, 0 8px 24px rgba(0,0,0,.18); overflow:hidden; display:flex; flex-direction:column; gap:10px;}
.pg-card::before{content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--pg-cor, var(--line));}
.pg-pend{--pg-cor:var(--warn);} .pg-rev{--pg-cor:var(--info);} .pg-ia{--pg-cor:var(--info);} .pg-ok{--pg-cor:var(--calm);} .pg-fim{--pg-cor:var(--ink-faint); opacity:.85;}
.pg-topo{display:flex; align-items:center; gap:10px;}
.pg-tit{flex:1; min-width:0; display:flex; flex-direction:column;}
.pg-tit b{font-size:15px; font-weight:650; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pg-tit span{font-size:12.5px; color:var(--ink-soft);}
.pg-estado{flex:none; font-size:11.5px; font-weight:650; padding:4px 10px; border-radius:999px; color:var(--pg-cor); background:color-mix(in srgb, var(--pg-cor) 14%, transparent); border:1px solid color-mix(in srgb, var(--pg-cor) 35%, transparent); white-space:nowrap;}
.pg-ia .pg-estado{animation:pgPulso 1.6s ease-in-out infinite;}
@keyframes pgPulso{50%{opacity:.55;}}
.pg-meta{font-size:12px; color:var(--ink-faint); margin-top:-4px;}
.pg-pend{display:block; color:#c0392b; font-weight:600; margin-top:4px;}
.inf-topo{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:12px 0;}
.inf-card{display:flex; gap:14px; justify-content:space-between; border:1px solid var(--line); border-radius:14px; padding:12px 14px; margin-bottom:10px; background:var(--surface);}
.inf-card small{display:block; color:var(--ink-soft); font-size:12px; margin-top:2px;} .inf-card p{margin:6px 0 0; font-size:13px; color:var(--ink-soft);}
.inf-card-dir{display:flex; flex-direction:column; align-items:flex-end; gap:6px; flex-shrink:0;} .inf-cont{font-size:12px; color:var(--brand);}
.inf-grade{display:grid; grid-template-columns:1fr 1fr; gap:18px;} @media (max-width:900px){ .inf-grade{grid-template-columns:1fr;} }
.inf-col .field{margin-bottom:8px;} .inf-col .field input, .inf-col .field select, .inf-col .field textarea{width:100%;}
.inf-chk{font-size:13px; display:flex; gap:6px; align-items:center;}
.inf-prev-rot{font-size:12px; color:var(--ink-soft); margin-bottom:4px;}
.inf-prev{background:#0b141a; color:#e9edef; border-radius:12px; padding:12px 14px; font-size:13.5px; line-height:1.45; max-height:380px; overflow:auto; border:1px solid #1f2c33;}
.inf-aviso{margin-top:8px; font-size:12px; color:#f0b429;}
.inf-env-topo{margin-top:14px; display:flex; flex-direction:column; gap:8px;} .inf-filtros{display:flex; gap:6px; flex-wrap:wrap;}
.inf-prog{display:flex; justify-content:space-between; align-items:center; font-size:13px;}
.inf-lista{margin-top:8px; max-height:420px; overflow:auto; border:1px solid var(--line); border-radius:12px;}
.inf-cli{display:flex; gap:8px; align-items:center; padding:7px 10px; border-bottom:1px solid var(--line);} .inf-cli > div{flex:1; min-width:0;}
.inf-cli small{display:block; font-size:11.5px; color:var(--ink-soft);} .inf-cli.inf-ok b{color:var(--brand);} .inf-cli.inf-sair{opacity:.55;}
.rep-bloco{border:1px dashed var(--brand-line); border-radius:12px; padding:10px 12px; background:var(--surface-2);}
.rep-toggle{display:flex !important; gap:8px; align-items:flex-start; cursor:pointer; font-size:14px !important; text-transform:none !important; letter-spacing:0 !important; line-height:1.35;}
.rep-bloco .rep-toggle input{width:18px !important; min-width:18px; height:18px !important; margin:1px 0 0 !important; padding:0 !important; flex:0 0 auto; appearance:auto; -webkit-appearance:checkbox;}
.rep-bloco .rep-toggle span{flex:1; color:var(--text);}
.rep-nota{font-size:12.5px; color:var(--text-2, var(--muted)); margin:8px 0; line-height:1.45;}
.rep-aviso{margin-top:8px; font-size:13px; padding:8px 10px; border-radius:8px; background:var(--warn-bg, rgba(217,185,107,.14)); color:var(--text);}
.rep-status{font-size:12px; color:var(--muted); margin-top:6px;}
.rep-ficha{margin-top:6px; font-size:13.5px; font-weight:600; color:var(--brand, #D9B96B);}
.gov-bloco{border:1px dashed var(--brand-line); border-radius:12px; padding:10px 12px; background:var(--surface-2);}
.gov-cad{font-weight:400; font-size:11.5px; color:var(--ink-soft); margin-left:6px;}
.gov-linha{display:grid; grid-template-columns:1fr 1fr; gap:8px;} @media (max-width:640px){ .gov-linha{grid-template-columns:1fr;} }
.gov-senha-wrap{position:relative; display:block;} .gov-senha-wrap input{width:100%; padding-right:40px;}
.gov-olho{position:absolute; right:6px; top:50%; transform:translateY(-50%); background:none; border:0; cursor:pointer; font-size:15px; opacity:.7;}
.gov-status{font-size:12.5px; color:var(--ink-soft); margin-top:6px; display:flex; gap:6px; align-items:center; flex-wrap:wrap;}
.gov-m-linha{display:flex; gap:8px; align-items:center; margin:6px 0;} .gov-m-linha > span{width:48px; color:var(--ink-soft);} .gov-m-linha b{flex:1; word-break:break-all;}
.gov-m-obs{font-size:12.5px; background:var(--surface-2); border-radius:8px; padding:6px 9px; margin-top:4px;}
.ac-cron{margin:8px 0; font-size:13px;} .ac-cron summary{cursor:pointer; color:var(--ink-soft);}
.ac-cron table{border-collapse:collapse; margin-top:6px; min-width:280px;} .ac-cron td{padding:3px 12px 3px 0; border-bottom:1px solid var(--line);}
.ac-cron-suc td{color:var(--brand); font-weight:600;}
.ac-cron-l{display:grid; grid-template-columns:30px 1fr 1fr 28px; gap:6px; align-items:center; margin-bottom:5px;}
.pg-badge{margin-left:auto; background:var(--brand); color:#111; border-radius:10px; font-size:11px; font-weight:700; padding:1px 7px;}
.pg-drive{display:inline-block; font-size:12.5px; margin:2px 0 4px; color:var(--brand);}
.at-cli-ok{color:#1e8449; font-size:13px; font-weight:600;} .at-cli-novo{color:var(--ink-soft); font-size:13px;}
.pp-pend{margin-top:10px; border:1px solid #e6b0aa; background:#fdecea; color:#a93226; border-radius:10px; padding:9px 12px; font-size:13px;}
.pp-pend ul{margin:6px 0 4px 18px; padding:0;} .pp-pend small{color:#7b241c;}
.pp-okdados{margin-top:10px; color:#1e8449; font-size:13px; font-weight:600;}
.pp-modelo{font-size:12.5px; color:var(--ink-soft); margin-top:6px;}
.pg-detalhe{font-size:13px; color:var(--ink-soft); background:var(--surface-2); border-radius:10px; padding:8px 11px; line-height:1.45;}
.pg-arqs{display:flex; flex-direction:column; gap:6px;}
.pg-arq{display:flex; align-items:center; gap:10px; width:100%; text-align:left; font:inherit; color:var(--ink); background:var(--surface-2); border:1px solid var(--line); border-radius:10px; padding:8px 10px; cursor:pointer; transition:border-color .15s, background .15s;}
.pg-arq:hover{border-color:var(--brand-line); background:color-mix(in srgb, var(--brand) 6%, var(--surface-2));}
.pg-arq-ico{flex:none; width:30px; height:30px; border-radius:8px; display:grid; place-items:center; color:#6ea8ff; background:rgba(110,168,255,.12);}
.pg-arq-ico svg{width:17px; height:17px;}
.pg-arq-txt{flex:1; min-width:0; display:flex; flex-direction:column;}
.pg-arq-txt b{font-size:12.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pg-arq-txt small{font-size:11px; color:var(--ink-faint);}
.pg-arq-txt em{font-style:normal; color:var(--brand);}
.pg-arq-down{flex:none; color:var(--ink-faint);} .pg-arq-down svg{width:17px; height:17px;} .pg-arq:hover .pg-arq-down{color:var(--brand);}
.pg-compor{border:1px solid var(--line); border-radius:12px; background:var(--surface-2); padding:4px; transition:border-color .15s, box-shadow .15s;}
.pg-compor:focus-within{border-color:var(--brand-line); box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 14%, transparent);}
.pg-compor .peca-observacao-input{border:0; background:transparent; min-height:52px; font-size:13px; padding:8px 44px 6px 10px; outline:none !important; resize:none;}
.pg-compor .cbv-dita{bottom:6px;}
.pg-compor-pe{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:4px 4px 2px 10px;}
.pg-compor-pe span{font-size:11px; color:var(--ink-faint);}
.pg-enviar{display:inline-flex; align-items:center; gap:6px; white-space:nowrap;}
/* (07/10/2026) ⚡ Fazer / Corrigir agora */
.pa-agora{display:inline-flex; align-items:center; gap:6px; white-space:nowrap; font:inherit; font-weight:600; font-size:13px; color:#3a2a06; background:linear-gradient(180deg,#f3d27a,#d9a93c); border:1px solid #b88a25; border-radius:999px; padding:7px 14px; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.15);}
.pa-agora[disabled]{opacity:.65; cursor:wait;}
.pa-agora-linha{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:8px 0 2px;}
.pa-agora-linha small{color:var(--ink-soft); font-size:12px;}
.pa-fazendo{display:flex; align-items:center; gap:10px; margin:8px 0; padding:9px 12px; border-radius:10px; background:var(--brand-soft,#F7EFD9); border:1px solid var(--brand-line,#D8BD7C); font-size:13px; color:var(--ink);}
.pa-fazendo i{width:14px; height:14px; border-radius:50%; border:2px solid #b88a25; border-top-color:transparent; animation:pa-gira 0.9s linear infinite; flex:none;}
@keyframes pa-gira{to{transform:rotate(360deg);}}
.pa-notas-bg{position:fixed; inset:0; z-index:2147483000; background:rgba(10,9,7,.55); display:flex; align-items:flex-end; justify-content:center;}
.pa-notas{width:min(560px,100%); max-height:80vh; overflow:auto; background:var(--surface,#fff); color:var(--ink); border-radius:16px 16px 0 0; padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px)); box-shadow:0 -8px 30px rgba(0,0,0,.3);}
.pa-notas h4{margin:0 0 6px; font-size:16px;} .pa-notas pre{white-space:pre-wrap; font:inherit; font-size:13.5px; line-height:1.45; background:var(--surface-2,#ECEEF2); border-radius:10px; padding:10px 12px; margin:10px 0;}
.pa-notas .pa-bts{display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end;}
@media (min-width:701px){ .pa-notas-bg{align-items:center;} .pa-notas{border-radius:16px;} }
.pg-enviar svg{width:15px; height:15px;}
.pg-acoes{display:flex; align-items:center; gap:4px; border-top:1px solid var(--line); padding-top:8px; margin-top:2px;}
.pg-bt{display:inline-flex; align-items:center; gap:6px; font:inherit; font-size:12.5px; color:var(--ink-soft); background:transparent; border:0; border-radius:8px; padding:6px 9px; cursor:pointer;}
.pg-bt svg{width:15px; height:15px;}
.pg-bt:hover{background:var(--surface-2); color:var(--ink);}
.pg-lixo{margin-left:auto; color:var(--ink-faint);} .pg-lixo:hover{color:var(--urgent); background:var(--urgent-bg);}
@media (max-width:700px){ .pg-compor-pe span{display:none;} .pg-compor-pe{justify-content:flex-end;} .pg-compor .peca-observacao-input{min-height:84px;} }

.qual-box{
  width:100%; margin-top:8px; font-family:"Geist Mono",monospace; font-size:11.5px; line-height:1.55;
  background:var(--surface-2); border:1px solid var(--line); border-radius:8px; padding:10px; color:var(--ink-soft);
  resize:vertical;
}

.client-form{
  margin-top:12px; background:var(--surface-2); border:1px dashed var(--line); border-radius:10px; padding:14px;
}
.client-form h3{font-size:14px; font-weight:700; letter-spacing:-.005em; margin-bottom:10px;}
.field-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px 12px;}
.field-grid .full{grid-column:1 / -1;}
.field label{display:block; font-size:11.5px; color:var(--ink-soft); margin-bottom:3px; letter-spacing:.02em;}
.field input, .field select, .field textarea{
  width:100%; border:1px solid var(--line); border-radius:7px; padding:7px 9px; font-family:inherit;
  font-size:13.5px; background:var(--surface); color:var(--ink);
}
.field input:focus, .field select:focus, .field textarea:focus{outline:2px solid var(--focus); outline-offset:1px;}
.field textarea{resize:vertical; min-height:52px;}
.checkbox-row{display:flex; flex-wrap:wrap; gap:7px;}
.checkbox-pill{
  display:inline-flex; align-items:center; gap:5px; border:1px solid var(--line); border-radius:999px;
  padding:5px 11px; font-size:12.5px; color:var(--ink); background:var(--surface); cursor:pointer; user-select:none;
}
.checkbox-pill input{width:auto; margin:0;}
.form-actions{display:flex; gap:8px; margin-top:12px;}

.legend{margin-top:36px; padding-top:16px; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; gap:14px; font-size:12px; color:var(--ink-faint);}
.legend span{display:inline-flex; align-items:center; gap:5px;}
.legend .dot{width:7px; height:7px; border-radius:50%;}

footer.foot{margin-top:28px; padding-top:16px; border-top:1px solid var(--line); font-size:12px; color:var(--ink-faint);}
footer.foot p{margin:2px 0;}
footer.foot .foot-brand{margin-top:14px; display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
footer.foot .foot-brand img{height:24px; width:auto; opacity:.85;}

.stat-tiles{display:grid; grid-template-columns:repeat(auto-fit, minmax(160px,1fr)); gap:10px; margin-top:16px;}
.stat-tile{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:14px 16px; box-shadow:var(--shadow); border-top:2px solid var(--brand);}
.stat-tile-num{font-family:"Geist Mono",monospace; font-size:27px; font-weight:600; color:var(--ink); letter-spacing:-.01em;}
.stat-tile-label{font-size:11.5px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-faint); margin-top:4px;}
.chart-card{background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:16px; box-shadow:var(--shadow); margin-top:16px;}
.chart-card h3{font-size:14px; font-weight:700; letter-spacing:-.005em; color:var(--ink); margin-bottom:12px;}
.stat-bar-row{display:flex; align-items:center; gap:10px; margin-top:8px;}
.stat-bar-row:first-of-type{margin-top:0;}
.stat-bar-label{width:150px; flex:none; font-size:12.5px; color:var(--ink-soft); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.stat-bar-track{flex:1; height:10px; background:var(--surface-2); border-radius:999px; overflow:hidden;}
.stat-bar-fill{height:100%; background:var(--brand); border-radius:999px; min-width:4px;}
.stat-bar-count{width:28px; flex:none; text-align:right; font-size:12px; color:var(--ink);}
.stat-tag-row{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 0; border-bottom:1px solid var(--line);}
.stat-tag-row:last-child{border-bottom:none;}
.stat-tag-label{font-size:12.5px; color:var(--ink-soft); flex:1;}
.stat-tag-count{font-family:"Geist Mono",monospace; font-size:11.5px; font-weight:600; color:var(--ink); background:var(--surface-2); border:1px solid var(--line); border-radius:999px; padding:2px 9px; flex:none;}
.stat-table-wrap{overflow-x:auto;}
.nt-topo{display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap;}
.nt-per{display:flex; gap:6px; flex-wrap:wrap;}
.nt-destaque{border-top-color:var(--ok, #2e7d32) !important;}
.nt-etapas{display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:8px; align-items:stretch; margin-top:14px;}
.nt-etapa{background:var(--surface-2, var(--surface)); border:1px solid var(--line); border-radius:12px; padding:12px 14px;}
.nt-etapa-ic{font-size:15px;} .nt-etapa-t{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-faint); margin-top:2px;}
.nt-etapa-num{font-size:24px; font-weight:600; color:var(--ink); margin-top:6px;}
.nt-etapa-sub{font-size:12px; color:var(--ink-soft);} .nt-etapa-dica{font-size:11.5px; color:var(--ink-faint); margin-top:4px;}
.nt-seta{align-self:center; font-size:22px; color:var(--ink-faint);}
.nt-h4{font-size:13px; font-weight:700; margin:18px 0 6px; color:var(--ink);}
.nt-h-clientes{font-size:15px; margin:22px 0 0; color:var(--ink);}
.nt-tab td{vertical-align:top; white-space:nowrap;} .nt-vazio{color:var(--ink-faint);}
.nt-dur{color:var(--ink-faint);} .nt-alerta{color:var(--urgent, #c62828); font-weight:700;}
@media (max-width:700px){ .nt-etapas{grid-template-columns:1fr;} .nt-seta{display:none;} .nt-card .stat-tiles{grid-template-columns:1fr 1fr;} .nt-card .stat-tile-num{font-size:22px;} }
.stat-table{width:100%; border-collapse:collapse; font-size:12.5px;}
.stat-table th{text-align:left; font-family:"Geist Mono",monospace; font-size:10.5px; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-faint); padding:6px 8px; border-bottom:1px solid var(--line);}
.stat-table td{padding:7px 8px; border-bottom:1px solid var(--line); color:var(--ink-soft);}
.stat-table tr:last-child td{border-bottom:none;}
@media (max-width:480px){
  .stat-bar-label{width:96px;}
}

.aud-table-wrap{overflow-x:auto; margin-top:4px; background:var(--surface); border:1px solid var(--line); border-radius:10px; box-shadow:var(--shadow);}
.aud-table{width:100%; border-collapse:collapse; font-size:13px; min-width:640px;}
.aud-table thead th{
  text-align:left; font-family:"Geist Mono",monospace; font-size:10.5px; text-transform:uppercase;
  letter-spacing:.04em; color:var(--ink-faint); padding:10px; border-bottom:1px solid var(--line); white-space:nowrap;
}
.aud-th-sort{cursor:pointer; user-select:none;}
.aud-th-sort:hover{color:var(--ink-soft);}
.aud-sort-arrow{opacity:.7; font-size:9px;}
.aud-table tbody tr.aud-row{cursor:pointer; transition:background .1s ease;}
.aud-table tbody tr.aud-row-alt{background:var(--surface-2);}
.aud-table tbody tr.aud-row:hover{background:var(--brand-soft);}
.aud-table tbody tr.aud-row-open{background:var(--brand-soft);}
.aud-table tbody tr.aud-row-done{opacity:.55;}
.aud-table tbody tr.aud-row-done .aud-td-processo .mono{text-decoration:line-through;}
.aud-table td{padding:9px 10px; border-bottom:1px solid var(--line); vertical-align:middle; color:var(--ink);}
.aud-table tbody tr:last-child td{border-bottom:none;}
.aud-td-avatar{width:34px;}
.aud-td-processo{min-width:220px;}
.aud-td-sub{font-size:11.5px; font-style:italic; color:var(--ink-soft); margin-top:2px;}
.aud-td-icon{width:26px; text-align:center;}
.aud-td-orgao{color:var(--ink-soft); max-width:220px; line-height:1.3;}
.aud-td-data{white-space:nowrap;}
.aud-warn{color:var(--warn); display:inline-flex;}
.aud-warn svg{width:14px; height:14px;}
.aud-icon-btn{
  display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; margin-left:6px;
  border:none; background:transparent; color:var(--ink-faint); cursor:pointer; border-radius:5px; vertical-align:middle;
}
.aud-icon-btn:hover{color:var(--brand); background:var(--surface-2);}
.aud-icon-btn svg{width:12px; height:12px;}
.aud-row-detail td{background:var(--surface-2); padding:14px 10px;}
.aud-row-detail .items{grid-template-columns:1fr;}
.aud-td-movimento{min-width:220px; max-width:320px;}
.aud-mov-data{font-size:11.5px; color:var(--ink-soft); white-space:nowrap;}
.aud-mov-resumo{font-size:12px; color:var(--ink); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.aud-mov-vazio{color:var(--ink-faint);}
@media (max-width:640px){
  .aud-td-orgao{display:none;}
  .aud-td-movimento{display:none;}
  .aud-table thead th:nth-child(7){display:none;}
  .aud-table thead th:nth-child(9){display:none;}
}

.toast{
  position:fixed; left:50%; bottom:18px; transform:translateX(-50%) translateY(12px);
  background:var(--ink); color:var(--paper); padding:9px 16px; border-radius:9px; font-size:13px;
  box-shadow:0 4px 16px rgba(0,0,0,.25); opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease;
  max-width:88vw; text-align:center; z-index:20;
}
.toast.show{opacity:1; transform:translateX(-50%) translateY(0);}

@media (max-width:420px){
  .field-grid{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion: reduce){
  details.group summary .chevron, .toast{transition:none;}
}

/* ---- Comunicações / Atas / Acordos / Financeiro (aba nova) ---- */
.cbv-card{background:var(--card,#fff); border:1px solid var(--line,#e2e4e8); border-radius:10px; padding:16px; margin-bottom:12px;}
.cbv-card .cbv-meta{font-size:13px; color:var(--muted-ink,#666); margin-bottom:8px;}
.cbv-badge{display:inline-block; padding:6px 10px; border-radius:6px; font-size:13px; margin-bottom:8px;}
.cbv-badge-prazo{background:#fff0e0; border:1px solid #ffb366; color:var(--warn);}
.cbv-badge-audiencia{background:#f0e6ff; border:1px solid #a366ff; color:#4b0082;}
.cbv-badge-auto{background:#e6ffed; border:1px solid #4caf50; color:var(--calm);}
.cbv-badge-ata{background:#e6f4ff; border:1px solid #66b3ff; color:#004a8a; font-size:12px; padding:3px 8px; margin-left:8px;}
.cbv-texto{font-size:13px; color:#444; line-height:1.5; background:#fafafa; border:1px solid #eee; border-radius:6px; padding:10px; margin-bottom:10px; max-height:150px; overflow:auto; white-space:pre-wrap;}
.cbv-resumo-ia{font-size:13px; color:var(--calm); line-height:1.5; background:#e6ffed; border:1px solid #4caf50; border-radius:6px; padding:10px 12px; margin-bottom:10px; white-space:pre-wrap;}
.cbv-resumo-ia b{display:block; font-size:11px; text-transform:uppercase; letter-spacing:.03em; color:var(--calm); margin-bottom:4px;}
.cbv-conferencia-alerta{font-size:13px; color:var(--warn); line-height:1.5; background:#fff0e0; border:1px solid #ffb366; border-radius:6px; padding:10px 12px; margin-bottom:10px; white-space:pre-wrap;}
.cbv-conferencia-alerta b{display:block; font-size:11px; text-transform:uppercase; letter-spacing:.03em; color:var(--warn); margin-bottom:4px;}
.cbv-detalhe-original{margin-bottom:10px;}
.cbv-detalhe-original summary{cursor:pointer; font-size:12px; color:#666; margin-bottom:6px;}
.cbv-valores{display:flex; gap:20px; flex-wrap:wrap; background:#f0fff4; border:1px solid #7bc98e; border-radius:8px; padding:10px 14px; margin-bottom:10px;}
.cbv-valores div{font-size:13px;}
.cbv-valores strong{display:block; font-size:17px; color:var(--calm);}
.cbv-kpis{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:16px;}
.cbv-kpi{flex:1; min-width:140px; background:#fff; border:1px solid #e2e4e8; border-radius:10px; padding:12px 14px;}
.cbv-kpi .cbv-kpi-label{font-size:12px; color:#666;}
.cbv-kpi .cbv-kpi-value{font-size:20px; font-weight:600; margin-top:4px;}
.cbv-kpi.cbv-kpi-alerta{border-color:var(--urgent,#c0392b); background:#fff5f5;}
.cbv-kpi.cbv-kpi-alerta .cbv-kpi-value{color:var(--urgent,#c0392b);}
.cbv-radar{display:flex; gap:10px; flex-wrap:wrap; margin:14px 0; padding:12px 14px; background:#f6f7fb; border:1px solid #e2e4e8; border-radius:10px;}
.cbv-radar-item{font-size:13px; color:#333;}
.cbv-radar-item b{font-size:15px;}
.cbv-radar-item.cbv-alerta b{color:var(--urgent,#c0392b);}
.cbv-aud-pendente{margin-top:10px; padding:10px 12px; background:#fff8ec; border:1px solid #f0d9a8; border-radius:8px;}
.cbv-aud-pendente + .cbv-aud-pendente{margin-top:8px;}
.cbv-aud-pendente-info{font-size:13px; color:#333; margin-bottom:6px;}
.cbv-aud-nova-form{display:flex; gap:6px; flex-wrap:wrap; align-items:center;}
.cbv-aud-nova-form input{font-size:13px; padding:4px 6px; border:1px solid var(--line); background:var(--surface); color:var(--ink); border-radius:6px;}
.cbv-aud-nova-form input[name="local"]{flex:1; min-width:160px;}
.cbv-aud-nova-form button{font-size:13px; padding:4px 10px; border-radius:6px; border:1px solid var(--calm,#2e7d32); background:var(--calm,#2e7d32); color:#fff; cursor:pointer;}
.cbv-aud-nova-form button:hover{opacity:.9;}
.cbv-aud-nova-ok{font-size:13px; color:var(--calm,#2e7d32); font-weight:600;}
.cbv-row{display:flex; justify-content:space-between; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid #f0f0f0; font-size:13px;}
.cbv-row:last-child{border-bottom:none;}
.cbv-btn{padding:6px 14px; border-radius:6px; border:1px solid var(--line); background:var(--surface); color:var(--ink); background:#f8f8f8; cursor:pointer; margin-right:8px; font-size:13px;}
.cbv-btn-confirmar{background:#28a745; color:#fff; border-color:#28a745;}
.cbv-btn-descartar{background:#dc3545; color:#fff; border-color:#dc3545;}
.cbv-btn-pagar{background:#2b6cb0; color:#fff; border-color:#2b6cb0;}
.cbv-cal-header{display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:8px; font-size:15px;}
.cbv-cal-semana{display:grid; grid-template-columns:repeat(7,1fr); gap:4px; font-size:11px; color:#888; text-align:center; margin-bottom:4px;}
.cbv-cal-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:4px;}
.cbv-cal-cel{min-height:56px; border:1px solid #e2e4e8; border-radius:8px; padding:5px 6px; background:#fff; font-size:12px;}
.cbv-cal-vazia{border:none; background:transparent;}
.cbv-cal-num{color:#888; font-size:11px;}
.cbv-cal-hoje{border-color:#2b6cb0;}
.cbv-cal-hoje .cbv-cal-num{color:#2b6cb0; font-weight:700;}
.cbv-cal-com-valor{background:#f0fff4; border-color:#7bc98e; cursor:pointer;}
.cbv-cal-com-valor:hover{background:#e2f9e9;}
.cbv-cal-valor{color:var(--calm); font-weight:700; margin-top:4px;}
.cbv-cal-com-previsao{border-style:dashed; border-color:#ffb366; cursor:pointer;}
.cbv-cal-com-previsao.cbv-cal-com-valor{background:linear-gradient(180deg,#f0fff4 60%,#fff0e0 60%);}
.cbv-cal-com-previsao:not(.cbv-cal-com-valor){background:#fff8ec;}
.cbv-cal-valor-previsao{color:var(--warn); font-weight:600; margin-top:2px; font-size:11px;}
.cbv-cal-selecionado{outline:2px solid var(--calm,#2e7d32); outline-offset:-2px;}
.cbv-cal-legenda{display:flex; gap:16px; font-size:12px; color:#666; margin:2px 0 10px;}
.cbv-cal-dot{display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:5px; vertical-align:middle;}
.cbv-cal-dot-confirmado{background:#7bc98e; border:1px solid #1b5e20;}
.cbv-cal-dot-previsao{background:#fff0e0; border:1px dashed #ffb366;}
.cbv-cal-com-pendente{border-color:#d8262c; background:#fdeded;}
.cbv-cal-com-pendente:hover{background:#fbdada;}
.cbv-cal-dot-pendente{background:#fdeded; border:1px solid #d8262c;}
.cbv-cal-previsao-item{font-size:13px; padding:8px 12px; background:#fff8ec; border:1px solid #ffb366; border-radius:8px; margin-bottom:6px;}
@media (max-width:640px){.cbv-cal-cel{min-height:44px; font-size:11px; padding:3px 4px;} .cbv-cal-valor{font-size:10.5px;} .cbv-cal-valor-previsao{font-size:10px;}}
.aud-mov-resumo{cursor:pointer;}
.aud-mov-resumo:hover{text-decoration:underline;}
.cbv-modal-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:9999;
  display:flex; align-items:center; justify-content:center; padding:20px;
}
.cbv-modal-box{
  background:var(--surface,#fff); border-radius:12px; max-width:640px; width:100%;
  max-height:80vh; overflow-y:auto; padding:20px 22px; box-shadow:0 10px 40px rgba(0,0,0,.25);
}
.cbv-modal-box h3{margin:0 0 4px 0; font-size:16px;}
.cbv-modal-sub{font-size:12.5px; color:var(--ink-soft); margin-bottom:14px;}
.cbv-modal-texto{font-size:14px; line-height:1.5; white-space:pre-wrap; color:var(--ink);}
.cbv-modal-close{margin-top:16px; padding:7px 16px; border-radius:6px; border:1px solid var(--line); background:var(--surface); color:var(--ink); background:#f8f8f8; cursor:pointer; font-size:13px;}

/* ================================================================
   REDESIGN PRETO & DOURADO (23/09/2026)
   Só aparência: nenhuma regra abaixo muda comportamento.
   ================================================================ */
:root{ color-scheme: dark; }
body{ background:var(--paper); }
.bv-serif, h1.title, .chart-card h3, .bv-brand-name{ font-family:"Fraunces", Georgia, serif; }

/* ---- Estrutura: menu lateral fixo + área principal ---- */
.wrap.bv-layout{ max-width:none; margin:0; padding:0; }
.bv-side{
  background:#0B0A08; border-bottom:1px solid rgba(224,187,116,.12);
  padding:16px; display:flex; flex-direction:column; gap:14px;
}
.bv-brand{ display:flex; align-items:center; gap:12px; }
.bv-brand .brand-mark{
  width:42px; height:42px; padding:5px; border-radius:10px; box-shadow:none;
  background:#1E1B14; border:1px solid var(--brand-line);
}
.bv-brand-text{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.bv-brand-eyebrow{ color:#D9B96B; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.bv-brand-name{ color:#EDE7D9; font-size:15px; font-weight:500; }
.bv-main{ padding:22px 16px 56px; min-width:0; }
.main-col{ margin-top:18px; }

/* Abas no celular: faixa horizontal com rolagem */
.bv-side .tabs{ border-bottom:none; gap:4px; }
.bv-side .tab-btn{
  height:40px; padding:0 12px; border-radius:10px; border-bottom:none; margin-bottom:0;
  color:var(--ink-soft); font-weight:500;
}
.bv-side .tab-btn svg{ color:var(--ink-faint); opacity:1; }
.bv-side .tab-btn:hover{ background:rgba(224,187,116,.07); color:var(--ink); }
.bv-side .tab-btn.active{ background:rgba(224,187,116,.14); color:#F7F1E4; font-weight:600; border-bottom-color:transparent; }
.bv-side .tab-btn.active svg{ color:var(--brand); }

/* Identidade (usuário + sair + sincronização) */
.bv-side .identity{
  margin-top:0; background:transparent; border:none; box-shadow:none; padding:0;
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.bv-side .identity label{ display:none; }
.bv-side #whoami-display{ color:var(--ink); font-size:13px; }
.bv-side #logout-btn{ background:transparent !important; border:1px solid var(--line) !important; color:var(--ink-soft) !important; min-height:36px; }
.bv-side #logout-btn:hover{ color:var(--ink) !important; border-color:var(--brand-line) !important; }
.bv-side .sync-pill{ margin-left:0; width:100%; font-size:11.5px; color:var(--ink-faint); }

@media (min-width:860px){
  .wrap.bv-layout{ display:flex; align-items:stretch; min-height:100vh; }
  .bv-side{
    width:248px; flex:none; position:sticky; top:0; height:100vh; overflow-y:auto;
    border-bottom:none; border-right:1px solid rgba(224,187,116,.1);
    padding:28px 16px 20px; gap:28px;
  }
  .bv-brand{ padding:0 6px; }
  .bv-side .tabs{
    position:static; width:auto; flex-direction:column; flex-wrap:nowrap; gap:2px; overflow:visible;
  }
  .bv-side .tab-btn{ width:100%; height:42px; justify-content:flex-start; }
  .bv-side .identity{
    margin-top:auto; padding:16px 6px 0; border-top:1px solid rgba(224,187,116,.12);
  }
  .bv-side #whoami-display{ flex:1; min-width:0; }
  .bv-main{ flex:1; padding:36px clamp(24px,3.5vw,56px) 64px; }
  .main-col{ padding-left:0; border-left:none; margin-top:22px; }
}

/* ---- Cabeçalho da área principal ---- */
header.top{ margin-bottom:0; padding-top:0; padding-bottom:22px; border-bottom:1px solid rgba(224,187,116,.12); overflow:visible; }
header.top .header-wm{ right:0; top:-60px; width:220px; height:220px; opacity:.04; }
.bv-date{ color:#D9B96B; font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
h1.title{ font-size:clamp(26px,3vw,34px); font-weight:500; letter-spacing:-.01em; color:#FBF7EE; margin-top:6px; }
header.top .chips{ margin-top:12px; gap:6px 18px; }
header.top .chip{ background:transparent; border:none; padding:0; font-size:13px; font-weight:400; color:var(--ink-soft); }
header.top .chip strong{ font-weight:600; }
header.top .chip.c-urgent strong{ color:var(--urgent); }
header.top .chip.c-warn strong{ color:var(--brand); }

/* ---- Componentes gerais ---- */
.item, .client-card, .chart-card, .docs-card, .mov-item, .cbv-card, .aud-table-wrap, .stat-tile{ border-radius:14px; }
.chart-card h3{ font-size:18px; font-weight:500; letter-spacing:0; }
.btn{ background:var(--brand); border-color:var(--brand); color:#16130D; font-weight:700; min-height:38px; }
.btn-ghost{ background:transparent; border-color:var(--line); color:var(--ink-soft); font-weight:600; }
.btn-ghost:hover{ background:var(--surface-2); color:var(--ink); }
.subtab-btn{ background:transparent; min-height:34px; }
.subtab-btn.active{ background:var(--brand-soft); border-color:var(--brand-line); color:#F0D595; }
.search input, .field input, .field select, .field textarea, .identity input[type="text"], .status-select{
  background:var(--surface); color:var(--ink); border-color:var(--line);
}
.search input{ min-height:44px; border-radius:10px; }
textarea, select, input[type="text"], input[type="date"], input[type="time"], input[type="number"], input[type="search"]{ color-scheme:dark; }
details.team-tip{ margin-top:36px; }
.toast{ background:#F3EEE3; color:#16130D; }

/* ---- Radar do escritório (aba Dia) ---- */
.cbv-radar{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:10px;
  margin:0 0 18px; padding:0; background:transparent; border:none;
}
.cbv-radar-item{
  display:flex; align-items:center; gap:12px; background:var(--surface); border:1px solid var(--line);
  border-radius:12px; padding:14px 16px; font-size:13px; color:var(--ink-soft); line-height:1.35;
}
.cbv-radar-item b{ font-family:"Fraunces", Georgia, serif; font-size:22px; font-weight:500; color:var(--ink); flex:none; }
.cbv-radar-item:nth-child(3){ border-color:var(--brand-line); }
.cbv-radar-item:nth-child(3) b{ color:#E9C77E; }
.cbv-radar-item.cbv-alerta{ background:#1B1611; border-color:var(--urgent-line); color:#D9B5B0; }
.cbv-radar-item.cbv-alerta b{ color:var(--urgent); }
.cbv-aud-pendente{ background:var(--warn-bg); border:1px solid var(--warn-line); border-radius:12px; padding:12px 14px; }
.cbv-aud-pendente-info{ color:var(--ink); }
.cbv-aud-nova-form input{ background:var(--surface); color:var(--ink); border:1px solid var(--line); min-height:36px; padding:4px 8px; }
.cbv-aud-nova-form button{ background:var(--brand); border-color:var(--brand); color:#16130D; font-weight:700; min-height:36px; }
.cbv-aud-nova-ok{ color:var(--calm); }

/* ---- Comunicações / Atas / Acordos / Financeiro ---- */
.cbv-card{ background:var(--surface); border-color:var(--line); }
.cbv-card .cbv-meta{ color:var(--ink-soft); }
.cbv-badge{ border-radius:999px; font-size:12px; font-weight:600; padding:5px 11px; }
.cbv-badge-prazo{ background:var(--urgent-bg); border-color:var(--urgent-line); color:var(--urgent); }
.cbv-badge-audiencia{ background:var(--brand-soft); border-color:var(--brand-line); color:#F0D595; }
.cbv-badge-auto{ background:var(--calm-bg); border-color:var(--calm-line); color:var(--calm); }
.cbv-badge-ata{ background:var(--info-bg); border-color:var(--info-line); color:var(--info); }
.cbv-texto{ color:var(--ink-soft); background:var(--surface-2); border-color:var(--line); }
.cbv-resumo-ia{ color:var(--ink); background:var(--calm-bg); border-color:var(--calm-line); }
.cbv-resumo-ia b{ color:var(--calm); }
.cbv-conferencia-alerta{ color:var(--ink); background:var(--warn-bg); border-color:var(--warn-line); }
.cbv-conferencia-alerta b{ color:var(--warn); }
.cbv-detalhe-original summary{ color:var(--ink-faint); }
.cbv-valores{ background:var(--calm-bg); border-color:var(--calm-line); }
.cbv-valores div{ color:var(--ink-soft); }
.cbv-valores strong{ color:var(--calm); }
.cbv-kpi{ background:var(--surface); border-color:var(--line); border-radius:14px; }
.cbv-kpi .cbv-kpi-label{ color:var(--ink-soft); }
.cbv-kpi .cbv-kpi-value{ font-family:"Fraunces", Georgia, serif; font-weight:500; font-size:24px; color:var(--ink); }
.cbv-kpi.cbv-kpi-alerta{ border-color:var(--urgent-line); background:#1B1611; }
.cbv-kpi.cbv-kpi-alerta .cbv-kpi-value{ color:var(--urgent); }
.cbv-row{ border-bottom-color:var(--line); color:var(--ink); }
.cbv-btn{ background:transparent; border-color:var(--line); color:var(--ink); border-radius:8px; min-height:36px; font-family:inherit; font-weight:600; }
.cbv-btn:hover{ background:var(--surface-2); }
.cbv-btn-confirmar{ background:var(--brand); border-color:var(--brand); color:#16130D; }
.cbv-btn-confirmar:hover{ background:var(--brand); filter:brightness(1.08); }
.cbv-btn-descartar{ background:transparent; border-color:var(--urgent-line); color:var(--urgent); }
.cbv-btn-descartar:hover{ background:var(--urgent-bg); }
.cbv-btn-pagar{ background:var(--calm-bg); border-color:var(--calm-line); color:var(--calm); }

/* Calendários (comunicações e honorários) */
.cbv-cal-header{ color:var(--ink); font-family:"Fraunces", Georgia, serif; font-size:17px; }
.cbv-cal-header button{ background:transparent; border:1px solid var(--line); color:var(--ink-soft); border-radius:10px; min-width:40px; min-height:40px; cursor:pointer; }
.cbv-cal-semana{ color:var(--ink-faint); font-weight:600; letter-spacing:.06em; }
.cbv-cal-grid{ gap:6px; }
.cbv-cal-cel{ background:var(--surface-2); border-color:var(--line); color:var(--ink-soft); border-radius:9px; }
.cbv-cal-vazia{ background:transparent; border:none; }
.cbv-cal-num{ color:var(--ink-faint); }
.cbv-cal-hoje{ border-color:var(--brand); }
.cbv-cal-hoje .cbv-cal-num{ color:var(--brand); }
.cbv-cal-com-valor{ background:var(--calm-bg); border-color:var(--calm-line); }
.cbv-cal-com-valor:hover{ background:#183324; }
.cbv-cal-valor{ color:var(--calm); }
.cbv-cal-com-previsao{ border-color:var(--warn-line); }
.cbv-cal-com-previsao.cbv-cal-com-valor{ background:linear-gradient(180deg,var(--calm-bg) 60%,var(--warn-bg) 60%); }
.cbv-cal-com-previsao:not(.cbv-cal-com-valor){ background:var(--warn-bg); }
.cbv-cal-valor-previsao{ color:var(--warn); }
.cbv-cal-selecionado{ outline:2px solid var(--brand); }
.cbv-cal-legenda{ color:var(--ink-soft); }
.cbv-cal-dot-confirmado{ background:var(--calm); border-color:var(--calm); }
.cbv-cal-dot-previsao{ background:var(--warn-bg); border-color:var(--warn); }
.cbv-cal-com-pendente{ background:#2A1716; border-color:#8A3A38; }
.cbv-cal-com-pendente:hover{ background:#361C1B; }
.cbv-cal-com-pendente .cbv-cal-num{ color:#FFD0D0; font-weight:700; }
.cbv-cal-dot-pendente{ background:#C15959; border-color:#C15959; }
.cbv-cal-previsao-item{ background:var(--warn-bg); border-color:var(--warn-line); color:var(--ink); }

/* Resumo do dia */
.bv-resumo{ background:var(--surface); border:1px solid var(--brand-line); border-radius:16px; padding:20px 24px; margin:0 0 18px; }
.bv-resumo-head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.bv-resumo-head h2{ font-family:"Fraunces", Georgia, serif; font-size:20px; font-weight:500; letter-spacing:0; color:#FBF7EE; }
.bv-resumo-meta{ font-size:11.5px; color:var(--ink-faint); }
.bv-resumo-texto{ white-space:pre-line; font-size:14px; line-height:1.6; color:var(--ink); max-height:420px; overflow:auto; }
.bv-resumo-texto b{ color:#F0D595; font-weight:600; }
.bv-resumo-carregando{ color:var(--ink-faint); font-style:italic; }
.bv-resumo-acoes{ display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; padding-top:14px; border-top:1px solid var(--line); }
.bv-resumo-acoes .bv-resumo-wa{ color:var(--calm); border-color:var(--calm-line); }
.bv-resumo-acoes .bv-resumo-novo{ margin-left:auto; border-color:transparent; }

/* DataJud */
.bv-dj-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.bv-dj-head h3{ margin:0 !important; }
.bv-dj-info{ display:flex; flex-direction:column; gap:3px; font-size:13px; color:var(--ink-soft); margin-bottom:12px; }
.bv-dj-info b{ color:var(--ink); font-weight:600; }
.bv-dj-lista{ display:flex; flex-direction:column; max-height:460px; overflow:auto; }
.bv-dj-mov{ display:flex; gap:12px; align-items:baseline; padding:8px 4px; border-bottom:1px solid var(--line); font-size:13px; }
.bv-dj-mov:last-child{ border-bottom:none; }
.bv-dj-mov .btn{ margin-left:auto; flex:none; }
.bv-dj-data{ flex:none; width:118px; color:var(--ink-faint); font-size:11.5px; }
.bv-dj-nome{ color:var(--ink); flex:1; min-width:0; }
.bv-dj-comp{ color:var(--ink-faint); font-size:12px; }
.bv-dj-imp .bv-dj-nome{ color:#F0D595; font-weight:600; }
.bv-dj-novo{ background:rgba(224,187,116,.06); }
/* ---- Processos + Linha do tempo unificada ---- */
.bv-proc-barra{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin:4px 0 14px; }
.bv-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.bv-chip{ font:inherit; font-size:12.5px; padding:5px 11px; border-radius:999px; border:1px solid var(--line); background:var(--surface); color:var(--ink-soft); cursor:pointer; }
.bv-chip:hover{ border-color:var(--brand-line); color:var(--ink); }
.bv-chip.ativo{ background:var(--brand-soft); border-color:var(--brand-line); color:var(--brand); font-weight:600; }
.bv-chip .mono{ opacity:.7; font-size:11px; margin-left:2px; }
.bv-chip[disabled]{ cursor:default; opacity:.6; }
.bv-proc-ordem{ font-size:12.5px; color:var(--ink-faint); display:flex; align-items:center; gap:6px; }
.bv-proc-ordem select{ font:inherit; font-size:12.5px; padding:5px 8px; border-radius:8px; border:1px solid var(--line); background:var(--surface); color:var(--ink); }
.bv-proc-card{ transition:border-color .15s, transform .15s; }
.bv-proc-card:hover{ border-color:var(--brand-line); transform:translateY(-1px); }
.bv-proc-card:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }
.bv-proc-tem-novo{ border-left:3px solid var(--brand) !important; }
.bv-proc-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.bv-proc-badges{ display:flex; gap:4px; flex:none; }
.bv-badge{ display:inline-block; font-size:10.5px; font-weight:700; letter-spacing:.02em; padding:2px 7px; border-radius:999px; text-transform:uppercase; white-space:nowrap; }
.bv-badge-ouro{ background:var(--brand-soft); color:var(--brand); border:1px solid var(--brand-line); }
.bv-badge-azul{ background:var(--info-bg); color:var(--info); border:1px solid var(--info-line); }
.bv-proc-orgao{ font-size:12px; color:var(--ink-faint); margin-top:5px; }
.bv-proc-linhas{ margin-top:8px; display:flex; flex-direction:column; gap:4px; border-top:1px dashed var(--line); padding-top:8px; }
.bv-proc-linha{ display:flex; gap:8px; font-size:12.5px; color:var(--ink); align-items:baseline; min-width:0; }
.bv-proc-linha > span:last-child{ min-width:0; overflow:hidden; text-overflow:ellipsis; }
.bv-proc-linha em{ color:var(--ink-faint); font-style:normal; }
.bv-proc-rot{ flex:none; width:104px; font-size:10.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-faint); }
.bv-proc-urg, .bv-proc-urg em{ color:var(--warn) !important; }
.bv-proc-fraco{ color:var(--ink-faint); font-size:12.5px; }
.bv-proc-hero{ margin-top:12px; background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:18px; box-shadow:var(--shadow); }
.bv-proc-hero-top{ display:flex; gap:14px; align-items:flex-start; flex-wrap:wrap; }
.bv-proc-hero-top .body{ flex:1; min-width:220px; }
.bv-proc-hero-acoes{ display:flex; flex-wrap:wrap; gap:6px; }
.bv-mini{ font:inherit; font-size:11px; padding:1px 7px; border-radius:6px; border:1px solid var(--line); background:transparent; color:var(--ink-faint); cursor:pointer; }
.bv-mini:hover{ color:var(--brand); border-color:var(--brand-line); }
.bv-proc-cnj{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:10px 18px; margin-top:14px; padding-top:14px; border-top:1px solid var(--line); }
.bv-proc-cnj:empty{ display:none; }
.bv-proc-cnj > div{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.bv-proc-cnj > div span{ font-size:10.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-faint); }
.bv-proc-cnj > div b{ font-size:13px; font-weight:600; color:var(--ink); }
.bv-proc-cnj-largo{ grid-column:1 / -1; }
.dp-l{ display:block; padding:5px 0; border-bottom:1px solid var(--line); font-size:13px; }
.et-falta{ margin:0 0 4px; grid-column:1 / -1; }
.et-falta summary{ cursor:pointer; font-size:13.5px; }
.et-topo{ display:flex; justify-content:space-between; align-items:center; gap:8px; }
.bv-etapas{ margin-top:14px; background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:14px 18px; }
.bv-etapas h3{ margin:0; font-size:14px; }
.et-agora{ margin:10px 0 4px; padding:10px 12px; border-radius:10px; background:var(--warn-bg); border:1px solid var(--warn-line); font-size:13px; }
.et-agora.et-prox{ background:var(--info-bg); border-color:var(--info-line); }
.et-agora.et-acordo{ background:var(--calm-bg); border-color:var(--calm-line); }
.et-agora-tit{ font-size:10.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-faint); font-weight:700; margin-bottom:4px; }
.et-agora-l{ padding:3px 0; }
.et-agora-l.et-urg b{ color:var(--warn); }
.et-agora-l.et-venc b{ color:var(--urgent); }
.et-peca{ color:var(--ink-soft); }
.et-lista{ margin-top:8px; }
.et-lista summary{ cursor:pointer; font-size:12.5px; color:var(--ink-soft); padding:4px 0; }
.et-fase{ font-size:10.5px; text-transform:uppercase; letter-spacing:.08em; color:var(--ink-faint); font-weight:700; margin:12px 0 4px; }
.et-l{ display:flex; gap:10px; align-items:flex-start; padding:6px 0; border-bottom:1px solid var(--line-soft, var(--line)); font-size:13px; }
.et-ic{ width:20px; text-align:center; flex:none; }
.et-corpo{ flex:1; min-width:0; }
.et-sub{ font-size:11.5px; color:var(--ink-faint); }
.et-acoes{ display:flex; gap:4px; flex-wrap:wrap; justify-content:flex-end; }
.et-futuro .et-nome, .et-nao_cabe .et-nome{ color:var(--ink-faint); }
.et-nao_cabe .et-nome{ text-decoration:line-through; }
.et-passou .et-sub{ color:var(--warn); }
.et-curso .et-nome{ font-weight:700; }
.bv-prox{ margin-top:14px; background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:14px 18px; }
.bv-prox h3{ margin:0 0 10px; font-size:14px; }
.bv-prox-item{ display:flex; flex-wrap:wrap; gap:4px 12px; align-items:baseline; padding:7px 0; border-bottom:1px solid var(--line); font-size:13px; }
.bv-prox-item:last-child{ border-bottom:none; }
.bv-prox-tipo{ font-weight:700; color:var(--brand); min-width:80px; }
.bv-prox-item em{ font-style:normal; color:var(--ink-faint); }
.bv-prox-local{ color:var(--ink-soft); flex-basis:100%; font-size:12px; }
.bv-tl-barra{ display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
.bv-tl{ position:relative; padding-left:4px; }
.bv-tl-grupo{ font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--ink-faint); margin:18px 0 6px 118px; font-weight:600; }
.bv-tl-grupo:first-child{ margin-top:4px; }
.bv-tl-grupo-futuro{ color:var(--brand); }
.bv-tl-hoje{ display:flex; align-items:center; gap:10px; margin:14px 0 4px; color:var(--brand); font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.bv-tl-hoje::before, .bv-tl-hoje::after{ content:""; height:1px; background:var(--brand-line); flex:1; }
.bv-tl-hoje::before{ flex:0 0 100px; }
.bv-tl-ev{ display:grid; grid-template-columns:96px 14px 1fr; gap:0 8px; position:relative; }
.bv-tl-ev::before{ content:""; position:absolute; left:109px; top:0; bottom:0; width:2px; background:var(--line); }
.bv-tl-data{ grid-column:1; grid-row:1; text-align:right; font-size:11.5px; color:var(--ink-soft); padding-top:12px; line-height:1.35; }
.bv-tl-data em{ font-style:normal; color:var(--brand); font-size:11px; }
.bv-tl-dot{ grid-column:2; grid-row:1; width:12px; height:12px; border-radius:50%; margin-top:14px; background:var(--surface); border:2px solid var(--ink-faint); position:relative; z-index:1; }
.bv-tl-corpo{ grid-column:3; grid-row:1; margin:5px 0; padding:9px 13px; border-radius:10px; border:1px solid var(--line); background:var(--surface); min-width:0; }
.bv-tl-top{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.bv-tl-top .btn-icon-del{ margin-left:auto; }
.bv-tl-fonte{ font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-faint); }
.bv-tl-status{ font-size:11px; color:var(--ink-faint); border:1px solid var(--line); padding:1px 7px; border-radius:999px; }
.bv-tl-titulo{ font-size:13.5px; color:var(--ink); margin-top:3px; line-height:1.4; overflow-wrap:anywhere; }
.bv-tl-det{ font-size:12.5px; color:var(--ink-soft); margin-top:3px; overflow-wrap:anywhere; }
.bv-tl-proc{ font-size:11px; color:var(--ink-faint); margin-top:4px; }
.bv-tl-texto{ margin-top:6px; font-size:12.5px; }
.bv-tl-texto summary{ cursor:pointer; color:var(--brand); font-size:12px; }
.bv-tl-texto div{ margin-top:6px; color:var(--ink-soft); white-space:pre-wrap; max-height:320px; overflow:auto; line-height:1.5; }
.bv-tl-escritorio .bv-tl-dot{ border-color:var(--brand); background:var(--brand); }
.bv-tl-escritorio .bv-tl-fonte{ color:var(--brand); }
.bv-tl-agenda .bv-tl-dot{ border-color:var(--calm); }
.bv-tl-agenda .bv-tl-fonte{ color:var(--calm); }
.bv-tl-djen .bv-tl-dot{ border-color:var(--info); }
.bv-tl-djen .bv-tl-fonte{ color:var(--info); }
.bv-tl-cnj .bv-tl-corpo{ background:transparent; border-style:dashed; }
.bv-tl-cnj.bv-tl-imp .bv-tl-corpo{ background:var(--surface); border-style:solid; }
.bv-tl-cnj.bv-tl-imp .bv-tl-titulo{ color:#F0D595; font-weight:600; }
.bv-tl-novo .bv-tl-corpo{ border-color:var(--brand-line); box-shadow:0 0 0 1px var(--brand-line) inset; }
.bv-tl-atrasado .bv-tl-corpo{ border-color:var(--urgent-line); }
.bv-tl-atrasado .bv-tl-status{ color:var(--urgent); border-color:var(--urgent-line); }
.bv-linha-head{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
/* ---- Teses do TST ---- */
.bv-teses{ display:flex; flex-direction:column; gap:10px; }
.bv-tese{ background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:14px 16px; }
.bv-tese-susp{ border-left:3px solid var(--urgent); }
.bv-tese-top{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px; }
.bv-tese-top .bv-mini{ margin-left:auto; text-decoration:none; }
.bv-tese-num{ font-weight:700; color:var(--brand); font-size:13.5px; }
.bv-tt-ok{ background:var(--calm-bg) !important; color:var(--calm) !important; border:1px solid var(--calm-line) !important; }
.bv-tt-warn{ background:var(--warn-bg) !important; color:var(--warn) !important; border:1px solid var(--warn-line) !important; }
.bv-tt-muted{ background:var(--muted-bg) !important; color:var(--muted) !important; border:1px solid var(--muted-line) !important; }
.bv-tt-urg{ background:var(--urgent-bg) !important; color:var(--urgent) !important; border:1px solid var(--urgent-line) !important; }
.bv-tese-rot{ font-size:10.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-faint); margin-bottom:3px; }
.bv-tese-txt{ font-size:13.5px; color:var(--ink); line-height:1.55; white-space:pre-line; overflow-wrap:anywhere; }
.bv-tese-txt summary{ cursor:pointer; list-style:none; }
.bv-tese-txt summary::-webkit-details-marker{ display:none; }
.bv-tese-txt[open] summary{ display:none; }
.bv-tese-mais{ color:var(--brand); font-size:12px; white-space:nowrap; }
.bv-tese-suspbox{ margin-top:8px; font-size:12.5px; color:var(--ink-soft); background:var(--urgent-bg); border:1px solid var(--urgent-line); border-radius:8px; padding:7px 10px; white-space:pre-line; }
.bv-tese-rodape{ display:flex; flex-wrap:wrap; gap:4px 16px; margin-top:10px; padding-top:8px; border-top:1px dashed var(--line); font-size:12px; color:var(--ink-faint); }
.bv-tese-rodape b{ color:var(--ink-soft); font-weight:600; }
.bv-tese-rep{ font-size:11.5px; }
.bv-tese-erro{ color:var(--urgent) !important; }
.bv-tese-nova{ border-color:var(--brand-line); box-shadow:0 0 0 1px var(--brand-line) inset; }
.bv-tese-ver{ margin-left:4px; }
.bv-tese-mud{ font-size:11.5px; font-weight:700; color:var(--brand); text-transform:uppercase; letter-spacing:.05em; margin-bottom:6px; }
.bv-tab-badge{ margin-left:auto; background:var(--brand); color:#17150F; font-size:10.5px; font-weight:800; border-radius:999px; padding:1px 7px; line-height:16px; }
/* ---- Áreas: Trabalhista x Previdenciário ---- */
body[data-area="prev"] .tab-btn[data-area="trab"], body[data-area="trab"] .tab-btn[data-area="prev"]{ display:none !important; }
.bv-area-switch{ display:flex; background:#141210; border:1px solid var(--line); border-radius:10px; padding:3px; gap:3px; }
.bv-area-switch button{ flex:1; font:inherit; font-size:12.5px; font-weight:600; padding:8px 6px; border-radius:8px; border:none; background:transparent; color:var(--ink-faint); cursor:pointer; }
.bv-area-switch button.ativo{ background:var(--brand-soft); color:var(--brand); box-shadow:0 0 0 1px var(--brand-line) inset; }
.bv-area-switch button:hover:not(.ativo){ color:var(--ink); }
#bv-area-escolha{ position:fixed; inset:0; z-index:9000; background:rgba(12,11,9,.97); display:flex; align-items:center; justify-content:center; padding:24px; }
.bv-area-box{ max-width:760px; width:100%; text-align:center; }
.bv-area-box .bv-area-eyebrow{ color:var(--brand); font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.bv-area-box h1{ font-family:"Fraunces", Georgia, serif; font-weight:500; color:var(--ink); font-size:clamp(26px,4vw,36px); margin:10px 0 6px; }
.bv-area-box p{ color:var(--ink-soft); margin:0 0 26px; }
.bv-area-cards{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:16px; }
.bv-area-card{ font:inherit; text-align:left; cursor:pointer; background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:24px 22px; color:var(--ink); transition:border-color .15s, transform .15s; }
.bv-area-card:hover, .bv-area-card:focus-visible{ border-color:var(--brand); transform:translateY(-2px); outline:none; }
.bv-area-card svg{ width:34px; height:34px; color:var(--brand); }
.bv-area-card b{ display:block; font-family:"Fraunces", Georgia, serif; font-size:22px; font-weight:500; margin:12px 0 6px; }
.bv-area-card span{ color:var(--ink-soft); font-size:13.5px; line-height:1.5; }
/* ---- Previdenciário ---- */
.prev-badge{ display:inline-block; padding:2px 10px; border-radius:6px; font-size:12px; font-weight:600; letter-spacing:.02em; }
.prev-badge.st-pendente{ background:var(--warn-bg); color:var(--warn); border:1px solid var(--warn-line); }
.prev-badge.st-protocolado{ background:var(--info-bg); color:var(--info); border:1px solid var(--info-line); }
.prev-badge.st-ajuizado{ background:var(--brand-soft); color:var(--brand); border:1px solid var(--brand-line); }
.prev-badge.st-finalizado{ background:var(--muted-bg); color:var(--muted); border:1px solid var(--muted-line); }
.prev-badge.res-ganho{ background:var(--calm-bg); color:var(--calm); border:1px solid var(--calm-line); }

/* ===== Mudanças 14-16: Kanban, Ofícios, Dashboard previdenciário ===== */
.prev-badge.res-desistencia{ background:var(--muted-bg); color:var(--muted); border:1px solid var(--muted-line); }
.kb-topo{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:14px 0 10px;}
.kb-topo h2{margin:0; font-size:20px;}
.kb-topo .kb-resumo{color:var(--ink-soft); font-size:13px;}
.kb-topo input{flex:1; min-width:180px; max-width:320px; padding:8px 10px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); font-size:14px;}
.kb-board{display:grid; grid-template-columns:repeat(7, minmax(178px, 1fr)); gap:12px; overflow-x:auto; padding-bottom:10px; align-items:start;}
.kb-col{background:var(--surface-2); border:1px solid var(--line); border-radius:12px; padding:10px; min-height:160px; transition:background .15s, border-color .15s;}
.kb-col.kb-sobre{background:var(--brand-soft); border-color:var(--brand-line);}
.kb-col-topo{border-top:3px solid var(--kbcor, var(--brand)); margin:-10px -10px 10px; padding:9px 10px 7px; border-radius:12px 12px 0 0;}
.kb-col-topo b{display:flex; justify-content:space-between; gap:6px; font-size:13.5px;}
.kb-col-topo b span{font-family:"Geist Mono",monospace; color:var(--ink-soft); font-weight:600;}
.kb-col-topo small{color:var(--ink-soft); font-size:12px;}
/* (29/10/2026) nome da coluna na letra normal (a mono espremia e quebrava em várias linhas) */
.kb-col-topo b .kb-col-nome{font-family:inherit; color:var(--ink); font-weight:700; line-height:1.3;}
.kb-col-topo b .kb-col-dir{flex:none; align-self:flex-start;}
/* datas de urgência no card: parto previsto (salário-maternidade) e DCB (auxílio por incapacidade) */
.kb-data{display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px; margin-top:7px; padding:6px 8px; border-radius:8px; font-size:12.5px; line-height:1.35; background:var(--surface-2); border-left:3px solid var(--line);}
.kb-data > span{flex:1 1 0; min-width:0;}
.kb-card .kb-card-linha .fin-st{white-space:normal; max-width:100%;} .kb-card .kb-card-linha .fin-dim{display:none;}   /* a DCB já aparece na faixa de data */ .kb-data small{flex-basis:100%; font-size:12px; color:var(--ink-soft);}
.kb-d-ok{border-left-color:var(--calm);} .kb-d-at{border-left-color:var(--warn);} .kb-d-urg{border-left-color:var(--urgent);} .kb-d-urg > span b, .kb-d-urg small b{color:var(--urgent);}
.kb-d-falta{border-left-color:var(--warn); border-left-style:dashed;}
/* ⚖️ ações ajuizadas (aba Números): os cartões filtram a lista */
button.stat-tile.na-tile{cursor:pointer; text-align:left; font:inherit; color:inherit;} button.stat-tile.na-on{outline:2px solid var(--brand); outline-offset:-2px;}
#num-ajuizadas select{font-size:12.5px; padding:3px 6px; border:1px solid var(--line); border-radius:6px; background:var(--surface); color:var(--ink);}
/* 🧠 mini-resumo do caso */
.kb-res{margin-top:8px; padding:7px 9px; border-radius:8px; background:var(--surface-2); border:1px solid var(--line); font-size:12.5px; line-height:1.45; cursor:default;}
.kb-res summary{cursor:pointer; list-style:none;} .kb-res summary::-webkit-details-marker{display:none;}
.kb-res p{margin:5px 0 0;} .kb-res-ok{color:var(--calm); font-weight:700;}
.kb-res-alerta{margin-top:5px; color:var(--urgent); font-weight:600;} .kb-res-obs{margin-top:5px; color:var(--ink-soft);}
.kb-res-falta{margin-top:6px;} .kb-res-falta b{color:var(--warn);} .kb-res-nada{color:var(--calm);}
.kb-res-pe{margin-top:6px; font-size:11.5px; color:var(--ink-faint); display:flex; flex-wrap:wrap; gap:4px; align-items:center;}
.kb-res-pe button{background:none; border:0; padding:0 2px; color:var(--brand); cursor:pointer; font:inherit; text-decoration:underline;}
.kb-res-velho{border-color:var(--warn); border-style:dashed;} .kb-res-velho .kb-res-pe b{color:var(--warn);}
.kb-res-carreg{color:var(--ink-soft); animation:kbpulsa 1.4s ease-in-out infinite;}
@keyframes kbpulsa{50%{opacity:.5;}}
.kb-res-gerar{margin-top:8px; width:100%; text-align:left; font-size:12.5px; padding:6px 9px; border-radius:8px; border:1px dashed var(--brand-line, var(--line)); background:none; color:var(--ink-soft); cursor:pointer; font-family:inherit;}
.kb-res-gerar:hover{color:var(--ink); background:var(--surface-2);}
.kb-data-ed{cursor:pointer; font-size:13px; flex:none; min-width:30px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:7px; border:1px solid var(--line); background:var(--surface); color:var(--ink); padding:0 6px; font-family:inherit;}
.kb-data-ed:hover{border-color:var(--brand);}
.kb-d-falta .kb-data-ed::after{content:" informar"; font-size:12px; margin-left:3px;}
.kb-data-editando{flex-direction:column; align-items:stretch; gap:6px; border-left-color:var(--brand); cursor:default;}
.kb-ed-l{display:flex; flex-direction:column; gap:3px; font-size:12px; color:var(--ink-soft);}
.kb-ed-l input[type=date]{font-size:14px; padding:5px 7px; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--ink); font-family:inherit;}
.kb-ed-chk{flex-direction:row; align-items:center; gap:6px; color:var(--ink); font-size:12.5px;}
.kb-ed-bts{display:flex; gap:6px; flex-wrap:wrap;}
.kb-vazio{color:var(--ink-faint); font-size:12.5px; text-align:center; padding:18px 4px;}
.kb-card{background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:10px 11px; margin-bottom:9px; box-shadow:var(--shadow); cursor:grab;}
.kb-card.kb-arrastando{opacity:.45;}
.kb-card-nome{font-weight:700; font-size:14px; line-height:1.25; cursor:pointer; color:var(--ink); background:none; border:0; padding:0; text-align:left; font-family:inherit;}
.kb-card-nome:hover{text-decoration:underline;}
.kb-card-linha{display:flex; flex-wrap:wrap; gap:5px; align-items:center; margin-top:6px; font-size:12px;}
.kb-ticket{font-family:"Geist Mono",monospace; font-weight:600; color:var(--calm);}
.kb-dias{font-size:11.5px; padding:1px 7px; border-radius:20px; background:var(--muted-bg); color:var(--muted); border:1px solid var(--muted-line);}
.kb-dias.kb-atrasado{background:var(--urgent-bg); color:var(--urgent); border-color:var(--urgent-line); font-weight:700;}
.kb-pend{margin-top:7px; font-size:12px; color:var(--warn); background:var(--warn-bg); border:1px solid var(--warn-line); border-radius:8px; padding:5px 8px;}
.kb-pend summary{cursor:pointer; font-weight:600;}
.kb-pend ul{margin:4px 0 0 16px; padding:0;}
.kb-pend ul.pck-lista{margin:6px 0 0; padding:0;}
.pck-resumo{display:flex; align-items:center; gap:10px; font-size:13px; margin:6px 0 8px; flex-wrap:wrap;}
.pck-barra{flex:0 0 140px; height:8px; border-radius:99px; background:var(--line); overflow:hidden;} .pck-barra span{display:block; height:100%; background:var(--calm);}
.pck-faltam{color:var(--urgent); font-weight:700;}
.pck-lista{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px;}
.pck-item{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border:1px solid var(--line); border-left:4px solid var(--urgent); border-radius:10px; background:var(--surface);}
.pck-item.pck-s-tenho{border-left-color:var(--calm);} .pck-item.pck-s-nao_precisa{border-left-color:var(--muted); opacity:.8;}
.pck-txt{display:flex; flex-direction:column; gap:2px; min-width:0;} .pck-txt b{font-size:13px; color:var(--ink);} .pck-txt small{font-size:11.5px; color:var(--ink-soft);}
.pck-info{color:var(--ink-faint) !important;}
.pck-bts{display:flex; gap:4px; flex:0 0 auto; flex-wrap:wrap; justify-content:flex-end;}
.pck-bt{font:inherit; font-size:11.5px; padding:4px 8px; border-radius:99px; border:1px solid var(--line); background:var(--surface-2); color:var(--ink-soft); cursor:pointer; white-space:nowrap;}
.pck-bt:focus-visible{outline:3px solid var(--focus); outline-offset:1px;}
.pck-bt.on.pck-tenho{background:var(--calm-bg); border-color:var(--calm); color:var(--calm); font-weight:700;}
.pck-bt.on.pck-nao_precisa{background:var(--muted-bg); border-color:var(--muted); color:var(--ink); font-weight:700;}
.pck-bt.on.pck-falta{background:var(--urgent-bg); border-color:var(--urgent); color:var(--urgent); font-weight:700;}
.pck-auto{font:inherit; font-size:11px; border:0; background:none; color:var(--brand); cursor:pointer; padding:0 2px;}
.pck-compacta .pck-item{padding:5px 6px; border-left-width:3px; background:var(--surface); flex-direction:column; align-items:stretch; gap:4px;}
.pck-compacta .pck-bts{justify-content:flex-start;} .pck-compacta .pck-txt b{font-size:11.5px; font-weight:600;}
.pck-compacta .pck-bt.pck-falta{display:none;} .pck-compacta .pck-bt{padding:3px 6px;}
.kb-pck-todos{font:inherit; font-size:11.5px; margin-top:6px; border:0; background:none; color:var(--brand); cursor:pointer; padding:0; text-decoration:underline;}
@media (max-width:640px){ .pck-item{flex-direction:column; align-items:stretch;} .pck-bts{justify-content:flex-start;} }
.kb-ok{margin-top:7px; font-size:12px; color:var(--calm);}
.kb-semdrive{margin-top:7px; font-size:12px; color:var(--ink-faint);}
.kb-acoes{display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; align-items:center;}
.kb-acoes .btn-sm{padding:4px 8px; font-size:11.5px;}
.kb-acoes select{font-size:11.5px; padding:4px 5px; border:1px solid var(--line); border-radius:6px; background:var(--surface); color:var(--ink); max-width:150px;}
.kb-motivos{display:grid; gap:8px; margin:6px 0 12px;}
.kb-motivos label{display:flex; gap:8px; align-items:center; border:1px solid var(--line); border-radius:8px; padding:9px 10px; cursor:pointer; font-size:14px;}
.kb-motivos input:checked + span{font-weight:700;}
@media (max-width:859px){
  .kb-board{display:flex; scroll-snap-type:x mandatory; margin:0 -16px; padding:0 16px 10px;}
  .kb-col{flex:0 0 82%; scroll-snap-align:start;}
  .kb-card{cursor:default;}
}
.of-grid{display:grid; grid-template-columns:minmax(300px, 420px) 1fr; gap:16px; align-items:start; margin-top:14px;}
.of-painel{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:14px 16px; box-shadow:var(--shadow);}
.of-painel h3{margin:0 0 10px; font-size:15px;}
.of-signs{display:flex; flex-wrap:wrap; gap:8px 14px; font-size:13.5px;}
.of-signs label{display:flex; gap:6px; align-items:center; cursor:pointer; font-size:13.5px; color:var(--ink); margin:0;}
.of-signs input{width:auto !important; margin:0; padding:0;}
.of-aviso{margin:10px 0; padding:9px 11px; border-radius:8px; font-size:13px; background:var(--urgent-bg); color:var(--urgent); border:1px solid var(--urgent-line);}
.of-aviso.of-aviso-info{background:var(--info-bg); color:var(--info); border-color:var(--info-line);}
.of-previa{background:#fff; color:#111; border:1px solid var(--line); border-radius:8px; padding:26px 30px; font-family:Arial, Helvetica, sans-serif; font-size:13.5px; line-height:1.5; min-height:260px;}
.of-previa .destaque-vermelho{color:#C8102E; font-weight:700; background:#FDECEC; padding:0 2px; border-radius:2px;}
.of-hist{width:100%; border-collapse:collapse; font-size:13px;}
.of-hist td, .of-hist th{padding:7px 6px; border-top:1px solid var(--line); text-align:left; vertical-align:top;}
.of-hist th{font-size:11.5px; color:var(--ink-soft); font-weight:600; border-top:0;}
@media (max-width:859px){ .of-grid{grid-template-columns:1fr;} .of-previa{padding:16px; font-size:13px;} }
.pd16{margin-top:6px;}
.pd16 .stat-tile small{display:block; color:var(--ink-soft); font-size:12px; margin-top:2px;}
.pd16-meses{display:flex; align-items:flex-end; gap:6px; height:150px; padding:8px 2px 0;}
.pd16-mes{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; font-size:11px; color:var(--ink-soft);}
.pd16-mes i{display:block; width:100%; max-width:34px; background:var(--brand); border-radius:5px 5px 0 0; min-height:2px;}
.pd16-mes b{font-family:"Geist Mono",monospace; font-size:11px; color:var(--ink); margin-bottom:2px;}
.pd16-tab{width:100%; border-collapse:collapse; font-size:13px;}
.pd16-tab td, .pd16-tab th{padding:7px 6px; border-top:1px solid var(--line); text-align:left;}
.pd16-tab th{font-size:11.5px; color:var(--ink-soft); font-weight:600; border-top:0;}
.pd16-tab td.num{font-family:"Geist Mono",monospace; text-align:right;}
.pd16-taxas{display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;}
.pd16-taxa{border:1px solid var(--line); border-radius:10px; padding:10px 12px;}
.pd16-taxa b{font-family:"Geist Mono",monospace; font-size:22px; display:block;}
.pd16-taxa span{font-size:12px; color:var(--ink-soft);}

.prev-badge.res-perdido{ background:var(--urgent-bg); color:var(--urgent); border:1px solid var(--urgent-line); }
.prev-badge-grande{ font-size:13px; padding:3px 12px; letter-spacing:.08em; }
.prev-tag-falta{ color:var(--warn) !important; border-color:var(--warn-line) !important; }
.prev-item .item-title{ margin-top:2px; }
.prev-prox{ color:var(--warn) !important; }
#prev-list-wrap{ display:flex; flex-direction:column; gap:10px; margin-top:14px; }
.prev-pipeline{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; margin:16px 0 4px; }
.prev-pipeline .prev-step{ display:flex; align-items:center; gap:6px; padding:6px 12px; border-radius:9px; font:inherit; font-size:13px;
  background:var(--surface-2); border:1px solid var(--line); color:var(--ink-soft); cursor:pointer; transition:all .15s; }
.prev-pipeline .prev-step:hover{ border-color:var(--brand-line); color:var(--ink); }
.prev-pipeline .prev-step.feito{ color:var(--calm); border-color:var(--calm-line); }
.prev-pipeline .prev-step.active{ background:var(--brand-soft); border-color:var(--brand); color:var(--brand); font-weight:700; cursor:default; }
.prev-pipeline .prev-step .count{ font-family:"Geist Mono",monospace; font-size:11px; opacity:.75; }
.prev-step-n{ width:18px; height:18px; border-radius:50%; border:1px solid currentColor; display:inline-flex; align-items:center; justify-content:center; font-size:10.5px; }
.prev-step-seta{ color:var(--ink-faint); }
.prev-doc{ display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; padding:8px 0; border-bottom:1px solid var(--line); font-size:13.5px; }
.prev-doc:last-child{ border-bottom:none; }
.prev-doc b{ font-weight:600; margin-right:8px; }
.prev-doc-acoes{ display:flex; gap:6px; flex-wrap:wrap; }
.prev-doc-st{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:1px 8px; border-radius:999px; border:1px solid var(--line); color:var(--ink-faint); }
.prev-doc-st.st-gerado{ color:var(--info); border-color:var(--info-line); }
.prev-doc-st.st-enviado{ color:var(--calm); border-color:var(--calm-line); }
.prev-sugestao{ margin-top:12px; padding:10px 12px; border:1px solid var(--brand-line); background:var(--brand-soft); border-radius:10px; color:var(--ink); font-size:13.5px; display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.prev-aviso-cliente{ font-size:12px; color:var(--warn); margin-top:4px; }
#prev-subtabs{ margin:6px 0 4px; }
#prev-toolbar{ flex-wrap:wrap; gap:10px; }
@media (max-width:640px){ #prev-toolbar .search{ max-width:none !important; flex:1 1 100% !important; order:3; } }
/* ---- 4 áreas ---- */
body[data-area="trab"] .tab-btn:not([data-area~="trab"]), body[data-area="prev"] .tab-btn:not([data-area~="prev"]),
body[data-area="mkt"] .tab-btn:not([data-area~="mkt"]), body[data-area="ger"] .tab-btn:not([data-area~="ger"]){ display:none !important; }
.bv-area-switch{ display:grid !important; grid-template-columns:1fr 1fr; }
body:not([data-socio="1"]) .gx-so-socio{ display:none !important; }
body:not([data-socio="1"]):not([data-mkt="1"]) .gx-mkt{ display:none !important; }
body:not([data-socio="1"]):not([data-mkt="1"]) .tab-btn[data-tab="marketing"]{ display:none !important; }
/* abas por login (Gerência → Equipe e acessos) */
body[data-acesso="custom"] [data-bloq="1"]{ display:none !important; }
.pd-pedidos:empty{display:none;}
/* 🧭 Fases / ⚖️ 2º grau */
.fs-topo{display:flex; justify-content:space-between; align-items:flex-start; gap:14px; flex-wrap:wrap; margin-top:14px;}
.fs-topo h2{margin:0;} .fs-busca-agora{display:flex; flex-direction:column; align-items:flex-end; gap:4px;}
.fs-trilho{display:flex; align-items:stretch; gap:6px; margin-top:16px; overflow-x:auto; padding-bottom:4px; scroll-snap-type:x mandatory;}
.fs-etapa{--fc:var(--brand); flex:1 1 0; min-width:112px; scroll-snap-align:start; display:flex; flex-direction:column; align-items:flex-start; gap:2px; text-align:left; cursor:pointer;
  background:var(--surface); border:1px solid var(--line); border-top:3px solid var(--fc); border-radius:14px; padding:10px 12px; color:var(--ink); font:inherit; transition:transform .12s, box-shadow .12s, background .12s;}
.fs-etapa i{font-style:normal; font-size:18px;} .fs-etapa b{font-family:"Geist Mono",monospace; font-size:26px; line-height:1.1;}
.fs-etapa span{font-size:12px; font-weight:600; color:var(--ink-soft); line-height:1.25;}
.fs-etapa:hover{transform:translateY(-1px); box-shadow:var(--shadow-lg);}
.fs-etapa:focus-visible, .fs-g2-chip:focus-visible{outline:3px solid var(--focus); outline-offset:2px;}
.fs-etapa.on{background:color-mix(in srgb, var(--fc) 16%, var(--surface)); border-color:var(--fc);} .fs-etapa.on span{color:var(--ink);}
.fs-todas{--fc:var(--ink-faint); min-width:84px; flex:0 0 auto;}
.fs-seta{align-self:center; color:var(--ink-faint); font-size:20px; flex:0 0 auto;}
.fs-barra{display:flex; height:8px; border-radius:99px; overflow:hidden; margin-top:10px; background:var(--line); gap:2px;}
.fs-desc{font-size:13px; color:var(--ink-soft); margin:10px 0 0;}
.fs-lista{display:grid; grid-template-columns:repeat(auto-fill, minmax(340px, 1fr)); gap:12px; margin-top:12px;}
.fs-card{--fc:var(--brand); background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--fc); border-radius:14px; padding:12px 14px; box-shadow:var(--shadow); display:flex; flex-direction:column; gap:6px;}
.fs-card-topo{display:flex; justify-content:space-between; gap:10px; align-items:flex-start;}
.fs-cli{font-size:15px;} .fs-num{font-size:12px; color:var(--ink-soft); margin-top:2px;}
.fs-fase-pill{--fc:var(--brand); flex:0 0 auto; font-size:11.5px; font-weight:700; padding:4px 9px; border-radius:99px; border:1px solid var(--fc); color:var(--ink); background:color-mix(in srgb, var(--fc) 14%, transparent); white-space:nowrap;}
.fs-linha{display:flex; flex-wrap:wrap; gap:4px 12px; font-size:12.5px; color:var(--ink-soft);}
.fs-det{font-size:13px; font-weight:600; color:var(--ink);}
.fs-por{font-size:12.5px; color:var(--ink-soft); line-height:1.4;} .fs-por b{color:var(--ink);}
.fs-ult{font-size:12px; color:var(--ink-faint); line-height:1.4;}
.fs-aviso{font-size:12px; background:var(--info-bg); border:1px solid var(--info-line); border-radius:8px; padding:6px 8px;}
.fs-acoes{display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:4px; padding-top:8px; border-top:1px dashed var(--line);}
.fs-tag{font-size:11px; padding:3px 8px; border-radius:99px; background:var(--surface-2); color:var(--ink-soft); border:1px solid var(--line);}
.fs-tag-auto{color:var(--calm);} .fs-tag-fraca{color:var(--ink-faint);}
.fs-mudar{display:inline-flex !important; align-items:center; gap:6px; font-size:12px !important; text-transform:none !important; letter-spacing:0 !important; color:var(--ink-soft);}
.fs-mudar select{font-size:12.5px; padding:4px 6px; border-radius:8px; max-width:190px;}
.fs-andamentos{margin-top:4px;} .fs-movs{margin:0; padding-left:18px; font-size:12.5px; max-height:260px; overflow:auto;}
.fs-movs li{margin:3px 0; color:var(--ink-soft);} .fs-movs .mono{color:var(--ink); margin-right:6px;} .fs-movs em{font-style:normal; font-size:10.5px; font-weight:700; color:#8E7CF0; border:1px solid #8E7CF0; border-radius:6px; padding:0 4px; margin-right:6px;}
.fs-hist{font-size:12px; color:var(--ink-soft); margin-top:6px;}
.fs-g2-resumo{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
.fs-g2-chip{display:flex; align-items:baseline; gap:6px; background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:8px 12px; cursor:pointer; color:var(--ink); font:inherit;}
.fs-g2-chip b{font-family:"Geist Mono",monospace; font-size:18px;} .fs-g2-chip span{font-size:12.5px; color:var(--ink-soft);}
.fs-g2-chip.on{border-color:#8E7CF0; background:color-mix(in srgb, #8E7CF0 14%, var(--surface));}
.fs-g2-org{font-size:13.5px; line-height:1.4;}
.aud-res-lista{display:grid; grid-template-columns:repeat(auto-fill, minmax(330px, 1fr)); gap:10px;}
.aud-res{background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--warn); border-radius:14px; padding:10px 12px; display:flex; flex-direction:column; gap:4px;}
.aud-res-topo{display:flex; justify-content:space-between; gap:8px; align-items:baseline;} .aud-res-topo .mono{font-size:12.5px; color:var(--ink-soft);}
.aud-res-sub{font-size:12px; color:var(--ink-soft);}
.aud-res-bts{display:flex; flex-wrap:wrap; gap:6px; margin-top:6px;}
.aud-res-sent{background:#D98C5F !important; border-color:#D98C5F !important; color:#111 !important;}
@media (max-width:700px){ .aud-res-lista{grid-template-columns:1fr;} }
.fs-proc-fase{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:14px; background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--fc); border-radius:14px; padding:10px 14px;}
.fs-proc-por{font-size:12.5px; color:var(--ink-soft); flex:1 1 220px;}
.fs-bt-sent{border-color:#D98C5F !important;}
.fs-g2-trts{display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:10px;}
.fs-g2-rot{font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-faint); margin-right:4px;}
.fs-trt-chip{font:inherit; font-size:12.5px; cursor:pointer; background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:99px; padding:5px 11px;}
.fs-trt-chip small{color:var(--ink-faint);} .fs-trt-chip b{font-family:"Geist Mono",monospace; margin-left:2px;}
.fs-trt-chip.on{border-color:var(--brand); background:var(--brand-soft);} .fs-trt-chip:focus-visible{outline:3px solid var(--focus); outline-offset:2px;}
.fs-trt-bloco{margin-top:18px;}
.fs-trt-cab{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px; padding-bottom:8px; border-bottom:1px solid var(--line);}
.fs-trt-cab h3{font-size:15px; margin:0;} .fs-trt-cab h3 span{font-size:12px; font-weight:600; color:var(--ink-faint); margin-left:6px;}
.fs-trt-turmas{display:flex; flex-wrap:wrap; gap:6px;}
.fs-passo{margin-top:12px;} .fs-passo small{color:var(--ink-soft);}
.fs-prog{height:8px; border-radius:99px; background:var(--line); overflow:hidden; margin:6px 0 4px;} .fs-prog span{display:block; height:100%; width:3%; background:var(--gold-grad, var(--brand)); transition:width .3s;}
.bv-tab-badge-g2{background:#8E7CF0 !important; color:#fff !important;}
@media (max-width:700px){ .fs-lista{grid-template-columns:1fr;} .fs-seta{display:none;}
  .fs-trilho{display:grid; grid-template-columns:repeat(3, 1fr); overflow:visible;} .fs-etapa{min-width:0; padding:8px 10px;} .fs-etapa b{font-size:22px;}
  .fs-todas{grid-column:span 3; flex-direction:row; align-items:baseline; gap:8px;} .fs-busca-agora{align-items:stretch; width:100%;} }
.pd-pedidos{margin:12px 0 14px; border:1px solid var(--brand-line); border-radius:14px; padding:12px 14px; background:var(--surface-2);}
.pd-topo{display:flex; gap:10px; align-items:center; flex-wrap:wrap; justify-content:space-between;}
.pd-topo h3{font-size:14px; margin:0;} .pd-topo .bv-chips{margin:0;}
.at-peca-emb{margin-top:10px; border-top:1px dashed var(--line); padding-top:8px;}
.at-peca-emb > summary{cursor:pointer; font-weight:600; font-size:13px; color:var(--brand);}
.at-proximo{margin-top:8px; font-size:12.5px; color:var(--ink-soft); background:var(--surface-2); border-radius:8px; padding:6px 10px;}
.at-iniciais{margin-top:18px;}
.bv-tab-badge-pd{background:var(--info, #4a7bd0) !important;}
.eq-abas{margin-top:12px; border:1px solid var(--brand-line); border-radius:12px; padding:12px 14px; background:var(--surface-2);}
.eq-abas-topo{display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap; align-items:baseline; margin-bottom:6px;}
.eq-abas-g{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-faint); margin:10px 0 6px;}
.eq-abas-lista{display:grid; grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)); gap:6px 12px;}
.eq-aba{display:flex !important; gap:8px; align-items:center; font-size:13.5px; cursor:pointer; text-transform:none !important; letter-spacing:0 !important; color:var(--ink);}
.eq-aba input{width:17px !important; height:17px !important; margin:0 !important; flex:0 0 auto;}
.eq-aba small{color:var(--ink-faint);} .eq-aba-lock{color:var(--ink-faint); cursor:not-allowed;}
.eq-abas-acoes{display:flex; gap:8px; flex-wrap:wrap; margin-top:12px;}
.bv-mini.on{background:var(--brand); color:#111;}
/* Modo "só demandas" (Lívia): sem prazos, audiências, processos — só o que ela tem para confeccionar */
/* (29/09/2026) Lívia: demandas + clientes + Dia, Prazos, Audiências, Perícias, Documentos e Teses TST */
body[data-modo="demandas"]:not([data-acesso="custom"]) .bv-side .tab-btn:not([data-tab="atendimentos"]):not([data-tab="clientes"]):not([data-tab="dia"]):not([data-tab="prazos"]):not([data-tab="audiencias"]):not([data-tab="audhoje"]):not([data-tab="pericias"]):not([data-tab="documentos"]):not([data-tab="teses"]):not([data-tab="tempos"]):not([data-tab="pecas"]){ display:none !important; }
/* Ditado por voz em qualquer campo de texto */
.cbv-dita-wrap{position:relative; display:block;}
.cbv-dita-wrap > textarea{padding-right:44px !important;}
.cbv-dita{position:absolute; right:8px; bottom:8px; width:30px; height:30px; border-radius:50%; border:1px solid var(--brand-line); background:var(--surface-2); color:var(--brand); cursor:pointer; font-size:14px; line-height:1; display:flex; align-items:center; justify-content:center; padding:0; opacity:.8; z-index:2;}
.cbv-dita:hover{opacity:1;}
.cbv-dita.on{background:#c0392b; color:#fff; border-color:#c0392b; opacity:1; animation:cbvDitaPulso 1.2s infinite;}
@keyframes cbvDitaPulso{0%{box-shadow:0 0 0 0 rgba(192,57,43,.5);}70%{box-shadow:0 0 0 8px rgba(192,57,43,0);}100%{box-shadow:0 0 0 0 rgba(192,57,43,0);}}
.at-minhas{display:flex; flex-wrap:wrap; gap:10px; margin:12px 0 4px;}
.at-minhas button{flex:1 1 200px; text-align:left; font:inherit; color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:12px 14px; cursor:pointer;}
.at-minhas button b{display:block; font-size:26px; line-height:1.1; color:var(--brand);}
.at-minhas button span{font-size:13px; color:var(--ink-soft);}
.at-minhas button.zero b{color:var(--ink-soft);}
@media (max-width:700px){ .at-minhas{gap:8px;} .at-minhas button{flex:1 1 calc(50% - 8px); padding:10px 12px;} .at-minhas button b{font-size:22px;} .at-minhas button span{font-size:12px;} }
.bv-area-cards{ grid-template-columns:repeat(auto-fit, minmax(200px,1fr)) !important; }
.bv-area-box{ max-width:980px !important; }
/* ---- Marketing / Gerência ---- */
.gx-tabela-wrap{ overflow-x:auto; margin-top:6px; max-width:100%; -webkit-overflow-scrolling:touch; }
/* (04/10) tabela larga não pode alargar a página no celular (Gerência/Marketing): os blocos da grade aceitam encolher e a tabela rola de lado */
#tab-gerencia, #tab-fin, #ger-app, #ger-app .chart-card, #ger-app .gx-duas > *, #mkt-app, #mkt-app .chart-card, #mkt-app .gx-duas > *{ min-width:0; }
.gx-tabela{ width:100%; border-collapse:collapse; font-size:13px; font-variant-numeric:tabular-nums; }
.gx-tabela th{ text-align:right; font-size:10.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-faint); font-weight:600; padding:6px 8px; border-bottom:1px solid var(--line); white-space:nowrap; }
.gx-tabela td{ text-align:right; padding:7px 8px; border-bottom:1px solid var(--line); white-space:nowrap; color:var(--ink); }
.gx-tabela th:first-child, .gx-tabela td:first-child{ text-align:left; white-space:normal; min-width:130px; }
.gx-tabela tr:last-child td{ border-bottom:none; }
.gx-bom{ color:var(--calm) !important; }
.gx-ruim{ color:var(--urgent) !important; }
.gx-kpi-bom .stat-tile-num{ color:var(--calm); }
.gx-kpi-ruim .stat-tile-num{ color:var(--urgent); }
.stat-tile-num small{ font-size:13px; color:var(--ink-faint); font-weight:500; }
#mkt-app .stat-tiles, #ger-app .stat-tiles{ grid-template-columns:repeat(auto-fit, minmax(170px,1fr)); }
#mkt-app .stat-tile-num, #ger-app .stat-tile-num{ font-size:20px; white-space:nowrap; }
#mkt-app .stat-bar-count, #ger-app .stat-bar-count{ min-width:112px; white-space:nowrap; text-align:right; font-size:12.5px; }
.gx-nota{ font-size:12.5px; color:var(--ink-faint); margin:4px 0 8px; }
.gx-ia{ border-color:var(--brand-line); }
.gx-ia-txt{ font-size:14px; line-height:1.65; color:var(--ink); max-width:80ch; }
.gx-ia-nota{ font-size:11.5px; color:var(--ink-faint); margin:10px 0 0; }
.gx-det summary{ cursor:pointer; }
.gx-duas{ display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:0 16px; }
.gx-lista{ display:flex; flex-direction:column; margin-top:10px; background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:4px 14px; }
.gx-linha{ display:grid; grid-template-columns:70px 1fr auto auto auto; gap:6px 14px; align-items:center; padding:9px 0; border-bottom:1px solid var(--line); font-size:13.5px; }
.gx-linha:last-child{ border-bottom:none; }
.gx-mes{ color:var(--ink-faint); font-size:12px; }
.gx-leads{ color:var(--ink-soft); font-size:12px; }
.gx-acoes{ display:flex; gap:4px; }
.gx-check{ display:flex !important; align-items:center; gap:6px; }
@media (max-width:640px){ .gx-linha{ grid-template-columns:60px 1fr; } .gx-linha > .mono:not(.gx-mes), .gx-leads, .gx-acoes{ grid-column:2; } }
.bv-teses-manual{ margin-top:18px; font-size:12.5px; color:var(--ink-faint); }
.bv-teses-manual summary{ cursor:pointer; }
@media (max-width:640px){
  .bv-tl-ev{ grid-template-columns:62px 12px 1fr; }
  .bv-tl-ev::before{ left:73px; }
  .bv-tl-grupo{ margin-left:80px; }
  .bv-tl-hoje::before{ flex:0 0 60px; }
  .bv-proc-rot{ width:78px; }
}

/* Publicações que precisam de atenção */
.cbv-atencao{ background:var(--urgent-bg); border:1px solid var(--urgent-line); border-radius:12px; padding:12px 14px; margin-bottom:10px; color:var(--ink); font-size:13px; line-height:1.5; white-space:pre-line; }
.cbv-atencao b{ display:block; color:var(--urgent); font-size:12.5px; margin-bottom:4px; white-space:normal; }
.cbv-atencao-acoes{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; white-space:normal; }
.cbv-reprocessar{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:12px 0 4px; }
#djen-reprocessar-status{ font-size:12.5px; color:var(--ink-soft); }

/* Janela (modal) */
.cbv-modal-backdrop{ background:rgba(0,0,0,.65); }
.cbv-modal-box{ background:var(--surface); border:1px solid var(--line); }
.cbv-modal-close{ background:transparent; border-color:var(--line); color:var(--ink); }
#bv-brand-reload{cursor:pointer; border-radius:12px; transition:opacity .15s;}
#bv-brand-reload:hover{opacity:.85;}
#bv-brand-reload:active{transform:scale(.98);}
#bv-brand-reload.atualizando{opacity:.5; pointer-events:none;}

/* ================= Celular: barra do topo compacta + barra de abas embaixo ================= */
#bv-mob-area, #bv-bottom-nav, #bv-sheet, #bv-sheet-fundo{ display:none; }
#hoje-mob{ margin-bottom:18px; }
.hj-tiles{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:14px 0 6px; }
.hj-tile{ text-align:left; border:1px solid var(--line); background:var(--surface); border-radius:16px; padding:12px 14px; cursor:pointer; font:inherit; color:var(--ink); min-height:84px; display:flex; flex-direction:column; justify-content:space-between; }
.hj-tile b{ font:600 30px/1 "Fraunces", Georgia, serif; }
.hj-tile span{ font-size:12.5px; color:var(--ink-soft); font-weight:600; }
.hj-tile.urg{ border-color:var(--urgent-line); background:var(--urgent-bg); } .hj-tile.urg b{ color:var(--urgent); }
.hj-tile.warn b{ color:var(--warn); } .hj-tile.ok b{ color:var(--calm); } .hj-tile.info b{ color:var(--brand); }
.hj-sec{ margin-top:18px; }
.hj-sec h3{ font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-faint); margin:0 0 8px; display:flex; justify-content:space-between; }
.hj-row{ display:flex; gap:10px; align-items:flex-start; width:100%; text-align:left; background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--c, var(--line)); border-radius:12px; padding:10px 12px; margin-bottom:8px; font:inherit; color:var(--ink); cursor:pointer; }
.hj-row .hj-q{ flex:none; min-width:52px; font:600 12px "Geist Mono", monospace; color:var(--ink-soft); padding-top:2px; }
.hj-row .hj-t{ flex:1; min-width:0; }
.hj-row .hj-t b{ display:block; font-size:14px; line-height:1.3; }
.hj-row .hj-t small{ display:block; color:var(--ink-soft); font-size:12.5px; margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hj-vazio{ color:var(--ink-faint); font-size:13.5px; margin:0 0 6px; }
.hj-flash{ animation:hjflash 1.6s ease; }
@keyframes hjflash{ 0%,60%{ box-shadow:0 0 0 3px var(--brand); } 100%{ box-shadow:none; } }
@media (min-width:860px){ .hj-tiles{ grid-template-columns:repeat(4, 1fr); } .hj-cols{ display:grid; grid-template-columns:1fr 1fr; gap:18px; } }
.hj-item{ display:flex; align-items:stretch; gap:8px; margin-bottom:8px; }
.hj-item .hj-row{ margin-bottom:0; flex:1; min-width:0; }
.hj-feito{ flex:none; min-width:74px; border-radius:12px; border:1px solid var(--calm-line); background:var(--calm-bg); color:var(--calm); font:inherit; font-size:13px; font-weight:700; cursor:pointer; padding:0 10px; }
.hj-feito.conf{ background:var(--warn-bg); color:var(--warn); border-color:var(--warn-line); }
.hj-desfazer{ display:flex; align-items:center; justify-content:space-between; gap:10px; background:var(--calm-bg); border:1px solid var(--calm-line); color:var(--calm); border-radius:12px; padding:10px 12px; margin-top:12px; font-size:14px; font-weight:600; }
.hj-desfazer button{ background:transparent; border:1px solid var(--calm-line); color:var(--calm); border-radius:8px; padding:6px 10px; font:inherit; font-weight:700; cursor:pointer; }
@media (max-width:859px){
  .bv-side{ position:sticky; top:0; z-index:60; flex-direction:row; align-items:center; gap:10px;
    padding:10px 14px calc(10px) 14px; padding-top:calc(10px + env(safe-area-inset-top)); background:rgba(11,10,8,.96); backdrop-filter:blur(8px); }
  .bv-side .bv-brand{ flex:1; min-width:0; }
  .bv-side .bv-brand .brand-mark{ width:36px; height:36px; padding:4px; }
  .bv-side .bv-brand-name{ font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .bv-side .bv-area-switch, .bv-side nav, .bv-side .identity{ display:none !important; }
  #bv-mob-area{ display:inline-flex; align-items:center; gap:6px; flex:none; font:inherit; font-size:13px; font-weight:700;
    color:var(--brand); background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:999px; padding:8px 12px; cursor:pointer; }
  #bv-mob-area svg{ width:14px; height:14px; }
  .bv-main{ padding:16px 14px calc(96px + env(safe-area-inset-bottom)); }
  header.top{ padding-bottom:14px; }
  header.top .header-wm{ display:none; }
  h1.title{ font-size:23px; margin-top:4px; }
  header.top .chips{ margin-top:8px; gap:4px 14px; }
  #bv-bottom-nav{ display:grid; grid-auto-flow:column; grid-auto-columns:1fr; position:fixed; left:0; right:0; bottom:0; z-index:70;
    background:rgba(11,10,8,.97); backdrop-filter:blur(8px); border-top:1px solid rgba(224,187,116,.16);
    padding:6px 6px calc(6px + env(safe-area-inset-bottom)); }
  #bv-bottom-nav button{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; min-height:54px;
    background:transparent; border:0; border-radius:12px; color:var(--ink-faint); font:inherit; font-size:11px; font-weight:600; cursor:pointer; padding:4px 2px; }
  #bv-bottom-nav button svg{ width:22px; height:22px; }
  #bv-bottom-nav button span{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  #bv-bottom-nav button.on{ color:var(--brand); background:rgba(224,187,116,.10); }
  #bv-sheet-fundo.aberto{ display:block; position:fixed; inset:0; z-index:80; background:rgba(0,0,0,.55); }
  #bv-sheet.aberto{ display:block; position:fixed; left:0; right:0; bottom:0; z-index:81; max-height:86vh; overflow-y:auto;
    background:#12100C; border-top:1px solid var(--brand-line); border-radius:18px 18px 0 0; padding:10px 16px calc(18px + env(safe-area-inset-bottom)); }
  #bv-sheet .alca{ width:44px; height:5px; border-radius:5px; background:var(--line); margin:0 auto 12px; }
  #bv-sheet h4{ margin:14px 0 8px; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-faint); }
  #bv-sheet .sh-areas{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  #bv-sheet .sh-areas button{ min-height:48px; border-radius:12px; border:1px solid var(--line); background:#1A1712; color:var(--ink-soft); font:inherit; font-size:14px; font-weight:700; cursor:pointer; }
  #bv-sheet .sh-areas button.on{ background:var(--brand-soft); color:var(--brand); border-color:var(--brand-line); }
  #bv-sheet .sh-abas{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; }
  #bv-sheet .sh-abas button{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-height:78px; padding:8px 4px;
    border-radius:14px; border:1px solid var(--line); background:#1A1712; color:var(--ink); font:inherit; font-size:12.5px; font-weight:600; cursor:pointer; text-align:center; }
  #bv-sheet .sh-abas button svg{ width:24px; height:24px; color:var(--brand); }
  #bv-sheet .sh-abas button.on{ border-color:var(--brand-line); background:rgba(224,187,116,.12); }
  #bv-sheet .sh-user{ display:flex; align-items:center; gap:10px; margin-top:16px; padding-top:14px; border-top:1px solid var(--line); }
  #bv-sheet .sh-user b{ flex:1; min-width:0; font-size:14px; }
  #bv-sheet .sh-user button{ min-height:40px; }
  #bv-sheet .sh-sync{ font-size:11.5px; color:var(--ink-faint); margin-top:8px; }
  #cbv-chat-bubble{ bottom:calc(80px + env(safe-area-inset-bottom)) !important; right:14px !important; width:52px !important; height:52px !important; }
  #cbv-chat-panel{ bottom:calc(142px + env(safe-area-inset-bottom)) !important; right:8px !important; max-height:calc(100vh - 200px) !important; }
  body.bv-sheet-aberto #cbv-chat-bubble, body.bv-sheet-aberto #cbv-chat-panel{ display:none !important; }
  /* toque mais fácil */
  .btn, .btn-sm, button.btn-ghost{ min-height:40px; }
  input, select, textarea{ font-size:16px !important; }   /* iPhone não dá zoom ao tocar no campo */
  .toast, #toast{ bottom:calc(88px + env(safe-area-inset-bottom)) !important; }
}

/* ==================================================================
   VISUAL 2026 — painel mais moderno (camada final; só aparência)
   ================================================================== */
:root{
  --r-sm:10px; --r:14px; --r-lg:18px;
  --line-soft:rgba(255,255,255,.065);
  --elev-1:0 1px 0 rgba(255,255,255,.03) inset, 0 6px 18px rgba(0,0,0,.22);
  --elev-2:0 1px 0 rgba(255,255,255,.045) inset, 0 16px 36px rgba(0,0,0,.38);
  --card-grad:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,0) 55%);
  --campo:#12110E;
  --gold-grad:linear-gradient(180deg, #E6C781 0%, #D2AE5E 100%);
}
body{ background:radial-gradient(1100px 520px at 88% -8%, rgba(217,185,107,.07), transparent 62%), radial-gradient(900px 500px at -10% 110%, rgba(217,185,107,.035), transparent 60%), var(--paper); background-attachment:fixed; }
::selection{ background:rgba(217,185,107,.35); color:#fff; }
*{ scrollbar-width:thin; scrollbar-color:#3a342a transparent; }
::-webkit-scrollbar{ width:10px; height:10px; } ::-webkit-scrollbar-thumb{ background:#3a342a; border-radius:10px; border:2px solid transparent; background-clip:padding-box; } ::-webkit-scrollbar-track{ background:transparent; }

/* ---- Cartões ---- */
.item, .at-card, .kb-card, .client-card, .chart-card, .stat-tile, .cbv-card, .cbv-radar-item, .hj-tile, .hj-row, .docs-card, .at-sec,
.of-painel, .aud-table-wrap, .gx-lista, .bv-tese, .cbv-resumo-ia, .pd16-taxa, section.bv-resumo, .kb-col, details.team-tip, .mov-item{
  border-radius:var(--r); border-color:var(--line-soft); background-color:var(--surface); background-image:var(--card-grad); box-shadow:var(--elev-1);
}
.item, .at-card, .kb-card, .client-card, .hj-row, .cbv-radar-item, .docs-card, .bv-tese, .stat-tile, .hj-tile{ transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.item:hover, .at-card:hover, .kb-card:hover, .client-card:hover, .hj-row:hover, .docs-card:hover, .bv-tese:hover, .hj-tile:hover{ border-color:var(--brand-line); box-shadow:var(--elev-2); }
.hj-tile:hover, .kb-card:hover{ transform:translateY(-1px); }
/* faixa de cor à esquerda mais fina e elegante */
.item{ position:relative; }
.item-bar{ width:3px; border-radius:3px; margin:10px 0 10px 0; }
.item-main{ padding:14px 16px 12px; }
.item-title{ font-size:15px; font-weight:650; line-height:1.35; letter-spacing:-.005em; }
.item-type, .group-count, .chip strong, .hj-row .hj-q, .doc-status{ font-family:"Geist", ui-sans-serif, system-ui, sans-serif; font-variant-numeric:tabular-nums; }
.item-type{ font-size:10.5px; letter-spacing:.09em; font-weight:700; color:var(--ink-faint); }
.item-obs, .peca-obs, .docs-note{ border-left:0; background:var(--surface-2); border-radius:10px; padding:8px 11px; }
.hj-row{ border-left-width:3px; border-left-color:var(--c, var(--line-soft)); padding:12px 14px; }
.stat-tile{ border-top:0; position:relative; overflow:hidden; }
.stat-tile::after{ content:""; position:absolute; left:0; right:0; top:0; height:2px; background:var(--gold-grad); opacity:.7; }
.hj-tile{ border-radius:var(--r); }
.hj-tile.urg{ background-image:linear-gradient(180deg, rgba(234,156,156,.10), rgba(234,156,156,.02)); }
.chart-card, section.bv-resumo, .of-painel{ padding:18px 20px; }
.kb-col{ background-color:#13120F; }

/* ---- Títulos de seção ---- */
.group-head h2, .clients-toolbar h2{ font-size:15px; font-weight:700; letter-spacing:-.01em; }
.hj-sec h3{ font-size:11px; letter-spacing:.14em; display:flex; align-items:center; gap:10px; }
.hj-sec h3::after{ content:""; flex:1; height:1px; background:var(--line-soft); }
.group-dot{ width:7px; height:7px; box-shadow:0 0 0 3px color-mix(in srgb, currentColor 0%, transparent); }

/* ---- Botões ---- */
.btn{ border-radius:var(--r-sm); background:var(--gold-grad); border-color:transparent; box-shadow:0 1px 0 rgba(255,255,255,.25) inset, 0 6px 16px rgba(217,185,107,.18); letter-spacing:.005em; transition:filter .15s, transform .12s, box-shadow .15s; }
.btn:hover{ filter:brightness(1.06); box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 8px 22px rgba(217,185,107,.26); }
.btn-ghost{ background:rgba(255,255,255,.035); border-color:var(--line-soft); box-shadow:none; color:var(--ink-soft); }
.btn-ghost:hover{ background:rgba(255,255,255,.07); border-color:var(--brand-line); color:var(--ink); box-shadow:none; }
.btn-sm{ border-radius:9px; }
.btn-icon-del{ border-radius:9px; border-color:transparent; background:transparent; }
.bv-mini{ border-radius:8px; }

/* ---- Filtros (chips) ---- */
.subtab-btn, .bv-chip{ border-radius:999px; border-color:var(--line-soft); background:rgba(255,255,255,.03); transition:background .15s, border-color .15s, color .15s; }
.subtab-btn:hover, .bv-chip:hover{ background:rgba(255,255,255,.06); color:var(--ink); }
.subtab-btn.active, .bv-chip.ativo{ background:linear-gradient(180deg, rgba(217,185,107,.22), rgba(217,185,107,.12)); border-color:var(--brand-line); color:#F3DDA3; box-shadow:0 0 0 1px rgba(217,185,107,.08) inset; }

/* ---- Campos ---- */
.search input, .field input, .field select, .field textarea, .status-select, .of-painel select, .of-painel input, .of-painel textarea, textarea, select, input[type="text"], input[type="date"], input[type="time"], input[type="number"], input[type="search"], input[type="email"], input[type="tel"]{
  background-color:var(--campo); border:1px solid var(--line-soft); border-radius:11px; transition:border-color .15s, box-shadow .15s, background-color .15s;
}
.search input{ min-height:46px; padding-left:44px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238F8676' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:16px 50%; background-size:17px; }
.search input:focus, .field input:focus, .field select:focus, .field textarea:focus, textarea:focus, select:focus, input[type="text"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="tel"]:focus{
  outline:none !important; border-color:var(--brand-line); box-shadow:0 0 0 3px rgba(217,185,107,.14); background-color:#15130F;
}
.field label{ font-size:11.5px; font-weight:600; color:var(--ink-soft); letter-spacing:.01em; margin-bottom:5px; }
.pg-compor .peca-observacao-input:focus{ box-shadow:none; background-color:transparent; }

/* ---- Etiquetas ---- */
.tag{ border-radius:999px; padding:2px 9px; font-size:11px; letter-spacing:.01em; }
.doc-status{ font-size:11px; font-weight:650; padding:3px 10px; }

/* ---- Menu lateral ---- */
.bv-side{ background:linear-gradient(180deg, #0D0C0A 0%, #0A0907 100%); }
.bv-side .tab-btn{ position:relative; border-radius:11px; transition:background .15s, color .15s; }
.bv-side .tab-btn.active{ background:linear-gradient(90deg, rgba(217,185,107,.16), rgba(217,185,107,.05)); color:#F7F1E4; }
@media (min-width:860px){ .bv-side .tab-btn.active::before{ content:""; position:absolute; left:0; top:10px; bottom:10px; width:3px; border-radius:0 3px 3px 0; background:var(--gold-grad); } }
.bv-tab-badge{ box-shadow:0 0 0 3px rgba(217,185,107,.12); }
.bv-area-switch{ background:#12110E; border-color:var(--line-soft); border-radius:12px; }
.bv-area-switch [data-setarea]{ border-radius:9px; transition:background .15s, color .15s; }
#bv-busca-rapida, .bv-busca{ border-radius:11px; }

/* ---- Cabeçalho ---- */
header.top{ border-bottom-color:var(--line-soft); }
header.top .chips{ gap:8px; }
header.top .chip{ background:rgba(255,255,255,.035); border:1px solid var(--line-soft); border-radius:999px; padding:5px 12px; font-size:12.5px; }
header.top .chip.c-urgent{ background:rgba(234,156,156,.08); border-color:var(--urgent-line); }

/* ---- Tabelas ---- */
.aud-table thead th, .pd16-tab thead th, .of-hist thead th{ font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-faint); background:#14130F; }
.aud-table tbody tr.aud-row-alt{ background:rgba(255,255,255,.015); }
.aud-table tbody tr.aud-row:hover, .aud-table tbody tr.aud-row-open{ background:rgba(217,185,107,.07); }
.aud-table td{ border-bottom-color:var(--line-soft); }

/* ---- Janelas (modais) e avisos ---- */
.cbv-modal-backdrop{ background:rgba(6,5,4,.62) !important; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.cbv-modal-box{ border-radius:var(--r-lg) !important; border:1px solid var(--line-soft) !important; background:linear-gradient(180deg, #1C1A15, #161410) !important; box-shadow:0 30px 80px rgba(0,0,0,.55), 0 1px 0 rgba(255,255,255,.05) inset !important; animation:cbvSurge .18s ease-out; }
@keyframes cbvSurge{ from{ opacity:0; transform:translateY(8px) scale(.985); } to{ opacity:1; transform:none; } }
.cbv-modal-close{ background:rgba(255,255,255,.05) !important; color:var(--ink) !important; border-color:var(--line-soft) !important; border-radius:10px !important; }
.toast{ border-radius:14px; box-shadow:0 18px 40px rgba(0,0,0,.45); font-weight:600; }
.of-aviso{ border-radius:12px; }

/* ---- Detalhes, rodapé, vazios ---- */
details.team-tip{ padding:12px 16px; }
footer.foot{ border-top-color:var(--line-soft); opacity:.8; }
.empty-note{ color:var(--ink-faint); font-style:normal; background:rgba(255,255,255,.02); border:1px dashed var(--line-soft); border-radius:var(--r); padding:22px 18px; text-align:center; }
.at-alerta{ border-radius:10px; }
.avatar, .cli-avatar{ box-shadow:0 0 0 2px rgba(0,0,0,.35); }

/* ---- Movimento suave ao trocar de aba ---- */
.tab-panel.active{ animation:cbvEntra .22s ease-out; }
@keyframes cbvEntra{ from{ opacity:0; transform:translateY(4px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce){ .tab-panel.active, .cbv-modal-box{ animation:none; } .hj-tile:hover, .kb-card:hover{ transform:none; } }
.zs-sep{ display:inline-flex; flex-wrap:wrap; gap:4px 10px; margin-left:6px; }
@media (max-width:600px){
  #bv-area-escolha{ align-items:flex-start; overflow-y:auto; padding:28px 16px; }
  .bv-area-box h1{ font-size:24px; } .bv-area-box p{ margin-bottom:16px; }
  .bv-area-cards{ grid-template-columns:1fr 1fr !important; gap:10px !important; }
  .bv-area-card{ padding:16px 14px; text-align:center; }
  .bv-area-card svg{ width:28px; height:28px; }
  .bv-area-card b{ font-size:18px; margin:8px 0 0; }
  .bv-area-card span{ display:none; }
}
.mk-imp-resumo{ font-weight:600; margin:12px 0 4px; }
.mk-imp-aviso{ background:var(--warn-bg); border:1px solid var(--warn-line); color:var(--warn); border-radius:10px; padding:8px 10px; font-size:13px; }
.mk-imp-tab input[type=text], .mk-imp-tab input[type=month], .mk-imp-tab select{ min-width:120px; padding:5px 7px; font-size:12.5px; }
.mk-imp-tab input[type=checkbox]{ width:18px; height:18px; accent-color:var(--brand); }
.mk-camp td:nth-child(2), .mk-camp th:nth-child(2), .mk-imp-tab td:nth-child(2), .mk-imp-tab th:nth-child(2){ text-align:left; white-space:normal; min-width:220px; }
.mk-camp td:nth-child(4), .mk-camp td:nth-child(7){ white-space:normal; min-width:110px; }
.mk-camp td small, .mk-imp-tab td small{ color:var(--ink-faint); font-size:11.5px; }
.mk-imp-tab td{ vertical-align:middle; }
.mk-exp-in{ width:120px; padding:5px 8px; font-size:13px; text-align:right; }
.mk-exp td{ vertical-align:middle; } .mk-exp td small{ display:block; color:var(--ink-faint); font-size:11px; }
.mk-exp td:nth-child(1), .mk-exp th:nth-child(1), .mk-exp td:nth-child(4), .mk-exp th:nth-child(4){ text-align:left; white-space:normal; }
.gx-falta{ color:var(--warn); }
.mk-imp-tot{ margin:10px 0; font-size:13.5px; color:var(--ink-soft); }
.pp-card{ display:flex; gap:14px; padding:12px 0; border-top:1px solid var(--line); }
.pp-card:first-of-type{ border-top:none; }
.pp-card.pp-passou{ opacity:.6; }
.pp-data{ flex:none; width:64px; text-align:center; border:1px solid var(--line); border-radius:12px; padding:6px 4px; background:var(--surface-2); }
.pp-hoje .pp-data{ border-color:var(--urgent-line); background:var(--urgent-bg); }
.pp-data b{ display:block; font-size:24px; line-height:1; font-family:"Geist Mono",monospace; }
.pp-data span{ display:block; font-size:12px; text-transform:uppercase; color:var(--ink-soft); margin-top:2px; }
.pp-data small{ display:block; font-size:11px; color:var(--ink-faint); margin-top:2px; }
.pp-corpo{ flex:1; min-width:0; }
.pp-l1{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; } .pp-l1 b{ font-size:15px; }
.pp-l2{ font-size:12.5px; color:var(--ink-soft); margin-top:3px; }
.pp-alerta{ border-color:var(--urgent-line); }
.pm-box{ margin-top:10px; }
.pm-ia{ font-size:12.5px; color:var(--ink-soft); margin:6px 0; display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.pm-ia-ok{ color:var(--calm); } .pm-ia-erro{ color:var(--warn); } .pm-ia details{ width:100%; } .pm-ia small{ color:var(--ink-faint); }
.pm-msg{ margin-top:10px; border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:var(--surface-2); }
.pm-tit{ font-weight:700; font-size:13.5px; } .pm-tit small{ font-weight:400; color:var(--ink-faint); }
.pm-msg pre{ white-space:pre-wrap; word-break:break-word; font-family:inherit; font-size:13px; line-height:1.5; margin:8px 0; max-height:260px; overflow:auto; color:var(--ink-soft); }
.pp-msgs[hidden]{ display:none !important; }
.mat-card{ padding:12px 0; border-top:1px solid var(--line); } .mat-card:first-of-type{ border-top:none; }
#prev-mat .mat-card{ padding:0; border:none; }
.mat-linhas{ display:flex; flex-wrap:wrap; gap:4px 18px; font-size:13px; color:var(--ink-soft); margin-top:6px; } .mat-linhas b{ color:var(--ink); }
.mat-txt{ margin-top:4px; } .mat-perdido .mat-txt, .mat-urgente .mat-txt{ color:var(--urgent); font-weight:600; } .mat-atencao .mat-txt, .mat-sem_dpp .mat-txt{ color:var(--warn); }
.mat-al{ padding:8px 0; border-top:1px solid var(--line); } .mat-al small{ color:var(--urgent); }
.mat-form{ background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:10px; padding:10px 12px; }
.hj-relogio{ display:flex; gap:18px; align-items:center; background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:16px 20px; box-shadow:var(--shadow); }
.hj-hora{ font-size:44px; font-weight:700; line-height:1; color:var(--brand); }
.hj-agora{ flex:1; min-width:0; }
.hj-tag{ display:inline-block; font-size:11px; font-weight:800; letter-spacing:.08em; color:var(--ink-soft); background:var(--muted-bg); border-radius:999px; padding:3px 10px; margin:2px 0; }
.hj-tag-agora{ background:var(--calm-bg); color:var(--calm); } .hj-tag-perto{ background:var(--urgent-bg); color:var(--urgent); }
.hj-ev{ font-size:18px; font-weight:700; margin:2px 0; } .hj-sub{ font-size:13.5px; color:var(--ink-soft); }
.hj-foco{ margin-top:14px; border-radius:18px; padding:18px 20px; border:2px solid var(--brand-line); background:var(--brand-soft); }
.hj-foco.hj-cor-r{ border-color:var(--urgent-line); background:var(--urgent-bg); } .hj-foco.hj-cor-a{ border-color:var(--warn-line); background:var(--warn-bg); } .hj-foco.hj-cor-ok{ border-color:var(--calm-line); background:var(--calm-bg); }
.hj-foco-rot{ font-size:12px; font-weight:800; letter-spacing:.1em; color:var(--ink-soft); }
.hj-foco-tit{ font-size:21px; font-weight:700; margin:6px 0 4px; line-height:1.3; }
.hj-btn{ margin-top:12px; font-size:15px; padding:10px 18px; }
.hj-bloco h3{ font-size:18px; }
.hj-ev-linha{ display:flex; gap:12px; align-items:baseline; padding:9px 0; border-top:1px solid var(--line); font-size:15px; }
.hj-ev-linha:first-of-type{ border-top:none; }
.hj-ev-h{ flex:none; width:48px; color:var(--ink-soft); } .hj-ev-t{ flex:1; min-width:0; } .hj-ev-t small{ display:block; color:var(--ink-faint); font-size:12.5px; }
.hj-passou{ opacity:.45; } .hj-ok{ color:var(--calm); }
.hj-prox{ background:var(--brand-soft); border-radius:10px; padding-left:8px; padding-right:8px; font-weight:700; } .hj-prox .hj-ev-h{ color:var(--brand); }
.hj-tarefa{ display:flex; gap:12px; align-items:center; padding:10px 0; border-top:1px solid var(--line); }
.hj-tarefa:first-of-type{ border-top:none; }
.hj-t-ico{ font-size:22px; flex:none; } .hj-t-txt{ flex:1; min-width:0; } .hj-t-txt b{ display:block; font-size:14.5px; } .hj-t-txt small{ color:var(--ink-faint); font-size:12.5px; }
.hj-tarefa.hj-cor-r .hj-t-txt b{ color:var(--urgent); } .hj-tarefa.hj-cor-a .hj-t-txt b{ color:var(--warn); }
.hj-amanha{ opacity:.85; }
.hj-nums{ display:flex; flex-wrap:wrap; gap:6px 18px; margin-top:14px; font-size:13px; color:var(--ink-soft); }
.hj-t-txt{ flex:1 1 200px; }
@media (max-width:600px){ .hj-hora{ font-size:34px; } .hj-relogio{ padding:14px; gap:12px; } .hj-foco-tit{ font-size:18px; } .hj-tarefa{ flex-wrap:wrap; } .hj-tarefa .btn{ margin-left:34px; } }
/* ===== 💰 Financeiro do escritório ===== */
.fin-com-nav b{ font-size:14px; }
.fin-com h3{ margin-bottom:4px; }
.fin-com-valor{ font-size:30px; font-weight:700; color:var(--brand); }
.fin-com-exp{ font-size:13px; color:var(--ink); margin:2px 0 6px; }
.fin-com-regra{ font-size:12px; color:var(--ink-faint); margin-bottom:8px; }
.fin-com-aviso{ font-size:12.5px; background:var(--warn-bg); border:1px solid var(--warn-line); color:var(--warn); border-radius:10px; padding:8px 10px; margin:8px 0; }
.fin-com-grupo{ border-top:1px solid var(--line); padding:8px 0; }
.fin-com-grupo summary{ cursor:pointer; font-weight:600; font-size:13.5px; }
.fin-com-item{ display:flex; align-items:flex-start; gap:10px; padding:7px 0; font-size:13.5px; cursor:pointer; }
.fin-com-item input{ width:18px !important; height:18px; min-height:0 !important; flex:none; margin-top:2px; accent-color:var(--brand); }
.fin-com-item .fin-com-txt{ flex:1; min-width:0; }
.fin-com-item small{ color:var(--ink-faint); }
.fin-com-item.fin-com-fora .fin-com-txt{ opacity:.55; }
small.fin-com-av{ color:var(--warn) !important; }
.fin-com-add{ border-top:1px solid var(--line); padding-top:10px; margin-top:6px; font-size:13px; }
.fin-com-add-l{ display:flex; gap:6px; flex-wrap:wrap; margin-top:6px; }
.fin-com-add-l input[type=text]{ flex:1; min-width:180px; }
.fin-com-add-l input[type=number]{ width:64px; }
.fin-com-pg{ font-size:12.5px; color:var(--ink-soft); margin-top:6px; background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:8px; padding:6px 8px; }

.fin-topo{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-top:14px; }
.fin-topo .fin-subs{ margin-top:0; }
.fin-topo-dir{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.fin-mesnav{ display:flex; align-items:center; gap:6px; }
.fin-mesnav b{ min-width:150px; text-align:center; font-size:14px; }
.fin-qr[hidden]{ display:none !important; }
.fin-tiles .stat-tile-num{ font-size:24px; white-space:nowrap; }
.fin-tiles .stat-tile-num small{ font-size:12px; color:var(--ink-faint); font-weight:500; }
.fin-kpi-hoje .stat-tile-num{ color:var(--warn); }
.fin-contas{ display:grid; gap:10px; }
.fin-conta{ border:1px solid var(--line); border-radius:12px; padding:12px 14px; background:var(--surface-2); }
.fin-conta.fin-paga{ opacity:.78; }
.fin-conta-l1{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.fin-conta-l1 b{ flex:1; min-width:140px; font-size:15px; }
.fin-valor{ font-size:16px; font-weight:700; }
.fin-conta-l2{ color:var(--ink-soft); font-size:12.5px; margin-top:4px; }
.fin-pix{ display:flex; flex-wrap:wrap; gap:4px 16px; font-size:13px; margin-top:6px; color:var(--ink-soft); }
.fin-pix b{ color:var(--ink); word-break:break-all; }
.fin-acoes{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; align-items:center; }
.fin-qr{ margin-top:10px; padding:10px; background:#fff; border-radius:10px; display:inline-block; }
.fin-qr .fin-conta-l2{ color:#333; max-width:180px; }
.fin-st{ font-family:"Geist Mono",monospace; font-size:11.5px; font-weight:600; padding:3px 9px; border-radius:999px; border:1px solid var(--muted-line); background:var(--muted-bg); color:var(--muted); white-space:nowrap; }
.fin-st-atras{ border-color:var(--urgent-line); background:var(--urgent-bg); color:var(--urgent); }
.fin-st-hoje{ border-color:var(--warn-line); background:var(--warn-bg); color:var(--warn); }
.fin-st-ok{ border-color:var(--calm-line); background:var(--calm-bg); color:var(--calm); }
.fin-arq{ font-size:12.5px; color:var(--brand); text-decoration:none; margin-right:4px; }
.fin-dica{ margin-top:14px; font-size:12.5px; }
.fin-hero{ margin-top:16px; border-radius:16px; padding:18px 20px; border:1px solid var(--line); background:var(--surface); box-shadow:var(--shadow); }
.fin-hero-rot{ font-size:13px; color:var(--ink-soft); text-transform:uppercase; letter-spacing:.06em; }
.fin-hero-num{ font-size:38px; font-weight:700; margin:4px 0; }
.fin-hero-bom .fin-hero-num{ color:var(--calm); } .fin-hero-ruim .fin-hero-num{ color:var(--urgent); }
.fin-hero-conta{ font-size:13px; color:var(--ink-soft); }
.fin-hero-conta b{ color:var(--ink); font-weight:600; }
.fin-2col{ display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }
.fin-legenda{ display:flex; gap:16px; flex-wrap:wrap; font-size:12.5px; color:var(--ink-soft); margin-bottom:6px; }
.fin-legenda i{ display:inline-block; width:12px; height:12px; border-radius:3px; margin-right:6px; vertical-align:-1px; }
i.fin-b-ent, path.fin-b-ent{ background:var(--brand); fill:var(--brand); } i.fin-b-sai, path.fin-b-sai{ background:var(--info); fill:var(--info); }
.fin-svg-wrap{ overflow-x:auto; } .fin-svg{ width:100%; min-width:520px; height:auto; display:block; }
.fin-grid{ stroke:var(--line); stroke-width:1; } .fin-base{ stroke:var(--ink-faint); stroke-width:1; }
.fin-eixo{ font-size:11px; fill:var(--ink-faint); font-family:"Geist Mono",monospace; }
.fin-hit{ fill:transparent; } .fin-col:hover .fin-hit{ fill:var(--brand-soft); opacity:.5; }
.fin-tab summary{ cursor:pointer; font-size:13px; color:var(--ink-soft); margin-top:8px; }
.fin-tabela-wrap{ overflow-x:auto; }
.fin-tabela{ width:100%; border-collapse:collapse; font-size:13px; }
.fin-tabela th{ text-align:left; font-weight:600; color:var(--ink-soft); font-size:12px; padding:6px 8px; border-bottom:1px solid var(--line); white-space:nowrap; }
.fin-tabela td{ padding:8px; border-bottom:1px solid var(--line); vertical-align:top; }
.fin-tabela td small{ color:var(--ink-faint); }
.fin-td-acoes{ white-space:nowrap; text-align:right; }
.fin-pos{ color:var(--calm) !important; } .fin-neg{ color:var(--urgent) !important; }
.fin-tot{ font-size:12.5px; color:var(--ink-soft); font-weight:400; margin-left:8px; font-family:var(--fin-sans, inherit); }
.chart-card h3 .fin-tot{ font-family:"Geist", system-ui, sans-serif; }
.fin-tot b{ color:var(--ink); }
.fin-area{ font-size:12px; padding:2px 8px; border-radius:999px; border:1px solid var(--c); color:var(--c); white-space:nowrap; }
.fin-divisao{ background:var(--brand-soft); border:1px solid var(--brand-line); border-radius:10px; padding:10px 12px; font-size:13.5px; }
/* 💰 A receber (05/10) */
.fr-topo{ display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 6px; }
.fr-ajuda{ font-size:13px; margin:4px 0 14px; max-width:820px; }
.fr-tipo{ font-family:"Geist Mono",monospace; font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--brand); }
.fr-pdf{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 12px; padding:10px 12px; border:1px dashed var(--brand-line); border-radius:10px; }
.fr-pdf-btn{ cursor:pointer; }
.fr-pdf span{ font-size:12.5px; flex:1 1 220px; }
.fr-prev-linha{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.fr-prev-linha input{ max-width:180px; }
.fr-modos{ display:grid; gap:8px; margin:0 0 12px; }
.fr-modos .fin-check{ align-items:flex-start; border:1px solid var(--line); border-radius:10px; padding:9px 11px; }
.fr-hist summary{ cursor:pointer; font-weight:600; }
.fa-h{ margin:14px 0 6px; font-size:14px; }
.fin-del, [data-findel]{ color:var(--urgent) !important; } .fin-del-conf{ border-color:var(--urgent-line) !important; background:var(--urgent-bg) !important; font-weight:700; }
.at-del{ color:var(--urgent) !important; } .at-del-conf{ border-color:var(--urgent-line) !important; background:var(--urgent-bg) !important; font-weight:700; }
/* (06/10) atualizar painel */
.cbv-atualizar-bt{ margin-left:8px; font:inherit; font-size:12px; font-weight:600; padding:4px 10px; border-radius:999px; border:1px solid var(--brand-line); background:transparent; color:var(--brand); cursor:pointer; }
.cbv-atualizar-mob{ display:none; }
.cbv-pill-bt{ font:inherit; font-weight:700; color:var(--brand); background:none; border:none; text-decoration:underline; cursor:pointer; padding:0; }
[data-cbvatualizar].girando{ opacity:.6; pointer-events:none; }
.cbv-atualizar-mob.girando{ animation:cbvgira 1s linear infinite; }
@keyframes cbvgira{ to{ transform:rotate(360deg); } }
.cbv-falha-boot{ position:fixed; inset:0; z-index:20000; display:grid; place-items:center; background:rgba(10,9,7,.88); padding:16px; }
.cbv-falha-boot > div{ max-width:360px; background:var(--surface,#1a1813); border:1px solid var(--line); border-radius:14px; padding:20px; text-align:center; }
.cbv-falha-boot p{ font-size:13.5px; color:var(--ink-soft); }
/* (08/10/2026) faixa "sem internet" */
.cbv-semrede{ position:fixed; left:50%; transform:translateX(-50%); bottom:calc(12px + env(safe-area-inset-bottom,0px)); z-index:15000; max-width:min(560px,calc(100vw - 24px));
  background:#3a2a0a; color:#fde7b0; border:1px solid #a87a1e; border-radius:12px; padding:9px 14px; font-size:13px; line-height:1.35; box-shadow:0 6px 24px rgba(0,0,0,.35); display:none; }
.cbv-semrede.on{ display:block; }
@media (max-width:760px){ .cbv-semrede{ bottom:calc(76px + env(safe-area-inset-bottom,0px)); } }
@media (max-width:859px){ .cbv-atualizar-mob{ display:inline-grid; place-items:center; width:38px; height:38px; flex:none; border-radius:999px; border:1px solid var(--brand-line); background:transparent; color:var(--brand); font-size:18px; margin-left:auto; margin-right:6px; } }
.ap-box{ max-width:min(820px, calc(100vw - 24px)); max-height:92vh; overflow:auto; }
.ap-av{ margin:10px 0 0; padding-left:18px; font-size:13px; display:grid; gap:4px; }
.ap-box textarea{ width:100%; }
.fa-tab input{ width:100%; min-width:110px; padding:6px 8px; }
.fa-tab td{ vertical-align:middle; }
.subtab-btn .fin-badge{ margin-left:6px; background:var(--brand); color:#14130F; font-size:11px; font-weight:700; border-radius:999px; padding:1px 7px; }
.fin-dim{ color:var(--ink-faint); }
.fin-check{ display:flex !important; flex-direction:row !important; align-items:center; gap:8px; font-size:13.5px; font-weight:500; cursor:pointer; padding:3px 0; text-transform:none; letter-spacing:0; }
.fin-check input[type=checkbox], .fin-check input[type=radio], .fin-tabela input[type=checkbox]{ width:18px !important; height:18px; min-height:0 !important; flex:none; margin:0; padding:0; accent-color:var(--brand); }
.fin-barra{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:12px; }
.fin-barra label{ display:flex; align-items:center; gap:6px; font-size:13px; }
.fin-aviso{ border-color:var(--brand-line); }
.fin-anonav{ float:right; display:flex; gap:6px; }
.fin-imp-tab input[type=text], .fin-imp-tab input[type=date], .fin-imp-tab input[type=number], .fin-imp-tab select{ width:100%; min-width:90px; padding:5px 7px; font-size:12.5px; }
.fin-imp-tab .fin-in-v{ min-width:80px; max-width:110px; } .fin-imp-tab .fin-in-dia{ min-width:50px; max-width:64px; }
.tab-btn .fin-badge{ margin-left:auto; background:var(--urgent); color:#fff; font-size:11px; font-weight:700; border-radius:999px; padding:1px 7px; }
.bv-lancar-gasto{ width:100%; margin-top:8px; }
#fin-app{ min-width:0; max-width:100%; } .fin-topo > *{ min-width:0; max-width:100%; }
@media (max-width:700px){ .fin-2col{ grid-template-columns:1fr; } .fin-hero-num{ font-size:30px; } .fin-mesnav b{ min-width:0; } .fin-topo{ flex-direction:column; align-items:stretch; } .fin-subs{ flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; } .fin-subs .subtab-btn{ white-space:nowrap; } .fin-anonav{ float:none; margin-top:6px; } }
.pr-bloco{ margin:8px 0 2px; padding:8px 10px; border:1px solid var(--line); border-left:3px solid var(--brand); border-radius:10px; background:rgba(224,187,116,.05); font-size:13px; }
.pr-l1{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:4px; } .pr-mini{ font-size:11.5px; color:var(--ink-faint); } .pr-prazo{ color:var(--warn); font-weight:700; }
.pr-txt{ margin:3px 0; color:var(--ink-soft); white-space:pre-wrap; }
.pr-opcoes{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px; } .pr-op{ min-height:42px; border-radius:10px; border:1px solid var(--line); background:var(--surface); color:var(--ink); font:inherit; font-size:13.5px; font-weight:600; cursor:pointer; text-align:left; padding:6px 10px; }
.pr-op.on{ border-color:var(--brand-line); background:var(--brand-soft); color:var(--brand); }
.cbv-app-banner{ display:flex; align-items:center; gap:10px; margin:0 0 12px; padding:10px 12px; border:1px solid var(--brand-line); border-radius:12px; background:var(--brand-soft); font-size:13.5px; }
.cbv-app-banner span{ flex:1; min-width:0; } .cbv-app-x{ background:transparent; border:0; color:var(--ink-faint); font-size:22px; line-height:1; cursor:pointer; padding:0 4px; }
.cbv-app-h{ margin:14px 0 6px; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-faint); } .cbv-app-ok{ color:var(--calm, #6fbf8f); font-weight:600; }
.cbv-app-aviso{ color:var(--warn); } .cbv-app-passos{ margin:4px 0 0 18px; line-height:1.6; } .cbv-app-prefs{ display:flex; flex-direction:column; gap:6px; } .cbv-app-areas{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; font-size:13px; color:var(--ink-soft); }
.rep-grupo{ border:1px solid var(--line); border-radius:12px; padding:10px; margin:8px 0; } .rep-motivo{ font-size:12px; color:var(--ink-faint); margin-bottom:6px; text-transform:uppercase; letter-spacing:.06em; }
.rep-op{ display:flex; gap:8px; align-items:flex-start; padding:6px 4px; border-radius:8px; cursor:pointer; } .rep-op:hover{ background:rgba(224,187,116,.06); }
.rep-op span{ display:flex; flex-direction:column; min-width:0; } .rep-op small{ color:var(--ink-faint); font-size:12px; word-break:break-word; } .rep-grupo .btn{ margin-top:6px; }
/* (07/10/2026) celular mais limpo: saudação só na aba inicial, textos de explicação recolhidos, BVzinho menor */
@media (max-width:859px){
  body[data-aba]:not([data-aba="dia"]):not([data-aba="hoje-prev"]):not([data-aba="gerencia"]) header.top{ display:none; }
  body[data-aba]:not([data-aba="dia"]):not([data-aba="hoje-prev"]):not([data-aba="gerencia"]) .main-col{ margin-top:4px; }
  .tab-panel p.subtitle{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; cursor:pointer; font-size:13px; }
  .tab-panel p.subtitle.cbv-aberto{ display:block; -webkit-line-clamp:unset; }
  html body #cbv-chat-bubble{ width:46px !important; height:46px !important; right:12px !important; bottom:calc(76px + env(safe-area-inset-bottom)) !important; opacity:.92; }
  html body #cbv-chat-bubble .bvz{ width:42px !important; height:42px !important; margin-top:3px !important; }
  #bv-bottom-nav{ grid-auto-columns:minmax(0,1fr) !important; }
  .bv-main{ overflow-x:clip; }
  .tab-panel{ min-width:0; max-width:100%; }
  .item-obs{ line-height:1.45; max-height:calc(4.35em + 11px); overflow:hidden; cursor:pointer; position:relative; }
  .item-obs:not(.cbv-aberto)::after{ content:'… ver mais'; position:absolute; right:6px; bottom:4px; padding-left:24px; font-size:11.5px; font-weight:700; color:var(--brand); background:linear-gradient(90deg, transparent, #1a1813 22px); }
  .item-obs.cbv-aberto{ max-height:none; }
}
/* (07/10/2026) 🧭 Visão estratégica */
.es-root{ --es-1:#2a78d6; --es-2:#eb6834; --es-3:#1baf7a; --es-4:#eda100; --es-5:#e87ba4; --es-6:#8a8f98; --es-bom:#127048; --es-ruim:#B42318; --es-at:#9A6700; }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .es-root{ --es-1:#3987e5; --es-2:#d95926; --es-3:#199e70; --es-4:#c98500; --es-5:#d55181; --es-6:#77736a; --es-bom:#4FBF8B; --es-ruim:#F07167; --es-at:#E0B04A; } }
:root[data-theme="dark"] .es-root{ --es-1:#3987e5; --es-2:#d95926; --es-3:#199e70; --es-4:#c98500; --es-5:#d55181; --es-6:#77736a; --es-bom:#4FBF8B; --es-ruim:#F07167; --es-at:#E0B04A; }
.es-barra{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:space-between; margin-top:10px; }
.es-barra .es-acoes{ display:flex; gap:8px; flex-wrap:wrap; }
.es-sub{ font-size:12.5px; color:var(--ink-faint); margin:6px 0 0; }
.es-kpis{ display:grid; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:10px; margin-top:14px; }
.es-kpi{ background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:12px 14px; min-width:0; }
.es-kpi-rot{ font-size:12px; color:var(--ink-soft); text-transform:uppercase; letter-spacing:.04em; }
.es-kpi-num{ font-family:"Geist Mono",monospace; font-size:22px; font-weight:600; color:var(--ink); margin-top:4px; overflow-wrap:anywhere; }
.es-kpi-var{ font-size:12px; margin-top:4px; color:var(--ink-faint); }
.es-up{ color:var(--es-bom); font-weight:600; } .es-down{ color:var(--es-ruim); font-weight:600; }
.es-meta{ margin-top:8px; } .es-meta-trilho{ height:6px; border-radius:99px; background:var(--surface-2); overflow:hidden; }
.es-meta-trilho i{ display:block; height:100%; border-radius:99px; background:var(--es-1); }
.es-meta-trilho i.ok{ background:var(--es-bom); } .es-meta-trilho i.baixo{ background:var(--es-ruim); }
.es-meta small{ font-size:11.5px; color:var(--ink-faint); }
.es-alertas{ list-style:none; margin:8px 0 0; padding:0; display:grid; gap:6px; }
.es-alertas li{ display:flex; gap:8px; align-items:flex-start; font-size:13.5px; line-height:1.4; padding:8px 10px; border-radius:10px; background:var(--surface-2); }
.es-alertas b{ flex:none; font-size:11px; padding:2px 7px; border-radius:99px; border:1px solid currentColor; margin-top:1px; }
.es-al-ruim b{ color:var(--es-ruim); } .es-al-atencao b{ color:var(--es-at); } .es-al-bom b{ color:var(--es-bom); }
.es-ent-area h4{ margin:4px 0 8px; font-size:14px; }
.es-ent-tiles{ display:grid; grid-template-columns:repeat(auto-fit, minmax(110px, 1fr)); gap:8px; }
.es-ent-tile{ background:var(--surface-2); border-radius:10px; padding:8px 10px; display:flex; flex-direction:column; gap:2px; }
.es-ent-tile b{ font-size:20px; } .es-ent-tile span{ font-size:12px; color:var(--ink-soft); line-height:1.3; }
.es-ent-tile.es-ent-falta b{ color:var(--es-ruim); } .es-ent-tile.es-ent-okt b{ color:var(--es-bom); }
.es-ent-det{ margin-top:10px; } .es-ent-det summary{ cursor:pointer; font-size:13px; font-weight:600; color:var(--ink-soft); }
.es-ent-antes summary{ color:var(--es-ruim); }
.es-ent-lista{ list-style:none; margin:8px 0 0; padding:0; display:grid; gap:5px; max-height:360px; overflow:auto; }
.es-ent-lista li{ display:flex; justify-content:space-between; gap:10px; align-items:center; padding:7px 10px; border-radius:9px; background:var(--surface-2); font-size:13px; border-left:3px solid transparent; }
.es-ent-nome{ display:flex; flex-direction:column; min-width:0; } .es-ent-nome small{ color:var(--ink-faint); font-size:11.5px; }
.es-ent-sit{ text-align:right; font-size:12.5px; } .es-ent-ajuizado, .es-ent-protocolado{ border-left-color:var(--es-bom) !important; }
.es-ent-at{ border-left-color:var(--es-at) !important; } .es-ent-ruim{ border-left-color:var(--es-ruim) !important; } .es-ent-ruim .es-ent-sit{ color:var(--es-ruim); }
@media (max-width:520px){ .es-ent-lista li{ flex-direction:column; align-items:flex-start; } .es-ent-sit{ text-align:left; } }
.es-grade{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; }
.es-grade3{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; }
@media (max-width:900px){ .es-grade, .es-grade3{ grid-template-columns:minmax(0,1fr); } }
.es-card{ min-width:0; }
@media (max-width:520px){ .es-donut-wrap{ flex-direction:column; align-items:stretch; } .es-donut-wrap svg{ align-self:center; } .es-kpi-num{ font-size:19px; } }
.es-card h3{ margin:0 0 4px; font-size:15px; } .es-card .es-sub{ margin:0 0 10px; }
.es-leg{ display:flex; flex-wrap:wrap; gap:12px; font-size:12.5px; color:var(--ink-soft); margin-bottom:8px; }
.es-leg span{ display:inline-flex; align-items:center; gap:6px; } .es-leg i{ width:10px; height:10px; border-radius:3px; display:inline-block; }
.es-leg .es-leg-meta i{ width:14px; height:0; border-top:2px dashed var(--ink-soft); border-radius:0; }
.es-bars{ position:relative; height:190px; margin-left:52px; }
.es-bars-grade{ position:absolute; left:0; right:0; border-top:1px dashed var(--line); font-size:10px; color:var(--ink-faint); }
.es-bars-grade span{ position:absolute; right:100%; margin-right:6px; top:-7px; white-space:nowrap; }
.es-col{ flex:1; min-width:0; height:100%; display:flex; align-items:flex-end; justify-content:center; gap:2px; position:relative; cursor:default; }
.es-col:hover{ background:color-mix(in srgb, var(--ink) 5%, transparent); border-radius:6px 6px 0 0; }
.es-col-rot{ position:absolute; bottom:-20px; left:0; right:0; text-align:center; font-size:10.5px; color:var(--ink-faint); white-space:nowrap; overflow:hidden; }
.es-barra-v{ flex:1; max-width:22px; border-radius:4px 4px 0 0; min-height:0; }
.es-pilha{ flex:1; max-width:26px; display:flex; flex-direction:column-reverse; gap:2px; height:100%; justify-content:flex-start; }
.es-pilha i{ display:block; width:100%; } .es-pilha i:last-child{ border-radius:4px 4px 0 0; }
.es-meta-traco{ position:absolute; left:8%; right:8%; border-top:2px dashed var(--ink-soft); pointer-events:none; }
.es-donut-wrap{ display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
.es-donut-wrap svg{ flex:none; }
.es-donut-leg{ flex:1; min-width:150px; display:grid; gap:5px; font-size:12.5px; }
.es-donut-leg div{ display:flex; gap:7px; align-items:baseline; } .es-donut-leg i{ width:10px; height:10px; border-radius:3px; flex:none; transform:translateY(1px); }
.es-donut-leg span{ flex:1; color:var(--ink-soft); min-width:0; overflow-wrap:anywhere; } .es-donut-leg b{ font-family:"Geist Mono",monospace; font-weight:500; color:var(--ink); white-space:nowrap; }
.es-tab-wrap{ overflow-x:auto; } .es-tab{ width:100%; border-collapse:collapse; font-size:13px; }
.es-tab th, .es-tab td{ padding:7px 8px; border-bottom:1px solid var(--line); text-align:right; white-space:nowrap; }
.es-tab th:first-child, .es-tab td:first-child{ text-align:left; white-space:normal; }
.es-tab th{ font-size:11.5px; color:var(--ink-faint); font-weight:600; text-transform:uppercase; letter-spacing:.03em; }
.es-tab td{ font-family:"Geist Mono",monospace; } .es-tab td:first-child{ font-family:inherit; }
.es-tab tr.es-total td{ font-weight:700; border-top:2px solid var(--line); }
.es-tab tr.es-menos td:first-child{ padding-left:18px; color:var(--ink-soft); }
.es-tip{ position:fixed; z-index:9999; pointer-events:none; background:var(--ink); color:var(--paper); font-size:12px; line-height:1.4; padding:7px 9px; border-radius:8px; max-width:240px; box-shadow:0 6px 18px rgba(0,0,0,.25); display:none; }
/* (09/10/2026) ⚖️ Audiências do dia — modo audiência (celular primeiro) */
.ah-chips{ display:flex; gap:8px; flex-wrap:wrap; margin:0 0 14px; }
.ah-lista{ display:grid; gap:12px; grid-template-columns:minmax(0,1fr); }
.ah-card{ min-width:0; border:1px solid var(--line); border-radius:var(--r); background:var(--surface); background-image:var(--card-grad); padding:14px 16px; display:grid; gap:8px; cursor:pointer; }
.ah-card:hover{ border-color:var(--brand-line); }
.ah-card-topo{ display:flex; align-items:center; gap:12px; min-width:0; }
.ah-hora{ font:700 22px/1 ui-monospace,SFMono-Regular,Menlo,monospace; color:#E6C781; min-width:64px; }
.ah-card-nome{ flex:1; min-width:0; } .ah-card-nome b{ display:block; font-size:16px; } .ah-card-nome span{ display:block; color:var(--ink-faint); font-size:12.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ah-st{ font-size:12px; padding:3px 9px; border-radius:99px; border:1px solid var(--line); white-space:nowrap; }
.ah-st.ok{ color:var(--calm); border-color:var(--calm-line); } .ah-st.and{ color:var(--warn); border-color:var(--warn-line); } .ah-st.err{ color:var(--urgent); border-color:var(--urgent-line); }
.ah-dia{ margin:16px 0 6px; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); }
/* tela da audiência */
.ah-tela{ position:fixed; inset:0; z-index:10050; background:var(--paper); overflow:auto; -webkit-overflow-scrolling:touch; }
.ah-tela-in{ max-width:860px; margin:0 auto; padding:0 16px 120px; }
.ah-topo{ position:sticky; top:0; z-index:2; background:var(--paper); padding:12px 0 8px; border-bottom:1px solid var(--line); }
.ah-topo-l1{ display:flex; align-items:center; gap:10px; }
.ah-voltar{ background:none; border:1px solid var(--line); color:var(--ink); border-radius:10px; padding:8px 12px; font-size:15px; cursor:pointer; }
.ah-topo h2{ margin:0; font-size:18px; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ah-sub{ color:var(--ink-faint); font-size:12.5px; margin:4px 0 8px; }
.ah-bts{ display:flex; gap:8px; flex-wrap:wrap; }
.ah-seg{ display:flex; gap:4px; margin-top:10px; background:var(--surface-2); border-radius:12px; padding:4px; }
.ah-seg button{ flex:1; border:0; background:none; color:var(--ink-soft); padding:9px 4px; border-radius:9px; font-size:14px; font-weight:600; cursor:pointer; }
.ah-seg button.ativo{ background:var(--surface); color:var(--ink); box-shadow:var(--elev-1); }
.ah-sec{ padding-top:14px; display:grid; gap:12px; }
.ah-box{ border:1px solid var(--line); border-radius:var(--r); background:var(--surface); padding:14px 16px; }
.ah-box h3{ margin:0 0 8px; font-size:15px; }
.ah-box p{ margin:0 0 8px; line-height:1.55; }
.ah-box ul{ margin:0; padding-left:18px; } .ah-box li{ margin:4px 0; line-height:1.45; }
.ah-dados{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:8px 14px; }
.ah-dados div span{ display:block; font-size:11.5px; color:var(--ink-faint); text-transform:uppercase; letter-spacing:.05em; } .ah-dados div b{ font-weight:600; }
.ah-ped{ width:100%; border-collapse:collapse; } .ah-ped td{ padding:6px 0; border-top:1px solid var(--line); vertical-align:top; } .ah-ped td:last-child{ text-align:right; white-space:nowrap; padding-left:10px; font-variant-numeric:tabular-nums; }
.ah-perg{ display:flex; gap:10px; align-items:flex-start; padding:9px 0; border-top:1px solid var(--line); }
.ah-perg:first-of-type{ border-top:0; }
.ah-perg input{ width:22px; height:22px; flex:none; margin-top:1px; accent-color:var(--brand); }
.ah-perg.feita span{ color:var(--ink-faint); text-decoration:line-through; }
.ah-perg small{ display:block; color:var(--ink-faint); font-size:12px; margin-top:2px; text-decoration:none; }
.ah-campos{ display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:10px; }
.ah-campos label{ display:block; font-size:12.5px; color:var(--ink-soft); } .ah-campos input, .ah-campos select{ width:100%; margin-top:4px; font-size:16px; }
.ah-prop-in{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; } .ah-prop-in input{ flex:1; min-width:120px; font-size:18px; }
.ah-calc{ width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; } .ah-calc td{ padding:7px 0; border-top:1px solid var(--line); } .ah-calc td:last-child{ text-align:right; }
.ah-calc tr.liq td{ font-weight:700; font-size:18px; color:#E6C781; }
.ah-tela textarea, .ah-tela input, .ah-tela select{ font-family:inherit; }
.ah-intro{ color:var(--ink-soft); font-size:13.5px; margin:0 0 12px; line-height:1.5; }
.ah-alerta{ border-radius:10px; padding:9px 12px; font-weight:600; font-size:14px; }
.ah-alerta.ok{ background:var(--calm-bg); color:var(--calm); } .ah-alerta.ruim{ background:var(--urgent-bg); color:var(--urgent); }
.ah-hist{ display:grid; gap:6px; margin-top:8px; } .ah-hist div{ display:flex; justify-content:space-between; gap:8px; font-size:13.5px; border-top:1px solid var(--line); padding-top:6px; }
.ah-res{ display:grid; grid-template-columns:1fr 1fr; gap:10px; } .ah-res button{ padding:14px 10px; font-size:15px; }
@media (max-width:600px){ .ah-res{ grid-template-columns:1fr; } .ah-hora{ font-size:19px; min-width:54px; } }
.ah-vazio{ color:var(--ink-faint); font-size:14px; }

/* (09/10/2026) juntar ata/acordo */
.ata-bloco{ border:1px solid var(--brand-line); border-radius:12px; padding:10px 12px; margin:10px 0; background:var(--surface); }
.ata-bloco.off .ata-bloco-c{ opacity:.45; pointer-events:none; }
.ata-bloco-t{ display:flex; gap:8px; align-items:center; font-size:14.5px; cursor:pointer; } .ata-bloco-t input{ width:18px; height:18px; }
.ata-bloco-c{ margin-top:8px; display:grid; gap:8px; } .ata-bloco-c select{ max-width:100%; }
.ata-h4{ margin:14px 0 6px; font-size:14px; }
.ata-acp{ width:100%; border-collapse:collapse; } .ata-acp th{ text-align:left; font-size:12px; color:var(--ink-faint); font-weight:600; padding:4px; } .ata-acp td{ padding:3px 4px; } .ata-acp input{ width:100%; }
.ata-ac-res{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:8px; margin-top:6px; }
.ata-ac-res div{ border:1px solid var(--line); border-radius:10px; padding:8px 10px; } .ata-ac-res span{ display:block; font-size:11.5px; color:var(--ink-faint); text-transform:uppercase; letter-spacing:.04em; } .ata-ac-res b{ display:block; font-size:16px; } .ata-ac-res small{ color:var(--ink-faint); font-size:11.5px; }
.ata-ac-alerta{ color:var(--warn); font-size:13px; font-weight:600; margin:4px 0; }
.ata-chk2{ display:flex; gap:8px; align-items:flex-start; font-size:13.5px; } .ata-chk2 input{ margin-top:2px; }
/* (12/10/2026) ⚙️ Gerência → Escritório */
.esc-sec{ margin-top:14px; }
.esc-dica{ display:block; font-size:11.5px; color:var(--ink-faint); margin-top:4px; }
.esc-adv{ display:grid; grid-template-columns:minmax(0,1fr) 64px 120px 30px; gap:8px; align-items:center; margin-bottom:8px; }
.esc-adv input{ width:100%; min-width:0; border:1px solid var(--line); border-radius:9px; padding:8px 10px; font:inherit; font-size:13.5px; background:var(--surface); color:var(--ink); }
.esc-adv .esc-adv-uf{ text-transform:uppercase; text-align:center; }
.esc-adv .btn-icon-del{ margin-left:0; }
.esc-logo{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.esc-logo img{ width:72px; height:72px; object-fit:contain; border-radius:14px; background:#18181B; border:1px solid var(--line); padding:8px; }
@media (max-width:600px){ .esc-adv{ grid-template-columns:minmax(0,1fr) 56px 30px; } .esc-adv .esc-adv-num{ grid-column:1 / 3; grid-row:2; } .esc-adv .btn-icon-del{ grid-row:1; grid-column:3; } }
/* (09/10/2026) petição de acordo: inicial + observações */
.ap-ia{ border:1px solid var(--brand-line); border-radius:12px; padding:12px; margin:0 0 12px; display:grid; gap:8px; background:var(--surface); }
.ap-ia-l1{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; } .ap-ia-lab{ font-weight:600; font-size:13.5px; }
.ap-ia textarea{ width:100%; } .ap-ia-ok{ border-radius:10px; padding:8px 10px; background:var(--calm-bg); color:var(--ink); font-size:13.5px; }
.ap-mudou{ outline:2px solid #E6C781 !important; outline-offset:1px; transition:outline-color .3s; }
.es-metas-form{ display:grid; grid-template-columns:1fr 1fr; gap:14px; } @media (max-width:600px){ .es-metas-form{ grid-template-columns:1fr; } }
.es-metas-form fieldset{ border:1px solid var(--line); border-radius:12px; padding:10px 12px; margin:0; min-width:0; } .es-metas-form legend{ font-weight:700; padding:0 6px; }
.es-metas-form label{ display:block; font-size:12.5px; color:var(--ink-soft); margin-top:8px; } .es-metas-form input, .es-metas-form select{ width:100%; margin-top:3px; }
/* ==================================================================
   (09/10/2026) VISUAL MODERNO — camada final, só aparência
   Tipografia Geist (sem serifa), pretos neutros no lugar do marrom,
   números grandes e limpos, menu e cartões mais leves. O dourado
   continua sendo a cor da marca. Nenhuma regra muda comportamento.
   ================================================================== */
:root[data-theme="dark"], :root:not([data-theme="light"]){
  --ink:#F5F4F1; --ink-soft:#ADAAA4; --ink-faint:#76736D;
  --paper:#09090B; --surface:#121214; --surface-2:#1A1A1D; --line:#26262A;
  --brand:#DDBE73; --brand-soft:#221D12; --brand-line:#4F4125;
  --urgent:#F0A3A3; --urgent-bg:#231314; --urgent-line:#55282A;
  --warn:#E8B76A; --warn-bg:#251C0F; --warn-line:#544020;
  --calm:#7FD0A2; --calm-bg:#0F2018; --calm-line:#24493A;
  --muted:#9C9992; --muted-bg:#18181A; --muted-line:#2E2E32;
  --info:#9CC4F0; --info-bg:#101B28; --info-line:#283F5C;
  --line-soft:rgba(255,255,255,.07);
  --campo:#0E0E10;
  --elev-1:0 1px 0 rgba(255,255,255,.035) inset, 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.5);
  --elev-2:0 1px 0 rgba(255,255,255,.05) inset, 0 2px 4px rgba(0,0,0,.4), 0 20px 40px -16px rgba(0,0,0,.6);
  --card-grad:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0) 60%);
  --gold-grad:linear-gradient(180deg, #EACB86 0%, #D4AF5F 100%);
  --r-sm:10px; --r:16px; --r-lg:20px;
  --font:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}
body{
  font-family:var(--font); font-size:14.5px; letter-spacing:-.003em; font-feature-settings:"ss01", "cv11";
  background:
    radial-gradient(1200px 600px at 85% -10%, rgba(221,190,115,.06), transparent 60%),
    radial-gradient(800px 500px at 0% 100%, rgba(120,140,200,.025), transparent 60%),
    var(--paper);
  background-attachment:fixed;
}
h1, h2, h3, h4{ font-family:var(--font); letter-spacing:-.02em; }
.mono{ font-family:var(--font-mono); letter-spacing:-.01em; }
::selection{ background:rgba(221,190,115,.32); color:#fff; }
*{ scrollbar-color:#2C2C31 transparent; }
::-webkit-scrollbar-thumb{ background:#2C2C31; background-clip:padding-box; }
::-webkit-scrollbar-thumb:hover{ background:#3A3A40; background-clip:padding-box; }

/* ---- Títulos e números: sem serifa, mais firmes ---- */
h1.title, .chart-card h3, .ficha-id h2, .bv-resumo-head h2, .bv-area-box h1, .bv-area-card b, .cbv-cal-header{
  font-family:var(--font); font-weight:650; letter-spacing:-.025em;
}
h1.title{ font-size:clamp(26px,2.6vw,34px); color:var(--ink); line-height:1.1; }
.chart-card h3, .bv-resumo-head h2{ font-size:17px; color:var(--ink); }
.bv-area-box h1{ font-size:clamp(26px,3.6vw,38px); }
.bv-area-card b{ font-size:19px; }
.hj-tile b, .cbv-radar-item b, .cbv-kpi .cbv-kpi-value{
  font-family:var(--font); font-weight:650; letter-spacing:-.04em; font-variant-numeric:tabular-nums;
}
.hj-tile b{ font-size:34px; line-height:1; }
.cbv-radar-item b{ font-size:24px; }
.cbv-kpi .cbv-kpi-value{ font-size:26px; }
.bv-date, .bv-brand-eyebrow, .eyebrow, .bv-area-box .bv-area-eyebrow{ font-family:var(--font); font-weight:600; letter-spacing:.12em; }
.bv-date{ color:var(--ink-faint); }
.bv-brand-name{ font-family:"Fraunces", Georgia, serif; font-weight:600; letter-spacing:-.01em; }   /* logotipo continua com serifa */

/* ---- Menu lateral ---- */
.bv-side{ background:rgba(12,12,14,.92); border-color:var(--line-soft) !important; }
@media (min-width:860px){
  .bv-side{ -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); gap:22px; padding-top:24px; }
  .bv-side .tab-btn{ height:36px; font-size:13.5px; }
  .bv-side .tab-btn.active::before{ top:9px; bottom:9px; box-shadow:0 0 12px rgba(221,190,115,.55); }
  .bv-side .identity{ border-top-color:var(--line-soft); }
}
.bv-side .tab-btn{ color:var(--ink-soft); font-weight:500; }
.bv-side .tab-btn svg{ width:16px; height:16px; }
.bv-side .tab-btn:hover{ background:rgba(255,255,255,.045); }
.bv-side .tab-btn.active{ background:rgba(255,255,255,.06); color:var(--ink); font-weight:600; box-shadow:0 0 0 1px var(--line-soft) inset; }
.bv-brand .brand-mark{ background:#18181B; border-color:var(--line-soft); border-radius:12px; box-shadow:0 0 0 1px rgba(221,190,115,.12), 0 6px 18px -6px rgba(221,190,115,.25); }
.bv-area-switch{ background:#0E0E10; border-color:var(--line-soft); }
.bv-area-switch button.ativo, .bv-area-switch [data-setarea].ativo{ background:#1F1F23; color:var(--ink); box-shadow:0 0 0 1px var(--line-soft) inset, 0 1px 2px rgba(0,0,0,.4); }
#bv-busca-rapida, .bv-busca{ background:#0E0E10; border-color:var(--line-soft); }

/* ---- Cabeçalho ---- */
header.top{ border-bottom-color:var(--line-soft); }
header.top .header-wm{ opacity:.025; }
header.top .chip{ background:rgba(255,255,255,.04); border-color:var(--line-soft); font-weight:500; }
header.top .chip strong{ font-family:var(--font); font-weight:700; }

/* ---- Cartões ---- */
.item, .at-card, .kb-card, .client-card, .chart-card, .stat-tile, .cbv-card, .cbv-radar-item, .hj-tile, .hj-row, .docs-card, .at-sec,
.of-painel, .aud-table-wrap, .gx-lista, .bv-tese, .cbv-resumo-ia, .pd16-taxa, section.bv-resumo, .kb-col, details.team-tip, .mov-item, .cbv-kpi{
  border-color:var(--line-soft);
}
.item:hover, .at-card:hover, .kb-card:hover, .client-card:hover, .hj-row:hover, .docs-card:hover, .bv-tese:hover, .hj-tile:hover{ border-color:rgba(255,255,255,.12); }
.hj-tile{ min-height:96px; padding:16px 18px; gap:10px; }
.hj-tile span{ font-weight:500; }
.hj-tile.urg{ background-image:linear-gradient(160deg, rgba(240,163,163,.14), rgba(240,163,163,.02) 70%); border-color:var(--urgent-line); }
.hj-row{ border-radius:14px; }
.hj-row .hj-q{ font-family:var(--font-mono); font-weight:500; }
.hj-feito{ border-radius:14px; }
.hj-sec h3{ color:var(--ink-faint); font-weight:600; }
.cbv-radar-item{ padding:16px 18px; }
.cbv-radar-item.cbv-alerta, .cbv-kpi.cbv-kpi-alerta{ background:var(--urgent-bg); }
.kb-col{ background-color:#0F0F11; }
.item-title{ font-weight:600; }
.item-type{ font-weight:600; }
.badge{ font-family:var(--font); font-weight:600; letter-spacing:0; }
section.bv-resumo{ border-color:rgba(221,190,115,.22); background-image:linear-gradient(180deg, rgba(221,190,115,.05), rgba(221,190,115,0) 50%); }
.bv-resumo-texto b{ color:#EED39A; }

/* ---- Botões ---- */
.btn{ border-radius:999px; padding-left:16px; padding-right:16px; color:#141108; font-weight:650; box-shadow:0 1px 0 rgba(255,255,255,.35) inset, 0 6px 20px -6px rgba(221,190,115,.45); }
.btn:hover{ box-shadow:0 1px 0 rgba(255,255,255,.4) inset, 0 10px 26px -8px rgba(221,190,115,.6); }
.btn:active{ transform:translateY(1px) scale(.99); }
.btn-ghost{ background:rgba(255,255,255,.04); border-color:var(--line-soft); color:var(--ink); font-weight:550; box-shadow:none; }
.btn-ghost:hover{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.14); color:var(--ink); box-shadow:none; }
.btn-sm{ border-radius:999px; padding-left:12px; padding-right:12px; }
.cbv-btn{ border-radius:999px; }
.cbv-btn-confirmar, .cbv-aud-nova-form button{ background:var(--gold-grad); color:#141108; }
.subtab-btn.active, .bv-chip.ativo{ background:#1F1F23; border-color:rgba(255,255,255,.14); color:var(--ink); box-shadow:0 1px 2px rgba(0,0,0,.35); }
.subtab-btn .count, .bv-chip .mono{ font-family:var(--font); font-weight:600; color:var(--brand); opacity:1; }
.btn:focus-visible, .btn-ghost:focus-visible, .subtab-btn:focus-visible, .tab-btn:focus-visible, .bv-area-card:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; }

/* ---- Campos ---- */
.search input, .field input, .field select, .field textarea, .status-select, textarea, select, input[type="text"], input[type="date"], input[type="time"], input[type="number"], input[type="search"], input[type="email"], input[type="tel"]{
  background-color:var(--campo); border-color:var(--line-soft);
}
.search input:focus, .field input:focus, .field select:focus, .field textarea:focus, textarea:focus, select:focus, input[type="text"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="tel"]:focus{
  background-color:#111113; border-color:rgba(221,190,115,.55); box-shadow:0 0 0 4px rgba(221,190,115,.12);
}
.search input{ border-radius:14px; }
.status-select{ font-family:var(--font); }

/* ---- Tabelas, janelas e avisos ---- */
.aud-table thead th, .pd16-tab thead th, .of-hist thead th{ background:#111113; font-weight:600; }
.cbv-modal-box{ background:linear-gradient(180deg, #19191C, #131315) !important; }
.cbv-modal-backdrop{ background:rgba(4,4,6,.6) !important; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.toast{ background:#F5F4F1; color:#111; border-radius:999px; padding-left:20px; padding-right:20px; }

/* ---- Escolha da área ---- */
#bv-area-escolha{ background:radial-gradient(900px 500px at 50% 0%, rgba(221,190,115,.08), transparent 60%), rgba(9,9,11,.97); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.bv-area-card{ border-radius:var(--r-lg); border-color:var(--line-soft); background-image:var(--card-grad); box-shadow:var(--elev-1); transition:border-color .18s, transform .18s, box-shadow .18s; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; }
.bv-area-card:hover, .bv-area-card:focus-visible{ border-color:rgba(221,190,115,.5); box-shadow:var(--elev-2), 0 0 0 4px rgba(221,190,115,.07); transform:translateY(-3px); }
.bv-area-card svg{ width:40px; height:40px; padding:9px; border-radius:12px; background:var(--brand-soft); box-shadow:0 0 0 1px var(--brand-line) inset; }

/* ---- Celular ---- */
@media (max-width:859px){
  #bv-bottom-nav{ background:rgba(12,12,14,.82); -webkit-backdrop-filter:blur(18px) saturate(1.4); backdrop-filter:blur(18px) saturate(1.4); border-top-color:var(--line-soft); }
  #bv-bottom-nav button.on{ color:var(--ink); background:rgba(255,255,255,.07); }
  #bv-bottom-nav button.on svg{ color:var(--brand); }
  #bv-sheet.aberto{ background:#121214; border-top-color:var(--line-soft); }
  #bv-sheet .sh-areas button{ background:#18181B; border-color:var(--line-soft); }
}
@media (prefers-reduced-motion: reduce){ .bv-area-card:hover, .bv-area-card:focus-visible{ transform:none; } }
/* (12/10/2026) 🔎 tese do TST × clientes */
.bv-ttimp{ white-space:nowrap; }
.tt-imp-box{ max-width:min(760px, calc(100vw - 24px)) !important; position:relative; }
.tt-imp-x{ position:absolute; top:10px; right:12px; background:transparent; border:0; color:var(--ink-faint); font-size:22px; cursor:pointer; line-height:1; }
.tt-imp-meta{ font-size:12px; color:var(--ink-faint); margin-bottom:6px; }
.tt-imp-grupo{ display:flex; align-items:center; gap:8px; margin:16px 0 8px; font-size:13px; }
.tt-imp-item{ border:1px solid var(--line); border-radius:12px; padding:10px 12px; margin-bottom:8px; background:var(--surface-2); }
.tt-imp-top{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.tt-imp-top .btn{ margin-left:auto; }
.tt-imp-txt{ font-size:13px; color:var(--ink-soft); margin-top:4px; }
.tt-imp-txt b{ color:var(--ink); font-weight:600; }
.tt-imp-aviso{ font-size:11.5px; color:var(--ink-faint); margin:12px 0 0; }
/* (12/10/2026) 📎 processo juntado na peça */
.paut{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin-top:8px; font-size:12.5px; color:var(--ink-soft); }
.paut-ok{ background:var(--calm-bg); border:1px solid var(--calm-line); border-radius:10px; padding:7px 10px; color:var(--ink); }
.paut-ok a{ color:var(--calm); }
.paut-alerta{ color:var(--warn); flex-basis:100%; }
.paut-acoes{ display:inline-flex; gap:6px; margin-left:auto; }
.paut-prog{ flex:1 1 160px; max-width:240px; height:6px; border-radius:6px; background:var(--line); overflow:hidden; }
.paut-prog i{ display:block; height:100%; background:var(--gold-grad, var(--brand)); transition:width .2s; }
.pgp-autos{ display:flex; align-items:center; gap:8px; border:1px dashed var(--line); border-radius:12px; padding:10px 12px; cursor:pointer; color:var(--ink); font-size:13.5px; }
.pgp-autos:hover{ border-color:var(--brand-line); }
.pgp-autos input{ display:none; }
/* (12/10/2026) 📲 cliente manda documentos pelo link */
.dl-link input{ width:100%; font:13px var(--font-mono, monospace); padding:9px 10px; border-radius:10px; }
.dl-link small{ display:block; color:var(--ink-faint); font-size:12px; margin-top:4px; }
.dl-tit{ margin:16px 0 8px; font-size:13.5px; }
.dl-lista{ list-style:none; margin:0; padding:0; display:grid; gap:6px; max-height:280px; overflow:auto; }
.dl-lista li{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; padding:8px 10px; border:1px solid var(--line); border-radius:10px; font-size:13px; }
.dl-nome{ flex:1 1 220px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dl-lista small{ color:var(--ink-faint); }
.dl-erro{ flex-basis:100%; color:var(--warn); font-size:12px; }
/* (12/10/2026) 🩺 saúde do painel */
.saude-topo{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-top:14px; padding:14px 16px; border-radius:14px; font-weight:700; border:1px solid var(--line); }
.saude-topo small{ font-weight:400; color:var(--ink-faint); font-size:12px; }
.saude-topo.saude-erro{ background:var(--urgent-bg); border-color:var(--urgent-line); color:var(--urgent); }
.saude-topo.saude-aviso{ background:var(--warn-bg); border-color:var(--warn-line); color:var(--warn); }
.saude-topo.saude-ok{ background:var(--calm-bg); border-color:var(--calm-line); color:var(--calm); }
.saude-lista{ display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:10px; margin-top:12px; }
.saude-item{ border:1px solid var(--line); border-radius:14px; padding:12px 14px; background:var(--surface); }
.saude-item.saude-erro{ border-color:var(--urgent-line); }
.saude-item.saude-aviso{ border-color:var(--warn-line); }
.saude-cab{ display:flex; align-items:center; gap:8px; }
.saude-est{ margin-left:auto; font-size:12px; color:var(--ink-faint); }
.saude-det{ font-size:13px; color:var(--ink-soft); margin-top:6px; word-break:break-word; }
.saude-fazer{ font-size:13px; color:var(--ink); margin-top:6px; }

/* (12/10/2026) 📖 Conferir leis citadas */
.lei-box{max-width:640px;width:100%;max-height:88vh;overflow:auto}
.lei-resumo{padding:10px 12px;border-radius:10px;font-weight:600;margin:10px 0}
.lei-bom{background:rgba(18,116,77,.12);color:#5CCB98}
.lei-ruim{background:rgba(168,38,31,.14);color:#F08A80}
.lei-aviso{font-size:13px;opacity:.8;margin:0 0 8px}
.lei-item{border:1px solid var(--line, rgba(255,255,255,.08));border-radius:10px;margin:8px 0;padding:0}
.lei-item summary{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;cursor:pointer;list-style:none}
.lei-item summary::-webkit-details-marker{display:none}
.lei-ico{flex:none}
.lei-ref{display:flex;flex-direction:column;gap:2px;min-width:0}
.lei-ref small{opacity:.75;overflow-wrap:anywhere}
.lei-nao_existe,.lei-par_nao_existe,.lei-revogado,.lei-par_revogado{border-color:rgba(240,138,128,.45)}
.lei-texto{font-size:13.5px;line-height:1.55;padding:0 12px 10px 38px;opacity:.9;max-height:260px;overflow:auto;overflow-wrap:anywhere}
.lei-link{display:inline-block;margin:0 12px 10px 38px;font-size:13px}
.lei-sub{margin:16px 0 6px;font-weight:600}
.lei-sub small{font-weight:400;opacity:.7}
.lei-sum{font-size:14px;padding:4px 0}
.lei-colar{margin:14px 0 4px}
.lei-colar summary{cursor:pointer;font-size:14px;opacity:.85}
.lei-colar textarea{width:100%;margin:8px 0;box-sizing:border-box}
.zs-erro{display:block;color:#F08A80;margin-top:2px}
/* (13/10/2026) 🚀 piloto automático */
.pil-lista{display:grid;gap:8px;margin-top:10px}
.pil-item{padding:10px 12px;border:1px solid var(--line, rgba(255,255,255,.08));border-radius:10px;font-size:14px}
.pil-item small{display:block;opacity:.7;margin-top:2px}
/* (13/10/2026) ⬇️ acesso ao PJe */
.pje-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px}
.pje-form input,#pje-proc{width:100%;box-sizing:border-box}
.pje-mac{margin-top:14px;padding-top:12px;border-top:1px solid var(--line, rgba(255,255,255,.08))}
/* (13/10/2026) 👥 clientes que chegaram (aba Números) */
.nch-nav{display:flex;align-items:center;gap:10px;margin:10px 0 4px;flex-wrap:wrap}
.nch-area{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}
.nch-area.nch-trab{background:rgba(217,179,90,.16);color:#E9C877}
.nch-area.nch-prev{background:rgba(92,203,152,.14);color:#5CCB98}
.nch-area.nch-outra{background:rgba(160,160,200,.16);color:#B9B9E6}
.stat-tile.nch-trab .stat-tile-num{color:#E9C877}
.stat-tile.nch-prev .stat-tile-num{color:#5CCB98}
.nch-falta{opacity:.55;font-style:italic}
.nch-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.nch-tiles .stat-tile{padding:12px 14px;min-width:0}
.nch-assuntos .stat-bar-label{width:42%;flex:0 0 42%;max-width:42%;white-space:normal;overflow:visible;text-overflow:clip}
@media (max-width:600px){ .nch-tiles .stat-tile-num{font-size:26px} .nch-assuntos .stat-bar-label{width:50%;flex-basis:50%;max-width:50%} }
/* (13/10/2026) 🗑 excluir cliente e lixeira */
.client-actions .cli-del{color:var(--urgent, #F08A80)}
.lix-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line, rgba(255,255,255,.08))}
.lix-item small{display:block;opacity:.7;margin-top:2px}
/* (13/10/2026) acordo lançado com audiência/prazo em aberto: pergunta "foi homologado?" */
.acp-aviso{margin:10px 0; display:flex; flex-direction:column; gap:8px;}
.acp-linha{display:flex; gap:10px; align-items:center; flex-wrap:wrap; justify-content:space-between;}
.acp-linha > span:first-child{flex:1; min-width:220px;}
.acp-bts{display:flex; gap:6px; flex-wrap:wrap;}
.acp-aviso small{color:var(--ink-soft);}
.ah-dup{margin-top:6px; font-size:12.5px; color:var(--warn);}
/* (13/10/2026) petição inicial: de qual ação (verbas x acidentária) */
.at-acao .at-acao-op{display:flex; gap:8px; align-items:flex-start; font-weight:400; margin:6px 0; cursor:pointer; line-height:1.35;}
.at-acao .at-acao-op input{margin-top:3px;}
/* (13/10/2026) faixa de versão antiga */
#cbv-versao-faixa{position:fixed; left:50%; transform:translateX(-50%); top:12px; z-index:9998; max-width:min(720px, calc(100vw - 32px));
  display:flex; gap:12px; align-items:center; flex-wrap:wrap; justify-content:space-between; padding:10px 14px; border-radius:12px;
  background:var(--surface); color:var(--ink); border:1px solid var(--brand); box-shadow:var(--shadow); font-size:14px;}
#cbv-versao-faixa .cvf-bts{display:flex; gap:6px; flex-wrap:wrap;}
/* (13/10/2026) luzinha da versão (canto de cima, à direita): verde = atualizado, vermelha = versão antiga */
.cbv-luz{position:fixed; top:14px; right:16px; z-index:9997; width:12px; height:12px; border-radius:50%; cursor:pointer; background:#8a8f98; box-shadow:0 0 0 3px rgba(138,143,152,.18); transition:background .3s, box-shadow .3s;}
.cbv-luz-verde{background:#2fbf71; box-shadow:0 0 0 3px rgba(47,191,113,.22), 0 0 8px rgba(47,191,113,.7);}
.cbv-luz-vermelho{background:#e5484d; box-shadow:0 0 0 3px rgba(229,72,77,.25), 0 0 8px rgba(229,72,77,.8); animation:cbvLuzPisca 1.6s ease-in-out infinite;}
@keyframes cbvLuzPisca{50%{opacity:.45;}}
@media (prefers-reduced-motion: reduce){ .cbv-luz-vermelho{animation:none;} }
@media (max-width: 760px){ .cbv-luz{top:4px; right:4px; width:9px; height:9px;} }
/* (13/10/2026) busca na aba Atendimentos */
.at-busca{margin:12px 0 0;}
.at-busca input{width:100%; padding:10px 14px; border-radius:12px; border:1px solid var(--line); background:var(--surface); color:var(--ink); font-size:14px;}
/* (13/10/2026) atendimento: o que fazer ao salvar */
.at-destino{margin:14px 0 4px; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2);}
.at-destino-tit{font-weight:700; margin-bottom:8px;}
.at-destino-ops{display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:8px;}
.at-destino-op{position:relative; display:flex; flex-direction:column; gap:2px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:var(--surface); cursor:pointer; font-weight:400;}
.at-destino-op input{position:absolute; opacity:0; pointer-events:none;}
.at-destino-op .at-do-ic{font-size:20px;}
.at-destino-op small{color:var(--ink-soft);}
.at-destino-op:has(input:checked){border-color:var(--brand); box-shadow:0 0 0 2px var(--brand-soft); background:var(--brand-soft);}
/* (14/10/2026) nº do processo no alto do cartão do atendimento */
.at-num-proc{display:inline-flex; align-items:center; gap:4px; padding:3px 10px; border-radius:999px; border:1px solid var(--brand); color:var(--ink); background:var(--brand-soft); font-size:13px; font-weight:600;}
.at-num-falta{border-color:var(--warn); background:transparent; color:var(--warn); cursor:pointer; font-family:inherit;}
span.at-num-falta{cursor:default;}
.at-peca-st{font-size:12.5px; font-weight:600; margin-left:6px; padding:2px 8px; border-radius:999px; background:var(--surface-2); color:var(--ink-soft);}
/* (14/10/2026) quadro da equipe na Visão estratégica */
.eq-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:12px; margin-top:10px;}
.eq-card{border:1px solid var(--line); border-radius:12px; padding:12px 14px; background:var(--surface);}
.eq-card.eq-alerta{border-color:rgba(229,72,77,.6);}
.eq-topo{display:flex; gap:10px; align-items:center; margin-bottom:8px;}
.eq-topo small{display:block; color:var(--ink-soft);}
.eq-luz{width:12px; height:12px; border-radius:50%; background:#2fbf71; box-shadow:0 0 6px rgba(47,191,113,.7); flex:0 0 auto;}
.eq-alerta .eq-luz{background:#e5484d; box-shadow:0 0 6px rgba(229,72,77,.8);}
.eq-card ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; font-size:13.5px;}
.eq-card li b{font-variant-numeric:tabular-nums;}
.eq-card li.eq-ruim{color:#e5484d;}
/* (14/10/2026) petição de acordo em abas */
.ap-abas{display:flex; gap:6px; flex-wrap:wrap; margin:12px 0 10px; border-bottom:1px solid var(--line); padding-bottom:8px;}
.ap-aba{border:1px solid var(--line); background:var(--surface); color:var(--ink-soft); border-radius:999px; padding:6px 12px; font-size:13px; cursor:pointer; font-family:inherit;}
.ap-aba.ativa{border-color:var(--brand); background:var(--brand-soft); color:var(--ink); font-weight:600;}
.ap-pane[hidden], .ap-vinc-rec[hidden], #ap-sd-box[hidden]{display:none !important;}
/* (14/10/2026) atendimento com duas ações: cada petição no seu quadro, com cor própria; separar arquivos misturados */
.at-peca-emb.at-peca-verbas, .at-peca-emb.at-peca-acid{border:1px solid var(--line); border-left:4px solid var(--info); border-radius:12px; padding:8px 10px 10px; margin-top:12px;}
.at-peca-emb.at-peca-acid{border-left-color:var(--warn);}
.at-acao-rot{padding:2px 9px; border-radius:999px; background:var(--info-bg); color:var(--info);}
.at-acao-rot-acid{background:var(--warn-bg); color:var(--warn);}
.at-acao-aviso{margin:8px 0 4px; font-size:12.5px; padding:6px 10px; border-radius:8px; background:var(--info-bg); color:var(--ink);}
.at-acao-aviso.at-acao-acid{background:var(--warn-bg);}
.at-separar{display:flex; gap:8px; align-items:center; justify-content:space-between; flex-wrap:wrap; margin:8px 0; font-size:12.5px; color:var(--ink-soft); background:var(--surface-2); border-radius:8px; padding:6px 10px;}
.at-sep-lista{display:flex; flex-direction:column; gap:6px; margin-top:10px; max-height:55vh; overflow:auto;}
.at-sep-lin{display:flex; gap:10px; align-items:center; justify-content:space-between; flex-wrap:wrap; border:1px solid var(--line); border-radius:10px; padding:8px 10px;}
.at-sep-nome{display:flex; flex-direction:column; min-width:0;} .at-sep-nome b{font-size:13px; overflow-wrap:anywhere;} .at-sep-nome small{color:var(--ink-soft);}
.at-sep-op{display:flex; gap:12px; font-size:13px;} .at-sep-op label{display:flex; gap:4px; align-items:center; cursor:pointer; white-space:nowrap;}
/* (14/10/2026) etiqueta da ação (cliente com dois processos: verbas e acidentária) */
.tag.tag-acao{font-size:11px; padding:1px 7px; border-radius:999px; font-weight:600; white-space:nowrap; vertical-align:middle;}
.tag.tag-acao-verbas{background:var(--info-bg); color:var(--info); border:1px solid var(--info-line);}
.tag.tag-acao-acid{background:var(--warn-bg); color:var(--warn); border:1px solid var(--warn-line);}
/* (15/10/2026) ajuizar cada ação no seu tempo */
.at-ajuizar{display:flex; gap:8px; align-items:center; justify-content:space-between; flex-wrap:wrap; margin:8px 0; font-size:12.5px; color:var(--ink-soft); border:1px dashed var(--line); border-radius:8px; padding:6px 10px;}
.at-ajuizar-ok{border-style:solid; color:var(--ink); background:var(--calm-bg);}
/* (15/10/2026) tela sem rolar para o lado: colunas da aba Dia não crescem com texto comprido; texto quebra em até 2 linhas */
@media (min-width:860px){ .hj-cols{ grid-template-columns:minmax(0, 1.65fr) minmax(0, 1fr); gap:22px; } }
.hj-cols > div, .hj-item, .hj-row, .hj-row .hj-t{ min-width:0; }
.hj-row .hj-t b{ overflow-wrap:anywhere; }
.hj-row .hj-t small{ white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; line-height:1.4; }
.hj-desfazer span{ min-width:0; overflow-wrap:anywhere; }
/* (15/10/2026) atendimento na visão do Dr.: peças primeiro, atendimento recolhido, sem repetição dentro do quadro da peça */
.at-card-enxuto .at-peca-emb{margin-top:10px; border-top:none; padding-top:0;}
.at-card-enxuto .at-peca-emb .pg-topo, .at-card-enxuto .at-peca-emb .pg-meta, .at-card-enxuto .at-peca-emb .pg-detalhe{display:none;}
.at-card-enxuto .at-peca-emb .pg-card{padding-top:10px;}
.at-dados{margin-top:12px; border:1px solid var(--line); border-radius:10px; padding:6px 10px; background:var(--surface-2);}
.at-dados > summary{cursor:pointer; font-size:13px; font-weight:600; color:var(--ink-soft); padding:2px 0;}
.at-dados[open] > summary{margin-bottom:8px;}
.at-enx-fim{display:flex; justify-content:flex-end; margin-top:8px;}
.pg-arqs-velhas > summary{cursor:pointer; font-size:12.5px; color:var(--ink-soft); padding:4px 2px;}
.pg-arqs-velhas[open]{display:flex; flex-direction:column; gap:6px;}
/* (15/10/2026) 🎓 aprendizado da IA */
.apr-painel{margin:0 0 14px; border:1px solid var(--line); border-radius:12px; padding:8px 12px; background:var(--surface);}
.apr-painel > summary{cursor:pointer; font-weight:600; font-size:14px;}
.apr-painel .count{display:inline-block; min-width:20px; padding:0 6px; margin-left:6px; border-radius:999px; background:var(--brand-soft); color:var(--brand); font-size:12px; text-align:center;}
.apr-lista{list-style:none; margin:8px 0 0; padding:0; display:flex; flex-direction:column; gap:6px;}
.apr-lista li{display:flex; gap:10px; align-items:flex-start; justify-content:space-between; font-size:13px; border-top:1px solid var(--line); padding-top:6px; overflow-wrap:anywhere;}
.apr-lista li.apr-off{opacity:.5; text-decoration:line-through;}
.apr-dica{font-size:12.5px; color:var(--ink-soft); background:var(--brand-soft); border-radius:8px; padding:6px 10px; margin:8px 0;}
/* (15/10/2026) Gerência por área: placar das áreas */
.es-pl{display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap:14px; margin-top:8px;}
.es-pl-col{border:1px solid var(--line); border-radius:12px; padding:10px 12px; border-top:4px solid var(--info); min-width:0;}
.es-pl-col.es-pl-prev{border-top-color:var(--warn);}
.es-pl-col h4{margin:0 0 6px; font-size:15px;} .es-pl-col h4 small{font-weight:500; color:var(--ink-soft); margin-left:6px;}
.es-pl-tab td{vertical-align:top;} .es-pl-tab td small{color:var(--ink-faint);}
.es-pl-bar{position:relative; display:inline-block; width:calc(100% - 46px); max-width:160px; height:7px; border-radius:99px; background:var(--muted-bg); vertical-align:middle; overflow:visible;}
.es-pl-bar i{position:absolute; left:0; top:0; bottom:0; border-radius:99px; background:var(--warn);}
.es-pl-bar b{position:absolute; top:-3px; width:2px; height:13px; background:var(--ink-soft);}
.es-pl-bar.es-pl-ok i{background:var(--calm);} .es-pl-bar.es-pl-ruim i{background:var(--urgent);}
.es-pl-pct{display:inline-block; min-width:40px; text-align:right; font-size:12px; font-weight:700; margin-left:4px;}
.es-pl-pct.es-pl-ok{color:var(--calm);} .es-pl-pct.es-pl-ruim{color:var(--urgent);} .es-pl-pct.es-pl-meio{color:var(--warn);}
.es-pl-sem{font-size:11.5px; color:var(--ink-faint);}
.es-pl-col .btn{margin-top:8px;}
/* (15/10/2026) Marketing: meta de contratos */
.mkt-meta-num{font-size:15px; margin:2px 0 6px;} .mkt-meta-num b{font-size:22px;}
.mkt-meta-falta{margin:6px 0; font-size:13px;}
.mkt-meta-linha{display:flex; flex-wrap:wrap; gap:6px 14px; font-size:12.5px; color:var(--ink-soft); margin-top:6px;} .mkt-meta-linha b{color:var(--ink);}

/* (15/10/2026) 💰 Financeiro do previdenciário — agenda de honorários */
.fp-agenda{ display:grid; grid-template-columns:repeat(auto-fill, minmax(118px, 1fr)); gap:8px; }
.fp-mes{ display:flex; flex-direction:column; gap:2px; align-items:flex-start; text-align:left; padding:9px 10px; border-radius:12px; border:1px solid var(--line); background:var(--surface); color:var(--ink); cursor:pointer; font:inherit; min-width:0; }
.fp-mes:hover{ border-color:var(--ink-faint); }
.fp-mes.active{ border-color:#6FB3A5; box-shadow:0 0 0 2px rgba(111,179,165,.35); }
.fp-mes.fp-vazio{ opacity:.55; }
.fp-mes.fp-hoje .fp-mes-rot{ font-weight:700; }
.fp-mes.fp-atras{ border-color:#d9776b; }
.fp-mes-rot{ font-size:12px; color:var(--ink-soft); text-transform:capitalize; }
.fp-mes b{ font-size:16px; white-space:nowrap; }
.fp-mes-div{ font-size:11px; color:var(--ink-soft); line-height:1.35; }
.fp-mes-n{ font-size:11px; color:var(--ink-faint); }
.fp-sel{ margin-top:14px; }
.fp-sel h4{ margin:0 0 8px; font-size:15px; overflow-wrap:anywhere; }
.fp-div{ color:var(--ink-soft); }
.fin-divsoc h3{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }

/* (15/10/2026) Kanban previdenciário: recolher coluna */
.kb-col-topo b .kb-col-nome{ min-width:0; overflow-wrap:anywhere; }
.kb-col-dir{ display:inline-flex; align-items:center; gap:6px; flex:none; }
.kb-recolher{ border:1px solid var(--line); background:var(--surface); color:var(--ink-soft); border-radius:7px; width:24px; height:22px; padding:0; line-height:1; cursor:pointer; font-size:13px; }
.kb-recolher:hover{ color:var(--ink); border-color:var(--ink-faint); }
.kb-col.kb-recolhida{ min-height:0; }
.kb-nomes{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:3px; }
.kb-nome{ width:100%; text-align:left; border:0; background:var(--surface); border-radius:7px; padding:5px 8px; font:inherit; font-size:12.5px; color:var(--ink); cursor:pointer; overflow-wrap:anywhere; line-height:1.3; border-left:3px solid var(--kbcor, var(--brand)); }
.kb-nome:hover{ background:var(--brand-soft); }
@media (max-width: 760px){ .kb-col.kb-recolhida{ flex-basis:60%; } }

/* (15/10/2026) Visão estratégica: termômetro produção x despesas */
.es-termo{ border-left:4px solid var(--calm); }
.es-termo.es-termo-ruim{ border-left-color:var(--urgent, #C0392B); }
.es-termo h3 small{ font-size:12.5px; color:var(--ink-soft); font-weight:500; margin-left:6px; }
.es-termo-conta{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:8px 0 6px; }
.es-termo-conta > div{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.es-termo-conta span{ font-size:12px; color:var(--ink-soft); }
.es-termo-conta b{ font-size:22px; white-space:nowrap; }
.es-termo-conta i{ font-style:normal; font-size:20px; color:var(--ink-faint); }
.es-termo-bom .es-termo-res b{ color:var(--calm); }
.es-termo-ruim .es-termo-res b{ color:var(--urgent, #C0392B); }
.es-termo-frase{ margin:6px 0 0; line-height:1.5; }
.es-pl-fonte{ font-style:normal; color:var(--ink-faint); }

/* (15/10/2026) agenda de honorários do prev — visão dia a dia */
#fp-app .chart-card > h3{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
.fp-visoes{ margin-left:auto; font-size:13px; font-weight:500; }
.fp-cal-nav{ display:flex; align-items:center; justify-content:center; gap:12px; margin:4px 0 6px; font-size:15px; }
.fp-cal-leg{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px 16px; font-size:12px; color:var(--ink-soft); margin:0 0 8px; }
.fp-dot{ display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:5px; vertical-align:-1px; }
.fp-dot-prev{ background:#6FB3A5; }
.fp-dot-ent{ background:var(--calm); opacity:.55; }
.fp-cal-sem, .fp-cal-grid{ display:grid; grid-template-columns:repeat(7, minmax(0, 1fr)); gap:4px; }
.fp-cal-sem{ font-size:11px; color:var(--ink-faint); text-align:center; margin-bottom:4px; }
.fp-cal-cel{ min-height:60px; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:5px 6px; border:1px solid var(--line); border-radius:9px; background:var(--surface); color:var(--ink); font:inherit; font-size:12px; text-align:left; }
.fp-cal-cel:disabled{ cursor:default; opacity:.75; }
.fp-cal-vazia{ border:0; background:transparent; }
.fp-cal-num{ font-size:11px; color:var(--ink-faint); }
.fp-cal-hoje{ border-color:var(--ink-soft); } .fp-cal-hoje .fp-cal-num{ color:var(--ink); font-weight:700; }
.fp-cal-com{ cursor:pointer; border-color:#6FB3A5; background:rgba(111,179,165,.12); }
.fp-cal-com:hover{ background:rgba(111,179,165,.22); }
.fp-cal-atras{ border-color:#d9776b; }
.fp-cal-sel{ outline:2px solid #6FB3A5; outline-offset:-2px; }
.fp-cal-v{ font-weight:700; color:#6FB3A5; font-size:12px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fp-cal-e{ color:var(--calm); font-size:11px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width: 520px){ .fp-cal-cel{ min-height:48px; padding:3px 4px; } .fp-cal-v{ font-size:10.5px; } .fp-cal-e{ font-size:10px; } }

/* (15/10/2026) prazos de prorrogação (Agenda previdenciária) */
.rnv-box{ margin:10px 0 14px; }
.rnv-box > summary{ cursor:pointer; list-style:none; display:flex; flex-wrap:wrap; gap:4px 10px; align-items:baseline; }
.rnv-novo{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.rnv-novo select{ flex:1 1 220px; min-width:0; }
.rnv-dcb{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--ink-soft); }
.rnv-dcb input{ padding:4px 6px; }

/* (15/10/2026) 🎯 MODO FOCO — audiências e perícias: uma coisa de cada vez */
.foco-visoes{ display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 14px; padding:4px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); }
.foco-visao{ flex:1 1 auto; border:0; background:transparent; color:var(--ink-soft); font:inherit; font-size:13.5px; font-weight:600; padding:9px 12px; border-radius:10px; cursor:pointer; white-space:nowrap; }
.foco-visao span{ display:inline-block; min-width:20px; padding:1px 7px; margin-left:4px; border-radius:999px; background:var(--line); color:var(--ink); font-size:12px; }
.foco-visao:hover{ color:var(--ink); }
.foco-visao.ativo{ background:var(--surface); color:var(--ink); box-shadow:0 1px 3px rgba(0,0,0,.18); }
.foco-visao-alerta span{ background:var(--urgent); color:#fff; }
.foco-sec{ border:1px solid var(--line); border-radius:14px; background:var(--surface); margin-bottom:10px; overflow:hidden; }
.foco-sec-hoje{ border-color:var(--brand); }
.foco-cab{ width:100%; display:flex; align-items:center; gap:10px; padding:12px 14px; border:0; background:transparent; color:var(--ink); font:inherit; cursor:pointer; text-align:left; }
.foco-cab-t{ font-weight:700; font-size:15px; }
.foco-cab-n{ font-family:"Geist Mono",monospace; font-size:12px; padding:1px 8px; border-radius:999px; background:var(--surface-2); border:1px solid var(--line); }
.foco-cab-av{ font-size:12px; color:var(--urgent); font-weight:600; }
.foco-seta{ margin-left:auto; font-style:normal; color:var(--ink-faint); }
.foco-nomes{ display:flex; flex-wrap:wrap; gap:6px; padding:0 14px 12px; }
.foco-nomes span{ font-size:12.5px; padding:3px 9px; border-radius:999px; background:var(--surface-2); color:var(--ink-soft); }
.foco-nomes small{ color:var(--ink-faint); }
.foco-lista{ display:flex; flex-direction:column; gap:6px; padding:0 10px 10px; }
.foco-corpo > .foco-lista{ padding:0; }
.foco-linha{ display:flex; align-items:center; gap:12px; padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:var(--surface); cursor:pointer; min-width:0; }
.foco-linha:hover{ border-color:var(--ink-faint); }
.foco-linha.aberta{ border-color:var(--brand); border-bottom-left-radius:0; border-bottom-right-radius:0; }
.foco-linha.feita{ opacity:.7; }
.foco-pend{ cursor:default; }
.foco-data{ flex:none; width:64px; display:flex; flex-direction:column; align-items:center; line-height:1.1; padding:4px 0; border-right:1px solid var(--line); }
.foco-data b{ font-size:22px; }
.foco-data span{ font-size:11px; color:var(--ink-soft); text-transform:lowercase; }
.foco-data small{ font-size:12px; margin-top:2px; color:var(--ink); font-weight:600; }
.foco-info{ flex:1 1 auto; min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; }
.foco-info b{ font-size:15px; }
.foco-info small{ flex-basis:100%; color:var(--ink-soft); font-size:12.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.foco-chips{ flex:none; display:flex; align-items:center; gap:6px; }
.foco-chip{ font-size:12px; font-weight:600; padding:3px 9px; border-radius:999px; white-space:nowrap; }
.foco-chip.ok{ background:var(--calm-bg); color:var(--calm); }
.foco-chip.ruim{ background:var(--urgent-bg); color:var(--urgent); }
.foco-chip.quente{ background:var(--warn-bg); color:var(--warn); }
.foco-ficha-wrap{ border:1px solid var(--brand); border-top:0; border-radius:0 0 12px 12px; padding:12px; background:var(--surface-2); margin-top:-6px; }
.foco-ficha-topo{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin-bottom:10px; }
.foco-proc{ font-size:12.5px; color:var(--ink-soft); }
.foco-passos{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:10px; }
.foco-passos section{ border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:var(--surface); min-width:0; }
.foco-passos section.foco-pendente{ border-color:var(--urgent-line); }
.foco-passos section.foco-ok{ border-color:var(--calm-line); }
.foco-passos h4{ margin:0 0 6px; font-size:12px; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-soft); }
.foco-passos p{ margin:0 0 4px; overflow-wrap:anywhere; }
.foco-grande{ font-size:15px; font-weight:700; }
.foco-bts{ display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.foco-passos .avisado-toggle{ display:flex; margin-top:8px; }
.foco-mov{ margin-top:8px; font-size:12.5px; }
.foco-mais{ margin-top:10px; }
.foco-mais > summary{ cursor:pointer; color:var(--ink-soft); font-size:13px; padding:4px 0; }
.foco-mais .item-actions{ margin-top:8px; }
@media (max-width: 600px){
  .foco-linha{ flex-wrap:wrap; }
  .foco-chips{ width:100%; justify-content:flex-start; padding-left:76px; }
  .foco-pend .foco-chips{ padding-left:0; }
  .foco-visao{ flex:1 1 45%; white-space:normal; }
}

/* (17/10/2026) audiências: contadores e 📋 lista completa */
.foco-conts{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; margin:0 0 14px; }
.foco-cont{ border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:var(--surface); display:flex; flex-direction:column; min-width:0; }
.foco-cont b{ font-size:24px; font-family:"Geist Mono",monospace; line-height:1.1; }
.foco-cont span{ font-size:12px; color:var(--ink-soft); }
.foco-cont.quente{ border-color:var(--brand); }
.foco-cont.quente b{ color:var(--brand); }
.foco-tab-wrap{ border:1px solid var(--line); border-radius:14px; overflow:auto; background:var(--surface); max-width:100%; }
.foco-tab{ width:100%; border-collapse:collapse; font-size:13.5px; }
.foco-tab thead th{ position:sticky; top:0; background:var(--surface-2); text-align:left; font-size:11.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-soft); padding:9px 12px; border-bottom:1px solid var(--line); z-index:1; }
.foco-tr td{ padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
.foco-tr{ cursor:pointer; }
.foco-tr:hover td{ background:var(--surface-2); }
.foco-tr.aberta td{ background:var(--surface-2); }
.foco-tr-hoje td:first-child{ box-shadow:inset 3px 0 0 var(--brand); }
.foco-tr-semana td:first-child{ box-shadow:inset 3px 0 0 var(--info, #5b8def); }
.foco-tr-passou td:first-child{ box-shadow:inset 3px 0 0 var(--urgent); }
.foco-td-data{ white-space:nowrap; width:82px; }
.foco-td-data span{ color:var(--ink-soft); font-size:12px; }
.foco-td-cli b{ font-size:14px; }
.foco-td-cli .mono{ font-size:11.5px; color:var(--ink-faint); margin-top:2px; }
.foco-td-onde{ color:var(--ink-soft); max-width:200px; }
.foco-td-mov{ max-width:360px; }
.foco-td-mov .aud-mov-resumo{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; cursor:pointer; }
.foco-td-av{ width:40px; text-align:center; }
.foco-tr-ficha > td{ padding:0 10px 10px; border-bottom:1px solid var(--line); background:var(--surface-2); }
.foco-tr-ficha .foco-ficha-wrap{ margin-top:0; border-radius:12px; border-top:1px solid var(--brand); }
@media (max-width: 760px){
  .foco-conts{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .foco-tab thead{ display:none; }
  .foco-tab, .foco-tab tbody, .foco-tr, .foco-tr td{ display:block; width:auto; max-width:none; }
  .foco-tr{ display:grid; grid-template-columns:76px minmax(0,1fr) 34px; border-bottom:1px solid var(--line); }
  .foco-tr .foco-td-data{ white-space:normal; width:auto; font-size:12.5px; line-height:1.3; }
  .foco-tr td{ border:0; padding:8px 10px; }
  .foco-tr .foco-td-onde, .foco-tr .foco-td-mov{ grid-column:2 / 4; padding-top:0; }
  .foco-tr .foco-td-av{ grid-column:3; grid-row:1; }
  .foco-tr-ficha, .foco-tr-ficha > td{ display:block; }
}

/* (20/10/2026) busca de cliente inteligente */
.cbv-autobox{ position:fixed; z-index:100000; max-height:320px; overflow:auto; background:var(--surface); border:1px solid var(--line); border-radius:12px; box-shadow:0 12px 32px rgba(0,0,0,.35); padding:4px; }
.cbv-auto-it{ display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 8px; width:100%; text-align:left; border:0; background:transparent; color:var(--ink); font:inherit; font-size:14px; padding:9px 10px; border-radius:8px; cursor:pointer; }
.cbv-auto-it small{ color:var(--ink-faint); font-size:12px; }
.cbv-auto-it .cbv-auto-quase{ color:var(--warn); }
.cbv-auto-it:hover, .cbv-auto-it.on{ background:var(--surface-2); }

/* ▶️ Rodar a tarefa de peças agora (20/10/2026) */
.tp-info { margin: 2px 0 8px; }
.tp-cfg { border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; margin: 6px 0; max-width: 640px; }
.tp-cfg ol { margin: 6px 0 8px 18px; padding: 0; }
.tp-cfg li { margin: 3px 0; }
.tp-cfg label { display: block; margin: 6px 0; font-size: .9em; }
.tp-cfg input { display: block; width: 100%; box-sizing: border-box; margin-top: 3px; padding: 7px 9px; border-radius: 8px; border: 1px solid var(--line); background: var(--surface-2); color: inherit; }

/* 📣 Fila de avisos pelo WhatsApp (20/10/2026) */
.fila-aviso-barra { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 10px 0 12px; }
.fila-box { width: 560px; }
.fila-box textarea { width: 100%; box-sizing: border-box; margin: 8px 0; padding: 8px 10px; border-radius: 8px; border: 1px solid var(--line); background: var(--surface-2); color: inherit; font: inherit; font-size: 14px; }
.fila-topo { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.fila-acoes { display: flex; gap: 8px; flex-wrap: wrap; margin: 4px 0 6px; }
.fila-alerta { margin: 8px 0 0; color: #e0a040; font-size: 14px; }
.cbv-radar-item [data-filaaviso] { margin-left: 6px; }

/* 🗂️ Abas do trabalhista em grupos (20/10/2026) */
.bv-side .tab-grupo{ display:none; }
@media (min-width:860px){
  body[data-area="trab"] .bv-side .tab-grupo{ display:flex; align-items:center; gap:6px; margin:14px 4px 4px; padding:2px 8px; cursor:pointer; user-select:none;
    color:#D9B96B; font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; border-radius:6px; }
  body[data-area="trab"] .bv-side .tab-grupo:first-child{ margin-top:8px; }
  body[data-area="trab"] .bv-side .tab-grupo:hover{ background:rgba(224,187,116,.07); }
  body[data-area="trab"] .bv-side .tab-grupo:focus-visible{ outline:2px solid var(--brand); outline-offset:1px; }
  body[data-area="trab"] .bv-side .tab-grupo.tg-vazio{ display:none; }
  .bv-side .tab-grupo .tg-seta{ margin-left:auto; width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); transition:transform .15s; opacity:.8; }
  .bv-side .tab-grupo.recolhido .tg-seta{ transform:rotate(-45deg); }
  .bv-side .tab-grupo .tg-soma{ background:var(--brand); color:#111; border-radius:10px; font-size:10.5px; padding:0 6px; letter-spacing:0; }
  .bv-side .tab-btn.tg-oculta{ height:0 !important; min-height:0 !important; padding-top:0 !important; padding-bottom:0 !important; overflow:hidden; opacity:0; pointer-events:none; margin-top:-2px !important; }
}
.tg-badge.tg-urgente{ background:#d9534f; color:#fff; }

/* 📂 Comunicações por processo (20/10/2026) */
.com-topo{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:10px 0 6px; }
.com-filtros{ display:flex; gap:6px; flex-wrap:wrap; flex:1; min-width:0; }
.com-filtro{ border:1px solid var(--line); background:transparent; color:var(--ink-soft); border-radius:999px; padding:6px 12px; font:inherit; font-size:13px; cursor:pointer; }
.com-filtro b{ color:var(--ink); margin-left:2px; }
.com-filtro.ativo{ background:rgba(224,187,116,.16); border-color:var(--brand-line, var(--brand)); color:var(--ink); }
#com-busca{ flex:0 1 280px; min-width:0; width:100%; padding:8px 10px; border-radius:10px; border:1px solid var(--line); background:var(--surface-2); color:inherit; font:inherit; font-size:14px; box-sizing:border-box; }
.com-dica{ margin:0 0 10px; }
.com-pastas{ display:flex; flex-direction:column; gap:8px; }
.com-pasta{ border:1px solid var(--line); border-radius:12px; background:var(--surface); overflow:hidden; }
.com-pasta.com-urgente{ border-left:4px solid #d9534f; }
.com-pasta.aberta{ border-color:var(--brand); box-shadow:0 0 0 1px rgba(224,187,116,.25); }
.com-pasta-cab{ display:flex; align-items:center; gap:12px; width:100%; text-align:left; background:transparent; border:0; color:inherit; font:inherit; padding:12px 14px; cursor:pointer; flex-wrap:wrap; }
.com-pasta-cab:hover{ background:rgba(224,187,116,.05); }
.com-pasta-seta{ width:8px; height:8px; border-right:2px solid var(--ink-faint); border-bottom:2px solid var(--ink-faint); transform:rotate(-45deg); transition:transform .15s; flex:none; }
.com-pasta.aberta .com-pasta-seta{ transform:rotate(45deg); }
.com-pasta-nome{ display:flex; flex-direction:column; gap:2px; flex:1 1 220px; min-width:0; }
.com-pasta-nome b{ font-size:15px; }
.com-pasta-nome .mono{ font-size:12px; color:var(--ink-faint); overflow-wrap:anywhere; }
.com-pasta-info{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; font-size:13px; }
.com-qtd{ font-weight:600; }
.com-chip{ display:inline-flex; align-items:center; gap:3px; border-radius:999px; padding:2px 8px; font-size:12px; background:rgba(255,255,255,.06); }
.com-chip-atencao{ background:rgba(217,83,79,.18); color:#f08a86; }
.com-chip-audiencia{ background:rgba(91,141,239,.18); color:#9dbbf5; }
.com-chip-prazo{ background:rgba(224,187,116,.18); color:#e8c98a; }
.com-chip-ata{ background:rgba(120,190,140,.18); color:#9fd6ad; }
.com-pasta-corpo{ padding:4px 14px 14px; border-top:1px solid var(--line); }
.com-ult{ margin:10px 0; font-size:13px; }
.com-item{ margin-top:14px; }
.com-item-cab{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:6px; font-size:13px; }
.com-num{ font-weight:700; color:var(--brand); }
.com-item .cbv-card{ margin-bottom:0; }
.com-pasta-acoes{ display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; margin-top:14px; }

/* 📥 Pasta Downloads → processo nas peças (20/10/2026) */
.dl-pasta{ margin:6px 0 8px; font-size:14px; }
.dl-pasta:empty{ display:none; }
.dl-pasta .dlp-ok{ color:var(--ink-soft); }
.dlp-rec{ margin-top:6px; font-size:13px; color:var(--ink-soft); display:flex; flex-direction:column; gap:2px; }

/* ⬇️ Baixar de novo (20/10/2026) */
.pc-lista{ display:flex; flex-direction:column; gap:8px; margin-top:8px; }
.pc-item{ border:1px solid var(--line); border-radius:12px; padding:12px 14px; background:var(--surface); }
.pc-cab{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.pc-cab b{ font-size:15px; }
.pc-cab .mono{ font-size:12px; color:var(--ink-faint); }
.pc-com{ margin:6px 0 2px; font-size:14px; overflow-wrap:anywhere; }
.pc-copia{ font-size:12.5px; }
.pc-acoes{ display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }

/* 🗂️ Peças e prazos por tipo (20/10/2026) */
.pz-cats{ display:flex; gap:6px; flex-wrap:wrap; margin:10px 0 6px; }
.pz-cats:empty{ display:none; }
.pz-cat{ border:1px solid var(--line); background:transparent; color:var(--ink-soft); border-radius:12px; padding:8px 12px; font:inherit; font-size:13.5px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
.pz-cat:hover{ border-color:var(--brand); }
.pz-cat.ativo{ background:rgba(224,187,116,.16); border-color:var(--brand); color:var(--ink); font-weight:600; }
.pz-cat.urg{ border-color:#d9534f; }
.pz-n{ font-size:11.5px; background:rgba(255,255,255,.07); border-radius:999px; padding:1px 7px; font-weight:600; }
.pz-n-prazo{ background:rgba(217,83,79,.18); color:#f08a86; }
.pz-prazos{ margin:6px 0 14px; padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.pz-prazos h3, .pz-pecas-h{ margin:0 0 10px; font-size:15px; }
.pz-pecas-h{ margin-top:6px; }
.pz-dia{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:10px 0 12px; padding:10px 12px; border:1px dashed var(--line); border-radius:12px; font-size:14px; }
#pecas-tab-app > .pz-prazos, #pecas-tab-app > .pz-pecas-h{ grid-column:1 / -1; }

/* 🔔 Notificações como rede social (20/10/2026) */
#cbv-sino{ position:fixed; top:12px; right:44px; z-index:9000; width:40px; height:40px; border-radius:999px; border:1px solid var(--line); background:var(--surface); color:var(--ink-soft); display:grid; place-items:center; cursor:pointer; box-shadow:0 4px 14px rgba(0,0,0,.25); }
#cbv-sino svg{ width:20px; height:20px; }
#cbv-sino.tem{ color:var(--brand); border-color:var(--brand); }
#cbv-sino b{ position:absolute; top:-5px; right:-5px; min-width:18px; height:18px; padding:0 5px; box-sizing:border-box; border-radius:999px; background:#e0453f; color:#fff; font-size:11px; line-height:18px; text-align:center; }
#cbv-sino.mob{ position:relative; top:auto; right:auto; box-shadow:none; width:38px; height:38px; flex:none; margin-right:6px; border-color:var(--brand-line, var(--line)); background:transparent; }
.nt-fundo{ position:fixed; inset:0; z-index:2147483000; background:rgba(0,0,0,.45); display:none; }
.nt-fundo.on{ display:block; }
.nt-corpo{ position:absolute; top:0; right:0; bottom:0; width:min(420px, 100vw); box-sizing:border-box; background:var(--surface); border-left:1px solid var(--line); overflow-y:auto; padding:14px 14px 30px; animation:ntEntra .18s ease-out; }
@keyframes ntEntra{ from{ transform:translateX(30px); opacity:0; } to{ transform:none; opacity:1; } }
.nt-cab{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; font-size:17px; padding-right:14px; }
.nt-x{ border:0; background:transparent; color:var(--ink-soft); font-size:26px; line-height:1; cursor:pointer; padding:2px 8px; }
.nt-filtros{ display:flex; gap:6px; align-items:center; flex-wrap:wrap; margin-bottom:8px; }
.nt-f{ border:1px solid var(--line); background:transparent; color:var(--ink-soft); border-radius:999px; padding:5px 12px; font:inherit; font-size:13px; cursor:pointer; }
.nt-f.ativo{ background:rgba(224,187,116,.16); border-color:var(--brand); color:var(--ink); }
.nt-lertodas{ margin-left:auto; border:0; background:transparent; color:var(--brand); font:inherit; font-size:12.5px; cursor:pointer; text-decoration:underline; }
.nt-sec{ margin:14px 2px 6px; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#D9B96B; }
.nt-it{ display:flex; gap:10px; align-items:flex-start; width:100%; text-align:left; border:0; border-radius:12px; background:transparent; color:inherit; font:inherit; padding:10px; cursor:pointer; position:relative; }
.nt-it:hover{ background:rgba(224,187,116,.07); }
.nt-it.nova{ background:rgba(224,187,116,.08); }
.nt-it.pronta{ background:rgba(120,190,140,.10); }
.nt-ico{ font-size:22px; line-height:1.2; flex:none; width:30px; text-align:center; }
.nt-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.nt-txt b{ font-size:14px; }
.nt-txt small{ color:var(--ink-soft); font-size:13px; overflow-wrap:anywhere; }
.nt-txt em{ font-style:normal; color:var(--ink-faint); font-size:12px; }
.nt-ponto{ width:9px; height:9px; border-radius:50%; background:#4c8dff; flex:none; margin-top:6px; }
.nt-det{ padding:8px 4px; }
.nt-det-ico{ font-size:42px; }
.nt-det h3{ margin:6px 0 4px; font-size:19px; }
.nt-det-txt{ font-size:16px; line-height:1.55; margin:14px 0; }
.nt-det-acoes{ margin:14px 0; }
.nt-nav{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:18px; }
.nt-voltar{ margin-top:16px; border:0; background:transparent; color:var(--brand); font:inherit; cursor:pointer; padding:0; }
.nt-areas{ display:flex; gap:6px; flex-wrap:wrap; margin:0 0 8px; }
.nt-area{ display:inline-block; font-size:11px; padding:0 6px; border-radius:999px; background:rgba(255,255,255,.07); color:var(--ink-soft); }

/* 🎯 Só o que fazer agora (21/10/2026) */
.f1-botao{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; margin:4px 0 14px; padding:16px 18px; border-radius:16px; border:1px solid var(--brand); background:linear-gradient(135deg, rgba(224,187,116,.22), rgba(224,187,116,.08)); color:var(--ink); font:inherit; font-size:17px; font-weight:700; cursor:pointer; }
.f1-botao b{ background:var(--brand); color:#111; border-radius:999px; padding:1px 10px; font-size:15px; }
.f1-botao small{ font-weight:500; color:var(--ink-soft); font-size:14px; }
.f1-botao:hover{ filter:brightness(1.08); }
.f1-tela{ position:fixed; inset:0; z-index:2147483100; background:rgba(8,7,5,.92); display:flex; align-items:center; justify-content:center; padding:16px; box-sizing:border-box; overflow-y:auto; }
.f1-box{ width:min(560px, 100%); background:var(--surface); border:1px solid var(--line); border-radius:22px; padding:20px 22px 22px; box-sizing:border-box; text-align:center; animation:ntEntra .2s ease-out; }
.f1-topo{ display:flex; align-items:center; gap:10px; font-size:13px; color:var(--ink-soft); margin-bottom:10px; }
.f1-barra{ flex:1; height:6px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; }
.f1-barra i{ display:block; height:100%; background:var(--brand); transition:width .3s; }
.f1-sair{ border:0; background:transparent; color:var(--ink-soft); font-size:26px; cursor:pointer; line-height:1; padding:0 4px; }
.f1-ico{ font-size:54px; margin:8px 0 4px; }
.f1-tipo{ display:inline-block; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; padding:3px 10px; border-radius:999px; background:rgba(255,255,255,.07); }
.f1-atrasado, .f1-hoje{ background:rgba(217,83,79,.2); color:#f08a86; }
.f1-agenda{ background:rgba(91,141,239,.2); color:#9dbbf5; }
.f1-avisar, .f1-peca{ background:rgba(120,190,140,.18); color:#9fd6ad; }
.f1-breve{ background:rgba(224,187,116,.18); color:#e8c98a; }
.f1-box h2{ margin:12px 0 6px; font-size:22px; line-height:1.25; overflow-wrap:anywhere; }
.f1-cli{ font-size:17px; font-weight:600; }
.f1-proc{ font-size:13px; color:var(--ink-faint); margin-top:2px; overflow-wrap:anywhere; }
.f1-quando{ margin-top:10px; font-size:16px; font-weight:700; }
.f1-quando.urg{ color:#f08a86; }
.f1-txt{ font-size:16px; line-height:1.5; color:var(--ink-soft); margin:14px 0; }
.f1-acoes{ display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
.f1-rodape{ display:flex; gap:10px; margin-top:18px; }
.f1-feito{ flex:2; padding:14px; border-radius:14px; border:0; background:#2f8f55; color:#fff; font:inherit; font-size:16px; font-weight:700; cursor:pointer; }
.f1-feito.conf{ background:#3fae6a; }
.f1-depois{ flex:1; padding:14px; border-radius:14px; border:1px solid var(--line); background:transparent; color:var(--ink-soft); font:inherit; font-size:15px; cursor:pointer; }

/* 📄 Peça aberta de qualquer lugar + sequência dos avisos (21/10/2026) */
.pca-fundo{ z-index:2147482000 !important; }
.pca-box{ width:min(720px, calc(100vw - 24px)); max-height:calc(100vh - 32px); overflow-y:auto; }
.pca-cab{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; font-size:16px; }
.pca-box .pg-card{ margin:0; }
.pca-rodape{ display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; margin-top:12px; }
.nt-pilula{ position:fixed; left:50%; bottom:84px; transform:translateX(-50%); z-index:2147481000; display:flex; gap:6px; align-items:center; background:var(--surface); border:1px solid var(--brand); border-radius:999px; padding:6px; box-shadow:0 10px 30px rgba(0,0,0,.45); max-width:calc(100vw - 24px); }
.nt-pilula button{ border:0; background:transparent; color:var(--ink); font:inherit; font-size:14px; padding:8px 12px; border-radius:999px; cursor:pointer; white-space:nowrap; }
.nt-pilula button.forte{ background:var(--brand); color:#111; font-weight:700; }
.nt-pilula button[data-ntp="x"]{ color:var(--ink-soft); padding:8px 10px; }

/* 👁️ Ver o documento (21/10/2026) */
.pg-bt.pg-ver{ color:var(--brand); font-weight:600; }
.doc-ver{ position:fixed; inset:0; z-index:2147483200; background:#0e0d0a; display:flex; flex-direction:column; }
.doc-cab{ display:flex; align-items:center; gap:10px; padding:10px 14px; border-bottom:1px solid var(--line); background:var(--surface); }
.doc-tit{ display:flex; flex-direction:column; flex:1; min-width:0; }
.doc-tit b{ font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.doc-tit small{ color:var(--ink-faint); font-size:12px; }
.doc-corpo{ flex:1; display:flex; min-height:0; }
.doc-papel{ flex:1; overflow:auto; background:#5b5d63; padding:4px; min-width:0; }
.doc-papel .docx-wrapper{ background:transparent !important; padding:16px 0 !important; }
.doc-papel .docx-wrapper > section.docx{ box-shadow:0 4px 18px rgba(0,0,0,.4); margin-bottom:16px !important; }
.doc-papel .empty-note{ color:#eee; padding:20px; }
.doc-pdf-pags{ display:flex; flex-direction:column; align-items:center; gap:16px; padding:16px 0; }
.doc-pg{ position:relative; background:#fff; box-shadow:0 4px 18px rgba(0,0,0,.4); flex:none; }
.doc-pg canvas{ display:block; }
.doc-pg .textLayer{ position:absolute; inset:0; overflow:hidden; line-height:1; text-size-adjust:none; -webkit-text-size-adjust:none; forced-color-adjust:none; transform-origin:0 0; z-index:2; }
.doc-pg .textLayer span, .doc-pg .textLayer br{ color:transparent; position:absolute; white-space:pre; cursor:text; transform-origin:0 0; }
.doc-pg .textLayer ::selection{ background:rgba(30,90,220,.3); color:transparent; }
.doc-pg .textLayer .endOfContent{ display:block; position:absolute; inset:100% 0 0; z-index:-1; cursor:default; user-select:none; }
.at-ler{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:8px 0 10px; }
.at-ler .btn{ font-weight:700; }
.at-ler small{ color:var(--muted, #9aa); font-size:12px; }
.fin-prev-cons{ border-style:dashed; opacity:.92; }
.fin-prev-cons > summary{ cursor:pointer; font-weight:600; }
.doc-aviso{ background:#3b3420; color:#f3dc9a; font-size:13px; padding:8px 12px; border-radius:8px; margin:8px auto; max-width:820px; }
.doc-cel .doc-papel.doc-pdf{ background:#5b5d63; }
.doc-cel .doc-pdf-pags{ gap:8px; padding:6px 0; }
.doc-lado{ width:340px; flex:none; box-sizing:border-box; padding:14px; border-left:1px solid var(--line); background:var(--surface); display:flex; flex-direction:column; gap:10px; overflow-y:auto; }
.doc-lado h3{ margin:0; font-size:17px; }
.doc-lado textarea{ width:100%; box-sizing:border-box; min-height:180px; padding:10px; border-radius:10px; border:1px solid var(--line); background:var(--surface-2); color:inherit; font:inherit; font-size:14px; resize:vertical; }
.doc-lado .pg-enviar{ width:100%; padding:12px; font-size:15px; }
.doc-trecho{ position:fixed; z-index:2147483300; border:0; border-radius:999px; padding:9px 14px; background:var(--brand); color:#111; font:inherit; font-weight:700; font-size:14px; box-shadow:0 8px 24px rgba(0,0,0,.45); cursor:pointer; }
body.doc-aberto{ overflow:hidden; }
.doc-lado-alca{ display:none; }
@media (max-width:760px){
  .doc-ver{ height:100vh; height:100dvh; inset:auto 0 0 0; top:0; }
  .doc-cab{ padding:8px 10px; padding-top:max(8px, env(safe-area-inset-top)); }
  .doc-cab .btn{ padding:6px 10px; }
  .doc-corpo{ flex-direction:column; }
  /* celular: modo leitura — o texto quebra na largura da tela, em tamanho normal (não é a folha A4 encolhida) */
  .doc-cel .doc-papel{ background:#fff; padding:0; -webkit-overflow-scrolling:touch; }
  .doc-cel .doc-papel .docx-wrapper{ padding:0 !important; display:block !important; zoom:1 !important; }
  .doc-cel .doc-papel .docx-wrapper > section.docx{ width:auto !important; min-height:0 !important; padding:18px 16px 40px !important; margin:0 !important; box-shadow:none; font-size:16px; }
  .doc-cel .doc-papel section.docx p, .doc-cel .doc-papel section.docx span{ font-size:max(15px, 1em) !important; line-height:1.5 !important; }
  .doc-cel .doc-papel section.docx p{ text-indent:0 !important; margin-left:0 !important; margin-right:0 !important; }
  .doc-cel .doc-papel section.docx img, .doc-cel .doc-papel section.docx svg{ max-width:100% !important; height:auto !important; }
  .doc-cel .doc-papel section.docx table{ max-width:100% !important; width:100% !important; }
  .doc-cel .doc-papel section.docx header, .doc-cel .doc-papel section.docx footer{ position:static !important; }
  /* a caixa "O que corrigir" fica recolhida embaixo; abre por cima ao tocar */
  .doc-lado{ width:auto; border-left:0; border-top:1px solid var(--line); max-height:none; padding:0; gap:0; overflow:hidden; flex:none; box-shadow:0 -8px 24px rgba(0,0,0,.35); }
  .doc-lado > :not(.doc-lado-alca){ display:none; }
  .doc-lado-alca{ display:flex; align-items:center; gap:8px; width:100%; padding:14px 16px; padding-bottom:max(14px, env(safe-area-inset-bottom)); border:0; background:var(--surface); color:var(--ink); font:inherit; font-weight:700; font-size:15px; text-align:left; cursor:pointer; }
  .doc-lado-alca i{ margin-left:auto; font-style:normal; color:var(--ink-faint); transition:transform .2s; }
  .doc-lado-n{ color:var(--brand); }
  .doc-lado.aberto{ max-height:62vh; max-height:62dvh; overflow-y:auto; padding:0 14px 14px; padding-bottom:max(14px, env(safe-area-inset-bottom)); gap:10px; }
  .doc-lado.aberto > :not(.doc-lado-alca){ display:block; }
  .doc-lado.aberto > h3:not(.doc-lado-alca){ display:none; }
  .doc-lado.aberto .doc-lado-alca{ margin:0 -14px; width:calc(100% + 28px); padding-bottom:14px; position:sticky; top:0; z-index:1; }
  .doc-lado.aberto .doc-lado-alca i{ transform:rotate(180deg); }
  .doc-lado textarea{ min-height:110px; font-size:16px; }
  .doc-trecho{ font-size:15px; padding:11px 16px; }
}

/* ✅ Tarefas da equipe (21/10/2026) */
.tf-barra{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:6px 0 12px; }
.tf-filtros{ display:flex; gap:6px; flex-wrap:wrap; }
.tf-grupo{ margin:16px 0 8px; font-size:14px; }
.tf-lista{ display:flex; flex-direction:column; gap:8px; }
.tf-card{ border:1px solid var(--line); border-radius:12px; background:var(--surface); padding:12px 14px; }
.tf-card.feita{ opacity:.7; }
.tf-card.feita .tf-tit b{ text-decoration:line-through; }
.tf-card.aberta{ border-color:var(--brand); }
.tf-topo{ display:flex; gap:12px; align-items:flex-start; }
.tf-check{ width:26px; height:26px; flex:none; border-radius:50%; border:2px solid var(--brand); background:transparent; color:#111; font-weight:900; cursor:pointer; margin-top:1px; }
.tf-card.feita .tf-check{ background:#3fae6a; border-color:#3fae6a; color:#fff; }
.tf-check:hover{ background:rgba(224,187,116,.25); }
.tf-tit{ display:flex; flex-direction:column; gap:3px; flex:1; min-width:0; }
.tf-tit b{ font-size:15px; overflow-wrap:anywhere; }
.tf-tit small{ color:var(--ink-soft); font-size:12.5px; overflow-wrap:anywhere; }
.tf-prazo{ flex:none; font-size:12px; padding:3px 9px; border-radius:999px; background:rgba(255,255,255,.07); white-space:nowrap; }
.tf-prazo.urg{ background:rgba(217,83,79,.22); color:#f08a86; font-weight:700; }
.tf-prazo.hoje{ background:rgba(224,140,60,.22); color:#f0b070; font-weight:700; }
.tf-prazo.breve{ background:rgba(224,187,116,.18); color:#e8c98a; }
.tf-det{ margin:8px 0 0 38px; font-size:13.5px; color:var(--ink-soft); overflow-wrap:anywhere; }
.tf-acoes{ display:flex; gap:8px; align-items:center; margin:8px 0 0 38px; font-size:12.5px; flex-wrap:wrap; }
.tf-lixo{ margin-left:auto; }
.tf-conversa{ margin:10px 0 0 38px; display:flex; flex-direction:column; gap:6px; }
.tf-msg{ background:rgba(255,255,255,.05); border-radius:10px; padding:8px 10px; font-size:14px; max-width:92%; overflow-wrap:anywhere; }
.tf-msg.minha{ align-self:flex-end; background:rgba(224,187,116,.14); }
.tf-msg.sistema{ background:transparent; border:1px dashed var(--line); }
.tf-msg em{ font-style:normal; color:var(--ink-faint); font-size:11.5px; }
.tf-enviar{ display:flex; gap:8px; align-items:flex-end; margin-top:4px; }
.tf-enviar textarea{ flex:1; min-width:0; box-sizing:border-box; padding:8px 10px; border-radius:10px; border:1px solid var(--line); background:var(--surface-2); color:inherit; font:inherit; font-size:14px; resize:vertical; }
.tf-form{ width:min(520px, calc(100vw - 24px)); }
.tf-form label{ display:block; margin:10px 0 0; font-size:13px; color:var(--ink-soft); }
.tf-form input, .tf-form select, .tf-form textarea{ display:block; width:100%; box-sizing:border-box; margin-top:4px; padding:9px 10px; border-radius:10px; border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font:inherit; font-size:14px; }
.tf-rapidos{ display:flex; gap:6px; flex-wrap:wrap; margin-top:6px; }
.tf-rapidos button{ border:1px solid var(--line); background:transparent; color:var(--ink-soft); border-radius:999px; padding:4px 10px; font:inherit; font-size:12.5px; cursor:pointer; }
.f1-tarefa{ background:rgba(91,141,239,.2); color:#9dbbf5; }
@media (max-width:760px){ .tf-det, .tf-acoes, .tf-conversa{ margin-left:0; } .tf-topo{ flex-wrap:wrap; } }
.tf-enviar textarea{ width:100% !important; max-width:none !important; }

/* 📨 Mensagens prontas aos clientes (21/10/2026) */
.msg-box{ width:min(620px, calc(100vw - 24px)); max-height:calc(100vh - 32px); overflow-y:auto; }
.msg-modelos{ display:flex; gap:6px; flex-wrap:wrap; margin:4px 0 10px; }
.msg-mod{ border:1px solid var(--line); background:transparent; color:var(--ink-soft); border-radius:999px; padding:6px 11px; font:inherit; font-size:13px; cursor:pointer; }
.msg-mod.ativo{ background:rgba(224,187,116,.16); border-color:var(--brand); color:var(--ink); font-weight:600; }
.msg-proc{ display:block; font-size:13px; color:var(--ink-soft); margin-bottom:8px; }
.msg-proc select{ display:block; width:100%; margin-top:4px; padding:8px; border-radius:10px; border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font:inherit; }
#msg-texto{ width:100%; box-sizing:border-box; padding:10px 12px; border-radius:12px; border:1px solid var(--line); background:var(--surface-2); color:inherit; font:inherit; font-size:14.5px; line-height:1.5; resize:vertical; }
.msg-acoes{ display:flex; gap:8px; flex-wrap:wrap; margin:10px 0; }
.msg-hist{ border-top:1px solid var(--line); padding-top:10px; font-size:13.5px; }
.msg-h{ margin-top:6px; }
.msg-h summary{ cursor:pointer; color:var(--ink-soft); }
.msg-h div{ margin:6px 0 4px 14px; overflow-wrap:anywhere; }
/* (21/10/2026) atalhos embaixo do "Só o que fazer agora": agenda no celular, app no Mac, buscar tudo */
.f1-extras{ display:flex; flex-wrap:wrap; gap:8px; margin:-6px 0 14px; }
.f1-extras button{ flex:1 1 auto; padding:7px 12px; border-radius:999px; border:1px solid var(--line, rgba(255,255,255,.12)); background:transparent; color:var(--ink-soft); font:inherit; font-size:13px; cursor:pointer; }
.f1-extras button:hover{ color:var(--ink); border-color:var(--brand); }
.f1-extras kbd{ font-size:11px; opacity:.7; }
@media (max-width: 859px){ .f1-extras [data-palmac2], .f1-extras [data-palk]{ display:none; } }
/* agenda no celular e app no Mac */
.ag-ics-op{ display:flex; flex-direction:column; gap:4px; padding:12px 0; border-bottom:1px solid var(--line, rgba(255,255,255,.1)); }
.ag-ics-op span{ color:var(--ink-soft); font-size:13px; }
.ag-ics-op .btn{ align-self:flex-start; margin-top:4px; }
.mac-passos{ margin:12px 0; padding-left:20px; display:flex; flex-direction:column; gap:12px; line-height:1.45; }
.mac-passos small{ color:var(--ink-soft); }
.mac-passos li.feito{ opacity:.75; }

/* (21/10/2026) 🗓️ Painel do dia a dia: ficha completa, lançar falando, conferir prazos, fechar o dia, equipe, honorários */
#msg-modal, #tf-modal, #dd-falar, #dd-caso, #dd-fim, #dd-eq{ z-index:10080; }
.dd-acoes{ margin-left:auto; display:inline-flex; gap:6px; flex-wrap:wrap; }
.dd-res{ color:var(--ink-soft); font-size:12.5px; line-height:1.4; flex:1 1 100%; white-space:pre-wrap; }
.dd-msg summary{ cursor:pointer; list-style:none; } .dd-msg summary::-webkit-details-marker{ display:none; }
.dd-fin-nums{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-bottom:6px; }
.dd-fin-nums div{ background:var(--surface-2); border-radius:10px; padding:8px; display:flex; flex-direction:column; }
.dd-fin-nums b{ font-size:15px; } .dd-fin-nums span{ font-size:11.5px; color:var(--ink-faint); }
.dd-fin-nums .ruim b, .dd-venc{ color:var(--urgent) !important; }
.dd-caso-box, .dd-fim-box, .dd-falar-box{ width:min(560px, calc(100vw - 24px)); max-height:calc(100vh - 32px); overflow-y:auto; }
.dd-eq-box{ width:min(820px, calc(100vw - 24px)); max-height:calc(100vh - 32px); overflow-y:auto; }
.dd-barra{ height:8px; border-radius:99px; background:var(--surface-2); overflow:hidden; margin:10px 0 4px; }
.dd-barra i{ display:block; height:100%; background:var(--brand); border-radius:99px; }
.dd-passo{ display:flex; align-items:center; gap:12px; padding:12px 0; border-top:1px solid var(--line); }
.dd-passo > div{ flex:1; min-width:0; display:flex; flex-direction:column; } .dd-passo small{ color:var(--ink-faint); font-size:12.5px; }
.dd-n{ width:28px; height:28px; flex:none; border-radius:50%; display:grid; place-items:center; font-weight:700; border:1.5px solid var(--line); color:var(--ink-soft); }
.dd-passo.ok .dd-n{ background:var(--calm-bg, rgba(80,180,120,.15)); border-color:var(--calm, #5fb27c); color:var(--calm, #5fb27c); }
.dd-passo.ok b{ color:var(--ink-soft); }
.dd-mic{ display:flex; flex-direction:column; align-items:center; gap:6px; width:100%; padding:18px; margin:6px 0 10px; border-radius:16px; border:1px dashed var(--brand); background:transparent; color:var(--ink); font:inherit; cursor:pointer; }
.dd-mic span{ font-size:34px; } .dd-mic.on{ background:rgba(224,187,116,.14); border-style:solid; animation:ddPulso 1.2s infinite; }
@keyframes ddPulso{ 50%{ box-shadow:0 0 0 8px rgba(224,187,116,.15); } }
#dd-falar-txt{ width:100%; box-sizing:border-box; padding:10px; border-radius:10px; border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font:inherit; font-size:15px; }
.dd-entendi{ margin-top:14px; padding-top:12px; border-top:1px solid var(--line); }
.dd-tipos{ display:flex; gap:6px; flex-wrap:wrap; margin:10px 0 4px; }
.dd-tipo{ padding:7px 12px; border-radius:999px; border:1px solid var(--line); background:transparent; color:var(--ink-soft); font:inherit; font-size:13.5px; cursor:pointer; }
.dd-tipo.on{ border-color:var(--brand); color:var(--ink); background:rgba(224,187,116,.14); font-weight:700; }
.dd-campos.tf-form{ width:auto; }
.dd-linha2{ display:flex; gap:10px; } .dd-linha2 label{ flex:1; }
.dd-conf-item{ border:1px solid var(--line); border-radius:12px; padding:10px 12px; margin-top:8px; background:var(--surface); }
.dd-conf-item.diverge{ border-color:var(--urgent); }
.dd-conf-top{ display:flex; align-items:center; gap:8px; justify-content:space-between; }
.dd-conf-item small{ color:var(--ink-faint); font-size:12.5px; }
.dd-conta{ margin:6px 0; font-size:13px; line-height:1.45; color:var(--ink-soft); }
.dd-trecho{ margin:4px 0 6px; font-size:12.5px; color:var(--ink-faint); font-style:italic; }
.dd-conf-bts{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.dd-outra{ font-size:12.5px; color:var(--ink-faint); display:inline-flex; align-items:center; gap:6px; }
.dd-outra input{ padding:5px 6px; border-radius:8px; border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font:inherit; font-size:13px; }
.dd-hon-item{ display:flex; align-items:center; gap:10px; padding:8px 0; border-top:1px solid var(--line); }
.dd-hon-item .hj-t{ flex:1; min-width:0; display:flex; flex-direction:column; } .dd-hon-item small{ color:var(--ink-faint); }
.dd-fim-box section{ padding:10px 0; border-top:1px solid var(--line); } .dd-fim-box h4{ margin:0 0 6px; font-size:14px; }
.dd-fim-alerta h4{ color:var(--urgent); }
.dd-fim-l{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:5px 0; font-size:13.5px; }
.dd-fim-l > span:first-child{ font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-faint); min-width:58px; }
.dd-fim-l small{ color:var(--ink-faint); }
.dd-eq-grade{ display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:10px; margin-top:10px; }
.dd-eq-p{ border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:var(--surface); }
.dd-eq-p.ruim{ border-color:var(--urgent); }
.dd-eq-n{ display:grid; grid-template-columns:1fr 1fr; gap:4px; margin:8px 0; font-size:12px; color:var(--ink-faint); }
.dd-eq-n i{ font-style:normal; font-weight:700; font-size:16px; color:var(--ink); margin-right:5px; }
.dd-eq-n .dd-venc i{ color:var(--urgent); }
.dd-eq-t{ display:block; width:100%; text-align:left; padding:5px 0; border:0; border-top:1px solid var(--line); background:none; color:var(--ink-soft); font:inherit; font-size:12.5px; cursor:pointer; }
@media (max-width:600px){ .dd-linha2{ flex-direction:column; gap:0; } .dd-fin-nums{ grid-template-columns:1fr 1fr 1fr; } }

/* (21/10/2026) ⚖️ Decisões, benefício e pagamento (previdenciário) */
#pd-modal, #pd-pag-modal{ z-index:10080; }
.pd-sec .bv-dj-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.pd-caminho{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:8px 0 4px; font-size:13px; }
.pd-caminho i{ font-style:normal; color:var(--ink-faint); }
.pd-passo{ padding:4px 10px; border-radius:999px; border:1px solid var(--line); color:var(--ink-faint); }
.pd-passo.bom{ border-color:var(--calm-line, #3f7a55); color:var(--calm, #5fb27c); }
.pd-passo.ruim{ border-color:var(--urgent-line, #7a3f3f); color:var(--urgent); }
.pd-prox{ margin:4px 0 10px; font-size:13.5px; color:var(--ink-soft); }
.pd-card{ border:1px solid var(--line); border-left:4px solid var(--line); border-radius:12px; padding:10px 12px; margin-top:8px; background:var(--surface); }
.pd-card.bom{ border-left-color:var(--calm, #5fb27c); } .pd-card.ruim{ border-left-color:var(--urgent); }
.pd-top{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.pd-res{ font-weight:700; } .pd-card.ruim .pd-res{ color:var(--urgent); }
.pd-ben{ margin-top:6px; font-size:13.5px; line-height:1.5; }
.pd-obs{ margin-top:4px; font-size:13px; color:var(--ink-soft); white-space:pre-wrap; }
.pd-pag{ margin-top:8px; padding:8px 10px; border-radius:10px; background:var(--surface-2); font-size:13px; }
.pd-pag.atras{ outline:1px solid var(--urgent); }
.pd-pag-top{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:space-between; }
.pd-pag.atras .pd-pag-top span{ color:var(--urgent); font-weight:700; }
.pd-pag-pago .pd-pag-top b{ color:var(--calm, #5fb27c); }
.pd-pag small{ display:block; color:var(--ink-faint); margin-top:3px; }
.pd-pag-bts{ display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.pd-form label{ margin-top:8px; }
.pd-ben-box{ margin-top:10px; padding:10px 12px; border-radius:12px; border:1px solid var(--calm-line, #3f7a55); background:rgba(95,178,124,.06); }
.pd-ben-box > b{ font-size:13.5px; }
.pd-form .inf-chk{ display:flex; align-items:center; gap:8px; color:var(--ink); }
.pd-form .inf-chk input{ width:auto; display:inline; margin:0; }
.pd-lembrar{ color:var(--ink) !important; }
.pd-lembrar input{ display:inline-block !important; width:70px !important; margin:0 6px !important; }
.pd-lembrar small{ display:block; color:var(--ink-faint); margin-top:4px; }
.pd-linha{ display:flex; align-items:center; gap:12px; padding:10px 0; border-top:1px solid var(--line); }
.pd-linha.atras .pd-l-q{ color:var(--urgent); font-weight:700; }
.pd-l-q{ min-width:78px; font-size:13px; color:var(--ink-soft); }
.pd-l-t{ flex:1; min-width:0; display:flex; flex-direction:column; } .pd-l-t small{ color:var(--ink-faint); font-size:12.5px; line-height:1.4; }
.pd-l-b{ display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
@media (max-width:640px){ .pd-linha{ flex-wrap:wrap; } .pd-l-b{ width:100%; justify-content:flex-start; } }
.dd-pedir-ops{ display:flex; flex-direction:column; gap:8px; }
.dd-pedir-ops .btn{ justify-content:flex-start; text-align:left; }
.dd-pedir-ops small{ color:var(--ink-faint); font-weight:400; }
#dd-pedir, #pp-modal, #pg-pedir, #pg-escolher{ z-index:10080; }

/* (22/10/2026) 🧾 despesas do cliente */
#cd-modal{ z-index:10080; }
.cd-form .cd-chk{ display:flex; align-items:flex-start; gap:8px; color:var(--ink); margin-top:12px; }
.cd-form .cd-chk input{ width:auto; display:inline; margin:3px 0 0; }
.cd-aberto{ font-size:12px; font-weight:700; color:var(--warn, #e0a030); margin-left:6px; }
.cd-linha b{ font-variant-numeric:tabular-nums; }
/* (22/10/2026) 📁 criar a pasta do cliente no Drive */
#ppd-modal{ z-index:10090; }
.ppd-meses{ display:grid; grid-template-columns:repeat(4, 1fr); gap:6px; margin:10px 0; }
.ppd-meses .dd-tipo{ text-align:center; padding:8px 4px; }
.ppd-meses .dd-tipo.hoje{ border-style:dashed; }
.ppd-previa p{ margin:8px 0 4px; }
.ppd-caminho{ font-size:13px; line-height:1.6; padding:10px 12px; border-radius:10px; background:var(--surface-2); }
.ppd-caminho small{ color:var(--ink-faint); }
.ppd-linha{ display:flex; gap:8px; align-items:center; } .ppd-linha input{ flex:1; min-width:0; }
@media (max-width:520px){ .ppd-meses{ grid-template-columns:repeat(3, 1fr); } .ppd-linha{ flex-wrap:wrap; } }
.pd-perm{ margin-top:8px; } #pd-perm-modal{ z-index:10090; }
/* (22/10/2026) 🏠 avaliação social sem data */
.ag-sd{ display:flex; gap:8px; align-items:flex-start; padding:8px 10px; border:1px dashed var(--line); border-radius:10px; }
.ag-sd input{ width:auto !important; margin:3px 0 0 !important; }
.pp-semdata b{ font-size:20px; } .pp-semdata span{ font-size:11px; }

/* (22/10/2026) 🖨️ Recibo */
#rcb-modal{ z-index:10080; }
.rcb-form .cd-chk{ display:flex; align-items:flex-start; gap:8px; color:var(--ink); margin-top:12px; }
.rcb-form .cd-chk input{ width:auto; display:inline; margin:3px 0 0; }
.rcb-form .rcb-quem{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:6px; }
.rcb-form .rcb-quem label{ display:block; border:1px solid var(--line, #3a3f47); border-radius:10px; padding:10px 12px; cursor:pointer; color:var(--ink); }
.rcb-form .rcb-quem label:has(input:checked){ border-color:var(--accent, #c9a45c); box-shadow:0 0 0 1px var(--accent, #c9a45c) inset; }
.rcb-form .rcb-quem input{ width:auto; display:inline; margin:0 6px 0 0; }
.rcb-form .rcb-quem small{ display:block; font-size:12px; opacity:.7; margin-top:3px; }
.rcb-ext{ font-size:12.5px; opacity:.8; margin:-2px 0 6px; min-height:1em; }
.rcb-dica{ font-size:13px; opacity:.85; margin:6px 0; }
.rcb-hist-tit{ margin:14px 0 6px; font-size:14px; }
.rcb-linha b{ font-variant-numeric:tabular-nums; }
.rcb-canc{ opacity:.5; text-decoration:line-through; }
@media (max-width:560px){ .rcb-form .rcb-quem{ grid-template-columns:1fr; } }

/* (22/10/2026) 📅 data digitada de uma vez (painel.js, dtMelhorar) */
input.cbv-data{ padding-right:32px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8f98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 9px center; background-size:16px; min-width:8.5em; font-variant-numeric:tabular-nums; }
input.cbv-data.cbv-data-erro{ border-color:#d9534f !important; box-shadow:0 0 0 1px #d9534f inset; }
.ata-ev-l2 input.cbv-data{ width:auto; }
.fin-imp-tab input.cbv-data{ width:100%; min-width:110px; padding:5px 28px 5px 7px; font-size:12.5px; }

/* (22/10/2026) petição de acordo: pagamento, entrada, sucumbência e verbas */
.ap-chk{ display:flex; align-items:center; gap:8px; margin-top:22px; color:var(--ink); }
.ap-chk input{ width:auto; display:inline; margin:0; }
.ap-soma{ margin:6px 0 12px; }
.ap-conta{ font-size:13px; line-height:1.5; padding:8px 12px; border-radius:10px; background:var(--surface-2, rgba(255,255,255,.05)); border:1px solid var(--line, #3a3f47); }
.ap-distr{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:10px 0 4px; }
.ap-distr span{ flex:1; min-width:220px; font-size:12.5px; }

/* (22/10/2026) ficha do cliente: números e compromissos clicáveis */
.ficha-num-btn{ font:inherit; color:inherit; text-align:left; cursor:pointer; transition:transform .12s, border-color .12s; }
.ficha-num-btn:hover{ transform:translateY(-1px); border-color:var(--brand); }
@keyframes ficha-pisca{ 0%{ box-shadow:0 0 0 2px var(--brand); } 100%{ box-shadow:0 0 0 0 transparent; } }
.ficha-sec.ficha-pisca{ animation:ficha-pisca 1.6s ease-out; }

/* (22/10/2026) ✅ prazo cumprido pelo visualizador do documento */
#dcp-modal{ z-index:2147483300; }
.doc-cumprir{ white-space:nowrap; }
.dcp-lista{ display:flex; flex-direction:column; gap:6px; max-height:46vh; overflow:auto; }
.dcp-it{ display:flex; gap:10px; align-items:flex-start; padding:10px 12px; border:1px solid var(--line); border-radius:10px; color:var(--ink); cursor:pointer; }
.dcp-it:has(input:checked){ border-color:var(--brand); }
.dcp-it input, .dcp-chk input{ width:auto; display:inline; margin:3px 0 0; }
.dcp-it small{ display:block; font-size:12px; opacity:.8; margin-top:2px; }
.dcp-chk{ display:flex; gap:8px; align-items:flex-start; margin-top:12px; color:var(--ink); }

/* (22/10/2026) visualizador do documento: barra de ferramentas, versões e pedidos rápidos de correção */
.doc-barra{ display:flex; align-items:center; gap:6px; padding:6px 14px; border-bottom:1px solid var(--line); background:var(--surface); overflow-x:auto; scrollbar-width:none; flex:none; }
.doc-barra::-webkit-scrollbar{ display:none; }
.doc-barra button, .doc-barra a{ flex:none; font:inherit; font-size:13px; color:var(--ink); background:var(--surface-2); border:1px solid var(--line); border-radius:999px; padding:5px 11px; cursor:pointer; text-decoration:none; white-space:nowrap; }
.doc-barra button:hover, .doc-barra a:hover{ border-color:var(--brand); }
.doc-barra .doc-zoom-n{ min-width:54px; font-variant-numeric:tabular-nums; }
.doc-barra-sep{ width:1px; height:20px; background:var(--line); flex:none; margin:0 4px; }
.doc-vers{ font:inherit; font-size:12px; color:inherit; background:var(--surface-2); border:1px solid var(--line); border-radius:8px; padding:1px 6px; width:auto; display:inline; }
.doc-rapidas{ display:flex; flex-wrap:wrap; gap:6px; }
.doc-rapidas small{ width:100%; }
.doc-rapidas button{ font:inherit; font-size:12.5px; color:var(--ink); background:var(--surface-2); border:1px solid var(--line); border-radius:999px; padding:4px 10px; cursor:pointer; }
.doc-rapidas button.on{ border-color:var(--brand); background:var(--brand-soft, rgba(201,164,92,.15)); }
@media (max-width:760px){ .doc-barra{ padding:6px 10px; } }
@media (max-width:760px){ .doc-so-pc{ display:none; } .doc-cumprir{ padding:6px 10px; font-size:12.5px; } }

/* (23/10/2026) aba Peças mais limpa: situação escolhida mostra só ela; quadro da Lívia vazio vira uma linha */
.pc-sit-topo{ grid-column:1 / -1; display:flex; align-items:center; gap:10px; justify-content:space-between; margin:4px 0 10px; }
.pc-sit-topo h3{ margin:0; font-size:17px; }
#pd-pedidos.pd-vazio{ padding:8px 14px !important; min-height:0 !important; }
#pd-pedidos.pd-vazio .empty-note{ display:none; }
#pd-pedidos.pd-vazio .pd-topo h3{ font-size:14px; }
#pd-pedidos.pd-vazio .pd-topo h3::after{ content:' — nenhuma em andamento'; font-weight:400; opacity:.7; }

/* (23/10/2026) 📱 CELULAR MAIS USÁVEL: menos texto e menos linhas de botões antes do conteúdo */
@media (max-width:760px){
  /* faixa "instale/ative" só na aba Dia, numa linha */
  .main-col:has(#tab-dia:not(.active)) #cbv-app-banner{ display:none; }
  .cbv-app-banner{ padding:8px 10px; font-size:13px; gap:8px; }
  .cbv-app-banner .btn{ padding:6px 12px; font-size:13px; white-space:nowrap; }
  /* explicações longas do topo das abas: no celular, fora (o conteúdo vem primeiro) */
  .tab-panel > p.subtitle, #tp-info, .dl-pasta{ display:none !important; }
  /* fileiras de botões e filtros: uma linha só, rolando para o lado (em vez de 3-4 linhas empilhadas) */
  .subtabs, .pz-cats, .tf-filtros, .bv-chips, .f1-extras, .clients-toolbar,
  #tab-pecas > div:has(> #pg-pedir-ia){
    flex-wrap:nowrap !important; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; overscroll-behavior-x:contain;
    padding-bottom:2px;
  }
  .subtabs::-webkit-scrollbar, .pz-cats::-webkit-scrollbar, .tf-filtros::-webkit-scrollbar, .bv-chips::-webkit-scrollbar, .f1-extras::-webkit-scrollbar,
  .clients-toolbar::-webkit-scrollbar, #tab-pecas > div:has(> #pg-pedir-ia)::-webkit-scrollbar{ display:none; }
  .subtabs > *, .pz-cats > *, .tf-filtros > *, .bv-chips > *, .f1-extras > *, .clients-toolbar > *, #tab-pecas > div:has(> #pg-pedir-ia) > *{ flex:none !important; white-space:nowrap; }
  /* ficha do cliente: os ~15 botões numa faixa que rola, em vez de 6 linhas */
  .ficha-acoes{ display:flex !important; flex-wrap:nowrap !important; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; padding-bottom:4px; }
  .ficha-acoes::-webkit-scrollbar{ display:none; }
  .ficha-acoes > *{ flex:none !important; white-space:nowrap; }
  .clients-toolbar > h2{ display:none; }
  .clients-toolbar{ margin-bottom:12px !important; }
  .tf-barra > .tf-filtros{ width:100%; }
  .tf-barra > .btn{ padding:8px 12px; }
  .f1-extras{ display:flex !important; gap:8px; }
}

/* (23/10/2026) ⚡ "Mostrar mais" nas listas grandes */
.cbv-mais{ display:block; width:100%; margin:10px 0 4px; padding:10px; font:inherit; font-size:14px; font-weight:600; color:var(--brand, #c9a45c); background:transparent; border:1px dashed var(--brand-line, #6b5a35); border-radius:12px; cursor:pointer; }
.cbv-mais:hover{ background:var(--brand-soft, rgba(201,164,92,.1)); }

/* (23/10/2026) barra de carregamento no topo (estilo app moderno) */
#cbv-progresso{ position:fixed; top:0; left:0; right:0; height:2px; z-index:2147483600; pointer-events:none; opacity:0; transition:opacity .25s; overflow:hidden; }
#cbv-progresso.on{ opacity:1; }
#cbv-progresso::before{ content:''; position:absolute; top:0; bottom:0; left:-40%; width:40%; background:linear-gradient(90deg, transparent, var(--brand, #d9a93c), #f3d27a, transparent); animation:cbv-prog 1.1s ease-in-out infinite; }
@keyframes cbv-prog{ 0%{ left:-40%; } 100%{ left:100%; } }
@media (prefers-reduced-motion: reduce){ #cbv-progresso::before{ animation-duration:2.5s; } }

/* (25/10/2026) 📱 CELULAR DOBRÁVEL (fechado ~390 px, aberto ~820 px) e toque em geral */
/* o iPhone dá zoom (e "puxa" a tela) ao tocar num campo com letra menor que 16 px */
@media (pointer:coarse){ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]), select, textarea{ font-size:16px !important; } }
.apr-painel{ grid-column:1 / -1; }
/* leitor de documentos no aparelho aberto: documento numa metade, "O que corrigir" na outra (a dobra fica entre os dois),
   texto em modo leitura (quebra na largura, letra normal) */
@media (min-width:761px) and (max-width:1180px) and (pointer:coarse){
  .doc-lado{ width:42%; max-width:440px; min-width:300px; }
  .doc-lado textarea{ min-height:130px; }
}
.doc-leitura .doc-papel{ background:#fff; padding:0; -webkit-overflow-scrolling:touch; }
.doc-leitura .doc-papel.doc-pdf{ background:#5b5d63; }
.doc-leitura .doc-papel .docx-wrapper{ padding:0 !important; display:block !important; zoom:1 !important; }
.doc-leitura .doc-papel .docx-wrapper > section.docx{ width:auto !important; min-height:0 !important; padding:22px 22px 48px !important; margin:0 !important; box-shadow:none; font-size:17px; }
.doc-leitura .doc-papel section.docx p, .doc-leitura .doc-papel section.docx span{ font-size:max(16px, 1em) !important; line-height:1.55 !important; }
.doc-leitura .doc-papel section.docx p{ text-indent:0 !important; margin-left:0 !important; margin-right:0 !important; }
.doc-leitura .doc-papel section.docx img, .doc-leitura .doc-papel section.docx svg{ max-width:100% !important; height:auto !important; }
.doc-leitura .doc-papel section.docx table{ max-width:100% !important; width:100% !important; }
.doc-leitura .doc-papel section.docx header, .doc-leitura .doc-papel section.docx footer{ position:static !important; }
/* gravando (atendimento ou ditado): pílula fixa no alto — dá para rolar a tela e parar de qualquer lugar */
.cbv-gravando{ position:fixed; left:50%; transform:translateX(-50%); top:calc(10px + env(safe-area-inset-top, 0px)); z-index:2147483400; display:flex; align-items:center; gap:8px;
  padding:6px 6px 6px 14px; border-radius:999px; background:#2b1212; border:1px solid #f07167; color:#ffd9d6; font-weight:700; font-size:14px; box-shadow:0 6px 22px rgba(0,0,0,.45); max-width:calc(100vw - 24px); }
.cbv-gravando .cbv-grav-pt{ width:10px; height:10px; border-radius:50%; background:#f07167; flex:none; animation:cbvGravPisca 1.1s ease-in-out infinite; }
.cbv-gravando.pausado .cbv-grav-pt{ animation:none; background:#e0b04a; }
.cbv-gravando span{ white-space:nowrap; flex:none; font-variant-numeric:tabular-nums; }
.cbv-gravando button{ border:0; border-radius:999px; padding:7px 12px; font:inherit; font-size:13px; font-weight:700; cursor:pointer; background:rgba(255,255,255,.1); color:#fff; flex:none; }
.cbv-gravando button.parar{ background:#f07167; color:#2b1212; }
@keyframes cbvGravPisca{ 50%{ opacity:.25; } }
@media (prefers-reduced-motion: reduce){ .cbv-gravando .cbv-grav-pt{ animation:none; } }

/* (25/10/2026) 📱 celular dobrável ABERTO / tablet (toque, 860–1180 px) — menu mais estreito, explicações recolhidas, robô menor */
/* sem isto o iPhone aumenta a letra sozinho com o aparelho aberto/deitado (botões empilham, texto gigante) */
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
#cbv-sino:not(.mob){ top:calc(12px + env(safe-area-inset-top, 0px)); }
@media (min-width:860px) and (max-width:1180px) and (pointer:coarse){
  .bv-side{ width:212px; padding:calc(18px + env(safe-area-inset-top, 0px)) 12px 16px; gap:16px; }
  .bv-brand{ padding:0 2px; gap:10px; }
  .bv-brand .brand-mark{ width:36px; height:36px; }
  .bv-brand-name{ font-size:14px; }
  .bv-side .tab-btn{ height:40px; font-size:14px; }
  .bv-main{ padding:calc(20px + env(safe-area-inset-top, 0px)) 22px 76px; }
  .tab-panel p.subtitle{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; cursor:pointer; max-width:none; }
  .tab-panel p.subtitle.cbv-aberto{ display:block; -webkit-line-clamp:unset; }
  .clients-toolbar{ flex-wrap:wrap; row-gap:8px; }
  .clients-toolbar > h2{ flex:1 1 auto; margin-right:auto; }
  .clients-toolbar > div{ display:flex; flex-wrap:wrap; gap:8px; }
  .clients-toolbar .btn{ white-space:nowrap; }
  html body #cbv-chat-bubble{ width:48px !important; height:48px !important; right:14px !important; bottom:calc(14px + env(safe-area-inset-bottom, 0px)) !important; opacity:.9; }
  html body #cbv-chat-bubble .bvz{ width:44px !important; height:44px !important; margin-top:2px !important; }
}
@media (pointer:coarse){ .pal-atalho-btn kbd{ display:none; } }
@media (min-width:860px) and (max-width:1180px) and (pointer:coarse){
  /* fora da aba inicial a saudação e os contadores saem (como no celular fechado): o conteúdo da aba sobe */
  body[data-aba]:not([data-aba="dia"]):not([data-aba="hoje-prev"]):not([data-aba="gerencia"]) header.top{ display:none; }
  body[data-aba]:not([data-aba="dia"]):not([data-aba="hoje-prev"]):not([data-aba="gerencia"]) .main-col{ margin-top:4px; padding-top:44px; }   /* respiro para o 🔔 (fixo no canto) não cobrir os botões */
}

/* (25/10/2026) TELA INTEIRA no iPhone (viewport-fit=cover): sem isso o iPhone deixava faixas vazias nas bordas (lado do relógio/câmera)
   com o aparelho aberto ou deitado (no aparelho do Dr., uma coluna inteira à direita, onde só aparecem o relógio e o Wi-Fi no alto).
   O painel usa a largura toda; só o 🔔 (fixo no alto, perto do relógio) fica afastado. */
html, body{ background-color:#0B0A08; }
@media (min-width:860px){
  .bv-side{ padding-left:calc(16px + env(safe-area-inset-left, 0px)); }
}
@media (min-width:860px) and (max-width:1180px) and (pointer:coarse){
  .bv-side{ padding-left:calc(12px + env(safe-area-inset-left, 0px)); }
}
@media (max-width:859px){
  .bv-side{ padding-left:calc(14px + env(safe-area-inset-left, 0px)) !important; }
  .bv-main{ padding-left:calc(14px + env(safe-area-inset-left, 0px)); }
  #bv-bottom-nav{ padding-left:calc(6px + env(safe-area-inset-left, 0px)); }
}
#cbv-sino:not(.mob){ right:calc(44px + env(safe-area-inset-right, 0px)); }
html body #cbv-chat-bubble{ margin-bottom:env(safe-area-inset-bottom, 0px); }
.doc-ver{ box-sizing:border-box; padding-left:env(safe-area-inset-left, 0px); }
.doc-cab{ padding-top:max(10px, env(safe-area-inset-top, 0px)); }
.nt-corpo{ padding-top:calc(14px + env(safe-area-inset-top, 0px)); }

/* (25/10/2026) 🔊 Ouvir o documento: barra de controle e parágrafo sendo lido */
.doc-ouvir{ flex:none; display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:7px 14px; background:#1d2433; color:#d7e3ff; font-size:13px; border-bottom:1px solid rgba(255,255,255,.08); }
.doc-ouvir .doc-ouvir-st{ font-weight:700; margin-right:4px; font-variant-numeric:tabular-nums; }
.doc-ouvir button, .doc-ouvir select{ border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.07); color:#fff; border-radius:999px; padding:5px 11px; font:inherit; font-size:13px; cursor:pointer; }
.doc-ouvir button.parar{ background:#f07167; color:#2b1212; border-color:#f07167; font-weight:700; }
.doc-ouvir .doc-ouvir-dica{ color:#9fb0d6; margin-left:auto; }
.doc-papel .doc-lendo, .doc-papel .doc-lendo span{ background-color:#ffe58f !important; }
.doc-papel .doc-lendo{ box-shadow:0 0 0 4px #ffe58f; border-radius:3px; }
@media (max-width:760px){ .doc-ouvir{ padding:6px 10px; gap:6px; } .doc-ouvir .doc-ouvir-dica{ display:none; } }

/* (25/10/2026) ⛶ SÓ A PEÇA: tela só com o documento + barrinha embaixo (ouvir · marcar · correções) */
.doc-foco .doc-cab, .doc-foco .doc-barra, .doc-foco .doc-ouvir{ display:none !important; }
.doc-foco .doc-lado{ display:none; }
.doc-foco .doc-papel .docx-wrapper{ padding-bottom:130px !important; }
.doc-foco .doc-pdf-pags{ padding-bottom:130px; }
.doc-foco.doc-leitura .doc-papel .docx-wrapper > section.docx{ max-width:780px; margin:0 auto !important; padding-top:max(22px, env(safe-area-inset-top)) !important; }
.doc-foco.doc-leitura .doc-papel section.docx p, .doc-foco.doc-leitura .doc-papel section.docx span{ font-size:max(18px, 1em) !important; line-height:1.65 !important; }
.doc-foco-dock{ position:fixed; z-index:5; left:50%; transform:translateX(-50%); bottom:max(14px, env(safe-area-inset-bottom)); display:flex; gap:6px; padding:6px;
  background:rgba(20,20,24,.94); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.14); border-radius:999px;
  box-shadow:0 10px 30px rgba(0,0,0,.45); max-width:calc(100vw - 20px); box-sizing:border-box; }
.doc-foco-dock button{ min-height:48px; min-width:48px; padding:0 15px; border:0; border-radius:999px; background:rgba(255,255,255,.09); color:#fff; font:inherit; font-size:15px; font-weight:600; cursor:pointer; white-space:nowrap; }
.doc-foco-dock button.pri{ background:var(--brand); color:#111; }
.doc-foco-dock button.on{ background:#e85d4a; color:#fff; }
.doc-foco-dock button.sair{ background:transparent; color:#cfcfcf; }
@media (max-width:420px){ .doc-foco-dock{ gap:4px; padding:5px; } .doc-foco-dock button{ padding:0 11px; font-size:14px; min-width:44px; } }
.doc-foco .doc-lado.aberto{ display:flex; flex-direction:column; position:fixed; z-index:6; left:0; right:0; bottom:0; margin:0 auto; width:auto; min-width:0; max-width:620px;
  max-height:72vh; max-height:72dvh; overflow-y:auto; gap:10px; padding:0 14px 14px; padding-bottom:max(14px, env(safe-area-inset-bottom)); border:1px solid var(--line); border-radius:16px 16px 0 0; box-shadow:0 -12px 40px rgba(0,0,0,.5); }
.doc-foco .doc-lado.aberto > h3{ display:none; }
.doc-foco .doc-lado.aberto .doc-lado-alca{ display:flex; align-items:center; gap:8px; margin:0 -14px; width:calc(100% + 28px); padding:14px 16px; border:0; border-radius:16px 16px 0 0; background:var(--surface); color:var(--ink);
  font:inherit; font-weight:700; font-size:15px; text-align:left; cursor:pointer; position:sticky; top:0; z-index:1; }
.doc-foco .doc-lado.aberto .doc-lado-alca i{ margin-left:auto; font-style:normal; color:var(--ink-faint); transform:rotate(180deg); }
/* ✏️ marcar para corrigir */
.doc-papel.doc-marcando section.docx p{ cursor:pointer; }
.doc-papel.doc-marcando section.docx p:hover{ outline:2px dashed #e85d4a; outline-offset:3px; }
.doc-papel .doc-marcado, .doc-papel .doc-marcado span, .doc-papel .doc-marcando-este, .doc-papel .doc-marcando-este span{ background-color:#ffe0db !important; }
.doc-papel .doc-marcado{ box-shadow:0 0 0 4px #ffe0db, -6px 0 0 4px #e85d4a; border-radius:2px; }
.doc-papel .doc-marcando-este{ box-shadow:0 0 0 4px #ffc9bf, -6px 0 0 4px #e85d4a; }
.doc-fala{ position:fixed; z-index:7; left:0; right:0; bottom:0; margin:0 auto; max-width:620px; box-sizing:border-box; display:flex; flex-direction:column; gap:10px;
  background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:18px 18px 0 0; box-shadow:0 -14px 44px rgba(0,0,0,.55);
  padding:14px 16px; padding-bottom:max(16px, env(safe-area-inset-bottom)); }
.doc-fala-cab{ display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:16px; }
.doc-fala blockquote{ margin:0; padding:8px 12px; border-left:4px solid #e85d4a; background:var(--surface-2); border-radius:8px; font-size:14px; color:var(--ink-faint); max-height:4.8em; overflow:auto; }
.doc-fala textarea{ width:100%; box-sizing:border-box; min-height:88px; padding:10px; border-radius:10px; border:1px solid var(--line); background:var(--surface-2); color:inherit; font:inherit; font-size:16px; resize:vertical; }
.doc-fala-bts{ display:flex; gap:8px; flex-wrap:wrap; }
.doc-fala-bts button{ flex:1 1 auto; min-height:48px; padding:0 14px; border-radius:12px; border:1px solid var(--line); background:var(--surface-2); color:inherit; font:inherit; font-weight:700; font-size:15px; cursor:pointer; }
.doc-fala-bts .ok{ background:var(--brand); color:#111; border-color:var(--brand); }
.doc-fala small{ color:var(--ink-faint); font-size:12.5px; }
.doc-fala-mic .b, .doc-fala-mic.on .a{ display:none; }
.doc-fala-mic.on .b{ display:inline; }
.doc-fala-mic.on{ background:#e85d4a !important; color:#fff !important; border-color:#e85d4a !important; }
.doc-ta-bts{ display:flex; gap:8px; }
.doc-lado.aberto > .doc-ta-bts{ display:flex; }
.doc-ta-bts .btn{ flex:1; min-height:44px; }

/* (26/10/2026) celular dobrável aberto / tablet: o relógio e o Wi‑Fi do aparelho ficam por cima do canto direito de cima
   — o ✕ de fechar o documento vai para a esquerda e as barras de cima deixam esse canto livre */
@media (pointer:coarse){
  .doc-cab [data-docv="fechar"]{ order:-1; flex:none; width:44px; height:44px; padding:0; margin-left:-4px; border-radius:999px; background:var(--surface-2); color:var(--ink); font-size:28px; }
}
@media (min-width:761px) and (max-width:1180px) and (pointer:coarse){
  .doc-cab, .doc-barra{ padding-right:calc(96px + env(safe-area-inset-right, 0px)); }
}

/* (26/10/2026) 📄 PDF da peça (link com cara de botão) */
a.pg-bt, a.pg-bt:hover{ text-decoration:none; color:inherit; }
.at-ler a.btn{ text-decoration:none; }

/* (26/10/2026) 📁 Documentos do Drive dentro do painel */
.drv-ver{ z-index:2147483250; }
.drv-ver .drv-cam{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.drv-barra{ flex:none; display:flex; gap:8px; align-items:center; padding:8px 14px; border-bottom:1px solid var(--line); background:var(--surface); }
.drv-busca{ flex:1; min-width:0; padding:9px 12px; border-radius:10px; border:1px solid var(--line); background:var(--surface-2); color:inherit; font:inherit; font-size:15px; }
.drv-lista{ flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:8px 10px calc(16px + env(safe-area-inset-bottom, 0px)); background:var(--bg, #0e0d0a); }
.drv-item{ display:flex; align-items:center; gap:12px; width:100%; max-width:900px; margin:0 auto 6px; padding:12px 14px; min-height:58px; box-sizing:border-box; border:1px solid var(--line); border-radius:12px;
  background:var(--surface); color:var(--ink); font:inherit; text-align:left; cursor:pointer; }
.drv-item:hover{ border-color:var(--brand); }
.drv-ico{ font-size:24px; flex:none; width:30px; text-align:center; }
.drv-nome{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.drv-nome b{ font-size:15px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.drv-nome small{ color:var(--ink-faint); font-size:12.5px; }
.drv-item i{ font-style:normal; color:var(--ink-faint); font-size:22px; }
.drv-pasta .drv-nome b{ font-weight:700; }
.drv-erro{ max-width:560px; margin:30px auto; text-align:center; color:var(--ink); display:flex; flex-direction:column; gap:12px; align-items:center; padding:0 16px; }
.drv-vendo .drv-barra, .drv-vendo .drv-lista{ display:none; }
.drv-prev{ flex:1; min-height:0; display:flex; flex-direction:column; }
.drv-prev-cab{ flex:none; display:flex; align-items:center; gap:8px; padding:8px 14px; border-bottom:1px solid var(--line); background:var(--surface); }
.drv-prev-cab b{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.drv-prev-corpo{ flex:1; overflow:auto; -webkit-overflow-scrolling:touch; background:#5b5d63; padding:8px; padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px)); display:flex; flex-direction:column; align-items:center; }
.drv-prev-corpo .empty-note{ color:#eee; }
.drv-pags{ display:flex; flex-direction:column; align-items:center; gap:10px; width:100%; }
.drv-img{ max-width:100%; height:auto; margin:auto; box-shadow:0 4px 18px rgba(0,0,0,.4); background:#fff; }
.drv-video{ max-width:100%; max-height:100%; margin:auto; background:#000; }
.drv-midia{ margin:auto; display:flex; flex-direction:column; align-items:center; gap:18px; width:min(520px, 100%); }
.drv-midia-ico{ font-size:64px; }
.drv-midia audio{ width:100%; }
.drv-pre{ width:100%; max-width:900px; margin:0; padding:16px; box-sizing:border-box; background:#fff; color:#111; white-space:pre-wrap; word-break:break-word; font-size:15px; border-radius:6px; }

/* (26/10/2026) PDF: trecho lido/marcado por cima da página (o texto do PDF fica visível embaixo) */
.doc-papel .textLayer span{ cursor:pointer; }
.doc-papel .textLayer span.doc-lendo{ background-color:rgba(255,214,0,.42) !important; box-shadow:none; border-radius:2px; }
.doc-papel .textLayer span.doc-marcado, .doc-papel .textLayer span.doc-marcando-este{ background-color:rgba(232,93,74,.28) !important; box-shadow:none; }
/* 📁 documentos do cliente ao lado da peça (no lugar do "O que corrigir") */
.doc-docs{ display:none; }
.doc-com-docs .doc-docs{ display:flex; flex-direction:column; flex:none; width:50%; min-width:320px; max-width:820px; min-height:0; border-left:1px solid var(--line); background:var(--surface); }
.doc-com-docs .doc-lado{ display:none !important; }
.doc-foco .doc-docs{ display:none !important; }
.drv-dentro{ flex:1; display:flex; flex-direction:column; min-height:0; }
.drv-dentro .doc-cab{ padding-right:14px; }
.drv-dentro .drv-lista{ background:var(--surface-2); }


/* (26/10/2026) ✨ VISUAL TECNOLÓGICO — peça aberta, abas, documentos do Drive, barrinha e folha de correção
   vidro fosco, bordas finas com brilho dourado, ícones em "chips", números em fonte mono, carregamento animado */
.doc-ver{ --glow:color-mix(in srgb, var(--brand) 38%, transparent); --vidro:color-mix(in srgb, var(--surface) 78%, transparent); }
.doc-ver .doc-cab, .doc-ver .doc-barra{ background:var(--vidro); -webkit-backdrop-filter:blur(14px) saturate(1.3); backdrop-filter:blur(14px) saturate(1.3); }
.doc-ver .doc-cab{ position:relative; }
.doc-ver .doc-cab::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; pointer-events:none;
  background:linear-gradient(90deg, transparent, var(--brand) 30%, var(--brand) 70%, transparent); opacity:.55; }
.doc-ver .doc-tit small{ font-family:"Geist Mono", ui-monospace, monospace; letter-spacing:.01em; }
.doc-barra button, .doc-barra a{ transition:border-color .18s, box-shadow .18s, transform .12s; }
.doc-barra button:hover, .doc-barra a:hover{ box-shadow:0 0 0 1px var(--brand), 0 0 14px var(--glow); }
.doc-barra button:active, .doc-barra a:active{ transform:scale(.97); }
/* documentos do Drive */
.drv-ver .drv-barra{ background:var(--vidro, var(--surface)); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.drv-busca{ border-radius:999px; padding:10px 16px; transition:border-color .18s, box-shadow .18s; }
.drv-busca:focus{ outline:0; border-color:var(--brand); box-shadow:0 0 0 3px var(--glow, rgba(217,185,107,.3)); }
.drv-lista{ background:radial-gradient(1200px 400px at 50% -10%, color-mix(in srgb, var(--brand) 10%, transparent), transparent 60%), var(--paper); }
.drv-item{ border-radius:14px; border:1px solid color-mix(in srgb, var(--ink) 9%, transparent);
  background:linear-gradient(145deg, color-mix(in srgb, var(--surface) 96%, var(--brand)), var(--surface));
  transition:transform .14s, border-color .18s, box-shadow .18s; animation:drv-entra .28s ease both; }
.drv-item:nth-child(2){ animation-delay:.03s } .drv-item:nth-child(3){ animation-delay:.06s } .drv-item:nth-child(4){ animation-delay:.09s } .drv-item:nth-child(n+5){ animation-delay:.12s }
.drv-item:hover{ transform:translateY(-1px); border-color:var(--brand); box-shadow:0 0 0 1px var(--glow, rgba(217,185,107,.3)), 0 8px 24px rgba(0,0,0,.25); }
.drv-item:active{ transform:scale(.99); }
.drv-ico{ width:40px; height:40px; display:grid; place-items:center; font-size:20px; border-radius:11px; background:color-mix(in srgb, var(--brand) 14%, var(--surface-2)); border:1px solid color-mix(in srgb, var(--brand) 30%, transparent); }
.drv-pdf .drv-ico{ background:color-mix(in srgb, #e5484d 16%, var(--surface-2)); border-color:color-mix(in srgb, #e5484d 35%, transparent); }
.drv-documento .drv-ico{ background:color-mix(in srgb, #3e9bff 16%, var(--surface-2)); border-color:color-mix(in srgb, #3e9bff 35%, transparent); }
.drv-imagem .drv-ico{ background:color-mix(in srgb, #30c48d 16%, var(--surface-2)); border-color:color-mix(in srgb, #30c48d 35%, transparent); }
.drv-audio .drv-ico, .drv-video .drv-ico{ background:color-mix(in srgb, #a970ff 16%, var(--surface-2)); border-color:color-mix(in srgb, #a970ff 35%, transparent); }
.drv-nome small{ font-family:"Geist Mono", ui-monospace, monospace; font-variant-numeric:tabular-nums; letter-spacing:.01em; }
.drv-item i{ transition:transform .18s; } .drv-item:hover i{ transform:translateX(3px); color:var(--brand); }
.drv-esq{ max-width:900px; margin:0 auto 6px; height:62px; border-radius:14px; border:1px solid var(--line);
  background:linear-gradient(90deg, var(--surface) 0%, color-mix(in srgb, var(--brand) 12%, var(--surface)) 50%, var(--surface) 100%); background-size:200% 100%; animation:drv-brilho 1.2s linear infinite; }
.drv-prev-cab{ background:var(--vidro, var(--surface)); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.drv-prev-corpo{ background:radial-gradient(900px 500px at 50% 0%, #6a6d74, #44464c); }
.drv-pags .doc-pg, .drv-img{ border-radius:4px; box-shadow:0 10px 30px rgba(0,0,0,.45); }
@keyframes drv-entra{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }
@keyframes drv-brilho{ from{ background-position:200% 0; } to{ background-position:-200% 0; } }
/* barrinha do "Só a peça" e folha "O que corrigir aqui?" */
.doc-foco-dock{ border:1px solid color-mix(in srgb, var(--brand) 40%, transparent); box-shadow:0 0 0 1px rgba(0,0,0,.4), 0 12px 36px rgba(0,0,0,.5), 0 0 24px color-mix(in srgb, var(--brand) 22%, transparent); }
.doc-foco-dock button{ transition:background .18s, box-shadow .18s, transform .12s; }
.doc-foco-dock button:active{ transform:scale(.95); }
.doc-foco-dock button.pri{ background:linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand) 70%, #fff)); box-shadow:0 0 16px color-mix(in srgb, var(--brand) 45%, transparent); }
.doc-fala{ background:color-mix(in srgb, var(--surface) 90%, transparent); -webkit-backdrop-filter:blur(18px) saturate(1.4); backdrop-filter:blur(18px) saturate(1.4); animation:doc-sobe .22s ease both; }
.doc-fala::before{ content:""; position:absolute; left:18px; right:18px; top:0; height:2px; border-radius:2px; background:linear-gradient(90deg, transparent, var(--brand), transparent); }
.doc-fala-mic.on{ animation:doc-pulso 1.4s ease-out infinite; }
@keyframes doc-sobe{ from{ transform:translateY(24px); opacity:0; } to{ transform:none; opacity:1; } }
@keyframes doc-pulso{ 0%{ box-shadow:0 0 0 0 rgba(232,93,74,.55); } 70%{ box-shadow:0 0 0 12px rgba(232,93,74,0); } 100%{ box-shadow:0 0 0 0 rgba(232,93,74,0); } }
.doc-ouvir{ background:linear-gradient(90deg, #142036, #1d2a44 60%, #172338); border-bottom:1px solid rgba(120,160,255,.18); }
@media (prefers-reduced-motion: reduce){ .drv-item, .doc-fala, .doc-fala-mic.on, .drv-esq{ animation:none !important; } .drv-item:hover{ transform:none; } }

/* (26/10/2026) documentos ao lado da peça: botão para voltar à correção bem à vista */
.drv-dentro .drv-volta-cor{ background:linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand) 70%, #fff)); color:#111; border:0; font-weight:700; box-shadow:0 0 14px color-mix(in srgb, var(--brand) 40%, transparent); }

/* (26/10/2026) peça maior: o lado direito (O que corrigir / documentos) fica mais estreito e dá para arrastar a divisória */
.doc-ver:not(.doc-cel) .doc-lado, .doc-ver:not(.doc-cel).doc-com-docs .doc-docs{ width:var(--doc-dir, clamp(280px, 32vw, 440px)) !important; min-width:240px !important; max-width:none !important; flex:none; }
.doc-divisor{ flex:none; width:12px; margin:0 -1px; cursor:col-resize; position:relative; touch-action:none; z-index:2; background:var(--surface); border-left:1px solid var(--line); }
.doc-divisor::after{ content:""; position:absolute; top:50%; left:4px; width:4px; height:56px; margin-top:-28px; border-radius:4px; background:color-mix(in srgb, var(--ink) 25%, transparent); transition:background .18s, box-shadow .18s, height .18s; }
.doc-divisor:hover::after, .doc-divisor.arrastando::after{ background:var(--brand); height:80px; margin-top:-40px; box-shadow:0 0 12px color-mix(in srgb, var(--brand) 50%, transparent); }
.doc-cel .doc-divisor, .doc-foco .doc-divisor{ display:none; }
.doc-ver:not(.doc-cel) .doc-lado{ border-left:0; }
.doc-com-docs .doc-docs{ border-left:0; }
.drv-dentro .drv-so-largo{ display:none; }
.drv-dentro .doc-cab{ gap:6px; padding-left:12px; }
.drv-dentro .doc-cab .btn{ padding:6px 10px; }

/* (26/10/2026) "O que corrigir" cabe inteiro na tela (sem rolar): a caixa de texto estica/encolhe e o
   "🤖 Pedir correção à IA" fica sempre à vista embaixo; pedidos rápidos numa linha só (desliza para o lado) */
.doc-ver:not(.doc-cel) .doc-lado{ overflow:hidden; gap:8px; padding:12px; }
.doc-ver:not(.doc-cel) .doc-lado > h3{ flex:none; font-size:15px; }
.doc-ver:not(.doc-cel) .doc-lado > p.fin-dim{ flex:none; margin:0; font-size:12.5px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.doc-ver:not(.doc-cel) .doc-rapidas{ flex:none; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; -webkit-mask-image:linear-gradient(90deg, #000 88%, transparent); mask-image:linear-gradient(90deg, #000 88%, transparent); }
.doc-ver:not(.doc-cel) .doc-rapidas::-webkit-scrollbar{ display:none; }
.doc-ver:not(.doc-cel) .doc-rapidas small{ display:none; }
.doc-ver:not(.doc-cel) .doc-rapidas button{ flex:none; white-space:nowrap; }
.doc-ver:not(.doc-cel) .doc-lado .cbv-dita-wrap{ flex:1 1 auto; min-height:90px; display:flex; }
.doc-ver:not(.doc-cel) .doc-lado textarea{ flex:1; min-height:0 !important; height:auto !important; resize:none; }
.doc-ver:not(.doc-cel) .doc-lado .doc-ta-bts{ flex:none; }
.doc-ver:not(.doc-cel) .doc-lado .doc-ta-bts .btn{ min-height:40px; }
.doc-ver:not(.doc-cel) .doc-lado .pg-enviar{ flex:none; padding:11px; }
.doc-ver:not(.doc-cel) .doc-lado > small.fin-dim{ flex:none; font-size:11.5px; line-height:1.3; }
@media (max-height:640px){ .doc-ver:not(.doc-cel) .doc-lado > p.fin-dim, .doc-ver:not(.doc-cel) .doc-lado > small.fin-dim{ display:none; } }

/* (26/10/2026) peça esperando o processo completo (a IA só redige com os autos) */
.paut.paut-falta{ flex-wrap:wrap; border:1px solid #e8a33d; background:color-mix(in srgb, #e8a33d 12%, var(--surface)); border-radius:12px; padding:10px 12px; }
.paut-falta-tit{ width:100%; color:#f0b24e; font-size:14px; }
.paut-falta-txt{ width:100%; font-size:13px; color:var(--ink-soft); margin-bottom:4px; }
.doc-status.st-falta{ background:color-mix(in srgb, #e8a33d 20%, transparent); color:#f0b24e; border:1px solid color-mix(in srgb, #e8a33d 50%, transparent); }

/* (27/10/2026) modo audiência com os documentos do Drive / PDF do preparo ao lado (celular aberto, tablet, computador) */
.ah-tela{ display:flex; flex-direction:column; overflow:hidden; }
.ah-corpo{ flex:1; min-height:0; display:flex; }
.ah-esq{ flex:1; min-width:0; overflow:auto; -webkit-overflow-scrolling:touch; }
.ah-tela.doc-com-docs .doc-docs{ width:50%; min-width:340px; max-width:900px; border-left:1px solid var(--line); }
.ah-tela .drv-dentro .doc-cab{ padding-top:max(10px, env(safe-area-inset-top, 0px)); }
@media (min-width:761px) and (max-width:1180px) and (pointer:coarse){
  .ah-tela .drv-dentro .doc-cab{ padding-right:calc(96px + env(safe-area-inset-right, 0px)); }   /* relógio/Wi-Fi do dobrável no canto direito */
}

/* (27/10/2026) peça da Lívia (Claude): notas e documentos para o protocolo */
.doc-livia{ flex:none; border:1px solid color-mix(in srgb, var(--brand) 40%, var(--line)); border-radius:10px; background:color-mix(in srgb, var(--brand) 7%, var(--surface)); padding:6px 10px; font-size:13px; }
.doc-livia > summary{ cursor:pointer; font-weight:700; color:var(--brand); list-style-position:inside; }
.doc-livia-notas{ white-space:pre-wrap; margin:6px 0; color:var(--ink); max-height:30vh; overflow:auto; }
.doc-livia-prot{ margin:6px 0 2px 18px; padding:0; max-height:30vh; overflow:auto; }
.doc-livia-prot li{ margin:3px 0; }
.doc-livia-prot small{ color:var(--ink-faint); }
.at-ler .doc-livia{ width:100%; margin-top:6px; }

/* (30/10/2026) 🔁 compromissos fixos da semana na agenda previdenciária */
.ag-fixo{font-size:11.5px; line-height:1.3; padding:2px 6px; margin:2px 0; border-radius:6px; background:repeating-linear-gradient(135deg, var(--surface-2), var(--surface-2) 6px, transparent 6px, transparent 12px); border:1px dashed var(--line); color:var(--ink-soft); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ag-fx-l{display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-bottom:8px;}
.ag-fx-l select, .ag-fx-l input{font-size:13.5px; padding:5px 7px; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--ink); font-family:inherit;}
.ag-fx-l .ag-fx-tit{flex:1 1 200px; min-width:0;}
.ag-fixos-resumo{font-size:12.5px; color:var(--ink-soft); margin:4px 0 8px;}
