/* Shared styles for the CR Target Map. Palette from the original Grismer map. */
:root{
  --navy:#1F3349; --navy-2:#2B4562; --copper:#C2702A; --copper-soft:#F6E7DA;
  --hold:#6F7F92; --hold-soft:#E7ECF1; --ink:#1B2430; --muted:#5E6B7A;
  --line:#E2E6EB; --bg:#F5F6F8; --card:#FFFFFF; --danger:#B3261E; --ok:#9A5518; --warn:#A06900; --warn-bg:#FFF8E6;
  --radius:8px;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);
  font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;font-size:14px}
a{color:var(--navy-2)}
header.top{height:60px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px}
header.top h1{font-size:18px;margin:0;font-weight:600;letter-spacing:.2px}
header.top h1 a{color:#fff;text-decoration:none}
header.top h1 span{color:#E9A66B}
header.top .meta{font-size:12px;color:#C9D3DE;text-align:right;line-height:1.5}
header.top .meta a{color:#E9A66B;text-decoration:none;margin-left:10px}
main.page{max-width:960px;margin:28px auto;padding:0 16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px 22px;margin-bottom:18px}
.card h2{margin:0 0 12px;font-size:17px}
.card h3{margin:18px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--navy-2)}
.muted{color:var(--muted)}
.small{font-size:12.5px}
.btn{display:inline-block;border:1px solid var(--navy-2);background:var(--navy-2);color:#fff;padding:8px 14px;border-radius:7px;font:inherit;font-size:13px;cursor:pointer;text-decoration:none}
.btn.ghost{background:#fff;color:var(--navy-2)}
.btn.danger{background:#fff;color:var(--danger);border-color:#E6B8B5}
.btn.big{display:block;width:100%;padding:11px;font-size:14px;margin-bottom:10px;text-align:center}
input[type=text],input[type=email],select,textarea{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:7px;width:100%;background:#fff}
textarea{min-height:70px}
label.check{display:inline-flex;align-items:center;gap:6px;margin:3px 14px 3px 0;font-size:13.5px}
.checks{display:flex;flex-wrap:wrap;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:7px;padding:8px 10px}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:600}
.pill{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:999px}
.pill.on{background:var(--copper-soft);color:var(--ok)} .pill.off{background:var(--hold-soft);color:#3E4C5C}
.alert{border-radius:var(--radius);padding:10px 14px;margin-bottom:14px;font-size:13px;line-height:1.45}
.alert.warn{background:var(--warn-bg);color:var(--warn);border:1px solid #F1DFB0}
.alert.error{background:#FCEBEA;color:var(--danger);border:1px solid #F1C6C3}
.alert.ok{background:var(--copper-soft);color:var(--ok);border:1px solid #EBCDB3}
.login{max-width:380px;margin:9vh auto;text-align:center}
.login .card{padding:28px}
.login .or{margin:6px 0 10px} .login input.code{text-align:center;font-size:22px;letter-spacing:6px}
.picker a.eng{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:8px;margin-bottom:10px;text-decoration:none;color:var(--ink);background:#fff;font-weight:600}
.picker a.eng:hover{border-color:var(--copper);box-shadow:inset 3px 0 0 var(--copper)}
@media (max-width:820px){header.top{height:auto;min-height:56px;padding:8px 16px;flex-wrap:wrap} header.top .meta{text-align:left}}
.row.spread{justify-content:space-between}
.pagetitle{font-size:20px;margin:0}
.card.eng h2{margin:0 0 4px;display:flex;align-items:center;gap:8px}
.card.eng h2 a{color:var(--ink);text-decoration:none}
.people{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 8px}
.person{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12.5px}
.btn.signin{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:var(--ink);border-color:#C9D1DA;font-weight:600}
.btn.signin:hover{border-color:var(--navy-2);background:#F8FAFC}
.btn.signin svg{width:18px;height:18px;flex:none}
.btn.signin.off{opacity:.55;cursor:not-allowed} .btn.signin .soon{font-weight:400;font-size:12px;color:var(--muted)}
.devlogin{margin:0 0 10px} .devlogin button{background:none;border:0;padding:0;font:inherit;font-size:12px;color:var(--muted);text-decoration:underline;cursor:pointer}
.login .intro{margin:0 0 6px;color:var(--ink)}
main.doc{max-width:760px} .doc h1{font-size:24px;margin:0 0 4px} .doc h2{font-size:16px;margin:22px 0 6px}
.doc p,.doc li{line-height:1.6} .doc ul{padding-left:20px} .doc li{margin-bottom:6px}
mark.fill{background:#FFF1C2;color:#7A5600;padding:0 3px;border-radius:3px}