/* Base e shell conforme o layout "Completa revisada" aprovado em 17/09/2026 (prototipos/layout-completa-revisada-aprovado-2026-09-17). */
:root{color-scheme:light;--wine:#320001;--ink:#322c27;--paper:#f7f4ed;--line:#e4dace;--muted:#685d53;--gold:#ecb148;--gold-light:#ffef87;--cream:#fff9cf;--focus:#96641b;--control-height:42px;--side-width:236px}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Arial,system-ui,sans-serif}
::selection{background:#fff0aa;color:#320001}
a{color:inherit;text-underline-offset:4px}
button,input,textarea,select{font:inherit}
button,.button{border:1px solid var(--line);border-radius:7px;background:white;color:var(--wine);padding:10px 16px;min-height:var(--control-height);cursor:pointer;text-decoration:none;display:inline-block}
a.button{display:inline-flex;align-items:center}
.calendar-event,.calendar-date{min-height:0}
button:hover,.button:hover{border-color:#a88750;background:#fffdf5}
button:disabled{opacity:.55;cursor:wait}
input,textarea,select{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:white;color:var(--ink);caret-color:var(--wine)}
input:not([type=checkbox]):not([type=radio]),select{min-height:var(--control-height)}
input::placeholder,textarea::placeholder{color:#75695f;opacity:1}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:#ecb14833}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.primary{background:linear-gradient(180deg,#ffef87,#ecb148);border-color:#ecb148;color:#320001}
.primary:hover{background:linear-gradient(180deg,#fff3a8,#efbb56);border-color:#ecb148}
.icon{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Menu lateral: marca, ponto fixo no alto, grupos com rolagem interna. */
aside{position:fixed;inset:0 auto 0 0;z-index:36;width:var(--side-width);display:flex;flex-direction:column;gap:14px;padding:18px 16px 14px;background:var(--wine);color:var(--cream);overflow:hidden}
aside>*{flex-shrink:0}
.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50px;color:var(--gold-light);font-family:'Century Gothic',Arial,sans-serif;text-transform:uppercase;text-align:center}
.brand>span{font-size:24px;font-weight:600;letter-spacing:.11em;line-height:1.25}
.brand small{display:block;margin:5px 0 0;font-size:10px;font-weight:500;letter-spacing:.35em;line-height:1.5;color:var(--gold-light)}
.clock-access{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:13px 14px;text-align:left;background:linear-gradient(180deg,#ffef87,#ecb148);border:1px solid #ecb148;border-radius:9px;color:#320001;font-size:15px;font-weight:600}
.clock-access:hover{background:linear-gradient(180deg,#fff3a8,#efbb56);border-color:#ecb148}
.clock-access small{display:block;margin:3px 0 0;font-size:12px;font-weight:400;color:#736143}
aside nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b59562 transparent;padding-right:3px}
.nav-group{margin-bottom:16px}
.nav-group:last-child{margin-bottom:0}
.nav-group:not(:has(a:not([hidden]))){display:none}
.nav-group h2{font:600 10px/1.4 Arial,sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:#c8b8a1;margin:0 12px 9px}
aside nav a{display:flex;align-items:center;gap:11px;min-height:44px;padding:9px 12px 9px 9px;border-left:3px solid transparent;border-radius:0 7px 7px 0;color:var(--cream);font-size:14px;line-height:1.35;text-decoration:none}
aside nav a:hover{background:#fff9cf12}
aside nav a[aria-current=page]{background:#fff9cf12;border-left-color:#ecb148;color:#ffef87;font-weight:600}
.side-bottom{display:grid;gap:8px;border-top:1px solid #fff9cf30;padding-top:10px}
.side-note{font-size:12px;line-height:1.5;color:#dcc9b8;margin:0 4px}
.profile{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:0 4px;font-size:12px;color:var(--cream)}
#identity{min-width:0;overflow-wrap:anywhere}
.profile button{flex-shrink:0;min-height:36px;padding:6px 12px;background:transparent;border-color:#fff9cf40;color:var(--cream);font-size:13px}
.profile button:hover{background:#fff9cf12;border-color:#ecb148}
/* Barra superior: busca global de cliente ou caso. */
.workspace{margin-left:var(--side-width);min-width:0}
.banner{background:var(--cream);color:#55421b;padding:8px 32px;border-bottom:1px solid #eadcad;font-size:12px}
header{display:flex;align-items:center;gap:16px;min-height:78px;padding:16px 32px;border-bottom:1px solid var(--line);background:var(--paper);color:var(--muted);font-size:13px}
.global-search{display:flex;align-items:center;gap:10px;flex:1 1 auto;max-width:440px;min-width:0;padding-left:13px;border:1px solid var(--line);border-radius:8px;background:#fff}
.global-search:focus-within{border-color:#a88750;outline:3px solid var(--focus);outline-offset:3px}
.global-search>.icon{width:17px;height:17px;color:#9b8e84}
.global-search input{border:0;border-radius:0;padding:10px 0;background:none;font-size:14px;color:var(--ink)}
.global-search input:focus-visible{outline:0}
.global-search button{border:0;background:none;color:var(--muted);padding:10px 14px;font-size:14px}
.global-search button:hover{background:none;color:var(--wine);text-decoration:underline}
.top-note{margin-left:auto;white-space:nowrap;font-size:12px;color:var(--muted)}
.menu-toggle,.clock-top,.menu-shade{display:none}
main{padding:28px 32px 48px;max-width:1500px;margin:auto;min-width:0}
h1{font:400 36px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.6px;color:var(--wine);margin:0 0 12px;overflow-wrap:anywhere}
h2{font:400 25px/1.3 Georgia,'Times New Roman',serif;color:var(--wine);margin:0}
h3{color:var(--wine)}
.heading{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;margin:8px 0 26px}
.heading>:is(div,h1,h2):first-child{flex:1 1 320px;min-width:0;margin-right:auto}
.heading>:is(div,h1,h2):first-child~div{margin-left:auto;justify-content:flex-end}
.heading h1{margin:0}
.heading p{margin:9px 0 0}
p{margin:10px 0 24px;color:var(--muted)}
.toolbar{display:flex;align-items:flex-end;gap:10px;margin-bottom:24px}
.grow{flex:1}
label{font-size:13px;display:block}
label input,label select,label textarea{display:block;margin-top:6px}
small{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.panel,.table-wrap{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.panel{padding:28px}
table{width:100%;border-collapse:collapse;text-align:left}
th{background:#faf8f3;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}
td,th{padding:16px 18px;border-bottom:1px solid var(--line)}
tr:last-child td{border-bottom:0}
td{font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.table-wrap{overflow-x:auto}
.name{border:0;background:none;padding:4px 0;text-align:left;font-weight:600;color:var(--wine)}
.name:hover{text-decoration:underline;background:none}
.pager{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin:20px 0;color:var(--muted);font-size:13px}
.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:24px 0}
.tabs button{border:0;background:none;border-radius:0;padding:12px 0;min-height:44px;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}
.tabs button:hover{background:none;color:var(--wine)}
.tabs [aria-selected=true]{border-bottom-color:var(--wine);color:var(--wine);font-weight:600}
dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0}
dt{font-size:12px;color:var(--muted)}
dd{margin:5px 0 0;overflow-wrap:anywhere;color:var(--wine)}
.muted{font-size:13px}
.empty{padding:36px;background:white;border:1px solid var(--line);border-radius:12px}
.history-item{padding:20px 0;border-bottom:1px solid var(--line)}
.history-item:first-child{padding-top:0}
.history-item:last-child{border:0}
.history-item p{margin:6px 0}
.history-item ul{padding-left:20px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:250px;top:10px;background:white;padding:10px;z-index:100}
/* Janelas centrais. */
dialog{width:min(700px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 56px);overflow:auto;margin:auto;border:1px solid #e5ded4;border-radius:14px;padding:30px;background:#fff;color:var(--ink);box-shadow:0 25px 85px #32000126;font-size:14px;line-height:1.6}
dialog::backdrop{background:#20181466;backdrop-filter:blur(3px)}
html:has(dialog:modal){overflow:hidden}
dialog :is(input:not([type=checkbox]):not([type=radio]),select){min-height:44px}
dialog label{color:var(--muted)}
dialog label :is(input,select,textarea){color:var(--ink)}
.dialogHeading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:0 0 20px}
.dialogHeading h2,dialog>h2,dialog>form>h2{font:400 28px/1.25 Georgia,'Times New Roman',serif;color:var(--wine);min-width:0;overflow-wrap:anywhere}
.dialogFooter{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:24px}
.dialog-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-height:44px;margin:-8px -8px 0 0;padding:0;border:0;border-radius:6px;background:transparent;color:var(--wine);font-size:0}
.dialog-close::before{content:'\00d7';font:400 30px/1 Arial,sans-serif}
.dialog-close:hover{background:var(--paper)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.full{grid-column:1/-1}
#formError{color:#9a1717;white-space:pre-line;margin:18px 0}
#notice:not(:empty){padding:12px 16px;background:var(--cream);border:1px solid #eadcad;border-radius:9px;color:#55421b;margin-bottom:20px}
#login{max-width:650px;padding:40px 0}
#clientUnit{text-transform:capitalize}
button,input,textarea,select{transition:border-color .12s}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:1000px){:root{--side-width:220px}main{padding:28px 24px 44px}header{padding:16px 24px}.banner{padding:8px 24px}.top-note{display:none}}
/* Celular: menu em gaveta, barra fixa [menu][Bater ponto] e busca em linha própria. */
@media(max-width:760px){
 :root{--control-height:44px;--side-width:0px}
 html{scroll-padding-top:130px}
 .workspace{margin:0}
 .banner{padding:8px 16px}
 header{position:sticky;top:0;z-index:34;display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;min-height:0;padding:10px 14px}
 .menu-toggle{display:inline-grid;place-items:center;grid-column:1;grid-row:1;width:44px;min-height:44px;padding:0}
 .clock-top{display:inline-flex;align-items:center;gap:8px;grid-column:2;grid-row:1;justify-self:end;min-height:44px;padding:10px 14px;background:linear-gradient(180deg,#ffef87,#ecb148);border-color:#ecb148;color:#320001;font-size:14px;font-weight:600}
 .clock-top .icon{width:18px;height:18px}
 .global-search{grid-column:1/-1;grid-row:2;width:100%;max-width:none}
 .global-search>.icon{display:none}
 .global-search input{font-size:16px;min-height:44px}
 .top-note{display:none}
 aside{display:none;width:min(300px,calc(100vw - 48px));height:100dvh;z-index:60;gap:12px;box-shadow:8px 0 30px #0003}
 body.menu-open aside{display:flex}
 body.menu-open .menu-shade{display:block;position:fixed;inset:0;z-index:59;min-height:0;padding:0;border:0;border-radius:0;background:#0006}
 aside nav a{min-height:46px}
 .side-note{display:none}
 main{padding:24px 16px 40px}
 h1{font-size:30px}
 .heading{align-items:flex-start;margin-bottom:22px}
 .heading>:is(div,h1,h2):first-child{flex-basis:100%}
 .heading>:is(div,h1,h2):first-child~div{margin-left:0;justify-content:flex-start}
 .heading>button,.heading>.task-actions>button{flex:1 1 auto}
 input,select,textarea{font-size:16px}
 .toolbar{flex-wrap:wrap}
 .grow{flex-basis:100%}
 .fields,dl{grid-template-columns:1fr}
 table{min-width:610px}
 td,th{padding:15px}
 .panel{padding:22px}
 .pager{justify-content:space-between;gap:8px}
 dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 30px);padding:22px 18px;border-radius:12px}
 dialog :is(input,select,textarea){font-size:16px}
 .dialogHeading{margin-bottom:18px}
 .dialogHeading h2,dialog>h2,dialog>form>h2{font-size:24px}
 .skip:focus{left:10px}
 /* Tabelas principais viram linhas-cartão, sem rolagem lateral. */
 .table-wrap{overflow:visible}
 .table-wrap table{min-width:0}
 .table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .table-wrap tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px;padding:14px 16px;border-bottom:1px solid var(--line)}
 .table-wrap tbody tr:last-child{border-bottom:0}
 .table-wrap tbody td{display:block;min-width:0;padding:0;border:0;overflow-wrap:anywhere}
 .table-wrap tbody td:first-child{grid-column:1/-1}
 .table-wrap tbody td[colspan]{grid-column:1/-1}
 .table-wrap tbody td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
}
.brand small{color:#ffef87}
.unit-switch{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.unit-switch small{margin:0 8px 0 0}
#tasks .toolbar{flex-wrap:wrap}#tasks .toolbar input{flex:2;width:auto}#tasks .toolbar select{flex:1;width:auto}@media(max-width:760px){#tasks .toolbar>*{flex-basis:100%}}
.task-list>.empty{border:0;border-radius:0;margin:0}
.check-option{display:flex;align-items:center;gap:10px;margin:8px 0}.check-option input{width:auto;margin:0}fieldset{border:1px solid var(--line);border-radius:8px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0}.calendar-day{min-height:150px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;min-width:0}.calendar-day.is-today{background:#fff9cf}.calendar-day.outside-month{background:#faf8f4}.calendar-date{border:0;background:transparent;padding:8px 0;font-size:12px;width:100%}.calendar-event{display:block;width:100%;text-align:left;margin:6px 0;padding:8px;background:#f7f4ed;border:0;border-left:2px solid #ecb148;border-radius:5px;overflow-wrap:anywhere}.calendar-event strong{display:block;font-size:13px;font-weight:500}.calendar-event small{margin:0;font-size:11px}.calendar-grid.week .calendar-day{min-height:320px}@media(max-width:760px){.calendar-grid{grid-template-columns:1fr}.calendar-grid.week .calendar-day{min-height:120px}.calendar-day{min-height:90px}.calendar-date{text-align:left;font-size:14px}.calendar-event strong{font-size:15px}}
#appointments .toolbar{flex-wrap:wrap}#appointments [aria-pressed=true]{background:var(--wine);color:white}
.representation{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.representation h2{margin-bottom:18px}.representation button{margin-top:20px}dialog .fields{margin-top:20px}dialog form>label{margin-top:20px}
.case-row{padding:22px 0;border-bottom:1px solid var(--line)}.case-row p{margin:8px 0}.case-row .name{display:block;font:400 21px/1.4 Georgia,serif;overflow-wrap:anywhere}.case-dialog{width:min(900px,calc(100% - 28px))}.form-error{color:#9a1717;white-space:pre-wrap}#cases dd{white-space:pre-wrap}.case-dialog h2{margin-bottom:15px}
#detail.case-open>.heading,#detail.case-open>.tabs,#detail.case-open>#back{display:none}#cases>.cc-hero{margin-top:26px}.cc-hero .primary{flex-shrink:0}@media(max-width:760px){#cases>.cc-hero{flex-wrap:wrap}.cc-hero-copy{flex-basis:100%}.cc-tabs{max-width:100%}}
@media(max-width:760px){#cases .cc-hero{flex-wrap:wrap}#cases .cc-hero .cc-hero-copy{flex:1 0 100%;width:100%}#cases .cc-hero h1{font-size:28px;word-break:normal}#cases .cc-hero .primary{margin-top:4px}}

.task-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}dialog fieldset{border:1px solid var(--border,#ded6ca);border-radius:10px;padding:18px;margin:18px 0;min-width:0}dialog fieldset legend{padding:0 8px}
@media(max-width:760px){#tasks .toolbar{display:grid;grid-template-columns:1fr 1fr;width:100%}#tasks .toolbar>:not(button){grid-column:1/-1}#tasks .toolbar input,#tasks .toolbar select,#tasks .toolbar button{width:100%;max-width:100%}}

.check-options{display:flex;flex-wrap:wrap;gap:12px}.inline-check{display:flex;align-items:center;gap:8px;margin:12px 0}.inline-check input[type=checkbox]{width:auto;margin:0}.slot-options button{margin:4px}.holiday-notice{background:#fff9cf;padding:8px;border-radius:5px;font-size:12px}
/* Resumo da recepção: ver "Telas internas" no fim do arquivo. */
@media(min-width:761px){#tasks .toolbar input{flex:2 1 220px}#tasks .toolbar select{flex:1 1 180px}#tasks .toolbar button{flex:0 0 auto}}

/* Expediente pessoal (o acesso fixo ao ponto fica no menu lateral e na barra do celular). */
.clock-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #e4dace}.clock-row p{margin:6px 0;overflow-wrap:anywhere}.clock-panel{margin:22px 0}.clock-row>div{min-width:0}@media(max-width:700px){.clock-row{align-items:flex-start;flex-wrap:wrap;gap:10px}.clock-panel .toolbar{align-items:stretch}.clock-panel .toolbar button{width:100%}}

@media(max-width:760px){.clock-row>button{max-width:100%;overflow-wrap:anywhere}}

dialog fieldset.attachment-controls{border:0;padding:0;margin:16px 0}.drive-upload-panel{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.drive-upload-panel h3{margin:0 0 12px}.drive-upload-panel dl{margin:22px 0}.drive-upload-panel label{margin:16px 0}.drive-upload-panel .check-option{align-items:flex-start}.drive-upload-panel .check-option input{flex:none;margin-top:3px}.drive-upload-panel .task-actions{margin-top:12px}.drive-job{padding:18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.drive-job p{margin:6px 0 12px}.drive-job textarea{width:100%;box-sizing:border-box}@media(max-width:760px){.drive-upload-panel .task-actions{align-items:stretch}.drive-upload-panel .task-actions button{flex:1 1 100%}}

/* Client tabs remain reachable without widening the page on phones. */
#detail>.tabs{max-width:100%;overflow-x:auto;scrollbar-width:thin}#detail>.tabs>button{flex-shrink:0;white-space:nowrap}
#migration .dialogHeading h2{min-width:0;overflow-wrap:anywhere}#migration .dialogHeading>button{flex-shrink:0}#migration .clock-row>strong{min-width:0;overflow-wrap:anywhere}#migration p{overflow-wrap:anywhere}#migration dialog form>label{margin:14px 0}

.commitment-dialog .dialogFooter{flex-wrap:wrap}.commitment-dialog p,.commitment-dialog h3{overflow-wrap:anywhere}@media(max-width:760px){.commitment-dialog .dialogFooter{justify-content:flex-start}.commitment-dialog .dialogFooter button{flex:1 1 130px}}

.legacy-agenda{margin:28px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.legacy-agenda details{margin-top:20px}.legacy-agenda dd{white-space:pre-wrap}.legacy-agenda p{overflow-wrap:anywhere}

.dispatch-record{display:block}.dispatch-record>summary{cursor:pointer;overflow-wrap:anywhere}.dispatch-record[open]>summary{margin-bottom:16px}.dispatch-record .legacy-agenda{margin:20px 0}.dispatch-record dd{overflow-wrap:anywhere}


/* ===== Telas internas conforme "Completa revisada" (previa-aprovada: shell.css, reception-clean.css, tasks-list.css, agenda-clean.css, refinements.css). Sem zebra nas listas. ===== */
/* Controles segmentados: Recepção (situação), Unidade e Dia/Semana/Mês. Segmento escolhido preenchido em bordô. */
.segments{display:inline-flex;flex-wrap:wrap;gap:2px;max-width:100%;min-width:0;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fff}
.segments>button{min-height:40px;padding:9px 13px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:13px;line-height:1.4;white-space:nowrap}
.segments>button:hover{border:0;background:#f4efe7;color:var(--wine)}
#appointments .segments>[aria-pressed=true],#appointments .segments>[aria-pressed=true]:hover{background:var(--wine);color:#fff}
.segment-label,.unit-switch>small{display:inline-flex;align-items:center;margin:0;font-size:12px;color:var(--muted)}
#appointments .unit-switch{flex-wrap:nowrap;gap:12px;min-width:0;max-width:100%}
#appointments .status-filters{align-items:center;flex-wrap:nowrap;gap:12px;margin-bottom:12px}
#appointments .status-filters>.segment-label{width:64px;flex-shrink:0}
#appointments>.toolbar{margin-bottom:16px}
#appointments form.toolbar{margin:4px 0 8px}
/* Resumo numérico compacto entre linhas; no celular, recolhível. */
.reception-overview{margin:8px 0 20px}
.reception-overview>summary{min-height:44px;padding:11px 0;font-size:13px;color:var(--muted);cursor:pointer}
.reception-summary{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#appointments .reception-summary button{display:flex;align-items:baseline;gap:8px;min-height:36px;margin:0 -6px;padding:4px 6px;border:0;border-radius:6px;background:none;color:var(--wine);text-align:left}
#appointments .reception-summary button:hover{background:#f4efe7}
#appointments .reception-summary button[aria-pressed=true]{background:var(--cream);color:var(--wine);box-shadow:inset 0 -2px 0 var(--gold)}
.reception-summary span{font-size:12px;color:var(--muted)}
.reception-summary strong{margin:0;font:600 17px/1.4 Arial,sans-serif;color:var(--wine);font-variant-numeric:tabular-nums}
@media(min-width:761px){.reception-overview>summary{display:none}}
/* Lista de atendimentos da recepção em cartões. */
.rc-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 15px;margin:0 0 12px}
.rc-heading h2{font-size:23px}
.rc-heading>span{font-size:12px;color:var(--muted)}
.rc-list>p{margin:10px 0 14px}
.rc-list>p.holiday-notice{margin:0 0 12px}
.rc-list>p:last-child:not(.muted){padding:35px;border:1px dashed var(--line);border-radius:10px;text-align:center;font-size:14px}
.rc-card{display:grid;grid-template-columns:36px minmax(0,1fr) 110px auto;align-items:start;gap:16px;margin:0 0 12px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:12px;transition:border-color .15s}
.rc-card:hover{border-color:#cbbca5}
.rc-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f2ede5;color:var(--wine);font-size:11px;letter-spacing:.02em}
.rc-copy{min-width:0}
.rc-card .rc-name{display:block;min-height:36px;padding:6px 0;font:600 16px/1.4 Arial,sans-serif;color:var(--wine);text-align:left;overflow-wrap:anywhere}
.rc-subject{margin:3px 0;font-size:14px;line-height:1.5;color:#51463c;overflow-wrap:anywhere}
.rc-meta{margin:3px 0;font-size:13px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.rc-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:9px}
.rc-status small{margin:0;font-size:12px;color:var(--muted)}
.rc-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:5px;background:#f3f0ea;color:#5e5048;font-size:12px;line-height:1.5;white-space:nowrap}
.rc-pill::before{content:'•';margin-right:5px}
.rc-pill.s-scheduled{background:#fff9cf;color:#6b5200}
.rc-pill.s-arrived{background:#e6f1ea;color:#1b5e20}
.rc-pill.s-in_progress{background:#e7f0f6;color:#285a7a}
.rc-pill.s-completed{background:#eef0f2;color:#3f4a55}
.rc-pill.s-cancelled{background:#f3f0ea;color:#7a6e66;text-decoration:line-through}
.rc-pill.s-excluded{background:#fff;color:#9a1717;box-shadow:inset 0 0 0 1px #e8b4ae}
.rc-date{padding-top:7px;color:var(--wine);font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.rc-date small{margin:0;font-size:12px;color:var(--muted)}
.rc-date strong{font-weight:400}
.rc-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding-top:4px}
.rc-open{min-height:44px;padding:10px 13px;font-size:13px;white-space:nowrap}
.rc-open span{margin-left:10px}
/* Agenda: navegação do período, visualização e programação do dia. */
#appointments .agenda-nav{justify-content:space-between;align-items:center;gap:10px 16px}
.period-nav{display:flex;align-items:center;gap:10px;min-width:0}
.period-nav>span{font-size:13px;color:var(--ink);overflow-wrap:anywhere}
.period-nav>button{min-width:42px;padding:8px 12px;font-size:17px;line-height:1}
.programme{padding:22px 24px}
.programme-heading{padding:0 0 18px;border-bottom:1px solid var(--line)}
.programme-heading h2{font-size:23px}
.programme>p{margin:16px 0}
.ag-row{display:grid;grid-template-columns:76px minmax(0,1fr) minmax(120px,240px) auto;align-items:center;gap:8px 16px;padding:20px 0;border-bottom:1px solid #efe8de;min-width:0}
.ag-row:last-child{border-bottom:0}
.ag-row-time strong{font-size:14px;font-weight:500;color:var(--wine);font-variant-numeric:tabular-nums}
.ag-row-main{min-width:0}
.ag-row .name{display:block;min-height:40px;padding:8px 0;font-size:15px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}
.ag-row-main p,.ag-row-owner{margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.ag-row-owner{font-size:12px}
.ag-row>.rc-pill{justify-self:end}
/* Tarefas em lista-tabela (✓ / Tarefa / Responsável / Prazo / Situação / Ações). */
.tl-scope{margin:0 0 14px;font-size:14px;color:#51443b}
.tl-list{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 2px 5px #32000103}
.tl-table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-size:14px}
.tl-table th{padding:15px 12px;font-size:11px;letter-spacing:.03em;color:var(--muted)}
.tl-table th:nth-child(1){width:44px}.tl-table th:nth-child(2){width:40%}.tl-table th:nth-child(3){width:17%}.tl-table th:nth-child(4){width:13%}.tl-table th:nth-child(5){width:12%}.tl-table th:nth-child(6){width:120px}
.tl-table td{padding:18px 12px;vertical-align:top;border-bottom:1px solid #efe8de;overflow-wrap:anywhere}
.tl-table tr:last-child td{border-bottom:0}
.tl-row:hover{background:#fcfaf6}
.tl-mark{display:inline-grid;place-items:center;width:18px;height:18px;margin-top:10px;border:1.5px solid #cbbca5;border-radius:4px;font-size:12px;line-height:1}
button.tl-mark{min-height:0;padding:0;background:#fff;cursor:pointer}
button.tl-mark:hover{border-color:#a88750;background:#fffdf5}
@media(max-width:760px){button.tl-mark{width:30px;height:30px;margin-top:4px}}
.tl-closed-mark{border-color:#8db59b;background:#edf4ef;color:#2f6b4f}
.tl-table .tl-title{display:block;min-height:40px;padding:8px 0;font-size:15px;line-height:1.5;font-weight:500;text-align:left;overflow-wrap:anywhere}
.tl-closed .tl-title{font-weight:400;color:#8a7a70;text-decoration:line-through}
.tl-reference{margin-top:2px;font-size:12px;line-height:1.55;color:var(--muted)}
.tl-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.tl-priority,.tl-label{display:inline-block;padding:2px 6px;border-radius:4px;background:#f3eee5;color:#796b60;font-size:11px;line-height:1.5}
.tl-priority.high{background:#fbefea;color:#94544a}
.tl-table td.tl-owner{padding-top:26px;font-size:14px}
.tl-deadline strong{display:block;padding-top:8px;font-size:14px;font-weight:600;color:var(--wine);font-variant-numeric:tabular-nums}
.tl-deadline .tl-overdue{margin-top:2px;color:#9b1c1c;font-size:12px}
.tl-table td.tl-situation{padding-top:24px}
.tl-state{display:inline-block;padding:5px 8px;border-radius:5px;background:#f3efe7;color:#69593f;font-size:12px;line-height:1.4;white-space:nowrap}
.tl-state.open{background:#fff7df;color:#8b713b}
.tl-state.overdue{background:#faeae6;color:#9b1c1c}
.tl-state.done{background:#e8f2ea;color:#2f6b4f}
.tl-state.cancelled{background:#efede9;color:#796e65}
.tl-detail-button{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:-2px;padding:6px 8px;border:1px solid transparent;border-radius:6px;background:none;color:var(--muted);font-size:13px;white-space:nowrap}
.tl-detail-button::after{content:'\203a';font-size:17px;line-height:1}
.tl-detail-button:hover{background:#f5f0e8;border-color:#e9dfd2;color:var(--wine)}
/* Ficha do cliente: volta discreta, título com a ação logo abaixo, abas sublinhadas. */
#detail>#back{min-height:36px;padding:6px 0;border:0;background:none;color:var(--muted);font-size:13px}
#detail>#back::before{content:'\2190\00a0'}
#detail>#back:hover{background:none;color:var(--wine);text-decoration:underline}
#detail>.heading{flex-direction:column;align-items:flex-start;gap:16px;margin:18px 0 8px}
#detail>.heading>div:first-child{flex:none;width:100%;margin:0}
#detail>.heading>button{margin:0}
#detail>.heading p{margin-top:8px;font-size:14px}
#about>button:first-child{margin:0 10px 22px 0}
#about>dl+button,#about>button:last-child:not(:first-child){margin-top:24px}
/* Agenda com muitas ações: título em linha própria e ações em uma linha logo abaixo, alinhadas à esquerda. */
#appointments>.heading:has(.task-actions>:nth-child(5))>div:first-child{flex-basis:100%}
#appointments>.heading:has(.task-actions>:nth-child(5))>.task-actions{margin-left:0;justify-content:flex-start}
#appointments>.heading .task-actions>button:not(.primary){font-size:14px}
.reception-overview{margin-top:14px}
@media(max-width:1100px){.rc-card{grid-template-columns:34px minmax(0,1fr) 100px}.rc-actions{grid-column:2/4;flex-direction:row;flex-wrap:wrap;padding-top:0}.ag-row{grid-template-columns:64px minmax(0,1fr) auto}.ag-row-owner{grid-column:2;grid-row:2}.ag-row>.rc-pill{grid-column:3;grid-row:1/span 2}}
@media(max-width:760px){
 #appointments .status-filters{gap:6px}
 #appointments .status-filters>.segment-label{display:none}
 #appointments .status-filters .segments{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b59562 #f7f4ed}
 #appointments .status-filters .segments>button{flex:0 0 auto;min-height:44px}
 #appointments .unit-switch{flex:1 1 100%;flex-wrap:wrap;gap:6px}
 #appointments .unit-switch>small{flex-basis:100%}
 #appointments .unit-switch .segments{display:flex;width:100%;flex-wrap:nowrap;overflow-x:auto}
 #appointments .unit-switch .segments>button,#appointments .agenda-nav .segments>button{flex:1 0 auto;min-height:44px;padding:9px 10px}
 #appointments .agenda-nav .segments{display:flex;width:100%}
 .period-nav{width:100%;justify-content:space-between}
 .period-nav>span{flex:1;text-align:center}
 .reception-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
 #appointments .reception-summary button{justify-content:space-between;margin:0;padding:4px 6px}
 .rc-card{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px}
 .rc-avatar{display:none}
 .rc-copy{grid-column:1;grid-row:1}
 .rc-date{grid-column:2;grid-row:1;max-width:84px;font-size:13px;text-align:right}
 .rc-card .rc-name{min-height:44px}
 .rc-actions{grid-column:1/-1;grid-row:2;flex-direction:row;padding-top:8px;border-top:1px solid var(--line)}
 .rc-actions .rc-open{flex:1;font-size:14px}
 .programme{padding:18px 14px}
 .ag-row{grid-template-columns:52px minmax(0,1fr);gap:6px 12px;padding:18px 0}
 .ag-row-owner{grid-column:2;grid-row:2}
 .ag-row>.rc-pill{grid-column:2;grid-row:3;justify-self:start}
 .ag-row .name{min-height:44px}
 .tl-table,.tl-table tbody{display:block;width:100%;min-width:0}
 .tl-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .tl-table tr.tl-row{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);gap:10px;padding:16px 12px;border-bottom:1px solid var(--line)}
 .tl-table tr.tl-row:last-child{border-bottom:0}
 .tl-table td,.tl-table td.tl-owner,.tl-table td.tl-situation{display:block;min-width:0;padding:0;border:0}
 .tl-row .tl-check{grid-row:1;grid-column:1}
 .tl-row .tl-task{grid-column:2/4}
 .tl-row .tl-owner,.tl-row .tl-situation{grid-column:2}
 .tl-row .tl-deadline,.tl-row .tl-last{grid-column:3}
 .tl-row .tl-owner::before,.tl-row .tl-deadline::before{content:attr(data-label);display:block;margin-bottom:3px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
 .tl-deadline strong{padding-top:0}
 .tl-mark{margin-top:11px}
 .tl-detail-button{padding:6px 0;font-size:14px}
}

/* C-17: painéis de Excluir, Editar, Não fechou e Reabrir no atendimento */
.lifecycle-box{border:1px solid #e3d9c9;border-radius:8px;padding:10px 12px;margin:8px 0}.lifecycle-box fieldset{border:0;padding:0;margin:0 0 8px}.lifecycle-box .inline-check{margin:6px 0}.lifecycle-box .inline-check input[type=radio]{width:auto;margin:0}button.danger{color:#8a1c1c;border-color:#d9a3a3}