/* Trainer pages. Same palette and type as the delegate Playbook (from the AU0009 deck). */
:root{color-scheme:light;--teal:#027381;--teal-deep:#146C78;--pale:#D6F1F6;--pale-2:#EEF8FA;--pale-3:#B8D9DE;--lime:#BCCE3C;--lime-soft:#E8EFC4;--lilac:#DCB8FE;--navy:#191931;--ink:#1A1A1A;--muted:#595959;--line:#D9D9D9;--line-2:#C7C7C7;--red:#C23B2A;--red-soft:#FBE9E6;--sans:Calibri,Carlito,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:#F7FAFA;color:var(--ink);font:16px/1.5 var(--sans)}
h1,h2,h3{margin:0;line-height:1.15;text-wrap:balance}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.top{background:#fff;border-bottom:3px solid var(--teal);position:sticky;top:env(safe-area-inset-top,0px);z-index:10}
.top-in{max-width:1240px;margin:0 auto;padding:8px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.top img[data-asset="wk_colour"]{height:38px;width:auto}.top img[data-asset="aio_lime"]{height:34px;width:34px}
.top .who{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:14px;color:var(--muted);flex-wrap:wrap}
.top .who b{color:var(--teal)}
.brandtxt{display:flex;flex-direction:column;line-height:1.2}
.brandtxt b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.brandtxt span{font-weight:700;font-size:17px}
.wrap{max-width:1240px;margin:0 auto;padding-inline:16px;padding-block:18px 60px;display:grid;gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px;display:grid;gap:12px;align-content:start}
.card h2{color:var(--teal);font-size:22px}
.lbl{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}
.hint{font-size:14px;color:var(--muted)}
label.f{display:grid;gap:4px;font-weight:700;font-size:14px}
input[type=text],input[type=password],select,textarea{background:#fff;border:1px solid var(--line-2);border-radius:6px;padding:7px 9px;width:100%}
textarea{min-height:120px;resize:vertical}
.btn{border:1.5px solid var(--teal);background:#fff;color:var(--teal);border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:700;font-size:14px;white-space:nowrap}
.btn:hover{background:var(--pale-2)}
.btn.primary{background:var(--teal);color:#fff}.btn.primary:hover{background:var(--teal-deep)}
.btn.lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.btn.small{padding:3px 10px;font-size:13px}
.btn.danger{border-color:var(--red);color:var(--red)}
.btn:disabled{opacity:.45;cursor:default}
.msg{font-size:14px;font-weight:700}.msg.warn{color:var(--red)}.msg.ok{color:var(--teal)}
.linkbox{font:700 20px/1.2 var(--sans);color:var(--teal);word-break:break-all}
.pill{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:999px;display:inline-block}
.p-open{background:var(--lime);color:var(--ink)}.p-closed{background:#EEF0F0;color:var(--muted)}.p-lock{background:var(--red-soft);color:var(--red)}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:8px}
table{border-collapse:collapse;width:100%;font-size:14px;background:#fff}
th{background:var(--teal);color:#fff;text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:7px 8px;white-space:nowrap}
td{border-top:1px solid var(--line);padding:6px 8px;vertical-align:middle}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:760px){.grid2{grid-template-columns:1fr}}