:root {color-scheme:light; font-family:system-ui,sans-serif; background:#edf2f7;}
body {margin:0;}
#serra-demo .cs-phone {color-scheme:light;}
#serra-demo .cs-phone.supervisor {max-width:1180px;}
#serra-demo button {cursor:pointer;}
#serra-demo button:disabled {cursor:wait;opacity:.55;}
#serra-demo input:read-only {background:var(--cs-soft);color:var(--cs-muted);}
#serra-demo #account {padding:12px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--cs-line);}
#serra-demo #account small {display:block;color:var(--cs-muted);}
#serra-demo #account button {font-size:13px;min-height:40px;}
#serra-demo #message {margin:18px 22px 0;padding:14px;border:1px solid #adcee8;border-radius:10px;background:#eaf5ff;overflow-wrap:anywhere;}
#serra-demo #message.error {background:#fff1ec;border-color:#e8af99;color:#8c3213;}
#serra-demo #message.success {background:#ebf7f0;border-color:#a0d1b5;color:#1c6541;}
#serra-demo footer {padding:14px;text-align:center;font-size:11px;color:var(--cs-muted);border-top:1px solid var(--cs-line);}
#serra-demo .login-button {width:100%;margin:10px 0 20px;}
#serra-demo .filters {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px;padding:4px 18px 18px;background:var(--cs-soft);border-radius:14px;margin:20px 0;}
#serra-demo .filters label {margin:12px 0 0;}
#serra-demo .filter-actions {grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
#serra-demo .results-heading {display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 16px;flex-wrap:wrap;}
#serra-demo .results-heading p {margin:0;}
#serra-demo .table-wrap {overflow-x:auto;border:1px solid var(--cs-line);border-radius:12px;}
#serra-demo table {border-collapse:collapse;width:100%;font-size:13px;text-align:left;}
#serra-demo th {background:var(--cs-soft);white-space:nowrap;}
#serra-demo th,#serra-demo td {padding:13px 12px;border-bottom:1px solid var(--cs-line);}
#serra-demo td {vertical-align:top;}
#serra-demo td button {min-height:36px;padding:6px 10px;font-size:12px;}
#serra-demo .pager {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;}
#serra-demo .empty {padding:30px;text-align:center;background:var(--cs-soft);border-radius:12px;}
#serra-demo .protocol {font-family:ui-monospace,monospace;overflow-wrap:anywhere;font-size:12px;}
#serra-demo .details {max-width:650px;}
#serra-demo .status-line {font-size:12px;margin-top:10px;}
@media(max-width:760px){#serra-demo .filters{grid-template-columns:1fr 1fr;}#serra-demo .cs-phone.supervisor{border-radius:16px;}#serra-demo .supervisor main{padding:20px 14px;}}
@media(max-width:400px){#serra-demo .filters{grid-template-columns:1fr;}#serra-demo .cs-header{gap:8px;}#serra-demo .cs-brand{font-size:30px;}}

#serra-demo .access-tabs {margin:0 0 20px;}
#serra-demo .access-tabs button[aria-pressed="true"] {background:white;box-shadow:0 1px 4px #b7c9da;}
/* Identidade GOAT */
:root {background:#e9eeed;}
#serra-demo .cs-phone {--cs-fg:#203530;--cs-muted:#52665f;--cs-active:#18594d;--cs-header:#143e35;--cs-orange:#d6b56c;--cs-orange-ink:#26382e;--cs-soft:#f0f4f1;--cs-input:#fafbf9;--cs-line:#d7e1da;border-radius:20px;box-shadow:0 16px 50px #163c3512;}
#serra-demo .cs-header {padding:26px 20px;background:linear-gradient(125deg,#102f28,#235a49);align-items:center;gap:8px;}
#serra-demo .cs-identity {gap:11px;}
#serra-demo .cs-brand {font-size:32px;letter-spacing:-1.5px;color:#f1dfb0;}
#serra-demo .cs-product {font-size:13px;padding-left:11px;}
#serra-demo .cs-product>span {font-size:12px;}
#serra-demo .cs-demo {font-size:10px;padding:4px 6px;}
#serra-demo .cs-notice {font-size:11px;line-height:1.6;padding:12px 18px;}
#serra-demo .goat-purpose {padding:22px 22px 0;}
#serra-demo .goat-purpose>span {font-size:10px;font-weight:750;letter-spacing:2px;color:#647668;display:block;margin-bottom:6px;}
#serra-demo .goat-purpose>strong {display:block;font-size:19px;letter-spacing:-.4px;}
#serra-demo .goat-purpose>p {font-size:12px;margin:5px 0 0;}
#serra-demo h2 {font-size:23px;}
#serra-demo .cs-main {box-shadow:none;}

#serra-demo .goat-logo {display:block;width:88px;height:88px;object-fit:contain;border-radius:10px;flex-shrink:0;}
#serra-demo .cs-header {padding:18px 16px;}
#serra-demo .cs-product {font-size:12px;}
#serra-demo .cs-product>span {font-size:11px;}
/* Paleta do emblema: carvão, pedra e dourado */
:root {background:#eae8e2;}
#serra-demo .cs-phone {--cs-fg:#2c2c29;--cs-muted:#66645d;--cs-active:#66512b;--cs-header:#242624;--cs-header-ink:#f5ead0;--cs-orange:#cfb477;--cs-orange-ink:#242420;--cs-soft:#f3f0e8;--cs-input:#fcfbf8;--cs-line:#dfdbd1;box-shadow:0 16px 50px #24242118;}
#serra-demo .cs-header {background:linear-gradient(125deg,#161a19,#353733);border-bottom-color:#c6ab70;}
#serra-demo .cs-demo {background:#49483e;color:#f4e7c8;}
#serra-demo .goat-purpose>span {color:#78633d;}
#serra-demo .cs-brand {color:#e0ca96;}

#serra-demo .cs-report-actions{flex-wrap:wrap;}#serra-demo a.cs-whatsapp{display:block;text-decoration:none;padding:14px;border-radius:11px;background:var(--cs-orange);color:var(--cs-orange-ink);font-weight:600;}#serra-demo .cs-report-actions>*{flex:1 1 100%;}#serra-demo .check-item{padding:14px;background:var(--cs-soft);border-radius:12px;}#serra-demo .check-item button{margin-top:12px;}#serra-demo pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:var(--cs-soft);padding:16px;border-radius:12px;}

#serra-demo .profile-card{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px;background:var(--cs-soft);border-radius:12px;margin:20px 0;}#serra-demo .profile-card small{display:block;font-size:9px;letter-spacing:1px;color:var(--cs-muted);}#serra-demo .profile-card strong{display:block;font-size:14px;overflow-wrap:anywhere;}#serra-demo .profile-card button{font-size:12px;flex-shrink:0;}#serra-demo label.check-item{display:block;padding:14px;margin:12px 0;}
#serra-demo .sulfur-toggle{display:flex;align-items:center;gap:12px;padding:16px;background:var(--cs-soft);border:1px solid var(--cs-line);border-radius:12px;margin:20px 0;cursor:pointer;position:relative;}
#serra-demo .sulfur-toggle input[type="checkbox"]{position:absolute;width:24px;height:24px;min-height:0;opacity:0;margin:0;}
#serra-demo .sulfur-box{width:24px;height:24px;border:2px solid #807254;border-radius:4px;display:grid;place-items:center;background:white;flex-shrink:0;}
#serra-demo .sulfur-toggle input:checked+.sulfur-box{background:var(--cs-orange);}
#serra-demo .sulfur-toggle input:checked+.sulfur-box::after{content:'×';font-size:25px;font-weight:700;line-height:1;color:#242420;}
#serra-demo .sulfur-toggle input:focus-visible+.sulfur-box{outline:3px solid var(--cs-active);outline-offset:3px;}