:root{--ink:#33251c;--orange:#b64709;--gold:#ffcc43;--paper:#fffaf2;--line:#eadaca;--muted:#726051}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px system-ui,-apple-system,sans-serif}main{max-width:1160px;margin:auto;padding:24px}header{background:#292624;border-bottom:6px solid var(--orange);color:white;border-radius:18px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 8px 24px #45270a10}.brand-label{font:italic 21px Georgia,serif;color:var(--gold)}h1{font:italic bold 30px Georgia,serif;color:var(--gold);margin:5px 0 8px}.brand small{color:#eddfcd}h2{margin:0 0 16px;font-size:25px}h3{font-size:19px}small{color:var(--muted);display:block;line-height:1.5}section{padding:26px;border:1px solid var(--line);border-radius:18px;background:white;margin:22px 0;box-shadow:0 4px 16px #45270a06}.toolbar,.sale-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.toolbar{flex-wrap:wrap}.sale-heading small{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--orange)}.sale-heading h2{margin:4px 0}button,input,select,textarea{font:inherit;border-radius:11px;border:1px solid #ba9d84;padding:12px}button{background:var(--orange);color:white;cursor:pointer;margin:5px 5px 5px 0;min-height:48px;font-weight:650}button:hover{background:#8e3505}button.secondary{background:white;color:#843207;border-color:#d4b99f}button.secondary:hover{background:#fff4e3}button.danger{background:white;color:#a12b21;border-color:#e0b2a7}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c37900;outline-offset:3px}button[aria-pressed=true]{background:#362720;color:#ffe596;border-color:#362720}input,select,textarea{width:100%;margin-top:6px;background:white;color:var(--ink)}input[type=checkbox]{width:auto;accent-color:var(--orange);min-width:22px;min-height:22px}label{display:block;font-weight:600;margin:14px 0}nav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}nav button{background:#fff;color:#654225;border-color:var(--line)}nav button[aria-pressed=true]{background:var(--orange);color:white}.row{display:flex;gap:18px}.row>*{flex:1;min-width:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px}.card{background:#fffdf8;border:1px solid var(--line);border-radius:14px;padding:20px}.card h3{margin:0 0 10px}.card>button{width:100%;margin:8px 0 0}.pill,.badge{display:inline-block;border-radius:20px;padding:6px 12px;background:#fff0c6;color:#674210;font-size:13px;margin:3px 4px 5px 0}.badge.closed{background:#eae6df;color:#4b4035}.badge.paid{background:#e0efdd;color:#285b26}.badge.open{background:#fff0ce;color:#735515}.summary{background:#fff4dc;padding:16px;border-left:4px solid #e89c15;border-radius:10px;line-height:1.6}.error{color:#a12b21}#notice{min-height:20px;font-weight:600;color:#754315}#clientContext{padding:18px 0}#clientContext h2{margin:12px 0 5px}#clientContext p{margin:7px 0 12px}.primary-sale{font-size:20px;padding:15px 22px}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left}th{font-size:14px;color:var(--muted);background:#fffaf2}td button{padding:9px;font-size:14px}.login{max-width:480px;margin:44px auto;border-top:5px solid var(--gold)}canvas{width:100%;height:215px;display:block;border:2px solid #bf9f80;border-radius:12px;touch-action:none;background:white}.basket-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.quantity{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quantity input{width:80px;text-align:center;margin:0}.quantity button{font-size:17px;min-width:48px}.categories{display:flex;flex-wrap:wrap;gap:5px}.categories button{background:white;color:#714416;border-color:var(--line)}.categories button[aria-pressed=true]{background:#fff0c6;color:#59330c;border-color:#c98627}.product-choice{text-align:left;background:#fff8e9;color:#4b2c15;border-color:#e6caa0;padding:18px;width:100%;min-height:96px}.product-choice:hover{background:#ffe9bf}.product-choice strong{display:block}.product-choice small{color:#775a40;margin-top:8px}.meal-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.meal-choice{background:#fff4dc;color:#714315;border-color:#e5c593;padding:17px 10px;margin:0;font-size:18px}.inactive{opacity:.65}dialog{border:1px solid var(--line);border-top:5px solid var(--orange);border-radius:18px;width:min(620px,95vw);max-height:90vh;padding:26px;color:var(--ink);background:white}dialog::backdrop{background:#2c211ba6}[hidden]{display:none!important}@media(max-width:650px){main{padding:12px}header{display:block;padding:20px}h1{font-size:26px}#identity{margin-top:15px}section{padding:18px}.row{display:block}.toolbar{align-items:flex-start}nav button{flex:1}.basket-row{display:block}.quantity{margin-top:12px}.grid{grid-template-columns:1fr}.meal-buttons{grid-template-columns:repeat(2,1fr)}.meal-choice{font-size:17px}.login{margin:26px auto}#clientContext>button{width:100%}.sale-heading{align-items:flex-start}}

@media(max-width:600px){#overview table{font-size:13px}#overview th,#overview td{padding:8px}#overviewDays td:first-child{white-space:nowrap}}

.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:12px}.calendar-toolbar h3{text-transform:capitalize;margin:0}.calendar-toolbar button{min-width:48px;font-size:26px}.calendar-weekdays,.sales-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekdays span{text-align:center;font-weight:700;color:var(--muted);padding:10px 0}.calendar-day,.calendar-blank{min-height:145px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#faf8f5}.calendar-blank{border-color:transparent;background:transparent}.calendar-day time{display:block;font-weight:750;font-size:19px;margin-bottom:9px}.calendar-day strong{display:block;font-size:16px;color:#823309;overflow-wrap:anywhere}.calendar-day small{font-size:12px;margin-top:4px}.calendar-day.has-sales{background:#fff2d9;border-color:#e4bd82}.calendar-day.is-today{box-shadow:inset 0 0 0 2px var(--orange)}.calendar-review{color:#a12b21;font-weight:650}.calendar-scroll{overflow-x:auto;padding:3px}.muted{color:var(--muted);line-height:1.5}@media(max-width:700px){.calendar-weekdays,.sales-calendar{min-width:630px;gap:6px}.calendar-day,.calendar-blank{padding:9px;min-height:135px}.calendar-toolbar h3{font-size:18px}.calendar-scroll{border-radius:12px}#calendarHint:after{content:' Deslize o calendário para os lados para ver a semana inteira.'}}
@media(max-width:700px){.calendar-day strong{font-size:13px;white-space:nowrap;overflow-wrap:normal}}

.overview-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:end;margin:16px 0 24px;padding:18px;background:#fff9ef;border:1px solid var(--line);border-radius:16px}.overview-filters label{margin:0 0 8px;font-size:14px;color:var(--muted)}.overview-filters select,.month-trigger{height:52px;margin:0;width:100%;background:white}.month-trigger{display:flex;align-items:center;justify-content:space-between;text-align:left;text-transform:capitalize;font-weight:600;gap:8px}.month-trigger>span:last-child{font-size:24px;color:var(--orange)}.month-picker-heading,.month-picker-year{display:flex;align-items:center;justify-content:space-between;gap:12px}.month-picker-heading h2{margin:0}.month-picker-heading button{font-size:24px}.month-picker-year{margin:16px 0}.month-picker-year strong{font-size:24px}.month-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.month-picker-grid button{margin:0;text-transform:capitalize;padding:18px 8px}.month-picker-grid button[aria-pressed=true]{background:var(--orange);color:white;border-color:var(--orange)}#monthPicker{max-width:420px}.calendar-scroll{background:#fffaf3;border:1px solid var(--line);border-radius:18px;padding:14px}.calendar-weekdays span{font-size:13px;text-transform:uppercase;letter-spacing:.06em}.calendar-day{min-height:150px;background:white;border-color:#eee5da;box-shadow:0 2px 5px #45270a04}.calendar-day time{display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:16px;border-radius:50%;color:#77614e;margin-bottom:12px}.calendar-day.has-sales{background:white;border-top:3px solid #e7a533}.calendar-day.has-sales time{background:#fff0cb;color:#703a10}.calendar-day strong{font-size:18px;color:#73330e;margin-bottom:8px}.calendar-day.is-today time{background:var(--orange);color:white}.calendar-review{background:#fff0e7;border-radius:6px;padding:4px}.calendar-blank{min-height:150px}.calendar-toolbar{padding:12px 0}.calendar-toolbar button{border-radius:50%;width:48px}.calendar-toolbar h3{font-size:23px}#overviewSummary .card{border-top:3px solid #e7a533;background:white}#overviewSummary .card h2{margin:8px 0 0}#overviewNotice{font-size:14px}#overviewSummary{margin-bottom:20px}@media(max-width:700px){.overview-filters{gap:10px;padding:12px}.overview-filters select,.month-trigger{font-size:13px;padding:10px;height:52px}.month-trigger>span:last-child{font-size:18px}.calendar-scroll{padding:8px}.calendar-day strong{font-size:13px;white-space:nowrap}.calendar-day,.calendar-blank{min-height:145px}.calendar-toolbar h3{font-size:18px}#overviewSummary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#overviewSummary .card{padding:14px}#overviewSummary .card h2{font-size:21px}.calendar-weekdays span{font-size:12px}}

/* Telas compactas, priorizando celular e alvos de toque de 44 px. */
body{font-size:15px}main{padding:16px}section{padding:18px;margin:14px 0}header{padding:16px 20px;border-radius:14px;border-bottom-width:4px}.brand-label{font-size:17px}h1{font-size:25px;margin:3px 0 5px}.brand small{font-size:12px}h2{font-size:22px;margin-bottom:12px}h3{font-size:17px}button,input,select,textarea{padding:10px;font-size:15px}button{min-height:44px;margin:3px 4px 3px 0}label{margin:10px 0}nav{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:3px 0;margin:8px 0;scrollbar-width:thin}nav button{flex:0 0 auto;white-space:nowrap;padding:9px 12px}.card{padding:14px;border-radius:12px}.summary{padding:11px;font-size:13px;line-height:1.5}th,td{padding:10px}small{font-size:12px}.client-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.month-shortcuts{display:flex;gap:6px}.month-shortcuts button{font-size:13px;padding:7px 12px;min-height:40px}#clientCount{font-size:12px;color:var(--muted);margin:10px 0}.client-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.client-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fffdf8}.client-row>div{min-width:0}.client-row h3{margin:0 0 4px;font-size:16px;overflow-wrap:anywhere}.client-row button{flex-shrink:0;margin:0;padding:10px 12px}.empty-state{border:1px dashed var(--line);border-radius:12px;padding:18px;color:var(--muted);line-height:1.5}.client-admin-actions{display:flex;gap:8px;justify-content:flex-end;margin:8px 0}.client-admin-actions button{font-size:13px}.client-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.client-actions button{margin:0;font-size:13px;padding:10px;min-height:44px}.client-actions .primary-sale{grid-column:1/-1;font-size:17px}#clientContext{padding:10px 0}#clientContext h2{font-size:21px;margin:8px 0 4px}#clientContext p{font-size:13px;margin:4px 0}.product-choice{min-height:76px;padding:12px}.meal-buttons{gap:7px;margin:12px 0}.meal-choice{padding:12px 6px;font-size:15px}.basket-row{padding:10px 0}.quantity{gap:6px}.quantity button{min-width:44px}.grid{gap:10px}canvas{height:170px}.login{margin:24px auto}dialog{padding:18px}#clientPickerList{max-height:50vh;overflow-y:auto;margin:12px 0}#clientPickerList .client-row h3{font-size:15px}#statementTotals{grid-template-columns:repeat(3,minmax(0,1fr))}#statementTotals .card h2{font-size:21px;margin:6px 0}#statementTotals .card{padding:12px}
@media(max-width:650px){main{padding:10px}header{padding:14px;position:relative}.brand-label{font-size:15px}h1{font-size:21px;max-width:260px}.brand small{font-size:11px}#identity{margin-top:9px;display:flex;justify-content:space-between;align-items:center;gap:8px}#identity .pill{font-size:11px;padding:5px 8px;margin:0}#identity button{font-size:12px;min-height:38px;padding:7px 12px;margin:0}section{padding:14px;margin:12px 0}nav button{flex:0 0 auto;font-size:13px}h2{font-size:21px}.row{display:flex;gap:10px}.row>label{font-size:13px}.row input,.row select{font-size:13px}.client-filters{gap:10px}.client-filters label{font-size:13px}.client-filters input{font-size:13px}.toolbar{align-items:center;gap:8px}.toolbar button{font-size:13px}.client-row{padding:10px}.client-row button{font-size:13px}.client-admin-actions{justify-content:flex-start}.grid#productChoices{grid-template-columns:repeat(2,minmax(0,1fr))}.product-choice{font-size:14px;min-height:74px}.product-choice small{font-size:11px;margin-top:4px}.meal-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.meal-choice{font-size:13px}.sale-heading h2{font-size:21px}.sale-heading small{font-size:10px}.sale-heading .pill{font-size:12px;padding:6px 9px}.row #consumer{font-size:12px}#statementTotals .card{padding:10px}#statementTotals .card h2{font-size:18px}#statementTotals .card small{font-size:11px}#clientContext>button{width:auto}#backClients{font-size:13px}#overview .overview-filters{margin:12px 0;padding:10px}#overviewSummary .card{padding:12px}#overviewSummary .card h2{font-size:20px}#calendarHint{font-size:12px}.calendar-toolbar{margin-top:14px;padding:6px 0}.calendar-day,.calendar-blank{min-height:125px}.calendar-day time{margin-bottom:7px}#statementRows button{font-size:12px;white-space:nowrap}.login{margin:20px auto}}

#notice:empty{display:none}#clientOptions{margin:8px 0;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:white}#clientOptions summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px;font-weight:650;color:var(--muted)}#clientOptions .client-admin-actions{margin:0 0 7px}#clientOptions .client-actions{margin-bottom:10px}@media(max-width:650px){header .brand-label,header .brand small{display:none}header h1{font-size:20px;max-width:none;margin:0;line-height:1.2}header{padding:12px 14px}#identity{margin-top:8px}#identity button{min-height:44px}.client-actions .primary-sale{font-size:16px}}

/* Status do cliente na competência consultada; texto mantém contraste. */
.client-row .client-status{display:inline-block;padding:4px 8px;border-radius:8px;overflow-wrap:anywhere}
.client-row .client-status-open{background:#fee2e2;color:#991b1b}
.client-row .client-status-closed{background:#dcfce7;color:#166534}
.client-row .client-status-inactive{background:#f1f5f9;color:#475569}

/* O cartão inteiro abre o cliente, com interação nativa por toque/teclado. */
button.client-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;width:100%;min-width:0;min-height:88px;margin:0;text-align:left;color:var(--ink);font-weight:400;background:#fffdf8}
button.client-row:hover{background:#fff4e3;border-color:#c49e78}
.client-card-name{font-size:16px;font-weight:700;line-height:1.3;overflow-wrap:anywhere;max-width:100%}
.client-list>.empty-state{grid-column:1/-1}
#clientPickerList .client-card-name{font-size:15px}

/* Domingo e sábado discretos; posições incluem as células vazias do mês. */
.calendar-weekdays>span:first-child,.sales-calendar>:nth-child(7n+1){background:#faf2f2;border-color:#eee3e3}
.calendar-weekdays>span:last-child,.sales-calendar>:nth-child(7n){background:#f1f6fa;border-color:#e1eaf1}
.calendar-weekdays>span:first-child,.calendar-weekdays>span:last-child{border-radius:9px;color:#726b68}
.sales-calendar>.calendar-day.has-sales:nth-child(7n+1){border-top-color:#dfcccc}
.sales-calendar>.calendar-day.has-sales:nth-child(7n){border-top-color:#cadbe7}
.sales-calendar>.calendar-day:not(.is-today):nth-child(7n+1) time{background:#f4e7e7;color:#786262}
.sales-calendar>.calendar-day:not(.is-today):nth-child(7n) time{background:#e7eff5;color:#617586}

.client-entry-actions{display:flex;flex-wrap:wrap;gap:6px}#counterDialog{width:min(620px,calc(100% - 20px))}#counterFields{border:0;padding:0;min-width:0}.counter-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;margin:10px 0}.counter-line>label:first-child{grid-column:1/-1}.counter-line label{min-width:0;margin:0;font-size:13px}.counter-line button{font-size:12px}.counter-line input,.counter-line select{font-size:14px}#counterHistory .card{margin-top:10px}#counterHistory .card p{font-size:13px;margin:6px 0}

/* Ações do cliente: duas colunas com dimensões e aparência uniformes. */
#clientOptions .client-admin-actions,#clientOptions .client-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 8px}
#clientOptions button{width:100%;min-width:0;height:56px;margin:0;padding:8px;font-size:13px;font-weight:650;line-height:1.3;border-radius:10px;background:white;color:#843207;border:1px solid #d4b99f;white-space:normal}
#clientOptions button:hover{background:#fff4e3}
#clientOptions button.danger{color:#a12b21;border-color:#e0b2a7}

.client-title-row{display:flex;align-items:center;gap:10px;justify-content:space-between;position:relative}.client-title-row #clientName{min-width:0;overflow-wrap:anywhere}
.client-title-row #clientOptions{flex:0 0 auto;position:static;margin:0;padding:0;border:0;background:transparent}
.client-title-row #clientOptions summary{display:flex;align-items:center;justify-content:center;list-style:none;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:10px;background:white;color:var(--orange);font-size:28px;line-height:1}
.client-title-row #clientOptions summary::-webkit-details-marker{display:none}.client-title-row #clientOptions summary:hover{background:#fff4e3}.client-title-row #clientOptions summary:focus-visible{outline:3px solid #c37900;outline-offset:3px}
.client-options-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:min(350px,100%);padding:12px 12px 4px;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 8px 24px #45270a25}

#register .meal-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 16px}.quick-meal{min-width:0;border:1px solid var(--line);border-radius:12px;background:#fffaf2;padding:10px;text-align:center}.quick-meal>strong{display:block;font-size:15px;min-height:36px}.quick-meal>small{min-height:30px;font-size:11px;overflow-wrap:anywhere}.quick-meal select{font-size:12px;padding:6px;min-height:36px;margin:4px 0}.quick-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:3px;margin-top:8px}.quick-controls button{width:100%;min-width:0;min-height:44px;margin:0;padding:0;font-size:22px}.quick-controls input{width:100%;min-width:0;min-height:44px;padding:2px;margin:0;text-align:center;font-size:17px;font-weight:700;appearance:textfield}.quick-controls input::-webkit-inner-spin-button{appearance:none}#register #productChoices{display:flex;flex-direction:column;gap:6px}#register .product-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:52px;padding:10px 12px;margin:0;text-align:left}#register .product-choice strong{grid-column:1;font-size:14px}#register .product-choice small{grid-column:1;font-size:11px}.extra-count{grid-column:2;grid-row:1/3;align-self:center;font-size:13px}.register-help{font-size:13px;margin:8px 0}.extras-title{margin:12px 0 6px}.sale-details{border-top:1px solid var(--line);margin:12px 0;padding-top:8px}.sale-details summary{cursor:pointer;font-size:13px;min-height:44px;padding:10px 0}#register .sale-heading{display:none}#register .categories{margin:4px 0}#register .toolbar p{font-size:12px;margin:4px 0}#register #save{width:100%;font-size:16px}#register #signaturePanel canvas{height:140px}#register #refreshCatalog{font-size:12px}#clientContext .client-actions{margin-bottom:4px}@media(max-width:650px){.quick-meal{padding:6px}.quick-meal>strong{font-size:13px}.quick-controls{gap:2px}.quick-meal select{font-size:11px;padding:4px}.quick-controls input{font-size:16px}}
/* Produtos: alternância apenas entre linhas ativas visíveis; inativos em vermelho suave. */
#productsTable tbody tr[data-active="1"]:nth-child(odd of tr[data-active="1"]:not([hidden])){background:#fff}
#productsTable tbody tr[data-active="1"]:nth-child(even of tr[data-active="1"]:not([hidden])){background:#f1f2f4}
#productsTable tbody tr[data-active="0"]{background:#fff0f0}
/* Clientes: mês e busca com rótulos e controles alinhados. */
.client-filters{align-items:start}
.client-filters>div,.client-filters>label{min-width:0;margin:10px 0}
.client-filters>div>label{margin:0 0 6px}
.client-filters>label{display:grid;grid-template-rows:auto 52px;gap:6px}
.client-filters #clientSearch,.client-filters #listMonthButton{width:100%;height:52px;margin:0;padding:10px;font-size:inherit}
.toast-notification{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 24px);z-index:1000;padding:14px 18px;border:1px solid #e2c58f;border-radius:12px;background:#fff5dd;color:#674210;box-shadow:0 6px 24px #0002;font-weight:600;overflow-wrap:anywhere;pointer-events:none}.toast-notification.success{background:#e6f4e8;border-color:#a6cdae;color:#23582b}.toast-notification.error{background:#fff0f0;border-color:#e8b7b7;color:#922d2d}
.daily-history th,.daily-history td{vertical-align:top;min-width:110px}.daily-history td>div{margin:3px 0}.daily-history tbody tr:nth-child(even),#reportBody tr:nth-child(even){background:#f1f2f4}#reportBody td{vertical-align:top}#reportBody td>div{margin:3px 0}
/* Histórico diário: títulos, quantidades e descrições das quatro categorias centralizados. */
.daily-history th:nth-child(n+2):nth-child(-n+5),.daily-history td:nth-child(n+2):nth-child(-n+5),#reportHead th:nth-child(n+2):nth-child(-n+5),#reportBody td:nth-child(n+2):nth-child(-n+5){text-align:center}
/* Cabeçalho do cliente no mesmo bloco visual dos painéis de histórico. */
#clientContext{padding:18px;margin:14px 0;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 4px 16px #45270a06}
@media(max-width:650px){#clientContext{padding:14px;margin:12px 0}}
.history-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;margin:12px 0}.history-filters label{margin:0 0 6px}.history-filters>label{display:grid;grid-template-rows:auto 52px;gap:6px;margin:0}.history-filters select,.history-filters .month-trigger{width:100%;height:52px;margin:0;padding:10px;font-size:inherit}.history-filters>div{min-width:0}@media(max-width:650px){.history-filters{gap:10px;font-size:13px}}
/* Nome centralizado com espaço simétrico reservado para Opções. */
.client-title-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}
.client-title-row #clientName{grid-column:2;text-align:center;width:100%}
.client-title-row #clientOptions{grid-column:3;grid-row:1}
/* Itens extras em duas colunas, incluindo telas de celular. */
#register #productChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#register .product-choice{min-width:0;overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);padding:10px}
#register .extra-count{grid-column:1;grid-row:auto;justify-self:start;margin-top:4px}
#clientContext #clientStatus{text-align:center;width:fit-content;max-width:100%;margin:8px auto 12px;padding:7px 12px;border-radius:10px;font-size:13px;font-weight:600;overflow-wrap:anywhere}
#clientStatus.client-rule-ok{background:#e6f4e8;color:#23582b;border:1px solid #badbc0}
#clientStatus.client-rule-pending{background:#fff3ce;color:#765400;border:1px solid #e8d28c}
.counter-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 10px}.counter-products button{margin:0;min-width:0;min-height:48px;padding:7px;font-size:12px;overflow-wrap:anywhere;line-height:1.25}.counter-products button small{font-size:11px;margin-top:3px}#counterDialog h3{font-size:15px;margin:10px 0}#counterAdd{font-size:13px}#counterFields{min-width:0}@media(max-width:400px){.counter-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sheet-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fffdf8;margin:10px 0}.sheet-card>p{margin:8px 0}.sheet-actions{display:flex;gap:6px;flex-wrap:wrap}.sheet-actions button{font-size:13px;padding:9px;margin:0;min-height:44px}#clientSheets{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.client-status-filter{max-width:280px;font-size:13px}.client-status-paid{background:#e6f4e8;color:#23582b}.client-row .client-status-closed{background:#fff3ce;color:#765400}.client-row .client-status-paid{background:#e6f4e8;color:#23582b}
.client-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
.client-filters .client-status-filter{max-width:none;font-size:inherit}
.client-filters #listStatus{height:52px;width:100%;margin:0;padding:10px;font-size:inherit}
@media(max-width:650px){.client-filters{gap:6px}.client-filters #clientSearch,.client-filters #listMonthButton,.client-filters #listStatus{font-size:12px;padding:7px}.client-filters .month-trigger>span:first-child{min-width:0;overflow-wrap:anywhere}.client-filters .month-trigger>span:last-child{font-size:16px}}
@media(max-width:650px){.client-filters .client-status-filter{font-size:13px}}
.audit-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.audit-filters label{min-width:0;font-size:13px}.audit-filters input,.audit-filters select{font-size:13px;height:44px}#logs td{vertical-align:top}#logs td:last-child{min-width:220px;max-width:500px;overflow-wrap:anywhere}#logs details{margin-top:8px}#logs summary{cursor:pointer;color:var(--orange);padding:8px 0}#logs details table{font-size:12px}#logs details td{min-width:100px!important;white-space:pre-wrap}#logs th{white-space:nowrap}@media(max-width:650px){.audit-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#logs>p{font-size:13px}#logs td{font-size:13px}}
body{padding-bottom:100px}.developer-footer{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffaf2f5;box-shadow:0 -2px 12px #00000008;font-size:12px;color:var(--muted)}.developer-footer a{color:#843207;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}.developer-footer a:hover{text-decoration:underline}.developer-footer a:focus-visible{outline:3px solid #c37900;outline-offset:3px;border-radius:4px}.developer-footer>span>a{font-weight:700}.developer-footer nav{display:flex;gap:14px;margin:0;padding:0;overflow:visible;flex-wrap:wrap;justify-content:center}@media(max-width:650px){.developer-footer{gap:0;padding:6px 10px calc(6px + env(safe-area-inset-bottom));font-size:11px}.developer-footer>span{width:100%;text-align:center}.developer-footer nav{gap:12px}.developer-footer a{min-height:32px}}