/* Persisted settings and clear navigation for the private application. */
.workspace-brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:17px;line-height:1.4}
.workspace-brand img,.login-brand img{object-fit:contain;display:block;border-radius:8px;background:#fff}
.workspace-brand small{display:block;color:#a8bbd2;font-weight:400;font-size:11px;margin-top:3px}
.login-brand{display:inline-block}
.app-side .side.menu{display:grid;gap:8px;padding:28px 0;background:none}
.app-side .side.menu a{display:block;padding:13px 14px;border-radius:9px;line-height:1.4}
.app-side .side.menu a:hover{background:#17365b;color:#fff}
.settings-tabs{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:20px 0 28px;padding-bottom:16px;font-weight:700;color:#235b78}
.settings-tabs a:hover{text-decoration:underline;text-underline-offset:5px}
.settings-section{padding:28px;margin-bottom:24px;scroll-margin-top:20px}
.settings-section h2{margin:6px 0 10px;font-size:25px}
.settings-intro{max-width:760px;color:var(--muted);line-height:1.7;margin:0 0 24px}
.settings-form{display:grid;gap:18px;max-width:850px}
.settings-form label{display:grid;gap:8px;font-size:14px;font-weight:700;min-width:0}
.settings-form input,.settings-form select{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #bac8d8;border-radius:8px;font:inherit;background:#fff;color:#152c43}
.settings-form input:focus,.settings-form select:focus{outline:3px solid #b7dfed;outline-offset:2px}
.settings-form .btn{justify-self:start;box-shadow:none;border-radius:8px}
.experiment-form,.create-user-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.field-hint{color:var(--muted);font-size:13px;font-weight:400;line-height:1.6;margin:0;grid-column:1/-1}
.save-notice{padding:16px 20px;background:#e7f4ee;border:1px solid #a2d5bd;border-radius:10px;color:#126047;line-height:1.5}
.account-row{padding:22px 0;border-top:1px solid var(--line);display:grid;gap:16px}
.account-row h3{margin:0 0 5px;overflow-wrap:anywhere}.account-state{color:var(--muted);font-size:13px}
.account-access{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end}
.password-reset summary,.create-account summary{font-weight:700;color:#235b78;cursor:pointer;padding:10px 0}
.password-reset .settings-form{margin-top:14px;max-width:560px}
.create-account{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
.create-account .settings-form{margin-top:16px}
#health{scroll-margin-top:20px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #3c9aac;outline-offset:4px}
@media(max-width:700px){.settings-section{padding:20px}.experiment-form,.create-user-form,.account-access{grid-template-columns:1fr}.settings-tabs{gap:18px;font-size:14px}.account-access .btn{width:100%}.app-main{padding:18px}.app-side .side.menu{padding:14px 0}.settings-form .btn{max-width:100%}}

/* Compact desktop workspace; forms and records share the available width. */
.app-main{padding:20px 24px;max-width:1500px;width:100%}
.app-head h1{font-size:26px;margin:0 0 5px;letter-spacing:-.7px}
.app-head p{margin:0;font-size:13px;color:var(--muted)}
.settings-tabs{margin:16px 0;padding-bottom:12px;gap:22px;font-size:13px}
.settings-section{padding:18px 20px;margin-bottom:16px}
.settings-section>.eyebrow{margin:0 0 5px;font-size:10px}
.settings-section h2{font-size:20px;margin:0 0 8px}
.settings-intro{font-size:13px;line-height:1.5;max-width:none;margin-bottom:16px}
.settings-form{max-width:none;gap:12px}
.settings-form label{font-size:12px;gap:5px}
.settings-form input,.settings-form select{min-height:38px;padding:8px 10px;border-radius:6px;font-size:13px}
.app-main .btn{padding:10px 16px;font-size:12px;border-radius:6px;box-shadow:none;line-height:1.4}
.experiment-form{grid-template-columns:minmax(180px,2fr) minmax(160px,1fr) auto;align-items:end}
.experiment-form .field-hint{grid-row:2;grid-column:1/-1}
.experiment-form>.btn{grid-column:3;grid-row:1}
.account-row{grid-template-columns:minmax(120px,1fr) minmax(0,3fr);gap:5px 18px;padding:13px 0;align-items:center}
.account-row h3{font-size:14px;margin:0 0 3px}.account-state{font-size:11px}
.account-access{gap:12px}.account-access .btn{white-space:nowrap}
.password-reset{grid-column:2}.password-reset summary{font-size:12px;padding:3px 0}
.password-reset .settings-form{max-width:650px;margin-top:10px}
.create-account{margin-top:8px;padding-top:8px}.create-account summary{font-size:14px;padding:6px 0}
.create-user-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.create-user-form>.btn{grid-column:4;grid-row:2;justify-self:end}
.create-user-form>.field-hint{grid-column:1/4;align-self:center}
.section-head{margin:20px 0 10px}.section-head h2{font-size:20px}
.status-grid{gap:10px}.status-card{padding:14px}.status-card h3{font-size:18px;margin:6px 0}
.paper-banner{margin:12px 0;padding:14px 16px;font-size:12px;gap:16px}
.configuration-list{gap:10px}.configuration-list div{padding:10px}
.app-main .card{box-shadow:none}
.app-side .side.menu a:first-child{background:none;color:#cbd8ea}
.app-side .side.menu a[aria-current=page]{background:#124a94;color:#fff}
@media(max-width:1000px){.app-side{padding:14px 20px;display:grid;grid-template-columns:auto 1fr;gap:8px 20px;align-items:center}.app-side .side.menu{display:flex;flex-wrap:wrap;justify-content:flex-end;padding:0;gap:4px}.app-side .side.menu a{padding:8px 10px;font-size:12px}.workspace-brand img{width:48px;height:48px}.session-panel{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding-top:6px;font-size:12px}.session-panel form{margin:0 0 0 auto}.session-panel .btn{padding:7px 12px;font-size:12px}.create-user-form{grid-template-columns:repeat(2,minmax(0,1fr))}.create-user-form>.btn{grid-column:2;grid-row:auto}.create-user-form>.field-hint{grid-column:1/-1}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.app-main{padding:16px}.app-side{display:flex;flex-wrap:wrap;gap:8px}.app-side .side.menu{justify-content:flex-start;width:100%}.session-panel{width:100%}.settings-section{padding:16px}.experiment-form,.account-row,.account-access,.create-user-form{grid-template-columns:1fr}.experiment-form>.btn,.experiment-form>.field-hint,.create-user-form>.btn,.create-user-form>.field-hint,.password-reset{grid-column:1;grid-row:auto}.experiment-form>.btn{justify-self:start}.account-access{grid-template-columns:1fr 1fr}.account-access .btn{grid-column:1/-1;width:auto}.account-row{gap:10px}.create-user-form>.btn{justify-self:start}.section-head{gap:12px;align-items:center}.paper-banner{flex-direction:column;align-items:start;gap:6px}}
@media(max-width:1000px){.app-side nav.side.menu{flex-direction:row;align-items:center;margin-top:0}.app-side nav.side.menu a{width:auto}.session-panel{margin-top:0}}
@media(max-width:700px){.app-side{flex-direction:row;align-items:center}}
