[hidden]{display:none!important}
:root{
  /* três tamanhos de letra (Assinatura Aferis, cap. 4): texto, títulos e valores de destaque, secções em maiúsculas */
  --t:14px; --t-tit:18px; --t-sec:11px;
  /* semáforo (Assinatura Aferis, cap. 3.2) */
  --s-verde:#0E9F8E; --s-amarelo:#F5A524; --s-vermelho:#E5484D; --s-neutro:#8FA1A8;
}
/* no telemóvel o texto sobe para 16 px (o iPhone amplia a página quando um campo tem letra menor) */
@media (max-width:700px){:root{--t:16px; --t-tit:20px; --t-sec:12px}}
:root{
  /* família Aferis (igual no Aferis Audit e no Aferis Conta): petróleo, verde-azulado, menta */
  --bg:#F4F8F7; --card:#FFFFFF; --ink:#123B46; --ink2:#5E7780; --line:#D5E3E0;
  --accent:#218F85; --accent-ink:#FFFFFF; --steel:#218F85; --menta:#7BE0C3; --menta-claro:#E3F4EE; --petroleo:#123B46;
  --nc:#B4412C; --nc-bg:#F8E7E2; --ok:#2C7A55; --ok-bg:#E3F1E9; --obs:#7A6A2C; --obs-bg:#F4EED8;
  --shadow:0 1px 2px rgba(28,33,40,.08);
}
@media (prefers-color-scheme: dark){:root{
  --bg:#0F1E23; --card:#16292F; --ink:#E3F4EE; --ink2:#9DB5BB; --line:#2A444B;
  --accent:#3DB3A7; --accent-ink:#0F1E23; --steel:#7BE0C3; --menta:#7BE0C3; --menta-claro:#1B3A3F; --petroleo:#0B2A31;
  --nc:#E27A66; --nc-bg:#3A221D; --ok:#6DC095; --ok-bg:#1B3128; --obs:#D9C46A; --obs-bg:#33301B;
  --shadow:none;
}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:var(--t)/1.5 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;padding-bottom:env(safe-area-inset-bottom)}
a{color:var(--steel)}
h1,h2,h3{line-height:1.15;margin:0}
h1{font-size:var(--t-tit)}h2{font-size:var(--t-tit);margin-top:18px}h3{font-size:var(--t-tit)}
/* ---- estrutura: menu lateral à esquerda (como no Aferis Audit) + barra da marca ---- */
:root{--side:#EEF5F4;--side-w:256px}
@media (prefers-color-scheme: dark){:root{--side:#122428}}
.layout{display:flex;min-height:100vh}
.sidebar{width:var(--side-w);flex:none;background:var(--side);border-right:1px solid var(--line);position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top)) 10px 10px}
.side-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);height:36px;margin:0 6px 10px}
.side-escudo{height:36px;width:auto;flex:none}
.side-nome{display:block;font-weight:700;font-size:var(--t-tit);line-height:1.1;letter-spacing:.01em;color:var(--petroleo)}.side-nome b{color:var(--accent)}
@media (prefers-color-scheme: dark){.side-nome{color:var(--ink)}}
.side-lema{display:block;font-size:var(--t-sec);letter-spacing:.12em;white-space:nowrap;text-transform:uppercase;color:var(--ink2);margin-top:2px}
.side-nav{display:flex;flex-direction:column;gap:1px}
.side-nav .sec{display:flex;align-items:center;gap:6px;width:100%;border:0;background:none;padding:10px 8px 3px;border-radius:0;font-size:var(--t-sec);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);text-align:left;cursor:pointer}
.side-nav .sec::before{content:"▾";font-size:var(--t-sec);letter-spacing:0}
.side-nav .grupo.fechado .sec::before{content:"▸"}
.side-nav .grupo.fechado .itens{display:none}
.side-nav .itens{display:flex;flex-direction:column;gap:1px}
.sec-ind{margin-left:auto;letter-spacing:0;text-transform:none;font-weight:600}
.side-n{font-size:var(--t-sec)}
.side-nav a{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 10px;border-radius:6px;color:var(--ink);text-decoration:none;font-size:var(--t)}
.side-nav a:hover{background:var(--menta-claro)}
.side-nav a.ativo{background:var(--card);color:var(--accent);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}
.side-rodape{margin-top:auto;padding:12px 8px 2px;font-size:var(--t-sec);color:var(--ink2);display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line)}
.side-user{color:var(--ink);font-weight:600}.side-resp{line-height:1.4}.side-rodape button{align-self:flex-start}
.conteudo{flex:1;min-width:0;display:flex;flex-direction:column}
.barra{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:10px 20px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--bg);border-bottom:3px solid var(--menta)}
.barra-marca{font-weight:700;color:var(--petroleo);text-decoration:none;white-space:nowrap}.barra-marca b{color:var(--accent)}
@media (prefers-color-scheme: dark){.barra-marca{color:var(--ink)}}
.barra-lema{font-weight:500;font-size:var(--t-sec);letter-spacing:.18em;text-transform:uppercase;color:var(--ink2);margin-left:6px}
.barra-ctx{font-size:var(--t);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.barra-ctx b{color:var(--petroleo)}
.selo{margin-left:auto;font-size:var(--t);color:var(--ink2);white-space:nowrap}
.barra-marca{display:none}
.menu-btn{display:none;font-size:var(--t-tit);padding:4px 10px;line-height:1}
.side-fundo{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:25}
@media (max-width:900px){
  .sidebar{position:fixed;left:0;top:0;z-index:26;transform:translateX(-105%);transition:transform .2s ease;box-shadow:0 0 24px rgba(0,0,0,.2)}
  .sidebar.aberto{transform:none}
  .menu-btn{display:inline-flex}
  .barra-marca{display:inline}
  .selo .selo-txt{display:none}
  .barra{padding-left:12px;padding-right:12px}
  .barra-lema{display:none}
}
main{width:100%;max-width:1120px;margin:0 auto;padding:16px 20px 32px}
@media (max-width:900px){main{padding:14px 12px 28px}}
.page-sub{color:var(--ink2);font-size:var(--t);margin:4px 0 12px}
tr.link{cursor:pointer}tr.link:hover td{background:var(--menta-claro)}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.between{justify-content:space-between}
.muted{color:var(--ink2);font-size:var(--t)}
.small{font-size:var(--t)}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:var(--t)}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:14px 16px;box-shadow:var(--shadow);margin:10px 0}
.card.link{cursor:pointer}
.card.link:hover{border-color:var(--steel)}
.list{display:grid;gap:10px;margin:12px 0}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
button,.btn{font:inherit;font-size:var(--t);padding:9px 14px;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
button:hover{border-color:var(--steel)}
button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
button.danger{color:var(--nc);border-color:var(--nc)}
button.small,.btn.small{font-size:var(--t);padding:5px 10px}
button:disabled{opacity:.5;cursor:default}
label{display:block;font-size:var(--t);color:var(--ink2);margin:10px 0 4px}
input,select,textarea{font:inherit;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}
textarea{min-height:70px;resize:vertical}
input[type=checkbox]{width:auto}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 14px}
.pill{display:inline-block;font-size:var(--t);padding:2px 8px;border-radius:999px;font-weight:600;white-space:nowrap;background:var(--line)}
.pill.nc{background:var(--nc-bg);color:var(--nc)}
.pill.ok{background:var(--ok-bg);color:var(--ok)}
.pill.obs{background:var(--obs-bg);color:var(--obs)}
.pill.warn{background:var(--obs-bg);color:var(--obs)}
.stat{font-size:var(--t-tit);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}
.stat-lbl{font-size:var(--t-sec);color:var(--ink2);text-transform:uppercase;letter-spacing:.06em}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}
.tabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin:18px 0 10px;overflow-x:auto}
.tabs button{border:0;border-radius:0;background:none;padding:8px 12px;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap}
.tabs button.active{border-bottom-color:var(--accent);font-weight:600}
.fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:10px 0}
.foto{position:relative;aspect-ratio:4/3;border-radius:6px;overflow:hidden;border:2px solid transparent;background:var(--line);cursor:pointer}
.foto img{width:100%;height:100%;object-fit:cover;display:block}
.foto.sel{border-color:var(--accent)}
.foto .n{position:absolute;left:6px;top:6px;background:rgba(0,0,0,.65);color:#fff;font-size:var(--t);padding:1px 6px;border-radius:4px}
.foto .tag{position:absolute;right:6px;bottom:6px;font-size:var(--t-sec);padding:1px 6px;border-radius:4px;background:rgba(255,255,255,.9);color:#1C2128;font-weight:600}
.foto .tag.nc{background:var(--nc);color:#fff}.foto .tag.ok{background:var(--ok);color:#fff}.foto .tag.obs{background:var(--obs);color:#fff}
.oc{border-left:4px solid var(--line)}
.oc.nc{border-left-color:var(--nc)}.oc.positivo{border-left-color:var(--ok)}.oc.observacao{border-left-color:var(--obs)}
.thumb{width:72px;height:54px;object-fit:cover;border-radius:4px;background:var(--line);flex:none}
.seg-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.seg-btns button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.dropzone{border:2px dashed var(--line);border-radius:8px;padding:18px;text-align:center;color:var(--ink2);cursor:pointer}
.dropzone.over{border-color:var(--accent);color:var(--ink)}
.bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--ok)}
.sticky-actions{position:sticky;bottom:0;background:var(--bg);padding:10px 0;border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;z-index:20}
.modal{background:var(--card);width:100%;max-width:640px;max-height:92vh;overflow:auto;border-radius:12px 12px 0 0;padding:16px 16px 24px}
@media (min-width:700px){.modal-bg{align-items:center}.modal{border-radius:12px}}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;z-index:30;font-size:var(--t);max-width:90vw}
table{border-collapse:collapse;width:100%;font-size:var(--t)}
th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:var(--t-sec);color:var(--ink2);text-transform:uppercase;letter-spacing:.08em}
.tablewrap{overflow-x:auto}
.empty{padding:24px;text-align:center;color:var(--ink2);border:1px dashed var(--line);border-radius:8px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hl{background:var(--obs-bg);padding:8px 12px;border-radius:6px;font-size:var(--t)}

.kvs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 24px;margin:6px 0 14px}
.kv{display:grid;grid-template-columns:170px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:var(--t);align-items:start}
.kv .k{color:var(--ink2);font-size:var(--t)}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:2px 6px 2px 10px;margin:2px 6px 2px 0;font-size:var(--t)}
.chip .x{border:0;background:none;padding:0 4px;font-size:var(--t);line-height:1;color:var(--ink2);cursor:pointer}
.chip .x:hover{color:var(--nc)}
tr.inativo{opacity:.5}
@media (max-width:520px){.kv{grid-template-columns:1fr;gap:2px}}
@media print{.sidebar,.barra,.tabs,.stats,button,.btn,.sticky-actions{display:none!important}body{background:#fff;color:#000}main{max-width:none;padding:0}.card{box-shadow:none}}

.docgrp{margin:14px 0}
.docgrp>summary{font-weight:600;font-size:var(--t);padding:8px 0;border-bottom:2px solid var(--line);cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center}
.docgrp>summary::before{content:'▸';color:var(--accent);font-size:var(--t)}
.docgrp[open]>summary::before{content:'▾'}

/* ---- painel ---- */
:root{--g-ligeira:#E9BDAF;--g-grave:#CF7A5F;--g-muito_grave:#A53E25;--g-critica:#5F1F10}
@media (prefers-color-scheme: dark){:root{--g-ligeira:#7A4A3E;--g-grave:#B5634A;--g-muito_grave:#DD8A72;--g-critica:#F2B5A3}}
.chart{width:100%;height:auto;display:block;font-family:inherit}
.chart .lbl{fill:var(--ink);font-size:var(--t)}.chart .lbl.small{font-size:var(--t-sec);fill:var(--ink2)}
.chart .val{fill:var(--ink);font-size:var(--t);font-variant-numeric:tabular-nums}.chart .muted2{fill:var(--ink2)}
.chart .semresp .lbl,.semresp b{color:var(--obs);fill:var(--obs)}
.chart rect.g-ligeira{fill:var(--g-ligeira)}.chart rect.g-grave{fill:var(--g-grave)}.chart rect.g-muito_grave{fill:var(--g-muito_grave)}.chart rect.g-critica{fill:var(--g-critica)}
.chart rect:hover{stroke:var(--ink);stroke-width:1}
.chart .cell{fill:var(--steel)}.chart .cellv{font-size:var(--t);font-variant-numeric:tabular-nums;pointer-events:none}
.sw{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.sw.g-ligeira{background:var(--g-ligeira)}.sw.g-grave{background:var(--g-grave)}.sw.g-muito_grave{background:var(--g-muito_grave)}.sw.g-critica{background:var(--g-critica)}
.legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--t);color:var(--ink2)}
.filtros{gap:8px 18px;margin:12px 0}.filtros label{margin:0;display:flex;align-items:center;gap:6px;color:var(--ink2)}.filtros select,.filtros input{width:auto}
.tip{position:fixed;z-index:40;background:var(--ink);color:#fff;font-size:var(--t);padding:5px 9px;border-radius:5px;pointer-events:none;max-width:280px}
table.nums td:nth-child(n+3){font-variant-numeric:tabular-nums;text-align:right}table.nums th:nth-child(n+3){text-align:right}
tr.semresp td{color:var(--obs)}
.chart.heat{width:auto;max-width:100%;height:auto}
.fecho{background:var(--ok-bg);color:var(--ink);border-left:3px solid var(--ok);padding:6px 10px;margin-top:8px;font-size:var(--t);border-radius:0 4px 4px 0}
.cbs{border:1px solid var(--line);border-radius:6px;padding:8px 10px;background:var(--card);max-height:260px;overflow:auto}
.cbs label.cb{display:flex;align-items:center;gap:8px;margin:4px 0;color:var(--ink);font-size:var(--t);cursor:pointer}
.cbs details{margin-top:6px;border-top:1px solid var(--line);padding-top:6px}.cbs summary{cursor:pointer;color:var(--steel)}
.modal.wide{max-width:1100px}
.oc-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
@media (max-width:760px){.oc-cols{grid-template-columns:1fr}}
.fotos-pick{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));max-height:60vh;overflow:auto}
.legal-box{margin-top:12px;border:1px solid var(--line);border-radius:6px;padding:6px 10px}.legal-box summary{cursor:pointer;font-size:var(--t)}
.addbar{margin:10px 0 14px;padding:10px 12px;background:var(--bg2, var(--card));border:1px dashed var(--line);border-radius:8px}
.fotos-pick p{grid-column:1/-1}

/* modo obra (iPhone) */
.badge{display:inline-block;min-width:18px;padding:0 6px;border-radius:999px;background:var(--menta);color:var(--petroleo);font-size:var(--t-sec);font-weight:700;text-align:center;line-height:18px;margin-left:2px}
button.grande{font-size:var(--t);padding:14px 20px;width:100%;justify-content:center;margin:8px 0}
@media (min-width:700px){button.grande{width:auto}}

/* larguras iguais nas tabelas equivalentes (ex.: categorias por grupo) */
table.fixa{table-layout:fixed}table.fixa td,table.fixa th{overflow-wrap:anywhere}

/* Início: poucos cartões grandes; cada um é um "túnel" para a página com o detalhe */
.inicio-topo{align-items:flex-start}
.tuneis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}
.tunel{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 22px 20px;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:10px;box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:box-shadow .15s,transform .15s}
.tunel:hover{box-shadow:0 3px 10px rgba(18,59,70,.12);transform:translateY(-1px)}
.tunel-n{font-size:var(--t-tit);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.tunel-t{font-size:var(--t);font-weight:600}
.tunel-nota{font-size:var(--t);color:var(--ink2)}
.tunel-seta{position:absolute;right:18px;top:18px;font-size:var(--t-tit);color:var(--ink2)}
.tunel:hover .tunel-seta{color:var(--accent)}
.tunel.nc{border-top-color:var(--nc)}.tunel.nc .tunel-n,.tunel.nc .tunel-nota b{color:var(--nc)}
.tunel.obs{border-top-color:var(--obs)}.tunel.obs .tunel-n{color:var(--obs)}
.tunel.ok{border-top-color:var(--ok)}.tunel.ok .tunel-n{color:var(--ok)}
.tunel.verde{border-top-color:var(--s-verde)}.tunel.amarelo{border-top-color:var(--s-amarelo)}.tunel.vermelho{border-top-color:var(--s-vermelho)}.tunel.neutro{border-top-color:var(--s-neutro)}
.tunel.vermelho .tunel-nota b{color:var(--s-vermelho)}

/* Obras em curso: lista compacta, uma linha por obra */
.lista-obras{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:12px 0;box-shadow:var(--shadow)}
.obra-linha{display:grid;grid-template-columns:120px minmax(0,1fr) auto 64px;align-items:center;gap:14px;padding:10px 16px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:var(--t)}
.obra-linha:first-child{border-top:0}
.obra-linha:hover{background:var(--menta-claro)}
.ol-cod{font-size:var(--t);color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ol-nome{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ol-info{white-space:nowrap}
.ol-nc{text-align:right}
@media (max-width:700px){.obra-linha{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}.ol-cod{grid-column:1;grid-row:1}.ol-nome{grid-column:1;grid-row:2}.ol-info{grid-column:1;grid-row:3}.ol-nc{grid-column:2;grid-row:1 / 4}}

/* Nova obra a partir de pasta: revisão antes de criar */
.fonte{cursor:help;color:var(--accent);font-size:var(--t)}
tr.doc-rever td{background:var(--obs-bg)}
.spin{display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:gira .8s linear infinite;vertical-align:-2px;margin-right:6px}
@keyframes gira{to{transform:rotate(360deg)}}

/* ---- semáforo (marcador ● com a cor do nível; sem emojis) ---- */
.bola{display:inline-block;line-height:1;font-size:var(--t);vertical-align:baseline}
.bola.verde{color:var(--s-verde)}.bola.amarelo{color:var(--s-amarelo)}.bola.vermelho{color:var(--s-vermelho)}.bola.neutro{color:var(--s-neutro)}
.legenda{color:var(--ink2);margin:4px 0 10px}
.cartao-nivel{border-left:4px solid var(--s-neutro)}
.cartao-nivel.verde{border-left-color:var(--s-verde)}.cartao-nivel.amarelo{border-left-color:var(--s-amarelo)}.cartao-nivel.vermelho{border-left-color:var(--s-vermelho)}
.motivos{margin:4px 0 0;padding-left:18px;color:var(--ink2)}
.alerta{border:1px solid var(--line);border-left:4px solid var(--s-amarelo);background:var(--card);border-radius:6px;padding:10px 14px;margin:10px 0}
.alerta.vermelho{border-left-color:var(--s-vermelho)}.alerta.verde{border-left-color:var(--s-verde)}
.alerta b:first-child{display:block;margin-bottom:2px}
.nota{border-left:4px solid var(--accent);background:var(--menta-claro);border-radius:6px;padding:10px 14px;margin:10px 0}
/* passos da obra (fases) */
.passos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0}
.passo{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--s-neutro);border-radius:6px;padding:8px 10px;min-width:0}
.passo.verde{border-top-color:var(--s-verde)}.passo.amarelo{border-top-color:var(--s-amarelo)}.passo.vermelho{border-top-color:var(--s-vermelho)}
.passo .p-tit{font-weight:600;display:block}.passo .p-est{color:var(--ink2);display:block}
@media (max-width:900px){.passos{grid-template-columns:1fr 1fr}}
/* tabela de documentos com validade */
table.docs td{vertical-align:middle}
table.docs td.est{white-space:nowrap}
table.docs td:nth-child(n+3){white-space:nowrap}
table.docs td:last-child .row{flex-wrap:nowrap;justify-content:flex-end}
table.matriz td,table.matriz th{text-align:center}table.matriz td:first-child,table.matriz th:first-child{text-align:left}
table.matriz td.cel{cursor:pointer}table.matriz td.cel:hover{background:var(--menta-claro)}
/* áreas recolhíveis com título numerado e linha-resumo */
details.area{background:var(--card);border:1px solid var(--line);border-radius:6px;margin:8px 0;padding:0 14px}
details.area>summary{cursor:pointer;list-style:none;padding:10px 0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
details.area>summary::-webkit-details-marker{display:none}
details.area>summary::before{content:"▸";color:var(--accent)}details.area[open]>summary::before{content:"▾"}
details.area>summary .a-tit{font-weight:600;font-size:var(--t-tit)}details.area>summary .a-res{color:var(--ink2)}
details.area[open]{padding-bottom:12px}
textarea.pedido{min-height:220px;font-family:inherit}