/* ContentHub — matching the companion app's AppKit accent on this Mac. */
:root{--accent:#007aff;--accent-soft:#eaf3ff;--panel:#fff;--bg:#f5f5f7;--side:#f1f1f1;--chrome:#f6f6f6;--field:#ededed;--hover:#e7e7e7;--text:#29292b;--muted:#6e6e73;--line:#dedee2;--shadow:0 12px 40px #20253014}
body.dark{--accent:#007aff;--accent-soft:#17314f;--panel:#1e1e1e;--bg:#262626;--text:#ececee;--muted:#a5a5ab;--line:#3a3a3e;--shadow:0 12px 40px #0004}
.primary,.nav-item.active,.breadcrumbs button:last-child,.breadcrumbs strong,.toolbar .new-button,.dropzone strong,.details h3,.detail-label,.account-card h3,.profile-photo strong,.transfer-heading strong{font-weight:500}
.section-label strong,.account-page-heading h2,.dialog-heading h2{font-weight:550}
.sidebar .brand{flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}
.sidebar .brand-product{font-size:14px;font-weight:400;letter-spacing:.02em}
.login-screen{grid-template-columns:minmax(0,1fr);background:var(--bg);padding:32px 20px;min-height:100dvh;overflow:auto}
body:has(.login-screen:not([hidden])){overflow:auto}
.login-card{min-width:0;width:min(400px,100%);max-width:100%;padding:36px;border-radius:20px;box-shadow:var(--shadow);border:1px solid var(--line)}
.login-card .login-brand{justify-content:center;margin:0 0 25px;padding:0}
.login-brand .meta3-symbol{display:block;width:41px;height:48px;color:var(--text)}
.login-card h1{font-size:25px;font-weight:500;line-height:1.25;letter-spacing:-.65px;text-align:center;margin:0 0 9px}
.login-card .login-intro{font-size:14px;text-align:center;margin:0 0 18px;line-height:1.5}
.login-card label{font-size:13px;font-weight:400;margin-top:18px}
.login-card input{height:44px;margin-top:8px;padding:10px 12px;background:var(--bg);border-radius:8px;font-size:15px}
.login-card .primary{min-height:42px;margin-top:18px;padding:10px 14px;font-size:14px;font-weight:500;background:var(--accent);color:#fff;border-radius:8px}
.login-card .primary:hover{background:var(--accent);filter:brightness(.94)}
#login-error:empty{display:none}
#login-error{font-size:13px;margin:18px 0 0;line-height:1.5}
.share-card .brand{flex-direction:column;gap:9px;margin-bottom:28px}
.share-card .meta3-wordmark{display:none}
.share-card .meta3-symbol{display:block;width:34px;height:40px}
.share-card .brand-product{font-size:15px}
.dropzone{border-color:var(--line)}
.drop-icon{box-shadow:none}
@media(max-width:780px){.sidebar .brand{align-items:center;gap:0}.login-card{padding:30px 26px}.login-card h1{font-size:24px}.login-screen{padding:24px 18px}}

.sidebar .brand{flex-direction:row;align-items:center;gap:10px}
.sidebar .brand .meta3-symbol{display:block;width:23px;height:28px}
.sidebar .brand-product{font-size:18px;font-weight:500;letter-spacing:-.3px;color:var(--text)}
#auth-content{position:relative;min-width:0}
#auth-content>form,#auth-content>section{margin:0;min-width:0}
#auth-content .login-intro{margin-bottom:18px}
#auth-content .login-intro:focus{outline:none}
#auth-content .auth-description{font-size:13px;line-height:1.55;margin:12px 0;color:var(--muted)}
#auth-content .auth-link{display:flex;margin:14px auto 0;padding:5px 8px;min-height:30px;font-size:12px;color:var(--muted);font-weight:400}
#auth-content .auth-link:hover{color:var(--text)}
#auth-content .auth-feedback{font-size:13px;line-height:1.5;margin:14px 0 0}
#auth-content .auth-feedback:empty{display:none}
#reset-complete-form label{margin-top:14px}
@media(max-width:780px){.sidebar .brand{justify-content:center}.sidebar .brand-product{display:none}}

/* A quiet focus edge, independent of the content transition. */
.login-card input:focus{outline:none;outline-offset:0;border-color:color-mix(in srgb,var(--accent) 35%,var(--muted));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}
.login-card button:focus-visible{outline:1px solid color-mix(in srgb,var(--accent) 40%,var(--muted));outline-offset:2px}
#login-title:focus{outline:none}
@media(forced-colors:active){.login-card input:focus,.login-card button:focus-visible{outline:1px solid Highlight;outline-offset:2px;box-shadow:none}}