/* /hub-comercial.css */
.hc{max-width:1280px;margin:0 auto;padding:24px;color:var(--label,#323200)}.hc-header,.hc-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hc-header{justify-content:space-between;margin-bottom:22px}.hc h2{font-size:var(--f-title1,1.75rem);letter-spacing:-.03em;margin:0}.hc h3{font-size:calc(1.1875rem * var(--dt));margin:0 0 18px}.hc-eyebrow{color:var(--label2,#6B5A4C);font-size:calc(0.8125rem * var(--dt));margin:0 0 5px}.hc-card{background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;padding:22px;margin:18px 0}.hc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hc-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:calc(0.875rem * var(--dt));font-weight:600}.hc-field input,.hc-field select,.hc-field textarea{font:inherit;font-weight:400;color:var(--label,#323200);background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:10px;padding:11px;min-height:44px;width:100%;box-sizing:border-box}.hc-field:has(input[type=hidden]){display:none}.hc-field textarea{min-height:96px;resize:vertical}.hc-check{display:flex;align-items:center;gap:9px;min-height:44px}.hc-check input{width:20px;height:20px;accent-color:var(--acao,#1F5FD0)}.hc-wide,.hc-grid>.hc-note{grid-column:1/-1}.hc-actions{margin-top:16px}.hc-header .hc-actions{margin-top:0}.hc-note{font-size:calc(0.875rem * var(--dt));color:var(--label2,#6B5A4C);line-height:1.6}.hc-table{overflow:auto;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:14px;margin:18px 0}.hc-table table{border-collapse:collapse;width:100%;font-size:calc(0.875rem * var(--dt))}.hc-table th,.hc-table td{padding:14px;text-align:left;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));white-space:nowrap}.hc-table th{color:var(--label2,#6B5A4C);font-weight:600}.hc-table tr:last-child td{border-bottom:0}.hc-error{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}.hc-ok{color:var(--d-verdeagua-t,#006F5D)}.hc-feedback{font-size:calc(0.875rem * var(--dt));max-width:680px}.hc-inbox{display:grid;grid-template-columns:minmax(230px,1fr) 2fr;gap:20px}.hc-inbox>div:first-child button{display:block;width:100%;text-align:left;margin:8px 0}.hc-message{background:var(--surface,#FFFFFF);border-radius:13px;padding:12px;margin:12px 36px 12px 0;overflow-wrap:anywhere}.hc-message.out{margin:12px 0 12px 36px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hc-message p{white-space:pre-wrap;margin:0 0 8px}.hc-message small{color:var(--label2,#6B5A4C)}.hc-messages{max-height:480px;overflow:auto}.hc-steps{list-style:none;padding:0}.hc-steps li{margin:14px 0}.hc-status{display:inline-block;min-width:80px;font-size:max(0.6875rem,calc(0.75rem * var(--dt)));background:var(--surface,#FFFFFF);border-radius:8px;padding:5px 8px;margin-right:10px}.hc-status.done{color:var(--d-verdeagua-t,#006F5D)}.hc details summary{cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center}.hc details summary span{color:var(--label2,#6B5A4C);font-size:calc(0.875rem * var(--dt))}.hc details form{border:0;background:none;margin:18px 0 0;padding:0}.hc-dialog{color:var(--label,#323200);background:var(--page,#F7F5F1);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:24px;width:min(1180px,94vw);max-height:92vh;padding:0}.hc-dialog::backdrop{background:color-mix(in srgb,var(--label,#323200) 45%,transparent);backdrop-filter:blur(5px)}.hc-dialog-top{position:sticky;top:0;z-index:2;background:var(--page,#F7F5F1);padding:12px 20px;display:flex;justify-content:flex-end}.hc .btn:focus-visible,.hc-field input:focus-visible,.hc-field select:focus-visible,.hc-field textarea:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}@media(max-width:700px){.hc{padding:16px}.hc-grid,.hc-inbox{grid-template-columns:1fr}.hc-card{padding:16px}.hc h2{font-size:calc(1.5625rem * var(--dt))}.hc-header{align-items:flex-start}.hc-header .hc-actions{width:100%}.hc-header .hc-field{flex:1}.hc details summary{align-items:flex-start;flex-direction:column}.hc-dialog{width:96vw}.hc-table th,.hc-table td{padding:10px}}

body.role-gerente:not(.conta-pessoal) .gestor-delegavel{display:none}
.hc-onboarding{max-width:1040px}.hc-onboarding .btn{min-height:44px;white-space:normal}.hc-onboarding-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px);gap:24px;align-items:center}.hc-onboarding-overview h3{font-size:calc(1.75rem * var(--dt));letter-spacing:-.025em;margin-bottom:12px}.hc-onboarding-overview .hc-note{margin-bottom:0}.hc-onboarding-progress{display:flex;flex-direction:column;gap:8px;font-size:calc(0.8125rem * var(--dt));color:var(--label2,#6B5A4C)}.hc-onboarding-progress strong{font-size:calc(2rem * var(--dt));color:var(--label,#323200);letter-spacing:-.025em}.hc-onboarding-progress strong span{font-size:calc(1rem * var(--dt));font-weight:400;color:var(--label2,#6B5A4C)}.hc-onboarding-progress progress{width:100%;height:8px;border:0;border-radius:8px;accent-color:var(--verde,#11994A);overflow:hidden}.hc-onboarding-progress progress::-webkit-progress-bar{background:var(--surface,#FFFFFF);border-radius:8px}.hc-onboarding-progress progress::-webkit-progress-value{background:var(--verde,#11994A);border-radius:8px}.hc-onboarding-progress progress::-moz-progress-bar{background:var(--verde,#11994A);border-radius:8px}.hc-onboarding-next{border-color:var(--verde,#11994A);padding:28px}.hc-onboarding-next h3{margin:12px 0}.hc-onboarding-next [data-ob-primary]{background:color-mix(in srgb,var(--verde,#11994A) 80%,var(--label,#323200));color:var(--acao-txt,#FFFFFF)}.hc-onboarding-instructions{padding-left:24px;margin:18px 0;font-size:calc(0.9375rem * var(--dt));line-height:1.6}.hc-onboarding-instructions li{padding:4px 0 4px 5px}.hc-onboarding-evidence{border-left:3px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-left:15px;margin:20px 0}.hc .hc-onboarding-evidence>summary{font-size:calc(0.8125rem * var(--dt));min-height:44px;font-weight:600}.hc-onboarding-evidence .hc-note{margin:5px 0}.hc-onboarding-list{margin:32px 0}.hc-onboarding-step{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding:0}.hc-onboarding-step:last-child{border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hc .hc-onboarding-step>summary{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:72px;padding:14px 4px;list-style:none}.hc-onboarding-step>summary::-webkit-details-marker{display:none}.hc .hc-onboarding-number{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface,#FFFFFF);color:var(--label,#323200);font-size:calc(0.875rem * var(--dt))}.hc-onboarding-step-title{display:flex;flex-direction:column;gap:6px;min-width:0}.hc .hc-onboarding-step-title b{font-size:calc(1rem * var(--dt));color:var(--label,#323200);font-weight:600}.hc .hc-onboarding-step-title>span{font-size:calc(0.8125rem * var(--dt));line-height:1.5;overflow-wrap:anywhere}.hc .hc-onboarding-step .hc-status{margin:0;min-width:0}.hc-onboarding-step-body{padding:0 4px 20px 50px}.hc-onboarding-step summary:focus-visible,.hc-onboarding-optional>summary:focus-visible,.hc-onboarding-context>summary:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:4px;border-radius:10px}.hc-onboarding-optional>summary{min-height:44px}.hc-onboarding-updated{font-size:var(--f-caption1)}.hc-onboarding-context{max-width:1040px}.hc-onboarding-context>summary{min-height:44px}@media(max-width:600px){.hc-onboarding-overview{grid-template-columns:1fr;gap:20px}.hc-onboarding-overview h3{font-size:calc(1.5625rem * var(--dt))}.hc-onboarding-progress{max-width:none;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:6px 12px}.hc-onboarding-progress progress{grid-column:1/-1}.hc-onboarding-next{padding:20px}.hc-onboarding .hc-actions>.btn{flex:1 1 100%}.hc .hc-onboarding-step>summary{grid-template-columns:30px minmax(0,1fr);gap:10px}.hc .hc-onboarding-step .hc-status{grid-column:2;justify-self:start}.hc-onboarding-step-body{padding-left:8px}.hc-onboarding-step-title>span{font-size:calc(0.8125rem * var(--dt))}}@media(prefers-reduced-motion:reduce){.hc-onboarding *{scroll-behavior:auto!important;transition:none!important}}
.hc-import-row{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:12px;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hc-import-row legend{font-weight:650;padding:0 8px}.hc-import-row .hc-note{grid-column:1/-1}@media(max-width:700px){.hc-import-row{grid-template-columns:1fr}}

.hc-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.hc-photo{width:100%;max-height:300px;object-fit:contain;background:var(--surface,#FFFFFF);border-radius:14px}.hc-photo-grid .hc-card{margin:0}.hc-dialog .hc-body{overflow-wrap:anywhere}

.logo-editor{max-width:1000px;padding:24px}.logo-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.logo-head h2{margin:0}.logo-head>.btn{width:44px;height:44px;min-width:44px;padding:0;display:grid;place-items:center;border-radius:50%}.logo-head>.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.logo-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.logo-comparison h3{font-size:calc(1.0625rem * var(--dt));margin:0 0 10px}.logo-checker{min-height:180px;height:clamp(180px,35vh,350px);display:flex;align-items:center;justify-content:center;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;overflow:hidden;background-color:var(--surface,#FFFFFF);background-image:linear-gradient(45deg,var(--label3,#9C8D80) 25%,transparent 25%),linear-gradient(-45deg,var(--label3,#9C8D80) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--label3,#9C8D80) 75%),linear-gradient(-45deg,transparent 75%,var(--label3,#9C8D80) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.logo-checker img,.logo-checker canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.logo-checker canvas{touch-action:none;cursor:crosshair;outline-offset:-4px}.logo-tools{gap:8px}.logo-tools [aria-pressed=true]{background:color-mix(in srgb,var(--verde,#11994A) 80%,var(--label,#323200));color:var(--acao-txt,#FFFFFF)}.logo-controls{margin-top:18px}.logo-controls input[type=range]{padding:0;accent-color:var(--verde,#11994A)}.logo-final{max-width:300px;height:240px;margin:0 auto 20px}.logo-editor [hidden]{display:none!important}.logo-editor .btn{min-height:44px}@media(max-width:600px){.logo-editor{padding:18px}.logo-comparison{gap:12px}.logo-checker{height:200px;min-height:0}.logo-tools .btn{flex:1 1 28%;padding:10px 8px}.logo-head h2{font-size:calc(1.5625rem * var(--dt))}.logo-controls{grid-template-columns:1fr 1fr}}

.coverage-editor{padding:24px;max-width:1000px}.coverage-editor .btn{min-height:44px}.coverage-map{height:clamp(260px,45vh,440px);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;background:var(--surface,#FFFFFF);margin-top:20px;display:grid;place-items:center;padding:12px;box-sizing:border-box;color:var(--label2,#6B5A4C);font-size:calc(0.875rem * var(--dt));line-height:1.6}.coverage-map:has(.gm-style){display:block;padding:0;overflow:hidden}.coverage-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-bottom:16px}.coverage-zone legend{font-weight:600;padding:0 8px}.coverage-zone [aria-pressed=true]{color:var(--acao,#1F5FD0);border-color:var(--acao,#1F5FD0)}@media(max-width:600px){.coverage-editor{padding:16px}.coverage-row{grid-template-columns:1fr 1fr}.coverage-row>.btn{grid-column:1/-1}.coverage-map{height:300px}}

.hc-onboarding-chevron{display:inline-block;margin-left:10px;transition:transform .18s ease}.hc-onboarding-step[open]>summary .hc-onboarding-chevron{transform:rotate(180deg)}.hc .hc-onboarding-evidence>summary::after{content:"+";font-size:calc(1.125rem * var(--dt));color:var(--label2,#6B5A4C)}.hc .hc-onboarding-evidence[open]>summary::after{content:"−"}

/* Acerto distingue saldo devedor, remuneração e recibos ainda pendentes. */
.hc-settlement-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;margin:20px 0}.hc-settlement-totals dt{font-size:calc(0.875rem * var(--dt));color:var(--label2,#6B5A4C)}.hc-settlement-totals dd{font-weight:650;margin:6px 0 0;font-variant-numeric:tabular-nums}.hc-settlement-balance{font-size:calc(1.125rem * var(--dt));font-weight:650}.hc-cash-obligations{list-style:none;padding:0}.hc-cash-obligations li{padding:14px 0;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hc-cash-obligations li>div{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.hc-cash-obligations .hc-note{margin-bottom:0}

.hc .hc-onboarding-step .hc-status.done{color:var(--d-verdeagua-t,#006F5D)}

.hc-route-status{white-space:normal;min-width:220px;max-width:420px}.hc-route-status li{margin:8px 0}

/* Formulários integrados usam as mesmas superfícies e áreas de toque do Hub. */
.hc-card>fieldset{border:0;padding:0;margin:0;min-width:0}
.hc-card>fieldset[disabled]{opacity:.65}
.hc details>summary{min-height:44px}
.hc details>summary::after{content:"⌄";flex:none;color:var(--label2,#6B5A4C);font-size:calc(1.25rem * var(--dt));margin-left:auto}
.hc details[open]>summary::after{transform:rotate(180deg)}
.hc-card>fieldset details{margin-top:16px}

/* Escolhas guiadas são conteúdo sólido; nenhum modelo salva ou ativa sozinho. */
.hc-presets{margin:20px 0 24px}.hc-presets h4,.hc-hours-guide h4{font-size:var(--f-headline,calc(1.0625rem * var(--dt)));margin:0 0 8px}.hc-preset-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px;margin-top:16px}.hc-preset-choice{display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;font:inherit;color:var(--label,#323200);background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:16px;padding:18px;min-height:44px;cursor:pointer}.hc-preset-choice strong{font-size:calc(1.0625rem * var(--dt));line-height:1.3}.hc-preset-choice span{font-size:calc(0.875rem * var(--dt));line-height:1.5;color:var(--label2,#6B5A4C)}.hc-preset-choice b{font-size:calc(0.875rem * var(--dt));font-weight:600;color:var(--acao,#1F5FD0);margin-top:auto;padding-top:4px}.hc-preset-choice:hover{border-color:var(--acao,#1F5FD0)}.hc-preset-choice:focus-visible,.hc-config-disclosure>summary:focus-visible,.hc-hours-guide .btn:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hc-preset-preview:not(:empty){border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));background:var(--surface,#FFFFFF);padding:18px;border-radius:14px;margin-top:16px}.hc-preset-preview ul{padding-left:20px;font-size:calc(0.875rem * var(--dt));line-height:1.6}.hc-preset-preview li{margin:8px 0;overflow-wrap:anywhere}.hc .hc-config-disclosure{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-top:6px}.hc .hc-config-disclosure>summary{min-height:56px;padding:8px 0;align-items:center}.hc-config-disclosure>summary>span{display:flex;flex-direction:column;gap:5px;min-width:0}.hc-config-disclosure>summary b{font-size:calc(0.9375rem * var(--dt));color:var(--label,#323200)}.hc-config-disclosure>summary small{font-size:calc(0.8125rem * var(--dt));font-weight:400;color:var(--label2,#6B5A4C);line-height:1.5}.hc-config-disclosure>div.hc-grid{padding:14px 0}.hc-hours-guide{padding-top:8px}.hc-hour-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px 16px;margin:14px 0}.hc-hours-guide>.btn{margin-top:16px;min-height:44px}.hc-preset-preview .btn{min-height:44px;white-space:normal}.hc-customer-list .hc-table{max-height:380px;overflow:auto}.hc-presets~.hc-grid{margin-top:16px}@media(max-width:600px){.hc-preset-choices{grid-template-columns:1fr}.hc-preset-choice{padding:16px}.hc-preset-preview{padding:14px}.hc-preset-preview .btn{width:100%}.hc .hc-config-disclosure>summary{flex-direction:row}.hc-hour-days{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.hc-preset-choice{transition:none}}
.hc-program-navigation{margin:22px 0}.hc-program-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:13px;background:var(--surface,#FFFFFF);width:max-content;max-width:100%}.hc-program-tab{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;font:inherit;font-size:calc(0.875rem * var(--dt));min-height:44px;min-width:100px;border:0;padding:10px 16px;color:var(--label2,#6B5A4C);background:transparent;border-radius:9px;cursor:pointer}.hc-program-tab[aria-selected=true]{background:var(--surface,#FFFFFF);color:var(--label,#323200);font-weight:650;box-shadow:0 1px 4px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 8%,transparent)}.hc-program-tab:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}.hc [data-hc-program][hidden]{display:none!important}@media(max-width:600px){.hc-program-tabs{width:100%}.hc-program-tab{flex:1;min-width:0;padding:10px 8px}}

/* Visual choices retain the canonical proposal and its complete review. */
.hc .hc-presets .hc-preset-choice{gap:1rem;padding:1.25rem;border-radius:1.25rem;min-width:0;max-width:100%;color:var(--label,#323200);background:var(--surface,#FFFFFF);transition:background-color 140ms ease,border-color 140ms ease,transform 100ms ease;white-space:normal}
.hc .hc-presets .hc-preset-head{display:flex;align-items:flex-start;gap:.875rem;width:100%;min-width:0}
.hc .hc-presets .hc-preset-heading{display:grid;gap:.375rem;min-width:0}
.hc .hc-presets .hc-preset-icon{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:.875rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--d-verdeagua-t,#006F5D)}
.hc-preset-icon svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.hc .hc-presets .hc-preset-choice strong{font-size:var(--f-headline);line-height:1.35;overflow-wrap:anywhere}
.hc .hc-presets .hc-preset-purpose{font-size:var(--f-subhead);line-height:1.5;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}
.hc .hc-presets .hc-preset-facts{display:flex;gap:.5rem;flex-wrap:wrap;min-width:0;max-width:100%}
.hc .hc-presets .hc-preset-facts>span{font-size:var(--f-footnote);line-height:1.4;padding:.375rem .5rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.625rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}
.hc .hc-presets .hc-preset-cta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;margin-top:auto;color:var(--acao,#1F5FD0);font-size:var(--f-subhead);font-weight:650;line-height:1.4}
.hc .hc-presets .hc-preset-cta>span{font-size:var(--f-title3);color:inherit}
.hc .hc-presets .hc-preset-selected{font-size:var(--f-footnote);line-height:1.4;color:var(--label,#323200);font-weight:600;overflow-wrap:anywhere}
.hc .hc-presets .hc-preset-choice.is-review{border-color:var(--d-verdeagua-t,#006F5D);box-shadow:inset 0 0 0 1px var(--d-verdeagua-t,#006F5D)}
.hc .hc-presets .hc-preset-choice:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}
.hc .hc-presets .hc-preset-choice:active{transform:scale(.985)}
@media(hover:hover) and (pointer:fine){.hc .hc-presets .hc-preset-choice:hover{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border-color:var(--acao,#1F5FD0)}}
@media(max-width:600px){.hc .hc-presets .hc-preset-choice{padding:1rem}.hc .hc-presets .hc-preset-head{gap:.75rem}}
@media(prefers-reduced-motion:reduce){.hc .hc-presets .hc-preset-choice{transition:none}.hc .hc-presets .hc-preset-choice:active{transform:none}}

/* Caminhos de atendimento e busca no mesmo catálogo, sem telas ou dados paralelos. */
.hc-attendant-path { border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent)); padding:4px 0; }
.hc-attendant-path > summary,.hc-config-disclosure > summary { min-height:52px; padding:10px 2px; cursor:pointer; }
.hc-attendant-path > summary span { display:inline-grid; gap:4px; max-width:calc(100% - 28px); vertical-align:middle; }
.hc-attendant-path > summary small { color:var(--label2,#6B5A4C); font-size:calc(0.875rem * var(--dt)); line-height:1.4; font-weight:400; }
.hc-attendant-path > .hc-actions { margin:12px 0; }
.hc-attendant-path > summary:focus-visible { outline:3px solid var(--acao,#1F5FD0); outline-offset:2px; border-radius:8px; }
.hc-attendant-guide .hc-card { margin:12px 0; }
.hc [data-hc-catalog-offer][hidden] { display:none!important; }
.hc-import-issues { font-size:calc(0.875rem * var(--dt)); line-height:1.6; }
.hc-import-choice { border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent)); border-radius:12px; padding:12px; margin:12px 0; min-width:0; }
.hc-import-choice .hc-field { margin:12px 0; }
.hc-import-choice select { width:100%; min-height:44px; }

.hc-import-row > .hc-import-choice,.hc-import-row > .hc-import-issues { grid-column:1/-1; }

.hc .hc-attendant-path > summary { display:flex; flex-direction:row; align-items:center; }
.hc .hc-attendant-path > summary b { color:var(--label,#323200); font-size:calc(1rem * var(--dt)); }
.hc .hc-attendant-path > summary::after { content:""; width:8px; height:8px; flex:0 0 8px; border-right:2px solid var(--label2,#6B5A4C); border-bottom:2px solid var(--label2,#6B5A4C); transform:rotate(45deg); margin-right:8px; }
.hc .hc-attendant-path[open] > summary::after { transform:rotate(225deg); }
.hc-product-media{min-width:0}.hc-product-media h4{margin:0 0 8px}.hc-media-primary{width:144px;height:120px;object-fit:cover;border-radius:16px;display:block;margin:10px 0}.hc-media-primary[hidden]{display:none}.hc-media-upload{position:relative;display:inline-flex;align-items:center;min-height:44px;margin:6px 8px 6px 0;overflow:hidden;cursor:pointer}.hc-media-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.hc-media-upload:focus-within{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hc-product-media [data-media-tiles]{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.hc-media-tile{display:flex;flex-direction:column;gap:6px;width:104px}.hc-media-tile img{width:104px;height:90px;object-fit:cover;border-radius:14px}.hc-media-tile .btn{min-height:44px}.hc-product-media details{margin-top:12px}.hc-product-media [data-media-url]{min-width:0;flex:1}
/* Fluxos: visão do caminho antes dos campos; sem canvas pesado ou arraste obrigatório. */
.hc-flow-map h4{margin:16px 0 8px;font-size:calc(1.125rem * var(--dt))}.hc-flow-map ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px}.hc-flow-node{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;background:var(--surface,#FFFFFF);overflow:hidden;align-self:start}.hc-flow-node.condition{border-color:color-mix(in srgb,var(--acao,#1F5FD0) 45%,var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent)))}.hc-flow-open{display:flex;align-items:center;gap:12px;width:100%;padding:18px;background:none;border:0;text-align:left;color:var(--label,#323200);font:inherit;min-height:76px;cursor:pointer}.hc-flow-open>span:nth-child(2){flex:1;min-width:0}.hc-flow-open small,.hc-flow-open strong{display:block;overflow-wrap:anywhere}.hc-flow-open small{color:var(--label2,#6B5A4C);font-size:max(0.6875rem,calc(0.75rem * var(--dt)));margin-bottom:5px}.hc-flow-open strong{font-size:calc(0.9375rem * var(--dt));line-height:1.4}.hc-flow-number{display:grid;place-items:center;border-radius:50%;background:var(--surface,#FFFFFF);width:30px;height:30px;flex:0 0 30px;font-weight:600}.hc-flow-branches{display:flex;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hc-flow-link{min-height:44px;flex:1;background:none;border:0;color:var(--acao,#1F5FD0);font:inherit;font-size:calc(0.8125rem * var(--dt));padding:12px;cursor:pointer}.hc-flow-link+ .hc-flow-link{border-left:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hc-flow-open:focus-visible,.hc-flow-link:focus-visible,.hc-flow-editor-node summary:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:-4px}.hc .hc-flow-editor-node>summary{min-height:44px}.hc-flow-editor-node fieldset{border:0;padding:20px 0 0;margin:0;min-width:0}.hc-flow-presets{border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-bottom:14px}.hc .hc-flow-presets>summary{min-height:44px}.hc-flow-presets [data-hc-flow-preset-review]:not(:empty){padding:16px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;margin-top:16px}.hc-flow-list{min-width:0}.hc-flow-editor-node .btn{min-height:44px;margin-top:16px}@media(max-width:600px){.hc-flow-map ol{grid-template-columns:1fr}.hc-flow-open{padding:14px}.hc-flow-presets [data-hc-flow-preset-review]:not(:empty){padding:12px}}
.hc .hc-flow-presets>summary,.hc .hc-flow-editor-node>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding-block:8px}
.hc .hc-flow-presets>summary>*,.hc .hc-flow-editor-node>summary>*{grid-column:1;min-width:0}
.hc .hc-flow-presets>summary::after,.hc .hc-flow-editor-node>summary::after{grid-column:2;grid-row:1 / span 2;margin-left:0}
.hc-comment-media{margin-block:16px}.hc-comment-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-block:12px}.hc-comment-media-item{appearance:none;text-align:left;color:inherit;background:var(--surface,#FFFFFF);border:2px solid transparent;border-radius:20px;padding:8px;cursor:pointer;min-width:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 20%,transparent)}.hc-comment-media-item[aria-checked="true"]{border-color:var(--verde,#11994A)}.hc-comment-media-item img,.hc-comment-media-empty{width:100%;aspect-ratio:1;object-fit:cover;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--label3,#9C8D80) 6.6667%,transparent)}.hc-comment-media-item>span:not(.hc-comment-media-empty){display:grid;gap:6px;padding:8px 4px}.hc-comment-media-item small,.hc-comment-media-item em{font-size:max(0.75rem,calc(0.75rem * var(--dt,1)));font-style:normal}.hc-comment-media-item b{font-size:max(0.8125rem,calc(0.875rem * var(--dt,1)));overflow-wrap:anywhere;line-height:1.35}.hc-comment-media-item:focus-visible{outline:3px solid var(--verde,#11994A);outline-offset:3px}
.hc [hidden]{display:none!important}.hc-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hc-heading>.btn{flex-shrink:0}

.hc-playbook-examples{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.hc-playbook-examples .btn{font-size:calc(0.8125rem * var(--dt));min-height:44px;text-align:left;white-space:normal}.hc-playbook-ordering>summary{min-height:44px}.hc-playbook-ordering>summary>b{font-size:calc(1rem * var(--dt))}.hc-playbook-ordering>summary>span{font-size:var(--f-caption1);line-height:1.4}

.hc-import-photo{width:88px;height:88px;object-fit:cover;border-radius:18px;display:block;margin:12px 0;}

/* Aquisição: caminho curto, área de arquivo tátil e confirmação antes da publicação. */
.hc-acquire-steps{list-style:none;display:flex;flex-wrap:wrap;gap:12px 20px;padding:0;margin:0 0 14px;color:var(--label2,#6B5A4C);font-size:calc(.8125rem * var(--dt,1))}.hc-acquire-steps li{display:flex;align-items:center;gap:8px}.hc-acquire-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface,#FFFFFF);color:var(--label,#323200)}
.hc-acquire-upload{display:flex;gap:18px;align-items:center;position:relative;min-height:108px;padding:24px;border:1px dashed var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;background:var(--surface,#FFFFFF);overflow:hidden;cursor:pointer}.hc-acquire-upload>svg{width:32px;height:32px;flex:0 0 32px;color:var(--label2,#6B5A4C)}.hc-acquire-upload>span{min-width:0;display:grid;gap:8px}.hc-acquire-upload small{font-size:var(--f-caption1);color:var(--label2,#6B5A4C);overflow-wrap:anywhere}.hc .hc-acquire-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.hc-acquire-upload:focus-within{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hc-acquire-upload:hover{border-color:var(--acao,#1F5FD0)}

/* 1.74.0 (Philippe, 03/10/2026): pausa do canal próprio com atalhos e hora de volta */
.hc-pause-status{font-size:var(--f-body);line-height:1.4;margin:6px 0 12px;color:var(--label,#323200)}
.hc-pause-status.is-paused{padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--d-ambar,#C27A00) 14%,transparent)}
.hc-pause-actions .btn{min-height:44px}
.hc-apology-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.hc-apology-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:var(--surface,#FFFFFF)}
.hc-apology-list li>div:first-child{display:grid;gap:2px;min-width:0}.hc-apology-list span,.hc-apology-empty,.hc-apology-done{font-size:var(--f-callout,calc(1rem * var(--dt,1)));color:var(--label2,#6B5A4C)}
.hc-apology-list .btn{min-height:44px}.hc-apology-done{margin-top:12px}.hc-apology-done summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
.hc-describe{display:grid;gap:10px;justify-items:start}.hc-describe .btn{min-height:44px}.hc-describe-result{overflow-wrap:anywhere}
.hc-describe-result{font-size:var(--f-callout,calc(1rem * var(--dt,1)));color:var(--label2,#6B5A4C);width:100%}.hc-describe-result:empty{display:none}
.hc-describe-label{font-size:var(--f-footnote,max(.6875rem,calc(.8125rem * var(--dt,1))));font-weight:650;color:var(--label2,#6B5A4C);margin:0 0 4px}
.hc-describe-text{margin:0 0 6px;padding:12px 14px;border-radius:14px;background:var(--surface,#FFFFFF);color:var(--label,#323200);font-size:var(--f-body);line-height:1.4}
.hc-describe-result .btn{min-height:44px}
.hc-champions.is-peak{border-color:color-mix(in srgb,var(--d-laranja,#F57A1C) 45%,var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent)))}
.hc-champion-list{list-style:none;margin:10px 0;padding:0;display:grid;gap:8px}.hc-champion-list li{display:grid;gap:2px;padding:10px 14px;border-radius:14px;background:var(--surface,#FFFFFF)}
.hc-champion-list span{font-size:var(--f-callout,calc(1rem * var(--dt,1)));color:var(--label2,#6B5A4C)}.hc-champions .btn{min-height:44px}
.hcmodel{display:grid;gap:10px}.hcmodel-suggestion{display:grid;gap:8px;padding:14px;border-radius:16px;background:var(--surface,#FFFFFF)}
.hcmodel-label{margin:0;font-size:var(--f-footnote,max(.6875rem,calc(.8125rem * var(--dt,1))));font-weight:650;color:var(--label2,#6B5A4C)}
.hcmodel-text{margin:0;font-size:var(--f-body);line-height:1.45;color:var(--label,#323200);overflow-wrap:anywhere;user-select:text}
.hcmodel-suggestion .btn{min-height:44px}.hcmodel-preview{margin:0 0 12px;display:grid;gap:6px}
.hcmodel-preview img{display:block;max-width:100%;max-height:260px;border-radius:14px;object-fit:contain;background:var(--surface,#FFFFFF)}
.hcmodel-preview figcaption{font-size:var(--f-footnote,max(.6875rem,calc(.8125rem * var(--dt,1))));color:var(--label2,#6B5A4C)}
.hc-market .btn{min-height:44px}.hc-market-list{list-style:none;margin:12px 0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.hc-market-list li{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:var(--surface,#FFFFFF);font-size:var(--f-callout,calc(1rem * var(--dt,1)));color:var(--label2,#6B5A4C)}
.hc-market-list li>b{color:var(--label,#323200);font-size:var(--f-body)}.hc-market-charge{color:var(--label,#323200)}
/* 1.74.0 (Philippe, 04/10/2026, conferência B6): "não pode existir rolar para baixo dentro dos cards do carrossel". No cartão
   pequeno a conversa não rola por dentro: aparecem as mensagens que cabem e o "Ver tudo" abre o cartão grande, onde ela rola. */
.hcar-cartao:not(.hcar-grande) .hc-messages{max-height:none;overflow:visible}
/* Ajuda no editor existente: desenhos acompanham o texto, sem animação ou ação automática. */
.hc-recipe-measuring>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-size:var(--f-body);font-weight:600}
.hc-recipe-measuring-steps{list-style:none;counter-reset:recipe-help;margin:1rem 0;padding:0;display:grid;gap:.75rem}
.hc-recipe-measuring-steps>li{counter-increment:recipe-help;display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:.75rem;padding:1rem;border-radius:var(--r-card,1rem);background:var(--surface,#FFFFFF);color:var(--label,#323200)}
.hc-recipe-measuring-steps strong{display:block;font-size:var(--f-body);line-height:1.4;overflow-wrap:anywhere}
.hc-recipe-measuring-steps strong::before{content:counter(recipe-help) ". ";color:var(--label2,#6B5A4C)}
.hc-recipe-measuring-steps p,.hc-recipe-measuring-source{font-size:var(--f-callout);line-height:1.5;color:var(--label2,#6B5A4C);overflow-wrap:anywhere;margin:.375rem 0 0}
.hc-recipe-measuring-icon{display:grid;place-items:start center;padding-top:.125rem;color:var(--label,#323200)}
.hc-recipe-measuring-icon svg{display:block;width:2rem;height:2rem;max-width:100%}
.hc-recipe-measuring .btn{min-height:44px;min-width:44px;margin-top:1rem;white-space:normal;text-align:start}
@media(max-width:400px){.hc-recipe-measuring-steps>li{padding:.75rem;grid-template-columns:2rem minmax(0,1fr);gap:.5rem}}

/* Escolhas de complemento: controles nativos no mesmo card do Hub. */
.hc .ol-presets .hc-preset-choice{position:relative;cursor:pointer;gap:.7rem;padding:1rem;min-height:44px}
.hc .ol-presets .hc-preset-choice>input{position:absolute;inset:1rem 1rem auto auto;width:1.25rem;height:1.25rem;margin:0;accent-color:var(--acao,#1F5FD0)}
.hc .ol-presets .hc-preset-choice>svg{width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:1.75;color:var(--acao,#1F5FD0)}
.hc .ol-presets .hc-preset-choice:has(input:checked){border-color:var(--acao,#1F5FD0);box-shadow:inset 0 0 0 1px var(--acao,#1F5FD0)}
.hc .ol-presets .hc-preset-choice:has(input:focus-visible){outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}
.hc fieldset[disabled] .ol-presets{opacity:.65}.hc fieldset[disabled] .ol-presets label{cursor:default}

.hc [data-ol-form] fieldset{min-width:0}

/* TREM-CARDAPIO-R3 rodada 2, U4 (uso da r243, 1440): com a lista aberta pelo "Ver mais" a faixa de cartões ganha o modo em
   colunas do carrossel, que força display:grid com !important e vence o atributo hidden. Ao tocar em Editar a faixa recebia
   hidden mas continuava ocupando a janela inteira, e o editor ficava com altura quase zero, 900 px abaixo.
   Faixa escondida não ocupa espaço, em qualquer modo do carrossel. */
.hc-body>.ac-faixa.hcar[hidden],.hc-body>.ac-faixa.hcar.hcar-agrupa.hcar-colunas[hidden]{display:none!important}
/* U6 (uso da r243, 375): o editor do canal próprio escondia a linha com o nome da loja no celular; preço e oferta são por
   loja, então o nome da loja fica sempre à vista no cabeçalho do editor. */
@media(max-width:600px){.hc .hvw-editor .hvw-editor-eyebrow{display:block;margin:0 0 .125rem}}

/* /service-case-followup-v8.css */
.hcf-v8{margin-block:1rem;padding-block:1rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));font-size:inherit}.hcf-v8 header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hcf-v8 h6{font-size:1rem;margin:.75rem 0}.hcf-v8 ul{list-style:none;margin:0;padding:0}.hcf-v8 li{display:grid;gap:.3rem;padding:.75rem 0;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));overflow-wrap:anywhere}.hcf-v8 li span{color:var(--label2,#6B5A4C)}.hcf-v8 .btn{min-height:44px;justify-self:start;white-space:normal}.hcf-v8 details{margin-block:1rem}.hcf-v8 summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.hcf-v8 form{display:grid;gap:.9rem;margin-block:1rem}.hcf-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem}.hcf-v8 input,.hcf-v8 select{font:inherit;max-width:100%;min-height:44px}.hcf-v8 input[type=checkbox]{min-height:auto;width:1.2rem;height:1.2rem;vertical-align:middle}.hcf-v8 button:active{opacity:.75}

/* /hub-purchase-recommendations-v8.css */
.hpv-dialog{width:min(52rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:0;box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);font:calc(1rem * var(--dt,1))/1.45 system-ui,sans-serif;overflow:auto;box-shadow:0 1rem 4rem color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 20%,transparent)}.hpv-dialog::backdrop{background:color-mix(in srgb,var(--label,#323200) 40%,transparent)}.hpv-dialog header{position:sticky;top:0;z-index:2;padding:1rem 1.25rem;background:var(--surface,#FFFFFF);border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));display:flex;align-items:center;justify-content:space-between;gap:1rem}.hpv-dialog h2{font-size:var(--f-title2,1.375rem);margin:0}.hpv-dialog button,.hpv-dialog input,.hpv-dialog select,.hpv-dialog summary{min-height:44px;font:inherit}.hpv-dialog button{padding:.6rem .9rem;border-radius:.65rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:inherit;cursor:pointer}.hpv-dialog button:active{opacity:.7}.hpv-dialog [data-recalculate]{margin-top:1rem;background:var(--acao,#1F5FD0);color:var(--acao-txt,#FFFFFF)}.hpv-dialog button:disabled{opacity:.55;cursor:wait}.hpv-dialog :focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hpv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.hpv-field{display:flex;flex-direction:column;gap:.3rem;margin:.6rem 0;min-width:0}.hpv-field input,.hpv-field select{width:100%;box-sizing:border-box;padding:.6rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.5rem;background:var(--surface,#FFFFFF);color:inherit}.hpv-dialog fieldset,.hpv-card{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.65rem;margin:1rem 0;padding:.8rem;min-width:0}.hpv-dialog legend{font-weight:600}.hpv-dialog summary{cursor:pointer;font-weight:600;padding:.3rem 0}.hpv-dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.hpv-dialog dd{margin:0;text-align:right}.hpv-check{display:flex;align-items:center;gap:.6rem;margin:.5rem 0}.hpv-check input{width:1.2rem;flex:none}.hpv-notice{padding:.75rem;border-radius:.6rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hpv-dialog [role=status]{min-height:1.5rem}.hpv-dialog small{display:block;line-height:1.4}.hpv-dialog p{overflow-wrap:anywhere}@media(max-width:560px){.hpv-grid{grid-template-columns:1fr}.hpv-dialog{padding:0;width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.hpv-dialog dl{grid-template-columns:1fr}.hpv-dialog dd{text-align:left;margin-bottom:.45rem}}@media(prefers-reduced-motion:reduce){.hpv-dialog,.hpv-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.hpv-dialog>[data-purchase-content],.hpv-dialog>[data-purchase-results]{padding:0 1.25rem 1rem}.hpv-dialog>[data-purchase-status]{margin:1rem 1.25rem}.hpv-dialog small{font-size:var(--f-footnote,.8125rem);color:var(--label2,#6B5A4C)}

/* /hub-financial-entries-v8.css */
.hfe-dialog,.hfe-dialog *{box-sizing:border-box}.hfe-dialog [hidden]{display:none!important}.hfe-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0 20px 24px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;background:var(--surface,#FFFFFF);color:var(--label,#323200);overflow:auto;overscroll-behavior:contain}.hfe-dialog::backdrop{background:color-mix(in srgb,var(--label,#323200) 40%,transparent)}.hfe-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:0;background:var(--surface,#FFFFFF);z-index:1;padding:14px 0;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hfe-dialog h2{font-size:calc(1.25rem * var(--dt,1));margin:0}.hfe-dialog p{line-height:1.5;overflow-wrap:anywhere}.hfe-dialog button,.hfe-dialog input{min-height:44px;font:inherit}.hfe-dialog button{padding:8px 12px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:10px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--acao,#1F5FD0);cursor:pointer}.hfe-dialog button:disabled{opacity:.5;cursor:default}.hfe-dialog label{display:flex;flex-direction:column;gap:6px;margin:8px 0;font-size:calc(.875rem * var(--dt,1))}.hfe-dialog input{width:100%;min-width:0;padding:8px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:8px;background:var(--surface,#FFFFFF);color:var(--label,#323200)}.hfe-dialog .hfe-check{flex-direction:row;align-items:center;min-height:44px}.hfe-check input{width:22px;height:22px}.hfe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hfe-dialog fieldset,.hfe-dialog article{min-width:0;margin:16px 0;padding:12px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:12px}.hfe-dialog legend{max-width:100%;overflow-wrap:anywhere}.hfe-dialog :focus-visible{outline:2px solid var(--acao,#1F5FD0);outline-offset:3px}@media(max-width:520px){.hfe-grid{grid-template-columns:1fr}.hfe-dialog{padding:0 12px 16px}.hfe-dialog header{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.hfe-dialog,.hfe-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.hfe-dialog[open]:not(:modal){position:fixed;inset:16px 0 auto;margin:auto}
.hfe-dialog.hnc-approving #aprov-raiz{position:static;inset:auto;transform:none;width:100%;max-width:100%;pointer-events:auto;gap:12px}
.hfe-dialog [data-entry-due-editor]{margin-top:20px;padding-top:16px;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hfe-dialog [data-due-form]{display:grid;gap:8px}.hfe-dialog [data-due-preview]{margin:16px 0}.hfe-dialog [data-due-status]{position:sticky;top:70px;background:var(--surface,#FFFFFF);z-index:1;padding:8px 0}
.hfe-dialog [data-entry-allocation-editor]{margin-top:20px;padding-top:16px;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hfe-dialog [data-allocation-form]{display:grid;gap:8px}.hfe-dialog [data-allocation-preview]{margin:16px 0}.hfe-dialog [data-allocation-status]{position:sticky;top:70px;background:var(--surface,#FFFFFF);z-index:1;padding:8px 0}.hfe-dialog [data-allocation-row] input[type=checkbox]{width:44px}

/* /hub-financial-bank-v8.css */
.hfb-v8{display:grid;gap:16px;min-width:0;color:var(--label,#323200)}
.hfb-v8 details>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--label,#323200)}
.hfb-v8 .hc-form{margin-block:12px;min-width:0}
.hc .hfb-v8 .hc-field input,.hc .hfb-v8 .hc-field select,.hfb-v8 .hc-field input,.hfb-v8 .hc-field select{max-width:100%;min-width:0;min-height:44px}
.hc .hfb-v8 .hc-btn,.hfb-v8 .hc-btn{min-height:44px;white-space:normal}
.hfb-v8 button:focus-visible,.hfb-v8 input:focus-visible,.hfb-v8 select:focus-visible,.hfb-v8 summary:focus-visible{outline:2px solid var(--acao,#1F5FD0);outline-offset:3px}
.hfb-v8 p{overflow-wrap:anywhere;color:var(--label2,#6B5A4C)}
.hfb-v8 label:has(input[type=checkbox]){min-height:44px;display:flex;align-items:center;gap:8px}
.hfb-table{max-width:100%;overflow:auto}.hfb-table th,.hfb-table td{padding:12px;text-align:left;overflow-wrap:anywhere;vertical-align:top}.hfb-table table{width:100%;border-collapse:collapse}.hfb-table th{color:var(--label,#323200)}

/* /hub-purchase-orders-v8.css */
.hpo-v8{display:grid;gap:16px;min-width:0;color:var(--label,#323200)}
.hpo-v8 p{color:var(--label2,#6B5A4C);overflow-wrap:anywhere}
.hpo-v8 details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
.hpo-card{padding:16px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:16px;min-width:0}
.hpo-card h3,.hpo-card li{overflow-wrap:anywhere}
.hpo-line{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px;min-width:0}
.hpo-actions{display:flex;flex-wrap:wrap;gap:8px}
.hpo-v8 .hc-form{margin-block:12px;min-width:0}
.hpo-v8 .hc-field input,.hpo-v8 .hc-field select{min-height:44px;min-width:0;max-width:100%}
.hpo-v8 .hc-btn,.hpo-dialog .hc-btn{min-height:44px;white-space:normal;max-width:100%}
.hpo-v8 .hpo-check{display:flex;align-items:center;gap:8px;min-height:44px}
.hpo-v8 button:focus-visible,.hpo-v8 input:focus-visible,.hpo-v8 select:focus-visible,.hpo-v8 summary:focus-visible{outline:2px solid var(--acao,#1F5FD0);outline-offset:3px}
.hpo-dialog{max-width:min(860px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;padding:20px}
.hpo-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px}

/* /hub-nfe-titles-v8.css */
.hnft-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:16px;color:var(--label,#323200);background:var(--panel,var(--surface,#FFFFFF));overflow:auto}.hnft-dialog::backdrop{background:color-mix(in srgb,var(--label,#323200) 53.333%,transparent)}.hnft-dialog header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--panel,var(--surface,#FFFFFF));border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));z-index:2}.hnft-dialog h2{font-size:1.2rem;margin:0}.hnft-dialog>p,.hnft-dialog>section{margin:16px 18px}.hnft-dialog form{display:grid;grid-template-columns:1fr;gap:8px}.hnft-dialog input{box-sizing:border-box;width:100%;min-width:0;padding:10px}.hnft-dialog button{min-height:44px;padding:10px 14px;cursor:pointer}.hnft-dialog li,.hnft-dialog p{overflow-wrap:anywhere;line-height:1.5}.hnft-dialog section section{margin-block:18px}.hnft-dialog :focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}.hnft-dialog[aria-busy=true]{cursor:progress}@media(max-width:480px){.hnft-dialog header{padding:10px 12px}.hnft-dialog h2{font-size:1rem}.hnft-dialog header button{white-space:nowrap}.hnft-dialog>p,.hnft-dialog>section{margin:12px}}@media(prefers-reduced-motion:reduce){.hnft-dialog{animation:none;scroll-behavior:auto}}

/* /hub-pickup-panel-v8.css */
.hpt-dialog{box-sizing:border-box;position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:24px;border:0;background:var(--page,#F7F5F1);color:var(--label,#323200);overflow:auto}.hpt-dialog::backdrop{background:var(--label,#323200)}.hpt-dialog header{position:sticky;top:-24px;z-index:2;background:var(--page,#F7F5F1);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hpt-dialog h2{margin:0;font-size:1.5rem}.hpt-dialog button{min-height:44px;padding:8px 16px;font:inherit;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:10px;background:var(--surface,#FFFFFF);color:inherit;cursor:pointer}.hpt-dialog :focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hpt-dialog>section{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hpt-state{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:16px;padding:20px}.hpt-state h3{margin-top:0;font-size:1.35rem}.hpt-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:16px}.hpt-list li{display:flex;flex-direction:column;align-items:center;gap:6px;overflow-wrap:anywhere}.hpt-ticket{font-size:clamp(2rem,7vw,5rem);line-height:1.1}.hpt-list span{font-size:.95rem}.hpt-dialog footer{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hpt-dialog[aria-busy] footer{opacity:.6}.hpt-dialog [disabled]{cursor:default;opacity:.6}@media(max-width:600px){.hpt-dialog{padding:16px}.hpt-dialog header{top:-16px}.hpt-dialog>section{grid-template-columns:1fr;gap:16px}.hpt-state{padding:16px}.hpt-dialog h2{font-size:1.25rem}.hpt-list{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}}

/* /brain-plan-workflow-v8.css */
.bp-dialog{width:min(740px,calc(100vw - 24px));max-height:calc(100dvh - 36px);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;padding:22px;background:var(--page,#F7F5F1);color:var(--label,#323200);overflow:auto;box-shadow:0 16px 56px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 20%,transparent)}.bp-dialog::backdrop{background:color-mix(in srgb,var(--label,#323200) 40%,transparent)}.bp-dialog header,.bp-dialog footer{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.bp-title{margin:0;font-size:1.35rem}.bp-dialog .btn,.cu-plan-button{min-height:44px;padding:8px 14px;cursor:pointer}.bp-field{display:flex;flex-direction:column;gap:6px;margin:14px 0}.bp-field input,.bp-field select{min-height:44px;padding:8px;font:inherit;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:8px;background:var(--page,#F7F5F1);color:inherit}.bp-step{padding:14px 8px;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.bp-note,.bp-state{padding:12px;background:var(--surface,#FFFFFF);border-radius:10px}.bp-status{min-height:24px}.bp-dialog :focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.bp-dialog [disabled]{opacity:.6;cursor:wait}.bp-dialog footer{justify-content:flex-start;margin-top:18px}@media(max-width:480px){.bp-dialog{padding:16px}.bp-dialog footer .btn{width:100%}}

.bp-dialog .bp-header{position:sticky;top:-22px;z-index:2;margin:-22px -22px 16px;padding:18px 22px 12px;background:var(--page,#F7F5F1);background:color-mix(in srgb,var(--page,#F7F5F1) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.bp-summary{flex-basis:100%;margin:0;font-size:.95rem}.bp-header .bp-status{flex-basis:100%;margin:0}.bp-header .bp-status:empty{display:none}@media(max-width:480px){.bp-dialog .bp-header{top:-16px;margin:-16px -16px 16px;padding:14px 16px 10px}}

.bp-recent{list-style:none;padding:0;display:grid;gap:12px}.bp-recent-card{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:12px;padding:16px;overflow-wrap:anywhere}.bp-recent-card h4{margin:0 0 8px}.bp-recent-card p{margin:8px 0}.bp-recent-card .btn{margin-top:8px}

.bp-header-main{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.bp-header-main .bp-title{min-width:0}.bp-header-main .btn{flex:none}.bp-header .bp-recent-toggle{padding:4px 10px;font-size:.9rem;min-height:44px}@media(max-width:480px){.bp-dialog .bp-header{gap:4px;padding-top:10px;padding-bottom:8px}.bp-header-main{gap:8px}.bp-header-main .bp-title{font-size:1.15rem}.bp-header-main .btn{padding:6px 10px}.bp-summary{font-size:.85rem}.bp-header .bp-status{font-size:.85rem}}

.bp-dialog small{overflow-wrap:anywhere}.bp-field select{width:100%;max-width:100%;min-width:0;box-sizing:border-box}

.bp-proof{margin:12px 0}.bp-proof summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--acao,#1F5FD0)}.bp-proof small{display:block;padding:8px 0}

/* /hub-service-case-plans.css */
.hscp{border-block-start:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));margin-block-start:20px;padding-block-start:16px}.hscp-header,.hscp-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hscp h5,.hscp-dialog h5{font-size:calc(1rem * var(--dt,1));margin:0}.hscp h6,.hscp-dialog h6{font-size:calc(.9375rem * var(--dt,1));margin:0 0 12px}.hscp-plan{padding-block:18px;border-block-end:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hscp-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:16px 0;font-size:calc(.875rem * var(--dt,1))}.hscp-summary div{min-width:0}.hscp-summary dt{color:var(--label2,#6B5A4C);margin-block-end:4px}.hscp-summary dd{margin:0;color:var(--label,#323200);overflow-wrap:anywhere}.hscp-warning{font-size:calc(.875rem * var(--dt,1));color:var(--label,#323200);background:var(--surface,#FFFFFF);border-inline-start:3px solid var(--acao,#1F5FD0);padding:12px;line-height:1.5}.hscp .btn,.hscp-dialog .btn{min-height:44px}.hscp-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;background:var(--page,#F7F5F1);color:var(--label,#323200);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;overflow:auto;font-family:inherit}.hscp-dialog::backdrop{background:color-mix(in srgb,var(--label,#323200) 45%,transparent)}.hscp-dialog>header{position:sticky;inset-block-start:0;padding:16px 20px;background:var(--page,#F7F5F1);border-block-end:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));z-index:1}.hscp-dialog-body{padding:20px}.hscp-dialog form{display:grid;gap:16px}.hscp-dialog details{margin-block:16px}.hscp-dialog summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.hscp .btn:focus-visible,.hscp-dialog :is(button,input,select,summary):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hscp-dialog .hc-feedback{overflow-wrap:anywhere}@media(max-width:420px){.hscp-dialog-body,.hscp-dialog>header{padding:16px}.hscp .hc-actions>.btn{width:100%}}@media(prefers-reduced-motion:reduce){.hscp-dialog,.hscp-dialog *{animation:none!important;transition:none!important}}
.hscp-execution{border-block:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-block:20px;margin-block:20px}.hscp-execution>.btn{min-height:44px}.hscp-execution .hc-feedback:empty{display:none}

/* /hub-storefront-profile.css */
/* Hub tokens, native modal focus and explicit ordering controls. */
.hsp-dialog{box-sizing:border-box;width:min(58rem,calc(100vw - 24px));max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - env(safe-area-inset-bottom));margin:auto;padding:0;color:var(--label,#323200);background:var(--page,#F7F5F1);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:24px;overflow:auto;box-shadow:0 20px 70px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 20%,transparent);font:inherit}
.hsp-dialog::backdrop{background:color-mix(in srgb,var(--label,#323200) 40%,transparent)}
.hsp-dialog *{box-sizing:border-box}
.hsp-head{position:sticky;top:0;z-index:2;background:var(--page,#F7F5F1);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.hsp-head h2{margin:0;font-size:calc(1.5rem * var(--dt,1));line-height:1.2;overflow-wrap:anywhere}.hsp-head .hsp-note{margin:0 0 4px}.hsp-head>div{min-width:0}.hsp-head [data-sp-close]{flex:none}
.hsp-body{padding:24px}.hsp-body h3{font-size:calc(1.0625rem * var(--dt,1));line-height:1.4;margin:0 0 14px}
.hsp-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;margin-bottom:20px}.hsp-layout section{min-width:0}
.hsp-choice{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px;margin:0 0 10px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:16px;background:var(--surface,#FFFFFF);font-size:calc(.875rem * var(--dt,1));line-height:1.4;cursor:pointer}.hsp-choice>span:not(.hsp-placeholder){flex:1;min-width:0;overflow-wrap:anywhere}.hsp-choice small{display:block;color:var(--label2,#6B5A4C);font-size:var(--f-footnote,calc(.8125rem * var(--dt,1)));margin-top:4px}.hsp-choice img,.hsp-placeholder{display:block;flex:0 0 48px;width:48px;height:48px;object-fit:cover;border-radius:12px}.hsp-placeholder{display:grid;place-items:center;background:var(--surface,#FFFFFF);font-size:1.25rem;color:var(--label2,#6B5A4C)}
.hsp-choice input[type=checkbox]{flex:0 0 22px;min-height:22px;width:22px;height:22px;margin:0;accent-color:var(--acao,#1F5FD0)}
.hsp-order ol,.hsp-review ol{margin:0;padding:0;list-style:none}.hsp-order li{display:grid;grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hsp-number{display:grid;place-items:center;font-size:.875rem;color:var(--label2,#6B5A4C);font-variant-numeric:tabular-nums}
.hsp-field{display:grid;gap:6px;min-width:0;font-size:var(--f-footnote,calc(.8125rem * var(--dt,1)));color:var(--label2,#6B5A4C)}.hsp-field>span{overflow-wrap:anywhere}.hsp-field :is(input,select){width:100%;min-height:44px;padding:10px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:10px;background:var(--surface,#FFFFFF);color:var(--label,#323200);font:inherit;font-size:calc(.9375rem * var(--dt,1))}
.hsp-move{display:flex;gap:4px}.hsp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:10px 14px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:12px;background:var(--surface,#FFFFFF);color:var(--label,#323200);font:inherit;font-size:calc(.875rem * var(--dt,1));line-height:1.4;text-align:center;white-space:normal;cursor:pointer}.hsp-btn.primary{background:var(--acao,#1F5FD0);color:var(--acao-txt,#FFFFFF);border-color:transparent}.hsp-btn:disabled{opacity:.5;cursor:default}.hsp-move .hsp-btn{font-size:1.125rem;padding:8px}
.hsp-dialog :is(button,input,select):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hsp-note,.hsp-feedback{font-size:calc(.875rem * var(--dt,1));line-height:1.55;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}.hsp-feedback{margin:16px 0 10px}.hsp-review{padding:18px;margin:16px 0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;background:var(--surface,#FFFFFF)}.hsp-review li{padding:6px 0;font-size:calc(.9375rem * var(--dt,1));overflow-wrap:anywhere}.hsp-review ol{list-style:decimal;padding-left:24px}
@media(max-width:700px){.hsp-layout{grid-template-columns:minmax(0,1fr);gap:22px}.hsp-body{padding:18px}.hsp-head{padding:16px 18px}.hsp-head h2{font-size:calc(1.25rem * var(--dt,1))}}
@media(max-width:380px){.hsp-order li{grid-template-columns:1.75rem minmax(0,1fr)}.hsp-move{grid-column:2;justify-self:end}.hsp-body{padding:14px}.hsp-head{padding:14px}}
@media(prefers-contrast:more){.hsp-dialog,.hsp-choice,.hsp-field :is(input,select),.hsp-review,.hsp-btn{border-color:var(--label,#323200)}.hsp-note,.hsp-feedback,.hsp-choice small{color:var(--label,#323200)}}
@media(forced-colors:active){.hsp-dialog,.hsp-choice,.hsp-review,.hsp-btn,.hsp-field :is(input,select){border:1px solid CanvasText;background:Canvas;color:CanvasText}.hsp-dialog :is(button,input,select):focus-visible{outline-color:Highlight}}

.hsp-btn>svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* /hub-import-observation.css */
/* The same importer, with an explicit visual price decision. */
.hc-import-price{min-width:0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:22px;padding:20px;margin:20px 0;color:var(--label,#323200);background:var(--surface,#FFFFFF)}
.hc-import-price legend{font-weight:700;font-size:calc(1rem * var(--dt,1));padding:0 6px}
.hc-import-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px;margin:16px 0}
.hc-import-price-option{display:flex;align-items:flex-start;gap:12px;min-width:0;min-height:76px;cursor:pointer;border:2px solid transparent;box-shadow:inset 0 0 0 1px var(--sep,color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 13%,transparent));border-radius:18px;background:var(--surface,#FFFFFF);padding:16px;transition:background .2s,border-color .2s,transform .2s}
.hc-import-price-option>input{accent-color:var(--verde,#11994A);width:20px;height:20px;flex:0 0 20px;margin-top:3px}
.hc-import-price-option>span{display:grid;gap:8px;min-width:0;overflow-wrap:anywhere}.hc-import-price-option strong{font-size:calc(1.375rem * var(--dt,1));letter-spacing:-.02em}.hc-import-price-option b,.hc-import-price-option small{font-size:calc(.875rem * var(--dt,1));line-height:1.4;font-weight:600}
.hc-import-price-option:has(input:checked){border-color:var(--verde,#11994A);background:var(--surface,#FFFFFF)}.hc-import-price-option:has(input:focus-visible){outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hc-import-price-option:hover{transform:translateY(-1px)}
.hc-import-price-custom{display:none;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));margin-top:16px}.hc-import-price:has([data-import-price-choice][value=custom]:checked) .hc-import-price-custom{display:grid}
@media(prefers-reduced-motion:reduce){.hc-import-price-option{transition:none;transform:none!important}}
@media(max-width:480px){.hc-import-price{padding:14px}.hc-import-price-option{padding:12px}}

/* /delivery/choice-rows.css */
/* 1.74.0 (Philippe, 04/10/2026): ESCOLHAS EM LINHAS E CONTADORES, UMA FOLHA SÓ PARA A VITRINE E PARA O HUB.
   Estas regras moravam em web/delivery/storefront.css. O pedido em tela cheia do Hub (web/hub-manual-orders.js, Parte C da
   especificação de 04/10: "o desenho segue a vitrine do cliente") usa as MESMAS linhas tocáveis e os mesmos contadores de
   web/delivery/choice-rows.js; para não escrever outra folha igual, as regras vieram para cá e as duas telas carregam este
   arquivo. As regras são as de antes, sem mudança de valor. As superfícies ganharam variáveis (--cr-fundo, --cr-marcado,
   --cr-aro, --cr-trilho) cujo padrão é a cor que a vitrine sempre usou: a vitrine não define nenhuma e continua igual; o
   Hub define as suas, no claro e no escuro (web/hub-manual-orders.css). */
/* 1.74.0: escolhas como linhas tocáveis e quantidades como contador (choice-rows.js). O select e o
   número continuam no formulário; só a apresentação muda. */
.choice-picker{position:relative;margin:12px 0;display:grid;gap:8px}
.choice-picker .choice-native{position:absolute;top:0;left:0;width:1px;height:1px;min-height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
.choice-label{font-size:0.875rem;font-weight:600;color:var(--sub)}
.choice-rows{display:grid;gap:6px}
.choice-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 14px;border-radius:16px;background:var(--cr-fundo,#fff);border:1px solid var(--hair);text-align:left;color:var(--ink);transition:background-color 120ms ease,border-color 120ms ease,transform 120ms ease}
.choice-row:active:not(:disabled){transform:scale(.985)}
.choice-row[aria-checked=true]{border-color:var(--green);background:var(--cr-marcado,#eef6ea)}
.choice-row:disabled{opacity:.55}
.choice-mark{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--cr-aro,#3a2a1e40);background:var(--cr-fundo,#fff);position:relative;transition:border-color 120ms ease,background-color 120ms ease}
.choice-row[aria-checked=true] .choice-mark{border-color:var(--green);background:var(--green)}
.choice-row[aria-checked=true] .choice-mark::after{content:'';position:absolute;inset:6px;border-radius:50%;background:#fff}
.choice-text{display:grid;gap:2px;min-width:0}
.choice-text b{font-weight:600;overflow-wrap:anywhere}
.choice-text small{color:var(--sub);font-size:0.8125rem}
.choice-row[aria-checked=true] .choice-text small{color:var(--green)}
.stepper{display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:999px;background:var(--cr-trilho,#3a2a1e0a);border:1px solid var(--hair)}
.stepper input,.addon-row .stepper input{width:44px;min-height:44px;border:0;background:transparent;text-align:center;font-weight:650;font-size:1.0625rem;color:var(--ink);-moz-appearance:textfield;appearance:textfield;padding:0}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.stepper .step{width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;background:var(--cr-fundo,#fff);color:var(--ink);font-size:1.25rem;line-height:1;display:grid;place-items:center;box-shadow:0 1px 2px #3a2a1e1f;transition:transform 120ms ease,background-color 120ms ease}
.stepper .step:active:not(:disabled){transform:scale(.9)}
.stepper .step:disabled{opacity:.35;box-shadow:none}
.stepper.is-zero input{color:var(--sub);font-weight:500}
.field.has-stepper{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;font-size:0.875rem;font-weight:550}.field.has-stepper>label{font-weight:600}.addon-row.has-stepper{display:flex;align-items:center;justify-content:space-between;gap:12px}
.addon-row .stepper{flex:none}
@media(prefers-reduced-motion:reduce){.choice-row,.choice-mark,.stepper .step{transition:none}.choice-row:active:not(:disabled),.stepper .step:active:not(:disabled){transform:none}}
/* 1.74.0 (Philippe, 03/10/2026, defeito D24 da auditoria de interface): a opção obrigatória esquecida fica marcada no
   próprio grupo, com a mensagem escrita dentro dele (choice-rows.js); antes só aparecia o balão do navegador. */
.choice-picker.choice-missing .choice-rows{border-radius:18px;outline:2px solid var(--error-ink);outline-offset:3px}
.choice-missing-note{margin:0;padding:8px 12px;border-radius:12px;color:var(--error-ink);background:var(--error-soft);font-size:0.875rem;font-weight:600;line-height:1.35}

/* /hub-manual-orders.css */
/* 1.74.0 (Philippe, 04/10/2026): PEDIDO EM TELA CHEIA, NO DESENHO DA VITRINE (web/hub-manual-orders.js; Parte C da
   especificação de 04/10, C1 a C5). "Ela precisa abrir em tela cheia, com um design mais parecido com o site que o cliente
   faz o pedido, com o carrossel maior e a navegação simplificada. Nada de rolar para baixo. Sempre o mesmo design do
   carrossel grande e quando clica, expande com as informações."
   A janela é uma coluna de três partes que nunca rola: o topo (voltar, nome da etapa, busca, Fechar), a faixa de cartões
   (HubCarrossel: um cartão por vez no celular, com a beirada do próximo; vários no computador) e o pé (o total e o botão do
   próximo passo, sempre à vista). O que não cabe num cartão abre na folha (.pt-folha), que sobe do pé, cobre o palco e pode
   rolar por dentro. As escolhas do produto usam a folha compartilhada web/delivery/choice-rows.css, com as cores do Hub.
   Texto em rem com --dt; alvos de toque de 44 px; claro e escuro pelos tokens; "reduzir movimento", "reduzir transparência"
   e "aumentar contraste" respeitados. O prefixo dialog. dá a força para vencer as folhas que entram depois desta. */
.hc-manual-orders{--pt-raio:1.5rem;--pt-topo:max(.625rem,env(safe-area-inset-top));--pt-lado-e:max(1rem,env(safe-area-inset-left));--pt-lado-d:max(1rem,env(safe-area-inset-right));box-sizing:border-box}
/* 1.74.0 (Philippe, 06/10/2026, conferência das barras do aplicativo): no iPhone a área segura de cima traz os 56 pt da faixa
   dos botões nativos, e o quadro esconde esses botões ao abrir: sobrava uma faixa vazia de 56 pt em cima do pedido. No
   aplicativo o topo é só a barra de status (--app-status, web/app-nativo.css), como nas outras folhas e janelas */
html.app-nativo .hc-manual-orders{--pt-topo:max(.625rem,var(--app-status,env(safe-area-inset-top)))}
/* C1: a janela inteira. Apply only to the open native dialog. */
dialog.hc-manual-orders[open]{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:var(--pt-topo) var(--pt-lado-d) max(.625rem,env(safe-area-inset-bottom)) var(--pt-lado-e);background:var(--page,#F7F5F1);animation:pt-entra .22s cubic-bezier(.2,.8,.2,1)}
@keyframes pt-entra{from{opacity:0;transform:translateY(1rem)}}
/* C4 (conferência de 04/10): teclado do celular aberto no navegador. A janela não encolhe, só a parte visível; o quadro
   acompanha a parte visível (web/hub-manual-orders.js põe a classe e as duas medidas) e o pé fica acima do teclado */
dialog.hc-manual-orders.pt-teclado[open]{top:var(--pt-vv-topo,0);bottom:auto;height:var(--pt-vv-alto,100dvh);padding-bottom:.625rem}
/* celular: margem menor dos lados, para o cartão ser o maior possível */
@media (max-width:600px){.hc-manual-orders{--pt-lado-e:max(.75rem,env(safe-area-inset-left));--pt-lado-d:max(.75rem,env(safe-area-inset-right))}}
.hc-manual-orders button{min-height:44px}
.hc-manual-orders small{display:block;color:var(--label2,#6B5A4C)}
/* o que caber() tira do cartão (C3) some de verdade, mesmo onde esta folha dá display à peça */
.hc-manual-orders [hidden]{display:none!important}
.pt-so-leitor{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* ---------- o palco: topo e cartões ---------- */
.hc-manual-orders .pt-palco{position:relative;flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;gap:.5rem}
dialog.hc-manual-orders .pt-topo{flex:0 0 auto;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:.5rem;margin:0;min-width:0}
.hc-manual-orders .pt-titulo{flex:1 1 auto;min-width:0}
dialog.hc-manual-orders .pt-topo h2{margin:0;font-size:var(--f-title3,calc(1.25rem * var(--dt,1)));font-weight:700;line-height:1.15;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-manual-orders .pt-titulo .hc-note{margin:0;font-size:var(--f-footnote,calc(.8125rem * var(--dt,1)));line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-manual-orders .pt-volta{flex:none;width:2.75rem;min-width:2.75rem;height:2.75rem;padding:0;margin:0;display:grid;place-items:center;border-radius:50%}
.hc-manual-orders :is(.pt-volta,.pt-x,.pt-mais) svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hc-manual-orders [data-mo-close]{flex:none;margin:0;min-width:44px;max-width:45%;white-space:normal}
/* a busca de produto mora no topo: estreita ao lado do nome da etapa; com o foco (ou com texto) ocupa o lugar dele */
.hc-manual-orders .pt-busca{flex:0 1 9rem;min-width:5.5rem;margin:0}
.hc-manual-orders .pt-busca input{width:100%;min-height:2.75rem;box-sizing:border-box;border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));border-radius:999px;background:var(--surface,#FFFFFF);color:var(--label,#2A1C12);font:inherit;font-size:calc(1rem * var(--dt,1));padding:0 .875rem;min-width:0}
.hc-manual-orders .pt-busca input:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}
@media (max-width:760px){.hc-manual-orders .pt-topo:has(.pt-busca input:is(:focus,:not(:placeholder-shown))) .pt-titulo{display:none}.hc-manual-orders .pt-topo:has(.pt-busca input:is(:focus,:not(:placeholder-shown))) .pt-busca{flex:1 1 auto}}
@media (min-width:761px){.hc-manual-orders .pt-busca{flex-basis:18rem}}
/* C3: nas medidas de referência o corpo NÃO rola (tests/pedido-tela-cheia-1740 mede): a faixa ocupa o que sobra e os cartões
   cabem nela. A rolagem do corpo é só o último recurso de acessibilidade: texto muito ampliado em tela pequena, ou o
   teclado do celular aberto (no navegador o quadro acompanha a parte visível, regra .pt-teclado acima; no aplicativo a
   janela encolhe). Nesses casos a faixa não fica menor que 12rem e o corpo rola, em vez de espremer o cartão; o topo
   (Fechar) e o pé (total e botão) nunca saem da tela.
   O aviso vivo fica numa linha acima dos cartões e some quando não há o que dizer. */
.hc-manual-orders [data-mo-body]{flex:1 1 auto;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:.375rem}
.hc-manual-orders [data-mo-body]>[data-mo-status]{flex:0 0 auto;margin:0;max-width:none;overflow-wrap:anywhere;line-height:1.35}
.hc-manual-orders [data-mo-status]:empty{display:none}
.hc-manual-orders [data-mo-content]{flex:1 0 auto;min-width:0;display:flex;flex-direction:column;gap:.5rem}
.hc-manual-orders .pt-passo{flex:1 0 auto;min-width:0;display:flex;flex-direction:column;gap:.5rem}
.hc-manual-orders [data-mo-body] :is(p,li,h3,legend){overflow-wrap:anywhere}

/* ---------- a faixa de cartões (C2 e C3) ----------
   Sem o HubCarrossel a faixa já rola para o lado com encaixe; com ele ganha arrasto com o mouse, setas, pontos e teclado.
   A altura da faixa é a que sobra entre o topo e o pé, e os cartões têm a altura dela. */
.hc-manual-orders .pt-faixa{flex:1 1 12rem;min-width:0;min-height:12rem;height:0;display:flex;align-items:stretch;gap:.75rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;border:0}
.hc-manual-orders .pt-faixa::-webkit-scrollbar{display:none}
.hc-manual-orders .pt-faixa>*{min-width:0;margin:0;box-sizing:border-box}
.hc-manual-orders .pt-faixa:not(.hcar)>*{flex:0 0 min(calc(100% - 1.25rem),22rem);scroll-snap-align:center}
/* celular: um cartão grande por vez, com a beirada do próximo à vista (o convite para arrastar, como na vitrine) */
.hc-manual-orders .pt-faixa.hcar-cel>.hcar-item{flex-basis:calc(100% - 1.25rem)}
.hc-manual-orders .pt-faixa.hcar-cel.hcar-um>.hcar-item{flex-basis:100%}
/* Aprovação conserva todos os fatos e controles; espaçamento menor quando a altura exige. */
dialog.hc-manual-orders .pt-cartao.pt-aprovacao-compacta{gap:.375rem;padding:.75rem}
/* computador: quando todos os cartões cabem, ficam no meio da faixa */
.hc-manual-orders .pt-faixa.hcar-pc.hcar-cabe{justify-content:safe center}
.hc-manual-orders .hcar-pe{flex:0 0 auto}
/* o cartão: conteúdo que cabe; se o texto do aparelho estiver muito ampliado, rola por dentro em vez de cortar */
dialog.hc-manual-orders .pt-cartao{display:flex;flex-direction:column;gap:.625rem;margin:0;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));border-radius:var(--pt-raio);background:var(--surface,#FFFFFF);box-shadow:0 .5rem 1.25rem color-mix(in srgb,light-dark(var(--label,#2A1C12),var(--page,#F7F5F1)) 8%,transparent);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;text-align:left;color:var(--label,#2A1C12)}
/* Unidade, modalidade e mesa: grade de 8 px mantém os alvos de 44 px e deixa espaço para o aviso obrigatório. */
dialog.hc-manual-orders [data-mo-cartao="como"]{gap:.5rem}
.hc-manual-orders .pt-cartao h3{margin:0;font-size:var(--f-title3,calc(1.25rem * var(--dt,1)));line-height:1.2;letter-spacing:-.02em;outline:none}
.hc-manual-orders .pt-cartao :is(p,ul,dl){margin:0}
dialog.hc-manual-orders .pt-cartao :is(.hc-field,.hc-actions,.hc-grid){margin:0;padding:0}
dialog.hc-manual-orders .pt-cartao .hc-grid{gap:.5rem .625rem}
.hc-manual-orders .pt-cartao .hc-actions{gap:.5rem}
.hc-manual-orders .pt-cartao .hc-actions>.btn{flex:1 1 9rem;min-width:0;margin:0;white-space:normal}
.hc-manual-orders .pt-rotulo{font-size:var(--f-footnote,calc(.8125rem * var(--dt,1)));font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--label2,#6B5A4C)}
.hc-manual-orders :is(.hc-grid,.hc-grid>div,fieldset,form){min-width:0}
dialog.hc-manual-orders dl.hc-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,5.5rem),1fr))}
.hc-manual-orders dl :is(dt,dd){margin:0;overflow-wrap:anywhere}
.hc-manual-orders dl dt{font-size:var(--f-footnote,calc(.8125rem * var(--dt,1)));color:var(--label2,#6B5A4C)}
.hc-manual-orders dl dd{margin-top:.125rem;font-variant-numeric:tabular-nums}
.hc-manual-orders .pt-itens{list-style:none;padding:0;display:grid;gap:.375rem}
.hc-manual-orders .pt-itens li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.125rem .75rem;min-width:0}
.hc-manual-orders .pt-itens li>b{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-manual-orders .pt-itens li>span{font-variant-numeric:tabular-nums;color:var(--label2,#6B5A4C)}
.hc-manual-orders .pt-itens li>small{flex:1 0 100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:360px){.hc-manual-orders .pt-itens li>small{display:none}}
/* endereço: a rua na linha inteira e os campos curtos em pares */
dialog.hc-manual-orders .pt-endereco{grid-template-columns:repeat(6,minmax(0,1fr))}
.hc-manual-orders .pt-endereco>:nth-child(1){grid-column:span 6}
.hc-manual-orders .pt-endereco>:is(:nth-child(2),:nth-child(5),:nth-child(7)){grid-column:span 2}
.hc-manual-orders .pt-endereco>:is(:nth-child(3),:nth-child(4),:nth-child(6)){grid-column:span 4}
.hc-manual-orders [data-mo-customer-results]{display:grid;gap:.5rem}
.hc-manual-orders [data-mo-customer-results]:empty{display:none}
.hc-manual-orders [data-mo-customer-results] .btn{margin:0;text-align:left;white-space:normal}
.hc-manual-orders [data-mo-benefit-fields]{display:grid;gap:.5rem}
.hc-manual-orders [data-mo-benefit-fields]:empty,.hc-manual-orders [data-mo-payment-fields]:empty{display:none}
.hc-manual-orders [data-mo-payment-fields]{display:grid;gap:.5rem}
/* as escolhas de um toque (modalidade, mesa, unidade, pagamento, benefício, horário): botões de rádio com cara de ficha */
.hc-manual-orders .pt-opcoes{display:flex;flex-wrap:wrap;gap:.5rem;border-radius:.875rem}
.hc-manual-orders .pt-opcao{position:relative;flex:1 1 6.5rem;min-width:0;margin:0}
/* o rádio cobre a ficha inteira e fica por cima dela também enquanto ela encolhe no toque (z-index): o toque começa e termina no mesmo alvo */
.hc-manual-orders .pt-opcao input{position:absolute;z-index:1;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.hc-manual-orders .pt-opcao>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-height:2.75rem;height:100%;box-sizing:border-box;padding:.5rem .75rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));border-radius:.875rem;background:var(--surface2,#F7F3EE);color:var(--label,#2A1C12);text-align:center;line-height:1.2;transition:background-color .15s ease-out,color .15s ease-out,transform .1s ease-out}
.hc-manual-orders .pt-opcao>span b{font-weight:600;overflow-wrap:anywhere}
.hc-manual-orders .pt-opcao>span small{margin:0;font-size:max(.6875rem, calc(.75rem * var(--dt,1)));color:inherit;opacity:.8}
/* Modalidade: descrição legível no mesmo alvo; nome e seleção continuam nos rádios canônicos. */
.hc-manual-orders .pt-opcao input[name=fulfillment]+span small{font-size:calc(.875rem * var(--dt,1));line-height:1.3;opacity:1}
.hc-manual-orders .pt-opcao input:checked+span{background:var(--label,#2A1C12);border-color:transparent;color:var(--surface,#FFFFFF)}
.hc-manual-orders .pt-opcao input:active+span{transform:scale(.97)}
.hc-manual-orders .pt-opcao input:focus-visible+span{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}
.hc-manual-orders .pt-opcao input:disabled{cursor:default}
.hc-manual-orders .pt-opcao input:disabled+span{opacity:.45}
.hc-manual-orders .pt-opcoes.mo-falta{outline:2px solid color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#2A1C12));outline-offset:3px}
/* "Conferir solicitação" é a saída para quando a resposta se perde: fica no pé do cartão do pagamento, discreto, sem
   disputar com as formas de pagamento */
dialog.hc-manual-orders .pt-cartao .pt-rodape{margin-top:auto}
dialog.hc-manual-orders .btn.pt-discreto{background:transparent;border-color:transparent;box-shadow:none;color:var(--label2,#6B5A4C);font-weight:600;text-decoration:underline;text-underline-offset:.1875rem}
/* linha que leva a mais (agendar, pagamento, todos os clientes): nome à esquerda, seta à direita */
.hc-manual-orders .btn.pt-linha{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin:0;text-align:left}
.hc-manual-orders .pt-linha small{margin:0;font-weight:400}
.hc-manual-orders .pt-linha>span:first-child{min-width:0}
.hc-manual-orders :is([data-mo-beneficio-editar],[data-mo-mesas-todas]) :is(b,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* C3: último aperto da conferência no celular estreito: o cliente numa linha e o endereço em duas (inteiros na folha) */
.hc-manual-orders .pt-apertado [data-mo-quem]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-manual-orders .pt-apertado [data-mo-onde]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- etapa 1: categorias e produtos em cartões grandes ---------- */
/* as fichas das categorias, numa fileira acima dos produtos: trocar de categoria é um toque */
.hc-manual-orders .pt-fichas{position:relative;z-index:1;flex:0 0 auto;display:flex;gap:.5rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:.125rem 0;min-width:0}
.hc-manual-orders .pt-fichas::-webkit-scrollbar{display:none}
.hc-manual-orders .pt-ficha{flex:none;display:inline-flex;align-items:center;gap:.375rem;min-height:2.75rem;max-width:16rem;margin:0;padding:.375rem .875rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));border-radius:999px;background:var(--surface,#FFFFFF);color:var(--label,#2A1C12);font:inherit;font-size:calc(.875rem * var(--dt,1));font-weight:600;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:transform .1s ease-out,background-color .15s ease-out,color .15s ease-out}
.hc-manual-orders .pt-ficha:active{transform:scale(.97)}
.hc-manual-orders .pt-ficha[aria-pressed="true"]{background:var(--label,#2A1C12);border-color:transparent;color:var(--surface,#FFFFFF)}
.hc-manual-orders .pt-ficha.mo-cerebro{background:var(--label,#2A1C12);border-color:transparent;color:var(--acao-txt,#FFFFFF)}
.hc-manual-orders .pt-ficha.mo-cerebro i{font-style:normal;color:color-mix(in srgb,var(--d-ambar,#C27A00) 55%,var(--label,#2A1C12))}
.hc-manual-orders :is(.pt-ficha,.mo-cat,.hc-manual-product,.pt-mais,.pt-loja):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}
/* 1.74.0: o cartão de categoria é o da vitrine (foto inteira, nome grande em cima, a seta embaixo) */
.mo-carrossel{touch-action:pan-x pan-y}
.mo-cat{position:relative;margin:0;padding:0;overflow:hidden;border:0;border-radius:var(--pt-raio,1.5rem);background:var(--label,#2A1C12);color:var(--acao-txt,#FFFFFF);text-align:left;font:inherit;cursor:pointer;isolation:isolate;box-shadow:0 .75rem 1.625rem color-mix(in srgb,light-dark(var(--label,#2A1C12),var(--page,#F7F5F1)) 14%,transparent);transition:transform .12s ease-out;-webkit-tap-highlight-color:transparent}
/* o Hub encolhe todo botão tocado para 94% (button:active e .pressed, no index.html); num cartão deste tamanho 94% é um salto:
   o cartão grande encolhe só 1,5% (a resposta no toque continua, na medida certa) */
.mo-cat:active,.hc-manual-orders :is(.mo-cat,.pt-loja):is(:active,.pressed){transform:scale(.985)!important;filter:brightness(.97)}
.mo-cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mo-cat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--label,#2A1C12) 66%,transparent),color-mix(in srgb,var(--label,#2A1C12) 38%,transparent) 48%,color-mix(in srgb,var(--label,#2A1C12) 12%,transparent) 65%,color-mix(in srgb,var(--label,#2A1C12) 50%,transparent));z-index:1}
.mo-cat.mo-cerebro::after{background:linear-gradient(180deg,color-mix(in srgb,var(--label,#2A1C12) 70%,transparent),color-mix(in srgb,var(--label,#2A1C12) 40%,transparent) 45%,color-mix(in srgb,var(--label,#2A1C12) 72%,transparent))}
.mo-cat-vazio{position:absolute;inset:0;display:grid;place-items:center;font-size:4rem;background:radial-gradient(ellipse at center,var(--label3,#9C8D80),var(--label,#2A1C12));color:color-mix(in srgb,var(--d-ambar,#C27A00) 55%,var(--label,#2A1C12))}
.mo-cat-copy{position:absolute;left:1.375rem;right:1.375rem;top:1.375rem;z-index:2;display:grid;gap:.375rem}
.mo-cat-copy b{font-size:calc(1.875rem * var(--dt,1));line-height:1.05;letter-spacing:-.035em;overflow-wrap:anywhere;text-shadow:0 1px 2px color-mix(in srgb,light-dark(var(--label,#2A1C12),var(--page,#F7F5F1)) 40%,transparent)}
.mo-cat .mo-cat-copy small{margin:0;color:var(--acao-txt,#FFFFFF);font-size:calc(.9375rem * var(--dt,1));opacity:.92}
.mo-cat-copy i{font-style:normal;font-size:max(.6875rem, calc(.75rem * var(--dt,1)));font-weight:700;letter-spacing:.07em;text-transform:uppercase;opacity:.95}
.mo-cat-entra{position:absolute;right:1.125rem;bottom:1.125rem;z-index:2;width:3rem;height:3rem;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--label,#2A1C12) 34%,transparent);border-radius:50%;background:color-mix(in srgb,var(--surface,#FFFFFF) 16%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:calc(1.5rem * var(--dt,1));line-height:1}
.mo-cat.mo-cerebro{background:var(--label,#2A1C12);transform-style:preserve-3d;backface-visibility:hidden}
/* o cartão de produto: foto grande, nome, descrição curta e preço; o "+" inclui direto quando não há o que escolher */
.hc-manual-orders .pt-prod{position:relative;display:flex;overflow:hidden;border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));border-radius:var(--pt-raio);background:var(--surface,#FFFFFF);box-shadow:0 .5rem 1.25rem color-mix(in srgb,light-dark(var(--label,#2A1C12),var(--page,#F7F5F1)) 8%,transparent);transition:transform .12s ease-out}
.hc-manual-orders .pt-prod:has(.hc-manual-product:is(:active,.pressed)){transform:scale(.985)}
.hc-manual-orders .hc-manual-product:is(:active,.pressed){transform:none!important;filter:none}
.hc-manual-orders .hc-manual-product{flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--label,#2A1C12);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hc-manual-orders .hc-manual-product:disabled{cursor:default}
.hc-manual-orders .pt-fora{opacity:.6}
.hc-manual-orders .hc-manual-product>img,.hc-manual-orders .hc-manual-product>.mo-cat-vazio{position:static;flex:1 1 8rem;min-height:0;width:100%;height:auto;object-fit:cover;border-radius:0}
/* 1.74.0 (04/10/2026; conferência da especificação, C2): no computador o cartão de produto é uma coluna estreita e alta (a
   altura é a da faixa) e a foto, que ocupava tudo o que sobrava, virava uma tira vertical que mostrava só o miolo da pizza
   (1 para 2,6 em 1920 x 1080). Lá a foto tem proporção de foto (quadrada, como na grade da vitrine), no alto do cartão; o
   texto vem logo abaixo e a altura do cartão não muda. No celular (um cartão por vez, largo) continua como era. */
.hc-manual-orders .pt-faixa.hcar-pc .hc-manual-product>:is(img,.mo-cat-vazio){flex:0 1 auto;aspect-ratio:1/1}
.hc-manual-orders .pt-prod-texto{flex:0 0 auto;display:grid;gap:.25rem;padding:.875rem 4.25rem 1rem 1rem;min-width:0}
.hc-manual-orders .pt-prod-texto b{font-size:calc(1.0625rem * var(--dt,1));line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}
.hc-manual-orders .pt-prod-desc{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--f-footnote,calc(.8125rem * var(--dt,1)));line-height:1.35}
.hc-manual-orders .pt-prod-texto strong{font-size:calc(1.125rem * var(--dt,1));color:var(--d-verdeagua-t,#006F5D);font-variant-numeric:tabular-nums}
.hc-manual-orders .pt-prod-texto s{font-weight:400;color:var(--label2,#6B5A4C);font-size:calc(.875rem * var(--dt,1))}
.hc-manual-orders .pt-mais{position:absolute;right:.75rem;bottom:.75rem;width:2.75rem;height:2.75rem;margin:0;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:var(--label,#2A1C12);color:var(--surface,#FFFFFF);cursor:pointer;box-shadow:0 .25rem .75rem color-mix(in srgb,light-dark(var(--label,#2A1C12),var(--page,#F7F5F1)) 22%,transparent);transition:transform .1s ease-out}
.hc-manual-orders .pt-mais:active{transform:scale(.9)}
.hc-manual-orders .pt-prod-qtd{position:absolute;top:.75rem;right:.75rem;min-width:1.875rem;height:1.875rem;box-sizing:border-box;padding:0 .5rem;display:grid;place-items:center;border-radius:999px;background:var(--d-verdeagua-t,#006F5D);color:var(--acao-txt,#FFFFFF);font-size:calc(.875rem * var(--dt,1));font-weight:700;font-variant-numeric:tabular-nums;box-shadow:0 .125rem .5rem color-mix(in srgb,light-dark(var(--label,#2A1C12),var(--page,#F7F5F1)) 25%,transparent);pointer-events:none}
.hc-manual-orders .pt-vazio{flex:1 1 100%;align-self:center;text-align:center}
/* escolha da unidade e avisos: cartões grandes no meio da tela, sem faixa */
.hc-manual-orders .pt-lojas{flex:1 1 auto;min-height:0;width:100%;max-width:48rem;margin:0 auto;display:grid;align-content:center;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}
.hc-manual-orders .pt-lojas h3{grid-column:1/-1;margin:0;text-align:center;font-size:var(--f-title2,calc(1.375rem * var(--dt,1)));letter-spacing:-.02em;outline:none}
dialog.hc-manual-orders .pt-loja{display:grid;gap:.25rem;place-content:center;min-height:7.5rem;margin:0;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));border-radius:var(--pt-raio);background:var(--surface,#FFFFFF);color:var(--label,#2A1C12);font:inherit;text-align:center;cursor:pointer;box-shadow:0 .5rem 1.25rem color-mix(in srgb,light-dark(var(--label,#2A1C12),var(--page,#F7F5F1)) 8%,transparent);transition:transform .1s ease-out}
.hc-manual-orders .pt-loja b{font-size:var(--f-title2,calc(1.375rem * var(--dt,1)));letter-spacing:-.02em}
dialog.hc-manual-orders .pt-aviso{margin:auto;width:100%;max-width:36rem;box-sizing:border-box;padding:1.25rem;border-radius:var(--pt-raio);display:grid;gap:.625rem}
.hc-manual-orders .pt-aviso :is(h3,p){margin:0}

/* ---------- a folha: o cartão expandido ----------
   overflow:hidden na área da folha: o cartão nasce da borda de cima do pé e nunca passa por cima dele (o total e o botão
   do próximo passo continuam à vista e tocáveis enquanto a folha sobe e desce). */
.hc-manual-orders .pt-folha{position:absolute;z-index:5;top:calc(-1 * var(--pt-topo));left:calc(-1 * var(--pt-lado-e));right:calc(-1 * var(--pt-lado-d));bottom:0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:color-mix(in srgb,var(--label,#2A1C12) calc(42% * var(--pt-vela,1)),transparent);padding-top:max(.75rem,env(safe-area-inset-top))}
.hc-manual-orders .pt-folha[hidden]{display:none}
.hc-manual-orders .pt-folha.pt-saindo{pointer-events:none}
.hc-manual-orders .pt-folha-cartao{width:min(100%,44rem);max-height:100%;min-height:0;margin:0;padding:0;box-sizing:border-box;display:flex;flex-direction:column;border:0;border-radius:1.75rem 1.75rem 0 0;background:var(--surface,#FFFFFF);color:var(--label,#2A1C12);box-shadow:0 -1rem 3rem color-mix(in srgb,light-dark(var(--label,#2A1C12),var(--page,#F7F5F1)) 24%,transparent);overflow:hidden;will-change:transform}
@media (min-width:761px){.hc-manual-orders .pt-folha{align-items:center;padding:1rem}.hc-manual-orders .pt-folha-cartao{border-radius:1.75rem;max-height:calc(100% - .5rem)}}
/* o topo da folha é a alça: puxar para baixo fecha */
.hc-manual-orders .pt-folha-topo{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:.75rem;padding:1.125rem .75rem .5rem 1.25rem;touch-action:none;-webkit-user-select:none;user-select:none}
.hc-manual-orders .pt-alca{position:absolute;top:.4375rem;left:50%;width:2.25rem;height:.3125rem;margin-left:-1.125rem;border-radius:999px;background:var(--fill,color-mix(in srgb,var(--label,#2A1C12) 8%,transparent))}
.hc-manual-orders .pt-folha-topo h3{flex:1 1 auto;min-width:0;margin:0;font-size:var(--f-title3,calc(1.25rem * var(--dt,1)));line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere;outline:none}
.hc-manual-orders .pt-folha-aviso{flex:0 0 auto;margin:0 1.25rem .5rem;max-width:none;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.hc-manual-orders .pt-folha-aviso:empty{display:none}
.hc-manual-orders .pt-x{flex:none;width:2.75rem;height:2.75rem;margin:0;padding:0;display:grid;place-items:center;border-radius:50%}
.hc-manual-orders .pt-folha-rola{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:.25rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;scroll-padding-block:3rem}
.hc-manual-orders .pt-folha-rola>*{margin:0;flex:none}
.hc-manual-orders .pt-heroi{width:100%;max-height:14rem;object-fit:cover;border-radius:1.25rem}
.hc-manual-orders .pt-descricao{line-height:1.5}
.hc-manual-orders .hc-manual-line{display:grid;gap:.375rem;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));padding-bottom:.75rem}
.hc-manual-orders .hc-manual-line :is(p,.hc-actions){margin:0}
.hc-manual-orders .pt-lista{gap:.5rem}
dialog.hc-manual-orders .pt-conferencia-toda .hc-card{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.hc-manual-orders .pt-conferencia-toda dl.hc-grid{margin-block:.75rem;gap:.75rem}
/* as escolhas do produto: as mesmas peças da vitrine (web/delivery/choice-rows.css) com as cores e o tamanho de texto do Hub */
.hc-manual-orders [data-mo-product-form],.hc-manual-orders [data-mo-folha]{--ink:var(--label,#2A1C12);--green:var(--d-verdeagua-t,#006F5D);--error-ink:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#2A1C12));--error-soft:color-mix(in srgb,var(--queda,#E21D3C) 12%,var(--surface,#FFFFFF));--cr-fundo:var(--surface,#FFFFFF);--cr-marcado:color-mix(in srgb,var(--verde,#11994A) 14%,var(--surface,#FFFFFF));--cr-aro:var(--label4,var(--label3,#9C8D80));--cr-trilho:var(--fill,color-mix(in srgb,var(--label,#2A1C12) 8%,transparent))}
.hc-manual-orders .field{display:grid;gap:.4375rem;margin:0;font-size:calc(.875rem * var(--dt,1));font-weight:600}
.hc-manual-orders .field :is(input,select,textarea){font:inherit;font-weight:400;font-size:calc(1rem * var(--dt,1));color:var(--label,#2A1C12);background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));border-radius:.75rem;padding:.6875rem;min-height:44px;width:100%;box-sizing:border-box}
.hc-manual-orders .field textarea{min-height:4.5rem;resize:vertical}
.hc-manual-orders .field :is(input,select,textarea):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}
.hc-manual-orders fieldset{border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));border-radius:1rem;padding:.875rem;margin:0}
.hc-manual-orders legend{font-weight:650;padding:0 .5rem}
.hc-manual-orders .hint{margin:.25rem 0;font-size:var(--f-footnote,calc(.8125rem * var(--dt,1)));line-height:1.4;color:var(--label2,#6B5A4C)}
.hc-manual-orders .addon-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem 0;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent))}
.hc-manual-orders .addon-row:last-child{border-bottom:0}
.hc-manual-orders .addon-row input{min-height:44px;width:5.5rem;font:inherit;background:var(--surface,#FFFFFF);color:var(--label,#2A1C12);border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));border-radius:.625rem;padding:.625rem}
.hc-manual-orders :is(.choice-row,.stepper .step){font:inherit;cursor:pointer;margin:0}
.hc-manual-orders .stepper .step{border:0;font-size:calc(1.25rem * var(--dt,1))}
.hc-manual-orders .choice-label{margin:0;font-size:calc(.875rem * var(--dt,1))}
.hc-manual-orders .choice-text small{margin:0;font-size:var(--f-footnote,calc(.8125rem * var(--dt,1)))}
.hc-manual-orders .stepper input,.hc-manual-orders .addon-row .stepper input{font-size:calc(1.0625rem * var(--dt,1));width:44px;border:0;background:transparent;padding:0}
.hc-manual-orders .field.has-stepper{display:flex;font-size:calc(.875rem * var(--dt,1))}
.hc-manual-orders .choice-missing-note{font-size:calc(.875rem * var(--dt,1))}
.hc-manual-orders :is(.choice-row,.stepper .step,.addon-row input):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}

/* ---------- o pé (C4): o total e o botão do próximo passo, sempre à vista ----------
   Header and total occupy their own rows, so enlarged text cannot disappear behind the total. */
.hc-manual-orders .hc-manual-summary{position:static;flex:0 0 auto;isolation:isolate;background:var(--surface,#FFFFFF);margin:0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));border-radius:1.25rem;box-shadow:0 .5rem 1.5rem color-mix(in srgb,light-dark(var(--label,#2A1C12),var(--page,#F7F5F1)) 10%,transparent)}
dialog.hc-manual-orders>.hc-manual-summary{padding:.5rem .5rem .5rem 1rem;min-height:3.75rem;box-sizing:border-box;display:flex;align-items:center;gap:.75rem}
.hc-manual-orders .hc-manual-summary>p{flex:1 1 auto;margin:0;min-width:0;overflow-wrap:anywhere;line-height:1.35;font-size:calc(.875rem * var(--dt,1));font-weight:600;color:var(--label,#2A1C12)}
dialog.hc-manual-orders .mo-barra-botao{min-width:9.5rem;border-radius:.875rem}
/* C5 (conferência de 04/10), toque repetido: o botão que acaba de chegar ao pé no lugar do anterior não aceita toque por um
   instante e mostra isso, apagado como todo botão desligado do Hub; acende sozinho, sem deslocar nada */
dialog.hc-manual-orders .mo-barra-botao{transition:opacity .18s ease-out}
dialog.hc-manual-orders .mo-barra-botao[aria-disabled="true"]{opacity:var(--desligado-opacidade,.45);cursor:default}
dialog.hc-manual-orders .mo-barra-itens{padding-left:0}
dialog.hc-manual-orders .mo-barra-itens:not([disabled]) .hc-note::after{content:" ›"}
/* 04/10/2026 (a dupla checagem): sem texto ao lado (o primeiro produto aberto, sacola vazia), o botão ficava na ponta
   esquerda do pé no computador e pulava para a direita nas outras etapas; fica sempre na direita */
dialog.hc-manual-orders>.hc-manual-summary>.mo-barra-botao:first-child{margin-left:auto}
@media (max-width:600px){dialog.hc-manual-orders>.hc-manual-summary{padding:.375rem .5rem .5rem;gap:.125rem .75rem}dialog.hc-manual-orders>.hc-manual-summary>:first-child{padding-left:.5rem;flex-basis:100%}dialog.hc-manual-orders>.hc-manual-summary .mo-barra-itens{min-height:2.75rem}}

@media (prefers-reduced-motion:reduce){dialog.hc-manual-orders[open]{animation:none}.hc-manual-orders .pt-faixa{scroll-behavior:auto}.mo-cat,.hc-manual-orders :is(.pt-prod,.pt-mais,.pt-ficha,.pt-loja,.pt-opcao>span){transition:none}.mo-cat:active,.hc-manual-orders :is(.pt-mais,.pt-ficha):active,.hc-manual-orders .pt-prod:has(.hc-manual-product:is(:active,.pressed)),.hc-manual-orders .pt-opcao input:active+span{transform:none}.hc-manual-orders :is(.mo-cat,.pt-loja):is(:active,.pressed){transform:none!important}}
@media (prefers-reduced-transparency:reduce){.mo-cat-entra{background:var(--label,#2A1C12);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-contrast:more){.hc-manual-orders :is(.pt-cartao,.pt-prod,.pt-ficha,.pt-opcao>span,.hc-manual-summary){border-color:var(--label,#2A1C12)}.mo-cat::after{background:linear-gradient(180deg,color-mix(in srgb,var(--label,#2A1C12) 80%,transparent),color-mix(in srgb,var(--label,#2A1C12) 55%,transparent) 48%,color-mix(in srgb,var(--label,#2A1C12) 30%,transparent) 65%,color-mix(in srgb,var(--label,#2A1C12) 70%,transparent))}}
@media (forced-colors:active){.mo-cat::after{background:transparent}.mo-cat-copy{background:Canvas;color:CanvasText;padding:.5rem}.hc-manual-orders .pt-opcao input:checked+span{outline:3px solid Highlight}}

/* O07: a short discovery hint for desktop keyboards; mobile keeps the existing touch layout. */
.hc-manual-orders .mo-atalhos{display:block;color:var(--label2,#6B5A4C);font-size:calc(.875rem * var(--dt,1));line-height:1.4;overflow-wrap:anywhere}
@media(max-width:600px){.hc-manual-orders .mo-atalhos{display:none}}

/* AU-XK-BALCAO-01: o mesmo fluxo F51 na paleta da Expedição v17.
   A classe só existe com hubExpV2 ligado; a chave 0 conserva as regras acima. */
dialog.hc-manual-orders.mo-exp-v2{
  contain:layout style paint;
  --label:light-dark(#323200,#F5EFE8);--text:var(--label);--mo-cafe:#323200;
  --mo-sombra:light-dark(rgba(50,50,0,.08),rgba(0,0,0,.28));
  color:var(--label);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
/* O diálogo nativo cobre a janela inteira e já torna o fundo inerte. Suspende só a
   pintura da operação coberta; fechar o diálogo devolve seus mesmos nós e medidas. */
body[data-hub-dialogo~="pedido-manual"]:is(dialog.hub-esp.hub-esp,*) :is(#view-exp,#view-kds){content-visibility:hidden}
.mo-exp-v2 .pt-topo{padding:.25rem .5rem;border:1px solid var(--sep);border-radius:1.5rem;background:var(--glass-forte,var(--surface));box-shadow:0 2px 12px var(--mo-sombra)}
.mo-exp-v2 .pt-topo :is(h2,.hc-note){white-space:normal;overflow:visible;text-overflow:clip}
.mo-exp-v2 .pt-topo .pt-titulo{display:block}
dialog.mo-exp-v2 :is(.pt-cartao,.pt-prod,.pt-loja){box-shadow:0 1px 2px var(--mo-sombra),0 8px 22px var(--mo-sombra)}
dialog.mo-exp-v2 .btn{border-radius:999px;white-space:normal;overflow-wrap:anywhere;transition:transform .1s ease-out,opacity .15s ease-out}
dialog.mo-exp-v2 .btn.primary{background:var(--acao,#1F5FD0);color:var(--acao-txt,#FFFFFF);border-color:transparent}
.mo-exp-v2 :is(.pt-ficha,.pt-opcao>span){transition:transform .1s ease-out,opacity .15s ease-out}
.mo-exp-v2 .pt-ficha{max-width:100%;white-space:normal;text-overflow:clip;overflow:visible}
.mo-exp-v2 .pt-ficha.mo-cerebro{background:var(--mo-cafe);color:#FFFFFF}
.mo-exp-v2 .pt-ficha.mo-cerebro i{color:var(--d-laranja,#F57A1C)}
.mo-exp-v2 .mo-cat{background:var(--surface);color:var(--label);border:1px solid var(--sep);box-shadow:0 8px 22px var(--mo-sombra)}
.mo-exp-v2 .mo-cat::after{background:none}
.mo-exp-v2 .mo-cat:has(img)::after{background:linear-gradient(180deg,rgba(50,50,0,.78),rgba(50,50,0,.12) 65%,rgba(50,50,0,.5))}
.mo-exp-v2 .mo-cat:has(img) .mo-cat-copy{color:#FFFFFF}
.mo-exp-v2 .mo-cat-copy b{text-shadow:none}
.mo-exp-v2 .mo-cat .mo-cat-copy small{color:inherit;opacity:1}
.mo-exp-v2 .mo-cat-vazio{background:var(--surface2);color:var(--d-anil-t,#394DC8)}
.mo-exp-v2 .mo-cat-entra{background:var(--label);color:var(--surface);border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.mo-exp-v2 .mo-cat-entra svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mo-exp-v2 .pt-prod-qtd{background:light-dark(var(--d-anil-t,#394DC8),var(--d-anil,#6E7DFF));color:light-dark(#FFFFFF,#141210)}
.mo-exp-v2 :is(.pt-itens li>b,.pt-itens li>small,[data-mo-beneficio-editar] b,[data-mo-beneficio-editar] small,[data-mo-mesas-todas] b){white-space:normal;text-overflow:clip;overflow:visible;overflow-wrap:anywhere}
.mo-exp-v2 .pt-prod-desc{display:block;overflow:visible;-webkit-line-clamp:unset}
.mo-exp-v2 .pt-apertado :is([data-mo-quem],[data-mo-onde]){display:block;white-space:normal;overflow:visible;-webkit-line-clamp:unset}
/* Bairro e CEP dividem a linha: os oito dígitos ficam inteiros no celular. */
.mo-exp-v2 .pt-endereco>:is(:nth-child(4),:nth-child(5)){grid-column:span 3}
.mo-exp-v2 .hc-manual-summary{background:var(--glass-forte,var(--surface));box-shadow:0 8px 22px var(--mo-sombra)}
.mo-exp-v2 .mo-barra-botao{transition:opacity .18s ease-out,transform .1s ease-out}
@media(max-width:600px){
  dialog.mo-exp-v2 .pt-topo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.375rem .5rem}
  .mo-exp-v2 .pt-volta{grid-column:1;grid-row:1}
  .mo-exp-v2 .pt-titulo{grid-column:2;grid-row:1}
  .mo-exp-v2 .pt-topo:has([data-mo-volta][hidden]) .pt-titulo{grid-column:1/3}
  .mo-exp-v2 [data-mo-close]{grid-column:3;grid-row:1;max-width:none}
  .mo-exp-v2 .pt-topo .pt-busca{grid-column:1/-1;grid-row:2;min-width:0;width:100%}
  .mo-exp-v2 .pt-topo:has(.pt-busca input:is(:focus,:not(:placeholder-shown))) .pt-titulo{display:block}
}
@media(prefers-reduced-motion:reduce){
  .mo-exp-v2,.mo-exp-v2 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* A faixa tem dimensões próprias. Suas medidas não precisam reler a operação coberta. */
.mo-exp-v2 [data-mo-content]{contain:layout style}

.mo-exp-v2 .pt-faixa>.pt-cartao{contain:layout style paint}

/* /hub-consumption-accounts.css */
/* Centered native-dialog sheet, semantic colors, internal scroll and 44 px controls. */
.hca-launch,.hca-sheet{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--label,#323200)}
.hca-launch{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.55rem .9rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:12px;background:var(--surface,#FFFFFF);cursor:pointer;font-weight:600}
.hca-launch svg,.hca-sheet svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hca-sheet{padding:0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:24px;background:var(--page,#F7F5F1);width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-shadow:0 24px 80px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 20%,transparent)}
.hca-sheet::backdrop{background:color-mix(in srgb,var(--label,#323200) 40%,transparent);backdrop-filter:blur(5px)}
.hca-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}
.hca-top{display:flex;align-items:center;gap:.85rem;padding:1rem 1.2rem;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));background:var(--surface,#FFFFFF)}
.hca-top h2{font-size:1.25rem;margin:0}.hca-top p{font-size:.875rem;color:var(--label2,#6B5A4C);margin:.2rem 0 0}.hca-top>div{flex:1;min-width:0}
.hca-sheet button{font:inherit;min-height:44px;border-radius:12px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));background:var(--surface,#FFFFFF);color:inherit;padding:.65rem .9rem;cursor:pointer}
.hca-sheet button:active,.hca-launch:active{transform:scale(.98)}.hca-sheet button:disabled{opacity:.45;cursor:default;transform:none}
.hca-sheet :focus-visible,.hca-launch:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}
.hca-sheet button[data-hca-commit]{width:100%;margin-top:1rem;color:var(--acao-txt,#FFFFFF);background:var(--acao,#1F5FD0);border-color:transparent;font-weight:600}
.hca-steps{display:flex;justify-content:space-around;gap:.5rem;padding:.8rem;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));font-size:.8rem;color:var(--label2,#6B5A4C)}.hca-steps span{display:flex;align-items:center;gap:.35rem}
.hca-sheet [data-hca-body]{padding:1.2rem;overflow:auto;overscroll-behavior:contain;min-height:140px;scrollbar-gutter:stable}
.hca-feedback{margin:0;padding:0 1.2rem;line-height:1.4}.hca-feedback:not(:empty){padding:1rem 1.2rem;color:var(--label,#323200)}
.hca-pending{margin:1rem 1.2rem 0;padding:.9rem;border:1px solid var(--d-ambar,#C27A00);border-radius:16px;background:var(--surface,#FFFFFF)}.hca-pending p{margin:0 0 .8rem}
.hca-list-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.hca-list-top h3{margin:.4rem 0}.hca-list-top button{display:flex;align-items:center;gap:.3rem}
.hca-list{display:grid;gap:.65rem;margin-top:1rem}.hca-list>button{display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left;padding:1rem;border-radius:18px}.hca-list small{display:block;margin-top:.3rem;color:var(--label2,#6B5A4C)}
.hca-account-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem}.hca-account-heading h3{font-size:1.4rem;margin:.25rem 0}.hca-eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:.06em;margin:0;color:var(--label2,#6B5A4C)}
.hca-account-heading>div:first-child,.hca-rounds li>div:first-child{min-width:0;overflow-wrap:anywhere}
.hca-detail>.hca-rounds li{min-width:0;flex-wrap:wrap}.hca-detail>.hca-rounds li>div:first-child{flex:1 1 12rem}
.hca-muted{font-size:.9rem;line-height:1.4;color:var(--label2,#6B5A4C);margin:.35rem 0}.hca-balance{text-align:right}.hca-balance>span{font-size:.8rem;display:block;color:var(--label2,#6B5A4C)}.hca-balance strong{font-size:1.55rem;display:block;white-space:nowrap;letter-spacing:-.02em}
.hca-totals{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.9rem}.hca-totals p{display:flex;gap:.5rem}.hca-warning{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}
.hca-rounds{list-style:none;padding:0;display:grid;gap:.5rem;margin:1rem 0}.hca-rounds li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:16px;background:var(--surface,#FFFFFF)}.hca-rounds b{font-size:.95rem}.hca-round-money{text-align:right;white-space:nowrap}.hca-round-money small{display:block;font-size:.75rem;color:var(--label2,#6B5A4C);margin-top:.3rem}
.hca-grid-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1rem}.hca-grid-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem .4rem;font-size:.8rem;min-height:88px;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center}
.hca-empty{padding:1.5rem .5rem;text-align:center;color:var(--label2,#6B5A4C)}.hca-form-page h3{font-size:1.25rem;margin:.2rem 0 1rem}.hca-field{display:grid;gap:.45rem;margin:.7rem 0;font-size:.9rem}.hca-field input,.hca-field select{min-height:44px;font:inherit;padding:.65rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:12px;background:var(--surface,#FFFFFF);color:inherit;box-sizing:border-box;width:100%}
.hca-split-tools{display:flex;gap:.75rem;align-items:end}.hca-split-tools .hca-field{flex:1}.hca-split-tools button{margin-bottom:.7rem}.hca-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.hca-form-page fieldset{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:16px;padding:.75rem 1rem;margin:1rem 0;background:var(--surface,#FFFFFF)}.hca-form-page legend{font-weight:600;padding:0 .35rem}
.hca-allocation{margin:1rem 0;padding:.8rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:12px}.hca-allocation summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.hca-allocation label:not(.hca-field),.hca-confirm-check{display:flex;align-items:center;gap:.65rem;min-height:44px;line-height:1.45}.hca-sheet input[type=checkbox]{width:22px;height:22px;flex:none;accent-color:var(--acao,#1F5FD0)}
.hca-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;border-radius:16px;background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hca-review dt{color:var(--label2,#6B5A4C);font-size:.8rem}.hca-review>div{min-width:0}.hca-review dd{font-weight:650;margin:.3rem 0 0;font-size:1.25rem;overflow-wrap:anywhere}
@media(max-width:520px){.hca-sheet{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:20px}.hca-shell{max-height:calc(100dvh - 18px)}.hca-top{padding:.8rem}.hca-sheet [data-hca-body]{padding:1rem}.hca-grid-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.hca-account-heading{flex-direction:column}.hca-balance{text-align:left}.hca-list-top{flex-wrap:wrap}.hca-two,.hca-review{grid-template-columns:minmax(0,1fr)}.hca-rounds li{align-items:start}.hca-split-tools{align-items:stretch;flex-direction:column;gap:0}}
@media(prefers-color-scheme:dark){.hca-sheet{background:var(--page,#F7F5F1);color:var(--label,#323200)}.hca-sheet button,.hca-top,.hca-field input,.hca-field select,.hca-rounds li,.hca-form-page fieldset,.hca-review,.hca-pending,.hca-launch{background:var(--surface,#FFFFFF);border-color:var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hca-muted,.hca-top p,.hca-steps,.hca-eyebrow,.hca-review dt,.hca-round-money small,.hca-list small,.hca-balance>span{color:var(--label2,#6B5A4C)}}
@media(prefers-reduced-motion:reduce){.hca-sheet button:active,.hca-launch:active{transform:none}.hca-sheet::backdrop{backdrop-filter:none}}
@media(prefers-reduced-transparency:reduce){.hca-sheet::backdrop{backdrop-filter:none;background:color-mix(in srgb,var(--label,#323200) 66.667%,transparent)}}
@media(prefers-contrast:more){.hca-sheet button,.hca-field input,.hca-field select,.hca-rounds li{border-width:2px}.hca-muted{color:inherit}}

/* Read-only prebill within the same account sheet. No extra modal or motion. */
.hca-prebill h3{font-size:1.4rem;margin:.25rem 0;overflow-wrap:anywhere}.hca-prebill h4{font-size:1rem;margin:1.25rem 0 .65rem}
.hca-prebill-orders{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.hca-prebill-orders>li{padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:16px;background:var(--surface,#FFFFFF);min-width:0}
.hca-prebill-orders header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.hca-prebill-orders header>div{min-width:0;overflow-wrap:anywhere}.hca-prebill-orders header>strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.hca-prebill-parts{list-style:none;padding:0;margin:.75rem 0 0;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hca-prebill-parts li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .75rem;padding:.65rem 0}.hca-prebill-parts span{overflow-wrap:anywhere}.hca-prebill-parts strong{font-variant-numeric:tabular-nums}.hca-prebill-parts small{grid-column:1/-1;color:var(--label2,#6B5A4C);line-height:1.4}
.hca-prebill-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.hca-prebill-controls button{flex:1;min-width:120px;min-height:44px}.hca-prebill .hca-review dd,.hca-prebill .hca-balance strong{font-variant-numeric:tabular-nums}
@media(max-width:360px){.hca-prebill-orders header{flex-wrap:wrap}.hca-prebill-controls{flex-direction:column}}
@media(prefers-color-scheme:dark){.hca-prebill-orders>li{background:var(--surface,#FFFFFF);border-color:var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hca-prebill-parts small{color:var(--label2,#6B5A4C)}}
@media(prefers-contrast:more){.hca-prebill-orders>li{border-width:2px}.hca-prebill-parts small{color:inherit}}

/* Cash refund stays inside the existing centered account sheet. */
.hca-refunds{margin:1.25rem 0;padding-top:1rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.hca-refunds h4{margin:.2rem 0 .5rem;font-size:1rem}
.hca-refunds ul{list-style:none;padding:0;margin:.75rem 0;display:grid;gap:.6rem}
.hca-refunds li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:14px;background:var(--surface,#FFFFFF)}
.hca-refunds li span{min-width:0;overflow-wrap:anywhere}.hca-refunds small{display:block;margin-top:.25rem;color:var(--label2,#6B5A4C)}
.hca-refunds button{flex:none}.hca-refund-success{padding:.8rem;border:1px solid var(--verde,#11994A);border-radius:14px;background:var(--surface,#FFFFFF);line-height:1.4}
.hca-refund-page{max-width:600px;margin-inline:auto}.hca-refund-page textarea{min-height:96px;resize:vertical;font:inherit;padding:.7rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:12px;background:var(--surface,#FFFFFF);color:inherit;box-sizing:border-box;width:100%}
.hca-refund-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.65rem;margin-top:1rem}.hca-refund-actions button{flex:1;min-width:140px}.hca-refund-page .hca-warning{padding:.8rem;border-left:4px solid var(--queda,#E21D3C);background:var(--surface,#FFFFFF);line-height:1.45}
@media(max-width:520px){.hca-refunds li{align-items:stretch;flex-direction:column}.hca-refunds li button{width:100%}.hca-refund-actions{flex-direction:column-reverse}.hca-refund-actions button{width:100%}}
@media(prefers-color-scheme:dark){.hca-refunds li,.hca-refund-success,.hca-refund-page textarea,.hca-refund-page .hca-warning{background:var(--surface,#FFFFFF);border-color:var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hca-refunds small{color:var(--label2,#6B5A4C)}}
@media(prefers-contrast:more){.hca-refunds li,.hca-refund-page textarea{border-width:2px}.hca-refunds small{color:inherit}}

/* Existing-order association stays inside the current account sheet. */
.hca-link-round-list{list-style:none;padding:0;margin:.75rem 0;display:grid;gap:.6rem}.hca-link-round-list>li{min-width:0}.hca-link-round-list button{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:56px;padding:.75rem 1rem;text-align:left;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:14px;background:var(--surface,#FFFFFF)}.hca-link-round-list button>span{min-width:0;overflow-wrap:anywhere}.hca-link-round-list small{display:block;margin-top:.25rem;color:var(--label2,#6B5A4C);line-height:1.35}.hca-link-financial{text-align:right;font-variant-numeric:tabular-nums}.hca-link-round-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.65rem;margin-top:1rem}.hca-link-round-actions button{flex:1;min-width:140px;min-height:44px}.hca-link-round .hca-review dd{overflow-wrap:anywhere}.hca-link-round-list button:focus-visible,.hca-link-round-actions button:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}
@media(max-width:520px){.hca-link-round-list button{align-items:stretch;flex-direction:column}.hca-link-financial{text-align:left}.hca-link-round-actions{flex-direction:column}.hca-link-round-actions button{width:100%}}
@media(prefers-color-scheme:dark){.hca-link-round-list button{background:var(--surface,#FFFFFF);border-color:var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hca-link-round-list small{color:var(--label2,#6B5A4C)}}
@media(prefers-contrast:more){.hca-link-round-list button{border-width:2px}}
.hca-link-round-success{padding:.8rem;border:1px solid var(--verde,#11994A);border-radius:14px;background:var(--surface,#FFFFFF);line-height:1.4}
@media(prefers-color-scheme:dark){.hca-link-round-success{background:var(--surface,#FFFFFF);border-color:var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}}

@media(prefers-contrast:more){.hca-link-round-success{border-width:2px;color:inherit}}

/* /hub-table-map-v8.css */
.htm-dialog{width:min(920px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:var(--r-sheet);background:var(--surface,#FFFFFF);color:var(--label,#323200);overflow:auto;font-size:var(--f-body);box-sizing:border-box}
.htm-dialog::backdrop{background:color-mix(in srgb,var(--label,#323200) 40%,transparent)}
.htm-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:12px 0}.htm-search label{grid-column:1/-1;font-size:var(--f-callout);color:var(--label2,#6B5A4C)}.htm-search input{min-width:0;width:100%;min-height:44px;padding:10px 12px;box-sizing:border-box;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:var(--r-ctl);background:var(--fill2,color-mix(in srgb,var(--label,#323200) 13%,transparent));color:var(--label,#323200);font:inherit}.htm-search input:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}.htm-filters[hidden]{display:none}
.htm-top{position:sticky;top:0;z-index:2;padding:16px 20px 12px;background:var(--surface,#FFFFFF);border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.htm-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.htm-heading h2{margin:0;font-size:var(--f-title3)}
.htm-dialog button{min-height:44px;padding:10px 14px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:var(--r-ctl);background:var(--fill2,color-mix(in srgb,var(--label,#323200) 13%,transparent));color:var(--label,#323200);font:inherit;cursor:pointer}.htm-dialog button:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}.htm-dialog button:disabled{opacity:.55;cursor:default}
.htm-feedback{margin:6px 0 8px;color:var(--label2,#6B5A4C);font-size:var(--f-callout);overflow-wrap:anywhere}.htm-toolbar,.htm-filters{display:flex;gap:8px;flex-wrap:wrap}.htm-filters{margin:10px 0 0;border:0;padding:0}.htm-filters legend{margin-bottom:8px}.htm-filters button[aria-pressed="true"]{color:var(--acao,#1F5FD0);border-color:var(--acao,#1F5FD0)}
.htm-dialog main{padding:16px 20px 20px}.htm-note{margin:0 0 16px;color:var(--label2,#6B5A4C);font-size:var(--f-callout)}.htm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.htm-card{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:var(--r-ctl);padding:16px;min-width:0;background:var(--fill2,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.htm-card h3{margin:0 0 8px;font-size:var(--f-headline);overflow-wrap:anywhere}.htm-state{margin:0 0 10px;font-size:var(--f-callout)}.htm-rounds{color:var(--label2,#6B5A4C);font-size:var(--f-callout)}.htm-card button{width:100%}.htm-warning,.htm-empty{font-size:var(--f-callout);overflow-wrap:anywhere}.htm-warning{color:var(--label2,#6B5A4C)}
@media(max-width:520px){.htm-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 12px)}.htm-top{padding:12px}.htm-heading h2{font-size:var(--f-headline)}.htm-dialog main{padding:12px}.htm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.htm-card{padding:12px}.htm-card button{padding:10px 6px}.htm-toolbar button{flex:1}.htm-filters button{flex:1 0 40%}}
@media(max-width:340px){.htm-grid{grid-template-columns:1fr}}
@media(max-width:520px){.htm-search{grid-template-columns:minmax(0,1fr)}.htm-search button{justify-self:start}.htm-heading h2{min-width:0;overflow-wrap:anywhere}.htm-top{position:relative}}

/* Header entry only when the root supplies the map callback. */
.hca-top [data-hca-tables]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;flex-shrink:0}
@media(max-width:520px){.hca-top [data-hca-tables]{flex-direction:column;gap:2px;padding:6px}.hca-top:has([data-hca-tables]){gap:8px}.hca-top:has([data-hca-tables])>div h2{font-size:var(--f-headline)}}

/* /hub-external-context-v8.css */
.hub-external-context-v8 { display: grid; gap: 12px; color: inherit; }
.hub-external-context-v8 h3, .hub-external-context-v8 h4, .hub-external-context-v8 p { margin: 0; }
.hub-external-context-v8-record { display: grid; gap: 8px; padding: 14px; border: 1px solid var(--border, var(--label3,#9C8D80)); border-radius: 12px; overflow-wrap: anywhere; }
.hub-external-context-v8-record p { line-height: 1.5; font-size: .875rem; }
.hub-external-context-v8-record a { color: inherit; text-decoration: underline; display: inline-flex; align-items: center; min-height: 2.75rem; padding-inline: .25rem; }
.hub-external-context-v8-record a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; border-radius: 4px; }

.hub-external-context-v8-controls { display:flex; flex-wrap:wrap; gap:8px; }
.hub-external-context-v8-editor { width:min(560px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); overflow:auto; border-radius:24px; border:1px solid var(--border,var(--label3,#9C8D80)); color:var(--label,#323200); background:var(--page,#F7F5F1); padding:24px; }
.hub-external-context-v8-editor::backdrop { background:color-mix(in srgb,var(--label,#323200) 30%,transparent); }
.hub-external-context-v8-editor form { display:grid; gap:16px; }
.hub-external-context-v8-editor h2 { margin:0; }
.hub-external-context-v8-editor input, .hub-external-context-v8-editor select, .hub-external-context-v8-controls button, .hub-external-context-v8-controls input, .hub-external-context-v8-controls select { min-height:44px; }
.hub-external-context-v8-editor input[type=checkbox] { min-height:24px; width:24px; }
@media (max-width:480px) { .hub-external-context-v8-editor { padding:20px; border-radius:20px; } }

/* /hub-flow-canvas.css */
.hc-flow-canvas{min-width:0}
.hc-flow-canvas-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hc-flow-canvas-tools>div{min-width:0}
.hc-flow-viewport{max-width:100%;height:460px;max-height:65dvh;overflow:auto;overscroll-behavior:contain;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:22px;background:var(--surface,#FFFFFF);position:relative;touch-action:pan-x pan-y pinch-zoom}
.hc-flow-viewport:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}
.hc-flow-surface{position:relative;min-width:100%;min-height:100%;background-image:radial-gradient(var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent)) 1px,transparent 1px);background-size:20px 20px}
.hc-flow-wires{position:absolute;inset:0;pointer-events:none;overflow:visible}
.hc-flow-wires path{fill:none;stroke:var(--acao,#1F5FD0);stroke-width:2;opacity:.65}
.hc-flow-tile{position:absolute;width:264px;box-sizing:border-box;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;background:var(--surface,#FFFFFF);box-shadow:0 5px 16px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 4.7059%,transparent);overflow:hidden}
.hc-flow-tile>header{display:flex;align-items:stretch;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.hc-flow-tile button{font:inherit;color:var(--label,#323200);background:transparent;border:0;cursor:pointer;min-height:44px;white-space:normal;overflow-wrap:anywhere}
.hc-flow-tile button:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:-4px}
.hc-flow-handle{display:flex;align-items:center;gap:6px;flex:1;padding:8px 10px;text-align:left;touch-action:none;cursor:grab!important;font-size:var(--f-caption1)!important}
.hc-flow-handle:active{cursor:grabbing!important;background:var(--surface,#FFFFFF)}
.hc-flow-inlet{font-size:var(--f-caption1)!important;color:var(--acao,#1F5FD0)!important;padding:8px;border-left:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))!important;max-width:96px}
.hc-flow-title{width:100%;text-align:left;padding:14px 16px;font-weight:600!important;line-height:1.35;min-height:74px!important}
.hc-flow-ports{display:grid}
.hc-flow-ports>button{display:flex;align-items:center;gap:7px;min-height:46px;padding:8px 12px;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));touch-action:none;text-align:left}
.hc-flow-ports>button>span:first-child{flex:1;min-width:0}
.hc-flow-ports small{font-size:var(--f-caption1);color:var(--label2,#6B5A4C)}
.hc-flow-ports [aria-pressed=true]{background:var(--surface,#FFFFFF);box-shadow:inset 0 0 0 2px var(--acao,#1F5FD0)}
.hc-flow-canvas [data-fc-status]{font-size:var(--f-footnote);color:var(--label2,#6B5A4C);line-height:1.5;min-height:24px;margin:12px 0 6px}
@media(max-width:600px){.hc-flow-viewport{height:380px;max-height:60dvh;border-radius:18px}.hc-flow-canvas-tools{gap:8px}.hc-flow-canvas-tools .hc-actions{width:100%;gap:6px}.hc-flow-canvas-tools .btn{flex:1;padding-inline:8px}}
@media(prefers-contrast:more){.hc-flow-tile,.hc-flow-viewport{border-width:2px}.hc-flow-wires path{opacity:1;stroke-width:3}}

/* /hub-edit-review.css */
.her-card{margin:12px 0;padding:14px;border:1px solid var(--d-ambar,#C27A00);border-radius:14px;background:var(--surface,#FFFFFF);color:var(--label,#2A1C12);font-size:calc(0.875rem * var(--dt,1))}.her-card p{margin:6px 0 12px;line-height:1.45}.her-hold{border-width:2px}.her-warning{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#2A1C12))}.her-card .btn{min-height:44px;width:100%;white-space:normal}.her-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));border-radius:20px;padding:20px;background:var(--surface,#FFFFFF);color:var(--label,#2A1C12);font-family:inherit;font-size:calc(0.9375rem * var(--dt,1));line-height:1.5}.her-dialog::backdrop{background:color-mix(in srgb,var(--label,#2A1C12) 45%,transparent)}.her-dialog header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.her-dialog h2{margin:0;font-size:calc(1.25rem * var(--dt,1))}.her-dialog h3{font-size:calc(1rem * var(--dt,1));margin:0 0 10px}.her-dialog .btn{min-height:44px;white-space:normal;margin:4px 4px 4px 0;max-width:100%}.her-diff{display:grid;grid-template-columns:1fr 1fr;gap:14px}.her-diff section{min-width:0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));border-radius:12px;padding:12px;overflow-wrap:anywhere}.her-items{padding:0;list-style:none;margin:0}.her-items li{display:flex;flex-wrap:wrap;gap:4px 10px;padding:10px 0;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent))}.her-items strong{flex:1}.her-items small,.her-items p{width:100%;margin:0;font-size:max(0.6875rem,calc(0.8125rem * var(--dt,1)))}.her-note{font-size:max(0.6875rem,calc(0.8125rem * var(--dt,1)))}.her-confirm{display:flex;align-items:flex-start;gap:10px;margin:16px 0;padding:12px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));border-radius:12px}.her-confirm input{width:24px;height:24px;flex:none}.her-accept{font-weight:700}@media(max-width:580px){.her-dialog{padding:14px}.her-diff{grid-template-columns:1fr}.her-dialog>.btn{width:100%}}
/* AU-XK-FICHA-01: mesma folha v17; comparação e confirmação permanecem completas. */
.her-dialog.ficha-v2-folha{margin:12px 12px 12px auto;width:460px;height:calc(100dvh - 24px);max-height:none;border-radius:26px;background:var(--ficha-vidro);color:var(--ficha-texto);padding:16px}
.her-dialog.ficha-v2-folha .her-diff{grid-template-columns:1fr}
.her-dialog.ficha-v2-folha .her-diff section{border:0;background:var(--ficha-card);border-radius:16px}
.her-dialog.ficha-v2-folha header{position:sticky;top:-16px;z-index:1;background:var(--ficha-vidro);padding:12px 0;align-items:center}
.her-dialog.ficha-v2-folha h2{font-size:20px;overflow-wrap:anywhere}
@media(max-width:600px){.her-dialog.ficha-v2-folha{margin:auto 0 0;width:100%;height:88dvh;max-width:100%;border-radius:26px 26px 0 0}}
/* O título pode quebrar; a ação de fechar conserva a palavra inteira no celular. */
.her-dialog header [data-her-close]{flex:none;white-space:nowrap}
.her-dialog.ficha-v2-folha{contain:layout style paint}

/* /hub-visual-workspace.css */
/* Load after commercial/refinement CSS. Content is solid; only the transient chrome uses blur. */
.hvw-workspace{min-width:0;max-width:100%;margin-block:1.25rem;color:var(--label,#323200)}
.hvw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;align-items:stretch}
.hvw-group{min-width:0;margin-block:1.5rem}
.hvw-group-title{margin:0 0 1rem;font-size:var(--f-title3);line-height:1.4;color:var(--label,#323200);overflow-wrap:anywhere}
.hvw-group[data-compact=true]>.hvw-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(8.5rem * var(--dt,1))),1fr));gap:.75rem}
.hvw-group[data-compact=true] .hvw-card{padding:.875rem;gap:.625rem;border-radius:1.125rem}
.hvw-group[data-compact=true] .hvw-card-header{gap:.5rem;flex-wrap:wrap}
.hvw-group[data-compact=true] .hvw-card-title{font-size:var(--f-subhead);line-height:1.4}
.hvw-group[data-compact=true] .hvw-card-description{font-size:var(--f-footnote);line-height:1.45}
.hvw-group[data-compact=true] .hvw-summary>div{grid-template-columns:minmax(0,1fr)}
.hvw-group[data-compact=true] .hvw-summary dd{text-align:left}
.hvw-group[data-compact=true] .hvw-icon{width:2.5rem;height:2.5rem;border-radius:.875rem}
.hvw-group[data-hvw-group=offers]>.hc-catalog-filter{margin:0 0 1rem}
[data-hvw-source]{display:none!important}
.hvw-card{min-width:0;display:flex;flex-direction:column;gap:.875rem;box-sizing:border-box;padding:1.25rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.5rem;background:var(--surface,#FFFFFF);transition:box-shadow 160ms ease,border-color 160ms ease}
.hvw-card[hidden]{display:none!important}
.hvw-card-heading{min-width:0}
.hvw-card-eyebrow{margin:0 0 .25rem;font-size:max(.6875rem,calc(.75rem * var(--dt,1)));line-height:1.4;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}
.hvw-card-media{aspect-ratio:4/3;overflow:hidden;border-radius:1rem;background:var(--surface,#FFFFFF)}
.hvw-card-media img{display:block;object-fit:cover;width:100%;height:100%}
.hvw-card:hover{border-color:var(--label2,#6B5A4C);box-shadow:0 .375rem 1.5rem color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 6%,transparent)}
.hvw-card-header{display:flex;align-items:center;gap:.875rem;min-width:0}
.hvw-icon{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:.875rem;background:var(--surface,#FFFFFF);color:var(--d-verdeagua-t,#006F5D)}
.hvw-icon svg{width:1.625rem;height:1.625rem}
.hvw-card[data-accent=blue] .hvw-icon{color:var(--acao,#1F5FD0)}
.hvw-card[data-accent=orange] .hvw-icon{color:var(--label,#323200)}
.hvw-card[data-accent=red] .hvw-icon{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}
.hvw-card[data-accent=neutral] .hvw-icon{color:var(--label2,#6B5A4C)}
.hvw-card .hvw-card-title{font-size:calc(1.125rem * var(--dt,1));line-height:1.25;letter-spacing:-.025em;margin:0;min-width:0;overflow-wrap:anywhere}
.hvw-card-description,.hvw-card-feedback,.hvw-disabled-reason,.hvw-edit-state,.hvw-switch-note{margin:0;font-size:calc(.875rem * var(--dt,1));line-height:1.5;overflow-wrap:anywhere;color:var(--label2,#6B5A4C)}
.hvw-status{align-self:flex-start;max-width:100%;padding:.375rem .625rem;border-radius:.625rem;background:var(--surface,#FFFFFF);font-size:calc(.8125rem * var(--dt,1));font-weight:650;line-height:1.4;overflow-wrap:anywhere;color:var(--label,#323200)}
.hvw-status[data-tone=good]{color:var(--d-verdeagua-t,#006F5D)}
.hvw-status[data-tone=warning]{color:var(--label,#323200);border-inline-start:3px solid var(--d-ambar,#C27A00)}
.hvw-status[data-tone=danger],.hvw-card-feedback[data-error=true]{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}
.hvw-summary{display:grid;gap:.75rem;margin:0;min-width:0;font-size:calc(.875rem * var(--dt,1));line-height:1.45}
.hvw-summary>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:.625rem;min-width:0}
.hvw-summary dt{color:var(--label2,#6B5A4C);overflow-wrap:anywhere}
.hvw-summary dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}
.hvw-open,.hvw-close,.hvw-back{font:inherit;font-size:calc(.9375rem * var(--dt,1));line-height:1.35;min-height:44px;min-width:44px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding:.625rem .875rem;border-radius:.875rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);cursor:pointer;overflow-wrap:anywhere;white-space:normal;transition:background-color 120ms ease,transform 120ms ease}
.hvw-open{width:100%;margin-top:auto;text-align:left;font-weight:650}
.hvw-open::after{content:"›";float:right;margin-inline-start:.625rem}
.hvw-open:active,.hvw-close:active,.hvw-back:active{transform:scale(.985)}
.hvw-open:disabled{cursor:default;opacity:.65}
.hvw-open:focus-visible,.hvw-close:focus-visible,.hvw-back:focus-visible,.hvw-switch:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}
.hvw-switch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px}
.hvw-switch-label{font-size:calc(.9375rem * var(--dt,1));line-height:1.4;min-width:0;overflow-wrap:anywhere}
.hvw-switch{position:relative;flex:none;width:3.5rem;height:44px;border:0;background:transparent;cursor:pointer;padding:0}
.hvw-switch::before{content:"";position:absolute;inset:6px 0;background:var(--label2,#6B5A4C);border-radius:999px;transition:background-color 140ms ease}
.hvw-switch[aria-checked=true]::before{background:var(--d-verdeagua-t,#006F5D)}
.hvw-switch-knob{position:absolute;width:1.5rem;height:1.5rem;top:50%;left:4px;border-radius:50%;background:var(--surface,#FFFFFF);transform:translateY(-50%);box-shadow:0 1px 3px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 18%,transparent);transition:left 140ms ease}
.hvw-switch[aria-checked=true] .hvw-switch-knob{left:calc(100% - 1.5rem - 4px)}
.hvw-switch:disabled{opacity:.65;cursor:default}
.hvw-editor{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(54rem,calc(100vw - 2rem));height:min(48rem,calc(100dvh - 2rem));max-width:100%;max-height:calc(100dvh - 2rem);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding:0;border-radius:1.5rem;color:var(--label,#323200);background:var(--page,#F7F5F1);overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto;box-shadow:0 1rem 4rem color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 20%,transparent);font-family:inherit}
.hvw-editor[open],.hvw-editor[data-open=true]{display:grid}
.hvw-editor[hidden],.hvw-workspace[hidden],.hvw-card [hidden]{display:none!important}
.hvw-editor::backdrop{background:color-mix(in srgb,var(--label,#323200) 40%,transparent);backdrop-filter:blur(4px)}
.hvw-editor-borrowed{position:relative;inset:auto;margin:0;width:100%;height:min(47rem,calc(100dvh - 8rem));max-height:calc(100dvh - 8rem);box-shadow:none}
dialog.hvw-modal-editing{display:flex;flex-direction:column;width:min(54rem,calc(100vw - 2rem));height:min(48rem,calc(100dvh - 2rem));max-height:calc(100dvh - 2rem);padding:0!important;overflow:hidden}
.hvw-modal-editing .hc-dialog-top,.hvw-modal-editing .hc-header{display:none}
.hvw-modal-editing>.hc,.hvw-modal-editing>.hc-dialog-body,.hvw-modal-editing .hc-dialog-body>.hc,.hvw-modal-editing .hc-body{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;max-width:100%;height:100%;margin:0;padding:0}
.hvw-modal-editing .hvw-editor-borrowed{flex:1;width:100%;height:100%;min-height:0;max-height:none;border:0;border-radius:0}
.hvw-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));min-width:0;background:var(--surface,#FFFFFF)}
.hvw-editor-heading{min-width:0}
.hvw-editor-eyebrow{font-size:max(.6875rem,calc(.75rem * var(--dt,1)));line-height:1.4;color:var(--label2,#6B5A4C);margin:0 0 .375rem}
.hvw-editor .hvw-editor-title{font-size:calc(1.375rem * var(--dt,1));line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere;margin:0}
.hvw-editor-title:focus{outline:0}
.hvw-editor-description{font-size:calc(.875rem * var(--dt,1));line-height:1.4;color:var(--label2,#6B5A4C);margin:.375rem 0 0;overflow-wrap:anywhere}
.hvw-close{flex:none;width:44px;height:44px;padding:.5rem;font-size:1.5rem;line-height:1}
.hvw-editor-body{overflow:auto;overscroll-behavior:contain;min-height:0;min-width:0;padding:1.25rem;scrollbar-gutter:stable}
.hvw-editor-body>form,.hvw-editor-body>details{margin:0}
.hvw-editor-body>[data-hc-program]>form.hc-card>h3:first-child{display:none}
.hvw-editor-body>details>summary{display:none}
.hvw-editor-body:has(>.hvw-framed-form){overflow:hidden;padding:0}
.hvw-editor-body>.hvw-framed-form{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;height:100%;border:0;border-radius:0;background:transparent;padding:0}
.hvw-form-body{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:1.25rem}
.hvw-form-body>h3:first-of-type{display:none}
.hvw-form-feedback{display:block;max-width:100%;margin-top:1rem;overflow-wrap:anywhere;line-height:1.5}
.hvw-form-feedback:empty{display:none}
.hvw-form-footer.hc-actions{margin:0;padding:.875rem 1.25rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));background:var(--surface,#FFFFFF);gap:.75rem;min-width:0;align-items:flex-start}
.hvw-form-footer .btn{min-height:44px;white-space:normal;max-width:100%}
.hvw-form-footer .hc-feedback{flex:1 1 13rem;min-width:0;overflow-wrap:anywhere;line-height:1.4}
.hvw-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:.875rem;padding:.75rem 1.25rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));background:var(--surface,#FFFFFF);min-width:0}
.hvw-retained{font-size:max(.6875rem,calc(.75rem * var(--dt,1)));line-height:1.4;color:var(--label2,#6B5A4C);margin:0 0 1rem;min-width:0;overflow-wrap:anywhere}
.hvw-back{flex:none}
@media(max-width:600px){.hvw-grid{grid-template-columns:minmax(0,1fr)}.hvw-card{padding:1rem;border-radius:1.25rem}.hvw-editor{inset:auto 0 0;width:100%;height:calc(100dvh - max(8px,env(safe-area-inset-top)));max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));margin:0;border-radius:1.5rem 1.5rem 0 0;border-bottom:0}.hvw-editor-borrowed{position:relative;inset:auto;height:calc(100dvh - 7rem);max-height:calc(100dvh - 7rem);border-radius:1.25rem}.hvw-editor-header,.hvw-editor-body,.hvw-form-body{padding:1rem}.hvw-editor-header{gap:.75rem}.hvw-editor-description{display:none}.hvw-editor-footer{padding:.625rem 1rem calc(.625rem + env(safe-area-inset-bottom));gap:.5rem;align-items:flex-start}.hvw-back{width:100%;font-size:calc(.8125rem * var(--dt,1))}.hvw-form-footer.hc-actions{padding:.75rem 1rem;gap:.5rem}.hvw-form-footer .hc-feedback{flex-basis:100%}.hvw-summary>div{grid-template-columns:minmax(0,1fr)}.hvw-summary dd{text-align:left}}
@media(prefers-reduced-motion:no-preference){.hvw-editor[data-open=true]{animation:hvw-enter 160ms cubic-bezier(.2,.8,.2,1)}@keyframes hvw-enter{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.hvw-card,.hvw-open,.hvw-close,.hvw-back,.hvw-switch::before,.hvw-switch-knob{transition:none}.hvw-open:active,.hvw-close:active,.hvw-back:active{transform:none}}
@media(prefers-reduced-transparency:reduce){.hvw-editor::backdrop{backdrop-filter:none;background:color-mix(in srgb,var(--label,#323200) 65%,transparent)}}
@media(prefers-contrast:more){.hvw-card,.hvw-editor,.hvw-open,.hvw-close,.hvw-back{border-color:var(--label,#323200)}.hvw-status{border:1px solid currentColor}}
@media(max-width:600px){dialog.hvw-modal-editing{inset:auto 0 0;margin:0;width:100%;max-width:100%;height:calc(100dvh - max(8px,env(safe-area-inset-top)));max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));border-radius:1.5rem 1.5rem 0 0}.hvw-editor-body>details.hc-card{padding:0;border:0;background:transparent}}

/* Parent-provided page chrome: one compact location for setup and everyday actions. */
.hvw-page-intro{margin:0 0 1rem;font-size:var(--f-footnote,calc(.8125rem * var(--dt,1)));line-height:1.5;color:var(--label2,#6B5A4C);max-width:64ch}
.hvw-page-tools,.hvw-page-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:.625rem;min-width:0;margin-block:.75rem}
.hvw-page-tools{padding:.625rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;background:var(--surface,#FFFFFF)}
.hvw-page-tools .btn,.hvw-page-shortcuts .btn{min-height:44px;white-space:normal;max-width:100%;font-size:var(--f-footnote,calc(.8125rem * var(--dt,1)));line-height:1.4}
.hvw-page-tools .btn{border:0;box-shadow:none;background:transparent}
.hvw-page-tools .btn:hover{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}
.hvw-page-shortcuts{padding-bottom:.5rem;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.hvw-page-shortcuts .btn{flex:0 1 auto}
.hc:has(.hvw-workspace)>.hc-header{gap:1rem;margin-bottom:1rem;align-items:flex-end}
.hc:has(.hvw-workspace)>.hc-header .hc-actions{gap:.625rem}
.hc:has(.hvw-workspace)>.hc-header .hc-field{min-width:0;font-size:var(--f-footnote)}
.hc:has(.hvw-workspace)>.hc-header .hc-eyebrow{margin-bottom:.25rem}
@media(max-width:600px){.hvw-page-tools{gap:.375rem}.hvw-page-tools .btn,.hvw-page-shortcuts .btn{flex:1 1 9rem;text-align:left;padding:.625rem .75rem}.hc:has(.hvw-workspace)>.hc-header{align-items:flex-start}.hc:has(.hvw-workspace)>.hc-header .hc-actions{width:100%}.hc:has(.hvw-workspace)>.hc-header .hc-field{flex:1 1 10rem}.hvw-page-intro{margin-bottom:.75rem}}

.hvw-page-tools>.hc-actions{display:contents;margin:0}

/* /hub-fleet-workspace.css */
.hfw-tabs{display:flex;gap:.5rem;max-width:100%;overflow-x:auto;padding:.25rem .25rem .75rem;scrollbar-width:thin;overscroll-behavior-inline:contain}
.hfw-tab{flex:1 0 auto;min-height:44px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label,#323200);font:600 calc(.9375rem * var(--dt,1))/1.25 system-ui;padding:.75rem 1rem;transition:background-color .16s ease,box-shadow .16s ease}
.hfw-tab[aria-selected=true]{background:var(--surface,#FFFFFF);box-shadow:0 2px 7px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 10%,transparent);border-color:var(--d-verdeagua-t,#006F5D);color:var(--d-verdeagua-t,#006F5D)}
.hfw-tab:active{background:var(--surface,#FFFFFF)}
.hfw-tab:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}
.hfw-workspace [role=tabpanel][hidden],.hfw-message[hidden]{display:none!important}
.hfw-workspace [role=tabpanel]{min-width:0}
.hfw-workspace .hvw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hfw-roster,.hfw-history{margin:0 0 1rem}
.hfw-roster>h3,.hfw-history>h3{margin:0 0 .75rem}
.hfw-workspace [data-fleet-legacy-comp]{margin:1rem 0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;padding:1rem;color:var(--label,#323200)}
.hfw-workspace [data-fleet-legacy-comp]>h3{font-weight:600;font-size:calc(.9375rem * var(--dt,1))}
.hfw-message{font-size:calc(.875rem * var(--dt,1));line-height:1.5;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}
.hfw-host .hvw-editor-body{overflow-wrap:anywhere}
.hfw-host .hvw-editor-body .hc-table{max-width:100%}
@media(max-width:700px){.hfw-workspace .hvw-grid{grid-template-columns:minmax(0,1fr)}.hfw-tab{font-size:calc(.875rem * var(--dt,1));padding:.625rem .875rem}.hfw-roster .hc-table{margin:.5rem 0 1rem}}
@media(prefers-reduced-motion:reduce){.hfw-tab{transition:none}}

.hfw-dialog>.hc-dialog-top{display:none}
.hfw-root>.hc-header{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;margin-bottom:1rem}
.hfw-root>.hc-header .hc-eyebrow{display:none}
.hfw-root>.hc-header .hfw-titlebar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}
.hfw-root>.hc-header .hc-actions{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:.75rem;width:100%}
.hfw-root>.hc-header .hfw-refresh{min-width:44px;min-height:44px;width:44px;padding:.625rem;display:grid;place-items:center}
.hfw-refresh svg{width:24px;height:24px}
.hfw-dialog.hvw-modal-editing .hfw-root>.hc-header{display:none}

dialog.hfw-dialog:not(.hvw-modal-editing){box-sizing:border-box;width:min(1180px,calc(100vw - 1rem));max-width:calc(100vw - 1rem);padding:0}
.hfw-root>.hc-header .hfw-close{flex:none;min-width:44px;min-height:44px;width:44px;height:44px;padding:.625rem;display:grid;place-items:center}
.hfw-close svg{width:24px;height:24px}

/* /hub-network-configuration.css */
.hnc{min-width:0;color:var(--label,#323200);font-size:var(--f-callout,1rem)}
.hnc-intro{display:flex;gap:18px;align-items:center;margin:8px 0 28px}
.hnc-intro h3,.hnc-intro p{margin:4px 0}.hnc-network-symbol{display:grid;place-items:center;flex:0 0 64px;height:64px;border-radius:22px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--d-verdeagua-t,#006F5D)}
.hnc-tabs{display:flex;gap:6px;padding:5px;border-radius:18px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));margin:0 0 24px}.hnc-tabs button{flex:1;border:0;border-radius:13px;background:transparent;color:var(--label,#323200);min-height:44px;font:inherit;font-weight:600;padding:10px 16px}.hnc-tabs [aria-selected=true]{background:var(--surface,#FFFFFF);box-shadow:0 2px 8px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 5.098%,transparent)}
.hnc-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:0;padding:0;margin:16px 0 24px}.hnc-presets legend{font-size:var(--f-title3,1.25rem);font-weight:600;margin-bottom:16px}
.hnc-preset{position:relative;display:flex;gap:12px;align-items:flex-start;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:24px;padding:20px;background:var(--surface,#FFFFFF);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.hnc-preset:has(:checked){border-color:var(--verde,#11994A);box-shadow:0 0 0 2px var(--verde,#11994A)}.hnc-preset input{margin-top:3px;accent-color:var(--verde,#11994A);width:20px;height:20px;flex:none}.hnc-preset strong{font-weight:650;display:block;font-size:var(--f-headline,1.0625rem);line-height:1.3;margin-bottom:10px}.hnc-preset small{display:block;font-size:var(--f-subhead,.9375rem);line-height:1.5;color:var(--label2,#6B5A4C)}
.hnc-reference{max-width:34rem;margin:22px 0}.hnc .hc-config-disclosure{margin:20px 0;padding:18px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px}.hnc .hc-config-disclosure>summary{font-weight:600}.hnc form>.hc-actions{margin-top:24px}.hnc-hours{margin-top:24px}.hnc-turn{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding:18px;border-radius:18px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));margin:12px 0}.hnc-turn .hc-field{flex:1 1 130px}.hnc-days{display:flex;flex-wrap:wrap;gap:6px;flex:1 0 100%}.hnc-days label{cursor:pointer;position:relative}.hnc-days label span{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:14px;font-size:var(--f-subhead,.9375rem)}.hnc-days input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.hnc-days input:checked+span{background:color-mix(in srgb,var(--verde,#11994A) 80%,var(--label,#323200));color:var(--acao-txt,#FFFFFF)}.hnc-days input:focus-visible+span{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}
.hnc-unit-fields{display:grid;gap:10px;margin:16px 0 24px}.hnc-unit-field{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;padding:16px}.hnc-unit-field>summary{display:flex;align-items:center;gap:12px;justify-content:space-between;cursor:pointer}.hnc-unit-field summary strong,.hnc-unit-field summary small{display:block}.hnc-unit-field small{color:var(--label2,#6B5A4C);line-height:1.5;margin-top:5px}.hnc-origin{font-size:var(--f-caption1,.8rem);border-radius:12px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));padding:6px 9px;flex:none}.hnc-unit-field .hc-field{margin:18px 0}.hnc-preview{margin:24px 0;border-radius:24px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding:24px;background:var(--surface,#FFFFFF)}.hnc-review-unit{margin:16px 0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;padding:16px}.hnc-review-unit>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.hnc-review-unit>summary span{font-size:var(--f-subhead,.9375rem);color:var(--label2,#6B5A4C)}.hnc-review-row{display:grid;grid-template-columns:1.2fr 1fr auto 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));margin-top:12px;align-items:center;font-size:var(--f-subhead,.9375rem)}.hnc-review-row small,.hnc-review-row .hc-field{grid-column:1/-1}.hnc-review-row span,.hnc-review-row b{overflow-wrap:anywhere}.hnc-review-row small{color:var(--label2,#6B5A4C)}.hnc-feedback{min-height:1.5em;color:var(--d-verdeagua-t,#006F5D);line-height:1.5}.hnc :is(button,summary,input,select):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hnc [hidden]{display:none!important}
@media(max-width:760px){.hnc-presets{grid-template-columns:1fr}.hnc-preset{padding:18px}.hnc-preview{padding:16px}.hnc-review-row{grid-template-columns:1fr auto 1fr}.hnc-review-row>strong{grid-column:1/-1}.hnc-unit-field>summary{align-items:flex-start;flex-direction:column}.hnc-tabs button{padding:10px 8px}.hnc .hc-actions>.btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.hnc *{transition:none!important;scroll-behavior:auto!important}}

.hnc-network-symbol svg{width:32px;height:32px}.hnc .btn,.hnc summary,.hnc select,.hnc input:not([type=radio]):not([type=checkbox]){min-height:44px}.hnc-preset:focus-within{outline:3px solid var(--acao,#1F5FD0);outline-offset:4px}.hnc :is(input,select){min-width:0;max-width:100%}.hnc legend{max-width:100%}.hnc-unit-field>summary span{min-width:0;overflow-wrap:anywhere}

/* Visual choices retain the original radio and server preset; selection is draft only. */
.hnc-preset-body{min-width:0;flex:1}.hnc-preset-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.hnc-preset-heading strong{margin:0;min-width:0;overflow-wrap:anywhere}
.hnc-preset-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--d-verdeagua-t,#006F5D);border-radius:14px}.hnc-preset-icon svg{width:26px;height:26px}
.hnc-preset-summary{margin-bottom:14px}.hnc-preset-conditions{display:flex;flex-wrap:wrap;gap:6px}.hnc-preset-conditions>span,.hnc-preset-selected{font-size:max(.6875rem,calc(.75rem * var(--dt,1)));line-height:1.4;border-radius:10px;padding:5px 8px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label,#323200);overflow-wrap:anywhere}
.hnc-preset-selected{display:none;margin-top:12px;color:var(--d-verdeagua-t,#006F5D)}.hnc-preset input:checked+.hnc-preset-body .hnc-preset-selected{display:inline-block}
.hnc-preset:active{transform:scale(.99)}
@media(hover:hover){.hnc-preset:hover{border-color:var(--d-verdeagua-t,#006F5D);box-shadow:0 5px 16px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 6%,transparent)}}
@media(prefers-reduced-motion:reduce){.hnc-preset:active{transform:none}}

/* /hub-rede-primeiro.css */
/* 1.74.0 (Philippe, 03/10/2026): REDE PRIMEIRO (web/hub-rede-primeiro.js). O mesmo desenho em toda tela que era só por
   loja: o cartão "Todas as lojas" com o padrão da rede e, embaixo, uma linha discreta por loja. Conteúdo em superfície
   sólida (vidro só na camada funcional); a folha de edição também é sólida, porque é formulário para ler e preencher. */
.hc-rede-primeiro{display:grid;gap:14px;margin:0 0 18px}
.hc-rede-primeiro:empty,.hc-rede-primeiro>[hidden]{display:none}
.hrp{background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;padding:20px 22px;color:var(--label,#323200);box-shadow:0 1px 2px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 5%,transparent),0 6px 18px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 6%,transparent)}
.hrp.hrp-busy,.hrp-busy .hrp{cursor:progress}
.hrp-head{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
.hrp-icon{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--acao,#1F5FD0) 12%,transparent);color:var(--acao,#1F5FD0)}
.hrp-icon svg{width:22px;height:22px}
.hrp-title{flex:1 1 220px;min-width:0}
.hrp-eyebrow,.hrp-dialog .hrp-eyebrow{margin:0 0 2px;font-size:calc(0.8125rem * var(--dt,1));font-weight:650;letter-spacing:.02em;text-transform:uppercase;color:var(--acao,#1F5FD0)}
.hrp h3,.hrp-dialog h3{margin:0;font-size:calc(1.1875rem * var(--dt,1));line-height:1.25;letter-spacing:-.015em}
.hrp-hint,.hrp-dialog .hrp-hint{margin:4px 0 0;font-size:calc(0.875rem * var(--dt,1));line-height:1.45;color:var(--label2,#6B5A4C)}
.hrp-head-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hrp .btn,.hrp-dialog .btn{min-height:44px}
.hrp-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 22px;margin:18px 0 0;padding:0}
.hrp-summary div{min-width:0}
.hrp-summary dt{font-size:calc(0.8125rem * var(--dt,1));color:var(--label2,#6B5A4C);margin:0 0 2px}
.hrp-summary dd{margin:0;font-size:calc(0.9375rem * var(--dt,1));font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.hrp-note{margin:14px 0 0;font-size:calc(0.875rem * var(--dt,1));color:var(--label2,#6B5A4C)}
.hrp-units{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.hrp-unit{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;min-height:52px;padding:6px 0;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.hrp-unit:last-child{border-bottom:0}
.hrp-unit-name{font-weight:650;font-size:calc(0.9375rem * var(--dt,1));min-width:112px}
.hrp-state{display:inline-flex;align-items:center;gap:5px;font-size:calc(0.8125rem * var(--dt,1));font-weight:650;border-radius:999px;padding:4px 10px;white-space:nowrap}
.hrp-state svg{width:14px;height:14px}
.hrp-follows{color:var(--d-verdeagua-t,#006F5D);background:color-mix(in srgb,var(--verde,#11994A) 14%,transparent)}
.hrp-exception{color:color-mix(in srgb,var(--d-ambar,#C27A00) 50%,var(--label,#323200));background:color-mix(in srgb,var(--d-ambar,#C27A00) 16%,transparent)}
.hrp-pending{color:var(--label2,#6B5A4C);background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}
.hrp-diffs{display:flex;flex-direction:column;gap:2px;flex:1 1 220px;min-width:0}
.hrp-diff{font-size:calc(0.875rem * var(--dt,1));line-height:1.4;overflow-wrap:anywhere}
.hrp-diff b{font-weight:600}
.hrp-diff small{color:var(--label2,#6B5A4C);font-size:calc(0.8125rem * var(--dt,1))}
.hrp-reason{display:block}
.hrp-unit-actions{display:flex;gap:4px 16px;flex-wrap:wrap;margin-left:auto;justify-content:flex-end}
.hrp-link{appearance:none;background:none;border:0;padding:0 2px;min-height:44px;font:inherit;font-size:calc(0.875rem * var(--dt,1));font-weight:600;color:var(--acao,#1F5FD0);cursor:pointer;border-radius:8px;transition:opacity .12s ease-out}
.hrp-link:active{opacity:.55}
.hrp-link:focus-visible,.hrp-dialog :is(input,select,button):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}
.hrp-danger{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}
.hrp-feedback{margin:12px 0 0;min-height:0;font-size:calc(0.875rem * var(--dt,1));color:var(--label2,#6B5A4C)}
.hrp-feedback:empty{display:none}
.hrp-feedback.hrp-ok{color:var(--d-verdeagua-t,#006F5D)}
.hrp-error,.hrp-feedback.hrp-error{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}

/* Folha de edição: sólida, com cabeçalho e rodapé presos. No telefone sobe de baixo e ocupa a largura toda. */
.hrp-dialog{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;padding:0;width:min(720px,94vw);max-height:min(90vh,860px);background:var(--surface,#FFFFFF);color:var(--label,#323200);box-shadow:0 24px 70px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 28%,transparent);overflow:hidden}
.hrp-dialog[open]{display:flex;animation:hrp-in .26s cubic-bezier(.2,.9,.25,1)}
.hrp-dialog::backdrop{background:color-mix(in srgb,var(--label,#323200) 42%,transparent);animation:hrp-fade .2s ease-out}
@keyframes hrp-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes hrp-fade{from{opacity:0}to{opacity:1}}
.hrp-form{display:flex;flex-direction:column;min-height:0;width:100%}
.hrp-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px 14px;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.hrp-form-body{overflow:auto;overscroll-behavior:contain;padding:6px 22px 18px;-webkit-overflow-scrolling:touch}
.hrp-form-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:14px 22px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));background:var(--surface,#FFFFFF)}
.hrp-form-error{flex:1 1 100%;margin:0;font-size:calc(0.875rem * var(--dt,1));color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}
.hrp-form-error:empty{display:none}
.hrp-group{padding:14px 0 4px;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.hrp-group:last-child{border-bottom:0}
.hrp-group h4{margin:0 0 10px;font-size:calc(0.8125rem * var(--dt,1));font-weight:650;letter-spacing:.02em;text-transform:uppercase;color:var(--label2,#6B5A4C)}
.hrp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.hrp-cell{min-width:0;display:flex;flex-direction:column;gap:4px;padding-bottom:8px}
.hrp-cell-hours,.hrp-cell-multi,.hrp-cell-week_bps{grid-column:1/-1}
.hrp-field{display:flex;flex-direction:column;gap:6px;font-size:calc(0.875rem * var(--dt,1));font-weight:600;min-width:0}
.hrp-field input,.hrp-field select,.hrp-week input{font:inherit;font-weight:400;font-size:calc(1rem * var(--dt,1));color:inherit;background:var(--surface2,#F7F3EE);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:12px;min-height:44px;padding:8px 12px;width:100%;box-sizing:border-box}
.hrp-affix{display:flex;align-items:center;gap:8px}
.hrp-affix i{font-style:normal;font-weight:400;color:var(--label2,#6B5A4C);font-size:calc(0.9375rem * var(--dt,1));white-space:nowrap}
.hrp-help,.hrp-net{font-size:calc(0.8125rem * var(--dt,1));line-height:1.4;color:var(--label2,#6B5A4C)}
.hrp-net.hrp-differs{color:color-mix(in srgb,var(--d-ambar,#C27A00) 50%,var(--label,#323200));font-weight:600}
.hrp-switch{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;font-size:calc(0.9375rem * var(--dt,1));font-weight:600;position:relative}
.hrp-switch input{position:absolute;opacity:0;width:51px;height:31px;margin:0;cursor:pointer}
.hrp-switch-track{flex:none;width:51px;height:31px;border-radius:999px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));position:relative;transition:background-color .2s ease-out}
.hrp-switch-track::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:var(--surface,#FFFFFF);box-shadow:0 2px 5px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 22%,transparent);transition:transform .22s cubic-bezier(.3,1.2,.4,1)}
.hrp-switch input:checked+.hrp-switch-track{background:var(--verde,#11994A)}
.hrp-switch input:checked+.hrp-switch-track::after{transform:translateX(20px)}
.hrp-switch input:active+.hrp-switch-track::after{width:31px}
.hrp-switch input:checked:active+.hrp-switch-track::after{transform:translateX(16px)}
.hrp-switch input:focus-visible+.hrp-switch-track{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}
.hrp-multi,.hrp-week,.hrp-hours{border:0;margin:0;padding:0;min-width:0}
.hrp-multi legend,.hrp-week legend,.hrp-hours legend{padding:0;margin:0 0 6px;font-size:calc(0.875rem * var(--dt,1));font-weight:600}
.hrp-multi{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 16px}
.hrp-multi legend{grid-column:1/-1}
.hrp-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:calc(0.9375rem * var(--dt,1));cursor:pointer}
.hrp-check input{width:22px;height:22px;flex:none;accent-color:var(--acao,#1F5FD0)}
.hrp-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.hrp-week legend{grid-column:1/-1}
.hrp-week label{display:flex;flex-direction:column;gap:4px;font-size:calc(0.8125rem * var(--dt,1));color:var(--label2,#6B5A4C);min-width:0}
.hrp-week input{padding:8px 6px;text-align:center}
.hrp-turn{display:grid;grid-template-columns:minmax(0,1fr) 120px 120px auto;gap:10px 12px;align-items:end;padding:10px 0;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.hrp-days{display:flex;flex-wrap:wrap;gap:6px}
.hrp-days label{position:relative;display:inline-flex}
.hrp-days input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.hrp-days span{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0 6px;border-radius:12px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));font-size:calc(0.875rem * var(--dt,1));font-weight:600;transition:background-color .15s ease-out,color .15s ease-out,transform .1s ease-out}
.hrp-days input:checked+span{background:var(--acao,#1F5FD0);color:var(--acao-txt,#FFFFFF)}
.hrp-days input:active+span{transform:scale(.94)}
.hrp-days input:focus-visible+span{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}
.hrp-hours>.btn{margin-top:12px}
@media (max-width:700px){
  .hrp{padding:16px}
  .hrp-head-actions{width:100%}
  .hrp-head-actions .btn{flex:1 1 auto}
  .hrp-unit-actions{margin-left:0;width:100%;justify-content:flex-start}
  .hrp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hrp-grid{grid-template-columns:1fr}
  .hrp-dialog{width:100vw;max-width:100vw;max-height:92vh;margin:auto 0 0;border-radius:20px 20px 0 0;border-width:1px 0 0}
  .hrp-dialog[open]{animation:hrp-up .32s cubic-bezier(.2,.9,.25,1)}
  .hrp-form-head,.hrp-form-foot{padding-left:16px;padding-right:16px}
  .hrp-form-body{padding-left:16px;padding-right:16px}
  .hrp-form-foot .btn{flex:1 1 0}
  .hrp-turn{grid-template-columns:1fr 1fr}
  .hrp-turn .hrp-days{grid-column:1/-1}
  .hrp-week{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@keyframes hrp-up{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){
  .hrp-dialog[open]{animation:hrp-fade .18s ease-out}
  .hrp-switch-track,.hrp-switch-track::after,.hrp-days span,.hrp-link{transition:none}
}
@media (prefers-contrast:more){.hrp,.hrp-dialog{border-color:var(--label,#323200)}}

/* /combos-arrastar.css */
/* 1.74.0 (Philippe, 03/10/2026): COMBOS POR ARRASTAR (web/combos-arrastar.js), no cartão Combos do Cardápio (04/10: o
   resumo e o desenho do cartão dentro do carrossel moram em web/cardapio-cartoes.css; a dobra do celular saiu). Os cartões são
   conteúdo: superfície sólida. Vidro só na doca que desce durante o arrasto (camada funcional, flutua sobre a lista).
   O que o dedo move (o cartãozinho que acompanha o arrasto) é pintado por mola no JS; aqui ficam só as transições de
   estado que não dependem do gesto (destaque do alvo, sombra, cor). */
.cb{margin:6px 0 26px;color:var(--label,#323200)}
.cb [hidden]{display:none!important}
.cb-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 10px}
.cb-title{margin:0;font-size:calc(1.375rem * var(--dt,1));line-height:1.2;letter-spacing:-.02em;font-weight:700}
.cb-sub{margin:4px 0 0;font-size:calc(0.875rem * var(--dt,1));line-height:1.45;color:var(--label2,#6B5A4C);max-width:62ch}
.cb-nav{display:flex;gap:8px;flex:none}
.cb-nav-btn{appearance:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));background:var(--surface,#FFFFFF);color:inherit;display:grid;place-items:center;cursor:pointer;transition:transform .1s ease-out,background-color .15s ease-out}
.cb-nav-btn svg{width:20px;height:20px}
.cb-nav-btn:active{transform:scale(.94);background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}
@media (hover:none){.cb-nav{display:none}}
.cb-loading{margin:0;padding:18px 0;font-size:calc(0.875rem * var(--dt,1));color:var(--label2,#6B5A4C)}
.cb-rail{display:flex;gap:14px;align-items:stretch;overflow-x:auto;overflow-y:visible;padding:6px 2px 16px;margin:0 -2px;scroll-snap-type:x proximity;scroll-padding:0 2px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.cb-rail:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px;border-radius:18px}
.cb-card{flex:0 0 min(328px,86vw);box-sizing:border-box;display:flex;flex-direction:column;gap:10px;scroll-snap-align:start;background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;padding:16px;box-shadow:0 1px 2px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 5%,transparent),0 6px 18px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 6%,transparent);transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out,background-color .16s ease-out}
.cb-card.cb-dirty{border-color:color-mix(in srgb,var(--d-ambar,#C27A00) 55%,transparent)}
.cb-card.cb-over,.cb-dock-chip.cb-over{transform:scale(1.025);border-color:var(--acao,#1F5FD0);background:color-mix(in srgb,var(--acao,#1F5FD0) 7%,var(--surface,#FFFFFF));box-shadow:0 0 0 3px color-mix(in srgb,var(--acao,#1F5FD0) 30%,transparent),0 14px 34px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 16%,transparent)}
.cb-card-top{display:flex;align-items:center;gap:8px;min-width:0}
.cb-name{flex:1 1 auto;min-width:0;font:inherit;font-size:calc(1.0625rem * var(--dt,1));font-weight:650;letter-spacing:-.01em;color:inherit;background:transparent;border:1px solid transparent;border-radius:10px;min-height:44px;padding:6px 8px;margin:-6px 0 -6px -8px;text-overflow:ellipsis}
.cb-name:hover{border-color:var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.cb-name:focus{outline:none;background:var(--surface2,#F7F3EE);border-color:var(--acao,#1F5FD0)}
.cb-name-fixed{flex:1 1 auto;min-width:0;margin:0;font-size:calc(1.0625rem * var(--dt,1));font-weight:650;overflow-wrap:anywhere}
.cb-badge{flex:none;font-size:max(.6875rem,calc(0.75rem * var(--dt,1)));font-weight:650;border-radius:999px;padding:3px 9px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label2,#6B5A4C)}
.cb-dirty .cb-badge{color:color-mix(in srgb,var(--d-ambar,#C27A00) 50%,var(--label,#323200));background:color-mix(in srgb,var(--d-ambar,#C27A00) 16%,transparent)}
.cb-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cb-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto 44px;align-items:center;gap:8px;min-height:44px;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));cursor:grab;touch-action:pan-x;border-radius:8px;transition:background-color .5s ease-out}
.cb-line:first-child{border-top:0}
.cb-line.cb-line-in{background:color-mix(in srgb,var(--verde,#11994A) 16%,transparent);transition:none}
.cb-qty{font-size:calc(0.875rem * var(--dt,1));font-weight:650;font-variant-numeric:tabular-nums;color:var(--label2,#6B5A4C);min-width:28px}
.cb-line-name{font-size:calc(0.9375rem * var(--dt,1));line-height:1.3;overflow-wrap:anywhere}
.cb-line-name small{display:block;font-size:max(.6875rem,calc(0.75rem * var(--dt,1)));color:var(--label2,#6B5A4C)}
.cb-line-price{font-size:calc(0.875rem * var(--dt,1));font-variant-numeric:tabular-nums;color:var(--label2,#6B5A4C);white-space:nowrap}
.cb-x{appearance:none;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--label2,#6B5A4C);display:grid;place-items:center;cursor:pointer;transition:background-color .12s ease-out,color .12s ease-out,transform .1s ease-out}
.cb-x svg{width:16px;height:16px}
.cb-x:hover{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}
.cb-x:active{transform:scale(.9);background:var(--fill2,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.cb-empty{margin:0;padding:18px 12px;border:1.5px dashed var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:12px;text-align:center;font-size:calc(0.875rem * var(--dt,1));color:var(--label2,#6B5A4C)}
.cb-price{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.cb-sum{margin:0;display:flex;justify-content:space-between;gap:10px;font-size:calc(0.875rem * var(--dt,1));color:var(--label2,#6B5A4C)}
.cb-sum b{color:var(--label,#323200);font-variant-numeric:tabular-nums}
.cb-price-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px}
.cb-field{display:flex;flex-direction:column;gap:5px;font-size:calc(0.8125rem * var(--dt,1));font-weight:600;color:var(--label2,#6B5A4C);min-width:0}
.cb-affix{display:flex;align-items:center;gap:6px;background:var(--surface2,#F7F3EE);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:12px;padding:0 10px;min-height:44px}
.cb-affix:focus-within{border-color:var(--acao,#1F5FD0);box-shadow:0 0 0 3px color-mix(in srgb,var(--acao,#1F5FD0) 22%,transparent)}
.cb-affix i{font-style:normal;font-weight:400;font-size:calc(0.9375rem * var(--dt,1));color:var(--label2,#6B5A4C)}
.cb-affix input{flex:1 1 auto;min-width:0;width:100%;border:0;background:transparent;font:inherit;font-size:calc(1rem * var(--dt,1));font-weight:650;font-variant-numeric:tabular-nums;color:var(--label,#323200);padding:8px 0;outline:none}
.cb-deal{margin:0;min-height:1.3em;font-size:calc(0.875rem * var(--dt,1));font-weight:650;line-height:1.35;color:var(--d-verdeagua-t,#006F5D)}
.cb-alert{margin:0;font-size:calc(0.8125rem * var(--dt,1));line-height:1.4;font-weight:600;color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}
.cb-warn{margin:0;padding:8px 10px;border-radius:10px;font-size:calc(0.8125rem * var(--dt,1));line-height:1.4;color:color-mix(in srgb,var(--d-ambar,#C27A00) 50%,var(--label,#323200));background:color-mix(in srgb,var(--d-ambar,#C27A00) 12%,transparent)}
.cb-stores{display:flex;flex-direction:column;gap:8px}
.cb-stores-label{font-size:max(.6875rem,calc(0.75rem * var(--dt,1)));line-height:1.4;color:var(--label2,#6B5A4C)}
.cb-stores-row{display:flex;flex-wrap:wrap;gap:8px}
.cb-store{appearance:none;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));background:var(--surface,#FFFFFF);color:var(--label2,#6B5A4C);font:inherit;font-size:calc(0.8125rem * var(--dt,1));font-weight:600;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,transform .1s ease-out}
.cb-store small{font-size:max(.6875rem,calc(0.75rem * var(--dt,1)));font-weight:400}
.cb-store-dot{width:9px;height:9px;border-radius:50%;background:var(--sys-gray2,var(--label3,#9C8D80))}
.cb-store[aria-pressed="true"]{color:var(--d-verdeagua-t,#006F5D);border-color:color-mix(in srgb,var(--verde,#11994A) 45%,transparent);background:color-mix(in srgb,var(--verde,#11994A) 12%,transparent)}
.cb-store[aria-pressed="true"] .cb-store-dot{background:var(--verde,#11994A)}
.cb-store:active{transform:scale(.96)}
.cb-store:disabled{opacity:.55;cursor:default}
.cb-actions{display:flex;gap:8px;flex-wrap:wrap}
.cb-actions .btn{min-height:44px;flex:1 1 auto}
.cb-status{margin:0;min-height:0;font-size:calc(0.8125rem * var(--dt,1));line-height:1.4;color:var(--label2,#6B5A4C)}
.cb-status:empty{display:none}
.cb-status.cb-status-error{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}
.cb :is(.cb-store,.cb-x,.cb-nav-btn,.btn):focus-visible,.cb-picker :is(button):focus-visible,.cb-add:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}
/* Novo combo e sugestão do Cérebro */
.cb-new{border-style:dashed;border-width:1.5px;background:transparent;box-shadow:none;justify-content:center}
.cb-new-in{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:26px 8px}
.cb-new-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label2,#6B5A4C)}
.cb-new-icon svg{width:22px;height:22px}
.cb-new h3,.cb-suggestion h3{margin:0;font-size:calc(1.0625rem * var(--dt,1));font-weight:650;letter-spacing:-.01em;overflow-wrap:anywhere}
.cb-new p{margin:0;font-size:calc(0.875rem * var(--dt,1));color:var(--label2,#6B5A4C)}
.cb-new .btn,.cb-suggestion .btn{min-height:44px}
.cb-suggestion{background:color-mix(in srgb,var(--d-anil,#5B6CFF) 7%,var(--surface,#FFFFFF));border-color:color-mix(in srgb,var(--d-anil,#5B6CFF) 30%,transparent)}
.cb-eyebrow{display:flex;align-items:center;gap:6px;margin:0;font-size:max(.6875rem,calc(0.75rem * var(--dt,1)));font-weight:650;letter-spacing:.03em;text-transform:uppercase;color:var(--acao,#1F5FD0)}
.cb-eyebrow svg{width:16px;height:16px}
.cb-sugg-fact{margin:0;font-size:calc(0.9375rem * var(--dt,1));line-height:1.4}
.cb-sugg-note{margin:0;font-size:max(.6875rem,calc(0.75rem * var(--dt,1)));color:var(--label2,#6B5A4C)}
.cb-suggestion .btn{margin-top:auto}
/* Itens do cardápio que podem ir para um combo */
#menuv .mi[data-cb-item]{cursor:grab}
#menuv .mi.cb-dragging-source,.cb-line.cb-dragging-source{opacity:.42}
.cb-add{white-space:nowrap}
@media (pointer:coarse){#menuv .mi[data-cb-item],.cb-line{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}
html.cb-dragging,html.cb-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}
/* O cartãozinho que acompanha o dedo: a posição e a escala são da mola (JS); aqui só sombra e opacidade */
.cb-ghost{position:fixed;left:0;top:0;z-index:2147483200;pointer-events:none;display:flex;align-items:center;gap:10px;max-width:280px;min-width:160px;box-sizing:border-box;padding:8px 14px 8px 8px;border-radius:14px;background:var(--surface,#FFFFFF);color:var(--label,#323200);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));box-shadow:0 2px 6px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 12%,transparent);font-size:calc(0.9375rem * var(--dt,1));font-weight:650;transform-origin:0 0;will-change:transform;transition:box-shadow .18s ease-out,opacity .22s ease-out}
.cb-ghost img{width:44px;height:36px;border-radius:8px;object-fit:cover;flex:none}
.cb-ghost span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:6px}
.cb-ghost img+span{padding-left:0}
.cb-ghost.cb-ghost-up{box-shadow:0 18px 44px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 30%,transparent),0 2px 8px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 14%,transparent)}
.cb-ghost.cb-ghost-drop{opacity:.25}
.cb-ghost.cb-ghost-out{opacity:.7;border-color:var(--queda,#E21D3C)}
.cb-ghost.cb-ghost-gone{opacity:0}
/* Doca: vidro, só enquanto o item está no ar e o carrossel ficou para cima */
.cb-dock{position:fixed;z-index:2147483100;left:8px;right:8px;top:calc(8px + env(safe-area-inset-top,0px));padding:10px 12px 12px;border-radius:20px;background:var(--glass-bg,color-mix(in srgb,var(--surface,#FFFFFF) 72%,transparent));-webkit-backdrop-filter:blur(var(--glass-blur,24px)) saturate(180%);backdrop-filter:blur(var(--glass-blur,24px)) saturate(180%);border:1px solid var(--glass-border,color-mix(in srgb,var(--label,#323200) 88%,transparent));box-shadow:0 14px 40px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 22%,transparent);transform:translateY(-130%);opacity:0;transition:transform .28s cubic-bezier(.2,.9,.25,1),opacity .2s ease-out}
.cb-dock.cb-dock-in{transform:none;opacity:1}
.cb-dock-title{margin:0 0 8px 4px;font-size:max(.6875rem,calc(0.75rem * var(--dt,1)));font-weight:650;letter-spacing:.03em;text-transform:uppercase;color:var(--label,#323200)}
.cb-dock-rail{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:4px}
.cb-dock-rail::-webkit-scrollbar{display:none}
.cb-dock-chip{flex:0 0 auto;min-width:148px;max-width:220px;min-height:60px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 14px;border-radius:14px;background:var(--surface,#FFFFFF);border:1.5px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));transition:transform .14s ease-out,box-shadow .14s ease-out,border-color .14s ease-out,background-color .14s ease-out}
.cb-dock-chip b{display:flex;align-items:center;gap:6px;font-size:calc(0.9375rem * var(--dt,1));font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-dock-chip b svg{width:16px;height:16px;flex:none}
.cb-dock-chip small{font-size:max(.6875rem,calc(0.75rem * var(--dt,1)));color:var(--label2,#6B5A4C)}
.cb-dock-new{border-style:dashed}
/* "Adicionar a qual combo?": folha sólida */
.cb-picker{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;padding:0;width:min(440px,94vw);max-height:min(80vh,640px);background:var(--surface,#FFFFFF);color:var(--label,#323200);box-shadow:0 24px 70px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 28%,transparent);overflow:hidden}
.cb-picker[open]{display:flex;animation:cb-in .24s cubic-bezier(.2,.9,.25,1)}
.cb-picker::backdrop{background:color-mix(in srgb,var(--label,#323200) 42%,transparent)}
.cb-picker-in{display:flex;flex-direction:column;min-height:0;width:100%;margin:0}
.cb-picker header{padding:18px 20px 10px}
.cb-picker h3{margin:4px 0 0;font-size:calc(1.1875rem * var(--dt,1));letter-spacing:-.015em}
.cb-picker-list{list-style:none;margin:0;padding:0 12px;overflow:auto;overscroll-behavior:contain}
.cb-pick{appearance:none;width:100%;min-height:56px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:8px 12px;border:0;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px;transition:background-color .12s ease-out}
.cb-picker-list li:first-child .cb-pick{border-top:0}
.cb-pick:hover,.cb-pick:active{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}
.cb-pick-name{display:flex;align-items:center;gap:8px;font-size:calc(1rem * var(--dt,1));font-weight:600;overflow-wrap:anywhere}
.cb-pick-name svg{width:18px;height:18px;flex:none}
.cb-pick small{font-size:calc(0.8125rem * var(--dt,1));color:var(--label2,#6B5A4C)}
.cb-pick-new .cb-pick-name{color:var(--acao,#1F5FD0)}
.cb-picker footer{display:flex;justify-content:flex-end;padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.cb-picker footer .btn{min-height:44px}
@keyframes cb-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes cb-up{from{transform:translateY(100%)}to{transform:none}}
@keyframes cb-fade{from{opacity:0}to{opacity:1}}
@media (max-width:700px){
  .cb-head{align-items:flex-start}
  .cb-picker{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:20px 20px 0 0;border-width:1px 0 0}
  .cb-picker[open]{animation:cb-up .3s cubic-bezier(.2,.9,.25,1)}
  .cb-picker footer .btn{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){
  .cb-card,.cb-dock-chip,.cb-store,.cb-x,.cb-nav-btn,.cb-ghost{transition:none}
  .cb-card.cb-over,.cb-dock-chip.cb-over{transform:none}
  .cb-dock{transform:none;transition:opacity .15s ease-out}
  .cb-picker[open]{animation:cb-fade .15s ease-out}
}
@media (prefers-reduced-transparency:reduce){.cb-dock{background:var(--surface,#FFFFFF);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}}
@media (prefers-contrast:more){.cb-card,.cb-dock,.cb-dock-chip,.cb-picker{border-color:var(--label,#323200)}.cb-dock{background:var(--surface,#FFFFFF);-webkit-backdrop-filter:none;backdrop-filter:none}}

/* /hub-network-model.css */
/* Modelo da rede em um clique (1.74.0). Três modelos como rádios grandes, plano por domínio e uma ação primária. */
.hnm{display:grid;gap:1.125rem}
.hnm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.hnm-head>div{min-width:0;max-width:62ch}
.hnm-head h3{margin:.125rem 0 .375rem}
.hnm-head .hc-note{margin:0}
.hnm-current{margin:0;flex:none;padding:.375rem .75rem;border-radius:var(--r-pill,999px);background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));font-size:var(--f-footnote);color:var(--label2,#6B5A4C);overflow-wrap:anywhere}
.hnm-current b{color:var(--label,#323200)}
.hnm-models{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem}
.hnm-model{position:relative;display:flex;align-items:flex-start;gap:.875rem;min-height:5.5rem;padding:1rem 1rem 1rem .875rem;border:1px solid color-mix(in srgb,var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent)) 70%,transparent);border-radius:1.125rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);text-align:left;font:inherit;cursor:pointer;box-shadow:var(--lift-1,none),var(--edge-light,none);transition:border-color 140ms ease,box-shadow 200ms var(--ease-out,ease),transform 200ms var(--ease-out,ease),background-color 140ms ease}
.hnm-model:active{transform:scale(.985)}
.hnm-model[aria-checked=true]{border-color:var(--acao,#1F5FD0);background:color-mix(in srgb,var(--acao,#1F5FD0) 7%,var(--surface,#FFFFFF));box-shadow:0 0 0 1px var(--acao,#1F5FD0),var(--lift-1,none)}
.hnm-model:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}
.hnm-model-icon{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border-radius:.8125rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label2,#6B5A4C)}
.hnm-model[aria-checked=true] .hnm-model-icon{background:color-mix(in srgb,var(--acao,#1F5FD0) 14%,var(--surface,#FFFFFF));color:var(--acao,#1F5FD0)}
.hnm-model-icon svg{width:1.375rem;height:1.375rem}
.hnm-model-text{display:grid;gap:.25rem;min-width:0}
.hnm-model-text strong{font-size:var(--f-headline);line-height:1.3;letter-spacing:-.01em}
.hnm-model-text small{font-size:var(--f-footnote);line-height:1.45;color:var(--label2,#6B5A4C)}
.hnm-model:has(.hnm-badge) .hnm-model-text strong{padding-right:4.75rem}
.hnm-badge{position:absolute;top:.625rem;right:.625rem;padding:.1875rem .5rem;border-radius:var(--r-pill,999px);background:color-mix(in srgb,var(--verde,#11994A) 15%,var(--surface,#FFFFFF));color:var(--d-verdeagua-t,#006F5D);font-size:var(--f-caption1);font-weight:650}
.hnm-plan{min-width:0}
.hnm-steps{list-style:none;margin:0;padding:0;display:grid;border:1px solid color-mix(in srgb,var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent)) 70%,transparent);border-radius:1rem;background:var(--surface,#FFFFFF);overflow:hidden}
.hnm-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.75rem .875rem;border-top:1px solid color-mix(in srgb,var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent)) 60%,transparent);min-height:3.25rem}
.hnm-step:first-child{border-top:0}
.hnm-dot{width:.625rem;height:.625rem;border-radius:50%;background:var(--label4);box-shadow:0 0 0 3px color-mix(in srgb,var(--label4) 25%,transparent)}
.hnm-step[data-state=apply] .hnm-dot{background:var(--acao,#1F5FD0);box-shadow:0 0 0 3px color-mix(in srgb,var(--acao,#1F5FD0) 22%,transparent)}
.hnm-step[data-state=applied] .hnm-dot{background:var(--verde,#11994A);box-shadow:0 0 0 3px color-mix(in srgb,var(--verde,#11994A) 22%,transparent)}
.hnm-step[data-state=blocked] .hnm-dot{background:var(--d-ambar,#C27A00);box-shadow:0 0 0 3px color-mix(in srgb,var(--d-ambar,#C27A00) 25%,transparent)}
.hnm-step[data-state=inaccessible] .hnm-dot,.hnm-step[data-state=unavailable] .hnm-dot{background:transparent;box-shadow:inset 0 0 0 2px var(--label4)}
.hnm-step-text{display:grid;gap:.125rem;min-width:0}
.hnm-step-text b{font-size:var(--f-subhead);font-weight:600}
.hnm-step-text small{font-size:var(--f-footnote);line-height:1.45;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}
.hnm-step[data-state=preserve] .hnm-step-text b{color:var(--label2,#6B5A4C);font-weight:500}
.hnm-tag{flex:none;padding:.25rem .625rem;border-radius:var(--r-pill,999px);font-size:var(--f-caption1);font-weight:650;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label2,#6B5A4C);white-space:nowrap}
.hnm-step[data-state=apply] .hnm-tag{background:color-mix(in srgb,var(--acao,#1F5FD0) 13%,var(--surface,#FFFFFF));color:var(--acao,#1F5FD0)}
.hnm-step[data-state=applied] .hnm-tag{background:color-mix(in srgb,var(--verde,#11994A) 15%,var(--surface,#FFFFFF));color:var(--d-verdeagua-t,#006F5D)}
.hnm-step[data-state=blocked] .hnm-tag{background:color-mix(in srgb,var(--d-ambar,#C27A00) 18%,var(--surface,#FFFFFF));color:color-mix(in srgb,var(--d-ambar,#C27A00) 50%,var(--label,#323200))}
.hnm-open{font:inherit;font-size:var(--f-footnote);font-weight:600;min-height:44px;min-width:44px;padding:.5rem .75rem;border:0;border-radius:var(--r-pill,999px);background:transparent;color:var(--acao,#1F5FD0);cursor:pointer}
.hnm-open:hover{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}
.hnm-open:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}
.hnm-foot{display:grid;gap:.75rem}
.hnm-foot .hc-note{margin:0}
.hnm-actions{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap}
.hnm-actions .btn{min-height:44px;border-radius:var(--r-pill,999px);padding-inline:1.25rem;font-weight:650}
.hnm-actions .hc-feedback{flex:1 1 14rem;min-width:0;margin:0}
@media(prefers-reduced-motion:no-preference){.hnm-plan .hnm-steps{animation:hnm-in 240ms var(--ease-out,ease)}@keyframes hnm-in{from{opacity:.4}to{opacity:1}}}
@media(max-width:700px){.hnm-step{grid-template-columns:auto minmax(0,1fr);row-gap:.375rem}.hnm-tag{grid-column:2;justify-self:start}.hnm-open{grid-column:2;justify-self:start;padding-inline:0}.hnm-open:hover{background:transparent}.hnm-actions .btn{flex:1 1 auto}}
@media(prefers-contrast:more){.hnm-model,.hnm-steps{border-color:var(--label2,#6B5A4C)}.hnm-tag{border:1px solid currentColor}}
@media(forced-colors:active){.hnm-model[aria-checked=true]{outline:2px solid Highlight}.hnm-dot{border:1px solid CanvasText}}

/* /hub-network-mode-hours.css */
.hnmh{color:var(--label,#323200);min-width:0;max-width:100%;font-size:var(--f-body,calc(1rem * var(--dt,1)))}
.hnmh [hidden]{display:none!important}.hnmh-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.hnmh h3{font-size:var(--f-title3);line-height:1.3;margin:.25rem 0}.hnmh-eyebrow{font-size:var(--f-footnote);color:var(--label2,#6B5A4C);margin:0}.hnmh-saved{font-size:var(--f-footnote);color:var(--label2,#6B5A4C);background:var(--surface,#FFFFFF);padding:.5rem .75rem;border-radius:999px}
.hnmh-tabs{display:flex;gap:.25rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));padding:.25rem;border-radius:1rem;margin-bottom:1rem;max-width:100%}.hnmh-tabs button{flex:1;min-height:44px;min-width:44px;border:0;border-radius:.75rem;background:transparent;color:var(--label2,#6B5A4C);font:inherit;font-size:var(--f-subhead);padding:.625rem 1rem;cursor:pointer}.hnmh-tabs [aria-selected=true]{background:var(--surface,#FFFFFF);color:var(--label,#323200);font-weight:650;box-shadow:0 1px 5px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 7.0588%,transparent)}
.hnmh-field{display:grid;gap:.5rem;min-width:0;font-size:var(--f-subhead);font-weight:600}.hnmh-field input,.hnmh-field select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:44px;background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));color:var(--label,#323200);font:inherit;font-weight:400;padding:.75rem;border-radius:.75rem}.hnmh-reference,.hnmh-unit{max-width:36rem;margin-bottom:1rem}
.hnmh-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:1.25rem}.hnmh-card{min-width:0;max-width:100%;padding:1.25rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.5rem;background:var(--surface,#FFFFFF)}.hnmh-card-head{display:flex;align-items:center;gap:.875rem;margin-bottom:1.125rem}.hnmh-card-head h4{font-size:var(--f-headline);line-height:1.35;margin:0}.hnmh-icon{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:1rem;color:var(--acao,#1F5FD0);background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hnmh-icon svg{width:1.625rem;height:1.625rem}
.hnmh-summary{display:grid;gap:.75rem;margin:0}.hnmh-summary div{display:grid;grid-template-columns:minmax(5rem,auto) minmax(0,1fr);gap:.75rem;align-items:start}.hnmh-summary dt{font-size:var(--f-footnote);color:var(--label2,#6B5A4C)}.hnmh-summary dd{font-size:var(--f-subhead);line-height:1.45;margin:0;overflow-wrap:anywhere}.hnmh-include{display:flex;align-items:center;gap:.625rem;min-height:44px;font-size:var(--f-subhead);margin-top:1rem;cursor:pointer}.hnmh input[type=checkbox]{accent-color:var(--verde,#11994A);flex:none;width:1.25rem;height:1.25rem}
.hnmh-adjust{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));margin-top:1rem;padding-top:.5rem}.hnmh-adjust>summary,.hnmh-help>summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:var(--f-subhead);font-weight:600;cursor:pointer;list-style:none}.hnmh-adjust>summary::-webkit-details-marker,.hnmh-help>summary::-webkit-details-marker{display:none}.hnmh-adjust>summary::after,.hnmh-help>summary::after{content:"+";color:var(--label2,#6B5A4C);font-size:var(--f-title3)}.hnmh-adjust[open]>summary::after,.hnmh-help[open]>summary::after{content:"−"}.hnmh-adjust .hnmh-field{margin-top:.75rem}
.hnmh-turn{margin:.875rem 0;min-width:0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;padding:1rem}.hnmh-turn legend{font-size:var(--f-subhead);font-weight:600;padding-inline:.375rem}.hnmh-days{display:flex;flex-wrap:wrap;gap:.375rem}.hnmh-days label{position:relative;min-width:44px;min-height:44px;cursor:pointer}.hnmh-days input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0}.hnmh-days span{display:grid;place-items:center;min-width:44px;min-height:44px;font-size:var(--f-footnote);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.75rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);padding:.375rem;box-sizing:border-box}.hnmh-days input:checked+span{background:color-mix(in srgb,var(--verde,#11994A) 80%,var(--label,#323200));color:var(--acao-txt,#FFFFFF);border-color:transparent}.hnmh-days input:focus-visible+span{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hnmh-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-block:1rem}
.hnmh-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.hnmh-btn{appearance:none;font:inherit;font-size:var(--f-subhead);color:var(--label,#323200);background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border:1px solid transparent;border-radius:.875rem;min-height:44px;min-width:44px;padding:.75rem 1rem;white-space:normal;line-height:1.4;cursor:pointer;max-width:100%;overflow-wrap:anywhere;transition:background-color 140ms ease,transform 100ms ease}.hnmh-primary{background:color-mix(in srgb,var(--verde,#11994A) 80%,var(--label,#323200));color:var(--acao-txt,#FFFFFF)}.hnmh-btn:disabled{opacity:.6;cursor:default}.hnmh-note,.hnmh-feedback,.hnmh-review-row small{font-size:var(--f-subhead);line-height:1.55;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}.hnmh-note{margin:.75rem 0}.hnmh-feedback{min-height:1.5em}.hnmh-alert{font-size:var(--f-subhead);line-height:1.55;color:var(--label,#323200);border-left:3px solid color-mix(in srgb,var(--d-ambar,#C27A00) 50%,var(--label,#323200));padding-left:.875rem;overflow-wrap:anywhere}.hnmh-help{margin-top:1.25rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.hnmh-review{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.5rem;padding:1.25rem;margin-top:1.25rem;background:var(--surface,#FFFFFF)}.hnmh-review h4{font-size:var(--f-headline);margin:0 0 1rem}.hnmh-review-row{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-block:1rem;min-width:0}.hnmh-review-row strong{font-size:var(--f-subhead)}.hnmh-review-row p{font-size:var(--f-subhead);line-height:1.55;margin:.625rem 0;overflow-wrap:anywhere}.hnmh-review-row .hnmh-field{margin-top:.75rem}
.hnmh :is(button,select,input,summary):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hnmh-btn:active{transform:scale(.985)}@media(hover:hover){.hnmh-btn:hover{background:var(--fill2,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hnmh-primary:hover{background:var(--verde,#11994A);filter:brightness(.96)}}
@media(max-width:700px){.hnmh-cards{grid-template-columns:1fr}.hnmh-card,.hnmh-review{padding:1rem}.hnmh-summary div{grid-template-columns:1fr;gap:.25rem}.hnmh-times{grid-template-columns:1fr}.hnmh-actions>.hnmh-btn{flex:1 1 100%}.hnmh-header h3{font-size:var(--f-headline)}}
@media(prefers-reduced-motion:reduce){.hnmh *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.hnmh-btn:active{transform:none}}

/* The containing workspace already names the editor; keep the actual cards close to its header. */
.hvw-editor .hnmh-header{display:none}
.hc .hnmh .hnmh-adjust>summary,.hc .hnmh .hnmh-help>summary{flex-direction:row;align-items:center}
.hc .hnmh .hnmh-adjust>summary::after,.hc .hnmh .hnmh-help>summary::after{content:"+";margin-left:auto}
.hc .hnmh .hnmh-adjust[open]>summary::after,.hc .hnmh .hnmh-help[open]>summary::after{content:"−"}
/* Same native network dialog, same approval controls; the resources remain untouched underneath. */
.hc-dialog.hnc-approving{width:min(42rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;padding:1rem}
.hc-dialog.hnc-approving>[hidden]{display:none!important}
.hnc-approval-shell{min-width:0;max-width:100%;color:var(--label,#323200)}
.hc-dialog.hnc-approving #aprov-raiz{position:static;inset:auto;transform:none;width:100%;max-width:100%;pointer-events:auto;gap:.75rem}
.hnc-approval-note{font-size:var(--f-subhead);line-height:1.5;color:var(--label2,#6B5A4C);margin:1rem 0;overflow-wrap:anywhere}
.hnc-approval-back{min-height:44px;min-width:44px;width:100%;font-size:var(--f-subhead);white-space:normal}
.hnc-approval-shell .aprov-card{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
.hnc-approval-shell .aprov-acoes{flex-wrap:wrap}
#hc-dialog.hnc-approving #aprov-raiz .btn.primary.aprovar{background:color-mix(in srgb,var(--verde,#11994A) 80%,var(--label,#323200));color:var(--acao-txt,#FFFFFF)}
#hc-dialog.hnc-approving #aprov-raiz .aprov-x,#hc-dialog.hnc-approving #aprov-raiz .aprov-nav button{width:44px;height:44px;min-width:44px;min-height:44px;flex:none}
@media(max-width:600px){.hc-dialog.hnc-approving{width:calc(100vw - .5rem);max-height:calc(100dvh - .5rem);padding:.75rem}.hnc-approval-shell .aprov-acoes{flex-direction:column}.hnc-approval-shell .aprov-acoes .btn{flex:0 0 auto;width:100%}}

/* /hub-network-meta.css */
/* Solid channel cards, within the Hub's existing central editor. No credential surface. */
.hnm{min-width:0;max-width:100%;color:var(--label,#323200)}
.hnm [hidden]{display:none!important}
.hnm-intro,.hnm-note,.hnm-feedback,.hnm-global-status{font-size:calc(.875rem * var(--dt,1));line-height:1.5;overflow-wrap:anywhere;margin:.5rem 0;color:var(--label2,#6B5A4C)}
.hnm-feedback,.hnm-global-status{color:var(--label,#323200)}
.hnm-feedback:empty,.hnm-global-status:empty{display:none}
.hnm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;margin:1rem 0}
.hnm-card{min-width:0;display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.5rem;background:var(--surface,#FFFFFF)}
.hnm-card-head{display:flex;gap:.875rem;align-items:center;min-width:0}
.hnm-card-head>div{min-width:0}
.hnm-icon{display:grid;place-items:center;width:3rem;height:3rem;flex:none;background:var(--surface,#FFFFFF);color:var(--d-verdeagua-t,#006F5D);border-radius:1rem}
.hnm-icon[data-channel=instagram]{color:var(--canal-instagram-t)}
.hnm-icon svg{width:1.75rem;height:1.75rem}
.hnm-eyebrow{font-size:max(.6875rem,calc(.75rem * var(--dt,1)));line-height:1.4;color:var(--label2,#6B5A4C);margin:0 0 .25rem;overflow-wrap:anywhere}
.hnm-card h3,.hnm-editor h3{font-size:calc(1.25rem * var(--dt,1));line-height:1.25;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
.hnm-state{font-size:calc(.8125rem * var(--dt,1));line-height:1.4;font-weight:650;background:var(--surface,#FFFFFF);padding:.5rem .625rem;border-radius:.625rem;align-self:flex-start;max-width:100%;overflow-wrap:anywhere}
.hnm-state[data-tone=good]{color:var(--d-verdeagua-t,#006F5D)}
.hnm-state[data-tone=warning]{border-inline-start:3px solid var(--d-ambar,#C27A00)}
.hnm-state[data-tone=danger]{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}
.hnm-summary{display:grid;gap:.75rem;font-size:calc(.875rem * var(--dt,1));line-height:1.45;margin:0;min-width:0}
.hnm-summary>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:.75rem;min-width:0}
.hnm-summary dt{color:var(--label2,#6B5A4C);overflow-wrap:anywhere}
.hnm-summary dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}
.hnm-btn{box-sizing:border-box;min-height:44px;min-width:44px;max-width:100%;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.875rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);font:inherit;font-size:calc(.9375rem * var(--dt,1));line-height:1.4;font-weight:600;padding:.625rem .875rem;cursor:pointer;white-space:normal;overflow-wrap:anywhere;transition:background-color 120ms ease,transform 120ms ease}
.hnm-card>.hnm-btn{display:flex;justify-content:space-between;align-items:center;gap:.5rem;text-align:left;margin-top:auto;width:100%}
.hnm-btn:active{transform:scale(.985)}
.hnm-btn:disabled{cursor:default;opacity:.65}
.hnm-primary{background:var(--acao,#1F5FD0);border-color:var(--acao,#1F5FD0);color:var(--acao-txt,#FFFFFF)}
.hnm-btn:focus-visible,.hnm input:focus-visible,.hnm select:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}
.hnm-editor{min-width:0;max-width:100%;padding-block:.5rem}
.hnm-editor-head{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;min-width:0}
.hnm-editor-head h3:focus,.hnm-review h4:focus{outline:0}
.hnm-back{font-size:calc(.8125rem * var(--dt,1))}
.hnm-field{display:grid;gap:.5rem;margin-block:1.25rem;font-size:calc(.9375rem * var(--dt,1));line-height:1.4;min-width:0}
.hnm-field select{width:100%;box-sizing:border-box;min-height:44px;max-width:100%;min-width:0;font:inherit;line-height:1.4;background:var(--surface,#FFFFFF);color:var(--label,#323200);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.75rem;padding:.75rem}
.hnm-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem;min-width:0}
.hnm-switch{display:grid;grid-template-columns:minmax(0,1fr) 3.5rem;gap:1rem;align-items:center;min-height:44px;position:relative;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;background:var(--surface,#FFFFFF);font-size:calc(.9375rem * var(--dt,1));line-height:1.4}
.hnm-switch strong,.hnm-switch small{display:block;overflow-wrap:anywhere}
.hnm-switch small{font-size:calc(.8125rem * var(--dt,1));color:var(--label2,#6B5A4C);margin-top:.375rem}
.hnm-switch input{position:absolute;inset-inline-end:1rem;top:50%;transform:translateY(-50%);width:3.5rem;height:44px;opacity:0;margin:0;z-index:1;cursor:pointer}
.hnm-switch-track{width:3.5rem;height:2rem;border-radius:999px;background:var(--label2,#6B5A4C);position:relative;pointer-events:none;transition:background-color 140ms ease}
.hnm-switch-track::after{content:"";position:absolute;inset-block:4px;left:4px;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--surface,#FFFFFF);box-shadow:0 1px 3px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 18%,transparent);transition:left 140ms ease}
.hnm-switch input:checked+.hnm-switch-track{background:var(--d-verdeagua-t,#006F5D)}
.hnm-switch input:checked+.hnm-switch-track::after{left:calc(100% - 1.5rem - 4px)}
.hnm-switch:has(input:focus-visible){outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}
.hnm-switch:has(input:disabled){opacity:.75}
.hnm-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem;min-width:0;border:0;margin:1.25rem 0;padding:0}
.hnm-members legend{font-size:calc(1rem * var(--dt,1));line-height:1.4;font-weight:650;margin-bottom:.75rem}
.hnm-member{display:flex;gap:.75rem;align-items:center;padding:.75rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;background:var(--surface,#FFFFFF);min-width:0;min-height:44px;cursor:pointer}
.hnm-member input{flex:none;width:1.375rem;height:1.375rem;accent-color:var(--d-verdeagua-t,#006F5D)}
.hnm-member>span{min-width:0}
.hnm-member strong,.hnm-exception strong{display:block;font-size:calc(.9375rem * var(--dt,1));line-height:1.4;overflow-wrap:anywhere}
.hnm-member small,.hnm-exception small{display:block;font-size:calc(.8125rem * var(--dt,1));line-height:1.4;color:var(--label2,#6B5A4C);overflow-wrap:anywhere;margin-top:.25rem}
.hnm-review,.hnm-exceptions{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));margin-top:1.5rem;padding-top:1.25rem;min-width:0}
.hnm h4{font-size:calc(1.0625rem * var(--dt,1));line-height:1.35;letter-spacing:-.015em;margin:0 0 .75rem;overflow-wrap:anywhere}
.hnm-review-row{display:grid;gap:.5rem;background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;padding:1rem;margin:.75rem 0;font-size:calc(.9375rem * var(--dt,1));line-height:1.5;overflow-wrap:anywhere;min-width:0}
.hnm-review-row small{font-size:calc(.8125rem * var(--dt,1));color:var(--label2,#6B5A4C)}
.hnm-exception{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;justify-content:space-between;min-width:0;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;background:var(--surface,#FFFFFF);margin:.75rem 0}
.hnm-exception>div{min-width:0;flex:1 1 12rem}
.hnm-alert{font-size:calc(.875rem * var(--dt,1));line-height:1.5;border-inline-start:3px solid var(--d-ambar,#C27A00);padding:.75rem 1rem;background:var(--surface,#FFFFFF);border-radius:.5rem;overflow-wrap:anywhere}
@media(max-width:600px){.hnm-card{padding:1rem}.hnm-summary>div{grid-template-columns:minmax(0,1fr)}.hnm-summary dd{text-align:left}.hnm-editor-head{align-items:flex-start;gap:.75rem}.hnm-editor-head h3{flex-basis:100%}.hnm-actions .hnm-btn,.hnm-exception .hnm-btn{flex:1 1 12rem}.hnm-switch{padding:.875rem}.hnm-switch input{inset-inline-end:.875rem}}
@media(prefers-reduced-motion:reduce){.hnm-btn,.hnm-switch-track,.hnm-switch-track::after{transition:none}.hnm-btn:active{transform:none}}
@media(prefers-contrast:more){.hnm-card,.hnm-btn,.hnm-member,.hnm-review-row,.hnm-exception,.hnm-field select,.hnm-switch{border-color:var(--label,#323200)}}

/* Logos dos canais preservam o espaço do identificador existente. */
.hnm-icon[data-channel=whatsapp]{color:var(--canal-whatsapp-texto);border-radius:50%;background:var(--pal-branco) url("/assets/canais/whatsapp.svg") center/contain no-repeat}
.hnm-icon[data-channel=whatsapp] svg{visibility:hidden}
.hnm-icon[data-channel=instagram]{color:var(--canal-instagram-t);border-radius:50%;background:var(--pal-branco) url("/assets/canais/instagram.svg") center/contain no-repeat}
.hnm-icon[data-channel=instagram] svg{visibility:hidden}

/* /hub-point-credit.css */
.hc-dialog.hpc-dialog { width: min(880px, calc(100vw - 32px)); margin: auto; padding: 24px; box-sizing: border-box; max-height: calc(100dvh - 40px); overflow: auto; border: 1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent)); border-radius: 28px; }
.hpc-title { flex: 1 1 220px; min-width: 0; display: flex; gap: 14px; align-items: center; }
.hpc-title h2,.hpc-title p { margin: 0; }
.hpc-icon { flex: 0 0 48px; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 16px; background: var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent)); color: var(--d-verdeagua-t,#006F5D); }
.hpc-icon svg { width: 26px; height: 26px; }
.hpc-steps { padding: 0; margin: 24px 0 16px; list-style: none; display: flex; gap: 8px; }
.hpc-steps li { flex: 1; padding: 10px 12px; border-radius: 14px; background: var(--surface,#FFFFFF); color: var(--label,#323200); font-size: calc(0.875rem * var(--dt,1)); }
.hpc-steps [aria-current] { background: var(--surface2,#F7F3EE); color: var(--d-verdeagua-t,#006F5D); font-weight: 650; }
.hpc-dialog [data-status] { min-height: 24px; margin: 12px 0 20px; color: var(--label2,#6B5A4C); }
.hpc-search { display: flex; align-items: end; gap: 12px; }
.hpc-search label { flex: 1; margin: 0; }
.hpc-search .btn { min-height: 48px; }
.hpc-selection { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 16px 0; }
.hpc-selection strong { flex: 1; font-size: calc(0.875rem * var(--dt,1)); }
.hpc-customer-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.hpc-customer-choice,.hpc-customer-result { display: flex; gap: 10px; align-items: center; padding: 14px; border: 1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent)); border-radius: 18px; background: var(--surface,#FFFFFF); min-width: 0; color: var(--label,#323200); }
.hpc-customer-choice { cursor: pointer; min-height: 64px; transition: background .18s ease, border-color .18s ease; }
.hpc-customer-choice:has(input:checked) { background: var(--surface,#FFFFFF); border-color: var(--label3,#9C8D80); }
.hpc-customer-choice input { width: 20px; height: 20px; flex: 0 0 20px; accent-color: var(--verde,#11994A); }
.hpc-customer-choice strong { overflow-wrap: anywhere; }
.hpc-avatar { background: var(--surface,#FFFFFF); color: var(--label,#323200); border-radius: 50%; width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 34px; }
.hpc-rule-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 24px; }
.hpc-dialog [data-conversion] { margin-bottom: 24px; }
.hpc-modes { padding: 16px; margin: 20px 0; border: 1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent)); border-radius: 18px; display: flex; flex-wrap: wrap; gap: 12px 22px; }
.hpc-modes legend { font-weight: 650; padding: 0 6px; }
.hpc-modes label { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; }
.hpc-modes input { accent-color: var(--verde,#11994A); width: 20px; height: 20px; }
.hpc-summary { display: flex; gap: 18px; align-items: center; padding: 24px; border-radius: 22px; background: var(--surface,#FFFFFF); color: var(--d-verdeagua-t,#006F5D); font-size: clamp(calc(1.125rem * var(--dt,1)),3vw,calc(1.625rem * var(--dt,1))); }
.hpc-summary strong { margin-left: auto; }
.hpc-customer-result { align-items: start; flex-direction: column; text-align: left; }
.hpc-customer-result p,.hpc-customer-result ul { margin: 0; }
.hpc-customer-result ul { font-size: calc(0.8125rem * var(--dt,1)); padding-left: 18px; color: var(--label2,#6B5A4C); }
.hpc-notice { color: color-mix(in srgb,var(--d-ambar,#C27A00) 50%,var(--label,#323200)); background: var(--surface2,#F7F3EE); padding: 12px 14px; border-radius: 14px; }
.hpc-actions { display: flex; justify-content: space-between; gap: 12px; margin-top: 22px; }
.hpc-dialog input:focus-visible,.hpc-dialog button:focus-visible,.hpc-dialog select:focus-visible,.hpc-dialog textarea:focus-visible { outline: 3px solid var(--label3,#9C8D80); outline-offset: 3px; }
.hpc-dialog [hidden] { display: none !important; }
.hpc-dialog label,.hpc-dialog input,.hpc-dialog select,.hpc-title > div { min-width: 0; }
.hpc-dialog input,.hpc-dialog select,.hpc-dialog textarea { box-sizing: border-box; max-width: 100%; }
.hpc-dialog button { min-height: 44px; }
.hpc-review { animation: hpc-reveal .2s ease-out; }
@keyframes hpc-reveal { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
body.dark .hpc-icon,body.dark .hpc-steps [aria-current],body.dark .hpc-summary { color: var(--label,#323200); background: var(--surface2,#F7F3EE); }
body.dark .hpc-steps li { color: var(--label,#323200); background: var(--surface2,#F7F3EE); }
body.dark .hpc-customer-choice:has(input:checked) { background: var(--surface2,#F7F3EE); border-color: var(--label3,#9C8D80); }
body.dark .hpc-avatar { color: var(--label,#323200); background: var(--surface2,#F7F3EE); }
body.dark .hpc-notice { color: color-mix(in srgb,var(--d-ambar,#C27A00) 50%,var(--label,#323200)); background: var(--surface2,#F7F3EE); }
@media(max-width:600px) { .hc-dialog.hpc-dialog { width: calc(100vw - 20px); padding: 18px; border-radius: 22px; } .hpc-title { gap: 10px; } .hpc-title h2 { font-size: calc(1.3125rem * var(--dt,1)); } .hpc-icon { display: none; } .hpc-customer-grid,.hpc-rule-grid { grid-template-columns: 1fr; } .hpc-steps { gap: 5px; } .hpc-steps li { padding: 10px 7px; font-size: calc(0.8125rem * var(--dt,1)); } .hpc-selection strong { flex-basis: 100%; } .hpc-actions { flex-direction: column-reverse; } .hpc-actions .btn { width: 100%; } }
@media(prefers-reduced-motion:reduce) { .hpc-customer-choice { transition: none; } .hpc-review { animation: none; } }

.hpc-dialog .hc-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; position: sticky; top: -24px; z-index: 2; margin: -24px -24px 0; padding: 24px; background: var(--page,#F7F5F1); border-bottom: 1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent)); }
.hpc-steps li,.hpc-summary { overflow-wrap: anywhere; min-width: 0; }
.hpc-summary { flex-wrap: wrap; }
@media(max-width:600px) { .hpc-dialog .hc-heading { top: -18px; margin: -18px -18px 0; padding: 18px; } }

/* /hub-offline-payment-options.css */
.hopa{max-width:72rem;min-width:0;color:var(--label,#323200);font-size:var(--f-body);line-height:1.5;overflow-wrap:anywhere}.hopa :is(h3,h4,p){margin:0}.hopa h3{font-size:var(--f-title2);line-height:var(--lh-title2)}.hopa h4{font-size:var(--f-headline)}.hopa form{display:flex;flex-direction:column;gap:22px;min-width:0}.hopa-heading{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.hopa-note{font-size:var(--f-footnote);color:var(--label2,#6B5A4C)}.hopa :is(fieldset,legend){min-width:0}.hopa fieldset{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;padding:16px;margin:0}.hopa legend{font-size:var(--f-headline);font-weight:600;padding-inline:6px}.hopa-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.hopa .btn{min-height:44px;min-width:44px;white-space:normal;font-size:var(--f-callout)}.hc .hopa .btn.primary{background:var(--acao,#1F5FD0);border-color:transparent;color:var(--acao-txt,#FFFFFF)}.hopa-presets .hopa-note{margin-top:12px}.hopa-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:14px}.hopa-type{display:flex;align-items:center;gap:12px;padding:18px;min-height:84px;background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:22px;cursor:pointer;min-width:0}.hopa-type-text{display:flex;flex:1;flex-direction:column;min-width:0;gap:6px}.hopa-type-text strong{font-size:var(--f-headline)}.hopa-type-text>span{font-size:var(--f-footnote);color:var(--label2,#6B5A4C)}.hopa-icon{width:28px;height:28px;padding:10px;box-sizing:content-box;background:var(--surface,#FFFFFF);color:var(--acao,#1F5FD0);border-radius:16px;flex-shrink:0}.hopa input[type=checkbox]{accent-color:var(--acao,#1F5FD0);width:22px;height:22px;flex-shrink:0;margin:0}.hopa .hopa-type input[role=switch]{width:44px;height:44px}.hopa-section-top,.hopa-option-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.hopa-section-top>div{flex:1;min-width:min(100%,14rem)}.hopa [data-op-options]{display:flex;flex-direction:column;gap:18px}.hopa-option{display:flex;flex-direction:column;gap:16px;background:var(--surface,#FFFFFF)}.hopa-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:14px}.hopa-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:var(--f-callout)}.hopa :is(input:not([type=checkbox]),select){width:100%;min-width:0;min-height:44px;box-sizing:border-box;background:var(--surface,#FFFFFF);color:var(--label,#323200);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:12px;padding:10px;font:inherit}.hopa :is(.hopa-check,.hopa-switch){display:flex;align-items:center;gap:10px;min-height:44px;padding:4px;cursor:pointer;font-size:var(--f-callout)}.hopa .hopa-modes{display:flex;flex-wrap:wrap;gap:10px}.hopa .hopa-modes .hopa-check{flex:1 1 8rem}.hopa-feedback{min-height:1.5em;font-size:var(--f-callout)}.hopa-review{border:1px solid var(--acao,#1F5FD0);background:var(--surface,#FFFFFF);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:16px}.hopa-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:16px}.hopa-compare>div{background:var(--surface,#FFFFFF);padding:14px;border-radius:14px;min-width:0}.hopa-compare strong{font-size:var(--f-headline)}.hopa :is(button,input,select):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hopa :is(button,input,select):disabled{opacity:.65;cursor:default}.hopa [hidden]{display:none!important}@media(max-width:600px){.hopa .hopa-type{padding:14px;gap:10px}.hopa .hopa-actions>.btn{flex:1 1 100%}.hopa .hopa-option-top>.btn{width:100%}.hopa fieldset{padding:12px}.hopa-review{padding:16px}}@media(prefers-reduced-motion:reduce){.hopa *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.hopa input[role=switch]{appearance:none;position:relative;width:44px;height:44px;border:0;background:transparent;cursor:pointer}.hopa input[role=switch]::before{content:"";position:absolute;inset:8px 0;border-radius:999px;background:var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border:1px solid var(--label2,#6B5A4C);box-sizing:border-box}.hopa input[role=switch]::after{content:"";position:absolute;left:3px;top:11px;width:22px;height:22px;border-radius:50%;background:var(--label,#323200);transition:transform .16s ease}.hopa input[role=switch]:checked::before{background:var(--acao,#1F5FD0);border-color:var(--acao,#1F5FD0)}.hopa input[role=switch]:checked::after{background:var(--surface,#FFFFFF);transform:translateX(16px)}@media(prefers-reduced-motion:reduce){.hopa input[role=switch]::after{transition:none}}

.hopa-compare ul{padding-left:20px;display:flex;flex-direction:column;gap:10px;font-size:var(--f-footnote)}@media(max-width:600px){.hopa .hopa-type{display:grid;grid-template-columns:minmax(0,1fr)44px;gap:10px}.hopa .hopa-type .hopa-icon{grid-column:1;grid-row:1}.hopa .hopa-type input[role=switch]{grid-column:2;grid-row:1}.hopa .hopa-type-text{grid-column:1/-1;grid-row:2}}
/* F01a: declaração no editor existente; nunca um extrato ou saldo estimado. */
.hopa-terms{margin-block:12px;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-block:10px}
.hopa-terms summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}
.hopa-terms fieldset{border:0;margin:0;padding:0;min-width:0}
.hopa-terms .hopa-fields{margin-block:10px}
.hopa-terms-history{overflow-wrap:anywhere}
.hopa-terms[hidden]{display:none}

/* F01b: prazo humano declarado, sem data de repasse calculada. */
.hopa-timing{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-top:14px;margin-top:14px;min-width:0}
.hopa-timing [data-op-timing-calendar]{min-width:0}

/* /cerebro-unico/peca-balcao.css */
.f58-peca{display:flex;flex-direction:column;gap:14px;min-width:0;padding:20px;border-radius:24px;background:var(--surface, #FFFFFF);color:var(--label, #2A1C12);overflow-wrap:anywhere}
.f58-peca h3,.f58-peca h4,.f58-peca p{margin:0}.f58-peca p{line-height:1.5}.f58-peca form,.f58-peca fieldset{display:grid;gap:12px;min-width:0}.f58-peca fieldset{border:1px solid var(--separator,var(--label3, #9C8D80));border-radius:14px;margin:12px 0;padding:12px}.f58-peca label{display:grid;gap:6px;font-size:max(.6875rem,calc(.9375rem * var(--dt,1)))}.f58-peca input,.f58-peca select{box-sizing:border-box;min-width:0;width:100%;min-height:44px;border:1px solid var(--separator,var(--label3, #9C8D80));border-radius:12px;background:var(--surface2, #F7F3EE);color:inherit;padding:10px;font:inherit}.f58-peca button,.f58-peca summary{min-height:44px;cursor:pointer;font:inherit}.f58-peca button{border:0;border-radius:12px;padding:10px 16px;background:var(--acao, #1F5FD0);color:var(--acao-txt, #FFFFFF)}.f58-peca button:disabled{opacity:.55;cursor:default}.f58-peca :focus-visible{outline:3px solid var(--acao, #1F5FD0);outline-offset:3px}.f58-peca pre{white-space:pre-wrap;overflow-wrap:anywhere}.f58-peca [role=status]{font-size:.875rem;color:var(--label2, #6B5A4C)}body.dark .f58-peca{background:var(--surface, #FFFFFF);color:var(--label, #2A1C12)}body.dark .f58-peca input,body.dark .f58-peca select{background:var(--surface2, #F7F3EE)}
@media(min-width:700px){.f58-peca fieldset{grid-template-columns:repeat(3,minmax(0,1fr))}.f58-peca legend{grid-column:1/-1}}
.f58-peca [hidden]{display:none!important}
.f58-peca .cash-quantidade{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}
.f58-peca .cash-quantidade button{padding:0;min-width:44px}
.f58-peca [data-cash-total]{grid-column:1/-1;font-variant-numeric:tabular-nums}
.f58-peca .f58-ok{color:var(--ok,var(--d-verdeagua-t, #006F5D))}.f58-peca .f58-risco{color:var(--risco,var(--queda, #E21D3C))}.f58-partes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0}.f58-partes [aria-pressed=true]{outline:3px solid var(--label, #2A1C12);outline-offset:2px}

/* /hub-onboarding-network.css */
/* Saved facts and links to the existing editors, never a second configuration form. */
.hc .hc-onboarding-network-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:20px;margin-block:24px}
.hc .hc-onboarding-network{min-width:0;display:flex;flex-direction:column;gap:12px;margin:0;overflow-wrap:anywhere}
.hc .hc-onboarding-network-heading{display:flex;align-items:center;gap:14px}
.hc .hc-onboarding-network-heading>div{min-width:0}
.hc .hc-onboarding-network-heading :is(h3,p){margin:0}
.hc .hc-onboarding-network-heading h3{font-size:var(--f-title2);line-height:var(--lh-title2)}
.hc .hc-onboarding-network-icon{width:44px;height:44px;padding:10px;box-sizing:content-box;border-radius:20px;background:var(--surface,#FFFFFF);color:var(--acao,#1F5FD0);flex-shrink:0}
.hc .hc-onboarding-network :is(.hc-status,.hc-note,.hc-onboarding-evidence){margin:0}
.hc .hc-onboarding-network>.hc-status{align-self:flex-start;color:var(--label,#323200)}
.hc .hc-onboarding-network-model{margin:0;font-size:var(--f-headline);font-weight:600}
.hc .hc-onboarding-network-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:12px}
.hc .hc-onboarding-network-channel{min-width:0;background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:6px}
.hc .hc-onboarding-network-channel h4{margin:0;font-size:var(--f-headline)}
.hc .hc-onboarding-network>.hc-actions{margin-top:auto}
.hc .hc-onboarding-network .hc-actions .btn{min-height:44px;white-space:normal}
.hc .hc-onboarding-network .hc-onboarding-evidence>summary{min-height:44px}
@media(max-width:600px){.hc .hc-onboarding-network-grid{gap:16px;margin-block:20px}.hc .hc-onboarding-network{padding:18px}.hc .hc-onboarding-network-icon{width:28px;height:28px;padding:10px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){.hc .hc-onboarding-network *{transition:none;scroll-behavior:auto}}

/* /hub-onboarding.css */
/* The checklist reads canonical facts; its guide opens over the current workspace. */
.hc .hc-ob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem}
.hc .hc-ob-card{display:flex;flex-direction:column;align-items:stretch;gap:.875rem;min-width:0;padding:1.25rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.5rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);font:inherit;text-align:left;cursor:pointer;transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
.hc .hc-ob-card:hover{border-color:var(--label2,#6B5A4C);box-shadow:0 .5rem 1.5rem color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 3.9216%,transparent)}
.hc .hc-ob-card:active{transform:scale(.985)}
.hc .hc-ob-card:focus-visible,.hc .hc-ob-close:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}
.hc .hc-ob-card-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}
.hc .hc-ob-icon{display:grid;place-items:center;flex:none;width:3rem;height:3rem;background:var(--surface,#FFFFFF);border-radius:1rem;color:var(--acao,#1F5FD0)}
.hc .hc-ob-icon svg{width:1.625rem;height:1.625rem}
.hc .hc-ob-status{font-size:var(--f-caption1);line-height:1.4;color:var(--label2,#6B5A4C);padding:.3rem .5rem;background:var(--surface,#FFFFFF);border-radius:.5rem;overflow-wrap:anywhere}
.hc .hc-ob-status[data-done=true]{color:var(--d-verdeagua-t,#006F5D)}
.hc .hc-ob-card>strong{font-size:var(--f-headline);line-height:1.3;overflow-wrap:anywhere}
.hc .hc-ob-detail{font-size:var(--f-subhead);line-height:1.5;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}
.hc .hc-ob-card-link{display:flex;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.5rem;font-size:var(--f-subhead);font-weight:600;color:var(--acao,#1F5FD0)}
.hc .hc-ob-next{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-inline-start:4px solid var(--acao,#1F5FD0);margin-block:1.25rem}
.hc .hc-ob-next>div{min-width:0}
.hc .hc-ob-next h3{margin:.25rem 0 .5rem;font-size:var(--f-title3)}
.hc .hc-ob-next .hc-note{margin:0}
.hc .hc-ob-next>.btn{flex:none;min-height:44px;white-space:normal}
.hc .hc-ob-optional{margin-top:2rem}
.hc .hc-ob-section-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem}
.hc .hc-ob-section-heading h3{margin:0}
.hc .hc-ob-section-heading>span{font-size:var(--f-footnote);color:var(--label2,#6B5A4C)}
.hc .hc-ob-modal{position:fixed;inset:0;margin:auto;padding:0;width:min(42rem,calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.75rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);font-family:inherit;box-shadow:0 1.5rem 5rem color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 20%,transparent);overflow:hidden}
.hc .hc-ob-modal[open]{display:flex;flex-direction:column;animation:hc-ob-arrive 180ms ease-out}
.hc .hc-ob-modal::backdrop{background:color-mix(in srgb,var(--label,#323200) 40%,transparent);backdrop-filter:blur(4px)}
.hc .hc-ob-modal-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));font-size:var(--f-footnote);color:var(--label2,#6B5A4C)}
.hc .hc-ob-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--surface,#FFFFFF);color:var(--label,#323200);font:inherit;font-size:1.5rem;cursor:pointer}
.hc .hc-ob-modal-body{overflow:auto;overscroll-behavior:contain;min-height:0;padding:1.5rem}
.hc .hc-ob-modal-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;min-width:0}
.hc .hc-ob-modal-heading>div{min-width:0}
.hc .hc-ob-modal-heading h3{font-size:var(--f-title2);line-height:1.25;letter-spacing:-.025em;margin:.25rem 0;overflow-wrap:anywhere}
.hc .hc-ob-modal-heading h3:focus{outline:0}
.hc .hc-ob-modal .hc-onboarding-instructions{padding-left:1.5rem;display:grid;gap:1rem;margin:1.5rem 0;font-size:var(--f-body);line-height:1.5}
.hc .hc-ob-modal .hc-onboarding-instructions li{margin:0;padding-left:.375rem;overflow-wrap:anywhere}
.hc .hc-ob-modal .hc-onboarding-instructions li::marker{font-weight:650;color:var(--acao,#1F5FD0)}
.hc .hc-ob-modal .hc-actions{display:grid;gap:.625rem;margin-top:1.5rem}
.hc .hc-ob-modal .hc-actions .btn{min-height:48px;white-space:normal;line-height:1.4}
.hc .hc-ob-modal .hc-actions [data-ob-primary]{background:var(--acao,#1F5FD0);color:var(--acao-txt,#FFFFFF);border-color:transparent}
.hc .hc-ob-modal .hc-onboarding-evidence{background:var(--surface,#FFFFFF);border-radius:1rem;padding:.75rem 1rem;font-size:var(--f-footnote)}
.hc .hc-ob-modal .hc-onboarding-evidence summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.5rem}
@keyframes hc-ob-arrive{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:600px){.hc .hc-ob-next{align-items:stretch;flex-direction:column;gap:1rem}.hc .hc-ob-modal{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);border-radius:1.5rem}.hc .hc-ob-modal-body{padding:1.125rem}.hc .hc-ob-modal-heading{align-items:flex-start}.hc .hc-ob-card{padding:1rem}}
@media(prefers-reduced-motion:reduce){.hc .hc-ob-card,.hc .hc-ob-modal[open]{animation:none;transition:none;transform:none}.hc .hc-ob-modal *{transition:none;scroll-behavior:auto}}

.hc .hc-ob-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

/* /hub-structured-settings.css */
/* Draft-only controls over canonical textareas; load after commercial/refinement styles. */
[data-hss-canonical]{display:none!important}
.hss-section{min-width:0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;padding:1rem;background:var(--surface,#FFFFFF)}
.hss-heading{display:flex;align-items:center;gap:.75rem;min-width:0}
.hss-heading-text{flex:1;min-width:0}.hss-heading h4{margin:0;font-size:var(--f-headline,calc(1.0625rem * var(--dt,1)));line-height:1.35;overflow-wrap:anywhere}
.hss-icon{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:.875rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--d-verdeagua-t,#006F5D)}.hss-icon svg{width:1.5rem;height:1.5rem}
.hss-summary,.hss-note,.hss-notice,.hss-row-warning{margin:.375rem 0 0;font-size:var(--f-footnote,calc(.8125rem * var(--dt,1)));line-height:1.5;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}
.hss-button{min-height:44px;white-space:normal;max-width:100%;font-size:var(--f-footnote);line-height:1.4}
.hss-body{padding-top:1rem;min-width:0}.hss-body[hidden]{display:none!important}
.hss-row{min-width:0;margin:1rem 0;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.875rem;background:var(--page,#F7F5F1)}
.hss-row legend{padding-inline:.375rem;font-size:var(--f-headline);font-weight:650}
.hss-row-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.875rem;min-width:0}
.hss-field input{min-height:44px;max-width:100%;min-width:0;font-size:var(--f-body);line-height:1.4}
.hss-days{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem}
.hss-day{display:flex;align-items:center;gap:.375rem;min-height:44px;padding:.375rem .625rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.75rem;background:var(--surface,#FFFFFF);font-size:var(--f-subhead);box-sizing:border-box;cursor:pointer}
.hss-day:has(:checked){color:var(--acao,#1F5FD0);border-color:var(--acao,#1F5FD0);background:color-mix(in srgb,var(--acao,#1F5FD0) 8%,var(--page,#F7F5F1))}
.hss-day input{width:1.125rem;height:1.125rem;accent-color:var(--acao,#1F5FD0);margin:0}
.hss-day:focus-within{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}
.hss-midnight{grid-column:1/-1;min-height:44px;font-size:var(--f-subhead)}
.hss-row-warning{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200));margin-block:.75rem}
.hss-row>[data-hss-remove],.hss-row>[data-hss-correct]{margin-top:.75rem}
.hss-reference summary{min-height:44px;cursor:pointer;font-size:var(--f-footnote);color:var(--label2,#6B5A4C)}
.hss-reference pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-family:inherit;font-size:var(--f-footnote);line-height:1.5;padding:.75rem;border-radius:.75rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}
@media(max-width:600px){.hss-section,.hss-row{padding:.875rem}.hss-heading{flex-wrap:wrap}.hss-heading-text{flex:1 1 calc(100% - 4rem)}.hss-heading>[data-hss-edit]{width:100%;text-align:left}.hss-row-fields{grid-template-columns:minmax(0,1fr)}.hss-day{flex:1 0 4.75rem;justify-content:center}.hss-row>[data-hss-remove],.hss-row>[data-hss-correct]{width:100%}.hss-field input{font-size:max(1rem,var(--f-body));}}
@media(prefers-reduced-motion:reduce){.hss-section *{transition:none!important;animation:none!important}}

/* /hub-fiscal-profiles.css */
/* Perfil visual do cadastro fiscal existente; cores e escala pertencem ao Hub. */
.hfp,.hfp-editor{color:var(--label,#323200);font-size:calc(1rem * var(--dt,1));line-height:1.45;min-width:0}
.hfp [hidden],.hfp-editor [hidden]{display:none!important}
.hfp h3,.hfp-editor h3,.hfp-editor h4{margin:0;font-size:calc(1.0625rem * var(--dt,1));line-height:1.3;overflow-wrap:anywhere}
.hfp-heading,.hfp-section-head,.hfp-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hfp-heading{margin-bottom:12px}.hfp-heading>div{min-width:0;flex:1}
.hfp-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--d-verdeagua-t,#006F5D);flex:none}.hfp-icon svg{width:24px;height:24px}
.hfp-note,.hfp-eyebrow,.hfp-summary,.hfp-profile dt,.hfp-badge{font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));color:var(--label2,#6B5A4C);margin:6px 0;overflow-wrap:anywhere}
.hfp-summary{display:flex;flex-wrap:wrap;gap:8px 14px;margin:10px 0 16px}
.hfp-editor{box-sizing:border-box;width:min(920px,calc(100% - 32px));max-width:calc(100% - 32px);height:fit-content;max-height:min(850px,calc(100dvh - 32px));border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding:0;border-radius:24px;background:var(--surface,#FFFFFF);box-shadow:0 18px 60px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 18%,transparent);overflow:hidden}
.hfp-editor[open],section.hfp-editor{display:flex;flex-direction:column}.hfp-editor::backdrop{background:color-mix(in srgb,var(--label,#323200) 30%,transparent)}
.hfp-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));flex:none}
.hfp-editor-head>div{min-width:0;flex:1}.hfp-editor h2{margin:0;font-size:calc(1.375rem * var(--dt,1));line-height:1.2;overflow-wrap:anywhere}
.hfp-eyebrow{margin:0 0 4px}.hfp-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:50%;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label,#323200);font:inherit;font-size:calc(1.375rem * var(--dt,1));cursor:pointer}
.hfp-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hfp-editor-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 22px;flex:0 1 auto}.hfp-editor-body>nav{margin-bottom:20px}
.hfp-editor-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));background:var(--surface,#FFFFFF);flex:none}
.hfp-editor .btn,.hfp .btn{min-width:44px;min-height:44px;white-space:normal;text-align:center;box-sizing:border-box;font-size:calc(.9375rem * var(--dt,1));line-height:1.35;transition:transform .16s ease,background-color .16s ease}
body .hfp-editor button.btn.primary,body .hfp button.btn.primary{background:var(--acao,#1F5FD0);border-color:transparent;color:var(--acao-txt,#FFFFFF)}
.hfp-editor button:active,.hfp button:active{transform:scale(.98)}
.hfp-editor :is(button,input,select,summary):focus-visible,.hfp button:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}
.hfp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin-top:16px}
.hfp-profile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;background:var(--surface,#FFFFFF);min-width:0}.hfp-profile .btn{width:100%;margin-top:auto}
.hfp-profile dl{width:100%;margin:0}.hfp-profile dl>div{display:flex;justify-content:space-between;gap:12px}.hfp-profile dd{margin:0;font-size:calc(.875rem * var(--dt,1));overflow-wrap:anywhere}.hfp-badge{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border-radius:12px;padding:6px 10px;align-self:flex-start;color:var(--label,#323200)}
.hfp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.hfp-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:calc(.9375rem * var(--dt,1));font-weight:600}.hfp-field input,.hfp-field select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:12px;background:var(--surface,#FFFFFF);color:var(--label,#323200);font:inherit;font-size:max(1rem,calc(1rem * var(--dt,1)));font-weight:400}
.hfp-check{display:flex;align-items:center;gap:12px;min-height:44px;font-size:calc(.9375rem * var(--dt,1));margin:16px 0}.hfp-check input{width:22px;height:22px;flex:none;accent-color:var(--d-verdeagua-t,#006F5D)}
.hfp-details{margin:16px 0;padding:12px 14px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:16px}.hfp-details summary,.hfp-impact summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:calc(.9375rem * var(--dt,1))}.hfp-details summary::before,.hfp-impact summary::before{content:"›";display:inline-block;transition:transform .16s ease}.hfp-details[open]>summary::before,.hfp-impact details[open]>summary::before{transform:rotate(90deg)}
.hfp-feedback{margin:16px 0;font-size:calc(.9375rem * var(--dt,1));overflow-wrap:anywhere}.hfp-feedback:empty{display:none}.hfp-feedback[role=alert]{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}
.hfp-review{padding:16px;border-radius:18px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hfp-regimes{display:flex;flex-wrap:wrap;gap:8px 18px;padding:12px 0;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));font-size:calc(.9375rem * var(--dt,1))}.hfp-regimes>*{min-width:0;overflow-wrap:anywhere}.hfp-regimes span{color:var(--label2,#6B5A4C)}
.hfp-impact{margin-top:16px}.hfp-impact p,.hfp-impact li{font-size:calc(.9375rem * var(--dt,1))}.hfp-impact ul{padding-left:20px}.hfp-impact li{margin:10px 0}.hfp-impact li span{display:block;color:var(--label2,#6B5A4C)}
.hfp-tax-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;flex-basis:100%;margin:6px 0}.hfp-tax-values>div{min-width:0}.hfp-tax-values dt{color:var(--label2,#6B5A4C);font-size:calc(.8125rem * var(--dt,1))}.hfp-tax-values dd{margin:0;font-size:calc(.9375rem * var(--dt,1));overflow-wrap:anywhere}
@media(max-width:640px){.hfp-editor{width:100%;max-width:100%;height:fit-content;max-height:calc(100dvh - 8px);margin:auto 0 0;border-radius:24px 24px 0 0}.hfp-editor-head{padding:14px 16px}.hfp-editor-body{padding:16px}.hfp-editor-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}.hfp-fields{grid-template-columns:minmax(0,1fr)}.hfp-editor-foot .btn{width:100%}.hfp-section-head .hfp-note{flex-basis:100%}.hfp-actions>.btn{flex:1 1 150px}}
@media(prefers-reduced-motion:reduce){.hfp-editor .btn,.hfp .btn,.hfp-details summary::before,.hfp-impact summary::before{transition:none}.hfp-editor button:active,.hfp button:active{transform:none}}
@media(prefers-reduced-transparency:reduce){.hfp-editor{background:var(--surface,#FFFFFF)}}

.hfp-empty{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:22px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}
.hfp-empty>div:not(.hfp-empty-map){flex:1 1 240px;min-width:0}.hfp-empty .hfp-note{margin-bottom:0}.hfp-empty-map{display:flex;align-items:center;gap:12px;flex:1 0 100%;padding-top:8px}
.hfp-empty-map>span:not(.hfp-empty-arrow){display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;border-radius:14px;background:var(--surface,#FFFFFF);color:var(--label,#323200);font-size:calc(.875rem * var(--dt,1))}.hfp-empty-map svg{flex:0 0 22px;width:22px;height:22px;color:var(--d-verdeagua-t,#006F5D)}.hfp-empty-map b{font-weight:600;overflow-wrap:anywhere}.hfp-empty-arrow{flex:none;color:var(--label,#323200);font-size:calc(1.125rem * var(--dt,1))}
@media(max-width:640px){.hfp-empty{padding:16px}.hfp-empty-map{flex-wrap:wrap}.hfp-empty-map>span:not(.hfp-empty-arrow){flex:1 1 100%}.hfp-empty-arrow{transform:rotate(90deg);margin-left:16px}}

/* /hub-attendant-information.css */
.hai{min-width:0;max-width:100%;color:var(--label,#323200);font-size:var(--f-callout,1rem)}
.hai-header{display:flex;gap:1rem;align-items:center;margin:1.25rem 0}.hai-header h3{font-size:calc(1.125rem * var(--dt,1));line-height:1.25;margin:0 0 .375rem;overflow-wrap:anywhere}.hai-header>div{min-width:0}
.hai-icon{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:.875rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--d-verdeagua-t,#006F5D)}.hai-icon svg{width:26px;height:26px}
.hai-note,.hai-origin,.hai-feedback,.hai-draft,.hai-change-origin{font-size:max(.6875rem,calc(.875rem * var(--dt,1)));line-height:1.5;color:var(--label2,#6B5A4C);margin:.5rem 0;overflow-wrap:anywhere}
.hai-scope{display:flex;gap:.375rem;border-radius:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));padding:.375rem;margin:1.25rem 0}.hai-scope>button{flex:1;min-width:44px;min-height:44px;font:inherit;line-height:1.4;border:0;border-radius:.75rem;padding:.625rem .875rem;background:transparent;color:var(--label,#323200);cursor:pointer;overflow-wrap:anywhere}.hai-scope>button[aria-selected=true]{background:var(--surface,#FFFFFF);box-shadow:0 2px 8px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 5.098%,transparent);font-weight:650}
.hai-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0 1.5rem}.hai-group{display:flex;align-items:flex-start;gap:.75rem;min-width:0;min-height:44px;box-sizing:border-box;font:inherit;line-height:1.4;text-align:left;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;padding:1rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);cursor:pointer;transition:border-color 140ms ease,transform 140ms ease,box-shadow 140ms ease}.hai-group>span:last-child{min-width:0}.hai-group strong{display:block;font-size:calc(1rem * var(--dt,1));line-height:1.35;overflow-wrap:anywhere}.hai-group small{display:block;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));color:var(--label2,#6B5A4C);line-height:1.45;margin-top:.375rem;overflow-wrap:anywhere}.hai-group[aria-selected=true]{border-color:var(--d-verdeagua-t,#006F5D);box-shadow:0 0 0 1px var(--d-verdeagua-t,#006F5D)}.hai-group:active{transform:scale(.985)}
.hai-fields{margin:0;padding:0;border:0;min-width:0}.hai-fields section{min-width:0}.hai-fields h4,.hai-review h4{font-size:calc(1.0625rem * var(--dt,1));line-height:1.35;margin:.75rem 0;overflow-wrap:anywhere}.hai-field{padding:1rem 0;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));min-width:0}.hai-field-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.625rem}.hai-field-top>label:first-child{font-size:calc(.9375rem * var(--dt,1));font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.hai .hai-field :is(input:not([type=checkbox]),select,textarea){font-family:inherit;font-size:calc(1rem * var(--dt,1));line-height:1.45;box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.875rem;padding:.625rem .875rem;background:var(--surface,#FFFFFF);color:var(--label,#323200)}.hai-field textarea{resize:vertical}.hai-field :is(input,select,textarea):disabled{opacity:1;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label2,#6B5A4C);cursor:default}
.hai-override{position:relative;display:flex;gap:.625rem;align-items:center;min-height:44px;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));line-height:1.4;color:var(--label2,#6B5A4C);cursor:pointer}.hai-override input{position:absolute;left:0;top:0;width:52px;height:44px;margin:0;opacity:0;cursor:pointer;z-index:1}.hai-switch-track{position:relative;flex:none;width:52px;height:30px;border-radius:999px;background:var(--label2,#6B5A4C);transition:background-color 140ms ease}.hai-switch-track::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--surface,#FFFFFF);box-shadow:0 1px 3px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 20%,transparent);transition:left 140ms ease}.hai-override input:checked+.hai-switch-track{background:var(--d-verdeagua-t,#006F5D)}.hai-override input:checked+.hai-switch-track::after{left:25px}.hai-override input:disabled~span{cursor:default}.hai-override input:focus-visible+.hai-switch-track{outline:3px solid var(--acao,#1F5FD0);outline-offset:4px}
.hai-actions{margin-top:1.25rem;gap:.75rem}.hai .hai-actions>.btn{min-height:44px;max-width:100%;font-size:calc(.9375rem * var(--dt,1));line-height:1.4;white-space:normal;overflow-wrap:anywhere}.hai-feedback{color:var(--d-verdeagua-t,#006F5D);min-height:1.5em}.hai-error{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200));font-size:calc(.875rem * var(--dt,1));line-height:1.5;overflow-wrap:anywhere}.hai-boundary{margin-top:1.25rem}.hai-review{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;padding:1.25rem;margin-top:1.25rem;background:var(--surface,#FFFFFF)}.hai-review-unit{margin-top:1rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-top:1rem}.hai-review-unit h5{font-size:calc(1rem * var(--dt,1));line-height:1.4;margin:.5rem 0;overflow-wrap:anywhere}.hai-change{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding:1rem 0;min-width:0}.hai-change>strong,.hai-change-origin{grid-column:1/-1}.hai-change strong{font-size:calc(.9375rem * var(--dt,1));line-height:1.4;overflow-wrap:anywhere}.hai-change small{font-size:max(.6875rem,calc(.75rem * var(--dt,1)));color:var(--label2,#6B5A4C);line-height:1.5}.hai-change p{font-size:calc(.9375rem * var(--dt,1));line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap;margin:.375rem 0}
.hai :is(button,input,textarea,select):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hai [hidden]{display:none!important}
@media(max-width:650px){.hai-groups{grid-template-columns:minmax(0,1fr);gap:.625rem}.hai-group{padding:.875rem;align-items:center}.hai-group small{margin-top:.25rem}.hai-header{align-items:flex-start}.hai-header .hai-note{display:none}.hai-review{padding:1rem}.hai .hai-actions>.btn{flex:1 1 100%}.hai-change{grid-template-columns:minmax(0,1fr)}.hai-field-top{align-items:flex-start;flex-direction:column}.hai-scope>button{padding:.625rem .5rem}}
@media(hover:hover){.hai-group:hover{border-color:var(--d-verdeagua-t,#006F5D);box-shadow:0 4px 16px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 5%,transparent)}}
@media(prefers-reduced-motion:reduce){.hai-group,.hai-switch-track,.hai-switch-track::after{transition:none}.hai-group:active{transform:none}}
@media(prefers-contrast:more){.hai-group,.hai-review,.hai .hai-field :is(input,select,textarea){border-color:var(--label,#323200)}}
/* The workspace already names this editor. Keep the first fields close to its title. */
.hvw-editor .hvw-editor-body .hai-header,.hvw-editor .hvw-editor-body>[data-hc-guide-path=facts]>summary,.hvw-editor .hvw-editor-body:has(.hai)>.hvw-retained{display:none}
.hvw-editor .hvw-editor-body .hai-scope{margin:0 0 1rem}.hai-maintained{grid-column:1/-1}
.hai-source-links,.hai [data-hai-other]{margin-top:1rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-top:.75rem}.hai-source-links>summary,.hai [data-hai-other]>summary{min-height:44px;cursor:pointer;font-size:calc(.875rem * var(--dt,1));line-height:1.5;color:var(--label2,#6B5A4C)}
@media(max-width:650px){.hvw-editor .hai-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.75rem 0 1rem}.hvw-editor .hai-group{flex-direction:column;align-items:center;text-align:center;padding:.75rem .375rem;gap:.5rem}.hvw-editor .hai-group .hai-icon{width:32px;height:32px;border-radius:.625rem}.hvw-editor .hai-group .hai-icon svg{width:24px;height:24px}.hvw-editor .hai-group strong{font-size:calc(.875rem * var(--dt,1))}.hvw-editor .hai-group small{display:none}}

.hvw-editor [data-hc-guide-path=facts]>[data-hai-other]{margin-top:1rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-top:.75rem}.hvw-editor [data-hai-other]>summary{min-height:44px;cursor:pointer;font-size:calc(.875rem * var(--dt,1));line-height:1.5;color:var(--label2,#6B5A4C)}
.hvw-editor .hvw-editor-body>[data-hc-guide-path=facts]{margin:0;padding:0;border:0;background:transparent}

.hvw-editor .hai-fields [role=tabpanel]>h4{display:none}

/* /hub-attendant-declarations.css */
.had{min-width:0;color:var(--label,#323200);font-size:var(--f-callout,1rem)}
.had-header,.had-test>header,.had-card>header{display:flex;gap:1rem;align-items:center}.had-header{margin:1rem 0}.had-header>div,.had-test>header>div,.had-card>header>div{min-width:0}.had-header h3,.had-test h4,.had-card h4{font-size:calc(1.0625rem * var(--dt,1));line-height:1.35;overflow-wrap:anywhere;margin:0 0 .375rem}.had-header p,.had-test header p{margin:0;color:var(--label2,#6B5A4C);font-size:max(.6875rem,calc(.875rem * var(--dt,1)));line-height:1.5;overflow-wrap:anywhere}
.had-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:.875rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--d-verdeagua-t,#006F5D)}.had-icon svg{width:26px;height:26px}
.had-scope,.had-topic-tabs{display:flex;gap:.375rem;padding:.375rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border-radius:1rem;margin:0 0 1rem;min-width:0}.had-scope>button,.had-topic-tabs>button{flex:1;min-width:44px;min-height:44px;border:0;border-radius:.75rem;padding:.625rem .75rem;color:var(--label,#323200);background:transparent;font:inherit;font-size:calc(.9375rem * var(--dt,1));line-height:1.4;cursor:pointer;overflow-wrap:anywhere}.had-scope>button[aria-selected=true],.had-topic-tabs>button[aria-selected=true]{background:var(--surface,#FFFFFF);font-weight:650;box-shadow:0 2px 8px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 5.098%,transparent)}.had-topic-tabs>button{display:flex;align-items:center;justify-content:center;gap:.625rem}.had-topic-tabs .had-icon{width:32px;height:32px;border-radius:.625rem}.had-topic-tabs .had-icon svg{width:24px;height:24px}
.had-new,.had-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.had-new-card{display:flex;gap:.75rem;align-items:center;min-height:44px;min-width:0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);padding:1rem;text-align:left;font:inherit;cursor:pointer;transition:border-color 140ms ease,box-shadow 140ms ease,transform 140ms ease}.had-new-card>span:nth-child(2){flex:1;min-width:0}.had-new-card strong{display:block;font-size:calc(1rem * var(--dt,1));line-height:1.4;overflow-wrap:anywhere}.had-new-card small{display:block;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));line-height:1.5;color:var(--label2,#6B5A4C);margin-top:.25rem;overflow-wrap:anywhere}
.had-card{min-width:0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;padding:1.25rem;background:var(--surface,#FFFFFF)}.had-card header small{display:block;color:var(--label2,#6B5A4C);font-size:max(.6875rem,calc(.75rem * var(--dt,1)));line-height:1.5;margin-bottom:.25rem}.had-state,.had-note,.had-draft,.had-empty,.had-count{font-size:max(.6875rem,calc(.875rem * var(--dt,1)));line-height:1.5;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}.had-state{padding:.5rem .75rem;border-radius:.75rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));margin:.75rem 0}.had-phrase{font-size:calc(.9375rem * var(--dt,1));font-weight:600;line-height:1.45;overflow-wrap:anywhere}.had-reply,.had-test-reply{font-size:calc(1rem * var(--dt,1));line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.had-product{display:flex;gap:.75rem;align-items:center;min-width:0}.had-product>div{min-width:0}.had-product img{width:64px;height:64px;border-radius:.875rem;object-fit:cover;flex:none}.had-product strong{font-size:calc(.9375rem * var(--dt,1));line-height:1.4;overflow-wrap:anywhere}.had-product p{color:var(--label2,#6B5A4C);font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));line-height:1.45;margin:.25rem 0;overflow-wrap:anywhere}
.had-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.had .btn{min-height:44px;max-width:100%;white-space:normal;font-size:calc(.9375rem * var(--dt,1));line-height:1.4;overflow-wrap:anywhere}.had-switch{display:flex;align-items:center;gap:.75rem;min-height:44px;font-size:calc(.875rem * var(--dt,1));line-height:1.45;color:var(--label,#323200);position:relative;margin:.875rem 0;cursor:pointer}.had-switch>input{position:absolute;left:0;top:0;width:52px;height:44px;margin:0;opacity:0;cursor:pointer;z-index:1}.had-switch>input+span{position:relative;flex:none;width:52px;height:30px;border-radius:999px;background:var(--label2,#6B5A4C);transition:background-color 140ms ease}.had-switch>input+span::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:var(--surface,#FFFFFF);box-shadow:0 1px 3px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 20%,transparent);transition:left 140ms ease}.had-switch>input:checked+span{background:var(--d-verdeagua-t,#006F5D)}.had-switch>input:checked+span::after{left:25px}.had-switch>input:focus-visible+span{outline:3px solid var(--acao,#1F5FD0);outline-offset:4px}.had-switch>input:disabled{cursor:default}
.had :is(input:not([type=checkbox]),textarea,select){box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit;font-size:calc(1rem * var(--dt,1));line-height:1.45;padding:.625rem .875rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.875rem}.had textarea{resize:vertical}.had .hc-field{display:flex;flex-direction:column;gap:.5rem;min-width:0;font-size:calc(.9375rem * var(--dt,1));line-height:1.4;margin:.875rem 0}.had-phrases{margin:1rem 0;padding:0;border:0;min-width:0}.had-phrases legend{font-size:calc(.9375rem * var(--dt,1));font-weight:600;line-height:1.5}.had-phrases>div{display:flex;align-items:end;gap:.5rem}.had-phrases .hc-field{flex:1;margin:.625rem 0}.had-phrases>div>.btn{margin-bottom:.625rem}.had-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;max-height:18rem;overflow:auto;overscroll-behavior:contain}.had-product-choice{min-width:0;min-height:44px;text-align:left;padding:.875rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);cursor:pointer}.had-product-choice:active,.had-new-card:active{transform:scale(.985)}
.had [data-ad-rule-form]>h4,.had-review h4{font-size:calc(1.125rem * var(--dt,1));line-height:1.35;overflow-wrap:anywhere;margin:.5rem 0 1rem}.had-test,.had-review{margin:1.25rem 0;padding:1.25rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;background:var(--surface,#FFFFFF)}.had-test form{display:grid;gap:.625rem;margin-top:1rem}.had-test form>label{font-size:calc(.9375rem * var(--dt,1));line-height:1.45}.had-test form>.btn{justify-self:start}.had-review h5{font-size:calc(1rem * var(--dt,1));line-height:1.5;overflow-wrap:anywhere;margin:1rem 0 .5rem}.had-change{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:.75rem 0;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.had-change>div{min-width:0}.had-change small{font-size:max(.6875rem,calc(.75rem * var(--dt,1)));line-height:1.5;color:var(--label2,#6B5A4C)}.had-change p{font-size:calc(.9375rem * var(--dt,1));line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:.375rem 0}.had-feedback{font-size:calc(.875rem * var(--dt,1));line-height:1.5;color:var(--d-verdeagua-t,#006F5D);overflow-wrap:anywhere;min-height:1.5em}.had-warning,.had-error{font-size:calc(.875rem * var(--dt,1));line-height:1.5;color:var(--label,#323200);background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));padding:.875rem;border-radius:.875rem;overflow-wrap:anywhere}.had-error{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}
.had :is(button,input,select,textarea):focus-visible,.had-topic-tabs>button:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.had [hidden]{display:none!important}.hvw-editor .had-header{display:none}
@media(max-width:650px){.had-new,.had-card-grid,.had-products,.had-change{grid-template-columns:minmax(0,1fr)}.had-card,.had-test,.had-review{padding:1rem}.had-actions>.btn{flex:1 1 100%}.had-phrases>div{align-items:stretch;flex-wrap:wrap}.had-phrases>div>.btn{align-self:end}.had-topic-tabs{margin-bottom:.5rem}.had-topic-tabs>button{padding:.375rem;font-size:calc(.875rem * var(--dt,1))}.had-topic-full{display:none}.hvw-editor .hvw-editor-body .had-topic-tabs~.hai .hai-scope{margin-bottom:.125rem}.hvw-editor .hvw-editor-body .had-topic-tabs~.hai .hai-groups{margin-bottom:.125rem}}
@media(hover:hover){.had-new-card:hover,.had-product-choice:hover{border-color:var(--d-verdeagua-t,#006F5D);box-shadow:0 4px 16px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 5%,transparent)}}
@media(prefers-reduced-motion:reduce){.had-new-card,.had-product-choice,.had-switch>input+span,.had-switch>input+span::after{transition:none}.had-new-card:active,.had-product-choice:active{transform:none}}
@media(prefers-contrast:more){.had-card,.had-new-card,.had-product-choice,.had :is(input,textarea,select){border-color:var(--label,#323200)}}

/* /hub-attendant-personality.css */
.hap{--hap-accent:var(--d-verdeagua-t,#006F5D);--hap-muted:var(--label2,#6B5A4C);margin:0!important;border:0!important;background:transparent!important;padding:0!important;color:var(--label,#323200)}
.hap-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.hap-header h3{margin:0}.hap-header p{margin:5px 0 0}.hap-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:var(--hap-accent);background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));flex:none}.hap svg{width:24px;height:24px}.hap-origin{font-size:max(0.6875rem,calc(0.8125rem * var(--dt,1)));color:var(--hap-muted);padding:10px 12px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border-radius:12px;margin:0 0 16px}.hap fieldset{border:0;margin:0;padding:0;min-width:0}.hap-scope,.hap-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.hap-scope{align-items:end;margin-bottom:16px}.hap .hc-field{min-width:0}.hap .hc-field input,.hap .hc-field select{width:100%;min-height:44px}.hap-enabled{margin-bottom:16px!important}.hap-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.hap-preset{font:inherit;text-align:left;display:flex;flex-direction:column;gap:9px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;padding:16px;background:var(--surface,#FFFFFF);color:inherit;min-height:145px;transition:transform .18s ease,border-color .18s ease,background .18s ease;cursor:pointer}.hap-preset small{font-size:max(0.6875rem,calc(0.75rem * var(--dt,1)));line-height:1.4;color:var(--hap-muted)}.hap-preset svg{color:var(--hap-accent)}.hap-preset[aria-pressed=true]{border-color:var(--hap-accent);box-shadow:inset 0 0 0 1px var(--hap-accent);background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hap-preset:active{transform:scale(.98)}.hap button:focus-visible,.hap summary:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hap-details{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));margin:18px 0}.hap-details summary{font-weight:600;padding:14px 0;min-height:44px;cursor:pointer}.hap-details .hap-fields{padding-bottom:14px}.hap-preview{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border-radius:22px;padding:18px;margin:20px 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hap-preview-title{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;width:100%}.hap-preview-title span{font-size:max(0.6875rem,calc(0.75rem * var(--dt,1)));color:var(--hap-muted)}.hap-customer{align-self:flex-end;padding:10px 14px;border-radius:18px 18px 5px 18px;background:var(--surface,#FFFFFF);max-width:88%;font-size:max(0.6875rem,calc(0.875rem * var(--dt,1)))}.hap-bubble{margin:0;white-space:pre-wrap;padding:14px 16px;border-radius:18px 18px 18px 5px;background:var(--surface,#FFFFFF);color:var(--label,#323200);border-inline-start:3px solid var(--hap-accent);font-size:max(0.6875rem,calc(0.875rem * var(--dt,1)));line-height:1.55;max-width:92%;overflow-wrap:anywhere;animation:hap-appear .18s ease-out}.hap-preview>.hc-note{margin:0}.hap-review{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;padding:16px;margin-top:12px}.hap-review h4{margin:0 0 12px}.hap-impact{display:grid;gap:6px;padding:12px 0;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hap-impact span{color:var(--hap-muted);font-size:max(0.6875rem,calc(0.8125rem * var(--dt,1)))}.hap-impact p{white-space:pre-wrap;font-size:max(0.6875rem,calc(0.875rem * var(--dt,1)));margin:0;overflow-wrap:anywhere}.hap [hidden]{display:none!important}.hap :disabled{cursor:default;opacity:.65}.hap .hc-actions{gap:10px;flex-wrap:wrap}.hap .hc-actions button{min-height:44px}
@keyframes hap-appear{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:520px){.hap-scope,.hap-fields{grid-template-columns:1fr}.hap-presets{grid-template-columns:1fr;gap:10px}.hap-preset{display:grid;grid-template-columns:28px 1fr;column-gap:12px;row-gap:4px;padding:14px;min-height:76px;border-radius:16px}.hap-preset svg{grid-row:1 / 3;align-self:center}.hap-preset strong{font-size:calc(1rem * var(--dt,1))}.hap-preset small{grid-column:2}.hap-preview{padding:14px}.hap .hc-actions>button{flex:1 1 160px}}
@media(prefers-reduced-motion:reduce){.hap *{animation:none!important;transition:none!important}}
@media(prefers-contrast:more){.hap-preset,.hap-review{border-width:2px}.hap-origin{border:1px solid currentColor}.hap-preview{background:transparent;border:1px solid currentColor}}

/* /hub-attendant-menu-delivery.css */
.hamd{color:var(--label,#323200);font-size:var(--f-body);min-width:0;max-width:100%}.hamd [hidden]{display:none!important}.hamd-saved{display:flex;gap:.875rem;align-items:center;padding:.875rem 1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border-radius:1rem;margin-bottom:1rem}.hamd-saved>div{display:grid;gap:.25rem;min-width:0}.hamd-saved strong{font-size:var(--f-subhead);overflow-wrap:anywhere}.hamd-saved small,.hamd-example>small,.hamd-comparison small{font-size:var(--f-footnote);color:var(--label2,#6B5A4C)}.hamd-icon{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border-radius:.875rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--d-verdeagua-t,#006F5D)}.hamd-icon svg{width:1.5rem;height:1.5rem}.hamd-scope{display:flex;gap:.25rem;padding:.25rem;border-radius:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));margin-bottom:1rem}.hamd-scope button{flex:1;min-width:44px;min-height:44px;padding:.625rem;border:0;border-radius:.75rem;background:transparent;color:var(--label,#323200);font:inherit;font-size:var(--f-subhead);cursor:pointer}.hamd-scope [aria-selected=true]{background:var(--surface,#FFFFFF);font-weight:650;box-shadow:0 1px 4px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 7.0588%,transparent)}.hamd-follow{display:flex;gap:.75rem;align-items:center;min-height:44px;margin-bottom:1rem;font-size:var(--f-subhead);font-weight:600;cursor:pointer;position:relative}.hamd-follow input{position:absolute;z-index:1;opacity:0;width:44px;height:44px;margin:0}.hamd-follow small{display:block;color:var(--label2,#6B5A4C);font-size:var(--f-footnote);font-weight:400;margin-top:.25rem}.hamd-switch-track{pointer-events:none;width:2.75rem;height:1.75rem;flex:none;background:var(--label2,#6B5A4C);border-radius:2rem;padding:.2rem;box-sizing:border-box;transition:background-color 160ms ease}.hamd-switch-track:before{content:"";display:block;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--surface,#FFFFFF);box-shadow:0 1px 3px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 18.824%,transparent);transition:transform 160ms ease}.hamd-follow input:checked+.hamd-switch-track{background:var(--verde,#11994A)}.hamd-follow input:checked+.hamd-switch-track:before{transform:translateX(1rem)}.hamd-follow input:focus-visible+.hamd-switch-track{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hamd-follow:has(input:disabled){cursor:default}.hamd-choices{margin:0;padding:0;border:0;min-width:0}.hamd-label{font-size:var(--f-headline);font-weight:650;margin-bottom:.75rem;padding:0}.hamd-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.hamd-card{position:relative;display:grid;align-content:start;gap:.625rem;min-width:0;min-height:44px;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.125rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);cursor:pointer;transition:border-color 160ms ease,box-shadow 160ms ease}.hamd-card input{position:absolute;z-index:1;opacity:0;width:44px;height:44px;margin:0;inset:.25rem .25rem auto auto}.hamd-card strong{font-size:var(--f-subhead);line-height:1.4;overflow-wrap:anywhere}.hamd-note,.hamd-feedback,.hamd-draft{font-size:var(--f-subhead);color:var(--label2,#6B5A4C);line-height:1.55;overflow-wrap:anywhere;margin:.5rem 0}.hamd-card .hamd-note{font-size:var(--f-footnote);margin:0}.hamd-choice-state{font-size:var(--f-caption1);color:var(--label2,#6B5A4C);margin-top:.25rem}.hamd-card.is-selected{border-color:var(--d-verdeagua-t,#006F5D);box-shadow:inset 0 0 0 1px var(--d-verdeagua-t,#006F5D)}.hamd-card.is-selected .hamd-choice-state{color:var(--d-verdeagua-t,#006F5D);font-weight:650}.hamd-card:has(input:focus-visible){outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hamd-card:has(input:disabled){cursor:default}.hamd-example{margin:1rem 0;padding:1rem;border-radius:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));min-width:0}.hamd-bubble{padding:.875rem 1rem;margin-top:.75rem;border-radius:1rem 1rem 1rem .25rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);max-width:34rem;font-size:var(--f-subhead);line-height:1.5;overflow-wrap:anywhere}.hamd-bubble p{margin:0}.hamd-bubble small{display:block;font-size:var(--f-footnote);color:var(--label2,#6B5A4C);margin-top:.625rem}.hamd-example-button{display:block;padding:.75rem;margin-top:.75rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));color:var(--d-verdeagua-t,#006F5D);text-align:center;font-weight:650}.hamd-example-link{display:block;margin-top:.625rem;color:var(--d-verdeagua-t,#006F5D);font-size:var(--f-footnote);overflow-wrap:anywhere}.hamd-details{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));margin:1rem 0}.hamd-details summary{display:flex;align-items:center;min-height:44px;font-size:var(--f-subhead);font-weight:600;cursor:pointer;padding:.625rem 0}.hamd-details summary:after{content:"";width:.45rem;height:.45rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:auto;margin-right:.5rem;flex:none}.hamd-details[open] summary:after{transform:rotate(225deg)}.hamd-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.hamd-channel{display:flex;gap:.75rem;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;min-width:0}.hamd-channel>div{min-width:0}.hamd-channel h5{font-size:var(--f-subhead);margin:0 0 .25rem}.hamd-channel strong{font-size:var(--f-footnote);font-weight:600;overflow-wrap:anywhere}.hamd-channel .hamd-note{font-size:var(--f-footnote);margin:.375rem 0 0}.hamd-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.hamd-button{min-width:44px;min-height:44px;max-width:100%;padding:.75rem 1rem;font:inherit;font-size:var(--f-subhead);line-height:1.4;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.875rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label,#323200);white-space:normal;cursor:pointer}.hamd-button.hamd-primary{background:color-mix(in srgb,var(--verde,#11994A) 80%,var(--label,#323200));color:var(--acao-txt,#FFFFFF);border-color:transparent}.hamd-button:disabled{opacity:.6;cursor:default}.hamd-feedback{min-height:1.5em}.hamd-review{padding-top:1rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hamd-review h4{font-size:var(--f-headline);margin:0 0 .75rem}.hamd-review-unit{padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;margin-top:1rem;min-width:0}.hamd-review-unit h5{font-size:var(--f-headline);margin:0 0 .75rem}.hamd-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.hamd-comparison>div{display:grid;gap:.375rem;min-width:0}.hamd-comparison strong{font-size:var(--f-subhead);overflow-wrap:anywhere}.hamd :is(button,summary):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}@media(hover:hover){.hamd-card:not(:has(input:disabled)):hover{border-color:var(--d-verdeagua-t,#006F5D);box-shadow:0 3px 10px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 3.9216%,transparent)}.hamd-button:not(:disabled):hover{filter:brightness(.96)}}@media(max-width:650px){.hamd-card-grid,.hamd-channels{grid-template-columns:minmax(0,1fr)}.hamd-card{grid-template-columns:auto minmax(0,1fr);column-gap:.75rem;padding:.875rem}.hamd-card .hamd-icon{grid-row:1/4}.hamd-card .hamd-choice-state{margin:0}.hamd-actions .hamd-button{flex:1 1 100%}.hamd-comparison{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.hamd *{transition:none!important;animation:none!important}}

/* /hub-attendant-operations.css */
.hao{color:var(--label,#323200);font-size:calc(.9375rem * var(--dt,1));min-width:0}.hao h4,.hao h5{margin:.6rem 0}.hao p{line-height:1.5}.hao-note,.hao small{color:var(--label2,#6B5A4C)}.hao-tabs,.hao-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:.9rem 0}.hao button,.hao input:not([type=checkbox]):not([type=radio]),.hao select{min-height:44px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:10px;padding:.6rem .75rem;font:inherit;color:inherit;background:var(--surface,#FFFFFF);max-width:100%;box-sizing:border-box}.hao button{cursor:pointer}.hao button:disabled,.hao input:disabled,.hao select:disabled{opacity:.6;cursor:default}.hao .hao-primary,.hao-tabs [aria-selected=true]{background:var(--acao,#1F5FD0);color:var(--acao-txt,#FFFFFF);border-color:transparent}.hao label{display:flex;flex-direction:column;gap:.4rem;margin:.7rem 0}.hao .hao-check{flex-direction:row;align-items:center;min-height:44px}.hao input[type=checkbox],.hao input[type=radio]{width:20px;height:20px;flex-shrink:0;accent-color:var(--acao,#1F5FD0)}.hao fieldset{margin:1rem 0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:12px;min-width:0;padding:.8rem}.hao legend{padding:0 .3rem;font-weight:600}.hao-saved{padding:.85rem;border-radius:12px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));line-height:1.6;overflow-wrap:anywhere}.hao-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.hao-models label{margin:0;padding:.7rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:12px;min-width:0}.hao-models label:has(input:checked){border-color:var(--acao,#1F5FD0);box-shadow:inset 0 0 0 1px var(--acao,#1F5FD0)}.hao-models span{font-size:calc(.875rem * var(--dt,1));line-height:1.45}.hao-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.hao-comparison div{display:flex;flex-direction:column;gap:.3rem;overflow-wrap:anywhere}.hao-review article{border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding:.75rem 0}.hao-feedback{overflow-wrap:anywhere;min-height:1.5em}.hao-exception{padding:.7rem;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hao :focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hao details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}@media(max-width:600px){.hao-models,.hao-comparison{grid-template-columns:1fr}.hao-actions{flex-direction:column}.hao-actions button{width:100%}}@media(prefers-reduced-motion:reduce){.hao *{animation:none!important;transition:none!important}}

/* /hub-payment-correction.css */
.hpc{color:var(--label,#323200);display:grid;gap:20px;min-width:0}.hpc-heading{display:flex;align-items:center;gap:14px}.hpc-heading h3,.hpc-heading p,.hpc h4{margin:0}.hpc-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:16px;color:var(--d-verdeagua-t,#006F5D);flex:none}.hpc-icon svg{width:26px;height:26px}.hpc-total{padding:20px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;background:var(--surface,#FFFFFF);display:flex;align-items:center;justify-content:space-between;gap:12px}.hpc-total strong{font-size:calc(1.45rem * var(--dt,1));font-variant-numeric:tabular-nums}.hpc-amounts{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}.hpc-amounts li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:10px 0;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hpc-amounts small{grid-column:1/-1;color:var(--label2,#6B5A4C)}.hpc-amounts strong{font-variant-numeric:tabular-nums}.hpc form{display:grid;gap:16px}.hpc-rows,.hpc-fields{display:grid;gap:12px}.hpc-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;background:var(--surface,#FFFFFF);min-width:0;margin:0}.hpc-row legend{font-weight:650;padding:0 6px}.hpc-row>.hc-field:first-of-type{grid-column:1/-1}.hpc .hc-field input,.hpc .hc-field select,.hpc .hc-field textarea{width:100%;min-width:0;box-sizing:border-box;min-height:44px}.hpc .btn{min-height:44px}.hpc .hc-field,.hpc p,.hpc li{overflow-wrap:anywhere}.hpc-review,.hpc-history{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;padding:20px;background:var(--surface,#FFFFFF)}.hpc-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hpc-comparison>div{min-width:0}.hpc-comparison>div>span{color:var(--label2,#6B5A4C);font-size:calc(.9rem * var(--dt,1))}.hpc-balance,.hpc-notice{padding:14px;border-radius:14px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));margin:0}.hpc-history summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.hpc-review{animation:hpc-arrive 180ms ease-out}.hpc button:focus-visible,.hpc input:focus-visible,.hpc select:focus-visible,.hpc textarea:focus-visible,.hpc summary:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hpc [hidden]{display:none!important}@keyframes hpc-arrive{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:540px){.hpc{gap:16px}.hpc-row,.hpc-comparison{grid-template-columns:1fr}.hpc-row>.hc-field:first-of-type{grid-column:auto}.hpc-total{padding:16px}.hpc-review,.hpc-history{padding:14px}.hpc .btn{width:100%}}@media(prefers-reduced-motion:reduce){.hpc-review{animation:none}}

/* /hub-payment-correction-policy.css */
.hpcp{color:var(--label,#323200);font-size:var(--f-body,calc(1rem * var(--dt,1)));max-width:100%;min-width:0}.hpcp [hidden]{display:none!important}.hpcp-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.hpcp-icon{display:grid;place-items:center;flex:none;width:3rem;height:3rem;border-radius:1rem;color:var(--d-verdeagua-t,#006F5D);background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hpcp-icon svg{width:1.65rem;height:1.65rem}.hpcp h3{font-size:var(--f-title3);line-height:1.3;margin:.25rem 0}.hpcp-eyebrow{font-size:var(--f-footnote);color:var(--label2,#6B5A4C);margin:0}.hpcp-note,.hpcp-feedback{font-size:var(--f-subhead);color:var(--label2,#6B5A4C);line-height:1.55;overflow-wrap:anywhere}.hpcp-feedback{min-height:1.5em}.hpcp-tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border-radius:1rem;margin-block:1.25rem}.hpcp-tabs button{flex:1;min-width:44px;min-height:44px;font:inherit;font-size:var(--f-subhead);border:0;border-radius:.75rem;color:var(--label,#323200);background:transparent;padding:.625rem;cursor:pointer}.hpcp-tabs [aria-selected=true]{background:var(--surface,#FFFFFF);font-weight:650;box-shadow:0 1px 5px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 7.0588%,transparent)}.hpcp-field{display:grid;gap:.5rem;font-size:var(--f-subhead);font-weight:600;min-width:0}.hpcp-field select{width:100%;max-width:100%;min-width:0;min-height:44px;font:inherit;font-weight:400;color:var(--label,#323200);background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.75rem;padding:.75rem;box-sizing:border-box}.hpcp-unit{margin-bottom:1rem}.hpcp-saved,.hpcp-review{padding:1.25rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;background:var(--surface,#FFFFFF);margin-bottom:1.25rem;min-width:0}.hpcp-saved{display:grid;gap:.5rem}.hpcp-saved span,.hpcp-saved small{font-size:var(--f-footnote);color:var(--label2,#6B5A4C)}.hpcp-saved strong{font-size:var(--f-headline);overflow-wrap:anywhere}.hpcp-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}.hpcp-button{min-height:44px;min-width:44px;border:1px solid transparent;border-radius:.875rem;font:inherit;font-size:var(--f-subhead);padding:.75rem 1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label,#323200);white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.4;cursor:pointer;transition:background-color 140ms ease}.hpcp-button:disabled{opacity:.6;cursor:default}.hpcp .hpcp-primary{background:color-mix(in srgb,var(--verde,#11994A) 80%,var(--label,#323200));color:var(--acao-txt,#FFFFFF)}.hpcp-notice{padding:1rem;border-radius:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));font-size:var(--f-subhead);line-height:1.55;overflow-wrap:anywhere}.hpcp-review{margin-top:1.5rem}.hpcp-review h4{font-size:var(--f-headline);margin:0 0 .75rem}.hpcp-unit-list{list-style:none;padding:0;margin:1rem 0;display:grid;gap:1rem}.hpcp-unit-list li{display:grid;gap:.5rem;padding-block:1rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));overflow-wrap:anywhere}.hpcp-unit-list strong,.hpcp-unit-list span{font-size:var(--f-subhead)}.hpcp-unit-list small{font-size:var(--f-footnote);color:var(--label2,#6B5A4C);line-height:1.5}.hpcp-help{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));margin-top:1rem}.hpcp-help summary{min-height:44px;display:flex;align-items:center;font-size:var(--f-subhead);font-weight:600;cursor:pointer}.hpcp :is(button,select,summary):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}@media(max-width:600px){.hpcp-actions .hpcp-button{flex:1 1 100%}.hpcp-saved,.hpcp-review{padding:1rem}.hpcp-heading h3{font-size:var(--f-headline)}}@media(prefers-reduced-motion:reduce){.hpcp *{transition:none!important;animation:none!important}}

/* /hub-print-destinations.css */
.hpd-form{margin:0;max-width:100%;min-width:0}.hpd-equipment{display:flex;align-items:center;gap:16px;margin:0 0 20px}.hpd-equipment>svg{width:52px;height:52px;flex:none;fill:none;stroke:var(--label,#323200);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;padding:10px;border-radius:16px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hpd-equipment p,.hpd-switch small{color:var(--label2,#6B5A4C);line-height:1.45;margin:5px 0 0;font-size:max(.6875rem,calc(.875rem * var(--dt,1)))}.hpd-equipment strong,.hpd-switch strong{font-size:calc(1.0625rem * var(--dt,1))}.hpd-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;margin-bottom:20px}.hpd-switch small{display:block}.hpd-switch input{appearance:none;flex:none;box-sizing:content-box;width:51px;height:32px;min-height:32px;border:6px solid transparent;background-clip:padding-box;border-radius:20px;background-color:var(--label2,#6B5A4C);position:relative;transition:background .18s ease;cursor:pointer}.hpd-switch input:before{content:"";display:block;width:26px;height:26px;border-radius:50%;background:var(--surface,#FFFFFF);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 20%,transparent);transition:transform .18s ease}.hpd-switch input:checked{background-color:var(--d-verdeagua-t,#006F5D)}.hpd-switch input:checked:before{transform:translateX(19px)}.hpd-switch input:disabled{opacity:.45;cursor:default}.hpd-switch input:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:4px}.hpd-layout{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0}.hpd-layout legend{font-weight:650;margin-bottom:12px}.hpd-impact{font-weight:600;line-height:1.5;font-size:max(.6875rem,calc(.9375rem * var(--dt,1)));margin:16px 0}.hpd-preview{padding:16px;border-radius:16px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));margin-top:16px}.hpd-preview p{line-height:1.5;overflow-wrap:anywhere}.hpd-form [data-hpd-message]{margin:12px 0;overflow-wrap:anywhere}.hpd-form select{max-width:100%}.hpd-form .hc-config-disclosure p{line-height:1.5}.hpd-form [hidden]{display:none!important}@media(max-width:600px){.hpd-layout{grid-template-columns:1fr}.hpd-equipment{gap:12px}.hpd-form .hc-actions>*{flex:1 1 160px}.hpd-switch{padding:12px}}@media(prefers-reduced-motion:reduce){.hpd-switch input,.hpd-switch input:before{transition:none}}

/* /hub-print-sectors.css */
.hps{color:var(--label,#323200);min-width:0;margin-block:1.5rem;font-size:var(--f-body)}.hps [hidden]{display:none!important}.hps-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.hps-header h3{font-size:var(--f-title3);margin:.25rem 0}.hps-total{font-size:var(--f-footnote);padding:.5rem .75rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border-radius:1rem}.hps-total[data-exceeded=true]{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}.hps-cards{display:grid;gap:1rem;margin-block:1rem}.hps-sector{background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.5rem;min-width:0}.hc .hps-sector>summary{display:flex;align-items:center;gap:.875rem;min-height:64px;padding:1rem;list-style:none;flex-direction:row}.hps-sector>summary::-webkit-details-marker{display:none}.hps-icon{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border-radius:1rem;color:var(--label,#323200)}.hps-icon svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hps-heading{display:grid;gap:.25rem;min-width:0;flex:1}.hps-heading strong{font-size:var(--f-headline);overflow-wrap:anywhere}.hps-heading small,.hps-state{font-size:var(--f-footnote);color:var(--label2,#6B5A4C);line-height:1.4;overflow-wrap:anywhere}.hps-state{max-width:12rem}.hps-body{padding:0 1.25rem 1.25rem;min-width:0}.hps-note,.hps-equipment,.hps-feedback,.hps-warning{font-size:var(--f-subhead);line-height:1.55;overflow-wrap:anywhere;color:var(--label2,#6B5A4C)}.hps-warning{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}.hps-switch{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;padding:1rem;margin-block:1rem;min-height:44px}.hps-switch span{font-size:var(--f-subhead);font-weight:600;min-width:0}.hps-switch small{display:block;font-size:var(--f-footnote);font-weight:400;color:var(--label2,#6B5A4C);margin-top:.375rem}.hps-switch input{width:44px!important;height:44px!important;min-width:44px;min-height:44px;flex:none;accent-color:var(--verde,#11994A)}.hps-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;border:0;margin:1rem 0;padding:0;min-width:0}.hps-layout legend,.hps-options legend{font-size:var(--f-subhead);font-weight:600;padding-block:.75rem}.hps-options{border:0;padding:0;margin:0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem .75rem}.hps-check{display:flex;align-items:center;min-height:44px;gap:.625rem;font-size:var(--f-subhead);line-height:1.4;min-width:0;padding:.375rem;border-radius:.5rem;cursor:pointer}.hps-check span{min-width:0;overflow-wrap:anywhere}.hps-check input{flex:none;width:1.25rem!important;height:1.25rem!important;min-height:0;accent-color:var(--verde,#11994A)}.hps-products,.hps-modes{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));margin-top:1rem;padding-block:.5rem;min-width:0}.hc .hps-products>summary,.hc .hps-modes>summary{min-height:44px;font-size:var(--f-subhead);font-weight:600;display:flex;flex-direction:row;align-items:center;cursor:pointer}.hps-product-list{max-height:22rem;overflow:auto;margin-top:.75rem;overscroll-behavior:contain}.hps :is(input,select,button,summary):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hps input:not([type=checkbox]),.hps select{max-width:100%;min-width:0;min-height:44px;font:inherit;font-size:var(--f-subhead);box-sizing:border-box}.hps .btn{min-height:44px;min-width:44px;white-space:normal;max-width:100%;font-size:var(--f-subhead)}.hps-review{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));margin-top:1rem;padding-top:1rem;min-width:0}.hps-review h4{font-size:var(--f-headline);margin:.25rem 0 1rem}.hps-review>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hps-review p{font-size:var(--f-subhead);overflow-wrap:anywhere;line-height:1.5}.hps-review strong{font-size:var(--f-subhead)}@media(max-width:600px){.hc .hps-sector>summary{flex-wrap:wrap}.hps-state{flex-basis:100%;margin-left:0;max-width:none}.hps-body{padding-inline:1rem}.hps-layout,.hps-options,.hps-review>div{grid-template-columns:1fr}.hps-header{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.hps *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* /hub-printing-network.css */
.hpn{color:var(--label,#323200);font-size:var(--f-body);min-width:0}.hpn [hidden]{display:none!important}.hpn *{box-sizing:border-box}.hpn-header{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.hvw-editor-body .hpn-header{display:none}.hpn-header h3{font-size:var(--f-title3);margin:.25rem 0}.hpn-eyebrow{font-size:var(--f-footnote);color:var(--label2,#6B5A4C);margin:0}.hpn-symbol{display:grid;place-items:center;width:2.75rem;height:2.75rem;flex:none;border-radius:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label,#323200)}.hpn-symbol svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hpn-tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border-radius:1rem;margin-block:1rem}.hpn-tabs button{flex:1;border:0;min-width:44px;min-height:44px;border-radius:.75rem;font-size:var(--f-subhead);font-weight:600;white-space:normal;padding:.625rem;color:var(--label2,#6B5A4C);background:transparent}.hpn-tabs button[aria-selected=true]{background:var(--surface,#FFFFFF);color:var(--label,#323200);box-shadow:0 2px 6px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 6.2745%,transparent)}.hpn-field{display:grid;gap:.5rem;min-width:0;font-size:var(--f-subhead);font-weight:600;margin-block:.75rem}.hpn-field input,.hpn-field select{min-width:0;width:100%;min-height:44px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.75rem;padding:.625rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);font:inherit;font-weight:400}.hpn [data-pn-fields],.hpn-presets{border:0;margin:0;padding:0;min-width:0}.hpn-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-block:1rem}.hpn-presets legend{font-size:var(--f-headline);font-weight:600;padding-bottom:.75rem}.hpn-preset{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;background:var(--surface,#FFFFFF);cursor:pointer;min-width:0;min-height:44px;transition:transform .18s ease,border-color .18s ease}.hpn-preset:has(input:checked){border-color:var(--d-verdeagua-t,#006F5D);outline:2px solid var(--d-verdeagua-t,#006F5D);outline-offset:-2px}.hpn-preset input{position:absolute;inset:.75rem .75rem auto auto;width:1.25rem;height:1.25rem;accent-color:var(--verde,#11994A)}.hpn-preset strong{font-size:var(--f-headline);line-height:1.4;display:block;padding-right:1rem}.hpn-preset small{display:block;color:var(--label2,#6B5A4C);font-size:var(--f-footnote);line-height:1.5;margin-top:.375rem}.hpn-reference,.hpn-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:end}.hpn-reference .hpn-btn{margin-block:.75rem}.hpn-note,.hpn-feedback,.hpn-alert{font-size:var(--f-subhead);line-height:1.55;overflow-wrap:anywhere;color:var(--label2,#6B5A4C)}.hpn-alert{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}.hpn-btn{min-width:44px;min-height:44px;max-width:100%;white-space:normal;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.875rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);font-size:var(--f-subhead);font-weight:600;padding:.75rem 1rem;line-height:1.4;cursor:pointer}.hpn-primary{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border-color:var(--d-verdeagua-t,#006F5D);color:var(--label,#323200)}.hpn button:disabled,.hpn fieldset:disabled{cursor:default}.hpn-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}.hpn .hpn-details>summary{display:flex;align-items:center;min-height:44px;font-size:var(--f-subhead);font-weight:600;cursor:pointer;padding-block:.75rem;flex-direction:row}.hpn-rule{min-width:0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;background:var(--surface,#FFFFFF);margin-block:.75rem}.hpn .hpn-rule>summary,.hpn-principal>header{display:flex;flex-direction:row;align-items:center;gap:.875rem;padding:1rem;min-height:64px;list-style:none}.hpn-rule>summary::-webkit-details-marker{display:none}.hpn-rule strong{font-size:var(--f-headline);overflow-wrap:anywhere}.hpn-rule small{display:block;font-size:var(--f-footnote);color:var(--label2,#6B5A4C);line-height:1.45;margin-top:.25rem}.hpn-principal .hpn-layout{padding:0 1rem 1rem}.hpn-rule-body{padding:0 1rem 1rem;min-width:0}.hpn-options{border:0;margin:1rem 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .75rem;min-width:0}.hpn-options legend{font-size:var(--f-subhead);font-weight:600;padding-block:.5rem}.hpn-check{display:flex;align-items:center;gap:.625rem;min-height:44px;font-size:var(--f-subhead);line-height:1.4;min-width:0;padding:.375rem}.hpn-check span{overflow-wrap:anywhere;min-width:0}.hpn-check input{width:1.25rem!important;height:1.25rem!important;min-height:0;flex:none;accent-color:var(--verde,#11994A)}.hpn-products{max-height:22rem;overflow:auto;overscroll-behavior:contain}.hpn-progress{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));margin-top:1.5rem;padding-top:1rem}.hpn-progress>header,.hpn-impact>header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.hpn-progress h4,.hpn-review h4{font-size:var(--f-headline);margin:.5rem 0}.hpn-badge{font-size:var(--f-footnote);padding:.5rem .75rem;border-radius:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hpn-units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.hpn-units article{display:grid;gap:.375rem;padding:1rem;background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;min-width:0}.hpn-units strong,.hpn-job strong,.hpn-impact strong{font-size:var(--f-subhead)}.hpn-units span,.hpn-job span,.hpn-impact>header>span{font-size:var(--f-subhead);overflow-wrap:anywhere}.hpn-units small,.hpn-job small{font-size:var(--f-footnote);color:var(--label2,#6B5A4C);line-height:1.5;overflow-wrap:anywhere}.hpn-job{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-block:.5rem}.hpn-job p{display:grid;gap:.375rem;margin:.75rem 0}.hpn-review{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));margin-top:1rem;padding-top:1rem}.hpn-impact{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;margin-block:1rem;padding:1rem;min-width:0}.hpn-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hpn-comparison h5{font-size:var(--f-subhead);margin:1rem 0 .5rem}.hpn-comparison p{font-size:var(--f-subhead);line-height:1.5;overflow-wrap:anywhere;margin:.5rem 0}.hpn :is(input,select,button,summary):focus-visible,.hpn-preset:has(input:focus-visible){outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}@media(hover:hover){.hpn-preset:hover{transform:translateY(-2px)}}.hpn-preset:active{transform:scale(.99)}@media(max-width:600px){.hpn-presets,.hpn-reference,.hpn-layout,.hpn-options,.hpn-units,.hpn-comparison{grid-template-columns:minmax(0,1fr)}.hpn-preset{flex-direction:column;align-items:flex-start}.hpn-preset strong{padding-right:1.5rem}.hpn-reference{gap:0}.hpn-actions>*{flex:1 1 12rem}.hpn-header{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.hpn *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.hpn-preset:hover,.hpn-preset:active{transform:none}}

/* /hub-print-target-operations.css */
.hpto{min-width:0;color:var(--label,#323200);font-size:var(--f-body)}.hpto [hidden]{display:none!important}.hpto-heading{display:flex;gap:1rem;align-items:flex-start;margin-block:1rem}.hpto-heading h3{font-size:var(--f-title3);margin:0 0 .375rem}.hpto-heading p,.hpto-card p,.hpto-editor p,.hpto-result p{font-size:var(--f-subhead);line-height:1.55;margin:.5rem 0;overflow-wrap:anywhere}.hpto-heading p,.hpto-card p{color:var(--label2,#6B5A4C)}.hpto-icon{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label,#323200)}.hpto-icon svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.hpto-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:1.25rem}.hpto-card{min-width:0;padding:1.25rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.5rem;background:var(--surface,#FFFFFF);display:flex;flex-direction:column;gap:.75rem}.hpto-card h4,.hpto-editor h4{font-size:var(--f-headline);margin:.25rem 0;overflow-wrap:anywhere}.hpto-card .hc-actions{margin-top:auto}.hpto-tag{font-size:var(--f-footnote);color:var(--label2,#6B5A4C)}.hpto-editor{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border-radius:1.5rem;padding:1.25rem;margin-block:1.25rem;min-width:0}.hpto-review{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));margin-block:1rem;padding-top:1rem}.hpto-review strong{font-size:var(--f-headline)}.hpto .btn{min-width:44px;min-height:44px;max-width:100%;white-space:normal;font-size:var(--f-subhead);transition:transform .16s ease,background-color .16s ease}.hpto .btn:active{transform:scale(.98)}.hpto select{min-height:44px;max-width:100%;min-width:0;box-sizing:border-box;font-size:var(--f-subhead)}.hpto .hc-actions{gap:.75rem;display:flex;flex-wrap:wrap}.hpto :is(button,select,summary):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hpto-history{margin-block:1.5rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-top:.5rem}.hc .hpto-history>summary{min-height:44px;font-size:var(--f-subhead);display:flex;align-items:center;cursor:pointer;flex-direction:row}.hpto-result{padding:.75rem 0;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));min-width:0}.hpto-result strong{font-size:var(--f-subhead);overflow-wrap:anywhere}@media(max-width:1000px){.hpto-cards{grid-template-columns:1fr}.hpto-card{display:grid;grid-template-columns:auto minmax(0,1fr)}.hpto-card .hc-actions{grid-column:1/-1}}@media(max-width:600px){.hpto-heading{flex-wrap:wrap}.hpto-editor,.hpto-card{padding:1rem}.hpto .hc-actions>.btn{flex:1 1 12rem}}@media(prefers-reduced-motion:reduce){.hpto *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* /hub-campaign-metrics.css */
/* Existing campaign report; content stays in the modal viewport at each text scale. */
.hcm-open{display:inline-flex;align-items:center;gap:8px;min-height:44px!important;white-space:normal!important}
.hcm-open svg{width:20px;height:20px;flex:none}
.hcm-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:28px;color:var(--label,#323200);background:var(--surface,#FFFFFF);box-shadow:0 24px 80px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 22%,transparent);overflow:auto;overscroll-behavior:contain;animation:hcm-enter .18s ease-out}
.hcm-dialog::backdrop{background:color-mix(in srgb,var(--label,#323200) 34%,transparent);backdrop-filter:blur(8px)}
.hcm-header{display:flex;align-items:flex-start;gap:16px;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.hcm-header>div{min-width:0}.hcm-eyebrow{margin:0 0 6px;font-size:var(--f-subhead);color:var(--label2,#6B5A4C)}
.hcm-dialog h2{font-size:var(--f-title2);line-height:1.2;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
.hcm-name{margin:8px 0 0;font-size:var(--f-body);line-height:1.4;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}
.hcm-close{flex:none;min-width:44px;min-height:44px;font-size:var(--f-title2);border-radius:50%}
.hcm-content{padding:18px 24px}.hcm-period{margin:0 0 18px}
.hc.hcm-dialog .hcm-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 20px}
.hc.hcm-dialog .hcm-values>div{min-width:0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;padding:18px;background:var(--surface,#FFFFFF)}
.hc.hcm-dialog .hcm-values dt{display:flex;flex-direction:column;gap:12px;color:var(--label2,#6B5A4C);font-size:var(--f-subhead);line-height:1.4;overflow-wrap:anywhere}
.hcm-values dt svg{width:24px;height:24px;color:var(--label,#323200);flex:none}
.hc.hcm-dialog .hcm-values dd{margin:14px 0 0;font-size:var(--f-title1);line-height:1.15;letter-spacing:-.035em;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.hcm-explanation{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hcm-explanation summary{display:flex;align-items:center;min-height:44px;padding:10px 0;font-size:var(--f-subhead);font-weight:600;cursor:pointer;gap:12px}.hcm-explanation summary::after{content:"+";margin-left:auto}.hcm-explanation[open] summary::after{content:"−"}
.hcm-explanation p{line-height:1.55}.hcm-notice{padding:14px;border-radius:14px;background:var(--surface,#FFFFFF);line-height:1.5}
.hcm-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 24px 24px;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));font-size:var(--f-footnote);color:var(--label2,#6B5A4C)}.hcm-footer .btn{min-height:44px;white-space:normal;max-width:100%}
.hcm-dialog :focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}
@media(max-width:520px){.hcm-header{padding:18px 16px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.hcm-header>div{display:contents}.hcm-eyebrow{grid-column:1;grid-row:1;align-self:center;margin:0}.hcm-close{grid-column:2;grid-row:1}.hcm-dialog h2,.hcm-name{grid-column:1/-1}.hcm-name{margin:0}.hcm-content{padding:16px}.hc.hcm-dialog .hcm-values{grid-template-columns:minmax(0,1fr)}.hc.hcm-dialog .hcm-values>div{padding:16px}.hcm-footer{padding:16px}.hcm-footer .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.hcm-dialog{animation:none}}
@keyframes hcm-enter{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}

.hcm-tabs{display:flex;gap:8px;padding:16px 24px 0}.hcm-tabs .btn{flex:1;min-height:44px}.hcm-tabs [aria-pressed=true]{background:var(--label,#323200);color:var(--page,#F7F5F1)}.hcm-purchase-period{display:flex;flex-wrap:wrap;gap:12px;padding:20px 24px 0;align-items:end}.hcm-purchase-period label{display:grid;gap:6px;flex:1;min-width:120px}.hcm-purchase-period input{width:100%;min-width:0;min-height:44px;padding:8px;box-sizing:border-box;border-radius:12px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));font:inherit;color:var(--label,#323200);background:var(--page,#F7F5F1)}.hcm-purchase-period .hc-note{flex-basis:100%;margin:0}.hcm-purchase-states{display:flex;gap:8px;flex-wrap:wrap;margin-block:16px}.hcm-purchase-states span{padding:8px 12px;border-radius:14px;background:var(--surface,#FFFFFF);font-size:var(--f-subhead)}.hcm-other-dimensions{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;padding:16px;line-height:1.5}.hcm-other-dimensions h3{font-size:var(--f-body);margin:0}.hcm-other-dimensions p{font-size:var(--f-subhead)}
@media(max-width:480px){.hcm-purchase-period,.hcm-tabs{padding-inline:16px}.hcm-purchase-period>*{max-width:100%}.hcm-purchase-period .btn{width:100%}.hcm-values dd{overflow-wrap:anywhere}}

.hcm-tabs .btn{min-width:0;overflow-wrap:anywhere}.hcm-purchase-period{box-sizing:border-box;min-width:0}.hcm-purchase-period label{max-width:100%}.hcm-purchase-period [data-campaign-period-apply]{min-width:0;white-space:normal}.hcm-other-dimensions{min-width:0;overflow-wrap:anywhere}
@media(max-width:480px){.hcm-tabs{display:grid;grid-template-columns:1fr;gap:6px}.hcm-purchase-period{display:grid;grid-template-columns:minmax(0,1fr)}.hcm-purchase-period .hc-note{min-width:0}.hcm-purchase-states span{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}}
.hcm-recovery{margin:0 0 20px}.hcm-recovery h3{font-size:var(--f-headline,calc(1.0625rem * var(--dt,1)));margin:0 0 12px}.hcm-recovery .hcm-values{margin-bottom:10px}.hcm-recovery .hc-note{line-height:1.5}

/* /hub-campaign-incentives.css */
.hci{min-width:0;color:var(--label,#323200);font-size:var(--f-body)}.hci *{box-sizing:border-box}.hci [hidden]{display:none!important}.hci-header,.hci-section-title{display:flex;align-items:center;gap:1rem;margin-block:1rem}.hci-header>div,.hci-section-title>div{min-width:0}.hci h3{font-size:var(--f-title3);line-height:1.35;margin:.25rem 0;overflow-wrap:anywhere}.hci h4,.hci-presets legend,.hci-units legend{font-size:var(--f-headline);font-weight:600;line-height:1.45;margin:.5rem 0;max-width:100%;overflow-wrap:anywhere}.hci h5{font-size:var(--f-subhead);line-height:1.45;margin:.25rem 0 .75rem}.hci-eyebrow,.hci-note,.hci-feedback,.hci-selection,.hci-alert{font-size:var(--f-subhead);line-height:1.5;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}.hci-alert{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}.hci-symbol{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label,#323200)}.hci-symbol svg,.hci .btn svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hci-saved{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));font-size:var(--f-subhead);line-height:1.45}.hci-saved>span{color:var(--label2,#6B5A4C)}.hci-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;gap:.375rem;min-width:0;padding:.375rem;margin-block:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hci-tabs button,.hci-btn{min-width:44px;min-height:44px;max-width:100%;padding:.75rem 1rem;font-size:var(--f-subhead);font-weight:600;line-height:1.4;white-space:normal;color:var(--label,#323200);background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.875rem;cursor:pointer}.hci-tabs button{flex:1 0 auto;white-space:nowrap;background:transparent;border-color:transparent;padding:.625rem}.hci-tabs button[aria-selected=true]{background:var(--surface,#FFFFFF);border-color:var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hci-primary{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border-color:var(--d-verdeagua-t,#006F5D)}.hci-btn:disabled,.hci-preset:disabled{opacity:.65;cursor:default}.hci form>fieldset,.hci-presets,.hci-units{border:0;padding:0;margin:0;min-width:0}.hci-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-block:.75rem 1rem}.hci-presets legend{padding-block:.5rem}.hci-preset{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);text-align:left;min-height:44px;min-width:44px;cursor:pointer;transition:transform .18s ease}.hci-preset strong{font-size:var(--f-headline);line-height:1.4;display:block}.hci-preset small{display:block;font-size:var(--f-footnote);line-height:1.5;color:var(--label2,#6B5A4C);margin-top:.375rem}.hci-preset[aria-pressed=true]{border-color:var(--d-verdeagua-t,#006F5D);box-shadow:inset 0 0 0 1px var(--d-verdeagua-t,#006F5D)}.hci-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hci-field{display:grid;gap:.5rem;min-width:0;margin-block:.5rem;font-size:var(--f-subhead);font-weight:600;line-height:1.45}.hci-field input,.hci-field select{width:100%;max-width:100%;min-width:0;min-height:44px;padding:.625rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.75rem;font:inherit;font-weight:400;line-height:1.45;background:var(--surface,#FFFFFF);color:var(--label,#323200)}.hci-check,.hci-switch{display:flex;align-items:center;gap:.75rem;min-height:44px;font-size:var(--f-subhead);line-height:1.45}.hci-check input,.hci-switch input{width:1.25rem!important;height:1.25rem!important;min-height:0;accent-color:var(--verde,#11994A);flex:none}.hci-check span{min-width:0;overflow-wrap:anywhere}.hci-check strong,.hci-check small{display:block}.hci-check small{font-size:var(--f-footnote);line-height:1.5;color:var(--label2,#6B5A4C)}.hci-switch{justify-content:space-between;padding:1rem;margin-block:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hci-switch span{min-width:0}.hci-switch small{display:block;font-size:var(--f-footnote);color:var(--label2,#6B5A4C);line-height:1.5;margin-top:.375rem}.hci-details{min-width:0;padding-block:.5rem;margin-block:.75rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hci summary{display:flex;align-items:center;min-height:44px;padding-block:.75rem;font-size:var(--f-subhead);font-weight:600;line-height:1.45;white-space:normal;cursor:pointer}.hci-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}.hci-units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.hci-units article{min-width:0;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;background:var(--surface,#FFFFFF)}.hci-customers{max-height:24rem;overflow:auto;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;padding:.5rem}.hci-customers>label{padding:.5rem;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hci-customers>label:last-child{border-bottom:0}.hci-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:1rem}.hci-stats article{min-width:0;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hci-stats span{display:block;font-size:var(--f-subhead);line-height:1.45;color:var(--label2,#6B5A4C)}.hci-stats strong{display:block;font-size:var(--f-title3);line-height:1.4;margin-top:.5rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.hci-invite{display:flex;align-items:flex-start;gap:1rem;padding:1rem;margin-block:.75rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;background:var(--surface,#FFFFFF)}.hci-invite>div{min-width:0}.hci-invite strong,.hci-invite span,.hci-invite small{display:block;overflow-wrap:anywhere}.hci-invite strong,.hci-invite span{font-size:var(--f-subhead);line-height:1.45}.hci-invite small{font-size:var(--f-footnote);line-height:1.5;color:var(--label2,#6B5A4C);margin-top:.375rem}.hci-review{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-block:1rem;margin-block:1rem}.hci-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hci-comparison>section{min-width:0;padding:1rem;border-radius:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hci-comparison p{font-size:var(--f-subhead);line-height:1.5;margin:.75rem 0;overflow-wrap:anywhere}.hci-comparison p>span,.hci-comparison p>strong{display:block}.hci-comparison p>span{color:var(--label2,#6B5A4C)}.hci-impact{min-width:0;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;margin-block:1rem}.hci-impact>header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;font-size:var(--f-headline);line-height:1.45;margin-bottom:1rem}.hci-impact>header>span{font-size:var(--f-subhead);color:var(--label2,#6B5A4C)}.hci-names p{font-size:var(--f-subhead);line-height:1.45;padding:.75rem;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));overflow-wrap:anywhere}.hci :is(input,select,button,summary):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hc-dialog:has([data-campaign-incentives]){width:min(68rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem)}.hc-dialog[open]:has([data-campaign-incentives]){display:flex;flex-direction:column;max-height:calc(100dvh - 2rem);overflow:hidden}.hc-dialog:has([data-campaign-incentives])>.hc-dialog-top{flex:none}.hc-dialog:has([data-campaign-incentives])>.hc-dialog-body{flex:1;min-height:0;min-width:0;overflow:auto}.hc-dialog:has([data-campaign-incentives]) .hci-header{display:none}/* 1.74.0 (Philippe, 03/10/2026, desempenho): era `.hc-dialog:has(...) .hc-header>div{min-width:0}`. Um `:has()` que termina numa etiqueta solta (div) fazia o navegador refazer o estilo de TODO div da tela a cada mexida, no sistema inteiro (docs/DESEMPENHO-2026-10-03.md). O diálogo agora avisa o cabeçalho por uma variável e os dois blocos do cabeçalho leem dela; fora deste diálogo vale `auto`, o valor de sempre. */.hc-dialog:has([data-campaign-incentives]) .hc-header{--hc-cabecalho-min:0}:where(.hc-dialog) .hc-header>div{min-width:var(--hc-cabecalho-min,auto)}.hc-dialog:has([data-campaign-incentives]) .hc-header h2{overflow-wrap:anywhere}@media(hover:hover){.hci-preset:not(:disabled):hover{transform:translateY(-2px)}}.hci-preset:not(:disabled):active{transform:scale(.99)}@media(max-width:600px){.hci-grid,.hci-presets,.hci-units,.hci-comparison,.hci-stats{grid-template-columns:minmax(0,1fr)}.hci-preset{flex-direction:row}.hci-preset>span:last-child{min-width:0}.hci-actions>*{flex:1 1 12rem}.hci-tabs button{flex:0 0 auto}.hci-impact,.hci-comparison>section{padding:.75rem}}@media(prefers-reduced-motion:reduce){.hci *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.hci-preset:hover,.hci-preset:active{transform:none}}
.hci-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;border:0;padding:0;margin:1rem 0;min-width:0}.hci-types legend{font-size:var(--f-headline);font-weight:600;line-height:1.45;padding:.5rem 0}.hci-type{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;min-width:44px;min-height:44px;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);cursor:pointer;transition:transform .18s ease}.hci-type>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit;z-index:1}.hci-type>span{pointer-events:none;min-width:0}.hci-type strong{display:block;font-size:var(--f-headline);line-height:1.4;overflow-wrap:anywhere}.hci-type small{display:block;margin-top:.375rem;color:var(--label2,#6B5A4C);font-size:var(--f-footnote);line-height:1.5;overflow-wrap:anywhere}.hci-type:has(input:checked){border-color:var(--d-verdeagua-t,#006F5D);box-shadow:inset 0 0 0 1px var(--d-verdeagua-t,#006F5D);background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hci-type:has(input:focus-visible){outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hci-type:has(input:disabled){cursor:default}.hci-type-fields{min-width:0;margin-block:1rem}.hci-gift-product{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));min-width:0}.hci-gift-product>img{width:5rem;height:5rem;object-fit:cover;border-radius:1rem;flex:none}.hci-gift-product>div{min-width:0}.hci-gift-product strong,.hci-gift-product span{display:block;font-size:var(--f-subhead);line-height:1.5;overflow-wrap:anywhere}.hci-gift-product small{display:block;font-size:var(--f-footnote);line-height:1.5;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}.hci-type-fields:has([data-ci-gift-item]) .hci-grid{align-items:start}@media(max-width:1000px){.hci-types{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.hci-types{grid-template-columns:repeat(2,minmax(0,1fr))}.hci-type{padding:.75rem;gap:.5rem}.hci-type small{display:none}.hci-gift-product{align-items:flex-start}.hci-gift-product>img{width:3.5rem;height:3.5rem}}@media(hover:hover){.hci-type:not(:has(input:disabled)):hover{transform:translateY(-2px)}}.hci-type:not(:has(input:disabled)):active{transform:scale(.99)}@media(prefers-reduced-motion:reduce){.hci-type,.hci-type:hover,.hci-type:active{transition:none;transform:none}}

/* /hub-network-catalog.css */
.hncat{font-size:var(--f-body);color:var(--label,#323200);min-width:0}.hncat *{box-sizing:border-box}.hncat [hidden]{display:none!important}.hncat-header,.hncat-editor-header{display:flex;align-items:center;gap:1rem;margin-block:1rem}.hncat-header>div,.hncat-editor-header>div{min-width:0}.hncat-header h3{font-size:var(--f-title3);margin:.25rem 0;overflow-wrap:anywhere}.hncat-editor-header{justify-content:space-between;flex-wrap:wrap}.hncat-editor-header h4,.hncat-review h4{font-size:var(--f-headline);margin:.5rem 0;overflow-wrap:anywhere}.hc-dialog .hncat-header{display:none}.hncat-symbol{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label,#323200)}.hncat-symbol svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hncat-eyebrow,.hncat-state{font-size:var(--f-footnote);color:var(--label2,#6B5A4C);line-height:1.45;overflow-wrap:anywhere}.hncat-note,.hncat-feedback,.hncat-alert{font-size:var(--f-subhead);line-height:1.5;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}.hncat-alert{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}.hncat-btn,.hncat-tabs button{min-height:44px;min-width:44px;max-width:100%;font-size:var(--f-subhead);font-weight:600;line-height:1.4;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.875rem;padding:.75rem 1rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);white-space:normal;cursor:pointer}.hncat-primary{border-color:var(--d-verdeagua-t,#006F5D);background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hncat-btn:disabled,.hncat-preset:disabled{cursor:default;opacity:.65}.hncat-tabs{display:flex;gap:.5rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;padding:.375rem;margin-block:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hncat-tabs button{flex:1;border-color:transparent;background:transparent}.hncat-tabs button[aria-selected=true]{background:var(--surface,#FFFFFF);border-color:var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hncat-field{display:grid;gap:.5rem;min-width:0;margin-block:.5rem;font-size:var(--f-subhead);font-weight:600;line-height:1.45}.hncat-field input,.hncat-field select,.hncat-field textarea,.hncat .hc-product-media input:not([type=file],[type=hidden]){width:100%;min-width:0;max-width:100%;min-height:44px;font:inherit;font-weight:400;color:var(--label,#323200);background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.75rem;padding:.625rem}.hncat-field textarea{resize:vertical}.hncat-check{display:flex;align-items:center;gap:.75rem;min-height:44px;font-size:var(--f-subhead);line-height:1.45}.hncat-check input{width:1.25rem!important;height:1.25rem!important;min-height:0;accent-color:var(--verde,#11994A);flex:none}.hncat-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;min-width:0;border:0;margin:0 0 1rem;padding:0}.hncat-presets legend{font-size:var(--f-headline);font-weight:600;line-height:1.45;padding-block:.75rem;max-width:100%}.hncat-preset{display:flex;flex-direction:column;gap:.75rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);padding:1rem;text-align:left;min-width:44px;min-height:44px;cursor:pointer;transition:transform .18s ease}.hncat-preset[aria-pressed=true]{border-color:var(--d-verdeagua-t,#006F5D);box-shadow:inset 0 0 0 1px var(--d-verdeagua-t,#006F5D)}.hncat-preset strong{display:block;font-size:var(--f-headline);line-height:1.4}.hncat-preset small{display:block;font-size:var(--f-footnote);color:var(--label2,#6B5A4C);line-height:1.5;margin-top:.375rem}.hncat-reference{padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;background:var(--surface,#FFFFFF);margin-block:1rem}.hncat-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem}.hncat-card{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;background:var(--surface,#FFFFFF);overflow:hidden;min-width:0}.hncat-photo{aspect-ratio:4/3;display:grid;place-items:center;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hncat-photo img{width:100%;height:100%;object-fit:cover}.hncat-card-info{display:grid;gap:.5rem;padding:1rem}.hncat-card h4{font-size:var(--f-headline);margin:0;overflow-wrap:anywhere}.hncat-card-info>strong{font-size:var(--f-title3);font-variant-numeric:tabular-nums}.hncat-field-grid,.hncat-mappings,.hncat-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.hncat-field-card,.hncat-mapping,.hncat-group{min-width:0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;padding:1rem;margin-block:.5rem;background:var(--surface,#FFFFFF)}.hncat h5,.hncat h6,.hncat-group legend{font-size:var(--f-subhead);font-weight:600;margin:.25rem 0 .5rem;overflow-wrap:anywhere}.hncat-group legend{max-width:100%;padding-inline:.25rem}.hncat form>fieldset{border:0;padding:0;margin:0;min-width:0}.hncat-details{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-block:.5rem;margin-block:.75rem;min-width:0}.hncat-details>summary,.hncat summary{min-height:44px;display:flex;align-items:center;font-size:var(--f-subhead);font-weight:600;line-height:1.45;padding-block:.75rem;cursor:pointer;white-space:normal}.hncat-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}.hncat-option{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-block:1rem;min-width:0}.hncat-review{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-block:1rem}.hncat-review-group{padding-block:1rem}.hncat-impact{padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;margin-block:.75rem;background:var(--surface,#FFFFFF)}.hncat-impact>header{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;align-items:baseline}.hncat-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hncat-comparison>section{min-width:0;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border-radius:.75rem;padding:.75rem}.hncat-comparison p{font-size:var(--f-subhead);line-height:1.5;overflow-wrap:anywhere}.hncat-comparison small{font-size:var(--f-footnote);color:var(--label2,#6B5A4C);line-height:1.45}.hncat .hc-product-media{min-width:0;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;margin-block:1rem}.hncat .hc-product-media h4{font-size:var(--f-headline)}.hncat .hc-product-media label:not(.hc-media-upload){display:grid;gap:.5rem;font-size:var(--f-subhead);min-width:0}.hncat .hc-media-upload,.hncat button.btn{min-height:44px;white-space:normal;max-width:100%}.hncat .hc-media-upload{display:inline-flex;align-items:center}.hncat .hc-availability{min-width:0}.hncat :is(input,select,textarea,button,summary):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hc-dialog:has([data-network-catalog]){width:min(72rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem)}.hc-dialog[open]:has([data-network-catalog]){display:flex;flex-direction:column;max-height:calc(100dvh - 2rem);overflow:hidden}.hc-dialog:has([data-network-catalog])>.hc-dialog-top{flex:none}.hc-dialog:has([data-network-catalog])>.hc-dialog-body{flex:1;min-height:0;overflow:auto;min-width:0}/* 1.74.0 (Philippe, 03/10/2026, desempenho): era `.hc-dialog:has(...) .hc-header>div{min-width:0}`. Um `:has()` que termina numa etiqueta solta (div) fazia o navegador refazer o estilo de TODO div da tela a cada mexida, no sistema inteiro (docs/DESEMPENHO-2026-10-03.md). O diálogo agora avisa o cabeçalho por uma variável e os dois blocos do cabeçalho leem dela; fora deste diálogo vale `auto`, o valor de sempre. */.hc-dialog:has([data-network-catalog]) .hc-header{--hc-cabecalho-min:0}:where(.hc-dialog) .hc-header>div{min-width:var(--hc-cabecalho-min,auto)}.hc-dialog:has([data-network-catalog]) .hc-header h2{overflow-wrap:anywhere}@media(hover:hover){.hncat-preset:hover{transform:translateY(-2px)}}.hncat-preset:active{transform:scale(.99)}@media(max-width:600px){.hncat-presets,.hncat-field-grid,.hncat-mappings,.hncat-fields,.hncat-option,.hncat-comparison{grid-template-columns:minmax(0,1fr)}.hncat-products{grid-template-columns:minmax(0,1fr)}.hncat-preset{flex-direction:row;align-items:flex-start}.hncat-preset>span:last-child{min-width:0}.hncat-actions>*{flex:1 1 12rem}.hncat-field-card,.hncat-mapping,.hncat-impact{padding:.75rem}.hncat-reference{padding:.75rem}.hncat-editor-header{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.hncat *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.hncat-preset:hover,.hncat-preset:active{transform:none}}
.hncat-products{grid-template-columns:minmax(0,1fr);gap:1.5rem}.hncat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem}.hncat-product{min-width:0;padding-block:1rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}.hncat-product>header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.hncat-product>header>div{min-width:0}.hncat-product>header h4{font-size:var(--f-headline);line-height:1.45;margin:.25rem 0;overflow-wrap:anywhere}.hncat-product>header p{margin:.25rem 0}@media(max-width:600px){.hncat-cards{grid-template-columns:minmax(0,1fr)}.hncat-product>header{align-items:flex-start}}

/* /hub-campaign-audience.css */
.hcaudience{grid-column:1/-1;border:0;min-width:0;margin:6px 0;padding:0;display:grid;gap:12px}.hcaudience legend{font-weight:650;font-size:var(--f-headline,calc(1.0625rem * var(--dt,1)));padding:0;margin-bottom:8px}.hcaudience-help,.hcaudience-selection{font-size:var(--f-footnote,calc(.8125rem * var(--dt,1)));line-height:1.5;color:var(--label2,#6B5A4C);margin:0}.hcaudience-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hcaudience-choice{display:flex;align-items:flex-start;gap:10px;cursor:pointer;min-width:0;padding:16px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;transition:border-color .18s,background .18s;min-height:80px;background:var(--page,#F7F5F1)}.hcaudience-choice:has(:checked){background:var(--surface,#FFFFFF);border-color:var(--label,#323200);box-shadow:inset 0 0 0 1px light-dark(var(--label,#323200),var(--page,#F7F5F1))}.hcaudience-choice>span:last-child{min-width:0}.hcaudience-choice strong{display:block;line-height:1.35;overflow-wrap:anywhere}.hcaudience-choice small{display:block;line-height:1.45;color:var(--label2,#6B5A4C);margin-top:6px;font-size:var(--f-footnote,calc(.8125rem * var(--dt,1)))}.hcaudience-choice input{width:18px;height:18px;flex:none;margin:3px 0 0;accent-color:var(--label,#323200)}.hcaudience-icon{font-size:1.5rem;line-height:1;flex:none}.hcaudience-legacy summary{cursor:pointer;min-height:44px;display:flex;align-items:center;line-height:1.45;font-size:var(--f-footnote,calc(.8125rem * var(--dt,1)))}.hcaudience-legacy summary:before{content:"›";margin-right:10px;font-size:1.5rem;transition:transform .18s}.hcaudience-legacy[open] summary:before{transform:rotate(90deg)}.hcaudience-legacy .hcaudience-choice{margin:8px 0}.hcaudience input:focus-visible,.hcaudience summary:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hcaudience-options,.hcaudience-legacy,.hcaudience-selection{display:none}.hcaudience.is-enhanced .hcaudience-native{display:none}.hcaudience.is-enhanced .hcaudience-options{display:grid}.hcaudience.is-enhanced .hcaudience-legacy,.hcaudience.is-enhanced .hcaudience-selection{display:block}
@media(max-width:600px){.hcaudience-options{grid-template-columns:1fr}.hcaudience-choice{padding:14px;min-height:64px}}
@media(prefers-reduced-motion:reduce){.hcaudience *,.hcaudience *:before{transition:none!important}}

.hcaudience-icon svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.hc .hcaudience-legacy>summary{display:flex;gap:12px;align-items:center}.hc .hcaudience-legacy>summary:before{display:none}.hc .hcaudience-legacy>summary>span{min-width:0;flex:1}.hc .hcaudience-legacy>summary:after{margin-left:auto}

/* /hub-campaign-origin.css */
.hcgo{display:grid;gap:20px;min-width:0}.hcgo>header{display:flex;align-items:center;gap:14px}.hcgo h3,.hcgo h4{margin:0}.hcgo-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--surface,#FFFFFF);font-size:calc(1.75rem * var(--dt,1));flex:none}.hcgo form{display:grid;gap:20px}.hcgo-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;padding:18px;background:var(--surface,#FFFFFF)}.hcgo small{display:block;color:var(--label2,#6B5A4C);font-size:var(--f-footnote,calc(.8125rem * var(--dt,1)));line-height:1.5}.hcgo-switch input{appearance:none;flex:none;width:52px;height:32px;border:2px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;background:var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));position:relative;cursor:pointer;transition:background .2s,border-color .2s}.hcgo-switch input:before{content:"";position:absolute;width:24px;height:24px;top:2px;left:2px;border-radius:50%;background:var(--page,#F7F5F1);box-shadow:0 1px 3px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 20%,transparent);transition:transform .2s}.hcgo-switch input:checked{background:var(--verde,#11994A);border-color:var(--verde,#11994A)}.hcgo-switch input:checked:before{transform:translateX(20px)}.hcgo-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0;padding:0;margin:0;min-width:0}.hcgo-presets legend{margin-bottom:12px;font-weight:650}.hcgo-presets label{display:flex;gap:9px;padding:16px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;min-height:90px;cursor:pointer;transition:background .2s,border-color .2s;min-width:0}.hcgo-presets label:has(:checked){background:var(--surface,#FFFFFF);border-color:var(--label,#323200);box-shadow:inset 0 0 0 1px light-dark(var(--label,#323200),var(--page,#F7F5F1))}.hcgo-presets input{width:18px;height:18px;margin:3px 0;flex:none;accent-color:var(--label,#323200)}.hcgo .hc-field{min-width:0}.hcgo input[type=url]{width:100%;min-width:0}.hcgo-saved{font-size:var(--f-footnote);color:var(--label2,#6B5A4C);margin:0}.hcgo-link{padding:20px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;display:grid;gap:12px}.hcgo-link [data-origin-link-result]:not(:empty){display:grid;gap:12px}.hcgo [data-origin-feedback]{min-height:1.5em;overflow-wrap:anywhere}.hcgo-open{display:inline-flex;align-items:center;gap:8px}.hcgo .btn{min-height:44px;white-space:normal;overflow-wrap:anywhere}.hcgo input:focus-visible,.hcgo button:focus-visible,.hcgo summary:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hcgo details summary{min-height:44px;padding-block:12px;cursor:pointer}.hcgo .hc-actions{flex-wrap:wrap}.hcgo .hc-actions>*{max-width:100%}
@media(max-width:600px){.hcgo-presets{grid-template-columns:1fr}.hcgo-presets label{min-height:64px}.hcgo .hc-actions{display:grid;grid-template-columns:1fr}.hcgo-switch{padding:14px}.hcgo>header{align-items:flex-start}.hcgo h3{overflow-wrap:break-word}.hcgo-link{padding:14px}}
@media(prefers-reduced-motion:reduce){.hcgo *,.hcgo *:before{transition:none!important;animation:none!important}}

.hc-dialog:has([data-campaign-origin]){width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px)}.hc-dialog[open]:has([data-campaign-origin]){display:flex;flex-direction:column;max-height:calc(100dvh - 24px);overflow:hidden}.hc-dialog:has([data-campaign-origin])>.hc-dialog-top{flex:none}.hc-dialog:has([data-campaign-origin])>.hc-dialog-body{flex:1;min-height:0;overflow:auto;min-width:0}/* 1.74.0 (Philippe, 03/10/2026, desempenho): era `.hc-dialog:has(...) .hc-header>div{min-width:0}`. Um `:has()` que termina numa etiqueta solta (div) fazia o navegador refazer o estilo de TODO div da tela a cada mexida, no sistema inteiro (docs/DESEMPENHO-2026-10-03.md). O diálogo agora avisa o cabeçalho por uma variável e os dois blocos do cabeçalho leem dela; fora deste diálogo vale `auto`, o valor de sempre. */.hc-dialog:has([data-campaign-origin]) .hc-header{--hc-cabecalho-min:0}:where(.hc-dialog) .hc-header>div{min-width:var(--hc-cabecalho-min,auto)}.hc-dialog:has([data-campaign-origin]) .hc-header h2{overflow-wrap:anywhere}.hc-dialog:has([data-campaign-origin]) .hcgo>header h3{display:none}.hcgo>header>div{min-width:0}.hcgo .hc-eyebrow{overflow-wrap:anywhere}

/* /hub-commercial-offers.css */
.hco{font-size:var(--f-body);color:var(--label,#323200);min-width:0}.hco *{box-sizing:border-box}.hco [hidden]{display:none!important}.hco-header,.hco-product>header,.hco-editor-header{display:flex;align-items:center;gap:1rem;margin-block:1rem}.hco-editor-header{justify-content:space-between;flex-wrap:wrap}.hco-header h3,.hco-product h3{font-size:var(--f-title3);margin:.25rem 0}.hco-editor-header h4,.hco-review h4{font-size:var(--f-headline);margin:.5rem 0}.hvw-editor-body .hco-header{display:none}.hco-symbol{display:grid;place-items:center;width:2.75rem;height:2.75rem;flex:none;border-radius:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label,#323200)}.hco-symbol svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem}.hco-eyebrow,.hco-kind,.hco-state{font-size:var(--f-footnote);color:var(--label2,#6B5A4C);line-height:1.45}.hco-products{display:grid;gap:1.5rem}.hco-product{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-block:1rem;min-width:0}.hco-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;margin-block:1rem}.hco-card{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;background:var(--surface,#FFFFFF);overflow:hidden;min-width:0}.hco-photo{aspect-ratio:4/3;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));display:grid;place-items:center}.hco-photo img{width:100%;height:100%;object-fit:cover}.hco-card-info{display:grid;gap:.5rem;padding:1rem}.hco-card h4{font-size:var(--f-headline);margin:0;overflow-wrap:anywhere}.hco-card-info>strong{font-size:var(--f-title3);font-variant-numeric:tabular-nums}.hco-note,.hco-feedback,.hco-alert{font-size:var(--f-subhead);line-height:1.5;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}.hco-alert{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}.hco-btn{min-height:44px;min-width:44px;max-width:100%;font-size:var(--f-subhead);font-weight:600;line-height:1.4;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.875rem;padding:.75rem 1rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);white-space:normal;cursor:pointer}.hco-primary{border-color:var(--d-verdeagua-t,#006F5D);background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hco-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem}.hco-field{display:grid;gap:.5rem;font-size:var(--f-subhead);font-weight:600;min-width:0;margin-block:.5rem}.hco-field input,.hco-field select,.hco-field textarea{width:100%;min-width:0;min-height:44px;font:inherit;font-weight:400;color:var(--label,#323200);background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.75rem;padding:.625rem}.hco-field textarea{resize:vertical}.hco [data-co-fields],.hco-presets{border:0;padding:0;margin:0;min-width:0}.hco-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-block:1rem}.hco-presets legend{font-size:var(--f-headline);font-weight:600;padding-block:.75rem}.hco-preset{display:flex;flex-direction:column;gap:.75rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);padding:1rem;text-align:left;cursor:pointer;min-width:44px;min-height:44px;transition:transform .18s ease}.hco-preset strong{font-size:var(--f-headline);display:block;line-height:1.4}.hco-preset small{display:block;font-size:var(--f-footnote);color:var(--label2,#6B5A4C);line-height:1.5;margin-top:.375rem}.hco-switches{display:grid;gap:.5rem;margin-block:1rem}.hco-check{display:flex;align-items:center;gap:.75rem;min-height:44px;font-size:var(--f-subhead);line-height:1.4}.hco-check input{width:1.25rem!important;height:1.25rem!important;min-height:0;accent-color:var(--verde,#11994A);flex:none}.hco .hco-details>summary{display:flex;align-items:center;min-height:44px;font-size:var(--f-subhead);font-weight:600;padding-block:.75rem;flex-direction:row;cursor:pointer}.hco-details{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-block:.5rem;margin-block:.75rem}.hco-group{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;margin-block:.75rem;padding:1rem;min-width:0}.hco-group legend{font-size:var(--f-subhead);font-weight:600;overflow-wrap:anywhere}.hco-option{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-block:1rem;min-width:0}.hco-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-block:1rem}.hco-review{border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));padding-top:1rem}.hco-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hco-comparison>section{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;padding:1rem;background:var(--surface,#FFFFFF);min-width:0}.hco-review h5,.hco-review strong{font-size:var(--f-subhead);overflow-wrap:anywhere;margin:.25rem 0 .75rem}.hco-review p{font-size:var(--f-subhead);line-height:1.5;overflow-wrap:anywhere}.hco-review small{font-size:var(--f-footnote);color:var(--label2,#6B5A4C);line-height:1.5}.hco-compare-photo{width:100%;aspect-ratio:4/3;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));display:grid;place-items:center;border-radius:.875rem;overflow:hidden;margin-block:.75rem}.hco-compare-photo img{width:100%;height:100%;object-fit:cover}.hco .hc-product-media{padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;margin-block:1rem}.hco .hc-media-upload{min-height:44px;display:inline-flex;align-items:center;white-space:normal}.hco .hc-product-media h4{font-size:var(--f-headline)}.hco .hc-availability{min-width:0}.hco :is(input,select,textarea,button,summary):focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}@media(hover:hover){.hco-preset:hover{transform:translateY(-2px)}}.hco-preset:active{transform:scale(.99)}@media(max-width:600px){.hco-presets,.hco-fields,.hco-option,.hco-comparison{grid-template-columns:minmax(0,1fr)}.hco-cards{grid-template-columns:minmax(0,1fr)}.hco-actions>*{flex:1 1 12rem}.hco-group{padding:.75rem}.hco-product>header{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.hco *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.hco-preset:hover,.hco-preset:active{transform:none}}

.hco-header>div,.hco-product>header>div,.hco-editor-header>div{min-width:0}.hco-eyebrow{overflow-wrap:anywhere}.hco .hc-product-media label{min-width:0;max-width:100%}.hco .hc-product-media label:not(.hc-media-upload){display:grid;gap:.5rem;font-size:var(--f-subhead)}.hco .hc-product-media input:not([type=file],[type=hidden]){width:100%;min-width:0;max-width:100%;min-height:44px;font:inherit;color:var(--label,#323200);background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.75rem;padding:.625rem}.hco legend{max-width:100%;white-space:normal;overflow-wrap:anywhere}

.hco-header h3{overflow-wrap:anywhere}.hc-dialog:has([data-commercial-offers]){width:min(72rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem)}.hc-dialog[open]:has([data-commercial-offers]){display:flex;flex-direction:column;max-height:calc(100dvh - 2rem);overflow:hidden}.hc-dialog:has([data-commercial-offers])>.hc-dialog-top{flex:none}.hc-dialog:has([data-commercial-offers])>.hc-dialog-body{flex:1;min-height:0;overflow:auto;min-width:0}/* 1.74.0 (Philippe, 03/10/2026, desempenho): era `.hc-dialog:has(...) .hc-header>div{min-width:0}`. Um `:has()` que termina numa etiqueta solta (div) fazia o navegador refazer o estilo de TODO div da tela a cada mexida, no sistema inteiro (docs/DESEMPENHO-2026-10-03.md). O diálogo agora avisa o cabeçalho por uma variável e os dois blocos do cabeçalho leem dela; fora deste diálogo vale `auto`, o valor de sempre. */.hc-dialog:has([data-commercial-offers]) .hc-header{--hc-cabecalho-min:0}:where(.hc-dialog) .hc-header>div{min-width:var(--hc-cabecalho-min,auto)}.hc-dialog:has([data-commercial-offers]) .hc-header h2{overflow-wrap:anywhere}.hc-dialog .hco-header{display:none}

.hco button.btn,.hco summary{min-height:44px;max-width:100%;white-space:normal}.hco summary{font-size:var(--f-subhead);line-height:1.45}

/* /hub-contact-policy-bulk.css */
/* Contatos em lote: composição com os tokens do Hub, incluindo texto ampliado. */
.hc-dialog.hcp-dialog{box-sizing:border-box;padding:0;max-width:min(62rem,calc(100vw - 2rem));width:62rem;max-height:calc(100dvh - 2rem);overflow:hidden;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.4rem;background:var(--page,#F7F5F1);color:var(--label,#323200)}
.hc-dialog.hcp-dialog[open]{display:flex;flex-direction:column;gap:0}
.hcp-dialog>.hcp-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;padding:1.1rem 1.25rem;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));flex:0 0 auto}
.hc.hcp-dialog>.hcp-header>.btn{min-width:44px;min-height:44px;white-space:normal}
.hc.hcp-dialog>.hcp-header h2{font-size:max(.6875rem,calc(1.15rem * var(--dt,1)));margin:0;line-height:1.25;min-width:0;overflow-wrap:anywhere}
.hcp-dialog .hcp-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:1rem 1.25rem;scrollbar-gutter:stable}
.hcp-dialog .hcp-tabs,.hcpb .hcpb-tabs{display:flex;gap:.35rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));padding:.3rem;border-radius:1rem;flex-wrap:wrap;margin:.8rem 0}
.hcp-dialog .hcp-tabs [role=tab],.hcpb .hcpb-tabs button{font:inherit;font-size:max(.6875rem,calc(.85rem * var(--dt,1)));color:var(--label,#323200);background:transparent;border:1px solid transparent;border-radius:.75rem;padding:.55rem .85rem;min-height:44px;min-width:44px;flex:1;cursor:pointer}
.hcp-dialog .hcp-tabs [aria-selected=true],.hcpb .hcpb-tabs [aria-pressed=true]{background:var(--page,#F7F5F1);border-color:var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));box-shadow:0 2px 5px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 6%,transparent);font-weight:650}
.hcp-dialog [hidden],.hcpb [hidden]{display:none!important}
.hcpb{color:var(--label,#323200);font-size:max(.6875rem,calc(.9rem * var(--dt,1)));line-height:1.45;min-width:0}
.hcpb h3,.hcpb h4{font-size:max(.6875rem,calc(1rem * var(--dt,1)));line-height:1.3;margin:.2rem 0 .55rem}
.hcpb .hcpb-note{color:color-mix(in srgb,var(--label,#323200) 82%,var(--page,#F7F5F1));font-size:max(.6875rem,calc(.85rem * var(--dt,1)));line-height:1.5;margin:.55rem 0 .85rem;overflow-wrap:anywhere}
.hcpb .hcpb-intro{display:flex;align-items:flex-start;gap:.85rem}
.hcpb .hcpb-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:.85rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--d-verdeagua-t,#006F5D)}
.hcpb .hcpb-icon svg{width:1.3rem;height:1.3rem}
.hcpb .hcpb-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.8rem;align-items:end;margin:1rem 0}
.hcpb .hc-field{display:grid;gap:.4rem;min-width:0;color:var(--label,#323200);font-size:max(.6875rem,calc(.85rem * var(--dt,1)))}
.hcpb input:not([type=checkbox]),.hcpb select,.hcpb textarea{box-sizing:border-box;min-width:0;max-width:100%;width:100%;min-height:44px;font:inherit;font-size:max(.6875rem,calc(.9rem * var(--dt,1)));line-height:1.4;padding:.6rem .7rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));background:var(--page,#F7F5F1);color:var(--label,#323200);border-radius:.75rem}
.hcpb textarea{resize:vertical}
.hc .hcpb .btn{min-width:44px;min-height:44px;white-space:normal;font-size:max(.6875rem,calc(.85rem * var(--dt,1)));line-height:1.4;overflow-wrap:anywhere}
.hcpb .hcpb-actions,.hcpb .hcpb-scope,.hcpb .hcpb-selection-head{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin:.8rem 0}
.hcpb .hcpb-selection-head{justify-content:space-between}
.hcpb .hcpb-scope .btn[aria-pressed=true]{border-color:var(--d-verdeagua-t,#006F5D);background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label,#323200);font-weight:650}
.hcpb .hcpb-unit-choices{display:flex;flex-wrap:wrap;gap:.6rem;border:0;margin:1rem 0;padding:0}
.hcpb .hcpb-unit-choices legend,.hcpb .hcpb-settings legend{font-size:max(.6875rem,calc(.85rem * var(--dt,1)));font-weight:650;margin-bottom:.55rem}
.hcpb .hcpb-unit-choices label{display:flex;gap:.6rem;align-items:center;min-height:44px;padding:.3rem .75rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.8rem;background:var(--page,#F7F5F1)}
.hcpb input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--d-verdeagua-t,#006F5D);flex:0 0 auto;cursor:pointer}
.hcpb .hcpb-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.hcpb .hcpb-contact{display:flex;align-items:center;gap:.65rem;min-height:64px;min-width:0;padding:.8rem;border-radius:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));background:var(--page,#F7F5F1);cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.hcpb .hcpb-contact:has(input:checked){border-color:var(--d-verdeagua-t,#006F5D);background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}
.hcpb .hcpb-contact:has(input:focus-visible){outline:3px solid var(--d-verdeagua-t,#006F5D);outline-offset:2px}
.hcpb .hcpb-contact>span:last-child{display:grid;gap:.25rem;min-width:0;overflow-wrap:anywhere}
.hcpb .hcpb-contact small,.hcpb .hcpb-group small{font-size:max(.6875rem,calc(.85rem * var(--dt,1)));color:color-mix(in srgb,var(--label,#323200) 82%,var(--page,#F7F5F1));line-height:1.45}
.hcpb .hcpb-pagination{justify-content:space-between}
.hcpb .hcpb-pagination>span{font-size:max(.6875rem,calc(.85rem * var(--dt,1)));color:color-mix(in srgb,var(--label,#323200) 82%,var(--page,#F7F5F1))}
.hcpb details>summary{min-height:44px;box-sizing:border-box;padding:.65rem .2rem;cursor:pointer;font-size:max(.6875rem,calc(.85rem * var(--dt,1)));overflow-wrap:anywhere}
.hcpb .hcpb-selected{margin:1rem 0}
.hcpb .hcpb-selected ul,.hcpb .hcpb-review-list{list-style:none;padding:0;margin:.7rem 0;display:grid;gap:.6rem}
.hcpb .hcpb-selected li{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.55rem .7rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.8rem;overflow-wrap:anywhere}
.hcpb .hcpb-selected li span{color:color-mix(in srgb,var(--label,#323200) 82%,var(--page,#F7F5F1));font-size:max(.6875rem,calc(.85rem * var(--dt,1)))}
.hcpb .hcpb-selected li button{margin-left:auto}
.hcpb .hcpb-settings{display:grid;gap:.8rem;padding:1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;min-width:0;margin:1rem 0}
.hcpb .hcpb-review,.hcpb .hcpb-pending{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.1rem;padding:1rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));margin:1rem 0;overflow-wrap:anywhere}
.hcpb .hcpb-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:.85rem 0}
.hcpb .hcpb-stats span{display:grid;gap:.3rem;font-size:max(.6875rem,calc(.85rem * var(--dt,1)));color:color-mix(in srgb,var(--label,#323200) 82%,var(--page,#F7F5F1))}
.hcpb .hcpb-stats strong{font-size:max(.6875rem,calc(1.2rem * var(--dt,1)));color:var(--label,#323200)}
.hcpb .hcpb-review-list li{display:grid;gap:.3rem;padding:.7rem .2rem;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.hcpb .hcpb-review-list li span{color:color-mix(in srgb,var(--label,#323200) 82%,var(--page,#F7F5F1));font-size:max(.6875rem,calc(.85rem * var(--dt,1)))}
.hcpb .hcpb-feedback{font-size:max(.6875rem,calc(.85rem * var(--dt,1)));color:var(--label,#323200);line-height:1.5;overflow-wrap:anywhere;min-height:1.4em}
.hcpb .hcpb-group{margin:1rem 0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;padding:.65rem .85rem;background:var(--page,#F7F5F1)}
.hcpb .hcpb-group summary{display:flex;align-items:center;gap:.75rem}
.hcpb .hcpb-group summary>span:last-child{display:grid;gap:.3rem;min-width:0}
.hcpb .hcpb-member{padding:1rem 0;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.hcpb .hcpb-member>div{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.hcpb .hcpb-badge{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:2rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label,#323200);font-size:max(.6875rem,calc(.85rem * var(--dt,1)));padding:.25rem .6rem}
@media(hover:hover){.hcpb .hcpb-contact:hover{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}.hcpb .hcpb-contact:active{transform:scale(.995)}}
@media(max-width:600px){.hc-dialog.hcp-dialog{max-width:100vw;width:100%;max-height:100dvh;align-self:flex-end;margin:auto 0 0;border-radius:1.2rem 1.2rem 0 0}.hcp-dialog>.hcp-header{padding:.85rem 1rem;align-items:flex-start}.hcp-dialog .hcp-scroll{padding:.75rem 1rem;scrollbar-gutter:auto}.hcpb .hcpb-search,.hcpb .hcpb-contacts{grid-template-columns:minmax(0,1fr)}.hcpb .hcpb-search button{justify-self:start}.hcpb .hcpb-contact .hcpb-icon{width:2.1rem;height:2.1rem}.hcpb .hcpb-stats{grid-template-columns:minmax(0,1fr)}.hcpb .hcpb-stats span{display:flex;align-items:baseline;gap:.5rem}.hcpb .hcpb-actions .btn{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.hcpb .hcpb-contact{transition:none;transform:none!important}}

/* /hub-fleet-compensation.css */
.hfp-policy{display:grid;gap:20px}.hfp-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px;margin:0;padding:0;border:0}.hfp-modes legend{font-weight:700;margin-bottom:12px}.hfp-mode{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;background:var(--surface,#FFFFFF);cursor:pointer;min-height:80px;transition:background .2s,border-color .2s,transform .2s}.hfp-mode:has(:checked){border-color:var(--d-verdeagua-t,#006F5D);background:color-mix(in srgb,var(--d-verdeagua-t,#006F5D) 9%,var(--surface,#FFFFFF))}.hfp-mode:hover{transform:translateY(-1px)}.hfp-mode input{width:20px;min-width:20px;height:20px;accent-color:var(--d-verdeagua-t,#006F5D)}.hfp-mode strong,.hfp-mode small{display:block}.hfp-mode small{color:var(--label2,#6B5A4C);margin-top:4px;font-size:var(--f-footnote);line-height:1.4}.hfp-icon{display:grid;place-items:center;width:34px;height:34px;flex:none}.hfp-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hfp-policy .hc-grid{align-items:start}.hfp-range{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:18px;padding:16px;margin:12px 0}.hfp-callout{padding:18px;border-radius:18px;background:color-mix(in srgb,var(--d-verdeagua-t,#006F5D) 9%,var(--surface,#FFFFFF));line-height:1.55}.hfp-policy input,.hfp-policy select,.hfp-policy button{min-height:44px;max-width:100%;box-sizing:border-box}.hfp-policy :focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hfp-policy .hc-field{min-width:0}.hfp-policy{color:var(--label,#323200)}body.dark .hfp-mode{background:var(--surface,#FFFFFF);border-color:var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}body.dark .hfp-mode:has(:checked){background:color-mix(in srgb,var(--d-verdeagua-t,#006F5D) 18%,var(--surface2,#F7F3EE))}body.dark .hfp-mode small{color:var(--label2,#6B5A4C)}@media(max-width:540px){.hfp-policy .hc-grid{grid-template-columns:1fr}.hfp-mode{padding:14px;border-radius:18px}.hfp-icon{width:28px}}@media(prefers-reduced-motion:reduce){.hfp-mode{transition:none}.hfp-mode:hover{transform:none}}
.hfn-dialog{box-sizing:border-box;width:min(920px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:28px;background:var(--surface,#FFFFFF);color:var(--label,#323200);box-shadow:0 24px 90px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 20%,transparent);overflow:hidden}.hfn-dialog::backdrop{background:color-mix(in srgb,var(--label,#323200) 43.922%,transparent);backdrop-filter:blur(8px)}.hfn-dialog[open]{display:flex;flex-direction:column;animation:hfn-in .22s ease-out}.hfn-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;border-bottom:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));flex:none}.hfn-top h2{font-size:var(--f-title2);line-height:1.2;margin:4px 0;overflow-wrap:anywhere}.hfn-top p{margin:0}.hfn-body{padding:24px 26px;overflow:auto;overscroll-behavior:contain;min-height:0}.hfn-body [data-fn-form]{display:grid;gap:22px}.hfn-body [data-fn-fields]{display:grid;gap:24px;border:0;margin:0;padding:0;min-width:0}.hfn-body .hc-field{display:grid;gap:8px;min-width:0}.hfn-body select,.hfn-body input{width:100%;box-sizing:border-box;min-height:44px;max-width:100%}.hfn-body .hfp-mode input{width:20px}.hfn-body [hidden]{display:none!important}.hfn-tabs{display:flex;gap:6px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));border-radius:16px;padding:5px;margin-bottom:24px}.hfn-tabs button{flex:1}.hfn-tabs [aria-pressed=true]{background:var(--surface,#FFFFFF);box-shadow:0 1px 5px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 13.333%,transparent)}.hfn-body button,.hfn-top button,.hfn-body summary{min-height:44px;white-space:normal;max-width:100%;box-sizing:border-box}.hfn-body .hc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hfn-block,.hfn-unit,.hfn-review article,.hfn-resolutions article{padding:18px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:20px;background:var(--surface,#FFFFFF);min-width:0}.hfn-resolutions{border:0;padding:0;margin:0;display:grid;gap:14px}.hfn-resolutions legend{font-weight:700;padding:0;margin-bottom:14px}.hfn-resolutions article{display:grid;gap:14px}.hfn-body h4{margin:0 0 8px}.hfn-body p{overflow-wrap:anywhere}.hfn-block fieldset{border:0;margin:16px 0 0;padding:0;min-width:0}.hfn-review{margin:22px 0;display:grid;gap:14px}.hfn-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hfn-compare small,.hfn-unit span,.hfn-unit small{display:block;color:var(--label2,#6B5A4C);margin:6px 0}.hfn-compare p{margin:10px 0}.hfn-badge{display:inline-flex;padding:5px 10px;border-radius:12px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));font-size:var(--f-footnote)}.hfn-units{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}.hfn-saved{margin-top:22px}.hfn-saved summary{cursor:pointer;padding:12px 0}.hfn-body [data-fn-status]{min-height:24px;line-height:1.5;margin-bottom:0}.hfn-dialog :focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}.hfn-dialog :disabled{cursor:not-allowed}.hfn-dialog .btn{padding:12px 18px;border-radius:14px}.hfn-dialog .primary{background:var(--acao,#1F5FD0);color:var(--acao-txt,#FFFFFF)}.hfn-dialog button{cursor:pointer}body.dark .hfn-dialog{background:var(--surface,#FFFFFF);color:var(--label,#323200)}body.dark .hfn-block,body.dark .hfn-unit,body.dark .hfn-review article,body.dark .hfn-resolutions article{background:var(--surface,#FFFFFF);border-color:var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}@media(max-width:540px){.hfn-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:24px}.hfn-top{padding:18px 16px}.hfn-body{padding:20px 16px}.hfn-body .hc-grid,.hfn-compare{grid-template-columns:1fr}.hfn-top h2{font-size:var(--f-title3)}.hfn-tabs{flex-wrap:wrap}.hfn-block,.hfn-unit,.hfn-review article,.hfn-resolutions article{padding:14px}}@keyframes hfn-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hfn-dialog[open]{animation:none}}

@media(prefers-contrast:more){.hfp-mode,.hfn-block,.hfn-unit,.hfn-review article,.hfn-resolutions article{border-color:var(--label,#323200)}}
@media(prefers-reduced-transparency:reduce){.hfn-dialog::backdrop{backdrop-filter:none;background:color-mix(in srgb,var(--label,#323200) 72.157%,transparent)}}

/* /hub-kds-configuration.css */
.kc-dialog{width:min(44rem,calc(100vw - 1.5rem));max-height:calc(100dvh - 1.5rem);overflow:auto;box-sizing:border-box;border:1px solid var(--label3,#9C8D80);border-radius:20px;padding:20px;background:var(--surface,#FFFFFF);color:var(--label,#2A1C12)}.kc-dialog::backdrop{background:color-mix(in srgb,var(--label,#2A1C12) 53.333%,transparent)}.kc-dialog header,.kc-tabs,.kc-actions,.kc-pair{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.kc-dialog header{justify-content:space-between}.kc-dialog h2{margin:0}.kc-dialog label{display:grid;gap:6px;margin:12px 0}.kc-dialog input,.kc-dialog select{font:inherit;min-height:44px;max-width:100%;box-sizing:border-box;padding:8px;border:1px solid var(--label3,#9C8D80);border-radius:8px}.kc-dialog .btn{min-height:44px;font:inherit;padding:10px 14px;white-space:normal;cursor:pointer;border-radius:10px}.kc-dialog fieldset{border:1px solid var(--label3,#9C8D80);border-radius:10px}.kc-dialog input[type=checkbox]{min-width:22px}.kc-dialog [data-kc-feedback]{overflow-wrap:anywhere}.kc-dialog :focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:3px}body.dark .kc-dialog{background:var(--surface2,#F7F3EE);color:var(--label,#2A1C12)}body.dark .kc-dialog input,body.dark .kc-dialog select{background:var(--surface2,#F7F3EE);color:var(--label,#2A1C12);border-color:var(--label3,#9C8D80)}@media(max-width:420px){.kc-dialog{padding:14px}.kc-pair{display:block}.kc-dialog header h2{font-size:1.2em}.kc-dialog select{width:100%}}@media(prefers-reduced-motion:reduce){.kc-dialog *{scroll-behavior:auto!important;transition:none!important}}
.kc-dialog label{min-width:0}.kc-pair>label{flex:1 1 14rem}.kc-dialog [data-kc-body]{min-width:0}.kc-dialog .kc-tabs>label{max-width:100%}
/* Na operação da loja fica o menu. Conversa e sugestões são da gestão. */
html.cg-loja body.role-loja .cg-compositor .cu-b-raiz>:not(.cu-b-caixa),
html.cg-loja body.role-loja .cg-compositor .cu-b-caixa>:not(.cu-b-ferr),
html.cg-loja body.role-loja .cg-compositor .cu-b-ferr>:not([data-cu-menu-botao]){display:none!important}
html.cg-loja body.role-loja .cg-compositor .cu-b-caixa{width:max-content;margin-left:auto}
html.cg-loja body.role-loja .cg-compositor .cu-b-ferr{flex:0 0 auto}
/* O menu compartilhado não oferece conversa ou gestão no terminal da loja. Os quatro destinos da loja (decisão 73) ficam. */
html.cg-loja body.role-loja .cg-casca [data-cu-menu-id]:not([data-cu-menu-id="kds"]):not([data-cu-menu-id="expedicao"]):not([data-cu-menu-id="cardapio"]):not([data-cu-menu-id="ajustes"]):not([data-cu-menu-id="voltar"]),html.cg-loja body.role-loja .cg-casca [data-cg-mais]{display:none!important}
/* Conserva todos os pedidos no quadro e adia só o desenho fora do visor.
   A altura medida fica guardada ao rolar de volta; foco e busca continuam nativos. */
@media(max-width:760px){#view-kds #kds>.k,#view-exp #lanes .e{content-visibility:auto;contain-intrinsic-size:auto 480px}}
/* A ficha do pedido ocupa sua própria camada. A caixa global não cobre
   os botões da ficha nas duas vistas operacionais. */
body[data-hub-ficha]:is(#hub-esp,*) .cg-compositor{display:none!important}
/* A ficha conserva toda a informação; fechar continua acessível no fim da leitura.
   Fundo sólido impede que itens rolando se sobreponham à identificação do pedido. */
#omodal #oc>.oh{position:sticky;top:-18px;z-index:2;background:var(--surface);padding-block:8px}
#omodal #oc{scroll-padding-top:100px}
@media(max-width:760px){#omodal #oc>.oh{top:-14px}}
/* Tempos da cozinha: mesma superfície das folhas aprovadas, sem forçar tema. */
.kc-dialog{color:light-dark(#323200,#F5EFE8);box-shadow:0 18px 48px color-mix(in srgb,var(--label,#323200) 18%,transparent)}
.kc-dialog .kc-tabs .on,.kc-dialog .kc-tabs [aria-pressed="true"]{background:light-dark(#323200,#F5EFE8);color:light-dark(#FFFFFF,#141210);border-color:transparent}
.kc-dialog .btn.primary{background:var(--acao,#1F5FD0);color:#fff;border-color:transparent}
.kc-dialog input,.kc-dialog select{background:var(--surface2,#F7F3EE);color:inherit}
.kc-dialog [data-kc-review]{overflow-wrap:anywhere}
.kc-dialog [data-kc-review]:not(:empty){padding:12px;border-radius:14px;background:var(--surface2,#F7F3EE)}
.kc-dialog [data-kc-review] h3{margin-top:0}
.kc-dialog select{min-width:0;width:100%}
.kc-dialog header{position:sticky;top:-20px;z-index:1;background:inherit;padding-block:8px}
@media(max-width:420px){.kc-dialog header{top:-14px}}

/* /windows-wifi.css */
#desktop-wifi{display:inline-flex;align-items:center;gap:7px;min-height:44px;max-width:190px;padding:5px 10px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));border-radius:12px;background:var(--surface,#FFFFFF);color:var(--label,#2A1C12);font:inherit;text-align:left;cursor:pointer}
#desktop-wifi[hidden]{display:none!important}
#desktop-wifi svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
#desktop-wifi>span{min-width:0}#desktop-wifi span span,#desktop-wifi small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#desktop-wifi small{font-size:max(11px,calc(11px * var(--dt,1)));color:var(--label2,#6B5A4C)}
#desktop-wifi[data-state="connected"] svg{color:var(--d-verdeagua-t,#006F5D)}
#desktop-wifi[data-state="no-internet"] svg,#desktop-wifi[data-state="unknown"] svg{color:color-mix(in srgb,var(--d-ambar,#C27A00) 55%,var(--label,#2A1C12))}
.windows-wifi-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:20px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));border-radius:20px;background:var(--surface,#FFFFFF);color:var(--label,#2A1C12);font:16px system-ui;box-shadow:0 20px 70px color-mix(in srgb,light-dark(var(--label,#2A1C12),var(--page,#F7F5F1)) 26.667%,transparent)}
.windows-wifi-dialog::backdrop{background:color-mix(in srgb,var(--label,#2A1C12) 33.333%,transparent)}
.windows-wifi-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.windows-wifi-dialog h2{margin:0;font-size:22px}
.windows-wifi-dialog button,.windows-wifi-dialog input{box-sizing:border-box;min-height:44px;max-width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--sep,color-mix(in srgb,var(--label,#2A1C12) 13%,transparent));font:inherit;background:var(--surface,#FFFFFF);color:inherit}
.windows-wifi-dialog button{cursor:pointer}.windows-wifi-dialog button:disabled{opacity:.6;cursor:default}.windows-wifi-dialog :focus-visible,#desktop-wifi:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}
.windows-wifi-dialog ul{padding:0;list-style:none;display:grid;gap:8px}.windows-wifi-dialog li button{width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere}.windows-wifi-dialog small{display:block;font-size:13px;color:var(--label2,#6B5A4C);margin-top:3px}
.windows-wifi-dialog footer{display:flex;flex-wrap:wrap;gap:8px}.windows-wifi-dialog form{display:flex;flex-wrap:wrap;gap:8px}.windows-wifi-dialog label{width:100%;overflow-wrap:anywhere}.windows-wifi-dialog input{display:block;width:100%;margin-top:8px}.windows-wifi-dialog p{overflow-wrap:anywhere}
@media(max-width:1100px){#desktop-wifi{max-width:148px}}
/* O controle original permanece com hubExpV2=0. */
#desktop-wifi[data-v2]{justify-content:center;width:44px;min-width:44px;max-width:44px;padding:9px;border-radius:14px;background:color-mix(in srgb,var(--surface,#FFFFFF) 72%,transparent);color:var(--label,#323200)}
#desktop-wifi[data-v2]>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.windows-wifi-dialog[data-v2]{--wifi-ink:var(--label,#323200);--wifi-surface:var(--surface,#FFFFFF);border-radius:24px;background:color-mix(in srgb,var(--wifi-surface) 92%,transparent);color:var(--wifi-ink);box-shadow:0 18px 55px color-mix(in srgb,var(--wifi-ink) 18%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.windows-wifi-dialog[data-v2] header{align-items:flex-start}.windows-wifi-dialog[data-v2] h2{font-size:22px;line-height:1.2;overflow-wrap:anywhere;min-width:0}.windows-wifi-dialog[data-v2] header button{flex:none}
.windows-wifi-dialog[data-v2] button,.windows-wifi-dialog[data-v2] input{background:var(--wifi-surface)}
.windows-wifi-dialog[data-v2] [data-wifi-status]{padding:12px;background:var(--surface2,#F7F3EE);border-radius:14px;line-height:1.5}
.windows-wifi-dialog[data-v2] .windows-wifi-help{font-size:14px;line-height:1.6;color:var(--label2,#6B5A4C);margin-bottom:0}
[data-theme="dark"] .windows-wifi-dialog[data-v2]{--wifi-ink:var(--label,#F5EFE8);--wifi-surface:var(--surface,#221F1C)}
[data-theme="dark"] .windows-wifi-dialog[data-v2] [data-wifi-status]{background:var(--surface2,#2A2622)}
[data-theme="dark"] .windows-wifi-dialog[data-v2] .windows-wifi-help{color:var(--label2,#CBBFB3)}
[data-theme="dark"] #desktop-wifi[data-v2]{background:var(--surface,#221F1C);color:var(--label,#F5EFE8)}
@media(max-width:480px){.windows-wifi-dialog[data-v2]{padding:16px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}
[data-theme="dark"] .windows-wifi-dialog[data-v2] small{color:var(--label2,#CBBFB3)}
/* O mesmo controle nativo ocupa o lugar do encaminhador da casca. */
.xk-barra>[data-xk-acao="wifi"]:has(+ #desktop-wifi){display:none}

/* /interface-1740.css */
/* 1.74.0 (Philippe, 03/10/2026): acabamento da auditoria de interface de 03/10 (o dono é leigo em computação: "checar
   posicionamento, alinhamento e distância de cada botão"). Uma folha só para os consertos pequenos e seguros que a medição
   apontou, tela por tela, para a junção dos ramos ter um lugar só para olhar. Cada bloco diz o defeito (D01 a D33 do
   relatório AUDITORIA-UI-2026-10-03) e o porquê. Tipografia sempre relativa (rem com --dt), alvo de toque de 44 px. */

/* ---------- D01: o cartão de reserva de um pedido que chegou torto (web/pedido-inteiro.js) ---------- */
.pedido-torto{border:1px dashed var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));cursor:default}
.pedido-torto-n{font-weight:700;font-size:calc(.9375rem * var(--dt,1));overflow-wrap:anywhere}
.pedido-torto-t{margin-top:.25rem;color:var(--label2,#6B5A4C);font-size:calc(.8125rem * var(--dt,1));line-height:1.35}

/* ---------- D13: alvos de toque do Dashboard e dos Relatórios no celular ----------
   Medido em 03/10 (390x844): pontos do carrossel com 28x28 (18 no Dashboard, 5 nos Relatórios), atalhos de loja, período e
   filtros com 36 px de altura, linhas do "Histórico de avisos" com 19 px e o campo de busca do relatório com 34 px. No
   dedo, tudo passa a ter 44 px de área; o desenho do ponto continua pequeno (só a área cresce). No computador (html.hub-clique)
   nada muda, fora a linha do histórico, que sobe para 28 px. O ponto atual fica à vista porque web/interface-1740.js rola a
   fileira até ele. */
html.hub-toque #ges .ddots button,html.hub-toque .rel .rel-pontos button{min-width:2.75rem;min-height:2.75rem;padding:.5rem .3125rem}
html.hub-toque #ges .ddots,html.hub-toque .rel .rel-pontos{scroll-padding:0 1rem;-webkit-overflow-scrolling:touch}
html.hub-toque #ges .dchips button,html.hub-toque .rel .rel-chips button{min-height:2.75rem}
html.hub-toque .rel .rel-busca input{min-height:2.75rem}
html.hub-toque .rel .rel-busca-lupa{height:2.75rem}
.nt2 summary{min-height:1.75rem}
html.hub-toque .nt2 summary{min-height:2.75rem}

/* ---------- D29: outros alvos pequenos (Avaliações e Coleta externa) ---------- */
html.hub-toque .lnk{min-height:2.75rem;display:inline-flex;align-items:center}
html.hub-toque .hc-l2 a{display:inline-block;padding:.8125rem 0;min-height:2.75rem;box-sizing:border-box}
html.hub-clique .hc-l2 a{display:inline-block;padding:.3125rem 0;min-height:1.75rem;box-sizing:border-box}
/* os dois que sobraram no Dashboard do celular: "Abrir iFood Analytics" (36 px de altura) e os botões "Dia / Semana / Mês"
   dos itens mais vendidos (36 e 41 px de largura) */
html.hub-toque #ges .dcard .dt .btn{min-height:2.75rem}
html.hub-toque #ges .subseg.small button{min-width:2.75rem;min-height:2.75rem}

/* ---------- D12: Configurações > Programa da loja ----------
   O comando com o endereço do canal estourava o cartão no celular e era cortado na borda (450 px numa tela de 390, sem
   rolagem). Todo <code> das notas quebra a linha; cada comando ganha o botão Copiar; o que é de terminal fica fechado atrás
   de "Para o técnico" e o dono vê os passos numerados. */
.settings-note code,.settings-facts code{overflow-wrap:anywhere;word-break:break-word}
.settings-cmd{display:flex;align-items:flex-start;gap:.5rem;margin:.375rem 0;padding:.5rem .625rem;border-radius:.75rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));max-width:100%;box-sizing:border-box}
.settings-cmd code{flex:1 1 auto;min-width:0;font-size:max(.6875rem, calc(.8125rem * var(--dt,1)));line-height:1.45;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;-webkit-user-select:all;user-select:all}
.settings-copiar{flex:none;min-height:2.75rem;min-width:4.5rem;padding:.25rem .75rem;border:0;border-radius:.625rem;background:var(--surface,#FFFFFF);color:var(--acao,#1F5FD0);font:inherit;font-size:calc(.8125rem * var(--dt,1));font-weight:650;cursor:pointer;box-shadow:0 1px 3px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 12%,transparent);transition:transform .1s ease-out,background-color .2s ease-out,color .2s ease-out}
html.hub-clique .settings-copiar{min-height:1.75rem}
.settings-copiar:active{transform:scale(.97)}
.settings-copiar.feito{background:color-mix(in srgb,var(--verde,#11994A) 18%,var(--surface,#FFFFFF));color:var(--d-verdeagua-t,#006F5D)}
.settings-copiar:focus-visible{outline:.1875rem solid var(--acao,#1F5FD0);outline-offset:.125rem}
.settings-tecnico{margin:.875rem 0 0;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.settings-tecnico>summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem;cursor:pointer;list-style:none;font-size:calc(.875rem * var(--dt,1));font-weight:650;color:var(--label2,#6B5A4C)}
.settings-tecnico>summary::-webkit-details-marker{display:none}
.settings-tecnico>summary::after{content:"";flex:none;width:.5rem;height:.5rem;margin-right:.25rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease-out}
.settings-tecnico[open]>summary::after{transform:rotate(-135deg)}
.settings-tecnico>summary:focus-visible{outline:.1875rem solid var(--acao,#1F5FD0);outline-offset:.125rem;border-radius:.5rem}
.settings-tecnico-corpo>.settings-note:first-child{margin-top:.25rem}
.settings-passos{margin:.875rem 0;padding:0 0 0 1.375rem;display:grid;gap:.5rem;font-size:calc(.9375rem * var(--dt,1));line-height:1.45;color:var(--label,#323200)}
.settings-passos li::marker{font-weight:700;color:var(--label2,#6B5A4C)}
body.dark .settings-copiar{background:var(--fill2,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
@media (prefers-reduced-motion:reduce){.settings-copiar,.settings-tecnico>summary::after{transition:none}}

/* ---------- D11: Configurações > Tempos da cozinha ----------
   O resumo por loja (laranja e vermelho com a bolinha da cor), os dois botões de entrada e o quadro com a cara dos outros
   quadros do Hub: botão principal azul, abas com a escolhida marcada, campos do sistema. O protocolo (prévia, PIN, recibo)
   continua em web/hub-kds-configuration.js. */
.kc-resumo{list-style:none;margin:.75rem 0;padding:0;display:grid;gap:.5rem}
.kc-resumo li{display:grid;gap:.125rem;padding:.75rem .875rem;border-radius:.875rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}
.kc-resumo li b{font-size:calc(1rem * var(--dt,1))}
.kc-resumo li span{font-size:calc(.9375rem * var(--dt,1));line-height:1.4}
.kc-resumo li small{font-size:max(.6875rem, calc(.8125rem * var(--dt,1)));color:var(--label2,#6B5A4C)}
.kc-cor{display:inline-block;width:.625rem;height:.625rem;border-radius:50%;margin:0 .25rem 0 .125rem;vertical-align:baseline}
.kc-cor.kc-laranja{background:var(--d-laranja,#F57A1C)}
.kc-cor.kc-vermelho{background:var(--queda,#E21D3C)}
.kc-entradas{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:.875rem}
.kc-entradas .btn{min-height:2.75rem;flex:1 1 12rem}
.kc-dialog{border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1.25rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);box-shadow:0 1.5rem 4rem color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 28%,transparent)}
.kc-dialog::backdrop{background:color-mix(in srgb,var(--label,#323200) 50%,transparent)}
.kc-dialog header h2{font-size:calc(1.375rem * var(--dt,1));letter-spacing:-.01em}
.kc-dialog label{font-size:calc(.9375rem * var(--dt,1));font-weight:600}
.kc-dialog input,.kc-dialog select{font-size:calc(1.0625rem * var(--dt,1));font-weight:400;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.75rem;background:var(--surface,#FFFFFF);color:inherit;padding:.5rem .75rem}
.kc-dialog .kc-tabs{gap:.25rem;padding:.25rem;border-radius:.875rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));width:fit-content;max-width:100%}
.kc-dialog .kc-tabs>.btn{border:0;background:transparent;font-weight:600;border-radius:.625rem}
.kc-dialog .kc-tabs>.btn.on{background:var(--surface,#FFFFFF);box-shadow:0 1px 4px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 16%,transparent)}
.kc-dialog .kc-tabs>label{margin:0 0 0 .5rem}
.kc-dialog .btn.primary{width:100%;margin-top:.5rem}
.kc-dialog [data-kc-review] h3{font-size:calc(1.0625rem * var(--dt,1));margin:1rem 0 .25rem}
.kc-dialog [data-kc-feedback]:empty{display:none}
.kc-dialog .kc-actions{margin-top:.75rem}
body.dark .kc-dialog{background:var(--surface2,#F7F3EE);color:var(--label,#323200)}

/* ---------- D10 e D11: o menu principal acha o que a pessoa quer FAZER ----------
   "Criar pedido" entra no menu como o primeiro botão, com nome (antes só existia dentro de Canal próprio e como um "+" sem
   nome na Expedição). A busca mostra os atalhos (web/hub-navigation.js) acima dos grupos de telas. */
#menudd .ddnovo{display:flex;align-items:center;justify-content:center;gap:.5rem;width:calc(100% - 1.25rem);min-height:2.75rem;margin:.125rem .625rem .625rem;padding:.5rem .875rem;border:0;border-radius:.875rem;background:var(--acao,#1F5FD0);color:var(--acao-txt,#FFFFFF);font:inherit;font-size:calc(.9375rem * var(--dt,1));font-weight:650;cursor:pointer;transition:transform .1s ease-out,filter .15s ease-out}
html #menudd>button.ddnovo>svg{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;flex:none;color:var(--acao-txt,#FFFFFF)}
#menudd .ddnovo:active{transform:scale(.97)}
#menudd .ddnovo:focus-visible{outline:.1875rem solid var(--acao,#1F5FD0);outline-offset:.125rem}
html.hub-clique #menudd .ddnovo:hover{filter:brightness(1.08)}
.hub-nav-atalhos{display:grid;gap:.25rem;margin:0 .625rem .625rem;padding:.5rem;border-radius:.875rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}
.hub-nav-atalhos[hidden]{display:none}
.hub-nav-atalhos-titulo{margin:0 .25rem .125rem;font-size:max(.6875rem, calc(.75rem * var(--dt,1)));font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--label2,#6B5A4C)}
#menudd .hub-nav-atalhos button,.hub-nav-atalhos button{display:grid;gap:.0625rem;width:100%;min-height:2.75rem;padding:.4375rem .75rem;border:0;border-radius:.625rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);font:inherit;text-align:left;cursor:pointer}
.hub-nav-atalhos button b{font-size:calc(.9375rem * var(--dt,1));font-weight:650}
.hub-nav-atalhos button small{font-size:max(.6875rem, calc(.75rem * var(--dt,1)));color:var(--label2,#6B5A4C)}
.hub-nav-atalhos button:active{transform:scale(.98)}
[data-nav-empty]{margin:.25rem .875rem .75rem;font-size:calc(.875rem * var(--dt,1));color:var(--label2,#6B5A4C);line-height:1.4}
@media (prefers-reduced-motion:reduce){#menudd .ddnovo,.hub-nav-atalhos button{transition:none}}

/* ---------- D06: Implantação > Modelo da rede, botão "Conferir" que parecia morto ----------
   O retorno é no próprio botão ("Abrindo…", e um balanço curto se não abriu) e a mensagem fica na linha da etapa, logo
   abaixo do botão (web/hub-network-model.js). */
.hnm-open.hnm-opening{opacity:.6;cursor:progress}
.hnm-open.hnm-denied{animation:hnm-negado .36s cubic-bezier(.3,.7,.3,1) 1}
@keyframes hnm-negado{0%,100%{transform:none}25%{transform:translateX(-.25rem)}60%{transform:translateX(.1875rem)}85%{transform:translateX(-.0625rem)}}
.hnm-step-note{grid-column:2 / -1;display:block;padding:.5rem .75rem;border-radius:.75rem;background:color-mix(in srgb,var(--d-ambar,#C27A00) 14%,var(--surface,#FFFFFF));color:color-mix(in srgb,var(--d-ambar,#C27A00) 50%,var(--label,#323200));font-size:max(.6875rem, calc(.8125rem * var(--dt,1)));line-height:1.4;font-weight:600}
@media (prefers-reduced-motion:reduce){.hnm-open.hnm-denied{animation:none}}

/* ---------- D07, D08 e D26: Cardápio ----------
   1.74.0 (Philippe, 04/10/2026): a faixa presa no topo (busca e fichas de categoria), a linha do item com o botão de pausa
   e a confirmação leve saíram daqui: o Cardápio virou um carrossel de categorias com mini cartões e o desenho dele mora em
   web/cardapio-cartoes.css (conteúdo primeiro, Parte B). Aqui fica o aviso com Desfazer, que não mudou. */
/* o aviso com Desfazer: sobe de baixo, fica 6 s com a linha do tempo, e some */
.mdesfazer{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);z-index:2100;transform:translate3d(-50%,0,0);display:flex;align-items:center;gap:.75rem;width:min(30rem,calc(100vw - 1.5rem));box-sizing:border-box;padding:.75rem .75rem .875rem 1rem;border-radius:1.125rem;background:var(--label,#323200);color:var(--surface,#FFFFFF);box-shadow:0 .75rem 2rem color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 32%,transparent);overflow:hidden;will-change:transform,opacity}
html.tem-barra-folha .mdesfazer{bottom:calc(env(safe-area-inset-bottom,0px) + var(--bf-barra,4rem) + 1.75rem)}
.mdesfazer-t{flex:1 1 auto;min-width:0;display:grid;gap:.125rem}
.mdesfazer-t b{font-size:calc(.9375rem * var(--dt,1));font-weight:700;overflow-wrap:anywhere}
.mdesfazer-t span{font-size:calc(.8125rem * var(--dt,1));line-height:1.35;opacity:.86;overflow-wrap:anywhere}
.mdesfazer-b{flex:none;min-height:2.75rem;padding:.375rem .875rem;border:0;border-radius:.75rem;background:color-mix(in srgb,var(--surface,#FFFFFF) 18%,transparent);color:inherit;font:inherit;font-size:calc(.9375rem * var(--dt,1));font-weight:700;cursor:pointer;transition:transform .1s ease-out,background-color .15s ease-out}
.mdesfazer-b:active{transform:scale(.96)}
.mdesfazer-b:focus-visible{outline:.1875rem solid var(--surface,#FFFFFF);outline-offset:.125rem}
.mdesfazer-tempo{position:absolute;left:0;right:0;bottom:0;height:.1875rem;background:var(--d-ambar,#C27A00);transform-origin:left center;transform:scaleX(1);transition:transform linear}
.mdesfazer-tempo.correndo{transform:scaleX(0)}
body.dark .mdesfazer{background:var(--surface,#FFFFFF);color:var(--label,#323200)}
@media (prefers-reduced-motion:reduce){.mdesfazer-b{transition:none}}

/* ---------- D09: Criar pedido, a barra fixa no pé do quadro ----------
   Na etapa dos produtos o rodapé do quadro tem os itens e o total à esquerda e o botão "Conferir pedido" à direita, sempre
   à vista (web/hub-manual-orders.js). Quando entra um item a barra dá um pulso curto. */
.hc-manual-orders .hc-manual-summary.mo-barra{display:flex;align-items:center;gap:.75rem;padding-top:.625rem}
.hc-manual-orders .mo-barra-itens{flex:1 1 auto;min-width:0;min-height:2.75rem;display:flex;align-items:center;padding:.25rem .5rem .25rem 0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:.625rem}
.hc-manual-orders .mo-barra-itens[disabled]{cursor:default}
.hc-manual-orders .mo-barra-itens .hc-note{margin:0;font-size:calc(.875rem * var(--dt,1));font-weight:600;line-height:1.35;color:var(--label,#323200);overflow-wrap:anywhere}
.hc-manual-orders .mo-barra-itens[disabled] .hc-note{font-weight:400;color:var(--label2,#6B5A4C)}
.hc-manual-orders .mo-barra-itens:not([disabled]) .hc-note::after{content:" ›";color:var(--label2,#6B5A4C)}
.hc-manual-orders .mo-barra-itens:focus-visible{outline:.1875rem solid var(--acao,#1F5FD0);outline-offset:.125rem}
.hc-manual-orders .mo-barra-botao{flex:none;min-height:2.75rem;margin:0;white-space:nowrap}
.hc-manual-orders .hc-manual-summary.mo-entrou .mo-barra-botao{animation:mo-pulso .46s cubic-bezier(.2,.9,.3,1.2) 1}
.hc-manual-orders .hc-manual-summary.mo-entrou .mo-barra-itens .hc-note{animation:mo-sobe .36s cubic-bezier(.2,.8,.2,1) 1}
@keyframes mo-pulso{0%{transform:scale(1)}40%{transform:scale(1.07);box-shadow:0 0 0 .375rem color-mix(in srgb,var(--acao,#1F5FD0) 22%,transparent)}100%{transform:scale(1);box-shadow:0 0 0 0 transparent}}
@keyframes mo-sobe{from{opacity:.2;transform:translateY(.375rem)}to{opacity:1;transform:none}}
/* no celular o total fica numa linha e o botão ocupa a largura toda, logo abaixo: é o alvo maior e mais fácil */
@media (max-width:600px){.hc-manual-orders .hc-manual-summary.mo-barra{flex-wrap:wrap;gap:.25rem .75rem}.hc-manual-orders .mo-barra-botao{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.hc-manual-orders .hc-manual-summary.mo-entrou .mo-barra-botao,.hc-manual-orders .hc-manual-summary.mo-entrou .mo-barra-itens .hc-note{animation:none}}

/* ---------- D10: "Criar pedido" com nome na Expedição ----------
   Fica no pé da coluna Cozinha, por cima do fim da coluna (web/index.html, renderExpLanes), como o "adicionar" de um
   quadro de cartões: as quatro colunas seguem alinhadas em cima e embaixo, e no celular o botão fica perto do polegar.
   A margem negativa puxa o botão para dentro da coluna e a coluna reserva o espaço dele no fim da rolagem.
   Tinta azul sobre fundo claro do mesmo azul: é ação da tela, mas não disputa com os botões cheios dos cartões.
   Responde no toque (encolhe um pouco). */
.lane{--novo-alt:2.25rem}
html.hub-toque .lane{--novo-alt:2.75rem}
.lane > .lane-novo{order:3;position:relative;z-index:1;flex:none;display:flex;align-items:center;justify-content:center;gap:.375rem;box-sizing:border-box;height:var(--novo-alt);min-height:var(--novo-alt);margin:calc(-1 * var(--novo-alt) - .5rem) .5rem .5rem;padding:.25rem .625rem;border:0;border-radius:.75rem;background:color-mix(in srgb,var(--acao,#1F5FD0) 13%,var(--surface,#FFFFFF));color:var(--acao,#1F5FD0);font:inherit;font-size:calc(.8125rem * var(--dt,1));font-weight:600;line-height:1.2;cursor:pointer;box-shadow:0 .0625rem .1875rem color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 8%,transparent);transition:transform .16s cubic-bezier(.2,.8,.2,1),background-color .16s}
.lane.tem-novo > .col{padding-bottom:calc(var(--novo-alt) + 1rem)}
.lane > .lane-novo svg{flex:none;width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.lane > .lane-novo span{min-width:0;white-space:nowrap}
html.hub-toque .lane > .lane-novo{font-size:calc(.9375rem * var(--dt,1))}
html.hub-clique .lane > .lane-novo:hover{background:color-mix(in srgb,var(--acao,#1F5FD0) 20%,var(--surface,#FFFFFF))}
.lane > .lane-novo:active{transform:scale(.97)}
.lane > .lane-novo:focus-visible{outline:.1875rem solid var(--acao,#1F5FD0);outline-offset:.125rem}
body.dark .lane > .lane-novo{background:color-mix(in srgb,var(--acao,#1F5FD0) 30%,var(--surface,#FFFFFF));color:var(--label,#323200)}
/* escolhendo vários pedidos ou procurando um pedido, a coluna é só dos cartões */
body.searching .lane > .lane-novo,#view-exp.selmode .lane > .lane-novo{display:none}
body.searching .lane.tem-novo > .col,#view-exp.selmode .lane.tem-novo > .col{padding-bottom:.5rem}
@media (prefers-reduced-motion:reduce){.lane > .lane-novo{transition:none}.lane > .lane-novo:active{transform:none}}

/* ---------- D15: Editar cardápio do canal próprio abre por categoria ----------
   Carrossel de categorias no filtro das ofertas (web/hub-commercial-presets.js): uma fileira que rola de lado, com alvos
   de 44 px; a categoria escolhida fica cheia, no azul do botão principal. Enquanto a pessoa busca, a escolha fica só
   contornada, porque a busca olha todas as categorias. */
.hc-catalog-filter .hc-cats{display:flex;gap:.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:.25rem 0 .875rem;padding:.1875rem .125rem}
.hc-catalog-filter .hc-cats::-webkit-scrollbar{display:none}
.hc-catalog-filter .hc-cat{flex:none;scroll-snap-align:center;display:inline-flex;align-items:center;gap:.5rem;box-sizing:border-box;min-height:2.75rem;margin:0;padding:.375rem .875rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:62rem;background:var(--surface,#FFFFFF);color:var(--label,#323200);font:inherit;font-size:calc(.9375rem * var(--dt,1));font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s,transform .16s cubic-bezier(.2,.8,.2,1)}
.hc-catalog-filter .hc-cat b{min-width:1.375rem;padding:.0625rem .375rem;border-radius:62rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label2,#6B5A4C);font-size:calc(.8125rem * var(--dt,1));font-weight:600;text-align:center}
.hc-catalog-filter .hc-cat[aria-pressed=true]{background:var(--acao,#1F5FD0);border-color:transparent;color:var(--acao-txt,#FFFFFF)}
.hc-catalog-filter .hc-cat[aria-pressed=true] b{background:color-mix(in srgb,var(--surface,#FFFFFF) 24%,transparent);color:var(--acao-txt,#FFFFFF)}
.hc-catalog-filter .hc-cats-busca .hc-cat[aria-pressed=true]{background:var(--surface,#FFFFFF);border-color:var(--acao,#1F5FD0);color:var(--acao,#1F5FD0)}
.hc-catalog-filter .hc-cats-busca .hc-cat[aria-pressed=true] b{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label2,#6B5A4C)}
.hc-catalog-filter .hc-cat:active{transform:scale(.96)}
.hc-catalog-filter .hc-cat:focus-visible{outline:.1875rem solid var(--acao,#1F5FD0);outline-offset:.125rem}
html.hub-clique .hc-catalog-filter .hc-cat:not([aria-pressed=true]):hover{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}
.hc-catalog-filter .hc-ir-ferramentas{display:inline-flex;align-items:center;min-height:2.75rem;margin:.25rem 0 0;padding:.25rem 0;border:0;background:transparent;color:var(--acao,#1F5FD0);font:inherit;font-size:calc(.875rem * var(--dt,1));font-weight:600;line-height:1.35;text-align:left;cursor:pointer}
.hc-catalog-filter .hc-ir-ferramentas[hidden]{display:none}
.hc-catalog-filter .hc-ir-ferramentas::after{content:"›";margin-inline-start:.375rem}
.hc-catalog-filter .hc-ir-ferramentas:focus-visible{outline:.1875rem solid var(--acao,#1F5FD0);outline-offset:.125rem;border-radius:.5rem}
/* as ofertas da categoria escolhida entram com o movimento que os cartões já têm (hvw-card-in, web/hub-apple-depth.css).
   Lá o atraso da cascata vem da posição do cartão na lista inteira; trocando de categoria, a resposta ao toque não pode
   esperar 320 ms: nas ofertas a entrada começa na hora. */
.hvw-group[data-hvw-group=offers] > .hvw-grid > .hvw-card{animation-delay:0s;animation-duration:.26s}
@media (prefers-reduced-motion:reduce){.hc-catalog-filter .hc-cat{transition:none}.hc-catalog-filter .hc-cat:active{transform:none}}
/* no celular cada oferta é uma linha: foto pequena à esquerda, nome, estado e preço à direita, e o botão embaixo.
   O cartão alto, com a foto em cima, fazia 554 px por oferta. */
@media (max-width:600px){
  .hvw-group[data-hvw-group=offers] .hvw-card{display:grid;grid-template-columns:minmax(0,1fr);gap:.375rem .75rem;align-items:start;padding:.75rem}
  .hvw-group[data-hvw-group=offers] .hvw-card > *{grid-column:1 / -1}
  .hvw-group[data-hvw-group=offers] .hvw-card:has(> .hvw-card-media){grid-template-columns:5.5rem minmax(0,1fr)}
  .hvw-group[data-hvw-group=offers] .hvw-card:has(> .hvw-card-media) > .hvw-card-media{grid-column:1;grid-row:1 / span 3;aspect-ratio:1;border-radius:.75rem}
  .hvw-group[data-hvw-group=offers] .hvw-card:has(> .hvw-card-media) > .hvw-card-header,.hvw-group[data-hvw-group=offers] .hvw-card:has(> .hvw-card-media) > .hvw-status,.hvw-group[data-hvw-group=offers] .hvw-card:has(> .hvw-card-media) > .hvw-summary{grid-column:2}
  .hvw-group[data-hvw-group=offers] .hvw-card .hvw-icon,.hvw-group[data-hvw-group=offers] .hvw-card .hvw-card-description{display:none}
  .hvw-group[data-hvw-group=offers] .hvw-card .hvw-card-title{font-size:calc(1rem * var(--dt,1));line-height:1.25}
  .hvw-group[data-hvw-group=offers] .hvw-card .hvw-status{justify-self:start;padding:.125rem .5rem}
  .hvw-group[data-hvw-group=offers] .hvw-card .hvw-summary{gap:.125rem}
  .hvw-group[data-hvw-group=offers] .hvw-card .hvw-summary > div{grid-template-columns:auto minmax(0,1fr);gap:.375rem}
  .hvw-group[data-hvw-group=offers] .hvw-card .hvw-summary dd{text-align:left}
  .hvw-group[data-hvw-group=offers] .hvw-card .hvw-open{margin-top:.25rem}
  .hvw-group[data-hvw-group=offers] > .hvw-grid{gap:.625rem}
}

/* ---------- D16: Clientes sem rolagem dentro de rolagem ----------
   A caixa da tabela perde a altura fixa: quem rola é a tela. No celular (e em janela estreita) cada linha vira um cartão:
   o primeiro campo é o título (o nome do cliente, que abre o histórico) e os outros aparecem com o nome da coluna.
   O cabeçalho some da vista, mas continua lido pelo leitor de tela. */
.hc .hc-table.hc-cartoes{max-height:none;overflow-y:visible}
/* nome comprido quebra na própria célula, em vez de empurrar a tabela para o lado */
.hc .hc-table.hc-cartoes td:first-child{white-space:normal;min-width:10rem}
.hc .hc-table.hc-cartoes td:first-child .btn{white-space:normal;text-align:left;overflow-wrap:anywhere}
@media (max-width:760px){
  .hc .hc-table.hc-cartoes{overflow:visible;border:0;border-radius:0;margin:.75rem 0}
  .hc .hc-table.hc-cartoes table,.hc .hc-table.hc-cartoes tbody{display:block;width:100%}
  .hc .hc-table.hc-cartoes thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
  .hc .hc-table.hc-cartoes tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem .75rem;margin:0 0 .625rem;padding:.75rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:1rem;background:var(--surface,#FFFFFF)}
  .hc .hc-table.hc-cartoes td{display:block;min-width:0;padding:0;border:0;white-space:normal;overflow-wrap:anywhere;font-size:calc(.9375rem * var(--dt,1));line-height:1.35}
  .hc .hc-table.hc-cartoes td::before{content:attr(data-rotulo);display:block;margin-bottom:.0625rem;color:var(--label2,#6B5A4C);font-size:calc(.8125rem * var(--dt,1));font-weight:400}
  .hc .hc-table.hc-cartoes td:first-child{grid-column:1 / -1;font-weight:600;font-size:calc(1rem * var(--dt,1))}
  .hc .hc-table.hc-cartoes td:first-child::before{content:none}
  .hc .hc-table.hc-cartoes td:first-child:not(:has(.btn))::before{content:attr(data-rotulo) " ";display:inline;font-size:inherit}
  .hc .hc-table.hc-cartoes td:first-child .btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;min-height:2.75rem;margin:0;text-align:left;white-space:normal;overflow-wrap:anywhere}
  .hc .hc-table.hc-cartoes td:first-child .btn::after{content:"›";flex:none;color:var(--label2,#6B5A4C)}
  /* com cinco valores, o último ocupa o resto da segunda linha */
  .hc .hc-table.hc-cartoes td:last-child:nth-child(3n){grid-column:span 2}
  /* Na lista de clientes, os canais podem trazer três origens; o valor observado é uma quantia. */
  .hc #crm-lista-clientes.hc-cartoes td:nth-child(5){grid-column:span 2}
  .hc #crm-lista-clientes.hc-cartoes td:last-child:nth-child(6){grid-column:span 1}
}
/* estas duas tabelas cabem inteiras no computador e viram cartões no celular: o aviso de deslizar para o lado não vale mais */
.hc .hc-customer-list .hc-table-hint{display:none}
/* a lista abre curta (8 linhas no computador, 5 cartões no celular) e o botão mostra a página inteira no lugar */
.hc .hc-table.hc-cartoes.hc-cartoes-curto tbody tr:nth-child(n+9){display:none}
.hc .hc-cartoes-mais{display:flex;align-items:center;justify-content:center;width:100%;min-height:2.75rem;margin:0 0 .75rem}
.hc .hc-cartoes-mais[data-poucos]{display:none}
@media (max-width:760px){
  .hc .hc-table.hc-cartoes.hc-cartoes-curto tbody tr:nth-child(n+6){display:none}
  .hc .hc-cartoes-mais[data-poucos]{display:flex}
}

/* ---------- D24 e D27: pedido manual ----------
   Opção obrigatória esquecida: o grupo fica contornado e a mensagem aparece dentro dele (web/hub-manual-orders.js).
   Fechar com itens: o botão avisa que vai descartar, na tinta vermelha do tema. */
.hc-manual-orders fieldset.mo-falta,.hc-manual-orders .hc-field.mo-falta{border-color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200));box-shadow:0 0 0 .125rem color-mix(in srgb,var(--queda,#E21D3C) 22%,transparent)}
.hc-manual-orders .hc-field.mo-falta{border-radius:.75rem}
.hc-manual-orders .mo-falta-msg{margin:.25rem 0 .5rem;color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200));font-size:calc(.875rem * var(--dt,1));font-weight:600;line-height:1.35}
.hc-manual-orders .btn.mo-fechar-armado{background:color-mix(in srgb,var(--queda,#E21D3C) 12%,var(--surface,#FFFFFF));color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200));border-color:transparent}
/* ---------- D20: no celular a página de trás não disputa com o diálogo ---------- */
@media (max-width:600px){.hc-dialog::backdrop{background:color-mix(in srgb,var(--label,#323200) 62%,transparent)}}

/* ---------- D17 e D18: contraste e letra pequena ----------
   Medidos na auditoria de interface. Estrelas das avaliações: o amarelo puro dava 1,9:1 no branco; misturado com a cor
   do texto passa de 3:1 (desenho) e, no tema escuro, clareia sozinho. "(Operação)" e as legendas dos modelos passam a usar
   a cor de texto secundário do tema, sem opacidade. O botão principal e a aba escolhida das Regras para responder usam o
   mesmo azul do botão principal do resto do sistema (era um azul claro com 3,5:1 no texto branco).
   Nas tabelas do Dashboard, do Financeiro e das Avaliações o <small> herdava "menor" sobre 11 px e caía para 9 px. */
.stars{color:color-mix(in srgb,var(--d-amarelo-t,#805A00) 55%,var(--label,#323200))}
.settings-facts p span i{opacity:1;color:var(--label2,#6B5A4C)}
.hci .hci-preset small{color:var(--label2,#6B5A4C)}
.hao .hao-primary,.hao .hao-tabs [aria-selected=true]{background:var(--acao,#1F5FD0)}
#ges td small,#fin td small,#rev td small{font-size:max(.6875rem,calc(.6875rem * var(--dt,1)))}

/* ---------- D21: título dos diálogos no celular ----------
   O título dos diálogos do canal próprio saía com 29 px no celular ("Cardápio do canal próprio" quebrava em duas linhas)
   e o do pedido manual com 19 px. Fica um tamanho só, o de título 2 do tema, com quebra de linha equilibrada. */
@media (max-width:600px){dialog.hc-dialog .hc-header h2{font-size:var(--f-title2,calc(1.375rem * var(--dt,1)));line-height:1.2;letter-spacing:-.015em;text-wrap:balance}}

/* /areas-carrossel.css */
/* 1.74.0 (Philippe, 03/10/2026): AS TELAS DE ÁREA EM CARROSSEL (web/areas-carrossel.js sobre web/hub-carrossel.js).
   Clientes, Canal próprio, Implantação, Atendimento e Campanhas: cada seção é um cartão (section.ac-cartao) de uma faixa
   só (.ac-faixa), ao lado dos cartões de ferramenta (.hvw-card). O cartão é a superfície; a seção de dentro perde a
   moldura própria para não virar cartão dentro de cartão. No celular (.hcar-cel) um cartão por tela; no computador
   (.hcar-pc) vários, e o cartão largo (.ac-largo) ocupa a largura de dois.
   Como o cartão é estreito também no computador, o miolo usa sempre o desenho de coluna única (o das folhas de cada
   peça só troca pela largura da janela, que aqui não diz a largura do cartão).
   Medidas de texto em rem com --dt (tests/relative-typography); claro e escuro pelos tokens do tema; "reduzir
   movimento" respeitado. Vidro só nas peças da faixa (fichas e setas, de web/hub-carrossel.css): o cartão é conteúdo. */

/* ---------- a tela em volta da faixa ---------- */
/* a área dos cartões de ferramenta agora é a tela inteira: sem a margem de bloco de quando era uma seção entre outras */
.ac-corpo .hvw-workspace:has(>.ac-faixa){margin-block:0}
/* o guia do Atendimento embrulha a área: o título e a frase dele eram a entrada da pilha; na faixa, quem orienta são as fichas */
.hc .ac-corpo [data-hc-attendant-guide]:has(.ac-faixa){margin:0;padding:0}
.ac-corpo [data-hc-attendant-guide]:has(.ac-faixa)>h3,.ac-corpo [data-hc-attendant-guide]:has(.ac-faixa)>.hc-note{display:none}
/* a fileira de botões que ficou vazia (quem tem menos acesso não vê os botões dela) não deixa a margem dela na tela */
.ac-corpo>.hc-actions:empty{display:none}
/* o respiro de baixo da tela (pensado para o fim de uma página longa) dá lugar ao cartão */
.hc:has(.ac-faixa){padding-bottom:.5rem}
.hc:has(.ac-faixa)>.hc-header{margin-bottom:.75rem}
/* a unidade e o Atualizar sempre na mesma linha (no tablet de toque o botão caía para a linha de baixo). O seletor tem
   largura declarada: a largura mínima em porcentagem que ele tinha não entra na conta da largura do bloco */
.hc:has(.ac-faixa)>.hc-header .hc-actions{flex-wrap:nowrap}
.hc:has(.ac-faixa)>.hc-header .hc-actions>.hc-field{flex:0 0 auto;width:13rem;min-width:0;max-width:100%}
.hc:has(.ac-faixa)>.hc-header .hc-actions .hc-field select[name]{width:100%;min-width:0}
.hc:has(.ac-faixa)>.hc-header .hc-actions>.btn{flex:none}
/* celular: o cabeçalho cabe em menos altura para sobrar tela para o cartão. A unidade e o Atualizar ficam na mesma linha
   até em 320 px (o seletor tinha largura mínima de 13rem e empurrava o botão para a linha de baixo), e a palavra
   "Unidade" continua no rótulo para o leitor de tela, sem ocupar uma linha: o seletor já mostra o nome da loja */
@media (max-width:760px){
  .hc:has(.ac-faixa)>.hc-header{gap:.5rem 1rem;margin-bottom:.625rem}
  .hc:has(.ac-faixa)>.hc-header .hc-actions{align-items:center;width:100%}
  .hc:has(.ac-faixa)>.hc-header .hc-actions>.hc-field{flex:1 1 auto;width:auto}
  .hc:has(.ac-faixa)>.hc-header .hc-actions .hc-field>span.ac-rotulo{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
}

/* ---------- o cartão de seção ---------- */
.ac-faixa>.ac-cartao{display:block;min-width:0;padding:1.25rem;border:1px solid color-mix(in srgb,var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent)) 55%,transparent);border-radius:var(--r-sheet,1.25rem);background:var(--surface,#FFFFFF);color:var(--label,#323200);box-shadow:var(--lift-1,0 1px 2px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 5%,transparent),0 6px 18px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 6%,transparent)),var(--edge-light,inset 0 1px 0 color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 65%,transparent));overflow-wrap:anywhere;overscroll-behavior-y:contain}
.ac-faixa>.ac-cartao[hidden]{display:none!important}
.ac-faixa.hcar-cel>.ac-cartao{padding:1rem}
/* 04/10/2026 (a dupla checagem): o título do cartão do carrossel tem o mesmo tamanho em toda tela (o título 3 da casa) */
.ac-faixa>.ac-cartao>.ac-titulo{margin:0 0 .75rem;font-size:var(--f-title3,calc(1.25rem * var(--dt,1)));line-height:var(--lh-title3,1.25);letter-spacing:-.015em}
.ac-faixa>.ac-cartao>.ac-dica{margin:1rem 0 0;padding-top:.75rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
/* a seção de dentro é o miolo do cartão, não outro cartão */
.ac-faixa>.ac-cartao>.hc-card,.ac-faixa>.ac-cartao>[data-hc-rede-primeiro]>.hrp,.ac-faixa>.ac-cartao .hc-onboarding-network,.ac-faixa>.ac-cartao .hvw-card,.ac-faixa>.ac-cartao [data-hc-program]>form.hc-card{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.ac-faixa>.ac-cartao .hvw-card:hover,.ac-faixa>.ac-cartao .hvw-card:active{transform:none;box-shadow:none}
.ac-faixa>.ac-cartao>:first-child{margin-top:0}
.ac-faixa>.ac-cartao>:last-child{margin-bottom:0}
.ac-faixa>.ac-cartao>.hc-note{margin:.75rem 0 0}
.ac-faixa>.ac-cartao>.hc-note:first-child,.ac-faixa>.ac-cartao>.ac-titulo+.hc-note{margin-top:0}
.ac-faixa>.ac-cartao h3{overflow-wrap:anywhere}
/* o resumo de uma dobra (Planos salvos, Conferir envios) numa linha só, com a seta à direita, também no celular */
.ac-faixa>.ac-cartao details>summary{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.25rem .75rem}
.ac-faixa>.ac-cartao>details.hc-card{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}

/* lista de ações: um botão por linha, da largura do cartão, com a seta de "abre outra coisa" */
.ac-faixa>.ac-cartao .ac-acoes{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;width:auto;max-width:none;margin:1rem 0 0;padding:0;border:0;border-radius:0;background:none;overflow:visible;scroll-snap-type:none}
.ac-faixa>.ac-cartao .ac-acoes:first-child,.ac-faixa>.ac-cartao .ac-titulo+.ac-acoes{margin-top:0}
.ac-faixa>.ac-cartao .ac-acoes+.ac-acoes{margin-top:.5rem}
.ac-faixa>.ac-cartao .ac-acoes .btn,.ac-faixa>.ac-cartao[data-ac-cartao="limites"]>.hc-card>.btn{display:flex;align-items:center;justify-content:space-between;gap:.75rem;box-sizing:border-box;width:100%;min-height:2.75rem;margin:0;padding:.625rem .875rem;border:0;border-radius:.875rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));box-shadow:none;color:var(--label,#323200);font-weight:600;line-height:1.3;text-align:left;text-decoration:none;white-space:normal;flex:none}
/* a seta da linha é desenhada com borda, não com um caractere: texto gerado entra no nome que o leitor de tela fala
   ("Editar cardápio, aspa angular") e mudaria o nome do botão para quem o procura pelo nome */
.ac-faixa>.ac-cartao .ac-acoes .btn::after,.ac-faixa>.ac-cartao[data-ac-cartao="limites"]>.hc-card>.btn::after{content:"";flex:none;box-sizing:border-box;width:.5rem;height:.5rem;margin-right:.25rem;border-top:2px solid var(--label3,#9C8D80);border-right:2px solid var(--label3,#9C8D80);transform:rotate(45deg)}
.ac-faixa>.ac-cartao[data-ac-cartao="limites"]>.hc-card>.btn{margin-top:.5rem}
html.hub-clique .ac-faixa>.ac-cartao .ac-acoes .btn:hover,html.hub-clique .ac-faixa>.ac-cartao[data-ac-cartao="limites"]>.hc-card>.btn:hover{background:var(--fill2,color-mix(in srgb,var(--label,#323200) 13%,transparent));box-shadow:none}

/* computador: cada cartão tem a altura do próprio conteúdo (até o limite da tela), alinhado em cima. Esticar todos até a
   altura do mais alto deixava o cartão curto oco, com o botão lá no pé, longe do que ele faz */
.ac-faixa.hcar-pc{align-items:flex-start}
/* e a contagem ("1 a 3 de 10") continua sendo dita ao leitor de tela, mas não ocupa lugar: com cartões de alturas
   diferentes ela ficava solta lá embaixo, e as fichas acesas já mostram quais cartões estão à vista */
.ac-faixa.hcar-pc~.hcar-pe{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* computador: o cartão largo ocupa a largura de dois (lista de clientes, conversas, modelo da rede, planos com tabela) */
.ac-faixa.hcar-pc>.ac-largo{flex-basis:min(100%,calc(var(--hcar-w,22rem) * 2 + var(--hcar-vao,.75rem)))}

/* ---------- padrão da rede (web/hub-rede-primeiro.js) dentro do cartão ---------- */
.ac-faixa .ac-rede .hrp-title{flex:1 1 9rem}
.ac-faixa .ac-rede .hrp-head-actions{width:100%}
.ac-faixa .ac-rede .hrp-head-actions .btn{flex:1 1 auto}
.ac-faixa .ac-rede .hrp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
.ac-faixa .ac-rede .hrp-unit-actions{margin-left:0;width:100%;justify-content:flex-start}

/* ---------- Clientes ---------- */
/* a busca numa grade curta: o campo em cima; o canal e o Buscar lado a lado (no cartão largo do computador, tudo numa linha) */
.ac-faixa [data-ac-cartao="clientes"] [data-crm-search].hc-grid{grid-template-columns:minmax(0,1fr) auto;gap:.625rem .75rem;align-items:end}
.ac-faixa [data-ac-cartao="clientes"] [data-crm-search]>.hc-field:first-child{grid-column:1 / -1}
.ac-faixa [data-ac-cartao="clientes"] [data-crm-search]>.hc-actions{margin:0}
.ac-faixa.hcar-pc [data-ac-cartao="clientes"] [data-crm-search].hc-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto}
.ac-faixa.hcar-pc [data-ac-cartao="clientes"] [data-crm-search]>.hc-field:first-child{grid-column:auto}
.ac-faixa [data-ac-cartao="clientes"] .hc-customer-list>h3{margin-bottom:.5rem}
.ac-faixa [data-ac-cartao="clientes"]>.ac-acoes{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
/* benefícios da loja: as abas e o cartão da aba escolhida */
.ac-faixa [data-ac-cartao="beneficios"] .hc-program-navigation{margin:0 0 1rem}
.ac-faixa [data-ac-cartao="beneficios"] .hvw-workspace{margin-block:0}
.ac-faixa [data-ac-cartao="beneficios"] .hvw-grid{display:block}

/* ---------- Canal próprio ---------- */
.ac-faixa [data-ac-cartao="atalhos"]>.hc-note{margin-top:1rem}
.ac-faixa [data-ac-cartao="pausa"] .hc-pause>h3{margin-bottom:.5rem}

/* ---------- Atendimento ---------- */
.ac-faixa [data-ac-cartao="conversas"]>.hc-inbox{margin-top:.75rem}
.ac-faixa.hcar-cel [data-ac-cartao="conversas"]>.hc-inbox{gap:.5rem}
.ac-faixa [data-ac-cartao="conversas"]>details{margin-top:1rem;padding-top:.25rem;border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}

/* ---------- Campanhas ---------- */
.ac-faixa [data-ac-cartao="planos"]>details>summary b{font-size:var(--f-title3,calc(1.25rem * var(--dt,1)));line-height:var(--lh-title3,1.25);letter-spacing:-.015em}
/* computador: com a lista de planos aberta o cartão alarga para a tabela de cinco colunas caber sem rolar para o lado */
.ac-faixa.hcar-pc>[data-ac-cartao="planos"]:has(>details[open] table){flex-basis:min(100%,64rem)}
/* o botão "Incentivo individual" de cada plano vinha com o ícone sem medida (111 px, preenchido de preto): a folha da
   janela dos incentivos não alcança o botão que fica na lista */
.hc td [data-hc-campaign-incentives]{display:inline-flex;align-items:center;gap:.5rem}
.hc td [data-hc-campaign-incentives] svg{flex:none;width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Implantação ---------- */
/* resumo: o andamento e, em destaque, o próximo passo */
.ac-faixa [data-ac-cartao="resumo"] .hc-onboarding-overview{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}
.ac-faixa [data-ac-cartao="resumo"] .hc-onboarding-overview h3{margin:0 0 .5rem;font-size:calc(1.375rem * var(--dt,1));line-height:1.2;letter-spacing:-.02em}
.ac-faixa [data-ac-cartao="resumo"] .hc-onboarding-progress{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.375rem .75rem;max-width:none}
.ac-faixa [data-ac-cartao="resumo"] .hc-onboarding-progress progress{grid-column:1 / -1}
.ac-faixa>.ac-cartao[data-ac-cartao="resumo"]>.hc-ob-next{display:grid;grid-template-columns:minmax(0,1fr);gap:.875rem;align-items:stretch;margin:1rem 0 0;padding:1rem;border:0;border-radius:1rem;background:color-mix(in srgb,var(--acao,#1F5FD0) 8%,var(--surface,#FFFFFF))}
.ac-faixa [data-ac-cartao="resumo"] .hc-ob-next h3{font-size:calc(1.0625rem * var(--dt,1));line-height:1.3}
.ac-faixa [data-ac-cartao="resumo"] .hc-ob-next>.btn{width:100%}
.ac-faixa>.ac-cartao[data-ac-cartao="resumo"]>.hc-card:not(.hc-onboarding-overview):not(.hc-ob-next){margin-top:1rem}
.ac-faixa [data-ac-cartao="resumo"]>.hc-onboarding-updated{margin-top:.875rem}
/* etapas: uma lista de conferência, uma linha por etapa (ícone, nome, situação), em vez de cartões grandes lado a lado */
.ac-faixa .ac-lista .hc-onboarding-list,.ac-faixa .ac-lista .hc-ob-optional{margin:0}
.ac-faixa .ac-lista h3{margin:0 0 .375rem}
.ac-faixa .ac-lista .hc-ob-section-heading{margin-bottom:.25rem}
.ac-faixa .ac-lista .hc-ob-optional>.hc-note{margin:0 0 .5rem}
.ac-faixa .ac-lista .hc-ob-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;margin-top:.625rem}
.ac-faixa .ac-lista .hc-ob-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.125rem .75rem;min-height:3.5rem;padding:.5rem .75rem;border:0;border-radius:.875rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));box-shadow:none}
.ac-faixa .ac-lista .hc-ob-card:hover{box-shadow:none;background:var(--fill2,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.ac-faixa .ac-lista .hc-ob-card-top{display:contents}
.ac-faixa .ac-lista .hc-ob-icon{grid-column:1;grid-row:1 / span 2;width:2.25rem;height:2.25rem;border-radius:.75rem;background:var(--surface,#FFFFFF)}
.ac-faixa .ac-lista .hc-ob-icon svg{width:1.25rem;height:1.25rem}
.ac-faixa .ac-lista .hc-ob-status{grid-column:3;grid-row:1 / span 2;background:var(--surface,#FFFFFF);white-space:nowrap}
.ac-faixa .ac-lista .hc-ob-card>strong{grid-column:2;grid-row:1;font-size:calc(.9375rem * var(--dt,1));line-height:1.3}
.ac-faixa .ac-lista .hc-ob-detail{grid-column:2;grid-row:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:calc(.8125rem * var(--dt,1));line-height:1.4}
.ac-faixa .ac-lista .hc-ob-card-link{display:none}
/* os dois cartões da rede */
.ac-faixa>.ac-cartao .hc-onboarding-network{gap:.75rem}
.ac-faixa>.ac-cartao .hc-onboarding-network-heading h3{font-size:calc(1.1875rem * var(--dt,1));line-height:1.25}
.ac-faixa>.ac-cartao .hc-onboarding-network .hc-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;margin-top:.25rem}

/* Modelo da rede (web/hub-network-model.js) */
.ac-faixa [data-ac-cartao="modelo"]>.hnm{gap:.875rem}
.ac-faixa [data-ac-cartao="modelo"] .hnm-head{gap:.5rem .75rem}
/* os três modelos à vista de uma vez, um por linha: escolher é tocar; o texto do escolhido aparece inteiro */
.ac-faixa [data-ac-cartao="modelo"] .hnm-models{grid-template-columns:minmax(0,1fr);gap:.5rem}
.ac-faixa [data-ac-cartao="modelo"] .hnm-model{align-items:center;min-height:3.5rem;padding:.625rem .75rem;border-radius:.875rem;box-shadow:none}
.ac-faixa [data-ac-cartao="modelo"] .hnm-model[aria-checked=true]{align-items:flex-start;box-shadow:0 0 0 1px var(--acao,#1F5FD0)}
.ac-faixa [data-ac-cartao="modelo"] .hnm-model-icon{width:2.25rem;height:2.25rem;border-radius:.75rem}
.ac-faixa [data-ac-cartao="modelo"] .hnm-model-text strong{font-size:calc(.9375rem * var(--dt,1))}
.ac-faixa [data-ac-cartao="modelo"] .hnm-model:not([aria-checked=true]) .hnm-model-text small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}
.ac-faixa.hcar-pc [data-ac-cartao="modelo"] .hnm-models{grid-template-columns:repeat(3,minmax(0,1fr))}
.ac-faixa.hcar-pc [data-ac-cartao="modelo"] .hnm-model{flex-direction:column;align-items:flex-start;gap:.5rem}
.ac-faixa.hcar-pc [data-ac-cartao="modelo"] .hnm-model:not([aria-checked=true]) .hnm-model-text small{-webkit-line-clamp:3;line-clamp:3}
/* celular: a situação e o Conferir da etapa na mesma linha (eram duas), para o plano ficar mais curto */
@media (max-width:700px){
  .ac-faixa [data-ac-cartao="modelo"] .hnm-step{grid-template-columns:auto minmax(0,1fr) auto;row-gap:.125rem}
  .ac-faixa [data-ac-cartao="modelo"] .hnm-step-text{grid-column:2 / -1}
  .ac-faixa [data-ac-cartao="modelo"] .hnm-tag{grid-column:2;grid-row:2;align-self:center}
  .ac-faixa [data-ac-cartao="modelo"] .hnm-open{grid-column:3;grid-row:2;justify-self:end;padding-inline:.5rem}
  .ac-faixa [data-ac-cartao="modelo"] .hnm-step-note{grid-column:2 / -1;grid-row:3}
}
/* o plano: à vista o que o modelo muda; o que continua como está fica atrás do botão (a etapa com mensagem não some) */
.ac-faixa [data-ac-cartao="modelo"]:not([data-ac-etapas="todas"]) .hnm-step[data-state="preserve"]:not(:has([data-hnm-step-note])){display:none}
.ac-faixa [data-ac-cartao="modelo"]:not([data-ac-etapas="todas"]) .hnm-steps:not(:has(.hnm-step:not([data-state="preserve"]),.hnm-step [data-hnm-step-note])){display:none}
.ac-faixa [data-ac-cartao="modelo"] .hnm-step:not([hidden]){border-top:0;box-shadow:0 -1px 0 color-mix(in srgb,var(--sep,color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 13%,transparent)) 60%,transparent)}
.ac-faixa .ac-etapas{display:flex;align-items:center;justify-content:space-between;gap:.75rem;box-sizing:border-box;width:100%;min-height:2.75rem;margin:0;padding:.625rem .875rem;border:0;border-radius:.875rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label,#323200);font:inherit;font-size:calc(.875rem * var(--dt,1));font-weight:600;line-height:1.3;text-align:left;cursor:pointer}
.ac-faixa .ac-etapas[hidden]{display:none}
.ac-faixa .ac-etapas::after{content:"";flex:none;width:.5rem;height:.5rem;margin-right:.25rem;border-right:2px solid var(--label3,#9C8D80);border-bottom:2px solid var(--label3,#9C8D80);transform:rotate(45deg) translate(-.125rem,-.125rem);transition:transform .18s ease-out}
.ac-faixa .ac-etapas[aria-expanded="true"]::after{transform:rotate(225deg) translate(-.125rem,-.125rem)}
.ac-faixa .ac-etapas:focus-visible{outline:var(--foco-largura,3px) solid var(--acao,#1F5FD0);outline-offset:2px}
html.hub-clique .ac-faixa .ac-etapas:hover{background:var(--fill2,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
/* o botão de aplicar fica sempre à vista no pé do cartão, enquanto o plano rola por cima */
.ac-faixa [data-ac-cartao="modelo"] .hnm-foot{display:contents}
.ac-faixa [data-ac-cartao="modelo"] .hnm-actions{position:sticky;bottom:-1.25rem;z-index:1;margin:0 -1.25rem -1.25rem;padding:.75rem 1.25rem 1.25rem;background:var(--surface,#FFFFFF);border-top:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.ac-faixa.hcar-cel [data-ac-cartao="modelo"] .hnm-actions{bottom:-1rem;margin:0 -1rem -1rem;padding:.75rem 1rem 1rem}
.ac-faixa [data-ac-cartao="modelo"] .hnm-actions .btn{flex:1 1 auto}

@media (prefers-reduced-motion:reduce){.ac-faixa .ac-etapas::after{transition:none}}
@media (prefers-contrast:more){.ac-faixa>.ac-cartao{border-color:var(--label,#323200)}.ac-faixa .ac-etapas,.ac-faixa>.ac-cartao .ac-acoes .btn{box-shadow:inset 0 0 0 1px light-dark(var(--label,#323200),var(--page,#F7F5F1))}}

/* ---------- a tela de área e o Cardápio do canal próprio abertos numa janela (#hc-dialog) ----------
   1.74.0 (Philippe, 04/10/2026, quinta fase, ramo janelas; B4, B6 e B7): a janela tem o desenho da tela. A moldura é a
   da casa (web/hub-janela.css: a janela ocupa a tela inteira e não rola; em cima só o nome e o Fechar; a barra de baixo
   dentro dela). Da faixa até a janela, cada caixa é uma coluna que estica (.ac-coluna, posta pelo JS): o cartão fica com
   a altura que sobra, sem medida feita por script, e NÃO rola (o que não cabe fica atrás do "Ver tudo"). Enquanto um
   editor de ferramenta está aberto no lugar (.hvw-modal-editing), quem manda é a folha dele: a barra some e o editor
   ocupa a janela, numa coluna de leitura no computador. Sem a janela da casa (.hj), vale o desenho antigo. */
dialog.hc-dialog.ac-janela[open]:not(.hvw-modal-editing):not(.hj){display:flex;flex-direction:column;height:92vh;height:92dvh;overflow-x:hidden;overflow-y:auto}
dialog.hc-dialog.ac-janela:not(.hvw-modal-editing) .ac-coluna{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;width:auto;max-width:100%;margin-inline:0;box-sizing:border-box}
dialog.hc-dialog.ac-janela:not(.hvw-modal-editing) .ac-coluna>*{flex:none}
dialog.hc-dialog.ac-janela:not(.hvw-modal-editing) .ac-coluna>.ac-coluna,dialog.hc-dialog.ac-janela:not(.hvw-modal-editing) .ac-coluna>.ac-faixa{flex:1 1 auto;min-height:0}
/* janela baixa demais para o cartão: ele não encolhe abaixo de 15rem */
dialog.hc-dialog.ac-janela:not(.hvw-modal-editing) .ac-coluna>.ac-faixa{min-height:15rem}
dialog.hc-dialog.ac-janela:not(.hj) .ac-faixa>.hcar-item{max-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}
dialog.hc-dialog.ac-janela .ac-faixa>.hcar-item:focus-visible,.ac-faixa>.hcar-item:focus-visible{outline:var(--foco-largura,3px) solid var(--acao,#1F5FD0);outline-offset:-3px}
dialog.hc-dialog.ac-janela:not(.hj) .hc-dialog-top{position:static;flex:none}
dialog.hc-dialog.ac-janela .hc:has(.ac-faixa){padding-top:0;padding-bottom:1rem}
/* a janela da casa: o topo é a fileira do nome (o Fechar entrou nela); a unidade e o Atualizar moram na barra de baixo */
dialog.hc-dialog.ac-janela.hj{border-radius:0;max-height:none}
dialog.hc-dialog.ac-janela.hj>.hc-dialog-top{display:none}
dialog.hc-dialog.ac-janela.hj .hc:has(.ac-faixa){padding:0;max-width:none;margin:0}
dialog.hc-dialog.ac-janela.hj:not(.hvw-modal-editing) .ac-coluna>.ac-faixa{flex:1 1 0}
dialog.hc-dialog.ac-janela.hj .hc-header.hj-topo{flex-wrap:nowrap;margin:0;padding-inline:0}
dialog.hc-dialog.ac-janela.hj .hc-header.hj-topo .hj-nome h2{font-size:var(--f-title3,calc(1.25rem * var(--dt,1)));line-height:1.15;letter-spacing:-.02em;text-wrap:nowrap}
dialog.hc-dialog.ac-janela.hj .hc-header.hj-topo :is(.hc-eyebrow,.hc-actions){display:none}
/* os cartões de ferramenta entravam duas vezes (a entrada deles recomeçava quando a espiada da faixa acabava): na janela, sem a entrada */
dialog.hc-dialog.ac-janela.hj .ac-faixa.hcar:not(.hcar-espiar)>.hvw-card{animation:none}
dialog.hc-dialog.ac-janela.hj.hvw-modal-editing{overflow:hidden}
dialog.hc-dialog.ac-janela.hj.hvw-modal-editing>.bf{display:none}
dialog.hc-dialog.ac-janela.hj.hvw-modal-editing>.hc-dialog-body.hj-corpo{padding:0}
@media (min-width:761px){dialog.hc-dialog.ac-janela.hj.hvw-modal-editing .hvw-editor-borrowed{max-width:54rem;margin-inline:auto;border-inline:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent))}}

/* ---------- Cardápio do canal próprio (janela): uma categoria por cartão, cada oferta num mini cartão ----------
   O cartão da oferta é o de sempre (web/hub-visual-workspace.js), só que em linha: foto (ou o ícone), nome, situação,
   preço e o Editar. O filtro antigo (fichas de categoria, busca, situação) fica no documento, fora da vista: a folha
   Buscar da barra escreve nele. */
dialog.hc-dialog.ac-janela.hj .hc-catalog-filter{display:none}
.ac-faixa .ac-minis{display:grid;gap:.5rem;margin:0;padding:0;min-width:0}
.ac-faixa .ac-minis>.hvw-card{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;grid-template-areas:"foto nome botao" "foto meta botao" "nota nota nota";column-gap:.75rem;row-gap:.125rem;align-items:center;min-height:3.5rem;margin:0;padding:.5rem .625rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.875rem;background:transparent;box-shadow:none;cursor:pointer;animation:none;transform:none}
.ac-faixa .ac-minis>.hvw-card:active{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}
.ac-faixa .ac-minis>.hvw-card>.hvw-card-header{display:contents}
.ac-faixa .ac-minis>.hvw-card .hvw-icon{grid-area:foto;width:3rem;height:3rem;margin:0}
.ac-faixa .ac-minis>.hvw-card>.hvw-card-media{grid-area:foto;width:3rem;height:3rem;margin:0;border-radius:.625rem;overflow:hidden;aspect-ratio:auto;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}
.ac-faixa .ac-minis>.hvw-card>.hvw-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.ac-faixa .ac-minis>.hvw-card>.hvw-card-media~.hvw-card-header .hvw-icon{display:none}
.ac-faixa .ac-minis>.hvw-card .hvw-card-heading{grid-area:nome;min-width:0}
.ac-faixa .ac-minis>.hvw-card .hvw-card-eyebrow,.ac-faixa .ac-minis>.hvw-card>.hvw-card-description,.ac-faixa .ac-minis>.hvw-card .hvw-summary dt,.ac-faixa .ac-minis>.hvw-card .hvw-summary>div+div{display:none}
.ac-faixa .ac-minis>.hvw-card .hvw-card-title{margin:0;font-size:calc(.9375rem * var(--dt,1));line-height:1.25;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-faixa .ac-minis>.hvw-card>.hvw-status{grid-area:meta;justify-self:start;margin:0;font-size:max(.6875rem, calc(.75rem * var(--dt,1)))}
.ac-faixa .ac-minis>.hvw-card>.hvw-summary{grid-area:meta;justify-self:end;margin:0;padding:0;border:0;display:block;font-size:calc(.8125rem * var(--dt,1));font-variant-numeric:tabular-nums}
.ac-faixa .ac-minis>.hvw-card .hvw-summary>div{display:block;margin:0;padding:0;border:0}
.ac-faixa .ac-minis>.hvw-card .hvw-summary dd{margin:0;font-weight:600}
.ac-faixa .ac-minis>.hvw-card>:is(.hvw-card-feedback,.hvw-edit-state,.hvw-disabled-reason){grid-area:nota;margin:0;font-size:calc(.8125rem * var(--dt,1))}
.ac-faixa .ac-minis>.hvw-card>.hvw-open{grid-area:botao;width:auto;min-width:0;min-height:2.75rem;margin:0;padding:.375rem .875rem;font-size:calc(.875rem * var(--dt,1))}
/* 1.74.0 (Philippe, 04/10/2026, sexta fase, revisão final G1): no mini cartão estreito (o celular de 320 px e o cartão de
   20 rem do computador) a situação e o preço dividiam a mesma linha e ficavam um por cima do outro ("RascunhR$ 0,00",
   "PublicadR$ 74,90"). Quando a lista de minis tem menos de 20 rem, o preço desce para a linha dele; no cartão largo
   (o celular de 390 px) continua tudo numa linha. A medida é a da própria lista (não a da janela). */
.ac-faixa .ac-minis{container-type:inline-size;container-name:acminis}
@container acminis (max-width:20rem){
  .ac-faixa .ac-minis>.hvw-card{grid-template-areas:"foto nome botao" "foto meta botao" "foto preco botao" "nota nota nota"}
  .ac-faixa .ac-minis>.hvw-card>.hvw-summary{grid-area:preco;justify-self:start}
}
/* as ferramentas de organizar: sem preço nem situação, o texto de apoio aparece na segunda linha */
.ac-faixa [data-ac-cartao="organizar"] .ac-minis>.hvw-card>.hvw-summary{display:none}
.ac-faixa [data-ac-cartao="organizar"] .ac-minis>.hvw-card>.hvw-status{justify-self:stretch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;padding:0;color:var(--label2,#6B5A4C)}
.ac-faixa>.ac-categoria>.ac-titulo{margin:0 0 .625rem}
/* a folha Buscar: o campo, os achados (nome, preço e situação) e o Limpar */
.bf-conteudo .ac-busca{width:100%;min-height:2.75rem;box-sizing:border-box;border-radius:.875rem;border:1px solid color-mix(in srgb,var(--label,#323200) 22%,transparent);background:color-mix(in srgb,var(--surface,#FFFFFF) 70%,transparent);color:inherit;font:inherit;font-size:calc(1rem * var(--dt,1));padding:.5rem .75rem}
body.dark .bf-conteudo .ac-busca{background:color-mix(in srgb,var(--surface,#FFFFFF) 8%,transparent)}
.bf-conteudo .ac-achado{display:grid;min-width:0;flex:1 1 auto}
.bf-conteudo .ac-achado b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bf-conteudo .ac-achado small{font-size:max(.6875rem, calc(.8125rem * var(--dt,1)));opacity:.75}
.bf-conteudo .ac-limpar{width:100%;min-height:2.75rem;margin:.5rem 0 0}

/* ---------- 1.74.0 (Philippe, 04/10/2026): CONTEÚDO PRIMEIRO (Parte B de docs/ESPECIFICACAO-CONTEUDO-PRIMEIRO-2026-10-04.md) ----------
   "Você vai eliminar qualquer filtro ou menu superior (os que ficam acima dos cards do carrossel). [...] Os cards no
   carrossel são KING!" Nas cinco telas, na página (html.ac-conteudo-primeiro, posto por web/areas-carrossel.js quando a
   barra de baixo existe): o cabeçalho (o olho do grupo, o título grande, a Unidade e o Atualizar) sai de cima dos
   cartões. O seletor e o botão continuam no documento, escondidos: a folha "Loja" da barra e o botão do topo acionam os
   mesmos controles. Entre a fileira do topo e os cartões não fica nada (B1), e os cartões ocupam a tela (B5). */
html.ac-conteudo-primeiro :is(#view-crm,#view-delivery,#view-atendimento,#view-campanhas,#view-implantacao)>.hc>.hc-header{display:none}
html.ac-conteudo-primeiro :is(#view-crm,#view-delivery,#view-atendimento,#view-campanhas,#view-implantacao)>.hc{padding-top:0;padding-bottom:0}
/* 04/10/2026 (a dupla checagem): a faixa usa a largura toda, com a mesma margem das outras telas (os cartões começam a
   32 px da borda no computador). A caixa de 1280 px no meio deixava 344 px vazios de cada lado em 1920 px e cortava o
   cartão seguinte no meio da tela, longe da borda. */
@media (min-width:761px){html.ac-conteudo-primeiro :is(#view-crm,#view-delivery,#view-atendimento,#view-campanhas,#view-implantacao)>.hc{max-width:none;padding-left:1rem;padding-right:1rem}}
/* computador: todos os cartões com a altura da tela, como no Dashboard e nos Relatórios (o conteúdo fica em cima); a
   altura mora na peça (web/hub-carrossel.css) */
.hc.ac-tela .ac-faixa.hcar-pc{align-items:stretch}
/* Clientes: no cartão pequeno, a lista primeiro (os clientes que cabem, como mini cartões); a busca, o canal, a paginação
   e o histórico aberto ficam no cartão grande (data-hcar-detalhe, posto por web/areas-carrossel.js). O botão "Ver os N
   clientes desta página" dá lugar ao "Ver tudo" do cartão */
.hc.ac-tela [data-ac-cartao="clientes"] [data-crm-mais]{display:none}
.hc.ac-tela [data-ac-cartao="clientes"] .hc-customer-list>h3{margin-bottom:.625rem}
.hc.ac-tela .hcar-cartao:not(.hcar-grande)[data-ac-cartao="clientes"] .hc-table.hc-cartoes{margin-top:0}
@media (max-width:760px){
  /* mini cartão: o nome e três números numa linha; canais e valor aparecem no cartão grande */
  .hc.ac-tela .hcar-cartao:not(.hcar-grande)[data-ac-cartao="clientes"] .hc-table.hc-cartoes td:nth-child(n+5){display:none}
  .hc.ac-tela .hcar-cartao:not(.hcar-grande)[data-ac-cartao="clientes"] .hc-table.hc-cartoes tr{margin-bottom:.5rem;padding:.5rem .625rem .625rem}
}
/* os cartões de ferramenta têm a altura da tela: o botão fica logo abaixo do resumo, perto do que ele abre (no pé do
   cartão alto ele ficava longe do conteúdo) */
.hc.ac-tela .ac-faixa>.hvw-card .hvw-open{margin-top:.25rem}
/* "Todas as lojas" (web/hub-rede-primeiro.js) tem que caber no cartão: o resumo mais junto e cada loja em duas colunas (o
   nome e a situação à esquerda, "Mudar só nesta loja" à direita; as diferenças da exceção por baixo, na largura toda) */
.hc.ac-tela .ac-faixa .ac-rede .hrp-head{gap:.5rem .75rem}
.hc.ac-tela .ac-faixa .ac-rede .hrp-head-actions{gap:.5rem}
.hc.ac-tela .ac-faixa .ac-rede .hrp-summary{gap:.5rem 1rem;margin-top:.75rem}
.hc.ac-tela .ac-faixa .ac-rede .hrp-units{margin-top:.75rem}
.hc.ac-tela .ac-faixa .ac-rede .hrp-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.125rem .75rem;min-height:3.25rem;padding:.25rem 0}
.hc.ac-tela .ac-faixa .ac-rede .hrp-unit-name{grid-column:1;min-width:0}
.hc.ac-tela .ac-faixa .ac-rede .hrp-state{grid-column:1;justify-self:start}
.hc.ac-tela .ac-faixa .ac-rede .hrp-unit-actions{grid-column:2;grid-row:1 / span 2;width:auto;margin:0;justify-content:flex-end}
.hc.ac-tela .ac-faixa .ac-rede .hrp-diffs{grid-column:1 / -1}
/* Modelo da rede: no cartão pequeno o Aplicar vem logo depois da frase do que o modelo muda (sem ficar preso ao pé: o
   cartão não rola mais); no cartão grande ele continua preso ao pé enquanto o plano rola */
.hc.ac-tela .hcar-cartao:not(.hcar-grande)[data-ac-cartao="modelo"] .hnm-actions{position:static;margin:0;padding:0;border-top:0;background:none}
.hc.ac-tela [data-ac-cartao="modelo"] .ac-resumo{margin:0}
.hc.ac-tela [data-ac-cartao="modelo"] .hnm-head h3{margin-bottom:.125rem}
/* Campanhas: "Planos salvos" é o título do cartão; no celular cada plano é um mini cartão e a tabela não rola de lado */
.hc.ac-tela [data-ac-cartao="planos"]>details>summary{cursor:default;pointer-events:none}
.hc.ac-tela [data-ac-cartao="planos"]>details>summary::after{display:none}
.hc.ac-tela [data-ac-cartao="planos"]>.hc-table{margin:.75rem 0 0}
.hc.ac-tela .ac-faixa.hcar-pc>[data-ac-cartao="planos"]:has(>.hc-table){flex-basis:min(100%,64rem)}
/* 04/10/2026 (a dupla checagem): com os cartões pequenos juntos (opção agrupa do HubCarrossel) a faixa é uma coluna que
   quebra: a largura do cartão largo passa a ser width (o flex-basis vira a altura) e ele fica com a coluna inteira */
/* Clientes sem nenhum cliente: a frase é o conteúdo; a tabela só com o cabeçalho e a dica de deslizar não aparecem */
.hc.ac-tela .ac-sem-clientes>:is(.hc-table,.hc-table-hint){display:none}
/* o cartão principal da tela (a lista de clientes, as conversas, o modelo da rede, os planos) fica com a coluna inteira, também no celular */
.hc.ac-tela .ac-faixa.hcar-agrupa>:is(.ac-largo,[data-ac-cartao="planos"]){flex-basis:100%!important}
.hc.ac-tela .ac-faixa.hcar-agrupa.hcar-pc>.ac-largo{width:min(100%,calc(var(--hcar-w,22rem) * 2 + var(--hcar-vao,.75rem)))}
.hc.ac-tela .ac-faixa.hcar-agrupa.hcar-pc>[data-ac-cartao="planos"]:has(>.hc-table){width:min(100%,64rem)}
.hc.ac-tela [data-ac-cartao="planos"] .hc-campaign-plan-name{display:block;font-weight:600}
@media (max-width:760px){
  /* mini cartão do plano: o nome e três dados; os botões do plano (resultados, origem, incentivo, consentimentos) ficam no cartão grande */
  .hc.ac-tela .hcar-cartao:not(.hcar-grande)[data-ac-cartao="planos"] .hc-table.hc-cartoes td:first-child .btn,.hc.ac-tela .hcar-cartao:not(.hcar-grande)[data-ac-cartao="planos"] .hc-table.hc-cartoes td:nth-child(n+5){display:none}
  .hc.ac-tela .hcar-cartao:not(.hcar-grande)[data-ac-cartao="planos"] .hc-table.hc-cartoes tr{margin-bottom:.5rem;padding:.625rem .75rem}
  .hc.ac-tela [data-ac-cartao="planos"] .hc-table.hc-cartoes td:first-child .btn{margin-top:.375rem}
  .hc.ac-tela .hcar-cartao:not(.hcar-grande)[data-ac-cartao="planos"] .hc-table.hc-cartoes td:not(:first-child){font-size:calc(.875rem * var(--dt,1))}
}
/* 04/10/2026 (a dupla checagem): a altura do cartão no computador e a posição dos pontos no toque saíram daqui e moram na peça (web/hub-carrossel.css): a mesma medida em toda tela */
/* a folha "Cartões": o cartão de ferramenta diz que abre o editor */
.bf-lista button .ac-abre{margin-left:auto;font-size:calc(.8125rem * var(--dt,1));font-weight:600;color:var(--bf-realce,var(--acao,#1F5FD0))}
/* a folha "Atalhos" do Canal próprio: os oito atalhos em duas colunas, todos à vista sem rolar a folha */
.bf-lista.ac-duas{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.bf-lista.ac-duas button{min-height:3.25rem;padding:.5rem .75rem;border-radius:.875rem;background:color-mix(in srgb,var(--label3,#9C8D80) 10%,transparent);font-size:calc(.9375rem * var(--dt,1));font-weight:600;line-height:1.25}
/* 1.74.0 (revisão G1, estado de carregando): o "Carregando dados da unidade…" era um texto solto sobre o fundo, sem
   moldura; agora é um cartão como o das Configurações e o da Equipe (e como o cartão do erro de rede, logo depois). */
.hc-body>.hc-falhou:only-child{margin:0}
.hc-body>.hc-note[role=status]:only-child{margin:0;padding:1.25rem;border-radius:var(--r-sheet,1.25rem);background:var(--surface,#FFFFFF);box-shadow:var(--lift-1),var(--edge-light)}

/* /cardapio-cartoes.css */
/* 1.74.0 (Philippe, 04/10/2026): O CARDÁPIO EM CARTÕES (web/cardapio-cartoes.js) e as telas Simulador e Manutenção
   remota em carrossel (web/sobras-carrossel.js). Parte B de docs/ESPECIFICACAO-CONTEUDO-PRIMEIRO-2026-10-04.md: nada
   entre a fileira do topo e os cartões; o cartão é o conteúdo (superfície sólida, sem vidro); nenhum cartão rola por
   dentro. Texto em rem com --dt; alvos de 44 px no toque; claro e escuro; reduzir movimento e transparência. */

/* ---------- a tela: a faixa de cartões ocupa a largura toda ---------- */
#view-menu .menuv{max-width:none;margin:0;padding:0 1rem}
/* 04/10/2026 (a dupla checagem): a altura do cartão no computador e a posição dos pontos no toque saíram daqui e moram na peça (web/hub-carrossel.css): a mesma medida em toda tela  (a conta dos mini cartões depende da altura inteira; os pontos voltaram a ter o alvo de 44 px) */
/* 04/10/2026 (a dupla checagem): o raio, o fundo, o fio e a sombra do cartão são da peça (web/hub-carrossel.css, a moldura única) */
#menuv>.mc-faixa>.mc-cartao{display:flex;flex-direction:column;gap:.5rem;padding:.875rem .875rem .75rem;border:1px solid transparent;color:var(--label,#323200)}
/* 1.74.0 (Philippe, 05/10/2026, quinta rodada; M1 e M6): "têm que ser mini cards [...] preencher mais a tela com mini
   cards". A PÁGINA do carrossel não é mais um cartão grande: é só o lugar da grade (sem fundo, sem fio, sem sombra); quem
   tem a moldura é cada mini cartão. O cartão grande (o editor dos combos, .hcar-grande) continua com o desenho da peça. */
#menuv>.mc-faixa>.mc-cartao:not(.hcar-grande){gap:.375rem;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
/* A página tem largura fixa no computador (22 rem, web/cardapio-cartoes.js) e a faixa pode sobrar só um pedaço de página
   para o lado (em 1366 px, com quatro páginas, sobram 142 px). O encaixe da peça é pelo começo de cada página: com a
   sobra menor que meia página nenhuma página encaixava no fim da faixa e o navegador devolvia a faixa ao começo (a tecla
   End e o arrasto até o fim não ficavam lá). A última página encaixa pelo fim. */
#menuv>.mc-faixa.hcar-pc>.mc-cartao:last-child{scroll-snap-align:end}
/* 06/10/2026 (conferência, M6 item 2): em tela larga as páginas de 22 rem ficavam encostadas à esquerda, com a sobra toda
   à direita (em 1920 px, 32 px de um lado e 444 do outro). Quando todas as páginas cabem na tela (a peça marca a faixa
   com hcar-cabe) a faixa fica no meio, como as colunas das Negociações; quando não cabem, começa na esquerda e rola. */
#menuv>.mc-faixa.hcar-pc.hcar-cabe{justify-content:safe center}
/* e o sinal "Ver tudo" dos Combos ficava solto no pé da página, longe dos combos (463 px em 1920 x 1080): no computador,
   onde há várias páginas lado a lado, a página dos Combos tem a altura do que mostra (até a altura da faixa, onde o corte
   da peça continua valendo) e guarda o lugar do sinal logo abaixo, com a mesma medida que a peça reserva para ele (um
   bloco vazio no fim, como ela faz nos cartões juntos; em respiro o corte da peça contava duas vezes e escondia o
   "Novo combo"). No celular, uma página por tela, nada muda. */
#menuv>.mc-faixa.hcar-pc>.mc-combos:not(.hcar-grande){align-self:flex-start;height:auto}
#menuv>.mc-faixa.hcar-pc>.mc-combos:not(.hcar-grande)::after{content:"";display:block;flex:none;height:2.75rem}
html.hub-toque #menuv>.mc-faixa.hcar-pc>.mc-combos:not(.hcar-grande)::after{height:3.5rem}
/* a altura mínima do mini cartão, pelo tamanho do texto (--dt): respiro (1,375rem) + foto ou nome em duas linhas
   (2,25rem) + a linha da situação (0,875rem) + a linha do preço (1rem). No mini cartão estreito para o texto
   (--mc-linha-estreita) a situação fica na linha do botão (2rem) e o respiro é menor (1rem). O JS lê a altura mínima
   do corpo do mini cartão para a conta de quantos cabem.
   06/10/2026 (conferência, M4 item 2): "texto nunca abaixo de 11 px". Com o texto do Hub em 65% ou 75% (opções das
   Configurações) o nome dava 9,75 px e o preço 8,45 e 9,75 px. Nome, preço, o texto da página e o dos mini cartões dos
   combos ganharam o piso de 11 px (max(.6875rem, ...)); a linha do preço, o respiro do botão e a medida do mini cartão
   estreito tratam o texto abaixo de 85% como 85%, que é onde o piso começa a valer */
#menuv{--mc-linha:calc(2.25rem + 3.125rem * max(1,var(--dt,1)) + max(.75rem,1rem * var(--dt,1)));--mc-linha-estreita:calc(3.875rem + 2.25rem * max(1,var(--dt,1)) + max(.75rem,1rem * var(--dt,1)));--mc-pilula:calc(2.625rem * max(.85,var(--dt,1)) + 1.75rem)}
/* o nome da categoria: sempre UMA linha (todas as páginas com a mesma altura de grade; a conta de quantos cabem vale para todas) */
.mc-cab{flex:none;display:flex;flex-wrap:nowrap;align-items:baseline;gap:.125rem .625rem;min-width:0;min-height:2rem;padding:0 .5rem}
.mc-cab .h2{flex:0 1 auto;min-width:0;margin:0;font-size:var(--f-title3,calc(1.25rem * var(--dt,1)));line-height:1.2;font-weight:700;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.mc-sub{flex:1 1 0;min-width:0;margin:0;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));line-height:1.35;color:var(--label2,#6B5A4C);white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.mc-sub.vazio,.mc-pz{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200));font-weight:600}
/* a página da busca: o resultado e o "Limpar a busca" podem ir para a linha de baixo (todas as páginas da busca são iguais) */
.mc-busca .mc-cab{flex-wrap:wrap;align-items:center}
.mc-busca .mc-sub{flex:1 1 auto;white-space:normal}
.mc-limpar{margin-left:auto;min-height:2.25rem;padding:.25rem .75rem;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)))}
html.hub-toque .mc-limpar{min-height:2.75rem}
.mc-novo{flex:none;align-self:center;display:grid;place-items:center;width:2rem;height:2rem;margin:0 0 0 auto;padding:0;border:0;border-radius:50%;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label,#323200);cursor:pointer;transition:transform .1s ease-out,background-color .15s ease-out}
.mc-novo svg{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.mc-novo:active{transform:scale(.94)}
html.hub-clique .mc-novo:hover{background:var(--fill2,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
.mc-novo:focus-visible{outline:var(--foco-largura,3px) solid var(--acao,#1F5FD0);outline-offset:2px}
body.dark .mc-novo{background:color-mix(in srgb,var(--surface,#FFFFFF) 10%,transparent);color:var(--label,#323200)}
@media (max-width:760px){.mc-novo{display:none}}
/* a categoria sem item: um mini cartão só, com a frase e o botão (não estica até o pé da página) */
.mc-vazia{flex:none;display:grid;justify-items:start;gap:.625rem;margin:.125rem .25rem;padding:1rem;border-radius:var(--r-sheet,1.25rem);background:var(--surface,#FFFFFF);box-shadow:inset 0 0 0 .5px var(--sep,color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 13%,transparent)),0 1px 2px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 5%,transparent),0 6px 18px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 6%,transparent);color:var(--label2,#6B5A4C);font-size:calc(.9375rem * var(--dt,1))}
body.dark .mc-vazia{background:var(--surface,#FFFFFF);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--page,#F7F5F1) 16%,transparent),0 1px 2px color-mix(in srgb,var(--page,#F7F5F1) 30%,transparent),0 6px 18px color-mix(in srgb,var(--page,#F7F5F1) 32%,transparent)}
.mc-vazia p{margin:0}

/* ---------- a grade de mini cartões (M1): várias colunas e linhas por página; linhas todas da mesma altura, para a
   conta de quantos cabem ser exata. A linha reparte a sobra da página até 25% acima da altura mínima e para aí (M6: com
   1 item ou com 12 o mini cartão tem o mesmo tamanho; nunca estica). O respiro em volta é o lugar da sombra. ---------- */
.mc-grade{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,8.25rem),1fr));grid-template-rows:repeat(var(--mc-linhas,6),minmax(0,calc(var(--mc-linha) * 1.25)));grid-auto-rows:0;align-content:start;gap:.5rem /* 8 px, não os 12 px do vão da peça: o mini cartão do item é menor que o do caso das Negociações e, com 12 px, perdia-se uma linha inteira de mini cartões em 1366 x 768 com o texto em 100% (5 linhas em vez de 6) */;padding:.125rem .25rem .5rem;overflow:hidden}
/* O MINI CARTÃO (M4): a moldura é a dos cartões pequenos do sistema (a moldura única de web/hub-carrossel.css: raio de
   folha, fundo sólido, fio de meio pixel e a sombra leve), copiada aqui porque o mini cartão não é um item da faixa. */
#menuv .mc-mini{position:relative;display:block;min-width:0;box-sizing:border-box;padding:0;container:mcmini / inline-size;font-size:calc(1rem * max(.85,var(--dt,1)));border:0;border-radius:var(--r-sheet,1.25rem);overflow:hidden;background:var(--surface,#FFFFFF);
  box-shadow:inset 0 0 0 .5px var(--sep,color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 13%,transparent)),0 1px 2px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 5%,transparent),0 6px 18px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 6%,transparent);transition:background-color .15s ease-out}
body.dark #menuv .mc-mini{background:var(--surface,#FFFFFF);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--page,#F7F5F1) 16%,transparent),0 1px 2px color-mix(in srgb,var(--page,#F7F5F1) 30%,transparent),0 6px 18px color-mix(in srgb,var(--page,#F7F5F1) 32%,transparent)}
#menuv .mc-mini.paused{background:color-mix(in srgb,var(--queda,#E21D3C) 7%,var(--surface,#FFFFFF))}
body.dark #menuv .mc-mini.paused{background:color-mix(in srgb,var(--queda,#E21D3C) 14%,var(--surface,#FFFFFF))}
#menuv .mc-mini.hl2{box-shadow:inset 0 0 0 2px var(--queda,#E21D3C),0 6px 18px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 6%,transparent)}
/* o corpo do mini cartão é um controle (abre o item, e o gestor o arrasta para um combo): o texto dele não é selecionável,
   senão o segundo arrasto pegava o nome selecionado e o navegador começava a arrastar o texto em vez do item. O nome e o
   código continuam selecionáveis no cartão do item. Ocupa o mini cartão inteiro; o botão de pausar fica por cima, no canto. */
.mc-abre{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:.375rem .5rem;width:100%;height:100%;min-height:var(--mc-linha);box-sizing:border-box;padding:.5rem;border-radius:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none}
.mc-abre:active{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}
.mc-abre:focus-visible{outline:var(--foco-largura,3px) solid var(--acao,#1F5FD0);outline-offset:-3px}
#menuv .mc-mini .mi-photo,#menuv .mc-mini .mi-photo-space{grid-area:1/1;align-self:start;width:2.25rem;height:2.25rem;min-height:0;aspect-ratio:auto;border-radius:.625rem;object-fit:cover;display:block}
#menuv .mc-mini .mi-photo-space{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent))}
#menuv .mc-mini.paused .mi-photo{filter:grayscale(1);opacity:.7}
/* o nome: até duas linhas inteiras; o resto vira reticências (o nome inteiro está no cartão do item) */
#menuv .mc-mini .mc-nome{grid-area:1/2;align-self:start;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:0;font-size:max(.6875rem,calc(.9375rem * var(--dt,1)));line-height:1.2;font-weight:650;letter-spacing:-.005em;overflow-wrap:anywhere}
#menuv .mc-mini.paused .mc-nome{color:var(--label2,#6B5A4C)}
.mc-alerta{display:inline-block;width:.4375rem;height:.4375rem;margin-right:.3125rem;border-radius:50%;background:var(--d-ambar,#C27A00);vertical-align:.0625rem}
/* o pé: o preço e, embaixo, a situação; à direita deles fica o botão (o respiro é a largura dele) */
.mc-pe{grid-area:2/1/3/3;display:grid;align-content:end;min-width:0;min-height:calc(max(.75rem,1rem * var(--dt,1)) + .875rem * max(1,var(--dt,1)));padding-right:var(--mc-pilula)}
/* Metadados e ações repartem o espaço pela largura real dos mesmos controles. O corpo continua clicável atrás do pé. */
#menuv .mc-mini .mc-footer{position:absolute;left:.5rem;right:.375rem;bottom:.0625rem;display:flex;align-items:flex-end;gap:.25rem;min-width:0;pointer-events:none}
#menuv .mc-mini .mc-footer .mc-pe{flex:1 1 auto;min-width:0;padding-right:0;align-self:center}
#menuv .mc-mini .mc-actions{flex:none;display:flex;align-items:center;gap:.25rem;pointer-events:none}
#menuv .mc-mini .mc-actions :is(.pp,.mc-lapis){pointer-events:auto}
#menuv .mc-mini .mc-actions .pp{position:static;flex:none}
.mc-preco{min-width:0;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));line-height:max(.75rem,calc(1rem * var(--dt,1)));font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-sit{min-width:0;font-size:max(.6875rem,calc(.6875rem * var(--dt,1)));line-height:max(.875rem,calc(.875rem * var(--dt,1)));font-weight:650;color:var(--d-verdeagua-t,#006F5D);white-space:normal;overflow-wrap:anywhere}
.mc-sit::before{content:"";display:inline-block;width:.375rem;height:.375rem;margin-right:.25rem;border-radius:50%;background:currentColor;vertical-align:.0625rem}
.mc-sit.off{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}
/* o botão de pausar ou ativar no cartão do item e na folha Pausados: 44 px no dedo */
.mc-det .pp,.mc-pausados .pp{flex:none;display:grid;place-items:center;align-content:center;gap:.0625rem;width:3.75rem;height:auto;min-height:2.75rem;padding:.25rem;border-radius:.75rem;cursor:pointer;transition:transform .1s ease-out,background-color .15s ease-out}
.mc-det .pp:active,.mc-pausados .pp:active{transform:scale(.95)}
.mc-det .pp svg,.mc-pausados .pp svg{width:1rem;height:1rem}
.pp .pp-rotulo{font-size:max(.6875rem,calc(.6875rem * var(--dt,1)));font-weight:700;line-height:1.1;letter-spacing:.01em}
.pp[aria-busy="true"]{opacity:.5;pointer-events:none}
.pp:focus-visible{outline:var(--foco-largura,3px) solid var(--acao,#1F5FD0);outline-offset:2px}
/* no escuro o botão de pausa de sempre ficava claro com o desenho claro: aqui ele é uma chapa escura com texto claro */
body.dark :is(.mc-det,.mc-pausados) .pp{background:color-mix(in srgb,var(--surface,#FFFFFF) 10%,transparent);border-color:color-mix(in srgb,var(--label,#323200) 16%,transparent);box-shadow:none;color:var(--label,#323200)}
body.dark :is(.mc-det,.mc-pausados) .pp.pause svg{fill:var(--label,#323200)}
body.dark :is(.mc-det,.mc-pausados) .pp.play{background:color-mix(in srgb,var(--verde,#11994A) 22%,transparent);border-color:color-mix(in srgb,var(--verde,#11994A) 55%,transparent)}
body.dark :is(.mc-det,.mc-pausados) .pp.play svg{fill:var(--verde,#11994A)}
/* NO MINI CARTÃO (M4, M5): pausar ou ativar a UM toque, com o nome da ação escrito (o rótulo no botão é pedido de 03/10).
   O botão é a caixa de toque inteira (44 px de altura, 44 ou mais de largura) e não tem desenho; o que se vê é a pílula
   do rótulo, na altura das duas linhas do pé. */
#menuv .mc-mini .pp{position:absolute;right:.375rem;bottom:.0625rem;display:grid;place-items:center;width:auto;min-width:2.75rem;height:2.75rem;padding:0 .125rem;border:0;border-radius:.5rem /* a caixa de toque é reta: com o raio da pílula o navegador tirava os cantos do alvo de 44 px */;background:none;box-shadow:none;cursor:pointer;transition:transform .1s ease-out}
#menuv .mc-mini .pp:active{transform:scale(.95)}
#menuv .mc-mini .pp svg{display:none}
#menuv .mc-mini .pp .pp-rotulo{display:block;min-width:2.5rem;height:2rem;box-sizing:border-box;padding:0 .625rem;border-radius:999px;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label,#323200);font-size:max(.6875rem,calc(.75rem * var(--dt,1)));line-height:2rem;text-align:center;letter-spacing:0;white-space:nowrap}
/* "Ativar" sobre o mini cartão pausado (fundo avermelhado): o verde do texto é mais escuro que o das fichas, para dar 4,5:1 */
#menuv .mc-mini .pp.play .pp-rotulo{background:color-mix(in srgb,var(--verde,#11994A) 20%,transparent);color:color-mix(in srgb,var(--d-verdeagua-t,#006F5D) 40%,var(--label,#323200))}
body.dark #menuv .mc-mini .pp .pp-rotulo{background:color-mix(in srgb,var(--surface,#FFFFFF) 12%,transparent);color:var(--label,#323200)}
body.dark #menuv .mc-mini .pp.play .pp-rotulo{background:color-mix(in srgb,var(--verde,#11994A) 26%,transparent);color:var(--d-verdeagua-t,#006F5D)}
html.hub-clique #menuv .mc-mini .pp:hover .pp-rotulo{background:var(--fill2,color-mix(in srgb,var(--label,#323200) 13%,transparent))}
html.hub-clique #menuv .mc-mini .pp.play:hover .pp-rotulo{background:color-mix(in srgb,var(--verde,#11994A) 30%,transparent)}
/* MINI CARTÃO ESTREITO PARA O TEXTO (a tela de 320 px com o texto em 100%; o texto em 130%): o preço não cabia ao lado do botão e
   era cortado ("R$ 7..."). Aí o preço ganha a linha inteira e a situação fica ao lado do botão; o mini cartão fica uma
   linha mais alto (o JS lê a altura mínima daqui e refaz a conta de quantos cabem). A medida é a do próprio mini cartão
   (em = o texto dele), não a da tela: vale no celular, no computador e com qualquer tamanho de texto. */
@container mcmini (max-width:calc(2.75rem + 6.75em)){
  .mc-abre{min-height:var(--mc-linha-estreita);padding-top:.375rem;padding-bottom:.375rem;row-gap:.25rem}
  .mc-pe{padding-right:0}
  .mc-sit{padding-right:var(--mc-pilula);line-height:2rem}
  #menuv .mc-mini .mc-footer .mc-sit{padding-right:0}
  /* The footer is now a sibling of the item body. On narrow cards the full
     price row must span metadata and real action widths, including large text. */
  #menuv .mc-mini .mc-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.25rem;row-gap:0}
  #menuv .mc-mini .mc-footer .mc-pe{display:contents}
  #menuv .mc-mini .mc-footer .mc-preco{grid-column:1/-1;grid-row:1}
  #menuv .mc-mini .mc-footer .mc-sit{grid-column:1;grid-row:2;align-self:center;line-height:1.2}
  #menuv .mc-mini .mc-footer .mc-actions{grid-column:2;grid-row:2}
  .mc-abre{padding-bottom:calc(2.75rem + max(.75rem,1rem * var(--dt,1)) + .3125rem)}
}
/* tela estreita (320 px): duas colunas continuam cabendo; o respiro e a pílula cedem um pouco */
@media (max-width:359px){
  #menuv{--mc-pilula:calc(2.625rem * max(.85,var(--dt,1)) + 1.25rem)}
  .mc-abre{padding-left:.375rem;padding-right:.375rem;column-gap:.375rem}
  #menuv .mc-mini .pp{right:.1875rem}
  #menuv .mc-mini .pp .pp-rotulo{padding:0 .4375rem}
  #menuv .mc-mini .mi-photo,#menuv .mc-mini .mi-photo-space{width:2rem;height:2rem}
}

/* ---------- o cartão do item (cartão médio: o cartão grande do HubCarrossel, mais estreito) ---------- */
.hcar-grande.hcar-avulso:has(>.mc-det){--hg-largura:min(34rem,calc(100vw - 2rem));min-height:0!important}
@media (max-width:760px){.hcar-grande.hcar-avulso:has(>.mc-det){top:auto!important;bottom:var(--hg-pe)!important;height:auto!important;max-height:calc(100dvh - var(--hg-topo) - var(--hg-pe))!important}}
.mc-det{display:grid;gap:.875rem;color:var(--label,#323200)}
.mc-det-cab{display:flex;gap:.875rem;align-items:flex-start;min-width:0}
.mc-det-foto{flex:none;width:6rem;height:6rem;border-radius:1rem;object-fit:cover}
.mc-det-tit{min-width:0;display:grid;gap:.25rem}
.mc-det-tit h2{margin:0;font-size:var(--f-title2,calc(1.375rem * var(--dt,1)));line-height:1.2;font-weight:700;letter-spacing:-.02em;overflow-wrap:anywhere}
.mc-det .mi-desc,.mc-det .mi-also,.mc-det .mi-warn,.mc-det .sync{margin:0;max-width:none;font-size:calc(.875rem * var(--dt,1));line-height:1.4}
.mc-det .mi-desc,.mc-det .mi-also,.mc-det .sync{color:var(--label2,#6B5A4C)}
.mc-det .mi-warn{color:color-mix(in srgb,var(--d-ambar,#C27A00) 50%,var(--label,#323200));font-weight:600}
.mc-lojas{display:grid;gap:.5rem}
.mc-loja{display:flex;align-items:center;gap:.75rem;min-height:3.5rem;padding:.375rem .375rem .375rem .875rem;border-radius:1rem;background:var(--surface2,#F7F3EE)}
body.dark .mc-loja{background:color-mix(in srgb,var(--surface,#FFFFFF) 6%,transparent)}
.mc-loja.paused{background:color-mix(in srgb,var(--queda,#E21D3C) 9%,var(--surface2,#F7F3EE))}
body.dark .mc-loja.paused{background:color-mix(in srgb,var(--queda,#E21D3C) 16%,transparent)}
.mc-loja-t{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem}
.mc-loja-t b{font-size:calc(1rem * var(--dt,1));font-weight:650}
.mc-loja-t small{flex:1 0 100%;font-size:calc(.8125rem * var(--dt,1));line-height:1.35;color:var(--label2,#6B5A4C)}
.mc-det .mi-code{display:grid;gap:.125rem;padding:.5rem .5rem .5rem .875rem;border-radius:1rem;background:var(--surface2,#F7F3EE)}
body.dark .mc-det .mi-code{background:color-mix(in srgb,var(--surface,#FFFFFF) 6%,transparent)}
.mc-det .mi-code-caption{font-size:max(.6875rem,calc(.75rem * var(--dt,1)));color:var(--label2,#6B5A4C)}
.mc-det .mi-code-line{display:flex;align-items:center;gap:.5rem;min-height:2.75rem}
.mc-det .mi-code-line code{flex:1 1 auto;font-size:calc(1rem * var(--dt,1));letter-spacing:.025em;user-select:all;overflow-wrap:anywhere}
.mc-det .mi-code-line button{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:.75rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:inherit;cursor:pointer}
.mc-det .mi-code-line button:disabled{opacity:.4;cursor:default}
.mc-det .mi-code-line button svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.7}
.mc-det-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.mc-det-acoes .btn{min-height:2.75rem}
.mc-det-acoes .me-confirm{flex:1 1 100%;max-width:none}

/* ---------- dentro das folhas da barra de baixo ---------- */
.mc-ajuda{margin:.75rem 0;font-size:calc(.8125rem * var(--dt,1));line-height:1.45;color:var(--bf-sub,var(--label2,#6B5A4C))}
.bf .mbusca{display:flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .75rem;border-radius:.875rem;background:var(--surface,#FFFFFF);border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));color:var(--label2,#6B5A4C)}
body.dark .bf .mbusca{background:color-mix(in srgb,var(--surface,#FFFFFF) 8%,transparent);border-color:color-mix(in srgb,var(--label,#323200) 14%,transparent)}
.bf .mbusca:focus-within{border-color:var(--acao,#1F5FD0);box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--acao,#1F5FD0) 22%,transparent)}
.bf .mbusca svg{width:1.125rem;height:1.125rem;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.bf .mbusca input{flex:1 1 auto;min-width:0;min-height:2.75rem;border:0;outline:0;background:transparent;color:var(--label,#323200);font:inherit;font-size:calc(1.0625rem * var(--dt,1));-webkit-appearance:none;appearance:none}
.bf .mbusca input::-webkit-search-cancel-button{display:none}
.bf .mbusca-limpar{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-right:-.625rem;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.bf .mbusca-limpar[hidden]{display:none}
.bf .mbusca-limpar:focus-visible{outline:.1875rem solid var(--acao,#1F5FD0);outline-offset:-.25rem}
.mc-cats .mc-cat{display:flex;align-items:center;gap:.25rem;min-width:0}
.mc-cats .mc-cat-ir{flex:1 1 auto;min-width:0}
.mc-cats .mc-cat-ir span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-cats .mc-cat-ir b{flex:none;min-width:1.5rem;padding:.0625rem .4375rem;border-radius:999px;background:color-mix(in srgb,var(--label3,#9C8D80) 14%,transparent);font-size:max(.6875rem,calc(.75rem * var(--dt,1)));font-weight:700;text-align:center}
.bf-lista.mc-cats .mc-cat-b{flex:none;width:2.75rem;min-height:2.75rem;padding:0;justify-content:center;border-radius:50%}
.mc-cat-b svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mc-cat-b.mc-perigo{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200))}
.mc-cat-edita,.mc-nova{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.mc-cat-edita{padding:.25rem 0}
.mc-nova{margin-top:.75rem}
.bf-lista.mc-cats .mc-cat-edita .btn,.mc-nova .btn{width:auto;min-height:2.75rem;padding:.5rem 1rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.75rem;font-size:calc(.9375rem * var(--dt,1));font-weight:600}
.bf-lista.mc-cats .mc-cat-edita .btn.primary{background:var(--acao,#1F5FD0);color:var(--acao-txt,#FFFFFF);border-color:transparent}
.bf-lista.mc-cats .mc-cat-edita .btn.danger{color:color-mix(in srgb,var(--queda,#E21D3C) 70%,var(--label,#323200));border-color:currentColor}
.mc-cat-edita .me-inline,.mc-nova .me-inline{flex:1 1 12rem;min-width:0}
.mc-cat-edita .me-confirm{flex:1 1 100%;max-width:none;color:inherit}
.mc-lote{margin:0 0 .75rem}
.mc-lote .btn{min-height:2.75rem;width:100%}
.mc-pausados{list-style:none;margin:0;padding:0;display:grid;gap:.375rem}
.mc-pausados li{display:flex;align-items:center;gap:.625rem;min-height:3.5rem;padding:.25rem .25rem .25rem .875rem;border-radius:.875rem;background:color-mix(in srgb,var(--label3,#9C8D80) 10%,transparent)}
.mc-pz-t{flex:1 1 auto;min-width:0;display:grid;gap:.125rem}
.mc-pz-t b{font-size:calc(.9375rem * var(--dt,1));font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-pz-t small{font-size:calc(.8125rem * var(--dt,1));line-height:1.35;color:var(--bf-sub,var(--label2,#6B5A4C));overflow-wrap:anywhere}

/* ---------- o cartão dos combos: o resumo no cartão pequeno, o editor no cartão grande ---------- */
/* o contêiner e a seção ficam na altura do conteúdo (nada de display:contents nem de encolher): é assim que o corte
   automático do HubCarrossel enxerga o que passa do cartão (texto maior, muitos combos) e esconde a linha inteira */
#menuv .mc-combos #hub-combos-host{flex:none;min-width:0}
#menuv .mc-combos .cb{margin:0;min-width:0;display:flex;flex-direction:column;gap:.5rem}
#menuv .mc-combos .cb-head{margin:0;min-height:2rem;padding:0 .5rem}
#menuv .mc-combos .cb-title{font-size:var(--f-title3,calc(1.25rem * var(--dt,1)))}
.cb-minis{list-style:none;margin:0;padding:.125rem .25rem .5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,8.25rem),1fr));gap:.5rem;align-content:start}
/* 05/10/2026 (M1): o combo no resumo é um mini cartão igual ao do item (a mesma moldura, a mesma grade) */
.cb-mini{appearance:none;display:grid;align-content:center;gap:.125rem;width:100%;height:100%;min-height:var(--mc-linha,5.5rem);box-sizing:border-box;padding:.5rem .75rem;border:1px solid transparent;border-radius:var(--r-sheet,1.25rem);background:var(--surface,#FFFFFF);box-shadow:inset 0 0 0 .5px var(--sep,color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 13%,transparent)),0 1px 2px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 5%,transparent),0 6px 18px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 6%,transparent);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .12s ease-out,border-color .12s ease-out,background-color .12s ease-out}
body.dark .cb-mini{background:var(--surface,#FFFFFF);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--page,#F7F5F1) 16%,transparent),0 1px 2px color-mix(in srgb,var(--page,#F7F5F1) 30%,transparent),0 6px 18px color-mix(in srgb,var(--page,#F7F5F1) 32%,transparent)}
.cb-mini b{display:flex;align-items:flex-start;gap:.375rem;min-width:0;font-size:max(.6875rem,calc(.9375rem * var(--dt,1)));font-weight:650;line-height:1.2;overflow:hidden}
.cb-mini b svg{flex:none;width:1rem;height:1rem;margin-top:.0625rem}
/* O nome do combo usa até duas linhas; o resumo quebra livremente para conservar os nomes das lojas. */
.cb-mini b span,.cb-mini small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-width:0;overflow:hidden;overflow-wrap:anywhere}
.cb-mini small{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));line-height:1.3;color:var(--label2,#6B5A4C)}
.cb-mini .cb-badge{justify-self:start}
.cb-mini-new,body.dark .cb-mini-new{border:1.5px dashed var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));background:transparent;box-shadow:none}
.cb-mini-sug{background:color-mix(in srgb,var(--d-anil,#5B6CFF) 8%,var(--surface,#FFFFFF))}
.cb-mini:active{transform:scale(.985)}
.cb-mini.cb-over{border-color:var(--acao,#1F5FD0);background:color-mix(in srgb,var(--acao,#1F5FD0) 8%,var(--surface,#FFFFFF));box-shadow:0 0 0 3px color-mix(in srgb,var(--acao,#1F5FD0) 30%,transparent)}
.cb-mini:focus-visible{outline:3px solid var(--acao,#1F5FD0);outline-offset:2px}
.hcar-grande.mc-combos .cb{gap:.75rem}
.hcar-grande.mc-combos .cb-rail{padding-bottom:1rem}
/* dentro do cartão grande a faixa é mais estreita que a tela: o cartão do combo nunca passa da largura dela */
.hcar-grande.mc-combos .cb-card{flex-basis:min(328px,100%);min-width:0;max-width:100%}

/* ---------- Simulador e Manutenção remota em cartões (web/sobras-carrossel.js) ---------- */
#view-sim .sim,#view-man .man-tela.sb-tela{max-width:none;margin:0;padding:0 1rem}
#view-man .sb-faixa>.sb-cartao{margin:0}
#view-sim .sb-cartao .simkey{margin:0;padding:0;background:transparent;border:0;box-shadow:none}
#view-sim .sb-cartao .map{margin:0}
.sb-faixa>.sb-cartao{display:flex;flex-direction:column;gap:.625rem;padding:1rem;border:1px solid transparent;color:var(--label,#323200);margin:0}
.sb-faixa>.sb-cartao>h2,.sb-faixa>.sb-cartao>h3{margin:0;font-size:var(--f-title3,calc(1.25rem * var(--dt,1)));line-height:1.2;font-weight:700;letter-spacing:-.015em}
.sb-faixa>.sb-cartao>p{margin:0;font-size:calc(.875rem * var(--dt,1));line-height:1.45;color:var(--label2,#6B5A4C)}
.sb-faixa>.sb-cartao .acts{margin:0;display:flex;flex-wrap:wrap;gap:.5rem}
html.hub-toque .sb-faixa>.sb-cartao .btn{min-height:2.75rem}

@media (prefers-reduced-motion:reduce){#menuv .mc-mini,#menuv .mc-mini .pp,.pp,.mc-det .pp,.mc-pausados .pp,.cb-mini{transition:none}#menuv .mc-mini .pp:active,.pp:active,.cb-mini:active{transform:none}}
@media (prefers-contrast:more){#menuv>.mc-faixa>.mc-cartao,.sb-faixa>.sb-cartao,#menuv .mc-mini,.cb-mini{border:1px solid var(--label,#323200)}}
/* 1.74.0 (04/10/2026, ramo fluxos; D2): o lápis do mini cartão. Só no computador, com o mouse em cima do mini cartão ou com o
   foco do teclado nele: abre o Editar com um clique. No toque não aparece (o mini cartão continua com o pausar a um toque). */
#menuv .mc-mini .mc-lapis{display:none}
@media (hover:hover) and (pointer:fine){
  #menuv .mc-mini:hover .mc-lapis,#menuv .mc-mini:focus-within .mc-lapis{display:grid;place-items:center;position:static;flex:none;width:2rem;height:2rem;padding:0;border:0;border-radius:50%;background:var(--surface,#FFFFFF);color:var(--label2,#6B5A4C);box-shadow:0 .0625rem .25rem color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 18%,transparent);cursor:pointer}
  #menuv .mc-mini .mc-lapis svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  #menuv .mc-mini .mc-lapis:hover{color:var(--acao,#1F5FD0)}
  #menuv .mc-mini .mc-lapis:focus-visible{outline:.1875rem solid var(--acao,#1F5FD0);outline-offset:.125rem}
  body.dark #menuv .mc-mini .mc-lapis{background:var(--surface2,#F7F3EE);color:var(--label,#323200)}
}



/* TREM-OC-LOJA: o mesmo card, uma coluna até 1179 px. */
:where(#menuv:not([data-ml-v3])) .ml-tela{position:relative;width:calc(100vw - 32px);max-width:768px;min-height:632px;margin:60px auto 160px;padding:24px 20px 20px;background:var(--surface,#FFFFFF);border-radius:24px;color:var(--label,var(--text));box-sizing:border-box}
:where(#menuv:not([data-ml-v3])) .ml-tela>header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px}
:where(#menuv:not([data-ml-v3])) .ml-tela h1{position:absolute;top:-36px;left:0;margin:0;font-size:1rem}
:where(#menuv:not([data-ml-v3])) .ml-tela h2{margin:0;font-size:1.125rem}
:where(#menuv:not([data-ml-v3])) .ml-tela>header p{margin:0}
:where(#menuv:not([data-ml-v3])) .ml-tela>header .ml-falha{flex-basis:100%}
:where(#menuv:not([data-ml-v3])) .ml-tela p,:where(#menuv:not([data-ml-v3])) .ml-tela h3{color:var(--label2,var(--muted));font-size:.8125rem}
:where(#menuv:not([data-ml-v3])) .ml-tela h3{margin:16px 0 8px}
/* A lateral contém todos os desligados, inclusive fora da busca ou categoria atual. */
:where(#menuv:not([data-ml-v3])) .ml-tela:has(.ml-desligados [data-pp])>header p{padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--d-ambar,#C27A00) 13%,transparent);color:var(--d-amarelo-t,#805A00);font-weight:700}
:where(#menuv:not([data-ml-v3])) .ml-layout,:where(#menuv:not([data-ml-v3])) .ml-centro{min-width:0}
:where(#menuv:not([data-ml-v3])) .ml-categorias-titulo{display:none}
:where(#menuv:not([data-ml-v3])) .ml-categorias{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0 12px}
:where(#menuv:not([data-ml-v3])) .ml-categorias button{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:0;border-radius:18px;background:var(--fill,rgba(90,65,45,.07));color:inherit;white-space:nowrap;font:inherit;font-size:.875rem}
:where(#menuv:not([data-ml-v3])) .ml-categorias button[aria-pressed=true]{background:var(--acao,#1f5fd0);color:var(--acao-txt,#fff)}
:where(#menuv:not([data-ml-v3])) .ml-categorias small{font-size:.75rem}
:where(#menuv:not([data-ml-v3])) .ml-busca{display:block;font-size:.8125rem}
:where(#menuv:not([data-ml-v3])) .ml-busca input{box-sizing:border-box;display:block;min-height:44px;width:100%;margin:6px 0 12px;padding:10px 14px;border:0;border-radius:14px;background:var(--fill,rgba(90,65,45,.07));color:inherit;font:inherit}
:where(#menuv:not([data-ml-v3])) .ml-tela ul{list-style:none;padding:0;margin:0}
:where(#menuv:not([data-ml-v3])) .ml-item{display:flex;align-items:center;gap:10px;min-height:58px;padding:8px 0;border:0;border-bottom:1px solid var(--sep,rgba(58,42,30,.13));background:none;box-shadow:none;border-radius:0;box-sizing:border-box}
:where(#menuv:not([data-ml-v3])) .ml-item img{width:40px;height:40px;object-fit:cover;border-radius:10px;flex:none}
:where(#menuv:not([data-ml-v3])) .ml-nome{flex:1;min-width:0;display:flex;flex-direction:column}
:where(#menuv:not([data-ml-v3])) .ml-nome b{font-size:.875rem;overflow-wrap:anywhere}
:where(#menuv:not([data-ml-v3])) .ml-nome small{font-size:.75rem;color:var(--label2,var(--muted))}
:where(#menuv:not([data-ml-v3])) .ml-chave{min-width:52px;min-height:44px;flex:none;border:0;border-radius:14px;background:var(--fill,rgba(90,65,45,.07));color:inherit;font:inherit;font-size:.8125rem;padding:0 12px}
:where(#menuv:not([data-ml-v3])) .ml-chave[role=switch]{padding:0;background:transparent}
:where(#menuv:not([data-ml-v3])) .ml-chave[role=switch] span{display:block;width:50px;height:30px;border-radius:18px;background:var(--label3,#9c8d80);position:relative}
:where(#menuv:not([data-ml-v3])) .ml-chave[aria-checked=true] span{background:var(--verde,#11994a)}
:where(#menuv:not([data-ml-v3])) .ml-chave[role=switch] span:after{content:'';position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--surface,#fff)}
:where(#menuv:not([data-ml-v3])) .ml-chave[aria-checked=true] span:after{left:23px}
:where(#menuv:not([data-ml-v3])) .ml-chave:disabled{opacity:.5}
:where(#menuv:not([data-ml-v3])) .ml-desligados{margin-top:20px;min-width:0}
:where(#menuv:not([data-ml-v3])) .ml-online li{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:44px;font-size:.8125rem;border-bottom:1px solid var(--sep,rgba(58,42,30,.13))}
@media(min-width:1180px){
:where(#menuv:not([data-ml-v3])) .ml-tela{width:calc(100vw - 80px);max-width:1360px;min-height:720px}
:where(#menuv:not([data-ml-v3])) .ml-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 320px;gap:24px;align-items:start}
:where(#menuv:not([data-ml-v3])) .ml-categorias{display:flex;flex-direction:column;min-width:0}
:where(#menuv:not([data-ml-v3])) .ml-categorias-titulo{display:block}
:where(#menuv:not([data-ml-v3])) .ml-categorias button{white-space:normal;text-align:left}
:where(#menuv:not([data-ml-v3])) .ml-categorias button>span{flex:1;min-width:0;overflow-wrap:anywhere}
:where(#menuv:not([data-ml-v3])) .ml-itens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
:where(#menuv:not([data-ml-v3])) .ml-desligados{margin-top:0}}
/* Falha ao ligar ou desligar na conta loja: fica à vista até dar certo; sem contorno, cor da paleta. */
:where(#menuv:not([data-ml-v3])) .ml-falha{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--red,#E0342E) 12%,transparent);color:var(--label,var(--text))}
:where(#menuv:not([data-ml-v3])) .ml-falha span{flex:1 1 14rem;font-size:.8125rem}
:where(#menuv:not([data-ml-v3])) .ml-falha b{color:var(--red,#E0342E)}
:where(#menuv:not([data-ml-v3])) .ml-falha .btn{min-height:44px}
:where(#menuv:not([data-ml-v3])) .ml-chave[aria-busy="true"]{opacity:.5;pointer-events:none}

/* Tela da loja, mockup v5 aprovado: declarações literais, isoladas por .ml-vista.
   Adaptações de integração: IDs ml-; @container da largura recebida; alvos invisíveis de 44 px.
   Nenhuma regra deste bloco alcança o Cardápio do dono/gerente. */
:where(.ml-vista){color-scheme:light;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
:where(.ml-vista){margin:0;font:14px system-ui,-apple-system,sans-serif}
:where(.ml-vista) [hidden]{display:none!important}
:where(.ml-vista){
  color-scheme:light;
  --page:#F7F5F1;--side:#F0ECE6;--surface:#FFFFFF;--surface2:#F7F3EE;--surface3:#EFE9E1;
  --label:#2A1C12;--label2:#6B5A4C;--label3:#9C8D80;
  --sep:rgba(58,42,30,.13);--fill:rgba(90,65,45,.07);--fill2:rgba(90,65,45,.13);
  --bolha:#E9E1D6;
  --glass:rgba(250,248,245,.70);--glass-forte:rgba(250,248,245,.86);--folha-fundo:#FAF8F4;--glass-brd:rgba(255,255,255,.75);
  --glass-sombra:0 0 0 .5px rgba(58,42,30,.10),0 10px 32px rgba(60,40,20,.14);
  --sombra:0 0 0 .5px rgba(58,42,30,.09),0 1px 2px rgba(60,40,20,.05),0 10px 28px rgba(60,40,20,.08);
  --sombra-alta:0 0 0 .5px rgba(58,42,30,.10),0 24px 60px rgba(60,40,20,.22);
  --acao:#1F5FD0;--acao-txt:#FFFFFF;--link:#1F5FD0;
  --azul:#0A6CFF;--indigo:#5B57E8;--laranja:#FF6A00;--vermelho:#E21D3C;--verde:#11994A;--teal:#0C9F9A;--roxo:#A63DD6;--amarelo:#F2A900;--rosa:#E8287A;
  --cn:#7471F2;--gz:#1DB3AC;--cn-forte:#4D49E3;--gz-forte:#0A8F89;
  --pico:#FF6A00;--pico2:#FF9F1A;--queda:#E21D3C;
  --verde-suave:#7FD3A1;
  --t-queda:rgba(226,29,60,.10);--t-pico:rgba(255,106,0,.12);--t-verde:rgba(17,153,74,.12);--t-azul:rgba(31,95,208,.10);--t-indigo:rgba(91,87,232,.12);--t-teal:rgba(12,159,154,.12);
  --p-urg:#E21D3C;--p-urg-txt:#fff;--p-hoje:#FF7A1A;--p-hoje-txt:#2A1200;--p-ideia:#5B57E8;--p-ideia-txt:#fff;
  --scrim:rgba(24,14,6,.30);
  --heat0:#FFF4E8;--heat1:#FFD09A;--heat2:#FF9A3D;--heat3:#F2512B;--heat4:#B3123F;
  --r-peca:24px;
}
@media (prefers-color-scheme:dark){
:where(.ml-vista):not([data-theme="light"]){
    color-scheme:dark;
    --page:#141210;--side:#1A1714;--surface:#221F1C;--surface2:#2A2622;--surface3:#332E29;
    --label:#F5EFE8;--label2:#CBBFB3;--label3:#8F8478;
    --sep:rgba(240,225,210,.13);--fill:rgba(255,240,225,.07);--fill2:rgba(255,240,225,.13);
    --bolha:#3A322B;
    --glass:rgba(34,30,27,.64);--glass-forte:rgba(34,30,27,.86);--folha-fundo:#201C1A;--glass-brd:rgba(255,255,255,.10);
    --glass-sombra:0 0 0 .5px rgba(255,255,255,.08),0 12px 36px rgba(0,0,0,.45);
    --sombra:0 0 0 .5px rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.35);
    --sombra-alta:0 0 0 .5px rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.55);
    --acao:#3D8BFF;--acao-txt:#06101F;--link:#6AA6FF;
    --azul:#3D9BFF;--indigo:#8E8BFF;--laranja:#FF8A1F;--vermelho:#FF4D63;--verde:#34D27B;--teal:#2FD3CB;--roxo:#D07CFF;--amarelo:#FFC933;--rosa:#FF5C9A;
    --cn:#8784FF;--gz:#2CC9C2;--cn-forte:#A9A7FF;--gz-forte:#62E3DD;
    --pico:#FF8A1F;--pico2:#FFC04D;--queda:#FF4D63;
    --verde-suave:#3E9E68;
    --t-queda:rgba(255,77,99,.16);--t-pico:rgba(255,138,31,.16);--t-verde:rgba(52,210,123,.15);--t-azul:rgba(61,139,255,.16);--t-indigo:rgba(142,139,255,.16);--t-teal:rgba(47,211,203,.15);
    --p-urg:#FF4D63;--p-urg-txt:#1F0006;--p-hoje:#FF8A1F;--p-hoje-txt:#1F0E00;--p-ideia:#8E8BFF;--p-ideia-txt:#0B0A2A;
    --scrim:rgba(0,0,0,.50);
    --heat0:#2E2620;--heat1:#6A3A1C;--heat2:#C2571A;--heat3:#FF7B2E;--heat4:#FFC44D;
  }
}
:where(.ml-vista)[data-theme="dark"]{
  color-scheme:dark;
  --page:#141210;--side:#1A1714;--surface:#221F1C;--surface2:#2A2622;--surface3:#332E29;
  --label:#F5EFE8;--label2:#CBBFB3;--label3:#8F8478;
  --sep:rgba(240,225,210,.13);--fill:rgba(255,240,225,.07);--fill2:rgba(255,240,225,.13);
  --bolha:#3A322B;
  --glass:rgba(34,30,27,.64);--glass-forte:rgba(34,30,27,.86);--folha-fundo:#201C1A;--glass-brd:rgba(255,255,255,.10);
  --glass-sombra:0 0 0 .5px rgba(255,255,255,.08),0 12px 36px rgba(0,0,0,.45);
  --sombra:0 0 0 .5px rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.35);
  --sombra-alta:0 0 0 .5px rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.55);
  --acao:#3D8BFF;--acao-txt:#06101F;--link:#6AA6FF;
  --azul:#3D9BFF;--indigo:#8E8BFF;--laranja:#FF8A1F;--vermelho:#FF4D63;--verde:#34D27B;--teal:#2FD3CB;--roxo:#D07CFF;--amarelo:#FFC933;--rosa:#FF5C9A;
  --cn:#8784FF;--gz:#2CC9C2;--cn-forte:#A9A7FF;--gz-forte:#62E3DD;
  --pico:#FF8A1F;--pico2:#FFC04D;--queda:#FF4D63;
  --verde-suave:#3E9E68;
  --t-queda:rgba(255,77,99,.16);--t-pico:rgba(255,138,31,.16);--t-verde:rgba(52,210,123,.15);--t-azul:rgba(61,139,255,.16);--t-indigo:rgba(142,139,255,.16);--t-teal:rgba(47,211,203,.15);
  --p-urg:#FF4D63;--p-urg-txt:#1F0006;--p-hoje:#FF8A1F;--p-hoje-txt:#1F0E00;--p-ideia:#8E8BFF;--p-ideia-txt:#0B0A2A;
  --scrim:rgba(0,0,0,.50);
  --heat0:#2E2620;--heat1:#6A3A1C;--heat2:#C2571A;--heat3:#FF7B2E;--heat4:#FFC44D;
}
:where(.ml-vista) *{box-sizing:border-box}
:where(.ml-vista) [hidden]{display:none!important}
:where(.ml-vista){height:100%}
:where(.ml-vista){margin:0;background:var(--page);color:var(--label);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:background-color .3s}
:where(.ml-vista) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;margin:0}
:where(.ml-vista) button:disabled{cursor:default}
:where(.ml-vista) input,:where(.ml-vista) textarea,:where(.ml-vista) select{font:inherit;color:inherit}
:where(.ml-vista) :focus-visible{outline:2.5px solid var(--acao);outline-offset:2px}
:where(.ml-vista) .ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
:where(.ml-vista) .ic.p{width:18px;height:18px}
:where(.ml-vista){--flt-bg:rgba(252,250,247,.78);--flt-brd:rgba(58,42,30,.10);--flt-sombra:0 0 0 .5px rgba(58,42,30,.10),0 6px 22px rgba(60,40,20,.13)}
@media (prefers-color-scheme:dark){
:where(.ml-vista):not([data-theme="light"]){--flt-bg:rgba(44,39,35,.78);--flt-brd:rgba(255,255,255,.10);--flt-sombra:0 0 0 .5px rgba(255,255,255,.09),0 8px 26px rgba(0,0,0,.5)}
}
:where(.ml-vista)[data-theme="dark"]{--flt-bg:rgba(44,39,35,.78);--flt-brd:rgba(255,255,255,.10);--flt-sombra:0 0 0 .5px rgba(255,255,255,.09),0 8px 26px rgba(0,0,0,.5)}
:where(.ml-vista){--g34-ant:#B9AEA3;--c34-brd:rgba(58,42,30,.12)}
@media (prefers-color-scheme:dark){
:where(.ml-vista):not([data-theme="light"]){--g34-ant:#6E655C;--c34-brd:rgba(240,225,210,.12)}
}
:where(.ml-vista)[data-theme="dark"]{--g34-ant:#6E655C;--c34-brd:rgba(240,225,210,.12)}
:where(.ml-vista) [hidden]{display:none!important}
:where(.ml-vista){--sel36:color-mix(in srgb,var(--side),#78787f 16%)}
@media (prefers-color-scheme:dark){
:where(.ml-vista):not([data-theme="light"]){--sel36:color-mix(in srgb,var(--side),#fff 12%)}
}
:where(.ml-vista)[data-theme="dark"]{--sel36:color-mix(in srgb,var(--side),#fff 12%)}
:where(.ml-vista){--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px)}
:where(.ml-vista){--vidro36:rgba(255,255,255,.62);--vidro36-brd:rgba(255,255,255,.85);--vidro36-som:0 10px 30px rgba(40,25,10,.08),0 1px 2px rgba(40,25,10,.04);--vidro36-luz:inset 0 1px 0 rgba(255,255,255,.7)}
@media (prefers-color-scheme:dark){
:where(.ml-vista):not([data-theme="light"]){--vidro36:rgba(52,47,43,.62);--vidro36-brd:rgba(255,255,255,.14);--vidro36-som:0 10px 30px rgba(0,0,0,.35);--vidro36-luz:inset 0 1px 0 rgba(255,255,255,.08)}
}
:where(.ml-vista)[data-theme="dark"]{--vidro36:rgba(52,47,43,.62);--vidro36-brd:rgba(255,255,255,.14);--vidro36-som:0 10px 30px rgba(0,0,0,.35);--vidro36-luz:inset 0 1px 0 rgba(255,255,255,.08)}
:where(.ml-vista){
  --d-roxo:#9B30FF;--d-ciano:#18B4D8;--d-rosa:#F0288C;--d-coral:#F24A5E;--d-laranja:#F57A1C;--d-anil:#5B6CFF;--d-ouro:#D99A0E;--d-verdeagua:#0FAE92;--d-magenta:#B83AB8;
  --d-marca-t:rgba(245,122,28,.16);--d-brd:rgba(58,42,30,.12);--d-ambar:#C27A00;--d-t-ambar:rgba(194,122,0,.13);
}
@media (prefers-color-scheme:dark){
:where(.ml-vista):not([data-theme="light"]){
  --d-roxo:#A23DFF;--d-ciano:#1A9DBB;--d-rosa:#EE3590;--d-coral:#F0505F;--d-laranja:#E06A18;--d-anil:#6E7DFF;--d-ouro:#BA8716;--d-verdeagua:#16A88E;--d-magenta:#CC48CC;
  --d-marca-t:rgba(224,106,24,.20);--d-brd:rgba(255,255,255,.10);--d-ambar:#FFB547;--d-t-ambar:rgba(255,181,71,.15);
}
}
:where(.ml-vista)[data-theme="dark"]{
  --d-roxo:#A23DFF;--d-ciano:#1A9DBB;--d-rosa:#EE3590;--d-coral:#F0505F;--d-laranja:#E06A18;--d-anil:#6E7DFF;--d-ouro:#BA8716;--d-verdeagua:#16A88E;--d-magenta:#CC48CC;
  --d-marca-t:rgba(224,106,24,.20);--d-brd:rgba(255,255,255,.10);--d-ambar:#FFB547;--d-t-ambar:rgba(255,181,71,.15);
}
:where(.ml-vista){
  --d-marca:var(--d-laranja);
  --d-cn:var(--d-roxo);--d-gz:var(--d-ciano);
  --d-ifood:var(--d-rosa);--d-n99:var(--d-ouro);--d-prop:var(--d-anil);
  --d-l-proj:var(--d-anil);--d-l-sex:var(--d-verdeagua);--d-l-nor:var(--d-magenta);--d-l-mes:var(--d-coral);
  --d-ref:var(--d-l-sex);--d-ref2:var(--d-l-mes);
  --d-prep:var(--d-coral);--d-esp:var(--d-ouro);--d-rota:var(--d-anil);
  --d-p1:var(--d-roxo);--d-p2:var(--d-rosa);--d-p3:var(--d-ciano);--d-p4:var(--d-ouro);--d-p5:var(--d-coral);--d-p6:var(--d-anil);--d-p7:var(--d-verdeagua);--d-p8:var(--d-laranja);--d-p9:var(--d-magenta);
}
:where(.ml-vista) .db-cab{display:flex;align-items:center;gap:8px;margin:0 2px 10px;min-height:34px}
:where(.ml-vista) .db-cab h2{margin:0;font-size:1.0625rem;font-weight:750;letter-spacing:-.02em}
:where(.ml-vista) .db-flex{flex:1 1 auto}
:where(.ml-vista) .db-vivo{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:700;color:var(--verde);white-space:nowrap;position:relative}
:where(.ml-vista) .db-vivo i{position:relative;width:8px;height:8px;border-radius:50%;background:var(--verde);flex:none}
:where(.ml-vista) .db-vivo i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--verde);animation:ml-db-onda 2s ease-out infinite}
@keyframes ml-db-onda{from{transform:scale(1);opacity:.55}to{transform:scale(3);opacity:0}}
:where(.ml-vista) .db-slide{position:relative;flex:0 0 calc(100% - 24px);min-width:0;height:var(--db-slide-h,560px);scroll-snap-align:start;scroll-snap-stop:always;background:var(--surface);border:1px solid var(--d-brd);border-radius:24px;display:flex;flex-direction:column;padding:14px 14px 12px;overflow:hidden}
@media (min-width:641px){
:where(.ml-vista) .db-slide{flex-basis:calc(100% - 110px);padding:18px 20px 14px}
}
:where(.ml-vista) .db-s-cab{display:flex;flex-direction:column;gap:6px;flex:none}
:where(.ml-vista) .db-s-l1{display:flex;align-items:center;gap:10px;min-height:32px}
:where(.ml-vista) .db-s-l1 h3{margin:0;font-size:1.125rem;font-weight:770;letter-spacing:-.022em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}
:where(.ml-vista) .db-s-l2{display:flex;align-items:center;gap:8px;min-width:0;font-size:.8125rem;color:var(--label2)}
:where(.ml-vista) .db-s-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:480px){
:where(.ml-vista) .db-s-sub{display:none}
}
:where(.ml-vista) .db-s-body{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px;margin-top:12px}
:where(.ml-vista) .db-st{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:12px;font-size:.8125rem;font-weight:740;white-space:nowrap;flex:none}
:where(.ml-vista) .db-st .ic{width:14px;height:14px;stroke-width:2.2}
:where(.ml-vista) .db-st.bom{background:var(--t-verde);color:var(--verde)}
:where(.ml-vista) .db-st.ruim{background:var(--t-queda);color:var(--queda)}
:where(.ml-vista) .db-st.alerta{background:var(--d-t-ambar);color:var(--d-ambar)}
:where(.ml-vista) .db-st.neu{background:var(--fill2);color:var(--label2)}
:where(.ml-vista) .db-seg{display:inline-flex;padding:2px;border-radius:10px;background:var(--fill);flex:none}
:where(.ml-vista) .db-seg button{min-height:28px;padding:0 10px;border-radius:8px;font-size:.8125rem;font-weight:650;color:var(--label2);white-space:nowrap;position:relative}
:where(.ml-vista) .db-seg button::after{content:"";position:absolute;inset:-6px 0}
:where(.ml-vista) .db-seg button[aria-pressed="true"]{background:var(--surface);color:var(--label);box-shadow:0 1px 3px rgba(0,0,0,.14)}
:where(.ml-vista) .db-cb{position:relative;width:22px;height:22px;border-radius:7px;display:inline-grid;place-items:center;flex:none;overflow:hidden;vertical-align:middle}
:where(.ml-vista) .db-cb svg{width:100%;height:100%;display:block}
:where(.ml-vista) .db-cb-img img{width:108%;height:108%;object-fit:cover;display:block;margin:-4%}
:where(.ml-vista) .db-cb-loja{background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(0,0,0,.10)}
:where(.ml-vista) .db-cb-loja img{width:86%;height:86%;object-fit:contain;display:block}
:where(.ml-vista) .db-cb.db-cb-p{width:16px;height:16px;border-radius:5px}
:where(.ml-vista) .db-cb.db-cb-pp{width:13px;height:13px;border-radius:4px;vertical-align:-2px}
:where(.ml-vista) .db-slide{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
@media (prefers-reduced-motion:reduce){
:where(.ml-vista) .db-vivo i::after{animation:none!important}
}
:where(.ml-vista){
  --cd-q1:var(--verde);--cd-q2:var(--d-ambar);--cd-q3:var(--d-anil);--cd-q4:var(--queda);
  --cd-mola:cubic-bezier(.34,1.5,.64,1);--cd-ease:cubic-bezier(.2,.8,.2,1);
  --cd-vz-fundo:rgba(10,8,6,.94);--cd-vz-txt:#FFFFFF;--cd-vz-txt2:rgba(255,255,255,.7);--cd-vz-b:rgba(255,255,255,.14);
  --cd-nota-txt:#FFFFFF;
}
:where(.ml-vista) .db-slide{height:var(--cd-slide-h,var(--db-slide-h,560px))}
:where(.ml-vista) .cd-cab{position:relative}
:where(.ml-vista) .cd-ping{position:absolute;left:100%;top:-2px;margin-left:8px;font-size:.75rem;font-weight:800;color:var(--d-marca);white-space:nowrap;pointer-events:none;opacity:0}
:where(.ml-vista) .cd-n{font-variant-numeric:tabular-nums}
:where(.ml-vista) .cd-flex{flex:1 1 auto}
:where(.ml-vista) .cd-sub{font-size:.6875rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:var(--label3);white-space:nowrap}
:where(.ml-vista) .cd-bt{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 14px;border-radius:13px;font-size:.875rem;font-weight:700;white-space:nowrap;background:var(--fill2);color:var(--label);transition:transform .1s ease-out;flex:none}
:where(.ml-vista) .cd-bt.prim{background:var(--acao);color:var(--acao-txt)}
:where(.ml-vista) .cd-bt.cd-perigo{background:var(--queda);color:#FFFFFF}
:where(.ml-vista) .cd-bt:disabled{opacity:.4}
:where(.ml-vista) .cd-bt:active{transform:scale(.96)}
:where(.ml-vista) .cd-bt .ic{width:16px;height:16px}
:where(.ml-vista) .cd-bt-p .ic{width:14px;height:14px}
:where(.ml-vista) .cd-bt:focus-visible,:where(.ml-vista) .cd-chip:focus-visible{outline:2.5px solid var(--acao);outline-offset:2px}
:where(.ml-vista) .cd-chip{display:inline-flex;align-items:center;gap:5px;flex:none;white-space:nowrap;min-height:34px;padding:0 12px;border-radius:17px;background:var(--fill);font-size:.8125rem;font-weight:700;color:var(--label2)}
:where(.ml-vista) .cd-chip small{font-size:.75rem;font-weight:650;opacity:.75;font-variant-numeric:tabular-nums}
:where(.ml-vista) .cd-chip[aria-checked="true"],:where(.ml-vista) .cd-chip[aria-pressed="true"]{background:var(--acao);color:var(--acao-txt)}
@keyframes ml-cd-pisca{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
@media (prefers-reduced-motion:reduce){
:where(.ml-vista) .cd-bt{transition:none!important}
}
:where(.ml-vista) #ml-cdL .db-s-body{gap:8px;margin-top:10px}
:where(.ml-vista) .cd-lbusca{display:flex;gap:8px;flex:none}
:where(.ml-vista) .cd-lb{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-radius:13px;background:var(--fill);color:var(--label3)}
:where(.ml-vista) .cd-lb .ic{width:18px;height:18px;flex:none}
:where(.ml-vista) .cd-lb input{flex:1 1 auto;min-width:0;height:100%;border:0;background:none;color:var(--label);font:inherit;font-size:1rem;outline:none}
:where(.ml-vista) .cd-lb input::placeholder{color:var(--label3)}
:where(.ml-vista) .cd-lb:focus-within{box-shadow:0 0 0 2px var(--acao)}
:where(.ml-vista) .cd-lacabou{display:inline-flex;align-items:center;gap:5px;height:42px;padding:0 12px;border-radius:13px;background:color-mix(in srgb,var(--d-ambar) 14%,var(--surface));color:var(--d-ambar);font-size:.8125rem;font-weight:750;flex:none}
:where(.ml-vista) .cd-lacabou .ic{width:17px;height:17px}
:where(.ml-vista) .cd-lctl{display:flex;align-items:center;gap:8px;flex:none;min-width:0}
:where(.ml-vista) .cd-lseg{flex:1 1 auto;min-width:0;display:flex}
:where(.ml-vista) .cd-lseg button{flex:1 1 auto}
:where(.ml-vista) .cd-lseg button{padding:0 9px}
:where(.ml-vista) .cd-late{display:inline-flex;align-items:center;gap:4px;height:42px;padding:0 12px;border-radius:13px;background:var(--fill);font-size:.8125rem;font-weight:700;color:var(--label2);white-space:nowrap;flex:none}
:where(.ml-vista) .cd-late .ic{width:15px;height:15px}
:where(.ml-vista) .cd-lcats{display:flex;gap:6px;flex:none;flex-wrap:wrap;overflow-x:visible;scrollbar-width:none;margin:0 -2px;padding:0 2px}
:where(.ml-vista) .cd-lcats::-webkit-scrollbar{display:none}
:where(.ml-vista) .cd-lcats .cd-chip{min-height:30px;padding:0 11px;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
:where(.ml-vista) .cd-ll{position:relative;list-style:none;margin:0 -4px;padding:0 4px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
:where(.ml-vista) .cd-lcat{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:6px;padding:6px 2px 4px;background:var(--surface);font-size:.6875rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:var(--label3)}
:where(.ml-vista) .cd-lcat small{font-size:.6875rem;font-weight:650;letter-spacing:0}
:where(.ml-vista) .cd-li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--sep);border-radius:6px}
:where(.ml-vista) .cd-lcat+.cd-li{border-top:0}
:where(.ml-vista) .cd-li-i{display:flex;align-items:center;gap:10px;min-width:0;text-align:left;padding:2px 0}
:where(.ml-vista) .cd-li-i:focus-visible{outline:2.5px solid var(--acao);outline-offset:2px;border-radius:8px}
:where(.ml-vista) .cd-lth{position:relative;width:44px;height:33px;border-radius:8px;overflow:hidden;background:var(--fill);flex:none}
:where(.ml-vista) .cd-lth img{width:100%;height:100%;object-fit:cover;display:block}
:where(.ml-vista) .cd-lth-b{display:grid;place-items:center;background:#2b211b}
:where(.ml-vista) .cd-lth-b i{width:26px;height:26px;border-radius:50%;border:6px solid var(--bc);box-shadow:inset 0 0 0 2px rgba(0,0,0,.15)}
:where(.ml-vista) .cd-lth.gr{width:72px;height:54px;border-radius:12px}
:where(.ml-vista) .cd-lth.pq{width:32px;height:24px;border-radius:6px}
:where(.ml-vista) .cd-li-t{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.25}
:where(.ml-vista) .cd-li-t b{font-size:.9375rem;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(.ml-vista) .cd-li-t small{font-size:.75rem;color:var(--label3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:where(.ml-vista) .cd-li-t small .ok{color:var(--verde);font-weight:700}
:where(.ml-vista) .cd-li-t small .off{color:var(--label);font-weight:750}
:where(.ml-vista) .cd-li-t small .mix{color:var(--d-ambar);font-weight:750}
:where(.ml-vista) .cd-li-t small .nr{color:var(--d-ambar);font-weight:700}
:where(.ml-vista) .cd-li-t small .sinc{display:inline-flex;align-items:center;gap:4px;color:var(--d-anil);font-weight:700}
:where(.ml-vista) .cd-li-t small .sinc .ic{width:12px;height:12px;animation:ml-cd-gira 1s linear infinite}
@keyframes ml-cd-gira{to{transform:rotate(360deg)}}
:where(.ml-vista) .cd-lsws{display:flex;gap:12px;align-items:flex-start;flex:none}
:where(.ml-vista) .cd-lsw{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:52px}
:where(.ml-vista) .cd-lsw small{font-size:.625rem;font-weight:700;color:var(--label3);white-space:nowrap}
:where(.ml-vista) .cd-lsw.nada{justify-content:center;min-height:31px}
:where(.ml-vista) .cd-lsw-n{font-size:.6875rem;color:var(--label3);min-height:31px;display:grid;place-items:center}
:where(.ml-vista) .cd-pips2{display:flex;gap:2px;justify-content:center;max-width:58px;flex-wrap:wrap}
:where(.ml-vista) .cd-pips2 i{width:5px;height:5px;border-radius:50%;background:var(--verde);transition:background-color .2s}
:where(.ml-vista) .cd-pips2 i.off{background:var(--label3);opacity:.45}
:where(.ml-vista) .cd-pips2 i.nr{background:var(--d-ambar);animation:ml-cd-pisca .8s ease-in-out infinite}
:where(.ml-vista) .cd-retry{font-size:.625rem;font-weight:800;color:var(--d-ambar);white-space:nowrap;min-height:20px;padding:0 2px}
:where(.ml-vista) .cd-retry:focus-visible{outline:2px solid var(--acao)}
:where(.ml-vista) .cd-sw2{position:relative;flex:none;width:51px;height:31px;border-radius:16px;background:var(--fill2);transition:background-color .22s}
:where(.ml-vista) .cd-sw2::after{content:"";position:absolute;left:2px;top:2px;width:27px;height:27px;border-radius:50%;background:#FFFFFF;box-shadow:0 2px 5px rgba(0,0,0,.22),0 0 0 .5px rgba(0,0,0,.04);transition:transform .3s var(--cd-mola)}
:where(.ml-vista) .cd-sw2.on{background:var(--verde)}
:where(.ml-vista) .cd-sw2.on::after{transform:translateX(20px)}
:where(.ml-vista) .cd-sw2.mix{background:var(--d-ambar)}
:where(.ml-vista) .cd-sw2.mix::after{transform:translateX(10px)}
:where(.ml-vista) .cd-sw2:active::after{width:31px}
:where(.ml-vista) .cd-sw2.on:active::after{transform:translateX(16px)}
:where(.ml-vista) .cd-sw2:focus-visible{outline:2.5px solid var(--acao);outline-offset:2px}
:where(.ml-vista) .cd-sw2.pq{width:42px;height:26px}
:where(.ml-vista) .cd-sw2.pq::after{width:22px;height:22px}
:where(.ml-vista) .cd-sw2.pq.on::after{transform:translateX(16px)}
:where(.ml-vista) .cd-lvazio{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;padding:28px 12px;color:var(--label2);font-size:.8125rem}
:where(.ml-vista) .cd-lvazio b{color:var(--label);font-size:.9375rem}
:where(.ml-vista) .cd-lban{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:15px;background:color-mix(in srgb,var(--d-ambar) 11%,var(--surface));border:1.5px solid color-mix(in srgb,var(--d-ambar) 45%,transparent);font-size:.8125rem;line-height:1.35;color:var(--label2);flex:none}
:where(.ml-vista) .cd-lban>.ic{width:16px;height:16px;color:var(--d-ambar);flex:none;margin-top:1px}
:where(.ml-vista) .cd-lban>span{flex:1 1 0;min-width:0}
:where(.ml-vista) .cd-lban b{color:var(--label)}
:where(.ml-vista) .cd-lban .cd-bt.prim{flex:0 1 auto}
@media (max-width:480px){
:where(.ml-vista) .cd-late{padding:0 10px}
:where(.ml-vista) .cd-lsws{gap:8px}
:where(.ml-vista) .cd-lacabou span{display:none}
:where(.ml-vista) .cd-lacabou{width:42px;justify-content:center;padding:0}
}
@media (prefers-reduced-motion:reduce){
:where(.ml-vista) .cd-sw2,:where(.ml-vista) .cd-sw2::after,:where(.ml-vista) .cd-pips2 i{transition:none!important}
:where(.ml-vista) .cd-pips2 i.nr,:where(.ml-vista) .cd-li-t small .sinc .ic{animation:none!important}
}
:where(.ml-vista) .db-slide{contain:layout paint style}
:where(.ml-vista) .cd-ll{contain:layout paint}
:where(.ml-vista) .cd-li{contain:layout style}
@media (min-width:641px){
:where(.ml-vista) .cd-lseg{flex:0 1 auto}
}
:where(.ml-vista) .cd-late-l{display:flex;align-items:center;gap:6px;flex:none;font-size:.75rem;font-weight:700;color:var(--label3);white-space:nowrap}
:where(.ml-vista) .cd-late-l>.ic{width:14px;height:14px;flex:none}
:where(.ml-vista) .cd-late-l .db-seg{margin-left:auto}
:where(.ml-vista) .cd-late-l .db-seg button{min-height:26px;font-size:.75rem;padding:0 8px}
@media (max-width:480px){
:where(.ml-vista) .cd-so-pc2{display:none}
:where(.ml-vista) .cd-late-l .db-seg button{padding:0 6px}
}
:where(.ml-vista) .cd-bt.ok{color:var(--verde)}
:where(.ml-vista) #ml-cdL .cd-lctl{display:none!important}
:where(.ml-vista) #ml-cdL{height:calc(100dvh - 180px - env(safe-area-inset-bottom,0px))!important;min-height:420px}
@media (max-width:640px){
:where(.ml-vista) #ml-cdL{flex:1 1 100%!important;width:100%!important;max-width:none!important}
}
@container (min-width:1100px){
:where(.ml-vista) #ml-cdL{flex:1 1 100%!important;width:100%!important;max-width:none!important}
:where(.ml-vista) #ml-cdL .db-s-body{display:grid;grid-template-columns:220px minmax(0,1fr) 320px;column-gap:24px;row-gap:10px;align-content:stretch}
:where(.ml-vista) #ml-cdL .db-s-body>*:not(.lj-cats):not(.lj-des){grid-column:2;min-width:0}
:where(.ml-vista) #ml-cdL .cd-lcats{display:none!important}
:where(.ml-vista) #ml-cdLL{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-content:start;min-height:0}
:where(.ml-vista) #ml-cdLL>.cd-lcat,:where(.ml-vista) #ml-cdLL>.cd-lvazio{grid-column:1/-1}
:where(.ml-vista) #ml-cdLL>.cd-lcat+.cd-li+.cd-li{border-top:0}
:where(.ml-vista) .lj-cats,:where(.ml-vista) .lj-des{grid-column:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column;gap:6px}
:where(.ml-vista) .lj-des{grid-column:3;gap:0}
:where(.ml-vista) .lj-cats .cd-sub,:where(.ml-vista) .lj-des .cd-sub{display:flex;align-items:center;gap:6px;padding:4px 2px 6px}
:where(.ml-vista) .lj-cat.cd-chip{width:100%;min-height:42px;justify-content:flex-start;gap:8px;padding:0 10px 0 14px;font-size:.875rem}
:where(.ml-vista) .lj-cat>span{flex:1 1 auto;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis}
:where(.ml-vista) .lj-cat .db-st{height:22px;font-size:.75rem;padding:0 7px}
:where(.ml-vista) .lj-cat .db-st .ic{width:12px;height:12px}
:where(.ml-vista) .lj-cat[aria-pressed="true"] .db-st.alerta{background:var(--surface)}
:where(.ml-vista) .lj-des-l{list-style:none;margin:0 0 14px;padding:0}
:where(.ml-vista) .lj-des-l .cd-li{gap:8px}
:where(.ml-vista) .lj-des-l .cd-li-i{cursor:default}
:where(.ml-vista) .lj-des-l .cd-bt{min-height:36px;padding:0 11px;font-size:.8125rem}
:where(.ml-vista) .lj-des-l .cd-bt .ic{width:14px;height:14px}
:where(.ml-vista) .lj-vazio{padding:10px 2px 14px;font-size:.8125rem;color:var(--label2)}
:where(.ml-vista) .lj-on-l{list-style:none;margin:0;padding:0}
:where(.ml-vista) .lj-on-l li{display:flex;align-items:center;gap:9px;min-height:40px;border-top:1px solid var(--sep);font-size:.875rem;font-weight:650}
:where(.ml-vista) .lj-on-l li:first-child{border-top:0}
:where(.ml-vista) .lj-on-l li>span:not(.db-cb):not(.db-st){flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(.ml-vista) .lj-on-l .db-st{height:22px;font-size:.75rem}
}

/* Integração da peça na coluna existente do Hub. */
.ml-vista{width:calc(100vw - 32px);max-width:768px;margin:16px auto 140px;height:auto;overflow:visible;background:none;container-type:inline-size}
@media(min-width:1180px){.ml-vista{width:calc(100vw - 80px);max-width:1360px}}
:where(.ml-vista) #ml-cdL{width:100%;height:calc(100dvh - 180px - env(safe-area-inset-bottom,0px));min-height:420px;contain:layout paint style}
:where(.ml-vista) .db-s-body{gap:8px;margin-top:10px}
:where(.ml-vista) .ml-categorias{display:none}
:where(.ml-vista) .ml-desligados{display:none}
:where(.ml-vista) .cd-sw2::before{content:"";position:absolute;left:0;right:0;top:-6.5px;height:44px}
:where(.ml-vista) .cd-sw2[aria-busy=true]{opacity:.55}
:where(.ml-vista) .cd-li-t b{overflow-wrap:normal;word-break:normal}
:where(.ml-vista) .ml-falha{display:flex;flex-wrap:wrap;gap:8px;font-size:.8125rem;padding:10px 12px;border-radius:15px;background:var(--d-t-ambar)}
:where(.ml-vista) .ml-falha>span{flex:1 1 100%}
:where(.ml-vista) .ml-leitura{padding:28px 12px;grid-column:1/-1;font-size:.8125rem;color:var(--label2)}
:where(.ml-vista) .ml-leitura button{min-height:44px}
:where(.ml-vista) .ml-sem-dado{color:var(--label3)}
@container(min-width:1100px){
 :where(.ml-vista) .ml-categorias,:where(.ml-vista) .ml-desligados{display:flex}
 :where(.ml-vista) .cd-lcats{display:none}
 :where(.ml-vista) .db-s-body{display:grid;grid-template-columns:220px minmax(0,1fr) 320px;column-gap:24px;row-gap:10px;grid-template-rows:auto auto minmax(0,1fr)}
 :where(.ml-vista) .db-s-body>*:not(.lj-cats):not(.lj-des){grid-column:2;min-width:0}
 :where(.ml-vista) .lj-cats,:where(.ml-vista) .lj-des{grid-row:1/4}
 :where(.ml-vista) .lj-des{grid-column:3}
}

:where(.ml-vista) .db-vivo[data-sem-dado=true]{color:var(--label3)}
:where(.ml-vista) .db-vivo[data-sem-dado=true] i{background:var(--label3)}
:where(.ml-vista) .db-vivo[data-sem-dado=true] i::after{animation:none}
/* O aperto mantém a forma literal (31x27), sem mudar largura e forçar layout no gesto. */
:where(.ml-vista) .cd-sw2:active::after{width:27px;transform-origin:left center;transform:scaleX(1.1481481481)}
:where(.ml-vista) .cd-sw2.on:active::after{transform:translateX(16px) scaleX(1.1481481481)}

/* /perfis-1740.css */
/* 1.74.0 (Philippe, 03/10/2026): O CARTÃO "PREVISÃO DE PEDIDOS" DO DASHBOARD DO GERENTE (web/perfis.js, HubPerfis).
   "A única coisa que o gerente precisa saber é sobre cuidar de pessoas e cuidar da operação: [...] a quantidade de
   pedidos, a previsibilidade de pedidos para um dia específico." O cartão é o primeiro do Dashboard do gerente: os dias
   (hoje e os próximos 6) numa fileira de botões, os pedidos previstos da rede e de cada loja, e as pessoas que a conta
   pede contra as da escala. O cartão é conteúdo (usa o .dcard e os .kpi de sempre); aqui só mora o que é dele.
   Medidas de texto em rem com --dt (tests/relative-typography); alvo de toque de 44 px; claro e escuro; "reduzir
   movimento" respeitado. Nada de vidro novo: o vidro é da camada de navegação, e isto é conteúdo.
   A largura que manda é a do CARTÃO, não a da tela (.pf-corpo é o contêiner): no computador o cartão pode estar numa
   coluna estreita do carrossel, e no celular ocupa a tela inteira. */
.pf-prev .pf-corpo{container-type:inline-size}
.pf-prev .pf-dias{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.375rem;margin:0 0 .75rem}
.pf-prev .pf-dia{-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-width:0;min-height:2.75rem;padding:.375rem .25rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.75rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));color:var(--label2,#6B5A4C);font:inherit;font-size:max(.6875rem, calc(.75rem * var(--dt,1)));font-weight:600;line-height:1.15;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.2,.9,.3,1),background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.pf-prev .pf-dia span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-prev .pf-dia b{font-size:calc(1rem * var(--dt,1));font-weight:800;letter-spacing:-.01em;color:var(--label,#323200);font-variant-numeric:tabular-nums}
/* a resposta vem no toque (pointerdown), não na soltura */
.pf-prev .pf-dia:active{transform:scale(.96)}
.pf-prev .pf-dia.on{background:var(--surface,#FFFFFF);border-color:var(--acao,#1F5FD0);box-shadow:0 0 0 1px var(--acao,#1F5FD0),0 1px 3px color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 14%,transparent);color:var(--label,#323200)}
.pf-prev .pf-dia:focus-visible{outline:var(--foco-largura,3px) solid var(--acao,#1F5FD0);outline-offset:2px}
.pf-prev .pf-kpis{margin-bottom:.75rem}
.pf-prev .pf-kpis .kv{font-variant-numeric:tabular-nums}
.pf-prev .pf-sub{margin:.25rem 0 .375rem;font-size:max(.6875rem, calc(.75rem * var(--dt,1)));font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--label2,#6B5A4C)}
.pf-prev .pf-pessoas{list-style:none;margin:0 0 .625rem;padding:0;display:grid;gap:.375rem}
.pf-prev .pf-pessoas li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.75rem;row-gap:.125rem;align-items:center;padding:.5rem .75rem;border:1px solid var(--sep,color-mix(in srgb,var(--label,#323200) 13%,transparent));border-radius:.75rem}
.pf-prev .pf-onde{grid-column:1;font-size:calc(.875rem * var(--dt,1));font-weight:700;color:var(--label,#323200);overflow-wrap:anywhere}
.pf-prev .pf-conta{grid-column:1;font-size:calc(.8125rem * var(--dt,1));line-height:1.35;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}
.pf-prev .pf-selo{grid-column:2;grid-row:1 / span 2;align-self:center;padding:.25rem .625rem;border-radius:999px;font-size:max(.6875rem, calc(.75rem * var(--dt,1)));font-weight:700;white-space:nowrap}
.pf-prev .pf-selo.ok{background:color-mix(in srgb,var(--verde,#11994A) 14%,transparent);color:var(--d-verdeagua-t,#006F5D)}
.pf-prev .pf-selo.falta{background:color-mix(in srgb,var(--d-ambar,#C27A00) 16%,transparent);color:color-mix(in srgb,var(--d-ambar,#C27A00) 50%,var(--label,#323200))}
body.dark .pf-prev .pf-selo.ok{background:color-mix(in srgb,var(--verde,#11994A) 20%,transparent);color:var(--d-verdeagua-t,#006F5D)}
body.dark .pf-prev .pf-selo.falta{background:color-mix(in srgb,var(--d-ambar,#C27A00) 22%,transparent);color:color-mix(in srgb,var(--d-ambar,#C27A00) 50%,var(--label,#323200))}
.pf-prev .pf-nota{margin:.25rem 0 .75rem;font-size:calc(.875rem * var(--dt,1));line-height:1.4;color:var(--label2,#6B5A4C)}
.pf-prev .pf-de-novo{min-height:2.75rem}
/* o esqueleto tem a altura aproximada do cartão cheio, para a tela não pular quando a previsão chega */
.pf-prev .pf-esq{display:grid;gap:.5rem}
.pf-prev .pf-esq i{display:block;height:2.75rem;border-radius:.75rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));animation:pf-pulso 1.4s ease-in-out infinite}
.pf-prev .pf-esq i:nth-of-type(2){height:5rem}
.pf-prev .pf-esq i:nth-of-type(3){height:3.5rem}
@keyframes pf-pulso{0%,100%{opacity:1}50%{opacity:.55}}
/* cartão estreito (celular ou coluna estreita): os sete dias em duas fileiras (4 e 3), cada botão com 44 px de altura e
   largura de sobra para o dedo; os números em duas colunas; o selo embaixo da frase */
@container (max-width:27rem){
  .pf-prev .pf-corpo .pf-dias{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pf-prev .pf-corpo .pf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-prev .pf-corpo .pf-pessoas li{grid-template-columns:minmax(0,1fr)}
  .pf-prev .pf-corpo .pf-selo{grid-column:1;grid-row:auto;justify-self:start;margin-top:.25rem}
}
@media (prefers-reduced-motion:reduce){
  .pf-prev .pf-dia{transition:none}
  .pf-prev .pf-dia:active{transform:none}
  .pf-prev .pf-esq i{animation:none}
}

/* /cerebro-conteudo-1740.css */
/* 1.74.0 (Philippe, 04/10/2026): CONTEÚDO PRIMEIRO NAS TELAS CÉREBRO, NEGOCIAÇÕES E EQUIPE.
   Parte B de docs/ESPECIFICACAO-CONTEUDO-PRIMEIRO-2026-10-04.md: "Você vai eliminar qualquer filtro ou menu superior (os
   que ficam acima dos cards do carrossel). Todos os filtros e menus vão se concentrar na barra de menu inferior, em todas
   as telas. Os cards no carrossel são KING! [...] não pode existir rolar para baixo dentro dos cards do carrossel."
   As três telas usam as peças do sistema (web/hub-tela.js: a barra de baixo e os botões do topo; web/hub-carrossel.js: o
   cartão que não rola e expande). Aqui fica só o que é de cada tela: o desenho do cartão pequeno (o que cabe), o que
   sai de cima dos cartões e o campo de pergunta do Cérebro dentro da cápsula da barra.
   Medidas de texto em rem com --dt (nada em px); alvos de 44 px no toque; claro e escuro pelas variáveis do Hub; vidro
   só na camada funcional (a barra); sem rolagem lateral em 320 px. */

/* ================================================================== 1. A TELA CÉREBRO (web/cerebro.js, .cu.cu-pagina) */
/* nada entre a fileira do topo e os cartões (B1): o cabeçalho fica só para o leitor de tela (o título é .sr-only) */
#view-cer .cu.cu-pagina{max-width:none;margin:0;padding:0}
.cu-pagina .cu-cab{gap:0;min-height:0;padding:0;background:none;box-shadow:none}
.cu-pagina .cu-cab>:not(.cu-titulo-linha),.cu-pagina .cu-titulo-linha>:not(.cu-titulos),.cu-pagina .cu-contexto{display:none}
.cu-pagina .cu-titulo-linha{min-height:0;height:0;padding:0}
/* V8: o painel de opções é contextual e fica fechado. O compositor original continua visível no pé;
   sem compositor (o modo histórico que o hospeda na barra), o pé antigo permanece oculto. */
.cu-pagina .cu-pe:not(:has(>.cu-compor)){display:none}
.cu-pagina:not(.cu-jeito-suporte[data-secao="conversa"]) .cu-pe:has(>.cu-compor){display:flex;position:fixed;left:50%;right:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:min(60rem,calc(100% - 2rem));max-width:none;margin:0;transform:translateX(-50%);padding:.5rem;box-sizing:border-box}
.cu-pagina .cu-pe:has(>.cu-compor)>.cu-sug{display:none}
html.app-nativo .cu-pagina:not(.cu-jeito-suporte[data-secao="conversa"]) .cu-pe:has(>.cu-compor){bottom:calc(var(--rodape-app,0px) + 8px)}
/* App com acionador HTML: pergunta e opções são controles irmãos em fluxo, sem um segundo pé. */
html.app-nativo .cu-pagina>.cu-contexto-linha{position:relative;z-index:1;display:flex;align-items:center;gap:.25rem;min-width:0;margin:.25rem .75rem .5rem}
html.app-nativo .cu-pagina>.cu-contexto-linha>.cu-compor{flex:1 1 auto;min-width:0;padding:0;border-radius:999px;background:var(--cu-cartao,var(--surface,#FFFFFF));-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0 0 .5px var(--cu-sep);-webkit-user-select:text;user-select:text;touch-action:manipulation}
html.app-nativo .cu-pagina>.cu-contexto-linha>.cu-compor:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--acao,#1F5FD0) 45%,transparent)}
html.app-nativo .cu-pagina>.cu-contexto-linha>.ht-contexto-nativo{flex:0 0 auto;min-width:44px;min-height:44px;margin:0;padding:0 .25rem;gap:.25rem}
html.app-nativo .cu-pagina>.cu-contexto-linha>.ht-contexto-nativo>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html.app-nativo .cu-pagina>.cu-contexto-linha>.ht-contexto-nativo>.ht-conta{margin-left:0}
html.app-nativo .cu-pagina>.cu-contexto-linha button:active,html.app-nativo .cu-pagina>.cu-contexto-linha button.pressed{transform:none!important}
html.app-nativo .cu-pagina>.cu-contexto-linha .ws-composer #aiinput{text-overflow:ellipsis}
/* 04/10/2026 (a dupla checagem): na página a margem é a das outras telas (16 px: os cartões começam a 32 px da borda no computador, não a 36) */
.cu.cu-pagina{--cu-margem:16px}
/* 04/10/2026 (quinta fase, ramo janelas): "Na folha, o mesmo desenho da tela Cérebro." O desenho do CARTÃO (daqui até a
   barra) vale para o Cérebro inteiro, na tela e na folha por cima das outras telas: por isso as regras começam em .cu
   (a raiz, nos dois lugares) e não mais em .cu-pagina. O que é só da tela (.cu-pagina) ou só da folha (.cu-folha-modo,
   seção 1b, mais abaixo) é o lugar: o topo, o corpo e a barra. */
/* 04/10/2026 (a dupla checagem): o título do cartão do carrossel tem o mesmo tamanho em toda tela (o título 3 da casa) */
.cu .cu-car>.cp-visao>h3,.cu .cu-car>.gr>figcaption>strong{font-size:var(--f-title3,calc(1.25rem * var(--dt,1)));line-height:var(--lh-title3,1.25);font-weight:700;letter-spacing:-.015em}
.cu-pagina .cu-corpo{overflow:visible;padding:0 var(--cu-margem) 0}
.cu .cu-sec,.cu .cu-sec-conteudo{gap:0}
/* a contenção prendia o cartão grande (position: fixed) dentro da seção: na página as medidas são as da janela */
.cu .cu-sec-conteudo{container-type:normal}
/* na folha das outras telas a barra da página não aparece (a folha tem a dela, .hj-barra); no modo suporte a conversa
   do suporte ocupa a seção inteira, em coluna, como sempre */
.cu-folha-modo>.bf:not(.hj-barra){display:none}
.cu-folha-modo.cu-jeito-suporte .cu-conv{display:contents}
.cu-conv>[hidden]{display:none}

/* ---------- o cartão de cada faixa */
.cu .cu-faixa>li.cu-pg,.cu .cu-conv>.hcar-item,.cu .cu-car>.cu-car-resumo,.cu .cu-car>.cu-car-conc{display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:.875rem 1rem;border-radius:var(--r-card,1rem);background:var(--cu-cartao,var(--surface,#FFFFFF));box-shadow:0 0 0 .5px var(--cu-sep);list-style:none}
.cu .cu-faixa>li.cu-pg .cu-marca,.cu .cu-vazio .cu-marca{flex:none;width:2.5rem;height:2.75rem}
.cu .cu-pg-aviso,.cu .cu-disp{align-items:flex-start}
.cu .cu-disp>.cu-bt{align-self:flex-start;margin-top:.25rem}
.cu .cu-pg-ifood>.cp-ifood{display:block}
.cu .cu-pg-ifood .cp-ifood-loja,.cu .cu-pg-critica>.hr-critica{padding:0;background:none;box-shadow:none;border-radius:0}
.cu .cu-car>.cu-car-conc>.cp-conc-rola{box-shadow:none;border-radius:0;background:none}
/* o Resumo: quatro cartões pequenos dentro do cartão (o número de cada assunto), dois por linha; no celular a frase de cada
   um aparece no cartão grande (web/cerebro.js marca a frase como detalhe) */
.cu .cu-car>.cu-car-resumo{flex-basis:var(--hcar-w,24rem)}
.cu .cu-car.hcar-cel>.cu-car-resumo{flex-basis:100%}
.cu .cu-car-resumo .cp-cards,.cu .cu-car.hcar-pc>.cu-car-resumo .cp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.cu .cu-car-resumo .cp-card{padding:.75rem;background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));box-shadow:none}
.cu .cu-car-resumo.hcar-grande .cp-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}
@media (max-width:760px){.cu .cu-car-resumo .cp-card>b{font-size:calc(1.375rem * var(--dt,1))}}
/* a tabela das pizzarias do raio rola para o lado só no cartão grande (no pequeno, nenhuma caixa rola: B6) */
.cu .cu-car-conc:not(.hcar-grande) .cp-conc-rola{overflow:hidden}

/* ---------- a recomendação: o cartão que cabe (título, texto em números, veredito da Sala e botões; depois os números por
   unidade e o plano, até onde couber: o que não cabe inteiro o corte da peça esconde). O plano inteiro, as relacionadas
   e a alternativa da Sala ficam no cartão grande (B6). */
.cu .cu-recs>li.hr-item{gap:.375rem;padding:.875rem 1rem}
.cu .cu-recs>li.hr-item:not(.hcar-grande) .hr-txt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.cu .cu-recs>li.hr-item:not(.hcar-grande)>.hr-rel,.cu .cu-recs>li.hr-item:not(.hcar-grande) .hr-sala-alt{display:none}
/* os botões vêm antes dos números e do plano: quando o cartão é baixo, o que o corte esconde é a tabela ou o plano, nunca a ação */
.cu .cu-recs>li.hr-item>.hr-botoes{order:1}
.cu .cu-recs>li.hr-item>.hr-ev{order:2}
.cu .cu-recs>li.hr-item>.hr-plano{order:3}
/* nenhum bloco do cartão encolhe para caber (o texto de 5 linhas sumia quando o resto não cabia): quem decide o que fica
   é o corte da peça, que esconde o bloco inteiro que passa do pé */
.cu .cu-recs>li.hr-item:not(.hcar-grande)>*{flex-shrink:0}
/* "Ver detalhe" é o próprio cartão: tocar nele (ou em "Ver tudo") abre o cartão grande */
.cu .cu-recs>li.hr-item>.hr-botoes>.hr-mais{display:none}
.cu .cu-recs.hcar-tela>li>.hr-botoes{position:static;margin:.125rem 0 0;padding:0;background:none;box-shadow:none;border-radius:0}
.cu .cu-recs>li.hr-item>.hr-botoes .hr-ciclo{flex-basis:100%;display:flex;flex-wrap:wrap}
/* a página do detalhe (ou da Sala, ou das dispensadas) mora dentro do cartão grande: o rosto do cartão sai de cena */
.cu .cu-pilha-on>:not(.cu-det-host):not(.hcar-grande-topo){display:none!important}
.cu .cu-det-host>.cu-pilha{display:block;overflow:visible;background:transparent}
.cu .cu-det-host>.cu-pilha[hidden]{display:none}
.cu .cu-pilha .cu-nav{position:static;padding:0 0 .5rem;background:transparent;box-shadow:none}
.cu .cu-pilha .cu-nav .cu-alca,.cu .cu-pilha.cu-pilha-rasa .cu-nav{display:none}
.cu .cu-pilha .cu-pilha-corpo{padding:0 0 1rem}
/* as ações do detalhe ficam presas no pé do cartão grande, sempre à vista (o respiro de baixo do cartão fica por trás delas) */
.cu .cu-pilha .hr-det-acoes{position:sticky;bottom:-.875rem;z-index:2;margin:0 -1rem -1.875rem;padding:.5rem 1rem calc(.875rem + env(safe-area-inset-bottom,0px));background:var(--vidro-solido,var(--surface,#FFFFFF));box-shadow:0 -.5px 0 var(--cu-sep)}
body.dark .cu .cu-pilha .hr-det-acoes{background:var(--vidro-solido,var(--surface2,#F7F3EE))}

/* ---------- a Conversa em cartões: boas-vindas com as sugestões, a última pergunta e resposta, e os cartões do ai-workspace */
.cu .cu-conv>.hcar-item{padding:1rem}
.cu .cu-vazio{padding:.5rem 0 0}
.cu-vazio-ola{font-weight:600;color:var(--label,#323200)!important}
.cu-vazio-sug{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem}
.cu-vazio-sug .cu-chip{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));box-shadow:none;white-space:normal;text-align:left;min-height:2.75rem;padding:.375rem 1rem}
.cu-fala-resumo,.cu-fala-log{display:flex;flex-direction:column;gap:.75rem;min-width:0}
.cu-fala-antes{margin:0;font-size:max(.6875rem, calc(.8125rem * var(--dt,1)));color:var(--label2,#6B5A4C);text-align:center}
.cu .cu-fala .cu-balao{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));box-shadow:none}

/* ---------- a Sala dos agentes: um teste por cartão; o título e o Atualizar saem de cima (o Atualizar é o botão do topo) */
/* sexta fase (revisão final G1): no escuro a regra da Sala (body.dark .hs-feed, web/cerebro-sala.css) ganhava desta e uma
   caixa quadrada e escura aparecia atrás do cartão redondo; a mesma regra vale nos dois temas */
.cu .hs-feed,body.dark .cu .hs-feed{padding:0;gap:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}
.cu .hs-feed>.hs-topo{display:none}
.cu .hs-feed-corpo>*{margin:0;min-width:0;padding:.875rem 1rem;border-radius:var(--r-card,1rem);background:var(--cu-cartao,var(--surface,#FFFFFF));box-shadow:0 0 0 .5px var(--cu-sep)}

/* ---------- a barra de baixo com o campo de pergunta dentro (a cápsula é uma só: campo, microfone, enviar e os itens) */
.cu-pagina>.bf.bf-tela{--bf-largura:60rem}
@media (min-width:761px){.cu-pagina>.bf.bf-tela{max-width:min(60rem,calc(100% - 2rem))}}
.cu-barra.bf-barra{justify-content:flex-start;align-items:center;gap:.25rem}
.cu-barra>.cu-compor{flex:1 1 auto;min-width:0;padding:0;border-radius:999px;background:var(--cu-cartao,var(--surface,#FFFFFF));-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0 0 .5px var(--cu-sep);-webkit-user-select:text;user-select:text;touch-action:manipulation}
.cu-barra>.cu-compor:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--acao,#1F5FD0) 45%,transparent)}
.cu-barra>.bf-item{flex:0 0 auto;min-width:3.5rem;max-width:7.5rem;padding-left:.5rem;padding-right:.5rem}
.cu-barra .ws-composer #aiinput{text-overflow:ellipsis}
@media (max-width:760px){
  /* no celular só um dos dois aparece, como no Mensagens do iPhone: o microfone com o campo vazio, o enviar quando há texto */
  :is(.cu-barra,.cu-pe,.cu-contexto-linha)>.cu-compor:not(.cu-tem-texto)>.cu-enviar,:is(.cu-barra,.cu-pe,.cu-contexto-linha)>.cu-compor.cu-tem-texto>.cu-mic:not(.ligado){display:none}
  .cu-barra>.bf-item{min-width:3.25rem;padding-left:.25rem;padding-right:.25rem}
}
@media (prefers-reduced-transparency:reduce){.cu-barra>.cu-compor{background:var(--surface,#FFFFFF)}}
@media (prefers-contrast:more){.cu-barra>.cu-compor{box-shadow:0 0 0 1px var(--label3,#9C8D80)}}
/* 04/10/2026 (a dupla checagem): a altura do cartão no computador e a posição dos pontos no toque saíram daqui e moram na peça (web/hub-carrossel.css): a mesma medida em toda tela */
/* no computador o cartão grande tem a altura do conteúdo, medida ao abrir; o detalhe e a Sala chegam DEPOIS (a Sala, ao
   vivo, fala por fala): quem hospeda uma página abre já na altura cheia e rola por dentro */
@media (min-width:761px){html:not(.app-nativo) .cu .hcar-grande:has(>.cu-det-host){height:calc(100dvh - 3rem)!important}}

/* ================================================================== 1b. A FOLHA DO CÉREBRO (por cima das outras telas, .cu.cu-folha-modo)
   1.74.0 (Philippe, 04/10/2026, quinta fase, ramo janelas; requisitos B1, B4, B6 e B7): "Na folha, o mesmo desenho da
   tela Cérebro." A folha é uma coluna que não rola: o título com o Fechar, a faixa de cartões na altura que sobra e a
   barra de baixo (web/hub-janela.js) por cima do pé. A altura do cartão vem desta coluna, sem conta em JS. */
.cu.cu-folha-modo{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
.cu-folha-modo .cu-cab{flex:none;gap:0;padding-bottom:.25rem}
.cu-folha-modo .cu-cab>:is(.cu-filtros,.cu-secoes){display:none}
.cu-folha-modo .cu-pe{display:none}
/* o id dá o peso: web/cerebro-unico.css tira o respiro de baixo do corpo quando há faixa (.cu:has(.cu-car.hcar-tela)), e aqui ele é o lugar da barra */
#cerebro-unico.cu-folha-modo .cu-corpo{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:.125rem var(--cu-margem) calc(var(--bf-barra,4rem) + var(--bf-rodape,0px) + 1.75rem)}
@media (min-width:761px){#cerebro-unico.cu-folha-modo .cu-corpo{padding-bottom:calc(var(--bf-barra,4rem) + 1.5rem)}}
.cu-folha-modo .cu-sec:not([hidden]),.cu-folha-modo .cu-sec-conteudo,.cu-folha-modo .hs-feed{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.cu-folha-modo .cu-sec .hcar.hcar-tela{flex:1 1 0;min-height:0}
.cu.cu-folha-modo .cu-sec .hcar.hcar-tela:not(.hcar-agrupa)>.hcar-item{height:auto;max-height:none;align-self:stretch}
.cu-folha-modo .cu-sec .hcar-pe{flex:none}
/* o que ainda não é faixa (carregando, erro) ocupa o lugar do cartão, sem empurrar nada */
.cu-folha-modo .cu-sec-conteudo>:is(.cu-carregando,.cu-erro,.cu-nota){flex:none}
/* a barra da folha: a mesma cápsula da tela, com o campo de pergunta dentro */
.cu-folha-modo>.bf.hj-barra{--bf-largura:60rem}
@media (min-width:761px){.cu-folha-modo>.bf.hj-barra{max-width:min(60rem,calc(100% - 2rem))}}
/* a página empilhada mora no cartão grande, que já tem o próprio Fechar: o "Fechar o Cérebro" da navegação dela sai */
.cu-folha-modo .cu-det-host .cu-nav .cu-x{display:none}
/* modo suporte: a conversa do suporte tem o campo dela; o da barra sai enquanto ela está à vista */
.cu-folha-modo.cu-jeito-suporte[data-secao="conversa"] .cu-barra>.cu-compor{display:none}
#cerebro-unico.cu-folha-modo.cu-jeito-suporte[data-secao="conversa"] .cu-corpo{padding-bottom:calc(var(--bf-barra,4rem) + var(--bf-rodape,0px) + 1rem)}

/* ================================================================== 2. NEGOCIAÇÕES E CANCELAMENTOS (web/negociacoes.js) */
/* nada entre a fileira do topo e os casos (B1): o título é só do leitor de tela, o resumo é o último cartão da faixa e
   os filtros moram na barra de baixo */
/* coluna flexível: as margens da faixa e dos pontos não se fundem (os pontos avançam 8 px sobre o respiro do cartão, B4) */
#neg-raiz.neg-tela{display:flex;flex-direction:column;padding:0 1rem}
#neg-raiz .neg-lista{list-style:none;align-items:stretch}
/* 04/10/2026 (a dupla checagem): o raio, o fundo e a sombra do cartão são da peça (a moldura única); os estados do caso (pendente, selecionado, crédito e débito) continuam aqui embaixo */
#neg-raiz .neg-lista.hcar>li{display:flex;flex-direction:column;min-width:0}
/* o caso: o botão cobre o cartão inteiro (tocar abre a ficha, o cartão grande dele); as ações de um toque ficam no pé */
#neg-raiz .neg-lista.hcar>.neg-card{overflow:hidden}
#neg-raiz .neg-card.pendente{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--d-ambar,#C27A00) 70%,transparent)}
#neg-raiz .neg-card.selecionado{box-shadow:inset 0 0 0 2px var(--acao,#1F5FD0)}
#neg-raiz .neg-card.tag-credito{box-shadow:inset 5px 0 0 var(--verde,#11994A),inset 0 0 0 .5px var(--sep,color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 13%,transparent))}
#neg-raiz .neg-card.tag-debito{box-shadow:inset 5px 0 0 var(--queda,#E21D3C),inset 0 0 0 .5px var(--sep,color-mix(in srgb,light-dark(var(--label,#323200),var(--page,#F7F5F1)) 13%,transparent))}
#neg-raiz .neg-card>.neg-card-botao{flex:1 1 auto;min-height:0;justify-content:flex-start;overflow:hidden}
/* os cartões que não são caso: o estado (lendo, erro, vazio), "Ver mais" e o resumo */
#neg-raiz .neg-lista.hcar>.neg-vazio{padding:1.25rem 1rem;gap:.375rem;justify-content:center;align-items:flex-start}
#neg-raiz .neg-lista.hcar>.neg-vazio p{margin:0}
#neg-raiz .neg-mais-casos>.neg-botao{margin-top:.5rem}
#neg-raiz .neg-lista.hcar>.neg-resumo-cartao{display:flex;gap:.5rem;padding:1rem;grid-template-columns:none}
.neg-resumo-titulo{margin:0 0 .25rem;font-size:calc(1.0625rem * var(--dt,1));font-weight:700;letter-spacing:-.01em;line-height:1.25}
#neg-raiz .neg-resumo-cartao .neg-tiles{margin:0;gap:.5rem}
#neg-raiz .neg-resumo-cartao .neg-tiles.contas{grid-template-columns:repeat(2,minmax(0,1fr))}
#neg-raiz .neg-resumo-cartao .neg-tile{background:var(--fill,color-mix(in srgb,var(--label,#323200) 8%,transparent));box-shadow:none}
#neg-raiz .neg-resumo-cartao .neg-tile.on{box-shadow:inset 0 0 0 2.5px var(--tile-cor)}
#neg-raiz .neg-resumo-cartao .neg-nota{margin:.25rem 0 0}
#neg-raiz .neg-resumo-cartao .neg-alerta{margin:0}
/* as folhas da barra: a busca e as datas no desenho da folha */
.bf .neg-busca input{background:color-mix(in srgb,var(--surface,#FFFFFF) 70%,transparent)}
body.dark .bf .neg-busca input{background:color-mix(in srgb,var(--surface,#FFFFFF) 8%,transparent)}
.bf .neg-datas{margin:0 0 1rem}
/* as situações são itens da barra: a escolhida fica acesa (a mesma cor do item com a folha aberta) */
#view-neg .bf .bf-item[aria-current="page"]{color:var(--bf-realce)}
#view-neg .bf .bf-item[aria-current="page"] .bf-rotulo{font-weight:700}
/* os nomes das situações têm tamanhos bem diferentes ("Todos" e "Respondidas"): cada item ocupa o que o nome pede, sem
   cortar a palavra no celular; o alvo de toque nunca fica menor que 44 px */
#view-neg .bf .bf-barra>.bf-item{flex:1 1 auto;min-width:2.75rem;padding-left:.125rem;padding-right:.125rem}

/* ================================================================== 3. EQUIPE (web/equipe.js) */
/* nada entre a fileira do topo e os cartões (B1): o título é do leitor de tela; abas, loja, semana e o campo do Cérebro
   moram na barra de baixo. A tela usa a largura toda (os cartões são a tela). */
#view-equ .eq{max-width:none;margin:0;padding:0 1rem;gap:0}
#view-equ .eq-conteudo{gap:0}
#view-equ .eq-fx>.eq-cartao{display:flex;flex-direction:column;gap:.5rem;margin:0;min-width:0}
#view-equ .eq-fx>.eq-cartao>*{flex:none;min-width:0}
#view-equ .eq-cartao-aviso{justify-content:center}
.eq-conta{font-size:calc(.8125rem * var(--dt,1));font-weight:600;color:var(--label2,#6B5A4C)}
.eq-cartao-cab>.eq-btn{flex:none}
.eq-chave-linha{min-height:2.75rem}
/* a escala: no computador a semana é um cartão só (as pessoas ao lado da grade, sem caixa que rola por dentro) */
#view-equ .eq-semana-c{gap:.625rem}
#view-equ .eq-semana-c .eq-escala-larga{align-items:stretch}
#view-equ .eq-semana-c .eq-painel{position:static;max-height:none;overflow:visible;padding:0 .25rem 0 0;border:0;border-radius:0;background:none}
#view-equ .eq-semana-c:not(.hcar-grande) .eq-celula{min-height:5.5rem}
#view-equ .eq-semana-c .eq-avisos{margin:0}
/* no celular, um dia por cartão: os turnos e quem está de folga; o botão de pôr gente fica ao lado do nome do turno */
#view-equ .eq-fx>.eq-dia{padding-top:.75rem;gap:0}
#view-equ .eq-dia.hoje{border-color:color-mix(in srgb,var(--acao,#1F5FD0) 55%,transparent)}
#view-equ .eq-dia .eq-faixa{padding:.5rem 0 .625rem}
#view-equ .eq-dia .eq-faixa h3{align-items:center;margin-bottom:.375rem}
#view-equ .eq-dia .eq-faixa h3>.eq-faixa-add{margin-left:auto;width:auto;min-height:2.75rem;flex:none}
#view-equ .eq-dia .eq-faixa-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.375rem}
#view-equ .eq-dia .eq-faixa-vazia{margin:0}
/* as folhas da barra da Equipe */
.eq-bf-semana .bf-opcao,.bf .bf-opcao:has(>.eq-ic){display:inline-flex;align-items:center;gap:.375rem}
/* as abas são itens da barra: a aba em que a pessoa está fica acesa (a mesma cor do item com a folha aberta) */
#view-equ .bf .bf-item[aria-current="page"]{color:var(--bf-realce)}
#view-equ .bf .bf-item[aria-current="page"] .bf-rotulo{font-weight:700}
.bf .bf-opcao .eq-ic{width:1.125rem;height:1.125rem;flex:none}
.bf .eq-avisos{margin:0}
.bf .eq-busca{display:block;margin:0 0 .75rem}
.bf .eq-busca input{width:100%;min-height:2.75rem;box-sizing:border-box}
.bf .eq-cerebro{gap:.625rem}
.bf .eq-cerebro .eq-exemplos{display:flex;flex-wrap:wrap;gap:.5rem}
/* o aviso com Desfazer sobe acima da barra de baixo (não cobre os itens dela) */
#eq-desfazer.sobre-barra{bottom:calc(var(--bf-barra,4rem) + var(--bf-rodape,0px) + 1.5rem)}
html.app-nativo #eq-desfazer.sobre-barra{bottom:calc(var(--bf-barra,4rem) + var(--bf-rodape,0px) + 1.5rem)}