:root{color-scheme:light;--ink:#191919;--line:#d9d6ce;--surface:#f6f5f1;--gold:#ffc107}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:#fff;color:var(--ink);font:1rem/1.5 system-ui,sans-serif;overflow-wrap:anywhere}
header{background:#191919;color:#fff;border-bottom:3px solid var(--gold)}
.shell{width:min(100% - 2rem,70rem);margin-inline:auto}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem;padding-block:.5rem}
.bar strong,h1,h2{font-family:Georgia,serif}
.bar select{width:auto;max-width:50%}
.customer{max-width:37rem;padding-block:1.5rem 3rem}
.admin{padding-block:1.5rem 3rem}
h1{font-size:2rem;line-height:1.15;margin:0 0 1.25rem}
h2{font-size:1.35rem;margin:0 0 .75rem}
p{margin:.5rem 0 1rem}
form,.stack,.choices{display:grid;gap:.85rem}
.filters,.actions{display:flex;gap:.65rem;align-items:end;flex-wrap:wrap}
.filters label{flex:1;min-width:9rem}
label{display:grid;gap:.3rem;font-weight:600}
input,select,textarea,button{font:inherit}
input:not([type=checkbox]),select,textarea{width:100%;min-width:0;min-height:44px;border:1px solid #918d82;border-radius:5px;background:#fff;color:var(--ink);padding:.5rem .65rem}
textarea{min-height:6rem;resize:vertical}
input[type=file]{padding:.4rem}
button,.menu-link{min-height:44px;border:1px solid #a77900;border-radius:5px;background:var(--gold);color:#151515;padding:.5rem .9rem;font-weight:650;cursor:pointer}
.menu-link{display:flex;align-items:center;text-decoration:none}
button.secondary{background:white;border-color:#918d82}
button:disabled{opacity:.55;cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #235aa8;outline-offset:2px}
.choices button{text-align:start}
.menu-choice{gap:.25rem}
.menu-choice small{color:#57544c;padding-inline:.25rem}
.columns{display:grid;grid-template-columns:minmax(13rem,1fr) minmax(0,2fr);gap:1.25rem}
.case{display:block;width:100%;text-align:start;margin-bottom:.5rem}
.case[aria-current=true]{background:#fff0b3}
.admin .case-status{display:inline-block;border:1px solid currentColor;border-radius:4px;padding-inline:.35rem}
.admin .case-status[data-status=concluido]{background:#e6f4ea;color:#1e6b34}
.admin .case-status[data-status=recusado]{background:#eee;color:#555}
.muted{color:#57544c}
.error{color:#a01822}
.check{display:flex;align-items:center;gap:.65rem;min-height:44px;padding:.4rem;border-bottom:1px solid var(--line)}
.check input{width:1.15rem;height:1.15rem;flex:none}
.photos{display:flex;gap:.6rem;flex-wrap:wrap}
.photos img{width:100px;height:100px;object-fit:cover;border-radius:5px}
.photo-step,.photo-step .stack{gap:.55rem}
.photo-step > [role=alert]:empty,.photo-step .stack:empty{display:none}
.photo-step h2{margin-block-end:.15rem}
.photo-privacy{margin:0;color:#57544c;font-size:.875rem;line-height:1.4}
@media(max-width:670px){.photo-step__files{max-block-size:6.75rem;overflow:auto;padding:.2rem}}
dl{display:grid;grid-template-columns:minmax(6rem,.5fr) minmax(0,1fr);gap:.35rem .8rem;margin:0 0 1rem}
dt{font-weight:650}dd{margin:0}
section[aria-label="Detalhe do caso"]{border-inline-start:1px solid var(--line);padding-inline-start:1.25rem}
@media(max-width:670px){.columns{grid-template-columns:1fr}section[aria-label="Detalhe do caso"]{border-inline-start:0;border-block-start:1px solid var(--line);padding:1rem 0 0}h1{font-size:1.65rem}}
