/* Client portal additions ONLY. The look is the desk dashboard's own stylesheet (/desk.css =
   hub/web/style.css); anything here is a piece the dashboard has no equivalent for. */
body.anon,body.framed{grid-template-columns:1fr}
body.framed main{padding:4px 22px 40px}
.who{line-height:1.6}.who a{color:var(--muted)}
.who a:hover{color:var(--ink)}

/* sign-in card */
.login{max-width:380px;margin:12vh auto 0;width:100%}
.login .brand{border:0;padding:0 0 14px}
.login input{width:100%;margin-bottom:10px}
input,select{background:var(--bg);color:var(--ink);border:1px solid var(--rule);border-radius:5px;padding:7px 10px;font:14px var(--body)}
.err{color:var(--sell);min-height:20px;font-size:13px}

/* a read = a panel with the tile's coloured edge */
.read{border-left:4px solid var(--actual)}
.read.good{border-left-color:var(--buy)}.read.warn{border-left-color:var(--amber)}.read.bad{border-left-color:var(--sell)}
.read .rt{font:600 20px/1.3 var(--disp);letter-spacing:.03em;margin-bottom:4px}
.note{color:var(--muted);font-size:13px;padding:8px 12px;border:1px dashed var(--rule);border-radius:6px}

/* journal stat tiles reuse .tiles.mx; admin bits */
.matrix td,.matrix th{text-align:center}.matrix td:first-child,.matrix th:first-child{text-align:left}
.pill{display:inline-block;font:600 10.5px var(--disp);letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:3px;background:var(--chip);color:var(--muted);margin:1px;cursor:pointer}
.pill.on{color:var(--buy);background:color-mix(in srgb,var(--buy) 12%,transparent)}
.pill.off{color:#fff;background:var(--sell)}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
button.ghost{background:none;border:1px solid var(--rule);color:var(--muted);border-radius:5px;padding:5px 10px;font:600 12.5px var(--body);cursor:pointer}
button.ghost:hover{color:var(--ink)}
button.ghost.arm{background:var(--sell);border-color:var(--sell);color:#fff}
.flash{background:color-mix(in srgb,var(--amber) 14%,transparent);border:1px solid var(--amber);border-radius:6px;padding:10px 14px}
code{font:12px var(--mono);background:var(--chip);padding:1px 5px;border-radius:3px}
ol{margin:6px 0;padding-left:20px}ol li{margin-bottom:6px}
a.btn-dl{display:inline-block;background:var(--ink);color:var(--panel);text-decoration:none;border-radius:5px;padding:9px 16px;font:600 14px var(--body)}
a.btn-dl:hover{opacity:.9}