/* Madu V7.96 — camada de interface (carrega por último). Só aparência. */
:root{--m6-green:#2f6044;--m6-green-2:#356c4d;--m6-ink:#1b2b21;--m6-muted:#66776c;--m6-line:#e2e8e2;--m6-soft:#f2f6f2;--m6-ease:cubic-bezier(.2,.8,.2,1);--m6-spring:cubic-bezier(.2,.9,.25,1.15)}

/* ═══ Texto: duas linhas sem cortar palavras ════════════════════════════════════════ */
html:root body :is(button,.nf-btn,[role="tab"],summary){text-wrap:balance}
html:root body :is(button,.nf-btn,[role="tab"]):not(:has(small,p,h3,h4,.madu-kitchen-symbol)){line-height:1.2}

/* ═══ Tela fixa: nada de zoom por pinça ou toque duplo (fotos ampliadas são exceção) ═ */
html{touch-action:pan-x pan-y}
.madu-v796-zoom-img{touch-action:none!important;transform-origin:center center;transition:transform .12s ease-out;will-change:transform;cursor:zoom-in;user-select:none;-webkit-user-drag:none}
.madu-v796-zoom-img.is-zoomed{cursor:grab}
#maduOrderPhotoModal{overflow:hidden}

.madu-v796-viewer{position:fixed;inset:0;z-index:2000;background:#0d1611f2;display:grid;place-items:center;padding:56px 12px 40px;overflow:hidden;animation:m6Fade .2s ease-out}
.madu-v796-viewer[hidden]{display:none!important}
.madu-v796-viewer img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}
.madu-v796-viewer p{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 14px);margin:0;text-align:center;color:#ffffffa8;font-size:12px}
.madu-v796-viewer-close{position:absolute;top:calc(env(safe-area-inset-top) + 12px);right:12px;width:44px;height:44px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;font-size:18px;display:grid;place-items:center}
body.madu-v796-viewer-open{overflow:hidden}
@keyframes m6Fade{from{opacity:0}to{opacity:1}}

/* ═══ Início: escolher lista ou cards ═══════════════════════════════════════════════ */
.madu-v796-viewbar{display:none}
@media (max-width:767px), screen and (orientation:landscape) and (pointer:coarse) and (max-height:600px){
 html:root body .madu-v796-viewbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 2px 10px}
 .madu-v796-viewbar-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--m6-muted)}
 .madu-v796-seg{display:inline-flex;padding:3px;border-radius:12px;background:#e9efe9;border:1px solid #dde6de;gap:2px}
 html:root body .madu-v796-seg button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--m6-muted);font-size:13px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s}
 html:root body .madu-v796-seg button[aria-pressed="true"]{background:#fff;color:var(--m6-green);box-shadow:0 1px 2px #1b2b2114,0 2px 8px #1b2b210f}
 .madu-v796-seg button i{font-size:12px}

 /* Lista: contadores no meio da linha (antes ficavam alinhados ao topo). */
 html:root body:not(.madu-home-cards) #tab-dashboard #maduMobileHome .madu-kitchen-action.madu-kitchen-action :is(.madu-v742-mini-badge,.madu-order-badges,.madu-v750-badge-row,.madu-count,.madu-expiry-card-counts):not([hidden]):not(.hidden){align-self:center!important;margin-top:0!important;margin-bottom:0!important;top:auto!important;transform:none!important;display:inline-flex!important;align-items:center!important}
 html:root body:not(.madu-home-cards) #tab-dashboard #maduMobileHome .madu-kitchen-action.madu-kitchen-action :is(.madu-v742-mini-badge:not(.madu-v750-stage-badges),.madu-count):not([hidden]):not(.hidden){justify-content:center!important;min-width:26px!important;height:24px!important;padding:0 8px!important;line-height:1!important;font-size:12px!important}
 html:root body:not(.madu-home-cards) #tab-dashboard #maduMobileHome .madu-kitchen-action.madu-kitchen-action :is(.madu-v750-stage-badges,.madu-order-badges,.madu-v750-badge-row,.madu-expiry-card-counts) > *{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:24px!important;min-width:24px!important;line-height:1!important;padding-top:0!important;padding-bottom:0!important;vertical-align:middle;margin-top:0!important;margin-bottom:0!important}
 html:root body:not(.madu-home-cards) #tab-dashboard #maduMobileHome .madu-kitchen-action.madu-kitchen-action .madu-kitchen-arrow{align-self:center!important}

 /* Cards: o visual anterior, com cartões um pouco mais baixos e contadores no canto. */
 html:root body.madu-home-cards #tab-dashboard #maduMobileHome .madu-kitchen-actions .madu-kitchen-action.madu-kitchen-action{min-height:150px;height:auto!important;aspect-ratio:auto!important}
 html:root body.madu-home-cards #tab-dashboard #maduMobileHome .madu-kitchen-action.madu-kitchen-action strong{white-space:normal!important;text-wrap:balance}
}

/* ═══ Seta de "mais botões" nas faixas que rolam para o lado ═══════════════════════ */
.madu-v796-more{position:absolute;width:46px;pointer-events:none;z-index:3;opacity:0;transition:opacity .2s var(--m6-ease)}
.madu-v796-more.is-on{opacity:1}
.madu-v796-more-blur{position:absolute;inset:0;border-radius:0 14px 14px 0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
 background:linear-gradient(90deg,#f6f8f500 0%,#f6f8f5cc 60%,#f6f8f5f0 100%);
 -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 55%);mask-image:linear-gradient(90deg,transparent 0,#000 55%)}
.madu-v796-more-arrow{position:absolute;top:-7px;right:-4px;width:24px;height:24px;border-radius:50%;border:1px solid #d7e2d9;background:#fff;color:var(--m6-green);font-size:10px;display:grid;place-items:center;padding:0;box-shadow:0 3px 10px #1b2b2124;pointer-events:auto;min-height:0!important}
.madu-v796-more.is-on .madu-v796-more-arrow{animation:m6Nudge 2.4s var(--m6-ease) .4s 2}
@keyframes m6Nudge{0%,70%,100%{transform:none}80%{transform:translateX(3px)}90%{transform:translateX(-1px)}}
@media (prefers-reduced-motion:reduce){.madu-v796-more.is-on .madu-v796-more-arrow{animation:none}}

/* ═══ Botão flutuante ════════════════════════════════════════════════════════════════ */
.madu-v796-fab{display:none}
@media (max-width:767px), screen and (orientation:landscape) and (pointer:coarse) and (max-height:600px){
 html:root body .madu-v796-fab:not([hidden]){display:inline-flex;align-items:center;justify-content:center;gap:10px;position:fixed;right:16px;bottom:calc(env(safe-area-inset-bottom) + 108px);z-index:60;min-height:56px;height:56px;padding:0 22px;border:0;border-radius:18px;background:linear-gradient(180deg,#356c4d,#2a573d);color:#fff;font-weight:800;font-size:15px;white-space:nowrap;box-shadow:0 14px 30px #1d3a2a4d,inset 0 1px 0 #ffffff2e;transition:width .2s var(--m6-ease),padding .2s var(--m6-ease),transform .15s}
 html:root body .madu-v796-fab:active{transform:scale(.95)}
 html:root body .madu-v796-fab i{font-size:16px;margin:0}
 html:root body .madu-v796-fab.is-compact{padding:0;width:56px}
 html:root body .madu-v796-fab.is-compact span{display:none}
 html:root body .madu-v796-fab.is-compact i{font-size:20px}
 body.mobile-menu-open .madu-v796-fab,body.auth-locked .madu-v796-fab,body.madu-v796-viewer-open .madu-v796-fab,body.madu-series-sheet-open .madu-v796-fab{display:none!important}
 /* O botão original sai do celular enquanto o flutuante estiver ativo. */
 html:root body.madu-v796-fab-on :is(button,.nf-btn,a).madu-v796-fab-source{display:none!important}
 html:root body details.madu-v796-fab-source:not([open]){display:none!important}
 /* Espaço para o último item da lista não ficar sob o botão. */
 html:root body.madu-v796-fab-on main > section[id^="tab-"]:not(.hidden){padding-bottom:84px}
 /* "Mais opções" e outros cabeçalhos que ficaram sem a ação principal não deixam buraco. */
 html:root body.madu-v796-fab-on #maduChecklistAdminTools:not(:has(> :not(.madu-v796-fab-source))){display:none!important}
}
@media (prefers-reduced-motion:reduce){.madu-v796-fab{transition:none}}

/* ═══ Abas internas que antes cortavam o nome (ex.: Necessidades da praça) ═════════ */
@media (max-width:767px), screen and (orientation:landscape) and (pointer:coarse) and (max-height:600px){
 html:root body :is(.madu-v742-tabs,.madu-v759-tabs,.sp-v735-tabs) > button{white-space:normal!important;height:auto!important;min-height:44px!important;line-height:1.15!important;padding:6px 8px!important;text-align:center;overflow:visible!important;text-overflow:clip!important;flex:1 1 0!important;min-width:0!important}
 html:root body :is(.madu-v742-tabs,.madu-v759-tabs,.sp-v735-tabs){align-items:stretch!important;overflow:visible!important}
 html:root body #tab-needs :is([role="tablist"],.madu-v742-tabs) button{font-size:13px!important}
}

/* ═══ Indicadores: o nome usa duas linhas em vez de "…" ═════════════════════════════ */
@media (max-width:767px), screen and (orientation:landscape) and (pointer:coarse) and (max-height:600px){
 html:root body :is(#tab-stages,#tab-needs,#tab-counting,#tab-productivity,#tab-finished) :is(article,button,.nf-panel,[class*="stat"],[class*="kpi"],[class*="metric"]) > small:first-child,
 html:root body :is(#tab-stages,#tab-needs,#tab-productivity) [class*="stat"] :is(small,span):not(:has(*)),
 html:root body .madu-mobile-metrics button > :is(span,small){white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-wrap:balance;line-height:1.2}
}

/* Aviso "Dados sincronizados" vai para a esquerda enquanto há botão flutuante à direita. */
@media (max-width:767px), screen and (orientation:landscape) and (pointer:coarse) and (max-height:600px){
 html:root body:is(.madu-v796-fab-on,.madu-v794-fab-on) #maduCloudBadge{right:auto!important;left:16px!important;max-width:calc(100vw - 32px - 190px)}
}

/* ═══ Folha inferior (confirmação de impressão e outras) ═════════════════════════════ */
.madu-v796-sheet{position:fixed;inset:0;z-index:1500;background:#0f1c1466;display:flex;align-items:flex-end;justify-content:center;padding:0}
.madu-v796-sheet-card{width:min(100%,520px);max-height:88dvh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;padding:10px 18px calc(env(safe-area-inset-bottom) + 18px);box-shadow:0 -12px 40px #0f1c1433}
@media (min-width:768px){.madu-v796-sheet{align-items:center}.madu-v796-sheet-card{border-radius:22px;padding-bottom:20px}}
.madu-v796-sheet-grip{display:block;width:40px;height:5px;border-radius:5px;background:#d9e1da;margin:0 auto 12px}
body.madu-v796-sheet-open{overflow:hidden}
.madu-v796-print-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.madu-v796-print-head h3{margin:0;font-size:18px;font-weight:800;color:var(--m6-ink)}
.madu-v796-print-head p{margin:2px 0 0;font-size:13px;color:var(--m6-muted)}
.madu-v796-print-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#e6f0e8;color:var(--m6-green);font-size:18px;flex:0 0 44px}
.madu-v796-print-copies{display:flex;align-items:baseline;gap:8px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#2f6044,#3d7a56);color:#fff;margin-bottom:10px}
.madu-v796-print-copies strong{font-size:30px;line-height:1;font-weight:800}
.madu-v796-print-copies span{font-size:14px;font-weight:700;opacity:.9}
.madu-v796-print-list{margin:0;display:grid;gap:0;border:1px solid var(--m6-line);border-radius:16px;overflow:hidden}
.madu-v796-print-list > div{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 14px;border-top:1px solid var(--m6-line)}
.madu-v796-print-list > div:first-child{border-top:0}
.madu-v796-print-list dt{display:flex;align-items:center;gap:8px;color:var(--m6-muted);font-size:13px;flex:0 0 auto;max-width:48%}
.madu-v796-print-list dt i{width:16px;text-align:center;color:#7a9a85}
.madu-v796-print-list dd{margin:0;text-align:right;font-weight:800;font-size:14px;color:var(--m6-ink);min-width:0}
.madu-v796-print-note{margin:10px 0 0;font-size:12.5px;color:#7a5a1d;background:#fff6e2;border-radius:12px;padding:8px 12px}
.madu-v796-sheet-actions{display:flex;gap:10px;margin-top:14px}
.madu-v796-sheet-actions button{flex:1 1 0;min-height:50px;border-radius:14px;border:1px solid var(--m6-line);background:#fff;color:var(--m6-ink);font-weight:800;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px}
.madu-v796-sheet-actions button.is-primary{background:linear-gradient(180deg,#356c4d,#2a573d);border-color:#2a573d;color:#fff;flex-grow:1.4}

/* Conservação obrigatória: destaque quando falta escolher. */
#maduV748LabelMethodWrap.is-missing select{border-color:#d9534f!important;box-shadow:0 0 0 3px #d9534f26!important}
#maduV748LabelMethodWrap.is-missing::after{content:"Escolha a conservação para continuar";display:block;margin-top:6px;font-size:12.5px;font-weight:700;color:#b33a35}

/* ═══ Produtos etiquetados: sugestões da busca ═══════════════════════════════════════ */
.madu-v796-suggest{margin:-4px 0 10px;border:1px solid var(--m6-line);border-radius:14px;background:#fff;box-shadow:0 10px 26px #1b2b2118;overflow:hidden}
.madu-v796-suggest[hidden]{display:none}
.madu-v796-suggest button{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:8px 14px;border:0;border-top:1px solid var(--m6-line);background:#fff;text-align:left;font-size:14px;font-weight:700;color:var(--m6-ink)}
.madu-v796-suggest button:first-child{border-top:0}
.madu-v796-suggest button i{color:#7a9a85;flex:0 0 auto}
.madu-v796-suggest button span{flex:1 1 auto;min-width:0}
.madu-v796-suggest button small{flex:0 0 auto;font-size:12px;color:var(--m6-green);font-weight:800}
.madu-v796-suggest button:active{background:var(--m6-soft)}
#maduFinishedGroups > .madu-v796-weak{display:none!important}
.madu-v796-flash{animation:m6Flash 1.3s ease-out}
@keyframes m6Flash{0%{box-shadow:0 0 0 0 #3f9f6a00}20%{box-shadow:0 0 0 4px #3f9f6a66}100%{box-shadow:0 0 0 0 #3f9f6a00}}

/* ═══ Mostradores recolhíveis (Compras e despesas) ════════════════════════════════════ */
.madu-v796-fold-head{position:relative;cursor:pointer;padding-right:44px!important;user-select:none}
.madu-v796-fold-btn{position:absolute;top:50%;right:0;transform:translateY(-50%);width:34px;height:34px;min-height:0!important;border-radius:10px;border:1px solid var(--m6-line);background:#fff;color:var(--m6-green);display:grid;place-items:center;padding:0;font-size:12px}
.madu-v796-fold-btn i{transition:transform .22s var(--m6-ease)}
.madu-v796-fold.is-folded .madu-v796-fold-btn i{transform:rotate(-90deg)}
.madu-v796-fold.is-folded > :not(.madu-v796-fold-head){display:none!important}
.madu-v796-fold.is-folded{padding-bottom:14px!important}
.madu-v796-fold.is-folded .madu-v796-fold-head{margin-bottom:0!important}
.madu-v796-fold > :not(.madu-v796-fold-head){animation:m6Fade .22s ease-out}
.madu-v796-stats-card #spStats{margin-top:10px}
.madu-v796-csv-btn{background:#fff!important;color:#2f6044!important;border:1px solid #cfdcd2!important}

/* ═══ Contagem de estoque ═══════════════════════════════════════════════════════════ */
.madu-v796-count-bar{position:sticky;top:calc(env(safe-area-inset-top) + 64px);z-index:5;background:#fffffff2;border:1px solid var(--m6-line);border-radius:16px;padding:10px 12px;box-shadow:0 6px 18px #1b2b2112;margin-bottom:10px}
@media (min-width:768px){.madu-v796-count-bar{top:70px}}
.madu-v796-count-bar[hidden]{display:none}
.madu-v796-count-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;font-weight:800;color:var(--m6-ink)}
.madu-v796-count-left{color:#a2620f;font-size:12.5px}
.madu-v796-count-bar.is-done .madu-v796-count-left{color:var(--m6-green)}
.madu-v796-count-track{height:8px;border-radius:8px;background:#e7eee8;overflow:hidden;margin:8px 0 10px}
.madu-v796-count-fill{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#3f8a5f,#2f6044);transition:width .45s var(--m6-ease);position:relative;overflow:hidden}
.madu-v796-count-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff55,transparent);transform:translateX(-100%);animation:m6Shine 2.2s ease-in-out infinite}
@keyframes m6Shine{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.madu-v796-count-fill::after{animation:none}.madu-v796-count-fill{transition:none}}
.madu-v796-count-filters{display:flex;gap:6px}
.madu-v796-count-filters button{flex:1 1 0;min-height:34px;border-radius:10px;border:1px solid var(--m6-line);background:#fff;font-size:12.5px;font-weight:700;color:var(--m6-muted)}
.madu-v796-count-filters button[aria-pressed="true"]{background:var(--m6-green);border-color:var(--m6-green);color:#fff}
#countRows tr.madu-v796-count-off{display:none!important}
.madu-v796-count-draft{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;margin-bottom:10px;border-radius:16px;background:#fff6e2;border:1px solid #f0d9a6;color:#6b4a12}
.madu-v796-count-draft[hidden]{display:none}
.madu-v796-count-draft > i{font-size:18px}
.madu-v796-count-draft p{margin:0;flex:1 1 180px;display:flex;flex-direction:column;gap:2px;font-size:13px}
.madu-v796-count-draft div{display:flex;gap:8px}
.madu-v796-count-draft button{min-height:38px;padding:0 14px;border-radius:10px;border:1px solid #e3c98e;background:#fff;font-weight:800;font-size:13px;color:#6b4a12}
.madu-v796-count-draft button.is-primary{background:#2f6044;border-color:#2f6044;color:#fff}

/* ═══ Funções e acessos ═════════════════════════════════════════════════════════════ */
.madu-v796-roles{background:#fff;border:1px solid var(--m6-line);border-radius:20px;padding:16px;box-shadow:0 1px 2px #1b2b210a,0 4px 14px #1b2b210b}
.madu-v796-roles-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.madu-v796-roles-head h3{margin:0;font-size:17px;font-weight:800;color:var(--m6-ink)}
.madu-v796-roles-head p{margin:2px 0 0;font-size:13px;color:var(--m6-muted)}
.madu-v796-roles-new{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:12px;border:0;background:var(--m6-green);color:#fff;font-weight:800;font-size:13.5px;flex:0 0 auto}
.madu-v796-roles-list{display:grid;gap:8px}
@media (min-width:900px){.madu-v796-roles-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.madu-v796-role{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;border-radius:16px;border:1px solid var(--m6-line);background:#fbfcfa;transition:background .15s,border-color .15s}
.madu-v796-role:hover{background:#f3f7f3;border-color:#cfdcd2}
.madu-v796-role-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;background:#e6f0e8;color:var(--m6-green);font-size:17px}
.madu-v796-role-icon.is-custom{background:#efe8f7;color:#6a4c93}
.madu-v796-role-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.madu-v796-role-main strong{font-size:15px;color:var(--m6-ink)}
.madu-v796-role-main small{font-size:12px;color:var(--m6-muted)}
.madu-v796-role-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.madu-v796-role-chips em{font-style:normal;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#3c5a47;background:#eaf2ec;border-radius:999px;padding:3px 8px}
.madu-v796-role-chips em i{font-size:10px;opacity:.8}
.madu-v796-role-chips em.is-empty{background:#f6efe2;color:#7a5a1d}
.madu-v796-role-go{color:#9fb3a5;font-size:12px}
.madu-v796-role-form h3{margin:0 0 4px;font-size:18px;font-weight:800;color:var(--m6-ink)}
.madu-v796-role-form > label{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:13px;font-weight:700;color:var(--m6-ink)}
.madu-v796-role-form > label small{font-weight:500;color:var(--m6-muted);font-size:12px}
.madu-v796-role-form input[name=name],.madu-v796-role-form select{min-height:46px;border:1px solid #d6e0d8;border-radius:12px;padding:0 12px;font-size:15px;background:#fff}
.madu-v796-role-hint{margin:0;color:var(--m6-muted);font-size:13px}
.madu-v796-role-form fieldset{border:0;padding:0;margin:14px 0 0}
.madu-v796-role-form legend{font-size:13px;font-weight:800;color:var(--m6-ink);margin-bottom:8px}
.madu-v796-role-toggles{display:grid;gap:6px}
@media (min-width:560px){.madu-v796-role-toggles{grid-template-columns:1fr 1fr}}
.madu-v796-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:6px 12px;border:1px solid var(--m6-line);border-radius:12px;background:#fbfcfa;cursor:pointer}
.madu-v796-switch span{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--m6-ink)}
.madu-v796-switch span i{width:18px;text-align:center;color:#6f8f7a}
.madu-v796-switch input{position:absolute;opacity:0;pointer-events:none}
.madu-v796-switch b{position:relative;width:44px;height:26px;flex:0 0 44px;border-radius:26px;background:#d5ddd7;transition:background .2s}
.madu-v796-switch b::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s var(--m6-ease)}
.madu-v796-switch input:checked + b{background:var(--m6-green)}
.madu-v796-switch input:checked + b::after{transform:translateX(18px)}
.madu-v796-switch input:focus-visible + b{outline:2px solid #3f8a5f;outline-offset:2px}
.madu-v796-role-locked{margin:10px 0 0;font-size:12px;color:var(--m6-muted)}
.madu-v796-sheet-actions button.is-danger{flex:0 0 50px;color:#b33a35;border-color:#f0cfcd}
.madu-v796-role-chips em.is-more{background:#fff;border:1px solid var(--m6-line);color:var(--m6-muted)}

/* ═══ Checklists ═════════════════════════════════════════════════════════════════════ */
.madu-v796-chk-tabs{display:flex;gap:4px;padding:4px;border-radius:16px;background:#e9efe9;border:1px solid #dde6de;margin-bottom:12px}
.madu-v796-chk-tabs button{flex:1 1 0;min-height:42px;border:0;border-radius:12px;background:transparent;color:var(--m6-muted);font-weight:800;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .18s,color .18s,box-shadow .18s}
.madu-v796-chk-tabs button.active{background:#fff;color:var(--m6-green);box-shadow:0 1px 2px #1b2b2114,0 3px 10px #1b2b210f}
#maduChecklistListView[data-v796-seg="panel"] > :is(.madu-checklist-section-label,#maduChecklistTemplateCards,.madu-checklist-history-panel){display:none!important}
#maduChecklistListView[data-v796-seg="list"] > :is(#maduV796ChkPanel,.madu-checklist-history-panel){display:none!important}
#maduChecklistListView[data-v796-seg="history"] > :is(#maduV796ChkPanel,.madu-checklist-section-label,#maduChecklistTemplateCards){display:none!important}
.madu-v796-chk-panel{display:grid;gap:12px}
.madu-v796-chk-hero{display:flex;align-items:center;gap:16px;padding:16px;border-radius:22px;background:linear-gradient(140deg,#f3f8f3,#e6efe8);border:1px solid #dbe6dd}
.madu-v796-chk-hero-side{flex:1 1 auto;min-width:0;display:grid;gap:10px}
.madu-v796-ring{position:relative;width:118px;height:118px;flex:0 0 118px;display:grid;place-items:center}
.madu-v796-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.madu-v796-ring circle{fill:none;stroke-width:9}
.madu-v796-ring .track{stroke:#d7e3da}
.madu-v796-ring .bar{stroke:#2f6044;stroke-linecap:round;transition:stroke-dashoffset 1s var(--m6-ease)}
.madu-v796-ring > div{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;line-height:1.1}
.madu-v796-ring strong{font-size:26px;font-weight:800;color:var(--m6-ink)}
.madu-v796-ring small{font-size:10.5px;color:var(--m6-muted);font-weight:700;margin-top:2px;max-width:84px}
.madu-v796-ring em{font-style:normal;font-size:10.5px;color:var(--m6-green);font-weight:800;margin-top:3px}
.madu-v796-chk-day{position:relative;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:34px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid var(--m6-line);font-size:13px;font-weight:800;color:var(--m6-ink);width:max-content}
.madu-v796-chk-day input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.madu-v796-chk-kpis{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.madu-v796-chk-kpis button{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:8px 10px;border-radius:12px;border:1px solid var(--m6-line);background:#fff;text-align:left}
.madu-v796-chk-kpis strong{font-size:20px;line-height:1.1;font-weight:800}
.madu-v796-chk-kpis span{font-size:11.5px;color:var(--m6-muted);font-weight:700}
.madu-v796-chk-kpis .is-done strong{color:#2c7a4b}.madu-v796-chk-kpis .is-active strong{color:#3d6fa5}.madu-v796-chk-kpis .is-partial strong{color:#b06f12}.madu-v796-chk-kpis .is-idle strong{color:#8a8f8b}
.madu-v796-chk-next{display:flex;flex-direction:column;gap:2px;text-align:left;padding:12px 14px;border-radius:16px;border:1px solid var(--m6-line);background:#fff;width:100%}
.madu-v796-chk-next span{font-size:11.5px;font-weight:800;color:var(--m6-green);text-transform:uppercase;letter-spacing:.04em}
.madu-v796-chk-next strong{font-size:15px;color:var(--m6-ink)}
.madu-v796-chk-next small{font-size:12px;color:var(--m6-muted)}
.madu-v796-chk-next.is-done{background:#e9f5ec;border-color:#cfe7d6}
.madu-v796-chk-fold{border:1px solid var(--m6-line);border-radius:18px;background:#fff;overflow:hidden}
.madu-v796-chk-fold-sum{width:100%;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;cursor:pointer;font-weight:800;font-size:14.5px;color:var(--m6-ink)}
.madu-v796-chk-fold-sum span{flex:1 1 auto;display:flex;align-items:center;gap:8px}
.madu-v796-chk-fold-sum span i{color:var(--m6-green)}
.madu-v796-chk-fold-sum small{font-size:12px;font-weight:800;color:var(--m6-muted);background:var(--m6-soft);border-radius:999px;padding:2px 9px}
.madu-v796-chk-fold-sum > i{color:#8aa394;transition:transform .2s var(--m6-ease)}
.madu-v796-chk-fold:not(.is-open) .madu-v796-chk-fold-sum > i{transform:rotate(-90deg)}
.madu-v796-chk-fold:not(.is-open) > .madu-v796-chk-fold-body{display:none}
.madu-v796-chk-fold-body{padding:0 10px 10px}
.madu-v796-chk-list{display:grid;gap:6px}
.madu-v796-chk-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px;border-radius:14px;border:1px solid var(--m6-line);background:#fbfcfa}
.madu-v796-chk-row:active{background:var(--m6-soft)}
.madu-v796-chk-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;background:#e2ece4;color:var(--m6-green);font-weight:800;font-size:14px;overflow:hidden}
.madu-v796-chk-avatar img{width:100%;height:100%;object-fit:cover}
.madu-v796-chk-avatar.is-idle{background:#eceeec;color:#8a8f8b}
.madu-v796-chk-avatar.is-done{background:#dcf0e2;color:#2c7a4b}
.madu-v796-chk-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.madu-v796-chk-main strong{font-size:14px;color:var(--m6-ink)}
.madu-v796-chk-main strong em{font-style:normal;font-weight:600;color:var(--m6-muted);font-size:12.5px}
.madu-v796-chk-main small{font-size:12px;color:var(--m6-muted)}
.madu-v796-chk-track{display:block;height:6px;border-radius:6px;background:#e5ece6;overflow:hidden;margin-top:5px}
.madu-v796-chk-track > span{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#4f9a6c,#2f6044);transition:width .8s var(--m6-ease)}
.madu-v796-chk-row.is-partial .madu-v796-chk-track > span{background:linear-gradient(90deg,#e0a341,#b06f12)}
.madu-v796-chk-row.is-active .madu-v796-chk-track > span{background:linear-gradient(90deg,#6c9bd0,#3d6fa5)}
.madu-v796-chk-tail{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.madu-v796-chk-tail b{font-size:13px;color:var(--m6-ink)}
.madu-v796-chip{font-style:normal;display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;border-radius:999px;padding:3px 8px;white-space:nowrap}
.madu-v796-chip.is-done{background:#dcf0e2;color:#2c7a4b}.madu-v796-chip.is-active{background:#e1ebf6;color:#3d6fa5}.madu-v796-chip.is-partial{background:#fbeccf;color:#9a5c0d}.madu-v796-chip.is-idle{background:#eceeec;color:#6b706c}.madu-v796-chip.is-late{background:#fde6e4;color:#b33a35}
.madu-v796-chk-late{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.madu-v796-chk-late button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border-radius:14px;border:1px solid #f3d6d3;background:#fff8f7}
.madu-v796-chk-late time{flex:0 0 auto;font-weight:800;font-size:13px;color:#b33a35;background:#fde6e4;border-radius:8px;padding:4px 8px}
.madu-v796-chk-late span{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.madu-v796-chk-late strong{font-size:14px;color:var(--m6-ink)}
.madu-v796-chk-late small{font-size:12px;color:var(--m6-muted)}
.madu-v796-chk-late > li > button > i{color:#c9a6a3;font-size:12px}
.madu-v796-chk-empty{margin:4px 4px 6px;color:var(--m6-muted);font-size:13px}
@media (max-width:380px){.madu-v796-chk-hero{flex-direction:column;align-items:stretch}.madu-v796-ring{align-self:center}}
/* Execução: barra de progresso fixa e animada enquanto marca as tarefas. */
#maduChecklistRunDetail .madu-checklist-progress{position:sticky;top:calc(env(safe-area-inset-top) + 66px);z-index:4;box-shadow:0 0 0 6px var(--m5-bg,#f5f7f4)}
#maduChecklistRunDetail .madu-checklist-progress > span{transition:width .6s var(--m6-ease)}
@media (prefers-reduced-motion:reduce){.madu-v796-ring .bar,.madu-v796-chk-track > span,#maduChecklistRunDetail .madu-checklist-progress > span{transition:none}}

/* ═══ Desempenho: cartões fora da tela não são desenhados até chegarem perto ══════════
   Em listas longas (etiquetados, estoque, encomendas, compras, contas) o celular só
   calcula o que está visível; a rolagem fica mais leve. A altura estimada evita saltos. */
@media (max-width:767px), screen and (orientation:landscape) and (pointer:coarse) and (max-height:600px){
 html:root body :is(#maduFinishedGroups > .madu-finished-card,.madu-v752-stock-card,#spRecords > .sp-row,.madu-v796-chk-row){content-visibility:auto;contain-intrinsic-size:auto 160px}
 html:root body :is(.madu-v752-stock-card){contain-intrinsic-size:auto 230px}
 html:root body #maduFinishedGroups > .madu-finished-card{contain-intrinsic-size:auto 320px}
}

/* Filtros em lista suspensa (Necessidades, Etapas): letra um pouco menor para o nome caber. */
@media (max-width:767px), screen and (orientation:landscape) and (pointer:coarse) and (max-height:600px){
 html:root body :is(#tab-needs,#tab-stages) select{font-size:15px!important;padding-right:30px!important;text-overflow:ellipsis}
}
@media (min-width:768px){.madu-v796-chk-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.madu-v796-chk-panel{max-width:980px}}
/* Computador: nomes no menu lateral e nos atalhos usam duas linhas em vez de "…". */
@media (min-width:768px) and (min-height:601px), (min-width:768px) and (pointer:fine){
 html:root body #appSidebar#appSidebar #appNav#appNav details > summary{white-space:normal!important;line-height:1.2;padding-top:6px!important;padding-bottom:6px!important}
}