/* Hearth & Hue back office - the Lobby */
.lb-top-acts{display:flex;gap:10px;align-items:flex-end}
.lb-note{margin:0 0 6px;line-height:1.5}
.lb-n{display:inline-block;min-width:18px;padding:0 6px;margin-left:4px;border-radius:99px;background:rgba(255,255,255,.12);font-size:10px;text-align:center}
.subtabs a.on .lb-n{background:rgba(0,0,0,.2)}
.lb-biz{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.lb-bz{border:1px solid var(--h-line,rgba(255,255,255,.2));border-radius:999px;padding:5px 14px;font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:none;color:var(--h-faint)}
.lb-bz.on{border-color:var(--brass-bright,#D3A667);color:var(--brass-bright,#D3A667);background:rgba(211,166,103,.12)}
.lb-hint{margin:2px 0 12px;font-size:12.5px;line-height:1.5}
.lb-gh{margin:22px 0 10px;font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--h-faint);display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}
.lb-gh small{font:11px var(--mono);letter-spacing:.04em;text-transform:none;opacity:.8}
.lb-gh.u-now{color:var(--h-rose,#E58B7D)} .lb-gh.u-today{color:var(--h-brass,#D3A667)}
.lb-list{display:grid;gap:12px}
.lb-card{border:1px solid var(--h-line,rgba(255,255,255,.14));border-left-width:3px;background:rgba(255,255,255,.03);padding:14px 16px;transition:border-color .2s cubic-bezier(.32,.72,0,1),background .2s cubic-bezier(.32,.72,0,1)}
.lb-card.u-now{border-left-color:var(--h-rose,#E58B7D)} .lb-card.u-today{border-left-color:var(--h-brass,#D3A667)} .lb-card.u-whenever{border-left-color:var(--h-steel,#8FB3C6)}
.lb-card.fin{opacity:.92}
.lb-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lb-chip{display:inline-block;padding:2px 9px;border-radius:99px;font:9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;font-weight:600;white-space:nowrap;background:rgba(255,255,255,.07);color:var(--muted,#A6ABB4)}
.lb-chip.biz{color:var(--brass-bright,#D3A667);background:rgba(211,166,103,.14)}
.lb-chip.u-now{color:var(--h-rose,#E58B7D);background:rgba(229,139,125,.14)} .lb-chip.u-today{color:var(--h-brass,#D3A667);background:rgba(211,166,103,.14)}
.lb-when{margin-left:auto;font:10.5px var(--mono);color:var(--h-faint)}
.lb-title{margin:10px 0 4px;font-size:16px;line-height:1.35}
.lb-detail{margin:0 0 8px;line-height:1.55;font-size:13.5px}
.lb-from{margin:0;font-size:12px;color:var(--muted,#A6ABB4)}
.lb-body{margin:10px 0 8px;padding:6px 0 6px 12px;border-left:2px solid var(--h-brass,#D3A667);color:color-mix(in srgb,var(--h-brass,#D3A667) 38%,#fff);overflow-wrap:anywhere}
.lb-draft{margin:8px 0;padding:10px 12px;border:1px dashed var(--h-line,rgba(255,255,255,.2))}
.lb-draft pre{margin:6px 0 0;white-space:pre-wrap;word-break:break-word;font:13px/1.55 inherit;font-family:inherit}
.lb-why{margin:6px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted,#A6ABB4)}
.lb-why b{font:600 9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--h-faint);margin-right:6px}
.lb-acts{margin-top:12px}
.lb-state{font:600 11px var(--mono);letter-spacing:.06em;margin-right:6px} .lb-state.approved{color:var(--h-ok,#5DB660)} .lb-state.rejected{color:var(--h-rose,#E58B7D)}
.lb-empty{padding:18px 20px} .lb-empty p{margin:6px 0 0}
.lb-snz{display:grid;gap:8px;margin:8px 0 14px}
/* nav badge: counts only what is waiting on you */
.lb-badge{display:inline-block;min-width:17px;margin-left:6px;padding:0 5px;border-radius:99px;background:var(--brass-bright,#D3A667);color:var(--h-on,#14161B);font:700 10px/17px var(--mono);text-align:center;vertical-align:1px}
.lb-badge[hidden]{display:none}
.lb-badge.urgent{background:var(--h-rose,#E58B7D)}
@media (max-width:640px){.lb-card{padding:12px 13px}.lb-acts button{flex:1 1 auto}.lb-top-acts{margin-top:10px}}
@media (prefers-reduced-motion:reduce){.lb-card{transition:none}}
.lb-mail{margin:2px 0 8px}
.lb-mail>summary{cursor:pointer;display:inline-block;padding:2px 0;font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--h-faint,#8b909a);list-style:none;user-select:none}
.lb-mail>summary::-webkit-details-marker{display:none}
.lb-mail>summary::before{content:"\25B8";display:inline-block;margin-right:6px;transition:transform .18s cubic-bezier(.32,.72,0,1)}
.lb-mail[open]>summary::before{transform:rotate(90deg)}
.lb-mail>summary:hover{color:var(--h-brass,#D3A667)}
.lb-mailbody{margin-top:6px;padding:12px 14px;border:1px solid var(--h-line,rgba(255,255,255,.14));background:rgba(255,255,255,.03);font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto}
.lb-mailbody a{color:var(--h-brass,#D3A667);text-decoration:underline;text-underline-offset:2px}
@media (prefers-reduced-motion:reduce){.lb-mail>summary::before{transition:none}}
.lb-time{display:block;margin-top:6px;font-size:11px;opacity:.55;letter-spacing:.02em}