/* The built app's additions to the prototype styles: real form controls, messages, inline edit rows. */
.in{height:40px;width:100%;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);padding:0 var(--s3);font:400 14px var(--font);color:var(--ink)}
.in:focus,.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1a1a1a;outline-offset:2px}
select.in{padding-right:28px}
.in:disabled{background:var(--sunk);color:var(--ink-3)}
.radios{display:flex;gap:16px;align-items:center;min-height:40px;font-size:14px}
.radios label{display:inline-flex;gap:6px;align-items:center;font-weight:500}
.alert{border-radius:var(--r);padding:12px 14px;font-size:14px;border-left:4px solid;background:var(--sunk)}
.alert.ok{background:var(--ok-bg);border-color:var(--ok);color:#123d28}
.alert.info{background:var(--info-bg);border-color:var(--info);color:#173b56}
.alert.warn{background:var(--attn-bg);border-color:var(--attn);color:#5a3b00}
.alert.err{background:#fff;border-color:#1a1a1a;color:#1a1a1a;font-weight:600;box-shadow:inset 0 0 0 1px #1a1a1a}
.lang a{color:#1a1a1a;text-decoration:none;font-size:12px;font-weight:700;padding:3px 9px;display:inline-block}
.lang a.on{background:#1a1a1a;color:#fff}
.lang.center{justify-self:center}
.signout{padding:0 var(--s5) var(--s4)}
.sidebar{display:flex;flex-direction:column}
.sidebar .nav{flex:1}
details.card.add summary{display:flex;gap:12px;align-items:baseline;cursor:pointer;list-style:none;flex-wrap:wrap}
details.card.add summary::-webkit-details-marker{display:none}
details.card.add summary h2{margin:0}
details.card.add summary h2::before{content:"+ ";font-weight:700}
details.card.add[open] summary h2::before{content:"− "}
details.card.add[open] summary{margin-bottom:var(--s4)}
.table-wrap{overflow-x:auto}
.table tr.muted td{color:var(--ink-3)}
.editrow > td{background:var(--sunk)}
.edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:8px 4px}
.edit-grid h3{margin:0;font-size:15px}
.edit-grid .form{gap:10px;align-content:start}
.nowrap{white-space:nowrap}
.filters{margin-bottom:4px}
.chip{text-decoration:none}
.chip.on{background:#1a1a1a;color:#fff;border-color:#1a1a1a}
.diff{display:grid;gap:2px}
.diff s{color:var(--ink-3)}
.links{margin:0;padding-left:18px;display:grid;gap:6px;font-size:15px}
.small-value{font-size:22px !important}
.signin-h{margin:0;font:600 30px/1.1 "Oswald",var(--font);text-transform:uppercase}
.brand.plain{border:0;height:auto;padding:0}
.center-card{border-top-color:#E4002B}
@media (max-width:820px){.center-card{width:auto;margin:16px}.signout{padding:8px 16px}}
/* slice 02: upload and checks */
.field{align-content:start}
.in.sm{width:auto;max-width:320px}
.in.file{padding:8px}
.note-row td{border-top:0;padding-top:0;color:var(--ink-2)}
.note-row p{margin:0 0 4px}
tfoot th{border-top:2px solid var(--ink,#111)}
.plain-list{margin:0;padding-left:18px}.plain-list li{margin-bottom:10px;line-height:1.5}
/* slice 03: money map */
details.why summary{cursor:pointer;list-style-position:outside}
details.why[open]{padding-bottom:4px}
details.why p{margin:6px 0 0;max-width:80ch;line-height:1.5}
/* slice 04: review list tabs as links, priority marks (never red), reasons */
.card-tabs{border:1px solid var(--line);border-bottom:0;background:var(--surface);margin-top:var(--s5)}
.rtabs a{padding:12px 16px 10px;font:700 13px var(--font);color:var(--ink-2);border-bottom:3px solid transparent;display:inline-flex;gap:8px;align-items:center;white-space:nowrap;text-decoration:none}
.rtabs a:hover{color:var(--ink)}
.rtabs a.on{color:var(--ink);border-bottom-color:var(--brand-strong)}
html[data-look="bold"] .rtabs a{text-transform:uppercase;letter-spacing:.06em}
.card-tabs + .inbox{border-top-left-radius:0;border-top-right-radius:0}
a.inbox-item{color:inherit;text-decoration:none;border-left:3px solid transparent}
.inbox-item .sw{width:10px;height:10px;border-radius:2px;background:#d6d6d6}
.inbox-item .sw.prio-high{background:#1a1a1a}
.inbox-item .sw.prio-medium{background:#8a918d}
.inbox-detail .timeline li .small{display:block;margin-top:2px}
/* latest step in an item history: ink, not brand red (no red for outcomes about people) */
.inbox-detail .timeline li:first-child::before{background:#1a1a1a}
.reasons td .in{min-width:220px}