/* Refined workspace surfaces. Deliberately scoped away from authentication. */
.sa-page { --text:#081426; background:#f5f7fb; }
.sa-page .sa-content { max-width:1560px; padding:30px 36px 40px; }
.sa-page .sa-sidebar { padding:18px 14px; box-shadow:3px 0 20px #00205b03; scrollbar-width:thin; scrollbar-color:#c7d4e6 transparent; }
.sa-page .sa-brand { min-height:70px; }.sa-page .sa-brand img { height:68px; }
.sa-page .sa-nav-link { min-height:40px; padding:9px 12px; font-size:12px; transition:background 180ms,color 180ms,box-shadow 180ms; }
.sa-page .sa-nav-link:hover { background:#f0f5fc; }.sa-page .sa-nav-link[aria-current] { background:linear-gradient(90deg,#e8f0fc,#f2f7ff); box-shadow:inset 0 0 0 1px #e0eaf9; }
.sa-page .sa-group { margin-top:9px; }.sa-page .sa-workspace-label { margin:13px 12px; }
.sa-page .sa-section-toggle { font-size:9px; min-height:28px; padding:7px 12px; letter-spacing:.1em; }
.sa-page .sa-header { background:#ffffffed; backdrop-filter:blur(18px); min-height:76px; }
.sa-page .sa-page-heading { margin:28px 0 24px; }.sa-page .sa-page-heading h1 { font-size:32px; letter-spacing:-.055em; }.sa-page .sa-page-heading p { font-size:13px; line-height:1.7; }
.sa-page .button { border-radius:9px; font-size:12px; min-height:44px; padding:12px 18px; transition:box-shadow 180ms,background 180ms,transform 180ms; }.sa-page .button-primary { background:linear-gradient(135deg,#00205b,#123e7c); box-shadow:0 4px 10px #00205b18; }.sa-page .button-primary:hover { box-shadow:0 6px 17px #00205b30; }.sa-page .button-secondary:hover { background:#f0f5fc; box-shadow:0 3px 10px #00205b08; }.sa-page button:disabled { opacity:.5; transform:none; box-shadow:none; cursor:not-allowed; }
.sa-page input:not([type=checkbox]),.sa-page select { transition:border-color 180ms,box-shadow 180ms; }.sa-page input:focus,.sa-page select:focus { outline:2px solid #0098da44; outline-offset:2px; border-color:#0098da; }
.sa-page .pm-table-wrap { position:relative; }
.sa-page .pm-demo { background:none; border:0; border-left:2px solid #0098da; padding:3px 12px; font-size:11px; margin:0 0 24px; border-radius:0; color:#697a91; }
.sa-page .pm-toolbar h2 { font-size:20px; }.sa-page .pm-directory,.sa-page .pm-form-section,.sa-page .pm-profile-card,.sa-page .pm-photo-card { border-color:#e1e8f2; box-shadow:0 4px 20px #00205b04; border-radius:14px; }
.sa-page .pm-summary { gap:18px; }.sa-page .pm-summary>div { position:relative; overflow:hidden; border:1px solid #e0e8f4; padding:22px 24px; background:linear-gradient(135deg,#fff,#f6f9ff); transition:box-shadow 180ms,transform 180ms; }.sa-page .pm-summary>div::after { content:''; position:absolute; height:36px; width:3px; border-radius:3px; background:var(--sky); left:0; top:calc(50% - 18px); }.sa-page .pm-summary>div:hover { transform:translateY(-2px); box-shadow:0 8px 24px #00205b09; }.sa-page .pm-summary strong { font-size:32px; letter-spacing:-.05em; }
.sa-page .pm-table th { background:#f7f9fc; color:#64748b; letter-spacing:.035em; font-size:10px; padding:14px 16px; }.sa-page .pm-table td { padding:15px 16px; }.sa-page .pm-table tbody tr { transition:background 180ms; }.sa-page .pm-table tbody tr:hover { background:#f5f9ff; }.sa-page .pm-table tr:has(input:checked) { background:#edf5ff; }.sa-page .pm-person strong { font-size:13px; }.sa-page .pm-avatar { border-radius:12px; background:linear-gradient(135deg,#e6efff,#f1f6ff); border:1px solid #dee8f7; }
.sa-page .pm-row-actions { gap:5px; }.sa-page .pm-row-actions a,.sa-page .pm-row-actions button { padding:8px 10px; min-height:34px; border:1px solid #e1e8f2; background:#fff; border-radius:7px; text-decoration:none; transition:background 180ms,box-shadow 180ms; }.sa-page .pm-row-actions a:hover { background:#eaf2ff; box-shadow:0 2px 6px #00205b10; }.sa-page .pm-row-actions button:hover { background:#fff0f3; border-color:#ffd0d9; }.sa-page .pm-row-actions .icon { width:14px; height:14px; margin-right:5px; }
.sa-page .pm-form-footer { position:sticky; bottom:0; z-index:10; background:#fffffff2; backdrop-filter:blur(12px); border:1px solid #e0e8f3; border-radius:12px; margin-top:22px; padding:16px 20px; box-shadow:0 -6px 24px #00205b05; }.sa-page .pm-section-heading { border-bottom:1px solid #edf1f7; padding-bottom:20px; }.sa-page .pm-section-heading>span { background:#00205b; color:white; }.sa-page .pm-profile-identity { background:linear-gradient(120deg,#f0f5fd,#fff); border-radius:14px 14px 0 0; }.sa-page .pm-photo-card { border-top:3px solid #0098da; }.sa-page .pm-photo-card .pm-avatar { border-radius:22px; box-shadow:0 8px 24px #00205b0a; }
.sa-page .pm-message { border:1px solid #c6e7d6; box-shadow:0 5px 15px #17674909; animation:enter 200ms ease-out; }.sa-page .pm-dialog { border-top:4px solid var(--red); }.sa-page .pm-dialog[open] { animation:enter 180ms ease-out; }.sa-page .pm-dialog::backdrop { backdrop-filter:blur(4px); }
.ac-preview { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:12px 16px; border:1px solid #e0e7f1; background:#ffffffa8; border-radius:10px; font-size:11px; color:#66788f; }
.ac-preview>div { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }.ac-preview strong { color:var(--navy); font-size:11px; }.ac-live-dot { width:6px; height:6px; border-radius:50%; background:var(--sky); }.ac-preview label { display:flex; align-items:center; gap:8px; flex-shrink:0; }.ac-preview select { max-width:240px; min-height:34px; border:1px solid #dae4f2; background:white; color:var(--navy); border-radius:7px; padding:6px 10px; font-size:11px; }
.ac-denied { text-align:center; padding:70px 24px; border:1px solid #e0e7f1; border-radius:16px; background:white; margin-top:24px; }.ac-denied h1 { font-size:28px; max-width:500px; margin:20px auto; }.ac-denied p { color:var(--muted); margin-bottom:24px; font-size:13px; }.ac-shield { color:var(--navy); background:#edf3ff; padding:9px 14px; border-radius:30px; font-size:12px; }
.ws-segments { display:flex; flex-wrap:wrap; gap:5px; padding:5px; border:1px solid #e0e7f1; background:#edf2f8; border-radius:10px; width:fit-content; margin-bottom:20px; }.ws-segments button,.ws-segments a { min-height:36px; padding:8px 15px; background:none; border:0; border-radius:7px; color:#63738a; font-size:12px; font-weight:600; }.ws-segments [aria-pressed=true],.ws-segments [aria-current] { background:white; color:var(--navy); box-shadow:0 2px 5px #00205b10; }
.ws-save-state { margin-right:auto; color:var(--muted); font-size:11px; align-self:center; }.ws-save-state.is-dirty { color:#006795; }
.sa-page .pm-photo-card.ws-dragging { background:#edf7ff; outline:2px dashed var(--sky); outline-offset:4px; }
.sa-page .pm-content .pm-toolbar:has(h2) { padding:26px 28px; border-radius:14px; background:linear-gradient(120deg,#00205b,#0e3973); color:white; }
.sa-page .pm-content .pm-toolbar:has(h2) h2 { color:white; font-size:24px; }.sa-page .pm-content .pm-toolbar:has(h2) p { color:#b9cdea; margin-top:9px; }.sa-page .pm-content .pm-toolbar:has(h2) h2>span { background:#ffffff18; color:#d6e6ff; }.sa-page .pm-content .pm-toolbar:has(h2) .button-primary { color:var(--navy); background:white; box-shadow:0 3px 12px #00184030; }
@media(max-width:1100px) { .ac-preview { align-items:flex-start; flex-direction:column; }.sa-page .sa-content { padding:26px; } }
@media(max-width:767px) { .sa-page .sa-content { padding:20px 16px 32px; }.sa-page .sa-page-heading h1 { font-size:29px; }.ac-preview { padding:12px; }.ac-preview label { width:100%; justify-content:space-between; }.ac-preview select { max-width:225px; }.ac-preview>div>span:last-child { font-size:10px; }.sa-page .pm-summary { gap:8px; }.sa-page .pm-summary>div { padding:16px 12px; }.sa-page .pm-summary strong { font-size:28px; }.sa-page .pm-table td { padding:0; }.sa-page .pm-row-actions { padding-top:12px; }.sa-page .pm-row-actions a,.sa-page .pm-row-actions button { min-height:40px; }.sa-page .pm-form-footer { flex-wrap:wrap; padding:12px; }.ws-save-state { flex-basis:100%; }.sa-page .pm-profile-identity { gap:12px; }.ws-segments { width:100%; }.ws-segments button,.ws-segments a { flex:1; } }