/* Admin shell-only navigation treatment; prototype workspace styles remain unchanged. */
body[data-deluxe-shell] { visibility: hidden; }
/* Standalone client portal pages do not mount the staff auth bootstrap that
   normally reveals deluxe pages; keep loading and access errors visible. */
body[data-deluxe-shell].client-portal-page { visibility: visible; }
/* Profile draft must render its protected loading/sign-in state instead of a blank page while app.mjs resolves auth. */
body[data-deluxe-shell]:has(.profile-wrap), body[data-deluxe-shell]:has(#profile-heading) { visibility: visible; }
body[data-deluxe-shell].mss-auth-ready { visibility: visible; }
body[data-deluxe-shell]:has(#register-form) { visibility: visible; }
.mss-sidebar .mss-sidebar-disabled { width: 100%; justify-content: flex-start; color: #5e6979; background: transparent; border: 1px solid transparent; box-shadow: none; text-align: left; }
.mss-sidebar[hidden] { display: none; }
.mss-sidebar .mss-sidebar-disabled:hover, .mss-sidebar .mss-sidebar-disabled:focus-visible { color: #aab7c9; background: #0b1527; border-color: #334e70; box-shadow: none; }
.mss-sidebar .mss-sidebar-logout { width:100%; min-height:42px; margin: auto 0 0; padding:9px 14px; color:#fff; background:#8f1730; border:1px solid #ff6d87; border-radius:9px; box-shadow:0 0 16px rgba(198,40,61,.24); font:inherit; font-weight:800; cursor:pointer; }
.mss-sidebar .mss-sidebar-logout:hover,.mss-sidebar .mss-sidebar-logout:focus-visible { background:#c6283d; outline:3px solid #ff8da0; outline-offset:2px; }
.mss-feature-state { margin-left: auto; color: #76869c; font-size: .62rem; font-weight: 700; letter-spacing: .02em; white-space: nowrap; }
.mss-sidebar .mss-sidebar-disabled .mss-feature-state { color: #7b8798; }
#navigation-status { margin: 12px 10px 0; font-size: .72rem; }
.mss-sidebar > #navigation-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.mss-form { display: grid; gap: 10px; max-width: 760px; }
.mss-form label { display: grid; gap: 6px; color: #a9c8f7; font-size: .86rem; font-weight: 700; }
.mss-form input, .mss-form select, .mss-form textarea { width: 100%; box-sizing: border-box; min-height: 42px; padding: 10px 12px; color: #f7fbff; background: #091426; border: 1px solid #37557b; border-radius: 8px; font: inherit; }
.mss-form textarea { min-height: 88px; resize: vertical; }
.mss-form input:focus-visible, .mss-form select:focus-visible, .mss-form textarea:focus-visible { outline: 3px solid #6ea8ff; outline-offset: 2px; border-color: #6ea8ff; }
.mss-form button { justify-self: start; margin-top: 4px; }
.password-reveal-wrap { position: relative; }
.password-reveal-wrap input { padding-right: 48px; }
.password-reveal { position: absolute; right: 8px; bottom: 6px; min-width: 34px; min-height: 30px; margin: 0 !important; padding: 0; color: #a9c8f7; background: transparent; border: 0; cursor: pointer; }
.password-reveal:focus-visible { outline: 2px solid #6ea8ff; outline-offset: 2px; }
.registration-success { color: #55d6a0; font-weight: 800; }
.auth-screen .mss-main { width: min(100% - 28px, 920px); margin-inline: auto; padding: 18px 0 24px; }
.auth-screen .mss-menu-toggle { display: none; }
.mss-auth-brand { display: flex; align-items: center; justify-content: center; min-height: 88px; margin: 0 auto 12px; text-align: center; }
.mss-auth-brand-logo { display: block; width: min(100%, 360px); max-height: 100px; object-fit: contain; }
.mss-auth-brand-fallback { color: #f7fbff; font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif; font-size: clamp(2rem, 6vw, 3.5rem); }
.readonly-client-standalone .mss-main { width: min(100% - 28px, 920px); margin-inline: auto; padding: 30px 0 42px; }
.auth-screen .mss-page-title { margin-bottom: 14px; }
.auth-screen .mss-card { margin-top: 14px; }
.auth-screen .mss-card .mss-page-description { margin-bottom: 12px; }
.auth-secondary-link { margin-top: 12px; }
.mss-row button + button { margin-left: 8px; }
.dashboard-summary-grid .mss-row strong { min-width: 0; max-width: 68%; text-align: right; overflow-wrap: anywhere; }
@media (max-width: 760px) { .mss-row { flex-direction: column; align-items: stretch; } .mss-row button + button { margin-left: 4px; } .mss-row > div:last-child { display: flex; flex-wrap: wrap; gap: 8px; } .mss-row > div:last-child button + button { margin-left: 0; } }
@media (max-width: 760px) { .mss-feature-state { display: none; } .mss-page-heading { white-space: normal; overflow-wrap: anywhere; } }
/* Keep auth and portal shells aligned with the shared compact title rhythm. */
.auth-screen .mss-main { padding-top:8px; }
@media (max-width:760px) { .auth-screen .mss-main { padding-top:48px; } }
@media (max-width: 760px) { .auth-screen .mss-main { width: auto; margin: 0; padding: 48px 14px 28px; } }
@media (max-width: 760px) { .mss-auth-brand { min-height: 88px; margin-bottom: 18px; } .mss-auth-brand-logo { width: min(100%, 320px); max-height: 96px; } }
@media (max-width: 760px) { .auth-screen .mss-auth-brand { width: 100%; max-width: 100%; overflow: hidden; } .auth-screen .mss-auth-brand-logo { max-width: 100%; height: auto; } .auth-screen .mss-page-description { overflow-wrap: anywhere; } .auth-screen .mss-card { overflow: hidden; } }
@media (max-width: 760px) { .readonly-client-standalone .mss-main { width: auto; margin: 0; padding: 28px 14px; } }
.white-label-settings { grid-column:1/-1; margin-top:20px; }
.white-label-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:18px; }
.white-label-grid details { min-height:0; }
.white-label-grid summary { color:var(--mss-text); font-weight:800; cursor:pointer; }
.white-label-grid details[open] summary { margin-bottom:12px; }
@media(max-width:900px){.white-label-grid{grid-template-columns:1fr}}

/* Stream: dense one-screen operational history with an internally scrolling feed. */
.stream-page{overflow:hidden}.stream-main{height:100vh;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;overflow:hidden}.stream-main>.mss-page-title,.stream-main>header{flex:0 0 auto}.stream-toolbar,.stream-group-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.stream-toolbar>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stream-live{display:inline-flex;align-items:center;gap:7px;font-weight:800}.stream-live i{width:9px;height:9px;border-radius:50%;background:#f47a16;box-shadow:0 0 10px #f47a16}.stream-connected{color:#52d6a0}.stream-connected i{background:#52d6a0;box-shadow:0 0 10px #52d6a0}.stream-disconnected{color:#ff7188}.stream-disconnected i{background:#c6283d}.stream-paused{color:#ffc06a}.stream-summary{display:grid;grid-template-columns:repeat(7,minmax(95px,1fr));gap:8px}.stream-summary article{min-width:0;padding:10px 12px;background:#0d1424;border:1px solid #37557b;border-radius:9px}.stream-summary span{display:block;color:#a9c8f7;font-size:.72rem}.stream-summary strong{display:block;margin-top:3px;font-size:1.2rem}.stream-filter-card{flex:0 0 auto;margin:0;padding:10px 14px}.stream-filter-card summary{font-weight:800;cursor:pointer}.stream-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:9px;margin-top:12px}.stream-filter-grid label{display:grid;gap:4px;color:#a9c8f7;font-size:.75rem;font-weight:700}.stream-filter-grid input,.stream-filter-grid select,.stream-group-bar select{width:100%;box-sizing:border-box;min-height:38px;padding:7px 9px;color:#f7fbff;background:#091426;border:1px solid #37557b;border-radius:7px}.stream-filter-grid input:focus-visible,.stream-filter-grid select:focus-visible,.stream-group-bar select:focus-visible{outline:3px solid #6ea8ff;outline-offset:2px}.stream-search{grid-column:span 2}.stream-filter-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.stream-group-bar{flex:0 0 auto;padding:4px 0}.stream-group-bar label{display:flex;align-items:center;gap:8px;font-weight:800}.stream-feed{flex:1 1 auto;min-height:140px;overflow:auto;overscroll-behavior:contain;border:1px solid #30496b;border-radius:10px;background:#070f1d}.stream-event{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 13px;border-bottom:1px solid #253a58}.stream-event:hover,.stream-event:focus-visible{background:#101d32;outline:2px solid #6ea8ff;outline-offset:-2px}.stream-event-main{min-width:0}.stream-event-main p{margin:4px 0;overflow-wrap:anywhere}.stream-event-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#a9c8f7;font-size:.72rem}.stream-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#1768e5;border:1px solid #6ea8ff;font-weight:800}.stream-badge{display:inline-flex;padding:2px 6px;border:1px solid #37557b;border-radius:999px;background:#13213a;color:#cfe2ff;font-size:.66rem;font-weight:800}.stream-succeeded{color:#52d6a0;border-color:#2c8d6c}.stream-failed,.stream-rejected{color:#ff8999;border-color:#c6283d}.stream-pending{color:#ffc06a;border-color:#f47a16}.stream-group-heading{position:sticky;top:0;z-index:1;margin:0;padding:8px 13px;background:#162847;border-bottom:1px solid #438ef5;font:800 .82rem Inter,sans-serif}.stream-empty{padding:28px;text-align:center}.stream-new-marker,.stream-load{align-self:center}.stream-drawer{width:min(680px,calc(100vw - 28px));max-height:88vh;padding:0;color:#f7fbff;background:#0d1424;border:1px solid #438ef5;border-radius:12px}.stream-drawer::backdrop{background:#020713dc}.stream-drawer header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#0d1424;border-bottom:1px solid #30496b}.stream-drawer h2{margin:0}.stream-drawer>div{padding:18px;overflow:auto}.stream-drawer dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 14px}.stream-drawer dt{color:#a9c8f7;font-weight:800}.stream-drawer dd{margin:0;overflow-wrap:anywhere}.stream-drawer pre{max-width:100%;overflow:auto;white-space:pre-wrap}.stream-detail-message{font-size:1.08rem;font-weight:800}.stream-page #stream-status{flex:0 0 auto;min-height:1.2em;margin:0;color:#a9c8f7}
@media(max-width:1050px){.stream-summary{grid-template-columns:repeat(4,minmax(100px,1fr))}.stream-filter-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}}
@media(max-width:760px){.stream-page{overflow:auto}.stream-main{height:auto;min-height:100vh;overflow:visible}.stream-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-filter-grid{grid-template-columns:1fr}.stream-search{grid-column:auto}.stream-feed{max-height:62vh}.stream-event{grid-template-columns:38px minmax(0,1fr)}.stream-event>button{grid-column:2;justify-self:start}.stream-drawer dl{grid-template-columns:1fr}.stream-drawer dt{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.stream-page *{scroll-behavior:auto!important;transition:none!important}}

/* Client Portal global visual and interaction rules. */
.client-portal-page { overflow-x: clip; }
.client-portal-page .client-portal-main { width: min(100% - 36px, 1240px); margin: 0 auto; padding: 30px 0 42px; }
.client-portal-page .mss-page-heading { white-space: normal; overflow-wrap: anywhere; }
.client-portal-page .mss-page-title { margin-bottom: 18px; }
.client-portal-nav { display: flex; flex-wrap: wrap; justify-content: center; max-width: 100%; gap: 12px; margin: 0 0 18px; padding: 0 0 18px; border-bottom: 1px solid var(--mss-line); }
.client-portal-nav a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 11px 20px; color: var(--mss-text); background: var(--mss-surface); border: 1px solid var(--mss-line); border-radius: 10px; box-shadow: var(--mss-glow-rest); font-weight: 800; text-align: center; text-decoration: none; transition: background var(--mss-ease), border-color var(--mss-ease), box-shadow var(--mss-ease); }
.client-portal-nav a:hover,.client-portal-nav a:focus-visible { color: var(--white); background: var(--mss-surface-raised); border-color: var(--mss-cyan); box-shadow: var(--mss-glow-hover); outline: none; }
.client-portal-nav a[aria-current="page"] { color: var(--white); background: var(--mss-blue); border-color: var(--mss-cyan); box-shadow: var(--mss-glow-hover); }
.client-portal-note { margin: 0 0 20px; padding: 14px 16px; color: var(--mss-text); background: var(--mss-surface-raised); border-left: 4px solid var(--orange); }
.client-portal-section-label { margin: 0 0 12px; color: var(--mss-text); font-size: .94rem; font-weight: 800; letter-spacing: .04em; text-align: center; text-transform: none; }
.client-portal-card-grid,.client-service-grid,.client-domain-email-grid { align-items: stretch; }
.client-portal-card { display: flex; flex-direction: column; min-height: 0; overflow-wrap: anywhere; }
.client-portal-card > h2 { margin-top: 0; }
.client-portal-card > :last-child { margin-bottom: 0; }
.client-portal-card .mss-row { margin-top: 0; }
.client-portal-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.client-portal-actions .mss-button { margin: 0; }
.client-capability-list { display: grid; gap: 7px; margin: 12px 0 16px; padding-left: 20px; color: var(--mss-text); }
.client-portal-link-card { color: inherit; text-decoration: none; cursor: pointer; }
.client-portal-link-card:hover,.client-portal-link-card:focus-visible { color: inherit; border-color: var(--mss-cyan); background: var(--mss-surface-raised); box-shadow: var(--mss-glow-hover); outline: none; }
.client-card-destination { margin-top: auto; padding-top: 16px; color: var(--mss-cyan); font-weight: 800; }
.client-domain-list { display: grid; gap: 0; padding: 0; list-style: none; }
.client-domain-list li { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; border-top: 1px solid var(--mss-line); }
.client-domain-list li span { color: var(--mss-muted); font-size: .86rem; text-align: right; }
.client-portal-field { display: grid; gap: 6px; margin: 14px 0 10px; color: var(--mss-muted); font-size: .86rem; font-weight: 700; }
.client-portal-field input { width: 100%; box-sizing: border-box; min-height: 42px; padding: 10px 12px; color: var(--mss-text); background: var(--mss-bg); border: 1px solid var(--mss-line); border-radius: 8px; font: inherit; }
.client-portal-field input:focus-visible { border-color: var(--mss-cyan); outline: 3px solid var(--focus); outline-offset: 2px; }
.mss-locale-toggle { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin:4px 0 4px auto; width:max-content; color:#8fa7c8; font:800 .8rem/1 var(--sans); letter-spacing:.04em; }
.mss-locale-toggle button { box-sizing:border-box; min-width:52px; min-height:45px; border:1px solid transparent; background:transparent; color:#aab7c9; padding:8px 10px; border-radius:4px; font:800 .8rem/1 inherit; letter-spacing:.04em; cursor:pointer; }
.mss-locale-toggle button.active { color:#fff; background:#1768e5; border-color:#1768e5; box-shadow:0 0 14px rgba(23,104,229,.35); }
.mss-locale-toggle button:focus-visible { outline:2px solid #6ea8ff; outline-offset:2px; }
@media (max-width: 760px) {
  .mss-locale-toggle { width:100%; box-sizing:border-box; margin-left:0; margin-right:0; gap:8px; }
  .mss-locale-toggle button { min-width:48px; min-height:42px; padding:7px 9px; font-size:.78rem; }
  .client-portal-page .client-portal-main { width: auto; margin: 0; padding: 28px 14px; }
  .client-portal-nav { display: grid; grid-template-columns: minmax(0,1fr); }
  .client-portal-nav a { width: 100%; box-sizing: border-box; }
  .client-domain-list li { align-items: flex-start; flex-direction: column; }
  .client-domain-list li span { text-align: left; }
}
/* Stream pagination: explicit page state remains visible below the feed. */
.stream-pagination{display:flex;align-items:center;justify-content:center;gap:14px;flex:0 0 auto;padding:4px 0}.stream-pagination span{min-width:92px;color:#cfe2ff;font-weight:800;text-align:center}.stream-pagination .mss-button:disabled{cursor:not-allowed;opacity:.55}
.privacy-actions{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0;padding:10px 12px;background:#0d1424ee;border:1px solid #30496b;border-radius:9px}.privacy-actions span{margin-right:auto;color:#a9c8f7;font-weight:800}.privacy-request{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(180px,auto);gap:12px;align-items:center;padding:10px 0;border-top:1px solid #30496b}.privacy-request span{color:#52d6a0;font-weight:800}.privacy-request time{color:#a9c8f7;font-size:.82rem}.mss-form input[type=checkbox]{width:22px;min-height:22px;accent-color:#1768e5}.mss-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px;min-height:44px}.privacy-empty{color:#a9c8f7}@media(max-width:760px){.privacy-actions{align-items:stretch}.privacy-actions .mss-button{width:100%}.privacy-actions span{width:100%}.privacy-request{grid-template-columns:1fr;gap:4px}}
@media(min-width:761px){.stream-main{height:auto;min-height:100vh;overflow:visible}.stream-feed{flex:0 0 auto;min-height:1320px;max-height:none;overflow:visible}}
@media(min-width:761px){body.stream-page .stream-main>header:not(.mss-page-title){margin:0!important;padding-bottom:0!important;border-bottom:0!important}body.stream-page .stream-main>section.stream-toolbar{margin-top:0!important;border-top:0!important;border-bottom:0!important;padding-top:0!important}.stream-main{gap:8px}}

/* Keep client row actions visually separated and responsive. */
#client-list .mss-row > div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0}
#client-list .mss-row > div:last-child .mss-button{margin:0;white-space:nowrap}
@media(max-width:900px){#client-list .mss-row{display:grid;gap:12px}#client-list .mss-row > div:last-child{justify-content:flex-start}}

/* Stream quick search: readable controls above the collapsible advanced filters. */
.stream-quick-search{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,280px) auto;gap:12px;align-items:end;margin:12px 0 14px}
.stream-quick-search label{display:grid;gap:6px;min-width:0;color:var(--muted);font-weight:700}
.stream-quick-search input,.stream-quick-search select{box-sizing:border-box;width:100%;min-height:42px;padding:9px 12px;color:var(--text);background:var(--panel);border:1px solid var(--mss-line);border-radius:9px;font:inherit}
.stream-quick-search button{min-height:42px;padding:9px 18px;white-space:nowrap}
@media(max-width:700px){.stream-quick-search{grid-template-columns:1fr}.stream-quick-search button{width:max-content}}

@media(min-width:761px){body:has(.team-tabs) .mss-main>header:not(.mss-page-title){margin-bottom:8px!important;padding-bottom:8px!important;border-bottom:0!important}body:has(.team-tabs) .team-tabs{padding-top:8px}}

@media(min-width:1100px){body.services-page:has(.website-tabs) .website-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}body.services-page:has(.website-tabs) .website-tabs .website-tab{width:100%;min-width:0;white-space:nowrap;text-align:center}}

.mss-mail-shell{background:var(--surface,#10192b);border:1px solid var(--accent,#3b8cff);border-radius:12px;overflow:hidden;box-shadow:0 0 18px #1476ff44}.mss-mail-toolbar{display:flex;align-items:end;gap:10px;padding:12px 14px;flex-wrap:wrap}.mss-mailbox-label{flex:1;min-width:220px}.mss-mail-toolbar select{margin-top:4px}.mss-mail-tabs{display:flex;gap:2px;padding:0 14px;border-bottom:1px solid #32425d;overflow:auto}.mss-mail-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;padding:9px 12px;cursor:pointer;font-size:.9rem;font-weight:700;white-space:nowrap}.mss-mail-tab:hover,.mss-mail-tab.is-active{color:var(--accent,#65a6ff);border-bottom-color:var(--accent,#65a6ff);background:#1b2b48}.mss-mail-content{display:grid;grid-template-columns:160px minmax(260px,1fr) minmax(280px,1.2fr);min-height:350px}.mss-mail-list{padding:8px;border-right:1px solid #32425d}.mss-mail-row{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;border-bottom:1px solid #273752;background:transparent;color:inherit;padding:10px 8px;font-size:.9rem;cursor:pointer}.mss-mail-row:hover,.mss-mail-row.is-unread{background:#1d3762}.mss-mail-dot{width:14px;color:#66a9ff}.mss-mail-row-main{display:flex;flex-direction:column;gap:2px;overflow:hidden}.mss-mail-row-main span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mss-mail-reader{padding:16px;overflow:auto;font-size:.92rem}.mss-mail-reader h2{margin-top:0;font-size:1.2rem}.mss-mail-pagination{display:flex;gap:6px;padding:10px 0}.mss-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:800px){.mss-mail-content{grid-template-columns:1fr}.mss-mail-list{border-right:0}.mss-mail-reader{border-top:1px solid #32425d}}
.mss-mail-folders{padding:10px 6px;border-right:1px solid #32425d}.mss-mail-folders h2{font-size:.9rem;margin:0 8px 8px}.mss-mail-folders nav{display:flex;flex-direction:column;gap:2px}.mss-mail-tab{width:100%;text-align:left;border:0;border-left:3px solid transparent;border-radius:5px;padding:8px 9px;background:transparent;color:inherit;cursor:pointer;font-size:.88rem;font-weight:700}.mss-mail-tab:hover,.mss-mail-tab.is-active{color:var(--accent,#65a6ff);border-left-color:var(--accent,#65a6ff);background:#1b2b48}.mss-mail-content{grid-template-columns:160px minmax(260px,1fr) minmax(280px,1.2fr)}
@media(max-width:900px){.mss-mail-content{grid-template-columns:150px 1fr}.mss-mail-reader{grid-column:2;border-top:1px solid #32425d}.mss-mail-folders{grid-row:1 / span 2}}