/* Askwa — © 2026 Onakeio Systems Inc.
   Code: Johan Cobo · Verified by: Oscar Martinez C
   Palette B (docs/decisions/2026-10-18_brand-palette.md). No third-party fonts or scripts. */
:root{--ink:#25302B;--accent:#BA7761;--ground:#F7F6F2;--blue:#2B7BB9;--line:#D9D5CC;--muted:#6B6F6A;--white:#fff;
  --good:#2F4A1D;--good-bg:#DCEBD3;--fair:#7A5A12;--fair-bg:#F3E4C8;--poor:#8B3A2A;--poor-bg:#F1D3CB}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;background:var(--ground);color:var(--ink);font-size:15px;line-height:1.5}
a{color:var(--blue)}
.top{display:flex;align-items:center;gap:1rem;padding:.6rem 1.4rem;background:var(--ink);color:var(--ground)}
.top img{height:30px}
.top .sys{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;opacity:.8}
.top .right{margin-left:auto;display:flex;gap:1rem;align-items:center;font-size:.9rem}
.top .right a,.top .right button{color:var(--ground);background:none;border:0;font:inherit;cursor:pointer}
main{max-width:1100px;margin:0 auto;padding:2rem 1.4rem}
h1{font-size:1.6rem;margin:.2rem 0 1.2rem}
.card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:1.2rem 1.4rem;margin-bottom:1.2rem}
table{width:100%;border-collapse:collapse}
th{text-align:left;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:.45rem .5rem}
td{padding:.5rem;border-bottom:1px solid #ECE9E2}
.chip{display:inline-block;font-size:.75rem;font-weight:600;padding:.1rem .55rem;border-radius:999px;background:#E9E6DF}
form p{margin:.6rem 0}
input[type=email],input[type=password],input[type=text]{width:100%;max-width:360px;padding:.55rem .6rem;border:1px solid var(--line);border-radius:6px;font:inherit}
button,.btn{background:var(--ink);color:var(--ground);border:0;border-radius:6px;padding:.55rem 1rem;font:inherit;cursor:pointer}
.narrow{max-width:460px;margin:3rem auto}
.muted{color:var(--muted)}
.foot{font-size:.75rem;color:var(--muted);text-align:center;padding:2rem 0}
.msg{padding:.6rem .9rem;border-radius:6px;background:#E8F0F7;border:1px solid #C9DCEB}
.msg.error{background:var(--poor-bg);border-color:#E3B9AE}
.msg.success{background:var(--good-bg);border-color:#BFD8B1}
.row{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}
.row .grow{flex:1}
.btn.light,button.light{background:var(--white);color:var(--ink);border:1px solid var(--line)}
.mono{font-family:ui-monospace,Consolas,monospace;font-size:.85rem}
.gcr{display:inline-block;min-width:2.4rem;text-align:center;font-weight:700;border-radius:5px;padding:.05rem .4rem}
.gcr.poor{background:var(--poor-bg);color:var(--poor)}.gcr.fair{background:var(--fair-bg);color:var(--fair)}
.gcr.good{background:var(--good-bg);color:var(--good)}.gcr.closed{background:#E4E3DF;color:#55584f}
dl.det{display:grid;grid-template-columns:200px 1fr;gap:.35rem 1rem;margin:0}dl.det dt{color:var(--muted)}dl.det dd{margin:0}
.link{word-break:break-all;background:var(--ground);padding:.6rem;border-radius:6px;border:1px dashed var(--line)}
select,input[type=number]{padding:.5rem .6rem;border:1px solid var(--line);border-radius:6px;font:inherit;max-width:360px;width:100%}
.errorlist{color:var(--poor);margin:.2rem 0;padding-left:1.1rem}
@media (max-width:700px){dl.det{grid-template-columns:1fr}.top{flex-wrap:wrap}}
.pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px}
.pages figure{margin:0;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:8px}
.pages img{width:100%;height:auto;display:block}
.pages figcaption{text-align:center;font-size:12px;color:var(--muted);margin-top:4px}

/* Formerly inline styles: the Content-Security-Policy (deploy/Caddyfile) allows no inline style. */
.scroll { overflow-x: auto; }
.logo { filter: brightness(0) invert(1); }
.narrow { max-width: 200px; }