.ui-modal-backdrop { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.45); display: none; align-items: center; justify-content: center; padding: 18px; z-index: 60; }
.ui-modal { width: min(920px, 100%); max-height: 90vh; overflow: auto; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--ui-radius); padding: 14px; outline: none; color: var(--ui-text); }
.ui-modal:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ui-modal-head { display:flex; justify-content: space-between; align-items:flex-start; gap: 10px; margin-bottom: 10px; }
.ui-modal-head-actions { display:flex; gap:8px; align-items:center; }
.ui-modal-title { margin:0; font-size: 20px; }
.ui-modal-subtitle { margin:4px 0 0; color: var(--ui-subtle); font-size: 13px; }
.ui-modal-body { margin-bottom: 6px; }
.ui-modal-footer { display:flex; gap:8px; flex-wrap:wrap; margin-top: 10px; }

.shell-side-shell details > summary::-webkit-details-marker { display:none; }
.shell-side-shell { transition: width 180ms ease; }
body.shell-sidebar-collapsed .shell-side-label,
body.shell-sidebar-collapsed .shell-side-meta,
body.shell-sidebar-collapsed .shell-side-caret,
body.shell-sidebar-collapsed .shell-side-title { display:none !important; }
body.shell-sidebar-collapsed .shell-side-shell { width:68px; }
body.shell-sidebar-collapsed .shell-side-shell details[open] > div { display:none !important; }
body.shell-sidebar-collapsed .shell-side-shell summary { justify-content:center !important; }
body.shell-sidebar-collapsed #shell-sidebar-toggle-btn { display: none !important; }
body.shell-sidebar-collapsed .app-shell-sidebar:hover #shell-sidebar-toggle-btn { display: inline-flex !important; }
.shell-menu-link { transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease; transform-origin:center; }
.shell-menu-link:hover { border-color: color-mix(in srgb, var(--ui-primary) 32%, var(--ui-border)); box-shadow: inset 3px 0 0 color-mix(in srgb, var(--ui-primary) 70%, transparent); }
.shell-accordion { border:1px solid var(--ui-border); border-radius:12px; background:var(--ui-muted-bg); padding:6px 8px; }
.shell-accordion.active { border-color: color-mix(in srgb, var(--ui-primary) 45%, var(--ui-border)); box-shadow: inset 3px 0 0 color-mix(in srgb, var(--ui-primary) 72%, transparent); }
.shell-accordion-summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; font-size:12px; font-weight:800; color:var(--ui-subtle); text-transform:uppercase; letter-spacing:.06em; gap:8px; padding:2px 0; }
.shell-accordion-details { display:grid; gap:7px; margin-top:8px; }
.shell-submenu-wrap { border:1px solid var(--ui-border); border-radius:10px; background:var(--ui-surface); }
.shell-submenu-head { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 10px; cursor:pointer; }
.shell-submenu-items { display:grid; gap:6px; padding:0 8px 8px 26px; }
.shell-submenu-link { display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:9px; border:1px solid var(--ui-border); text-decoration:none; font-weight:600; }
.shell-submenu-link.active { background:color-mix(in srgb, var(--ui-primary) 20%, var(--ui-surface)); color:var(--ui-primary); border-color:color-mix(in srgb, var(--ui-primary) 35%, var(--ui-border)); }
.shell-submenu-dot { width:8px; height:8px; border-radius:999px; display:inline-flex; background:color-mix(in srgb, var(--ui-text) 45%, transparent); flex:0 0 auto; }
.shell-submenu-link.active .shell-submenu-dot { background:#ffffff; }
.shell-contrast-caret { color: color-mix(in srgb, var(--ui-primary) 72%, #ffffff); font-weight: 900; }
.shell-collapse-btn {
    color: #ffffff;
    background: linear-gradient(135deg, color-mix(in srgb, var(--ui-primary) 88%, #0b1420), color-mix(in srgb, var(--ui-primary) 70%, #1f2f4a));
    border: 1px solid color-mix(in srgb, var(--ui-primary) 40%, #ffffff);
    box-shadow: 0 4px 14px rgba(16, 34, 64, .28);
}
.shell-collapse-btn:hover { filter: brightness(1.08); }
.shell-side-shell { margin:0; height:100vh; border-radius:0; padding:0; overflow:hidden; }
.shell-side-head { padding:14px 12px; border-bottom:1px solid var(--ui-border); background:var(--ui-surface); position:sticky; top:0; z-index:5; }
.shell-side-head-row { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.shell-logo-link { display:flex; align-items:center; gap:10px; min-width:0; text-decoration:none; color:var(--ui-text); }
.shell-logo-mark { width:36px; height:36px; border-radius:11px; background:linear-gradient(135deg,#8BC34A,#6EA530); display:flex; align-items:center; justify-content:center; color:#ffffff; font-weight:900; letter-spacing:.02em; box-shadow:0 4px 14px rgba(54,90,26,.25); }
.shell-side-title { font-weight:900; white-space:nowrap; color:color-mix(in srgb, var(--ui-text) 88%, #fff); }
.shell-collapse-btn { width:32px; height:32px; border-radius:9px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; }
.shell-side-scroll { max-height:calc(100vh - 96px); overflow:auto; padding:10px 10px 14px; display:grid; gap:10px; }
.shell-side-meta { padding:10px; border-radius:10px; background:var(--ui-muted-bg); border:1px solid var(--ui-border); font-size:12px; color:var(--ui-subtle); }
.shell-icon-box { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:6px; background:var(--ui-surface); }
.shell-icon-box-sm { display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; border-radius:5px; background:var(--ui-muted-bg); font-size:10px; }
.shell-icon-box-surface { background:var(--ui-surface); }
.shell-icon-xs { font-size:10px; }
.shell-icon-sm { font-size:11px; }
.shell-side-label-flex { flex:1; }
.shell-side-caret-md { font-size:14px; }
.shell-side-caret-sm { font-size:12px; }
.shell-inline-row { display:flex; align-items:center; gap:8px; }
.shell-inline-row-min { display:flex; align-items:center; gap:8px; min-width:0; }
.shell-submenu-head { list-style:none; }
.shell-submenu-label { font-weight:700; }
.shell-status-dot { display:inline-flex; width:8px; height:8px; border-radius:999px; background:#64748b; }
.shell-submenu-link:not(.active) { color:var(--ui-text); background:var(--ui-surface); }
.shell-menu-link { display:flex; align-items:center; justify-content:space-between; border-radius:10px; padding:9px 10px; text-decoration:none; }
.shell-menu-link.is-active { background:color-mix(in srgb, var(--ui-primary) 16%, var(--ui-surface)); color:var(--ui-primary); border:1px solid color-mix(in srgb, var(--ui-primary) 32%, var(--ui-border)); font-weight:700; }
.shell-menu-link:not(.is-active) { background:var(--ui-surface); color:var(--ui-text); border:1px solid var(--ui-border); font-weight:500; }
.shell-menu-link.is-disabled { opacity:.84; }
.shell-coming-details { border:1px dashed var(--ui-border); border-radius:12px; background:var(--ui-muted-bg); padding:6px 8px; }
.shell-coming-summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; font-size:12px; font-weight:800; color:var(--ui-subtle); text-transform:uppercase; letter-spacing:.06em; gap:8px; }
.shell-coming-grid { display:grid; gap:7px; margin-top:8px; }
.shell-coming-subject { border:1px dashed var(--ui-border); border-radius:10px; background:var(--ui-surface); padding:6px 8px; }
.shell-coming-subject-summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; font-size:11px; font-weight:800; color:var(--ui-subtle); text-transform:uppercase; letter-spacing:.04em; gap:8px; }
.shell-coming-items { display:grid; gap:6px; margin-top:7px; }
.shell-coming-item { display:flex; align-items:center; justify-content:space-between; border-radius:10px; padding:8px 9px; text-decoration:none; background:var(--ui-muted-bg); color:var(--ui-subtle); border:1px dashed var(--ui-border); opacity:.88; }

.ph-stack { display:grid; gap:18px; }
.ph-card-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; flex-wrap:wrap; }
.ph-card-head-center { align-items:center; margin-bottom:14px; }
.ph-chip-actions { display:flex; gap:8px; flex-wrap:wrap; }
.ph-chip-actions-end { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.ph-form-flat { margin:0; }
.ph-page-title { font-size:32px; font-weight:800; line-height:1.1; color:#2f2b4f; }
.ph-page-subtitle { margin-top:8px; color:#7f7c9d; }
.ph-eyebrow { font-size:12px; color:#8b87ad; text-transform:uppercase; letter-spacing:.08em; }
.ph-section-title { font-size:28px; font-weight:800; color:#2f2b4f; margin-top:4px; }
.ph-section-body { font-size:14px; color:#7f7c9d; margin-top:4px; }
.ph-hero-grid { display:grid; grid-template-columns:2fr 1fr; gap:14px; align-items:stretch; }
.ph-hero-panel { padding:16px; border-radius:18px; background:linear-gradient(135deg,#7367f0 0%,#9b8cff 100%); color:#fff; min-height:156px; }
.ph-hero-eyebrow { font-size:12px; opacity:.82; text-transform:uppercase; letter-spacing:.08em; }
.ph-hero-title { font-size:30px; font-weight:800; margin-top:8px; }
.ph-hero-copy { margin-top:8px; max-width:540px; line-height:1.6; opacity:.92; }
.ph-search-shell { margin-top:18px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.18); border-radius:14px; padding:10px 12px; max-width:520px; }
.ph-search-label { font-size:11px; opacity:.82; }
.ph-search-box { margin-top:6px; background:rgba(255,255,255,.96); border-radius:12px; padding:10px 12px; color:#6d6991; }
.ph-grid-gap-12 { display:grid; gap:12px; }
.ph-grid-gap-12-top { display:grid; gap:12px; margin-top:12px; }
.ph-grid-auto-220 { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.ph-grid-auto-220-top { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin-top:14px; }
.ph-grid-auto-180 { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; }
.ph-grid-auto-180-bottom { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; margin-bottom:10px; }
.ph-grid-two { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.ph-grid-transition { display:grid; grid-template-columns:1.4fr 1fr; gap:14px; align-items:start; }
.ph-metric-card { padding:14px; border-radius:18px; background:#f8f7ff; border:1px solid #ecebfb; }
.ph-soft-card { padding:14px; border-radius:18px; background:#fff; border:1px solid #ecebfb; }
.ph-soft-card-muted { border:1px solid #ecebfb; border-radius:18px; padding:14px; background:#fbfbff; }
.ph-dashed-card { padding:12px; border-radius:14px; background:#fff; border:1px dashed #d8d5f4; }
.ph-small-muted { font-size:12px; color:#8b87ad; }
.ph-small-neutral { font-size:12px; color:#6b678b; }
.ph-small-soft { font-size:12px; color:#5e5a84; }
.ph-small-slate { font-size:12px; color:#64748b; }
.ph-value-xl { font-size:26px; font-weight:800; color:#2f2b4f; margin-top:4px; }
.ph-value-strong { font-weight:800; color:#2f2b4f; margin-top:6px; }
.ph-value-semibold { font-weight:700; color:#2f2b4f; margin-top:4px; }
.ph-copy-muted { font-size:13px; color:#7f7c9d; margin-top:6px; }
.ph-copy-soft { font-size:12px; color:#5e5a84; margin-top:6px; }
.ph-copy-neutral { font-size:12px; color:#6b678b; margin-top:4px; }
.ph-top-4 { margin-top:4px; }
.ph-top-6 { margin-top:6px; }
.ph-top-8 { margin-top:8px; }
.ph-top-10 { margin-top:10px; }
.ph-top-14 { margin-top:14px; }
.ph-left-8 { margin-left:8px; }
.ph-bottom-8 { margin-bottom:8px; }
.ph-bottom-10 { margin-bottom:10px; }
.ph-bottom-14 { margin-bottom:14px; }
.ph-text-strong { font-weight:700; }
.ph-domain-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.ph-alert-offset { margin-top:10px; }
@media (max-width: 920px) {
  .ph-hero-grid,
  .ph-grid-transition,
  .ph-grid-two { grid-template-columns:1fr; }
}

.platform-ops-home {
    display: grid;
    gap: 16px;
}
.ops-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: end;
    padding: 20px;
    border: 1px solid var(--ui-border);
    border-radius: 8px;
    background: #ffffff;
}
.ops-kicker {
    font-size: 12px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
}
.ops-hero h1 {
    margin: 4px 0 0;
    color: #102a43;
    font-size: 30px;
    line-height: 1.15;
}
.ops-hero p {
    max-width: 760px;
    margin: 8px 0 0;
    color: #52616f;
    font-size: 14px;
    line-height: 1.55;
}
.ops-hero-actions,
.ops-action-row,
.ops-badge-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.ops-priority-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.ops-signal-card,
.ops-triage-row,
.ops-event-row,
.ops-domain-card,
.ops-recent-strip a,
.ops-detail-links a {
    text-decoration: none;
}
.ops-signal-card {
    min-height: 122px;
    display: grid;
    align-content: space-between;
    gap: 8px;
    padding: 16px;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    color: #102a43;
    background: #ffffff;
}
.ops-signal-card:hover,
.ops-triage-row:hover,
.ops-event-row:hover,
.ops-domain-card:hover,
.ops-recent-strip a:hover,
.ops-detail-links a:hover {
    border-color: #11868f;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
}
.ops-signal-card.is-hot {
    border-color: #f59e0b;
    background: #fffbeb;
}
.ops-signal-label,
.ops-triage-row small,
.ops-event-row small,
.ops-domain-card small {
    display: block;
    color: #64748b;
    font-size: 12px;
}
.ops-signal-card strong {
    font-size: 30px;
    line-height: 1;
}
.ops-signal-card > span:last-child {
    color: #52616f;
    font-size: 13px;
}
.ops-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 16px;
    align-items: start;
}
.ops-bottom-grid {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
}
.ops-triage-list,
.ops-event-list,
.ops-domain-grid,
.ops-detail-links {
    display: grid;
    gap: 10px;
}
.ops-triage-row,
.ops-event-row,
.ops-domain-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 64px;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #102a43;
    background: #ffffff;
}
.ops-triage-row strong,
.ops-event-row strong,
.ops-domain-card strong {
    display: block;
    color: #102a43;
    font-size: 14px;
    line-height: 1.3;
}
.ops-action-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.ops-row-arrow {
    color: #11868f;
    font-size: 12px;
    font-weight: 800;
}
.ops-domain-card {
    min-height: 58px;
}
.ops-recent-strip {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 12px;
}
.ops-recent-strip a,
.ops-detail-links a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #102a43;
    background: #ffffff;
    font-size: 12px;
    font-weight: 700;
}
.ops-detail-drawer {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    padding: 12px;
}
.ops-detail-drawer summary {
    cursor: pointer;
    color: #102a43;
    font-weight: 800;
}
.ops-detail-links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 12px;
}
.ops-badge-row {
    justify-content: flex-start;
    margin-top: 12px;
}
.ops-compact-brief .ui-strategic-title {
    max-width: 680px;
}
.ops-compact-brief .ui-strategic-copy {
    max-width: 720px;
}
.ops-lifecycle-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.ops-lifecycle-strip a {
    display: grid;
    gap: 6px;
    min-height: 78px;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    color: #102a43;
    text-decoration: none;
}
.ops-lifecycle-strip a:hover {
    border-color: #11868f;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
}
.ops-lifecycle-strip span {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}
.ops-lifecycle-strip strong {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 18px;
    line-height: 1.2;
}
@media (max-width: 1180px) {
    .ops-priority-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ops-main-grid,
    .ops-bottom-grid {
        grid-template-columns: 1fr;
    }
    .ops-lifecycle-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 720px) {
    .ops-hero,
    .ops-priority-grid,
    .ops-action-grid,
    .ops-detail-links,
    .ops-lifecycle-strip {
        grid-template-columns: 1fr;
    }
    .ops-hero-actions {
        justify-content: flex-start;
    }
    .ops-hero h1 {
        font-size: 24px;
    }
}

.st-side-backdrop { position:fixed; inset:0; z-index:125; background:rgba(2,6,23,.38); }
.st-side-sheet {
    position:fixed; top:0; right:0; z-index:130; height:100vh; width:min(520px,100%);
    background:var(--tenant-surface-1,#fff); border-left:1px solid var(--tenant-border,#dbe2ef);
    box-shadow:-18px 0 36px rgba(2,6,23,.22); display:grid; grid-template-rows:auto 1fr auto;
}
.st-sheet-head { display:flex; justify-content:space-between; align-items:flex-start; gap:8px; padding:14px; border-bottom:1px solid var(--tenant-border,#dbe2ef); }
.st-sheet-body { padding:12px 14px; overflow:auto; overflow-x:hidden; display:grid; gap:10px; }
.st-sheet-foot { padding:12px 14px; border-top:1px solid var(--tenant-border,#dbe2ef); background:var(--tenant-surface-2,#f8fafc); display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.st-mini-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.st-mini-card { border:1px solid var(--tenant-border,#dbe2ef); border-radius:10px; padding:8px; background:var(--tenant-surface-2,#f8fafc); min-width:0; }
.st-mini-label { font-size:11px; color:#64748b; text-transform:uppercase; letter-spacing:.04em; }
.st-mini-value { margin-top:4px; font-size:13px; font-weight:700; line-height:1.35; word-break:break-word; }
.st-brand-row { margin:4px 0 10px 0; display:flex; align-items:center; justify-content:space-between; }
.st-muted-copy { margin-bottom:10px; font-size:13px; color:#64748b; }
.st-muted-copy-sm { margin-bottom:10px; font-size:12px; color:#64748b; }
.st-guide-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; align-items:start; }
.st-guide-card { border:1px solid #dbe4f0; border-radius:12px; background:linear-gradient(180deg,#fff 0%,#f8fbff 100%); padding:12px; min-height:100%; }
.st-eyebrow { font-size:11px; color:#64748b; text-transform:uppercase; letter-spacing:.05em; }
.st-guide-title { font-weight:700; font-size:18px; margin-top:4px; }
.st-note { font-size:12px; color:#64748b; margin-top:4px; }
.st-actions { display:flex; gap:8px; flex-wrap:wrap; }
.st-actions-sm { display:flex; gap:6px; flex-wrap:wrap; }
.st-status-component-actions { margin-top:10px; }
.st-continuity-box { margin-top:8px; padding:10px; border:1px solid #dbe4f0; border-radius:12px; background:#fff; font-size:12px; color:#64748b; }
.st-continuity-box-first { margin-top:10px; }
.st-summary-label { font-size:11px; color:#6b7280; }
.st-summary-value { font-size:22px; font-weight:700; }
.st-title-strong { font-weight:700; }
.st-row-id { font-size:12px; color:#64748b; }
.st-pill-row { margin-top:6px; display:flex; gap:6px; flex-wrap:wrap; }
.st-pill { display:inline-flex; align-items:center; border:1px solid #dbe4f0; border-radius:999px; padding:5px 10px; font-size:12px; color:#475569; background:#fff; }
.st-cell-muted { font-size:12px; color:#64748b; }
.st-cell-note { margin-top:6px; font-size:12px; color:#64748b; }
.st-cell-note-bottom { font-size:12px; color:#64748b; margin-bottom:6px; }
.st-sheet-title { font-size:20px; font-weight:800; line-height:1.2; }
.st-sheet-subtitle { font-size:12px; color:#64748b; margin-top:3px; }
@media (max-width:760px) { .st-mini-grid { grid-template-columns:1fr; } }

.od-top-10 { margin-top:10px; }
.od-top-8 { margin-top:8px; }
.od-top-4 { margin-top:4px; }
.od-meta { font-size:12px; }
.od-stale { margin-top:4px; font-size:12px; color:#b45309; }
.od-list { margin:8px 0 0 18px; padding:0; font-size:12px; color:#64748b; }

.spm-wizard-shell{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:14px;align-items:start}
.spm-wizard-sidebar{background:#fff;border:1px solid var(--ui-border);border-radius:12px;padding:12px}
.spm-wizard-step{display:flex;gap:10px;padding:8px 2px;border-bottom:1px dashed var(--ui-border);text-decoration:none;color:inherit}
.spm-wizard-step:last-child{border-bottom:none}
.spm-wizard-step-num{width:28px;height:28px;border-radius:999px;border:1px solid var(--ui-border);display:grid;place-items:center;font-weight:700;color:#475569}
.spm-wizard-step-active .spm-wizard-step-num{background:#0f766e;color:#fff;border-color:#0f766e}
.spm-wizard-step-label{font-weight:700;line-height:1.2}
.spm-wizard-step-sub{font-size:12px;color:#64748b;line-height:1.2}
.spm-wizard-main{background:#fff;border:1px solid var(--ui-border);border-radius:12px;padding:12px}
.spm-wizard-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.spm-wizard-role-card{border:1px solid var(--ui-border);border-radius:10px;padding:12px}
.spm-wizard-role-title{font-weight:700}
.spm-wizard-role-sub{font-size:12px;color:#64748b;margin-top:4px}
.spm-wizard-nav{display:flex;justify-content:space-between;margin-top:10px}
@media (max-width: 980px){
  .spm-wizard-shell{grid-template-columns:1fr}
  .spm-wizard-role-grid{grid-template-columns:1fr}
}

.spm-card{background:#fff;border:1px solid var(--ui-border,#e2e8f0);border-radius:12px;padding:14px;margin-bottom:14px}
.spm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.spm-stack{display:flex;flex-direction:column;gap:8px}
.spm-label{font-size:12px;color:#64748b}
.spm-input{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}
.spm-btn{display:inline-block;padding:8px 12px;border-radius:8px;border:1px solid #0f766e;background:#0f766e;color:#fff;text-decoration:none;cursor:pointer}
.spm-btn-ghost{background:#fff;color:#0f172a;border-color:#cbd5e1}
.spm-badge{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid #f59e0b;background:#fffbeb;color:#92400e;font-size:12px}
.spm-table{width:100%;border-collapse:collapse}
.spm-table th,.spm-table td{border-bottom:1px solid #e2e8f0;padding:8px;text-align:left;vertical-align:top}
.spm-alert-ok{background:#ecfdf5;border-color:#10b981}
.spm-alert-warn{background:#fffbeb;border-color:#f59e0b}
@media (max-width:980px){.spm-grid{grid-template-columns:1fr}}

.auth-full-wrap {
    min-height: calc(100dvh - 32px);
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    margin: 16px;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid var(--auth-border);
    background: var(--auth-surface);
    box-shadow: 0 22px 50px rgba(14, 40, 44, 0.16);
    --auth-bg: linear-gradient(180deg, #f3faf9 0%, #e5f1f1 100%);
    --auth-surface: #f9fcfb;
    --auth-soft: #e7f2f2;
    --auth-hero: linear-gradient(160deg, #1f5b62 0%, #1b4e56 50%, #164147 100%);
    --auth-border: #b9d5d3;
    --auth-text: #173a40;
    --auth-muted: #466b72;
    --auth-accent: #11868f;
    --auth-accent-2: #9eca3b;
    --auth-accent-fg: #f4fffd;
    --spm-surface: var(--auth-surface);
    --spm-surface-muted: var(--auth-soft);
    --spm-surface-elevated: var(--auth-surface);
    --spm-text: var(--auth-text);
    --spm-text-muted: var(--auth-muted);
    --spm-text-contrast: var(--auth-accent-fg);
    --spm-primary: var(--auth-accent);
    --spm-primary-hover: var(--auth-accent-2);
    --spm-primary-contrast: var(--auth-accent-fg);
    --spm-success: #22c55e;
    --spm-warning: #f97316;
    --spm-danger: #ef4444;
    --spm-info: #3b82f6;
    --spm-border: var(--auth-border);
    --spm-ring: rgba(30, 64, 175, 0.24);
}
html[data-theme="dark"] .auth-full-wrap {
    --auth-bg: radial-gradient(circle at 16% 8%, #1b4d54 0%, #183f46 42%, #15363a 70%, #10262b 100%);
    --auth-surface: #14363b;
    --auth-soft: #194248;
    --auth-hero: linear-gradient(160deg, #102b31 0%, #12363c 52%, #14444b 100%);
    --auth-border: #2d727c;
    --auth-text: #e4f5f2;
    --auth-muted: #91c8c3;
    --auth-accent: #9eca3b;
    --auth-accent-2: #5bc5cf;
    --auth-accent-fg: #15363a;
    --spm-surface: var(--auth-surface);
    --spm-surface-muted: var(--auth-soft);
    --spm-surface-elevated: var(--auth-surface);
    --spm-text: var(--auth-text);
    --spm-text-muted: var(--auth-muted);
    --spm-text-contrast: var(--auth-accent-fg);
    --spm-primary: var(--auth-accent);
    --spm-primary-hover: var(--auth-accent-2);
    --spm-primary-contrast: var(--auth-accent-fg);
    --spm-success: #4ade80;
    --spm-warning: #fb923c;
    --spm-danger: #f87171;
    --spm-info: #60a5fa;
    --spm-border: var(--auth-border);
    --spm-ring: rgba(16, 185, 129, 0.24);
}
.auth-form-shell { order: 1; }
.auth-hero { order: 2; }
.auth-hero {
    background:
        radial-gradient(circle at 14% 20%, rgba(91, 197, 207, 0.18), transparent 46%),
        radial-gradient(circle at 78% 78%, rgba(158, 202, 59, 0.2), transparent 44%),
        var(--auth-hero);
    color: #effffc;
    padding: 40px 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
}
.auth-hero h1 { margin: 0; font-size: 32px; line-height: 1.15; }
.auth-hero p { margin: 8px 0 0; color: rgba(239, 246, 255, 0.86); max-width: 32rem; }
.auth-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: #effffc;
    text-decoration: none;
}
.auth-logo-mark {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid rgba(203, 242, 236, 0.5);
    background: rgba(203, 242, 236, 0.14);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.03em;
}
.auth-logo-text {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1;
}
.auth-hero-badge { display: none; }
.auth-illustration { display: none; }
.auth-form-shell {
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--auth-bg);
}
.auth-card {
    width: min(480px, calc(100% - 4px));
    border: 1px solid var(--auth-border);
    border-radius: 12px;
    box-shadow: 0 16px 36px rgba(12, 42, 46, 0.12);
    background: var(--auth-surface);
    padding: 24px;
    color: var(--auth-text);
}
.auth-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom: 6px; }
.auth-tools { display:flex; align-items:center; gap:8px; }
.auth-tool-btn {
    width: 30px; height: 30px; border-radius: 999px; border: 1px solid var(--auth-border);
    background: var(--auth-soft); color: var(--auth-text); display:inline-flex; align-items:center; justify-content:center;
    font-size: 12px; cursor: pointer;
}
.auth-tool-btn:hover { transform: scale(1.05); }
.auth-tool-btn[data-lang] { width: 34px; font-size: 11px; font-weight: 800; }
.auth-card h2 {
    margin: 0 0 8px;
    font-size: 32px;
    line-height: 1.08;
    letter-spacing: -0.02em;
    font-weight: 900;
    color: var(--auth-text);
}
.auth-card-sub { margin: 0 0 18px; color: var(--auth-muted); font-size: 14px; }
.auth-grid { display: grid; gap: 10px; }
.auth-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.auth-muted-link { color: var(--auth-accent); text-decoration: none; font-size: 13px; }
.auth-muted-link:hover { text-decoration: underline; }
.auth-brand { font-weight: 700; letter-spacing: 0.2px; }
.auth-brand-wrap { display:inline-flex; align-items:center; gap:8px; min-height: 30px; }
.auth-brand-mark {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    border: 1px solid var(--auth-border);
    background: color-mix(in srgb, var(--auth-accent) 18%, var(--auth-soft));
    color: var(--auth-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.03em;
    flex: 0 0 auto;
}
.auth-note {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid var(--auth-border);
    background: var(--auth-soft);
    color: var(--auth-muted);
    font-size: 13px;
}
.auth-links {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 14px;
    font-size: 13px;
}
.auth-kv {
    display: grid;
    gap: 6px;
    margin-top: 14px;
}
.auth-kv code {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--auth-accent) 18%, transparent);
}
.auth-card .ui-input {
    background: color-mix(in srgb, var(--auth-soft) 64%, #fff);
    border-color: var(--auth-border);
    color: var(--auth-text);
    box-sizing: border-box;
}
.auth-password-wrap {
    position: relative;
    display: block;
}
.auth-password-wrap .ui-input {
    min-width: 0;
    width: 100%;
    padding-right: 42px;
    box-sizing: border-box;
}
.auth-password-toggle {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--auth-border) 85%, transparent);
    background: color-mix(in srgb, var(--auth-soft) 72%, transparent);
    color: var(--auth-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    cursor: pointer;
}
.auth-card .ui-btn-primary {
    background: var(--auth-accent);
    border-color: var(--auth-accent);
    color: var(--auth-accent-fg);
}
.auth-card .ui-btn-ghost {
    border-color: var(--auth-border);
    background: var(--auth-surface);
    color: var(--auth-text);
}
@media (max-width: 992px) {
    .auth-full-wrap { grid-template-columns: 1fr; }
    .auth-hero { padding: 22px 20px; }
    .auth-form-shell { padding: 20px 14px 24px; }
    .auth-full-wrap { margin: 12px; min-height: calc(100dvh - 24px); }
}

/* Platform shell foundation extracted from layouts/platform.blade.php for CSP hardening. */
        :root {
            --ui-radius: 18px;
            --ui-radius-pill: 999px;
            --ui-radius-soft: 14px;
            --ui-radius-command: 26px;
            --spm-branding-primary: #11868f;
            --spm-branding-accent: #f59e0b;
            --spm-branding-surface: #f9fcfb;
            --spm-branding-logo-label: "smartpm-platform";
            --ui-border: #c2dad7;
            --ui-border-soft: #d8e9e7;
            --ui-muted-bg: #edf5f5;
            --ui-page-bg: #e3f0f0;
            --ui-text: #173a40;
            --ui-subtle: #466b72;
            --ui-primary: #11868f;
            --ui-primary-text: #ffffff;
            --ui-focus: #0e6f77;
            --ui-surface: #f9fcfb;
            --ui-sidebar: #f6fbfa;
            --ui-shadow: 0 14px 40px rgba(20, 72, 78, 0.12);
            --spm-surface: var(--spm-branding-surface, var(--ui-surface));
            --spm-surface-muted: var(--ui-muted-bg);
            --spm-surface-elevated: var(--ui-sidebar);
            --spm-text: var(--ui-text);
            --spm-text-muted: var(--ui-subtle);
            --spm-text-contrast: var(--ui-primary-text);
            --spm-primary: var(--spm-branding-primary, var(--ui-primary));
            --spm-primary-hover: var(--spm-branding-accent, var(--ui-focus));
            --spm-primary-contrast: var(--ui-primary-text);
            --spm-success: #22c55e;
            --spm-warning: #f97316;
            --spm-danger: #ef4444;
            --spm-info: #3b82f6;
            --spm-border: var(--ui-border);
            --spm-ring: rgba(37, 99, 235, 0.2);
            --spm-strategy-ink: #102a43;
            --spm-commercial-gold: #d88913;
            --spm-commercial-gold-soft: #fff4d6;
            --spm-command-teal: #0f766e;
            --spm-command-blue: #1d4ed8;
            --spm-command-surface: #ffffff;
            --spm-command-surface-soft: #f4f8fb;
            --spm-command-border: #d7e5ea;
            --spm-command-shadow: 0 22px 60px rgba(20, 42, 63, 0.14);
            --spm-motion-fast: 140ms;
            --spm-motion-base: 220ms;
            --spm-motion-slow: 420ms;
            --spm-motion-ease: cubic-bezier(.2, .8, .2, 1);
            --spm-motion-spring: cubic-bezier(.16, 1, .3, 1);
        }
        html[data-theme="dark"] {
            --ui-border: #32483f;
            --ui-border-soft: #415e53;
            --ui-muted-bg: #1b2c27;
            --ui-page-bg: #0e1715;
            --ui-text: #e4eee9;
            --ui-subtle: #aec2b8;
            --ui-primary: #4ea47f;
            --ui-focus: #438d6d;
            --ui-surface: #15231f;
            --ui-sidebar: #12201c;
            --ui-shadow: 0 18px 48px rgba(5, 16, 18, 0.38);
            --spm-surface: var(--spm-branding-surface, var(--ui-surface));
            --spm-surface-muted: var(--ui-muted-bg);
            --spm-surface-elevated: var(--ui-sidebar);
            --spm-text: var(--ui-text);
            --spm-text-muted: var(--ui-subtle);
            --spm-text-contrast: var(--ui-primary-text);
            --spm-primary: var(--spm-branding-primary, var(--ui-primary));
            --spm-primary-hover: var(--spm-branding-accent, var(--ui-focus));
            --spm-primary-contrast: var(--ui-primary-text);
            --spm-success: #22c55e;
            --spm-warning: #f97316;
            --spm-danger: #ef4444;
            --spm-info: #3b82f6;
            --spm-border: var(--ui-border);
            --spm-ring: rgba(78, 164, 127, 0.24);
            --spm-strategy-ink: #e4eee9;
            --spm-commercial-gold: #f5b84b;
            --spm-commercial-gold-soft: rgba(245, 184, 75, 0.14);
            --spm-command-teal: #4ea47f;
            --spm-command-blue: #72c3f9;
            --spm-command-surface: #15231f;
            --spm-command-surface-soft: #1b2c27;
            --spm-command-border: #415e53;
            --spm-command-shadow: 0 22px 64px rgba(4, 12, 14, 0.48);
        }
        body.tenant-surface {
            --tenant-shell: #f5f5f9;
            --tenant-surface-1: #ffffff;
            --tenant-surface-2: #fcfcff;
            --tenant-surface-3: #f7f8fd;
            --tenant-border: #e5e9f2;
            --tenant-border-strong: #d8dfeb;
            --tenant-text: #5d596c;
            --tenant-text-muted: #7a7690;
            --tenant-text-soft: #a8a4bd;
            --tenant-accent: #7367f0;
            --tenant-accent-2: #675dd7;
        }
        html[data-theme="dark"] body.tenant-surface {
            --tenant-shell: #0e1715;
            --tenant-surface-1: #15231f;
            --tenant-surface-2: #12201c;
            --tenant-surface-3: #1b2c27;
            --tenant-border: #32483f;
            --tenant-border-strong: #415e53;
            --tenant-text: #e4eee9;
            --tenant-text-muted: #aec2b8;
            --tenant-text-soft: #8ea39a;
            --tenant-accent: #4ea47f;
            --tenant-accent-2: #438d6d;
            --ui-border: var(--tenant-border);
            --ui-border-soft: var(--tenant-border-strong);
            --ui-muted-bg: var(--tenant-surface-3);
            --ui-page-bg: var(--tenant-shell);
            --ui-text: var(--tenant-text);
            --ui-subtle: var(--tenant-text-muted);
            --ui-primary: var(--tenant-accent);
            --ui-focus: var(--tenant-accent-2);
            --ui-surface: var(--tenant-surface-1);
            --ui-sidebar: var(--tenant-surface-2);
            --spm-primary: var(--tenant-accent);
            --spm-primary-hover: var(--tenant-accent-2);
            --spm-border: var(--tenant-border);
            --spm-ring: rgba(78, 164, 127, 0.24);
        }

        body { font-family: "Segoe UI", Tahoma, Arial, sans-serif; margin: 0; background: radial-gradient(circle at top left, var(--spm-surface-muted) 0%, var(--spm-surface-muted) 40%, var(--ui-page-bg) 100%); color: var(--spm-text); }
        html[data-theme="dark"] body { background: radial-gradient(circle at top left, var(--spm-surface-muted) 0%, var(--spm-surface) 38%, var(--ui-page-bg) 100%); }
        body.shell-fixed {
            background: #ffffff;
        }
        html[data-theme="dark"] body.shell-fixed {
            background:
                radial-gradient(1200px 700px at 85% 92%, rgba(66, 118, 93, 0.15) 0%, rgba(17, 47, 44, 0) 60%),
                radial-gradient(900px 500px at 8% -12%, rgba(41, 88, 84, 0.26) 0%, rgba(14, 36, 33, 0) 68%),
                linear-gradient(160deg, #10241f 0%, #0f1f1c 52%, #112b25 100%);
        }
        .container { max-width: 1440px; margin: 0 auto; padding: 0 18px 44px; }
        body.auth-family-screen .container { max-width: none; padding: 0; }
        .app-shell { display:grid; grid-template-columns: minmax(220px, 250px) minmax(0, 1fr); gap:20px; align-items:start; }
        .app-shell-sidebar { position: static; top: auto; }
        .app-shell-main { min-width:0; }
        .app-shell-main-inner { display:grid; gap:14px; min-width:0; }
        .app-shell-footer { padding: 10px 2px 0; color: var(--ui-subtle); font-size: 12px; }
        .top-nav-shell { box-sizing:border-box; }
        .top-nav-shell-row { min-width:0; }
        .top-nav-search { min-width:0; }
        .top-nav-search-box { min-width:0; }
        .top-nav-actions { min-width:0; flex-wrap:wrap; justify-content:flex-end; }
        .top-nav-action { flex:0 0 auto; }
        .top-nav-pop-link { transition: background-color 140ms ease, color 140ms ease; }
        .top-nav-pop-link:hover { background: color-mix(in srgb, var(--ui-primary) 10%, var(--ui-surface)); }
        body.shell-fixed .container { max-width: none; padding: 0 18px 32px; }
        body.shell-fixed .app-shell { display:block; }
        body.shell-fixed .app-shell-sidebar {
            position: fixed;
            left: 0;
            bottom: 0;
            width: 274px;
            z-index: 80;
            padding: 0;
            transition: width 180ms ease, box-shadow 180ms ease;
        }
        body.shell-fixed .app-shell-sidebar .shell-side-shell { margin-top: 0 !important; }
        body.shell-fixed .app-shell-main {
            margin-left: 286px;
            min-height: 100vh;
        }
        body.shell-fixed.shell-content-compact .app-shell-main-inner {
            max-width: 1440px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
        body.shell-fixed.shell-content-full .app-shell-main-inner {
            max-width: none;
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }
        body.shell-fixed.shell-sidebar-collapsed .app-shell-sidebar { width: 68px; }
        body.shell-fixed.shell-sidebar-collapsed .app-shell-main { margin-left: 80px; }
        body.shell-fixed.shell-sidebar-collapsed .app-shell-sidebar { overflow: visible; }
        body.shell-fixed.shell-sidebar-collapsed .app-shell-sidebar:hover { width: 274px; z-index: 120; box-shadow: 0 16px 38px rgba(20, 36, 63, 0.24); }
        body.shell-fixed.shell-sidebar-collapsed .app-shell-sidebar:hover .shell-side-shell { width: 274px !important; }
        body.shell-fixed.shell-sidebar-collapsed .app-shell-sidebar:hover .shell-side-label,
        body.shell-fixed.shell-sidebar-collapsed .app-shell-sidebar:hover .shell-side-meta,
        body.shell-fixed.shell-sidebar-collapsed .app-shell-sidebar:hover .shell-side-caret,
        body.shell-fixed.shell-sidebar-collapsed .app-shell-sidebar:hover .shell-side-title { display: initial !important; }
        body.shell-fixed.shell-sidebar-collapsed .app-shell-sidebar:hover .shell-side-shell details[open] > div { display: grid !important; }
        body.shell-fixed.shell-sidebar-collapsed .app-shell-sidebar:hover .shell-side-shell summary { justify-content: space-between !important; }
        .skip-link { position: absolute; left: 10px; top: -40px; background: var(--spm-surface); color: var(--spm-text-contrast); border: 2px solid var(--spm-primary); border-radius: 8px; padding: 8px 10px; z-index: 100; text-decoration: none; }
        .skip-link:focus { top: 10px; }
        a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
            outline: 2px solid var(--ui-focus);
            outline-offset: 2px;
            box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
        }
        .ui-card { border: 1px solid var(--ui-border); border-radius: var(--ui-radius); background: var(--ui-surface); padding: 14px; margin: 0 0 14px; box-shadow: var(--ui-shadow); transition: transform 160ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease, opacity 180ms ease; transform-origin: center; }
        .ui-card:hover { transform: scale(1.012); box-shadow: 0 20px 46px rgba(20, 36, 63, 0.18); }
        .tenant-side-shell.ui-card:hover { transform: none; box-shadow: var(--ui-shadow); }
        .shell-side-shell.ui-card:hover { transform: none; box-shadow: var(--ui-shadow); }
        .ui-page-head { display:flex; flex-wrap:nowrap; gap:10px; justify-content:space-between; align-items:flex-start; margin: 6px 0 10px; padding: 0 2px; }
        .ui-page-head h1 { margin: 0; font-size: 22px; line-height:1.16; letter-spacing: 0; }
        .ui-page-head .ui-page-subtitle { color: var(--ui-subtle); margin: 4px 0 0; }
        .ui-page-head-actions {
            display:flex;
            gap:6px;
            flex-wrap:nowrap;
            align-items:center;
            justify-content:flex-end;
            max-width:min(560px,100%);
            overflow-x:auto;
            overflow-y:hidden;
            padding-bottom:2px;
            scrollbar-width:thin;
        }
        .ui-page-head-actions > * { flex:0 0 auto; }
        .ui-page-title-row,
        .ui-card-head { display:flex; align-items:flex-start; gap:8px; }
        .ui-page-title-row { justify-content:flex-start; }
        .ui-card-head { justify-content:space-between; margin-bottom:8px; }
        .ui-card-head .ui-card-title { margin-bottom:0; }
        .ui-info-trigger {
            width:20px;
            height:20px;
            flex:0 0 20px;
            border:1px solid var(--ui-border);
            border-radius:999px;
            background:var(--ui-muted-bg);
            color:var(--ui-subtle);
            display:inline-flex;
            align-items:center;
            justify-content:center;
            font-size:11px;
            font-weight:700;
            line-height:1;
            cursor:pointer;
            margin-top:4px;
            transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
        }
        .admin-platform-flow-strip {
            display:grid;
            grid-template-columns:minmax(170px,220px) minmax(0,1fr);
            gap:10px;
            align-items:stretch;
            border:1px solid var(--spm-enterprise-border, var(--ui-border));
            border-radius:8px;
            background:var(--spm-enterprise-surface, var(--ui-surface));
            padding:10px;
            box-shadow:0 8px 22px rgba(16,35,31,.06);
        }
        .admin-platform-flow-strip__label {
            display:grid;
            align-content:center;
            gap:3px;
            min-width:0;
            padding:0 4px;
        }
        .admin-platform-flow-strip__label span,
        .admin-platform-flow-step small {
            color:var(--spm-enterprise-muted, var(--ui-subtle));
            font-size:11px;
            font-weight:800;
            letter-spacing:.04em;
            text-transform:uppercase;
        }
        .admin-platform-flow-strip__label strong {
            color:var(--spm-enterprise-text, var(--ui-text));
            font-size:14px;
            line-height:1.2;
        }
        .admin-platform-flow-strip__steps {
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
            gap:8px;
            min-width:0;
        }
        .admin-platform-flow-step {
            display:grid;
            gap:3px;
            min-width:0;
            min-height:52px;
            align-content:center;
            border:1px solid var(--spm-enterprise-border, var(--ui-border));
            border-radius:8px;
            background:var(--spm-enterprise-surface-alt, var(--ui-muted-bg));
            color:var(--spm-enterprise-text, var(--ui-text));
            padding:8px 10px;
            text-decoration:none;
        }
        .admin-platform-flow-step:hover,
        .admin-platform-flow-step.is-active {
            border-color:color-mix(in srgb, var(--spm-enterprise-accent, var(--ui-primary)) 42%, var(--spm-enterprise-border, var(--ui-border)));
            background:color-mix(in srgb, var(--spm-enterprise-accent, var(--ui-primary)) 10%, var(--spm-enterprise-surface, var(--ui-surface)));
        }
        .admin-platform-flow-step span {
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:normal;
            font-size:13px;
            font-weight:800;
            line-height:1.2;
        }
        .admin-platform-demo-path {
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
            gap:10px;
        }
        .admin-platform-demo-path article {
            display:grid;
            gap:6px;
            min-height:132px;
            border:1px solid var(--spm-enterprise-border, var(--ui-border));
            border-radius:8px;
            background:var(--spm-enterprise-surface-alt, var(--ui-muted-bg));
            padding:12px;
        }
        .admin-platform-demo-path span {
            display:grid;
            place-items:center;
            width:28px;
            height:28px;
            border-radius:999px;
            background:var(--spm-enterprise-accent, var(--ui-primary));
            color:#fff;
            font-size:12px;
            font-weight:900;
        }
        .admin-platform-demo-path strong {
            color:var(--spm-enterprise-text, var(--ui-text));
            font-size:15px;
            line-height:1.2;
        }
        .admin-platform-demo-path p {
            margin:0;
            color:var(--spm-enterprise-muted, var(--ui-subtle));
            font-size:12px;
            line-height:1.45;
        }
        .ui-info-trigger:hover,
        .ui-info-trigger:focus-visible,
        .ui-info-trigger[aria-expanded="true"] {
            background:rgba(17,134,143,.10);
            border-color:rgba(17,134,143,.30);
            color:var(--ui-text);
            box-shadow:0 0 0 3px rgba(17,134,143,.08);
            outline:none;
        }
        .ui-info-panel {
            margin-top:10px;
            max-width:min(720px, 100%);
            padding:10px 12px;
            border:1px solid rgba(17,134,143,.18);
            border-radius:10px;
            background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,250,250,.98) 100%);
            box-shadow:0 12px 28px rgba(15,23,42,.06);
        }
        .ui-info-panel-title {
            font-size:11px;
            font-weight:700;
            letter-spacing:.04em;
            text-transform:uppercase;
            color:#4b5563;
            margin-bottom:4px;
        }
        .ui-info-panel-copy {
            margin:0;
            font-size:12px;
            line-height:1.55;
            color:var(--ui-subtle);
        }
        .ui-info-panel-card { margin-bottom:12px; }
        .ui-card-title { margin: 0 0 10px; font-size: 20px; }
        .ui-subtitle { color: var(--ui-subtle); margin-top: 4px; margin-bottom: 12px; }
        .ui-stack { display: grid; gap: 8px; }
        .ui-actions { display: flex; gap: 8px; flex-wrap: wrap; }
        .ui-summary { display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; align-items:center; }
        .ui-input { padding: 10px 12px; border: 1px solid var(--spm-border); border-radius: 12px; background: var(--spm-surface); color: var(--spm-text); }
        html[data-theme="dark"] body.tenant-surface .ui-input { background: var(--tenant-surface-2); border-color: var(--tenant-border-strong); color: var(--tenant-text); }
        .ui-btn { display:inline-flex; text-decoration:none; align-items:center; border-radius:12px; border:1px solid var(--ui-primary); cursor:pointer; box-shadow:none; transition: transform 120ms ease, box-shadow 160ms ease, background-color 160ms ease, border-color 160ms ease, color 160ms ease; }
        .ui-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(20, 36, 63, 0.12); }
        .ui-btn:active { transform: translateY(0); box-shadow: none; }
        .ui-btn-primary { background: var(--ui-primary); color: var(--ui-primary-text); }
        .ui-btn-ghost { border-color:var(--spm-border); background:var(--spm-surface); color:var(--spm-text-muted); }
        .ui-btn-danger { border-color:var(--spm-danger); background:var(--spm-danger); color:var(--spm-text-contrast); }
        html[data-theme="dark"] body.tenant-surface .ui-btn-ghost { border-color:var(--tenant-border); background:var(--tenant-surface-2); color:var(--tenant-text-muted); }
        html[data-theme="dark"] body.tenant-surface .ui-btn-ghost:hover { border-color:var(--tenant-border-strong); background:var(--tenant-surface-3); color:var(--tenant-text); }
        .ui-btn-sm { padding: 4px 8px; font-size: 12px; }
        .ui-btn-md { padding: 7px 10px; font-size: 13px; }
        .ui-btn-lg { padding: 9px 12px; font-size: 14px; }
        .ui-badge { border-radius: var(--ui-radius-pill); padding: 3px 8px; font-size: 11px; font-weight: 600; display:inline-block; border:1px solid transparent; }
        .ui-badge-success { background:color-mix(in srgb, #22c55e 14%, var(--ui-surface)); border-color:color-mix(in srgb, #22c55e 42%, var(--ui-border)); color:color-mix(in srgb, #166534 88%, var(--ui-text)); }
        .ui-badge-warn { background:color-mix(in srgb, #f97316 14%, var(--ui-surface)); border-color:color-mix(in srgb, #f97316 42%, var(--ui-border)); color:color-mix(in srgb, #9a3412 84%, var(--ui-text)); }
        .ui-badge-error { background:color-mix(in srgb, #ef4444 14%, var(--ui-surface)); border-color:color-mix(in srgb, #ef4444 42%, var(--ui-border)); color:color-mix(in srgb, #991b1b 82%, var(--ui-text)); }
        .ui-badge-info { background:color-mix(in srgb, #3b82f6 14%, var(--ui-surface)); border-color:color-mix(in srgb, #3b82f6 42%, var(--ui-border)); color:color-mix(in srgb, #1d4ed8 84%, var(--ui-text)); }
        .ui-badge-neutral { background:var(--ui-muted-bg); border-color:var(--ui-border); color:var(--ui-subtle); }
        .ui-alert { border:1px solid transparent; border-radius: var(--ui-radius); padding: 10px 12px; margin: 10px 0; }
        .ui-alert-info { border-color:color-mix(in srgb, #3b82f6 42%, var(--ui-border)); background:color-mix(in srgb, #3b82f6 12%, var(--ui-surface)); color:var(--ui-text); }
        .ui-alert-warn { border-color:color-mix(in srgb, #f97316 42%, var(--ui-border)); background:color-mix(in srgb, #f97316 12%, var(--ui-surface)); color:var(--ui-text); }
        .ui-alert-error { border-color:color-mix(in srgb, #ef4444 42%, var(--ui-border)); background:color-mix(in srgb, #ef4444 12%, var(--ui-surface)); color:var(--ui-text); }
        .ui-alert-success { border-color:color-mix(in srgb, #22c55e 42%, var(--ui-border)); background:color-mix(in srgb, #22c55e 12%, var(--ui-surface)); color:var(--ui-text); }
        .ui-copyblock-pre { white-space: pre-wrap; word-break: break-word; background: var(--ui-muted-bg); padding: 10px; border-radius: 8px; border: 1px solid var(--ui-border-soft); margin: 0; }
        .ui-copyblock-actions { margin-top: 8px; display: inline-flex; align-items: center; gap: 8px; }
        .ui-feedback { color: var(--ui-subtle); font-size: 12px; }
        .ui-chips { display:flex; flex-wrap:wrap; gap:8px; }
        .ui-chip { display:inline-flex; align-items:center; gap:6px; border:1px solid var(--ui-border); border-radius: var(--ui-radius-pill); background: var(--ui-muted-bg); padding: 4px 9px; font-size: 12px; color:var(--ui-text); }
        .ui-table { width:100%; border-collapse: collapse; }
        .ui-table th, .ui-table td { border:1px solid var(--ui-border-soft); padding:10px; text-align:left; vertical-align:top; }
        .ui-table th { background: color-mix(in srgb, var(--spm-surface) 84%, var(--spm-text) 16%); color:var(--spm-text-muted); }
        html[data-theme="dark"] body.tenant-surface .ui-table th { background: var(--tenant-surface-3); color: var(--tenant-text-muted); }
        html[data-theme="dark"] body.tenant-surface .ui-table td { border-color: var(--tenant-border); color: var(--tenant-text); }
        .ui-table-wrap { overflow-x:auto; -webkit-overflow-scrolling: touch; }
        .ui-workbench-table-card .ui-workbench-select { width: 1%; white-space: nowrap; }
        .ui-workbench-table-card .ui-workbench-muted { color: var(--ui-subtle); font-size: 12px; margin-top: 4px; }
        .ui-table-caption { text-align:left; padding: 0 0 8px; color: var(--ui-subtle); font-size: 12px; }
        .ui-table-compact th, .ui-table-compact td { padding: 7px 8px; font-size: 13px; }
        .ui-table-sticky thead th { position: sticky; top: 0; z-index: 1; }
        .ui-row-actions { display:flex; flex-wrap:wrap; gap:6px; }
        .ui-empty-state { border:1px dashed var(--ui-border); border-radius: var(--ui-radius); background: var(--ui-muted-bg); padding: 18px; text-align:center; transition: border-color 180ms ease, background-color 180ms ease; }
        .ui-empty-state-icon { width:34px; height:34px; margin:0 auto 8px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-size: 15px; background: color-mix(in srgb, var(--ui-primary) 14%, var(--ui-surface)); color: var(--ui-primary); border:1px solid color-mix(in srgb, var(--ui-primary) 30%, var(--ui-border)); }
        .ui-empty-state-title { margin: 0; font-size: 18px; }
        .ui-empty-state-message { color: var(--ui-subtle); margin: 8px 0 0; }
        .ui-empty-state-actions { margin-top: 12px; display:flex; justify-content:center; }
        .ui-empty-state-extra { margin-top: 12px; text-align:left; }
        .ui-command-surface {
            position: relative;
            overflow: hidden;
            border: 1px solid var(--spm-command-border);
            border-radius: var(--ui-radius-command);
            background:
                radial-gradient(700px 260px at 4% 0%, color-mix(in srgb, var(--spm-command-teal) 16%, transparent) 0%, transparent 70%),
                radial-gradient(560px 220px at 96% 18%, color-mix(in srgb, var(--spm-commercial-gold) 14%, transparent) 0%, transparent 68%),
                linear-gradient(135deg, var(--spm-command-surface) 0%, var(--spm-command-surface-soft) 100%);
            box-shadow: var(--spm-command-shadow);
        }
        .ui-command-surface::before {
            content: "";
            position: absolute;
            inset: -40% auto auto -18%;
            width: 260px;
            height: 260px;
            border-radius: 999px;
            background: color-mix(in srgb, var(--spm-commercial-gold) 18%, transparent);
            filter: blur(14px);
            opacity: .72;
            pointer-events: none;
            animation: uiCommercialPulse 5200ms ease-in-out infinite;
        }
        .ui-command-surface > * { position: relative; z-index: 1; }
        .ui-strategic-hero { padding: clamp(16px, 2.4vw, 24px); }
        .ui-strategic-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:clamp(14px,2vw,22px); align-items:stretch; }
        .ui-strategic-kicker { margin:0 0 10px; color:var(--spm-command-teal); font-size:12px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
        .ui-strategic-title { margin:0; color:var(--spm-strategy-ink); font-size:clamp(30px,4.5vw,56px); line-height:.98; letter-spacing:-.055em; font-weight:950; max-width:820px; }
        .ui-strategic-copy { margin:12px 0 0; color:var(--ui-subtle); font-size:clamp(14px,1.45vw,16px); line-height:1.72; max-width:72ch; }
        .ui-strategic-actions { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-top:16px; }
        .ui-strategic-side { display:grid; gap:10px; }
        .ui-signal-card {
            border:1px solid color-mix(in srgb, var(--spm-command-border) 78%, var(--spm-command-teal));
            border-radius:18px;
            padding:14px;
            background:color-mix(in srgb, var(--spm-command-surface) 78%, transparent);
            box-shadow:0 12px 28px rgba(20,42,63,.08);
        }
        .ui-signal-card--gold { border-color:color-mix(in srgb, var(--spm-commercial-gold) 42%, var(--spm-command-border)); background:color-mix(in srgb, var(--spm-commercial-gold-soft) 34%, var(--spm-command-surface)); }
        .ui-signal-label { margin:0; color:var(--ui-subtle); font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
        .ui-signal-value { margin:5px 0 0; color:var(--spm-strategy-ink); font-size:18px; font-weight:900; letter-spacing:-.02em; }
        .ui-signal-hint { margin:6px 0 0; color:var(--ui-subtle); font-size:12px; line-height:1.55; }
        .ui-page-livebar {
            display:flex;
            flex-wrap:wrap;
            align-items:center;
            justify-content:space-between;
            gap:10px;
            border:1px solid color-mix(in srgb, var(--spm-command-teal) 24%, var(--ui-border));
            border-radius:18px;
            padding:11px 13px;
            background:linear-gradient(135deg, color-mix(in srgb, var(--spm-command-teal) 10%, var(--ui-surface)) 0%, color-mix(in srgb, var(--spm-commercial-gold-soft) 30%, var(--ui-surface)) 100%);
        }
        .ui-livebar-copy { display:flex; align-items:flex-start; gap:9px; min-width:min(100%, 320px); }
        .ui-livebar-dot { width:10px; height:10px; border-radius:999px; margin-top:4px; background:var(--spm-command-teal); box-shadow:0 0 0 6px color-mix(in srgb, var(--spm-command-teal) 13%, transparent); animation:uiSignalPing 1800ms ease-in-out infinite; }
        .ui-livebar-title { margin:0; color:var(--ui-text); font-size:14px; font-weight:900; }
        .ui-livebar-hint { margin:3px 0 0; color:var(--ui-subtle); font-size:12px; line-height:1.5; }
        .ui-notification-trigger { position:relative; }
        .ui-notification-trigger::after {
            content:"";
            position:absolute;
            top:5px;
            right:5px;
            width:8px;
            height:8px;
            border-radius:999px;
            background:var(--spm-commercial-gold);
            box-shadow:0 0 0 3px color-mix(in srgb, var(--spm-commercial-gold) 20%, transparent);
        }
        .ui-workbench-focus-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; }
        .ui-workbench-focus-card { border:1px solid var(--ui-border); border-radius:16px; padding:13px; background:color-mix(in srgb, var(--ui-surface) 82%, var(--ui-muted-bg)); }
        .ui-workbench-assign-form { margin-top:6px; }
        .ui-card-note { color:var(--ui-subtle); font-size:13px; line-height:1.6; }
        .ui-commercial-rail { display:grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; }
        .ui-commercial-card {
            border: 1px solid color-mix(in srgb, var(--spm-command-border) 82%, var(--spm-commercial-gold));
            border-radius: var(--ui-radius);
            background: color-mix(in srgb, var(--spm-command-surface) 86%, var(--spm-commercial-gold-soft));
            padding: 14px;
            box-shadow: 0 12px 30px rgba(20, 42, 63, 0.08);
        }
        .ui-commercial-card-title { margin: 0; color: var(--spm-strategy-ink); font-size: 14px; font-weight: 800; letter-spacing: -0.01em; }
        .ui-commercial-card-value { margin: 6px 0 0; color: var(--spm-strategy-ink); font-size: clamp(22px, 3vw, 34px); font-weight: 900; letter-spacing: -0.04em; }
        .ui-commercial-card-hint { margin: 4px 0 0; color: var(--ui-subtle); font-size: 12px; line-height: 1.45; }
        .ui-action-strip { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap: 10px; border:1px solid var(--ui-border); border-radius: var(--ui-radius); padding: 12px; background: color-mix(in srgb, var(--ui-surface) 82%, var(--ui-muted-bg)); }
        .ui-action-strip-copy { min-width: min(100%, 320px); }
        .ui-action-strip-title { margin:0; color:var(--ui-text); font-size:15px; font-weight:800; }
        .ui-action-strip-hint { margin:3px 0 0; color:var(--ui-subtle); font-size:12px; }
        .ui-motion-slide-up { animation: uiSlideUp 220ms ease; }
        .ui-motion-fade { animation: uiFade 220ms ease; }
        .ui-motion-reveal {
            opacity: 0;
            transform: translateY(12px);
            transition:
                opacity var(--spm-motion-slow) var(--spm-motion-ease),
                transform var(--spm-motion-slow) var(--spm-motion-spring);
            will-change: opacity, transform;
        }
        .ui-motion-reveal.is-visible {
            opacity: 1;
            transform: translateY(0);
        }
        .ui-motion-reveal[data-motion-delay="1"] { transition-delay: 70ms; }
        .ui-motion-reveal[data-motion-delay="2"] { transition-delay: 140ms; }
        .ui-motion-reveal[data-motion-delay="3"] { transition-delay: 210ms; }
        .ui-motion-lift {
            transition:
                transform var(--spm-motion-base) var(--spm-motion-ease),
                box-shadow var(--spm-motion-base) var(--spm-motion-ease),
                border-color var(--spm-motion-base) var(--spm-motion-ease);
        }
        .ui-motion-lift:hover {
            transform: translateY(-3px);
            box-shadow: 0 20px 48px rgba(20, 42, 63, 0.16);
            border-color: color-mix(in srgb, var(--ui-primary) 34%, var(--ui-border));
        }
        .ui-motion-stagger > * {
            animation: uiStaggerIn var(--spm-motion-slow) var(--spm-motion-spring) both;
        }
        .ui-motion-stagger > *:nth-child(2) { animation-delay: 50ms; }
        .ui-motion-stagger > *:nth-child(3) { animation-delay: 100ms; }
        .ui-motion-stagger > *:nth-child(4) { animation-delay: 150ms; }
        .ui-motion-stagger > *:nth-child(5) { animation-delay: 200ms; }
        .ui-motion-stagger > *:nth-child(n+6) { animation-delay: 240ms; }
        .ui-skeleton {
            position: relative;
            overflow: hidden;
            color: transparent !important;
            border-color: color-mix(in srgb, var(--ui-border) 84%, var(--ui-surface)) !important;
            background: color-mix(in srgb, var(--ui-muted-bg) 82%, var(--ui-surface)) !important;
            user-select: none;
            pointer-events: none;
        }
        .ui-skeleton::after {
            content: "";
            position: absolute;
            inset: 0;
            transform: translateX(-100%);
            background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, #ffffff 46%, transparent) 50%, transparent 100%);
            animation: uiShimmer 1200ms infinite;
        }
        .ui-loading-card { position: relative; }
        .ui-loading-card.is-loading { opacity: .82; }
        .ui-loading-card.is-loading::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            background: color-mix(in srgb, var(--ui-surface) 72%, transparent);
            pointer-events: none;
        }
        .ui-loading-card.is-loading .ui-loading-row {
            position: relative;
            border-radius: 8px;
            min-height: 14px;
            color: transparent !important;
            background: color-mix(in srgb, var(--ui-muted-bg) 86%, var(--ui-surface));
            overflow: hidden;
        }
        .ui-loading-card.is-loading .ui-loading-row::after {
            content: "";
            position: absolute;
            inset: 0;
            transform: translateX(-100%);
            background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, #ffffff 42%, transparent) 50%, transparent 100%);
            animation: uiShimmer 1200ms infinite;
        }
        @keyframes uiShimmer { 100% { transform: translateX(100%); } }
        @keyframes uiFade { from { opacity: 0; } to { opacity: 1; } }
        @keyframes uiSlideUp { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes uiStaggerIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes uiSignalPing { 0%, 100% { transform:scale(1); opacity:1; } 50% { transform:scale(1.28); opacity:.72; } }
        @keyframes uiCommercialPulse { 0%, 100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(18px,8px,0) scale(1.08); } }
        @media (prefers-reduced-motion: reduce) {
            .ui-card, .ui-btn, .ui-empty-state, .ui-motion-reveal, .ui-motion-lift { transition: none !important; }
            .ui-motion-slide-up, .ui-motion-fade, .ui-motion-stagger > *, .ui-skeleton::after, .ui-loading-card.is-loading .ui-loading-row::after, .ui-livebar-dot, .ui-command-surface::before { animation: none !important; }
            .ui-motion-reveal { opacity: 1 !important; transform: none !important; }
            .ui-btn:hover, .ui-btn:active, .ui-card:hover, .ui-motion-lift:hover { transform: none !important; box-shadow: none !important; }
        }
        @media (max-width: 768px) {
            .ui-workbench-table-card .ui-table-wrap {
                overflow: visible;
            }
            .ui-workbench-table-card .ui-table,
            .ui-workbench-table-card .ui-table thead,
            .ui-workbench-table-card .ui-table tbody,
            .ui-workbench-table-card .ui-table tr,
            .ui-workbench-table-card .ui-table th,
            .ui-workbench-table-card .ui-table td {
                display: block;
                width: 100%;
            }
            .ui-workbench-table-card .ui-table thead {
                display: none;
            }
            .ui-workbench-table-card .ui-table tbody {
                display: grid;
                gap: 10px;
            }
            .ui-workbench-table-card .ui-table tr {
                background: var(--ui-surface);
                border: 1px solid var(--ui-border);
                border-radius: var(--ui-radius);
                padding: 12px;
            }
            .ui-workbench-table-card .ui-table td {
                border: 0;
                padding: 0;
                margin: 0;
                min-width: 0;
            }
            .ui-workbench-table-card .ui-table td + td {
                border-top: 1px dashed var(--ui-border-soft);
                margin-top: 10px;
                padding-top: 10px;
            }
            .ui-workbench-table-card .ui-table td::before,
            .ui-workbench-table-card .ui-table td[data-label]::before {
                content: attr(data-label);
                display: block;
                margin-bottom: 4px;
                color: var(--ui-subtle);
                font-size: 11px;
                font-weight: 700;
                letter-spacing: 0.04em;
                text-transform: uppercase;
            }
            .ui-workbench-table-card .ui-workbench-tenant-title {
                font-weight: 700;
                line-height: 1.35;
            }
            .ui-workbench-table-card .ui-workbench-tenant-meta,
            .ui-workbench-table-card .ui-workbench-muted {
                color: var(--ui-subtle);
                font-size: 12px;
            }
            .ui-workbench-table-card .ui-workbench-actions,
            .ui-workbench-table-card .ui-workbench-assign-form {
                display: grid;
                gap: 8px;
            }
            .ui-workbench-table-card .ui-workbench-actions .ui-btn,
            .ui-workbench-table-card .ui-workbench-assign-form .ui-btn {
                width: 100%;
                min-height: 42px;
                justify-content: center;
            }
            .ui-workbench-table-card .ui-workbench-select {
                min-height: 44px;
                display: inline-flex;
                align-items: center;
                gap: 8px;
            }
            .ui-workbench-table-card .ui-workbench-select .wb-row {
                width: 44px;
                height: 44px;
                margin: 0;
            }
            .ui-workbench-table-card .ui-workbench-input {
                width: 100% !important;
            }
        }
        .ui-grid { display:grid; gap:8px; }
        .ui-grid--1 { grid-template-columns: 1fr; }
        .ui-grid--2 { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
        .ui-grid--3 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
        .ui-grid-4,
        .ui-grid--4 { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
        .tenant-strategic-hero {
            position: relative;
            display: grid;
            opacity: 1 !important;
            transform: none !important;
            grid-template-columns: minmax(0, 1.4fr) minmax(240px, 0.7fr);
            gap: 18px;
            margin: 0 0 16px;
            padding: clamp(18px, 4vw, 32px);
            overflow: hidden;
            border: 1px solid color-mix(in srgb, var(--tenant-accent, #16a34a) 28%, var(--ui-border, #dbe3ec));
            border-radius: 26px;
            box-sizing: border-box;
            max-width: 100%;
            background:
                radial-gradient(circle at 12% 20%, rgba(22, 163, 74, 0.26), transparent 34%),
                radial-gradient(circle at 90% 12%, rgba(14, 165, 233, 0.18), transparent 30%),
                linear-gradient(135deg, #082f22 0%, #0f5132 48%, #f5fbf5 100%);
            color: #f8fff8;
            box-shadow: 0 26px 70px rgba(8, 47, 34, 0.22);
        }
        .tenant-strategic-hero::after {
            content: "";
            position: absolute;
            inset: auto -80px -120px auto;
            width: 280px;
            height: 280px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.20);
            filter: blur(4px);
            pointer-events: none;
        }
        .tenant-strategic-hero-copy,
        .tenant-strategic-pulse {
            position: relative;
            z-index: 1;
            min-width: 0;
        }
        .tenant-strategic-role {
            display: inline-flex;
            width: fit-content;
            margin-bottom: 12px;
            padding: 6px 10px;
            border: 1px solid rgba(255, 255, 255, 0.24);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.12);
            color: #dffbe8;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .tenant-strategic-hero h2 {
            margin: 0;
            max-width: 760px;
            color: #ffffff;
            font-size: clamp(30px, 5vw, 58px);
            line-height: 0.96;
            letter-spacing: -0.055em;
        }
        .tenant-strategic-hero p {
            max-width: 680px;
            margin: 14px 0 0;
            color: rgba(248, 255, 248, 0.82);
            font-size: 15px;
            line-height: 1.65;
        }
        .tenant-strategic-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 18px;
        }
        .tenant-strategic-pulse {
            align-self: stretch;
            display: grid;
            gap: 10px;
            align-content: center;
        }
        .tenant-strategic-pulse > div {
            border: 1px solid rgba(255, 255, 255, 0.22);
            border-radius: 18px;
            padding: 14px;
            background: rgba(255, 255, 255, 0.14);
            backdrop-filter: blur(14px);
        }
        .tenant-strategic-pulse span {
            display: block;
            color: rgba(248, 255, 248, 0.72);
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .tenant-strategic-pulse strong {
            display: block;
            margin-top: 4px;
            color: #ffffff;
            font-size: clamp(24px, 4vw, 38px);
            line-height: 1;
        }
        .tenant-strategic-card {
            border-color: color-mix(in srgb, var(--tenant-accent, #16a34a) 22%, var(--ui-border, #dbe3ec));
            box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
        }
        .tenant-strategic-kpis,
        .tenant-strategic-lanes {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 12px;
        }
        .tenant-strategic-kpi,
        .tenant-strategic-lane,
        .tenant-workqueue-guide-card {
            border: 1px solid color-mix(in srgb, var(--tenant-accent, #16a34a) 16%, #dbe4f0);
            border-radius: 18px;
            padding: 14px;
            background: linear-gradient(180deg, #ffffff 0%, #f5fbf7 100%);
        }
        .tenant-strategic-kpi-label,
        .tenant-strategic-lane-source {
            color: #64748b;
            font-size: 12px;
            font-weight: 750;
        }
        .tenant-strategic-kpi-value,
        .tenant-strategic-lane-metric {
            margin-top: 5px;
            color: #10231a;
            font-size: 28px;
            font-weight: 900;
            letter-spacing: -0.04em;
        }
        .tenant-strategic-kpi-text {
            font-size: 18px;
            letter-spacing: -0.02em;
        }
        .tenant-strategic-footnote {
            margin-top: 12px;
            color: #475569;
            font-size: 12px;
        }
        .tenant-strategic-lane {
            display: flex;
            min-height: 150px;
            flex-direction: column;
        }
        .tenant-strategic-lane-head {
            display: flex;
            gap: 8px;
            align-items: flex-start;
            justify-content: space-between;
        }
        .tenant-strategic-lane-title {
            color: #10231a;
            font-weight: 850;
            line-height: 1.3;
        }
        .tenant-strategic-lane-subtitle {
            margin-top: 8px;
            color: #475569;
            font-size: 12px;
            line-height: 1.5;
        }
        .tenant-strategic-lane-source,
        .tenant-strategic-lane-flag {
            margin-top: 10px;
        }
        .tenant-strategic-lane-action {
            margin-top: auto;
            padding-top: 12px;
        }
        .tenant-strategic-link-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        .tenant-crm-guidance-grid .tenant-strategic-lane {
            min-height: 130px;
            background: rgba(255, 255, 255, 0.72);
        }
        .tenant-workqueue-hero {
            background:
                radial-gradient(circle at 8% 18%, rgba(251, 191, 36, 0.26), transparent 32%),
                radial-gradient(circle at 92% 18%, rgba(20, 184, 166, 0.22), transparent 32%),
                linear-gradient(135deg, #172554 0%, #0f766e 54%, #f7fee7 100%);
        }
        .tenant-workqueue-action-panel {
            display: grid;
            grid-template-columns: minmax(220px, 1.5fr) minmax(150px, 0.9fr) minmax(140px, 0.8fr) minmax(150px, 0.9fr) auto auto;
            gap: 10px;
            align-items: end;
            margin: 0 0 12px;
            padding: 14px;
            border: 1px solid color-mix(in srgb, #0f766e 18%, #dbe4f0);
            border-radius: 18px;
            background:
                radial-gradient(circle at 0% 0%, rgba(251, 191, 36, 0.12), transparent 32%),
                linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
            box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
        }
        .tenant-workqueue-preset-copy {
            margin-bottom: 8px;
            color: #64748b;
            font-size: 13px;
            line-height: 1.55;
        }
        .tenant-workqueue-preset-tags,
        .tenant-workqueue-preset-actions,
        .tenant-workqueue-preset-row-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }
        .tenant-workqueue-preset-tags {
            margin-bottom: 10px;
        }
        .tenant-workqueue-preset-tags span {
            display: inline-flex;
            align-items: center;
            border: 1px solid #dbe4f0;
            border-radius: 999px;
            padding: 5px 10px;
            background: #ffffff;
            color: #475569;
            font-size: 12px;
        }
        .tenant-workqueue-preset-save {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 8px;
        }
        .tenant-workqueue-preset-save input[type="text"] {
            min-width: min(100%, 240px);
            min-height: 40px;
            border: 1px solid var(--ui-border, #dbe3ec);
            border-radius: 13px;
            padding: 8px 11px;
        }
        .tenant-workqueue-preset-row {
            display: grid;
            gap: 8px;
            margin-top: 8px;
            padding: 10px;
            border: 1px solid color-mix(in srgb, #0f766e 12%, #dbe4f0);
            border-radius: 14px;
            background: rgba(255, 255, 255, 0.72);
        }
        .tenant-workqueue-preset-row-actions form,
        .tenant-workqueue-row-action-form {
            margin: 0;
        }
        .tenant-workqueue-action-copy {
            display: grid;
            gap: 3px;
            color: #475569;
            font-size: 12px;
            line-height: 1.45;
        }
        .tenant-workqueue-action-copy span {
            color: #0f766e;
            font-size: 11px;
            font-weight: 850;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .tenant-workqueue-action-copy strong {
            color: #0f172a;
            font-size: 14px;
        }
        .tenant-workqueue-action-copy p {
            margin: 0;
        }
        .tenant-workqueue-action-panel label {
            display: grid;
            gap: 5px;
            color: #334155;
            font-size: 12px;
            font-weight: 760;
        }
        .tenant-workqueue-action-panel select,
        .tenant-workqueue-action-panel input[type="date"] {
            min-height: 44px;
            border: 1px solid var(--ui-border, #dbe3ec);
            border-radius: 13px;
            padding: 9px 11px;
            background: #ffffff;
            color: #0f172a;
            font-size: 13px;
        }
        .tenant-workqueue-check {
            min-height: 44px;
            align-content: center;
            border: 1px solid var(--ui-border, #dbe3ec);
            border-radius: 13px;
            padding: 9px 11px;
            background: #ffffff;
        }
        .tenant-workqueue-mobile-priority {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 10px;
            margin: 0 0 12px;
        }
        .tenant-workqueue-mobile-priority > div,
        .tenant-workqueue-mobile-card {
            border: 1px solid color-mix(in srgb, #0f766e 16%, #dbe4f0);
            border-radius: 18px;
            background:
                radial-gradient(circle at 100% 0%, rgba(20, 184, 166, 0.12), transparent 32%),
                linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
            box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
        }
        .tenant-workqueue-mobile-priority > div {
            padding: 13px;
        }
        .tenant-workqueue-mobile-priority span,
        .tenant-workqueue-mobile-card-head span {
            color: #0f766e;
            font-size: 11px;
            font-weight: 850;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .tenant-workqueue-mobile-priority strong {
            display: block;
            margin-top: 4px;
            color: #0f172a;
            font-size: 28px;
            line-height: 1;
        }
        .tenant-workqueue-mobile-priority p {
            margin: 6px 0 0;
            color: #64748b;
            font-size: 12px;
            line-height: 1.45;
        }
        .tenant-workqueue-mobile-cards {
            display: none;
            gap: 12px;
            margin: 0 0 12px;
        }
        .tenant-workqueue-mobile-card {
            display: grid;
            gap: 10px;
            padding: 14px;
        }
        .tenant-workqueue-mobile-card-head,
        .tenant-workqueue-mobile-card-actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
        }
        .tenant-workqueue-mobile-card-head strong {
            color: #b45309;
            font-size: 12px;
            text-transform: uppercase;
        }
        .tenant-workqueue-mobile-card h3 {
            margin: 0;
            color: #0f172a;
            font-size: 17px;
            line-height: 1.18;
        }
        .tenant-workqueue-mobile-card p {
            margin: 0;
            color: #475569;
            font-size: 13px;
            line-height: 1.5;
        }
        .tenant-workqueue-mobile-card-proof {
            border-radius: 14px;
            padding: 10px;
            background: rgba(241, 245, 249, 0.9);
            color: #64748b;
            font-size: 12px;
            line-height: 1.45;
        }
        .tenant-workqueue-detail {
            display: grid;
            gap: 12px;
        }
        .tenant-workqueue-detail-hero {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 14px;
            padding: 14px;
            border: 1px solid color-mix(in srgb, #0f766e 16%, #dbe4f0);
            border-radius: 18px;
            background:
                radial-gradient(circle at 100% 0%, rgba(20, 184, 166, 0.16), transparent 30%),
                linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
        }
        .tenant-workqueue-detail-hero span {
            color: #0f766e;
            font-size: 11px;
            font-weight: 850;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .tenant-workqueue-detail-hero h2 {
            margin: 4px 0 0;
            color: #0f172a;
            font-size: clamp(22px, 4vw, 30px);
            line-height: 1.08;
        }
        .tenant-workqueue-detail-hero p {
            max-width: 760px;
            margin: 7px 0 0;
            color: #64748b;
            font-size: 13px;
            line-height: 1.55;
        }
        .tenant-workqueue-detail-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
            gap: 9px;
        }
        .tenant-workqueue-detail-note {
            border: 1px solid color-mix(in srgb, #0f766e 14%, #dbe4f0);
            border-radius: 16px;
            padding: 12px;
            background: rgba(255, 255, 255, 0.76);
            color: #475569;
            font-size: 13px;
            line-height: 1.55;
        }
        .tenant-workqueue-detail-note--proof {
            background: rgba(248, 250, 252, 0.82);
        }
        .tenant-workqueue-detail-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }
        .tenant-workqueue-detail-actions form {
            margin: 0;
        }
        .tenant-workqueue-detail-actions .ui-btn,
        .tenant-workqueue-action-panel .ui-btn {
            min-height: 44px;
            justify-content: center;
        }
        .tenant-command-work-card,
        .tenant-actionhub-card {
            overflow: hidden;
        }
        .tenant-command-work-copy,
        .tenant-actionhub-copy {
            margin-bottom: 10px;
            color: #475569;
            font-size: 13px;
            line-height: 1.6;
        }
        .tenant-command-work-subcopy,
        .tenant-actionhub-subcopy {
            color: #64748b;
            font-size: 12px;
            line-height: 1.55;
        }
        .tenant-command-work-checkpoint,
        .tenant-actionhub-checkpoint {
            margin-top: 10px;
        }
        .tenant-command-work-lanes,
        .tenant-actionhub-lanes {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 12px;
            align-items: stretch;
        }
        .tenant-command-work-lane,
        .tenant-actionhub-lane {
            display: grid;
            gap: 5px;
            min-height: 100%;
            border: 1px solid color-mix(in srgb, #0f766e 14%, #dbe4f0);
            border-radius: 16px;
            padding: 12px;
            background:
                radial-gradient(circle at 100% 0%, rgba(251, 191, 36, 0.13), transparent 30%),
                linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
            box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
        }
        .tenant-command-work-lane span,
        .tenant-actionhub-lane span,
        .tenant-actionhub-bulk-copy span {
            color: #0f766e;
            font-size: 11px;
            font-weight: 850;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .tenant-command-work-lane strong,
        .tenant-actionhub-lane strong,
        .tenant-actionhub-bulk-copy strong {
            color: #0f172a;
            font-size: 17px;
            line-height: 1.2;
        }
        .tenant-command-work-lane p,
        .tenant-actionhub-lane p,
        .tenant-actionhub-bulk-copy p {
            margin: 0;
            color: #64748b;
            font-size: 12px;
            line-height: 1.55;
        }
        .tenant-command-work-actions,
        .tenant-command-work-badges,
        .tenant-actionhub-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }
        .tenant-command-work-actions {
            margin-top: 10px;
        }
        .tenant-command-work-title,
        .tenant-actionhub-row-title {
            color: #0f172a;
            font-size: 14px;
            font-weight: 820;
            line-height: 1.25;
        }
        .tenant-command-work-mini,
        .tenant-actionhub-meta {
            color: #64748b;
            font-size: 11px;
            line-height: 1.55;
        }
        .tenant-command-work-inline-form {
            margin: 0;
        }
        .tenant-actionhub-bridge,
        .tenant-actionhub-bulk-copy {
            margin-top: 10px;
            border: 1px solid color-mix(in srgb, #0f766e 14%, #dbe4f0);
            border-radius: 16px;
            padding: 12px;
            background: rgba(255, 255, 255, 0.78);
            color: #64748b;
            font-size: 12px;
            line-height: 1.55;
        }
        .tenant-actionhub-bulk-copy {
            display: grid;
            gap: 4px;
            margin: 0 0 10px;
            background:
                radial-gradient(circle at 0% 0%, rgba(251, 191, 36, 0.12), transparent 30%),
                linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
        }
        .tenant-actionhub-bulk-panel {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }
        .tenant-actionhub-bulk-panel select {
            min-height: 44px;
            border: 1px solid var(--ui-border, #dbe3ec);
            border-radius: 13px;
            padding: 9px 11px;
            background: #ffffff;
            color: #0f172a;
        }
        .tenant-notifications-card,
        .tenant-command-palette-row,
        .tenant-create-guided-card {
            overflow: hidden;
        }
        .tenant-notifications-bulk-copy {
            display: grid;
            gap: 4px;
            margin: 0 0 10px;
            border: 1px solid color-mix(in srgb, #0f766e 14%, #dbe4f0);
            border-radius: 16px;
            padding: 12px;
            background:
                radial-gradient(circle at 0% 0%, rgba(251, 191, 36, 0.12), transparent 30%),
                linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
        }
        .tenant-notifications-bulk-copy span {
            color: #0f766e;
            font-size: 11px;
            font-weight: 850;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .tenant-notifications-bulk-copy strong {
            color: #0f172a;
            font-size: 17px;
            line-height: 1.2;
        }
        .tenant-notifications-bulk-copy p {
            margin: 0;
            color: #64748b;
            font-size: 12px;
            line-height: 1.55;
        }
        .tenant-notifications-bulk-panel,
        .tenant-notifications-actions,
        .tenant-command-palette-actions,
        .tenant-create-action-row,
        .tenant-create-inline-form {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }
        .tenant-notifications-bulk-panel select {
            min-height: 44px;
            border: 1px solid var(--ui-border, #dbe3ec);
            border-radius: 13px;
            padding: 9px 11px;
            background: #ffffff;
            color: #0f172a;
        }
        .tenant-notifications-mobile-cards {
            display: none;
            gap: 12px;
            margin: 10px 0 14px;
        }
        .tenant-notifications-mobile-card {
            border: 1px solid color-mix(in srgb, #0f766e 18%, #dbe4f0);
            border-radius: 20px;
            padding: 14px;
            background:
                radial-gradient(circle at 0% 0%, rgba(20, 184, 166, 0.13), transparent 34%),
                radial-gradient(circle at 100% 0%, rgba(245, 158, 11, 0.12), transparent 32%),
                linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
        }
        .tenant-notifications-mobile-card-head,
        .tenant-notifications-mobile-card-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
            justify-content: space-between;
        }
        .tenant-notifications-mobile-card-head span {
            color: #0f766e;
            font-size: 11px;
            font-weight: 850;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .tenant-notifications-mobile-card-head strong {
            border-radius: 999px;
            padding: 5px 9px;
            background: rgba(15, 118, 110, 0.09);
            color: #0f766e;
            font-size: 12px;
        }
        .tenant-notifications-mobile-card h3 {
            margin: 10px 0 6px;
            color: #0f172a;
            font-size: 16px;
            line-height: 1.25;
        }
        .tenant-notifications-mobile-card p {
            margin: 0;
            color: #475569;
            font-size: 13px;
            line-height: 1.55;
        }
        .tenant-notifications-mobile-proof {
            margin: 12px 0;
            border-left: 3px solid #0f766e;
            padding: 8px 10px;
            border-radius: 12px;
            background: rgba(15, 118, 110, 0.07);
            color: #334155;
            font-size: 12px;
            line-height: 1.5;
        }
        .tenant-notifications-timeline-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(220px, 1fr));
            gap: 10px;
        }
        .tenant-notifications-empty-actions {
            margin-top: 12px;
            padding: 10px;
            border: 1px solid color-mix(in srgb, #0f766e 14%, #dbe4f0);
            border-radius: 16px;
            background:
                radial-gradient(circle at 100% 0%, rgba(56, 189, 248, 0.09), transparent 32%),
                #ffffff;
        }
        .tenant-notifications-meta,
        .tenant-command-palette-meta,
        .tenant-create-guided-meta {
            color: #64748b;
            font-size: 12px;
            line-height: 1.55;
        }
        .tenant-reminders-hero {
            display: grid;
            grid-template-columns: minmax(0, 1.05fr) minmax(260px, 1.45fr);
            gap: 14px;
            align-items: stretch;
        }
        .tenant-reminders-eyebrow {
            color: #0f766e;
            font-size: 11px;
            font-weight: 850;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .tenant-reminders-title {
            margin-top: 6px;
            color: #0f172a;
            font-size: clamp(22px, 3vw, 34px);
            font-weight: 880;
            line-height: 1.06;
        }
        .tenant-reminders-copy {
            margin: 10px 0 0;
            color: #64748b;
            font-size: 14px;
            line-height: 1.65;
        }
        .tenant-reminders-guide-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 10px;
        }
        .tenant-reminders-guide-card {
            min-height: 100%;
            border: 1px solid color-mix(in srgb, #0f766e 14%, #dbe4f0);
            border-radius: 16px;
            padding: 12px;
            background:
                radial-gradient(circle at 100% 0%, rgba(56, 189, 248, 0.11), transparent 38%),
                linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.05);
        }
        .tenant-reminders-guide-card span {
            display: inline-grid;
            place-items: center;
            width: 28px;
            height: 28px;
            border-radius: 999px;
            background: #0f766e;
            color: #ffffff;
            font-size: 12px;
            font-weight: 850;
        }
        .tenant-reminders-guide-card strong {
            display: block;
            margin-top: 9px;
            color: #0f172a;
            font-size: 14px;
            line-height: 1.25;
        }
        .tenant-reminders-guide-card p {
            margin: 6px 0 0;
            color: #64748b;
            font-size: 12px;
            line-height: 1.55;
        }
        .tenant-reminders-filter-control {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: #475569;
            font-size: 12px;
            font-weight: 720;
        }
        .tenant-reminders-filter-control select,
        .tenant-reminders-filter-control input {
            min-height: 44px;
            border: 1px solid var(--ui-border, #dbe3ec);
            border-radius: 13px;
            padding: 9px 11px;
            background: #ffffff;
            color: #0f172a;
        }
        .tenant-reminders-row-title {
            color: #0f172a;
            font-weight: 820;
            line-height: 1.25;
        }
        .tenant-reminders-meta {
            margin-top: 4px;
            color: #64748b;
            font-size: 12px;
            line-height: 1.45;
        }
        .tenant-reminders-empty {
            margin-top: 12px;
        }
        .tenant-reminders-actions,
        .tenant-reminders-inline-form {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }
        .tenant-reminders-actions {
            margin-top: 8px;
        }
        .tenant-reminders-inline-form {
            margin: 0;
        }
        .tenant-onboarding-hero {
            display: grid;
            grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
            gap: 14px;
            align-items: stretch;
            margin-bottom: 14px;
        }
        .tenant-onboarding-eyebrow {
            color: #0f766e;
            font-size: 11px;
            font-weight: 850;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .tenant-onboarding-title {
            margin-top: 6px;
            color: #0f172a;
            font-size: clamp(22px, 3vw, 32px);
            font-weight: 880;
            line-height: 1.08;
        }
        .tenant-onboarding-copy {
            margin: 10px 0 0;
            color: #64748b;
            font-size: 14px;
            line-height: 1.65;
        }
        .tenant-onboarding-guide-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }
        .tenant-onboarding-guide-card {
            border: 1px solid color-mix(in srgb, #0f766e 14%, #dbe4f0);
            border-radius: 16px;
            padding: 12px;
            background:
                radial-gradient(circle at 100% 0%, rgba(251, 191, 36, 0.13), transparent 38%),
                linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.05);
        }
        .tenant-onboarding-guide-card span {
            display: inline-grid;
            place-items: center;
            width: 28px;
            height: 28px;
            border-radius: 999px;
            background: #0f766e;
            color: #ffffff;
            font-size: 12px;
            font-weight: 850;
        }
        .tenant-onboarding-guide-card strong {
            display: block;
            margin-top: 9px;
            color: #0f172a;
            font-size: 14px;
            line-height: 1.25;
        }
        .tenant-onboarding-guide-card p {
            margin: 6px 0 0;
            color: #64748b;
            font-size: 12px;
            line-height: 1.55;
        }
        .tenant-onboarding-form {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }
        .tenant-onboarding-field {
            display: grid;
            gap: 6px;
            color: #475569;
            font-size: 12px;
            font-weight: 760;
        }
        .tenant-onboarding-field input {
            min-height: 44px;
            border: 1px solid var(--ui-border, #dbe3ec);
            border-radius: 13px;
            padding: 9px 11px;
            background: #ffffff;
            color: #0f172a;
        }
        .tenant-onboarding-actions {
            grid-column: 1 / -1;
            display: flex;
            justify-content: flex-end;
            gap: 10px;
            flex-wrap: wrap;
        }
        .tenant-onboarding-actions-between {
            justify-content: space-between;
        }
        .tenant-onboarding-check,
        .tenant-onboarding-choice {
            align-items: center;
            background: rgba(255, 255, 255, 0.76);
            border: 1px solid rgba(148, 163, 184, 0.26);
            border-radius: 16px;
            color: #475569;
            display: flex;
            gap: 10px;
            padding: 12px 14px;
        }
        .tenant-onboarding-choice-grid {
            display: grid;
            gap: 10px;
            grid-column: 1 / -1;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .tenant-onboarding-choice {
            color: #0f172a;
            font-weight: 800;
            transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
        }
        .tenant-onboarding-choice:hover {
            border-color: rgba(249, 115, 22, 0.48);
            box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12);
            transform: translateY(-1px);
        }
        .tenant-onboarding-review-form {
            margin-top: 12px;
        }
        .tenant-onboarding-stepper {
            padding: 12px;
            border: 1px solid color-mix(in srgb, #0f766e 14%, #dbe4f0);
            border-radius: 16px;
            background: #ffffff;
        }
        .tenant-onboarding-stepper-title {
            color: #0f172a;
            font-weight: 850;
            margin-bottom: 8px;
        }
        .tenant-onboarding-stepper-meta {
            color: #64748b;
            font-size: 12px;
            margin-bottom: 8px;
        }
        .tenant-onboarding-progress-track {
            height: 8px;
            border-radius: 999px;
            background: #e2e8f0;
            overflow: hidden;
            margin-bottom: 10px;
        }
        .tenant-onboarding-progress-fill {
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, #0f766e, #38bdf8);
        }
        .tenant-onboarding-step {
            display: flex;
            gap: 10px;
            padding: 8px 2px;
            border-bottom: 1px dashed #e2e8f0;
            color: inherit;
            text-decoration: none;
        }
        .tenant-onboarding-step:last-child {
            border-bottom: 0;
        }
        .tenant-onboarding-step-number {
            display: grid;
            place-items: center;
            width: 28px;
            height: 28px;
            flex: 0 0 28px;
            border: 1px solid #cbd5e1;
            border-radius: 999px;
            background: #ffffff;
            color: #64748b;
            font-weight: 760;
        }
        .tenant-onboarding-step.is-current .tenant-onboarding-step-number {
            border-color: #0f766e;
            background: #0f766e;
            color: #ffffff;
        }
        .tenant-onboarding-step-copy {
            min-width: 0;
            display: grid;
            gap: 2px;
        }
        .tenant-onboarding-step-label {
            color: #334155;
            font-weight: 760;
            line-height: 1.2;
        }
        .tenant-onboarding-step.is-current .tenant-onboarding-step-label {
            color: #0f172a;
        }
        .tenant-onboarding-step-status {
            color: #64748b;
            font-size: 12px;
            line-height: 1.2;
        }
        .tenant-command-palette-list {
            display: grid;
            gap: 8px;
        }
        .tenant-command-palette-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            border: 1px solid color-mix(in srgb, #0f766e 12%, #dbe4f0);
            border-radius: 14px;
            padding: 10px;
            background:
                radial-gradient(circle at 100% 0%, rgba(56, 189, 248, 0.09), transparent 32%),
            #ffffff;
            box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045);
        }
        .tenant-command-palette-table .ui-table td,
        .tenant-command-palette-table .ui-table th {
            vertical-align: top;
        }
        .tenant-command-palette-title,
        .tenant-create-guided-title {
            color: #0f172a;
            font-size: 14px;
            font-weight: 820;
            line-height: 1.25;
        }
        .tenant-command-palette-next {
            margin-bottom: 6px;
        }
        .tenant-command-palette-pin-form,
        .tenant-create-inline-form {
            margin: 0;
        }
        .tenant-create-rebased {
            margin-bottom: 8px;
            color: #64748b;
            font-size: 13px;
        }
        .tenant-create-input {
            min-height: 40px;
            min-width: 160px;
            border: 1px solid var(--ui-border, #dbe3ec);
            border-radius: 12px;
            padding: 8px 10px;
            background: #ffffff;
            color: #0f172a;
        }
        .tenant-create-input--compact {
            min-width: 140px;
        }
        .tenant-create-guided-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(220px, 1fr));
            gap: 10px;
        }
        .tenant-create-guided-card {
            border: 1px solid color-mix(in srgb, #0f766e 14%, #dbe4f0);
            border-radius: 14px;
            padding: 12px;
            background:
                radial-gradient(circle at 100% 0%, rgba(251, 191, 36, 0.12), transparent 32%),
                var(--ui-muted-bg);
            box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045);
        }
        .tenant-create-guided-meta {
            margin: 6px 0;
        }
        .tenant-actionhub-priority {
            margin-top: 6px;
        }
        .tenant-actionhub-nextcopy {
            margin-bottom: 6px;
        }
        .tenant-actionhub-readfirst {
            display: inline-flex;
            align-items: center;
            border: 1px solid #dbe4f0;
            border-radius: 999px;
            padding: 5px 10px;
            background: #ffffff;
            color: #64748b;
            font-size: 12px;
        }
        .tenant-crm-hero {
            background:
                radial-gradient(circle at 8% 22%, rgba(56, 189, 248, 0.22), transparent 34%),
                radial-gradient(circle at 88% 16%, rgba(250, 204, 21, 0.20), transparent 30%),
                linear-gradient(135deg, #0f172a 0%, #155e75 52%, #ecfeff 100%);
        }
        .tenant-leave-hero {
            background:
                radial-gradient(circle at 10% 18%, rgba(251, 113, 133, 0.24), transparent 34%),
                radial-gradient(circle at 92% 18%, rgba(250, 204, 21, 0.24), transparent 30%),
                linear-gradient(135deg, #3b1d14 0%, #92400e 48%, #fff7ed 100%);
        }
        .tenant-crm-accounts-hero {
            background:
                radial-gradient(circle at 10% 20%, rgba(45, 212, 191, 0.24), transparent 34%),
                radial-gradient(circle at 88% 18%, rgba(132, 204, 22, 0.20), transparent 30%),
                linear-gradient(135deg, #042f2e 0%, #0f766e 50%, #ecfdf5 100%);
        }
        .tenant-crm-contacts-hero {
            background:
                radial-gradient(circle at 10% 20%, rgba(96, 165, 250, 0.24), transparent 34%),
                radial-gradient(circle at 88% 18%, rgba(251, 191, 36, 0.18), transparent 30%),
                linear-gradient(135deg, #111827 0%, #1d4ed8 50%, #eff6ff 100%);
        }
        .tenant-crm-activity-hero {
            background:
                radial-gradient(circle at 10% 20%, rgba(34, 197, 94, 0.26), transparent 34%),
                radial-gradient(circle at 88% 18%, rgba(217, 70, 239, 0.20), transparent 30%),
                linear-gradient(135deg, #1e1b4b 0%, #166534 52%, #f0fdf4 100%);
        }
        .tenant-activity-summary {
            padding: 16px;
        }
        .tenant-activity-summary ul {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 10px;
            margin: 12px 0 0;
            padding: 0;
            list-style: none;
        }
        .tenant-activity-summary li {
            border: 1px solid color-mix(in srgb, var(--tenant-accent, #16a34a) 14%, #dbe4f0);
            border-radius: 14px;
            padding: 10px;
            background: rgba(255, 255, 255, 0.72);
            color: #475569;
            font-size: 12px;
            line-height: 1.5;
        }
        .tenant-activity-detail {
            margin: 0 0 12px;
            border: 1px solid color-mix(in srgb, var(--tenant-accent, #16a34a) 18%, #dbe4f0);
            border-radius: 18px;
            background: #ffffff;
            box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
        }
        .tenant-activity-detail > summary {
            cursor: pointer;
            padding: 14px 16px;
            color: #10231a;
            font-weight: 850;
            list-style-position: inside;
        }
        .tenant-activity-detail .tenant-activity-summary {
            margin: 0;
            border: 0;
            box-shadow: none;
        }
        .tenant-activity-log-card {
            display: grid;
            gap: 12px;
            padding: 16px;
        }
        .tenant-activity-log-card h2 {
            margin: 0;
            color: #10231a;
        }
        .tenant-activity-log-card p {
            margin: 6px 0 0;
            color: #64748b;
            font-size: 13px;
        }
        .tenant-strategic-kpi-value--text {
            font-size: clamp(18px, 3vw, 24px);
            overflow-wrap: anywhere;
        }
        .tenant-activity-filter-state {
            margin-top: 10px;
            color: #64748b;
            font-size: 12px;
            line-height: 1.5;
        }
        .tenant-crm-activity-mobile-cards {
            display: none;
            gap: 12px;
            margin: 12px 10px 14px;
        }
        .tenant-crm-activity-mobile-card {
            border: 1px solid color-mix(in srgb, #16a34a 18%, #dbe4f0);
            border-radius: 20px;
            padding: 14px;
            background:
                radial-gradient(circle at 0% 0%, rgba(34, 197, 94, 0.15), transparent 34%),
                radial-gradient(circle at 100% 0%, rgba(217, 70, 239, 0.12), transparent 32%),
                linear-gradient(135deg, #ffffff 0%, #f0fdf4 135%);
            box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07);
        }
        .tenant-crm-activity-mobile-head,
        .tenant-crm-activity-mobile-actions,
        .tenant-crm-activity-row-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }
        .tenant-crm-activity-mobile-head {
            justify-content: space-between;
        }
        .tenant-crm-activity-mobile-head span {
            color: #166534;
            font-size: 11px;
            font-weight: 850;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .tenant-crm-activity-mobile-head strong {
            border-radius: 999px;
            padding: 5px 9px;
            background: rgba(22, 101, 52, 0.09);
            color: #166534;
            font-size: 12px;
        }
        .tenant-crm-activity-mobile-card h3 {
            margin: 10px 0 6px;
            color: #10231a;
            font-size: 18px;
            line-height: 1.16;
        }
        .tenant-crm-activity-mobile-card p {
            margin: 0;
            color: #475569;
            font-size: 13px;
            line-height: 1.55;
        }
        .tenant-crm-activity-mobile-proof,
        .tenant-crm-activity-detail-note {
            margin: 12px 0;
            border-left: 3px solid #16a34a;
            padding: 8px 10px;
            border-radius: 12px;
            background: rgba(22, 163, 74, 0.07);
            color: #334155;
            font-size: 12px;
            line-height: 1.5;
        }
        .tenant-crm-activity-mobile-actions .ui-btn,
        .tenant-crm-activity-row-actions .ui-btn {
            min-height: 40px;
            justify-content: center;
        }
        .tenant-crm-activity-detail {
            display: grid;
            gap: 14px;
            margin-top: 16px;
            padding: 16px;
            border-color: color-mix(in srgb, #16a34a 18%, #dbe4f0);
            background:
                radial-gradient(circle at 100% 0%, rgba(34, 197, 94, 0.13), transparent 30%),
                linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
        }
        .tenant-crm-activity-detail-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 10px;
        }
        .tenant-activity-log-form {
            display: grid;
            grid-template-columns: minmax(130px, 0.7fr) repeat(2, minmax(140px, 1fr)) minmax(220px, 1.4fr) auto;
            gap: 10px;
            align-items: center;
        }
        .tenant-activity-log-form select,
        .tenant-activity-log-form input {
            min-height: 42px;
            border: 1px solid var(--ui-border, #dbe3ec);
            border-radius: 12px;
            padding: 8px 10px;
            background: #ffffff;
            color: #10231a;
        }
        .tenant-crm-filter-form {
            display: grid;
            grid-template-columns: minmax(180px, 1.2fr) repeat(2, minmax(130px, 1fr)) auto auto auto;
            gap: 10px;
            align-items: center;
            width: 100%;
            padding: 12px;
            border: 1px solid color-mix(in srgb, var(--tenant-accent, #2563eb) 16%, #dbe4f0);
            border-radius: 18px;
            background:
                radial-gradient(circle at 0% 0%, rgba(45, 212, 191, 0.12), transparent 32%),
                linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.94));
            box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
        }
        .tenant-crm-filter-form--accounts {
            grid-template-columns: minmax(180px, 1.2fr) minmax(180px, 1.15fr) minmax(150px, 0.9fr) minmax(120px, 0.8fr) minmax(120px, 0.8fr) auto auto auto;
        }
        .tenant-crm-filter-copy {
            display: grid;
            gap: 3px;
            color: #334155;
            font-size: 12px;
            line-height: 1.35;
        }
        .tenant-crm-filter-copy strong {
            color: #0f172a;
            font-size: 13px;
            letter-spacing: 0.02em;
        }
        .tenant-crm-filter-form input,
        .tenant-crm-filter-form select {
            min-height: 44px;
            width: 100%;
            border: 1px solid var(--ui-border, #dbe3ec);
            border-radius: 13px;
            padding: 9px 11px;
            background: #ffffff;
            color: #0f172a;
            font-size: 13px;
            box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.03);
        }
        .tenant-crm-filter-form input:focus,
        .tenant-crm-filter-form select:focus,
        .tenant-crm-filter-form .ui-btn:focus-visible,
        .tenant-activity-detail > summary:focus-visible {
            outline: 3px solid color-mix(in srgb, var(--tenant-accent, #2563eb) 32%, transparent);
            outline-offset: 2px;
        }
        .tenant-crm-filter-form .ui-btn {
            min-height: 44px;
            justify-content: center;
            white-space: nowrap;
        }
        .tenant-crm-compose-card {
            display: grid;
            gap: 14px;
            margin-top: 16px;
            padding: 16px;
            border-color: color-mix(in srgb, var(--tenant-accent, #0f766e) 18%, #dbe4f0);
            background:
                radial-gradient(circle at 100% 0%, rgba(20, 184, 166, 0.14), transparent 30%),
                linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
        }
        .tenant-crm-compose-head {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 14px;
        }
        .tenant-crm-compose-head span {
            color: var(--tenant-accent, #0f766e);
            font-size: 11px;
            font-weight: 850;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .tenant-crm-compose-head h2 {
            margin: 4px 0 0;
            color: #0f172a;
            font-size: clamp(20px, 3vw, 28px);
            line-height: 1.08;
        }
        .tenant-crm-compose-head p {
            max-width: 720px;
            margin: 7px 0 0;
            color: #64748b;
            font-size: 13px;
            line-height: 1.55;
        }
        .tenant-crm-compose-form {
            display: grid;
            gap: 10px;
            align-items: end;
        }
        .tenant-crm-compose-form--contacts {
            grid-template-columns: minmax(180px, 1.2fr) minmax(160px, 1fr) minmax(150px, 0.9fr) auto;
        }
        .tenant-crm-compose-form--accounts {
            grid-template-columns: minmax(190px, 1.3fr) repeat(3, minmax(140px, 1fr)) auto;
        }
        .tenant-crm-compose-form label {
            display: grid;
            gap: 5px;
            min-width: 0;
            color: #334155;
            font-size: 12px;
            font-weight: 760;
        }
        .tenant-crm-compose-form input,
        .tenant-crm-compose-form select {
            min-height: 44px;
            width: 100%;
            border: 1px solid var(--ui-border, #dbe3ec);
            border-radius: 13px;
            padding: 9px 11px;
            background: #ffffff;
            color: #0f172a;
            font-size: 13px;
        }
        .tenant-crm-compose-form input:focus,
        .tenant-crm-compose-form select:focus,
        .tenant-crm-compose-form .ui-btn:focus-visible {
            outline: 3px solid color-mix(in srgb, var(--tenant-accent, #0f766e) 32%, transparent);
            outline-offset: 2px;
        }
        .tenant-crm-compose-form .ui-btn {
            min-height: 44px;
            justify-content: center;
            white-space: nowrap;
        }
        .tenant-crm-drawer-backdrop {
            position: fixed;
            inset: 0;
            z-index: 90;
            background:
                radial-gradient(circle at 86% 10%, rgba(20, 184, 166, 0.24), transparent 28%),
                rgba(15, 23, 42, 0.34);
            backdrop-filter: blur(4px);
        }
        .tenant-crm-drawer {
            position: absolute;
            right: 0;
            top: 0;
            display: grid;
            align-content: start;
            gap: 14px;
            width: min(620px, 100%);
            height: 100%;
            padding: 18px;
            overflow: auto;
            border-left: 1px solid color-mix(in srgb, var(--tenant-accent, #0f766e) 20%, #dbe4f0);
            background:
                radial-gradient(circle at 100% 0%, rgba(14, 165, 233, 0.14), transparent 30%),
                linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
            box-shadow: -28px 0 70px rgba(15, 23, 42, 0.20);
        }
        .tenant-crm-drawer-head {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 12px;
        }
        .tenant-crm-drawer-head span {
            color: var(--tenant-accent, #0f766e);
            font-size: 11px;
            font-weight: 850;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .tenant-crm-drawer-head h2 {
            margin: 4px 0 0;
            color: #0f172a;
            font-size: clamp(22px, 4vw, 30px);
            line-height: 1.08;
        }
        .tenant-crm-drawer-head p {
            margin: 5px 0 0;
            color: #64748b;
            font-size: 12px;
        }
        .tenant-crm-drawer-note {
            border: 1px solid color-mix(in srgb, var(--tenant-accent, #0f766e) 16%, #dbe4f0);
            border-radius: 16px;
            padding: 12px;
            background: rgba(255, 255, 255, 0.76);
            color: #475569;
            font-size: 13px;
            line-height: 1.55;
        }
        .tenant-crm-drawer-note--soft {
            margin-top: -6px;
            background: rgba(248, 250, 252, 0.78);
        }
        .tenant-crm-drawer-grid {
            display: grid;
            gap: 9px;
        }
        .tenant-crm-drawer-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        .tenant-crm-drawer-actions .ui-btn {
            min-height: 42px;
        }
        .tenant-crm-contact-mobile-cards {
            display: none;
            gap: 12px;
            margin: 0 0 14px;
        }
        .tenant-crm-contact-mobile-card {
            border: 1px solid color-mix(in srgb, #2563eb 18%, #dbe4f0);
            border-radius: 20px;
            padding: 14px;
            background:
                radial-gradient(circle at 0% 0%, rgba(37, 99, 235, 0.14), transparent 34%),
                radial-gradient(circle at 100% 0%, rgba(251, 191, 36, 0.12), transparent 32%),
                linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
            box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07);
        }
        .tenant-crm-contact-mobile-head,
        .tenant-crm-contact-mobile-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
            justify-content: space-between;
        }
        .tenant-crm-contact-mobile-head span {
            color: #1d4ed8;
            font-size: 11px;
            font-weight: 850;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .tenant-crm-contact-mobile-head strong {
            border-radius: 999px;
            padding: 5px 9px;
            background: rgba(37, 99, 235, 0.09);
            color: #1d4ed8;
            font-size: 12px;
        }
        .tenant-crm-contact-mobile-card h3 {
            margin: 10px 0 6px;
            color: #0f172a;
            font-size: 17px;
            line-height: 1.2;
        }
        .tenant-crm-contact-mobile-card p {
            margin: 0;
            color: #475569;
            font-size: 13px;
            line-height: 1.55;
        }
        .tenant-crm-contact-mobile-proof {
            margin: 12px 0;
            border-left: 3px solid #2563eb;
            padding: 8px 10px;
            border-radius: 12px;
            background: rgba(37, 99, 235, 0.07);
            color: #334155;
            font-size: 12px;
            line-height: 1.5;
        }
        .tenant-crm-account-mobile-cards {
            display: none;
            gap: 12px;
            margin: 12px 10px 14px;
        }
        .tenant-crm-account-mobile-card {
            border: 1px solid color-mix(in srgb, #0f766e 20%, #dbe4f0);
            border-radius: 20px;
            padding: 14px;
            background:
                radial-gradient(circle at 0% 0%, rgba(20, 184, 166, 0.15), transparent 34%),
                radial-gradient(circle at 100% 0%, rgba(132, 204, 22, 0.14), transparent 32%),
                linear-gradient(135deg, #ffffff 0%, #f7fee7 145%);
            box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07);
        }
        .tenant-crm-account-mobile-head,
        .tenant-crm-account-mobile-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
            justify-content: space-between;
        }
        .tenant-crm-account-mobile-head span {
            color: #0f766e;
            font-size: 11px;
            font-weight: 850;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .tenant-crm-account-mobile-head strong {
            border-radius: 999px;
            padding: 5px 9px;
            background: rgba(15, 118, 110, 0.09);
            color: #0f766e;
            font-size: 12px;
        }
        .tenant-crm-account-mobile-card h3 {
            margin: 10px 0 6px;
            color: #0f172a;
            font-size: 18px;
            line-height: 1.16;
        }
        .tenant-crm-account-mobile-card p {
            margin: 0;
            color: #475569;
            font-size: 13px;
            line-height: 1.55;
        }
        .tenant-crm-account-mobile-proof {
            margin: 12px 0;
            border-left: 3px solid #0f766e;
            padding: 8px 10px;
            border-radius: 12px;
            background: rgba(15, 118, 110, 0.07);
            color: #334155;
            font-size: 12px;
            line-height: 1.5;
        }
        .tenant-crm-account-mobile-actions .ui-btn {
            flex: 1 1 120px;
            justify-content: center;
            min-height: 40px;
        }
        .tenant-commercial-table .ui-table td,
        .tenant-commercial-table .ui-table th {
            vertical-align: top;
        }
        .tenant-workqueue-table .ui-table td,
        .tenant-workqueue-table .ui-table th {
            vertical-align: top;
        }
        @media (max-width: 900px) {
            .ui-strategic-hero-grid {
                grid-template-columns: 1fr;
            }
            .tenant-strategic-hero {
                grid-template-columns: 1fr;
                border-radius: 22px;
                padding: 18px;
                width: min(100%, calc(100vw - 36px));
            }
            .tenant-strategic-hero h2,
            .tenant-strategic-hero p {
                overflow-wrap: anywhere;
            }
            .tenant-strategic-actions .ui-btn {
                width: 100%;
                min-height: 44px;
                justify-content: center;
            }
            .tenant-strategic-pulse {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
            .tenant-strategic-pulse > div {
                padding: 11px;
            }
            .tenant-strategic-pulse strong {
                font-size: 20px;
            }
            .tenant-strategic-kpis,
            .tenant-strategic-lanes {
                grid-template-columns: 1fr;
            }
            .tenant-strategic-link-grid .ui-btn,
            .tenant-strategic-lane-action .ui-btn {
                width: 100%;
                justify-content: center;
            }
            .tenant-workqueue-table .ui-table-wrap {
                overflow: visible;
            }
            .tenant-workqueue-action-panel {
                grid-template-columns: 1fr;
            }
            .tenant-workqueue-mobile-priority {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .tenant-workqueue-mobile-cards {
                display: grid;
            }
            .tenant-workqueue-action-panel .ui-btn,
            .tenant-workqueue-detail-actions .ui-btn,
            .tenant-workqueue-detail-actions form,
            .tenant-workqueue-detail-hero .ui-btn,
            .tenant-workqueue-preset-save .ui-btn,
            .tenant-workqueue-preset-save input,
            .tenant-workqueue-preset-actions .ui-btn,
            .tenant-workqueue-preset-row-actions .ui-btn,
            .tenant-workqueue-preset-row-actions form {
                width: 100%;
            }
            .tenant-desktop-continuity-strip {
                grid-template-columns: 1fr;
            }
            .tenant-workqueue-detail-hero {
                display: grid;
            }
            .tenant-command-work-actions .ui-btn,
            .tenant-command-work-inline-form,
            .tenant-command-work-inline-form .ui-btn,
            .tenant-actionhub-actions .ui-btn,
            .tenant-actionhub-bulk-panel .ui-btn,
            .tenant-actionhub-bulk-panel select,
            .tenant-notifications-actions .ui-btn,
            .tenant-notifications-bulk-panel .ui-btn,
            .tenant-notifications-bulk-panel select,
            .tenant-reminders-actions .ui-btn,
            .tenant-reminders-inline-form,
            .tenant-reminders-inline-form .ui-btn,
            .tenant-reminders-filter-control,
            .tenant-reminders-filter-control select,
            .tenant-reminders-filter-control input,
            .tenant-onboarding-actions .ui-btn,
            .tenant-command-palette-actions,
            .tenant-command-palette-actions .ui-btn,
            .tenant-command-palette-pin-form,
            .tenant-command-palette-pin-form .ui-btn,
            .tenant-create-action-row .ui-btn,
            .tenant-create-inline-form,
            .tenant-create-inline-form .ui-btn,
            .tenant-create-inline-form .tenant-create-input {
                width: 100%;
            }
            .tenant-command-palette-row {
                display: grid;
                align-items: stretch;
            }
            .tenant-notifications-mobile-cards {
                display: grid;
            }
            .tenant-notifications-table .ui-table-wrap,
            .tenant-actionhub-table .ui-table-wrap {
                overflow: visible;
            }
            .tenant-notifications-table .ui-table,
            .tenant-notifications-table .ui-table thead,
            .tenant-notifications-table .ui-table tbody,
            .tenant-notifications-table .ui-table tr,
            .tenant-notifications-table .ui-table th,
            .tenant-notifications-table .ui-table td,
            .tenant-actionhub-table .ui-table,
            .tenant-actionhub-table .ui-table thead,
            .tenant-actionhub-table .ui-table tbody,
            .tenant-actionhub-table .ui-table tr,
            .tenant-actionhub-table .ui-table th,
            .tenant-actionhub-table .ui-table td {
                display: block;
                width: 100%;
                min-width: 0;
            }
            .tenant-notifications-table .ui-table thead,
            .tenant-actionhub-table .ui-table thead {
                display: none;
            }
            .tenant-notifications-table .ui-table tbody,
            .tenant-actionhub-table .ui-table tbody {
                display: grid;
                gap: 12px;
            }
            .tenant-notifications-table .ui-table tr,
            .tenant-actionhub-table .ui-table tr {
                border: 1px solid color-mix(in srgb, #0f766e 14%, #dbe4f0);
                border-radius: 18px;
                padding: 12px;
                background:
                    radial-gradient(circle at 100% 0%, rgba(20, 184, 166, 0.1), transparent 30%),
                    #ffffff;
                box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
            }
            .tenant-notifications-table .ui-table td,
            .tenant-actionhub-table .ui-table td {
                border: 0;
                padding: 8px 0;
            }
            .tenant-notifications-table .ui-table td::before,
            .tenant-actionhub-table .ui-table td::before {
                content: attr(data-label);
                display: block;
                margin-bottom: 4px;
                color: #0f766e;
                font-size: 11px;
                font-weight: 850;
                letter-spacing: 0.08em;
                text-transform: uppercase;
            }
            .tenant-notifications-timeline-grid {
                grid-template-columns: 1fr;
            }
            .tenant-command-palette-table .ui-table-wrap {
                overflow: visible;
            }
            .tenant-command-palette-table .ui-table,
            .tenant-command-palette-table .ui-table thead,
            .tenant-command-palette-table .ui-table tbody,
            .tenant-command-palette-table .ui-table tr,
            .tenant-command-palette-table .ui-table th,
            .tenant-command-palette-table .ui-table td {
                display: block;
                width: 100%;
                min-width: 0;
            }
            .tenant-command-palette-table .ui-table thead {
                display: none;
            }
            .tenant-command-palette-table .ui-table tbody {
                display: grid;
                gap: 12px;
            }
            .tenant-command-palette-table .ui-table tr {
                border: 1px solid color-mix(in srgb, #0f766e 18%, var(--ui-border, #dbe3ec));
                border-radius: 16px;
                padding: 12px;
                background:
                    radial-gradient(circle at 100% 0%, rgba(56, 189, 248, 0.12), transparent 30%),
                    #ffffff;
            }
            .tenant-command-palette-table .ui-table td {
                border: 0;
                padding: 0;
            }
            .tenant-command-palette-table .ui-table td + td {
                margin-top: 10px;
                padding-top: 10px;
                border-top: 1px dashed var(--ui-border-soft, #dbe3ec);
            }
            .tenant-command-palette-table .ui-table td::before {
                content: attr(data-label);
                display: block;
                margin-bottom: 4px;
                color: #64748b;
                font-size: 11px;
                font-weight: 800;
                letter-spacing: 0.06em;
                text-transform: uppercase;
            }
            .tenant-reminders-hero,
            .tenant-reminders-guide-grid,
            .tenant-onboarding-hero,
            .tenant-onboarding-guide-grid,
            .tenant-onboarding-form {
                grid-template-columns: 1fr;
            }
            .tenant-onboarding-actions {
                justify-content: stretch;
            }
            .tenant-onboarding-choice-grid {
                grid-template-columns: 1fr;
            }
            .tenant-create-guided-grid {
                grid-template-columns: 1fr;
            }
            .tenant-commercial-table .ui-table-wrap {
                overflow: visible;
            }
            .tenant-commercial-table .ui-table,
            .tenant-commercial-table .ui-table thead,
            .tenant-commercial-table .ui-table tbody,
            .tenant-commercial-table .ui-table tr,
            .tenant-commercial-table .ui-table th,
            .tenant-commercial-table .ui-table td,
            .tenant-workqueue-table .ui-table,
            .tenant-workqueue-table .sdg-wrap,
            .tenant-workqueue-table .sdg-wrap table,
            .tenant-workqueue-table .ui-table thead,
            .tenant-workqueue-table .ui-table tbody,
            .tenant-workqueue-table .ui-table tr,
            .tenant-workqueue-table .ui-table th,
            .tenant-workqueue-table .ui-table td {
                display: block;
                width: 100%;
                min-width: 0;
            }
            .tenant-commercial-table .ui-table thead,
            .tenant-workqueue-table .ui-table thead {
                display: none;
            }
            .tenant-commercial-table .ui-table tbody,
            .tenant-workqueue-table .ui-table tbody {
                display: grid;
                gap: 12px;
            }
            .tenant-commercial-table .ui-table tr,
            .tenant-workqueue-table .ui-table tr {
                border: 1px solid color-mix(in srgb, var(--tenant-accent, #16a34a) 18%, var(--ui-border, #dbe3ec));
                border-radius: 16px;
                padding: 12px;
                background: #ffffff;
            }
            .tenant-commercial-table .ui-table td,
            .tenant-workqueue-table .ui-table td {
                border: 0;
                padding: 0;
            }
            .tenant-commercial-table .ui-table td + td,
            .tenant-workqueue-table .ui-table td + td {
                margin-top: 10px;
                padding-top: 10px;
                border-top: 1px dashed var(--ui-border-soft, #dbe3ec);
            }
            .tenant-commercial-table .ui-table td::before,
            .tenant-workqueue-table .ui-table td::before {
                content: attr(data-label);
                display: block;
                margin-bottom: 4px;
                color: #64748b;
                font-size: 11px;
                font-weight: 800;
                letter-spacing: 0.06em;
                text-transform: uppercase;
            }
            .tenant-activity-log-form {
                grid-template-columns: 1fr;
            }
            .tenant-activity-log-form .ui-btn {
                width: 100%;
                justify-content: center;
            }
            .tenant-crm-filter-form,
            .tenant-crm-filter-form--accounts {
                grid-template-columns: 1fr;
                padding: 11px;
            }
            .tenant-crm-filter-form .ui-btn {
                width: 100%;
            }
            .tenant-crm-compose-head {
                display: grid;
            }
            .tenant-crm-compose-head .ui-btn,
            .tenant-crm-compose-form .ui-btn {
                width: 100%;
            }
            .tenant-crm-compose-form,
            .tenant-crm-compose-form--contacts,
            .tenant-crm-compose-form--accounts {
                grid-template-columns: 1fr;
            }
            .tenant-crm-contact-mobile-cards {
                display: grid;
            }
            .tenant-crm-account-mobile-cards {
                display: grid;
            }
            .tenant-crm-activity-mobile-cards {
                display: grid;
            }
            .tenant-crm-contacts-table .sdg-wrap {
                overflow: visible;
            }
            .tenant-crm-accounts-table .sdg-wrap {
                overflow: visible;
            }
            .tenant-crm-activity-table .sdg-wrap {
                overflow: visible;
            }
            .tenant-crm-contacts-table .ui-table,
            .tenant-crm-contacts-table .ui-table thead,
            .tenant-crm-contacts-table .ui-table tbody,
            .tenant-crm-contacts-table .ui-table tr,
            .tenant-crm-contacts-table .ui-table th,
            .tenant-crm-contacts-table .ui-table td,
            .tenant-crm-accounts-table .ui-table,
            .tenant-crm-accounts-table .ui-table thead,
            .tenant-crm-accounts-table .ui-table tbody,
            .tenant-crm-accounts-table .ui-table tr,
            .tenant-crm-accounts-table .ui-table th,
            .tenant-crm-accounts-table .ui-table td,
            .tenant-crm-activity-table .ui-table,
            .tenant-crm-activity-table .ui-table thead,
            .tenant-crm-activity-table .ui-table tbody,
            .tenant-crm-activity-table .ui-table tr,
            .tenant-crm-activity-table .ui-table th,
            .tenant-crm-activity-table .ui-table td {
                display: block;
                width: 100%;
                min-width: 0;
            }
            .tenant-crm-contacts-table .ui-table thead,
            .tenant-crm-accounts-table .ui-table thead,
            .tenant-crm-activity-table .ui-table thead {
                display: none;
            }
            .tenant-crm-contacts-table .ui-table tbody,
            .tenant-crm-accounts-table .ui-table tbody,
            .tenant-crm-activity-table .ui-table tbody {
                display: grid;
                gap: 12px;
            }
            .tenant-crm-contacts-table .ui-table tr,
            .tenant-crm-accounts-table .ui-table tr,
            .tenant-crm-activity-table .ui-table tr {
                border: 1px solid color-mix(in srgb, #2563eb 14%, #dbe4f0);
                border-radius: 18px;
                padding: 12px;
                background:
                    radial-gradient(circle at 100% 0%, rgba(37, 99, 235, 0.1), transparent 30%),
                    #ffffff;
                box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
            }
            .tenant-crm-accounts-table .ui-table tr {
                border-color: color-mix(in srgb, #0f766e 16%, #dbe4f0);
                background:
                    radial-gradient(circle at 100% 0%, rgba(15, 118, 110, 0.1), transparent 30%),
                    #ffffff;
            }
            .tenant-crm-activity-table .ui-table tr {
                border-color: color-mix(in srgb, #16a34a 16%, #dbe4f0);
                background:
                    radial-gradient(circle at 100% 0%, rgba(22, 163, 74, 0.1), transparent 30%),
                    #ffffff;
            }
            .tenant-crm-contacts-table .ui-table td,
            .tenant-crm-accounts-table .ui-table td,
            .tenant-crm-activity-table .ui-table td {
                border: 0;
                padding: 8px 0;
            }
            .tenant-crm-contacts-table .ui-table td::before,
            .tenant-crm-accounts-table .ui-table td::before,
            .tenant-crm-activity-table .ui-table td::before {
                content: attr(data-label);
                display: block;
                margin-bottom: 4px;
                color: #1d4ed8;
                font-size: 11px;
                font-weight: 850;
                letter-spacing: 0.08em;
                text-transform: uppercase;
            }
            .tenant-crm-accounts-table .ui-table td::before {
                color: #0f766e;
            }
            .tenant-crm-activity-table .ui-table td::before {
                color: #166534;
            }
            .tenant-crm-activity-mobile-actions .ui-btn,
            .tenant-crm-activity-row-actions .ui-btn {
                width: 100%;
            }
            .tenant-crm-activity-detail-grid {
                grid-template-columns: 1fr;
            }
            .tenant-crm-drawer {
                width: min(100%, calc(100vw - 20px));
                padding: 14px;
            }
            .tenant-crm-drawer-head {
                display: grid;
            }
            .tenant-crm-drawer-actions .ui-btn {
                width: 100%;
                justify-content: center;
            }
            .ui-strategic-title {
                font-size: clamp(28px, 10vw, 42px);
            }
            .ui-strategic-actions .ui-btn,
            .ui-page-livebar .ui-btn {
                min-height: 42px;
            }
            .container { padding: 0 12px 30px; }
            .ui-card { padding: 13px; }
            .ui-page-head h1 { font-size: 24px; }
            .app-shell { grid-template-columns: 1fr; }
            body.shell-fixed .app-shell {
                display: flex;
                flex-direction: column;
            }
            .app-shell-sidebar { position: static; }
            body.shell-fixed .app-shell-sidebar {
                order: 2;
                position: static;
                width: auto;
                margin-bottom: 12px;
            }
            body.shell-fixed .shell-side-shell {
                height: auto;
                border-radius: 16px;
            }
            body.shell-fixed .shell-side-scroll {
                max-height: 42vh;
                overflow: auto;
            }
            body.shell-fixed .app-shell-main {
                order: 1;
                margin-left: 0;
                max-width: 100vw;
                overflow-x: hidden;
            }
            body.shell-fixed .app-shell-main-inner,
            .top-nav-shell,
            .ui-page-head,
            .ui-card {
                box-sizing: border-box;
                max-width: 100%;
                min-width: 0;
            }
            .admin-platform-flow-strip,
            .admin-platform-demo-path {
                grid-template-columns:1fr;
            }
            .admin-platform-flow-strip__steps {
                grid-template-columns:repeat(2,minmax(0,1fr));
            }
            .top-nav-shell {
                top: 0;
                margin: 0 0 12px;
                border-radius: 16px;
                padding: 10px;
            }
            .top-nav-shell-row {
                flex-wrap: wrap !important;
                gap: 10px !important;
            }
            .top-nav-search {
                order: 1;
                flex-basis: 100%;
            }
            .top-nav-actions {
                order: 2;
                width: 100%;
                justify-content: space-between;
            }
            .top-nav-search .ui-input {
                height: 38px !important;
                line-height: 38px !important;
            }
            .top-nav-action {
                width: 38px !important;
                height: 38px !important;
                min-width: 38px;
                min-height: 38px;
            }
            .top-nav-desktop-only {
                display: none !important;
            }
            .top-nav-pop-link span {
                max-width: 72vw;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .top-nav-profile-pop {
                right: 0 !important;
                left: 0 !important;
                top: 42px !important;
                width: min(100%, 260px);
            }
            .top-nav-calendar-pop {
                right: 0 !important;
                left: 0 !important;
                top: 42px !important;
                width: min(100%, 100vw - 24px);
            }
            .top-nav-calendar-lanes {
                grid-template-columns: 1fr;
            }
        }
        .mono { font-family: Consolas, Menlo, monospace; }
        .ui-toast-container { position: fixed; right: 14px; bottom: 14px; z-index: 200; display: grid; gap: 8px; max-width: min(92vw, 360px); }
        .ui-toast { border: 1px solid var(--ui-border-soft); border-radius: 8px; padding: 10px 12px; background: var(--spm-surface); box-shadow: 0 8px 24px rgba(15, 23, 42, 0.16); font-size: 13px; }
        html[data-theme="dark"] .ui-card,
        html[data-theme="dark"] .ui-empty-state,
        html[data-theme="dark"] .ui-toast { color: var(--ui-text); }
        html[data-theme="dark"] .ui-card,
        html[data-theme="dark"] .ui-modal,
        html[data-theme="dark"] .ui-table th,
        html[data-theme="dark"] .ui-table td,
        html[data-theme="dark"] [style*="background:#fff"],
        html[data-theme="dark"] [style*="background: #fff"],
        html[data-theme="dark"] [style*="background:#ffffff"],
        html[data-theme="dark"] [style*="background: #ffffff"],
        html[data-theme="dark"] [style*="background:#f8f7ff"],
        html[data-theme="dark"] [style*="background: #f8f7ff"],
        html[data-theme="dark"] [style*="background:#fbfbff"],
        html[data-theme="dark"] [style*="background: #fbfbff"] {
            background: var(--ui-surface) !important;
            color: var(--ui-text) !important;
            border-color: var(--ui-border) !important;
        }
        html[data-theme="dark"] body.tenant-surface .ui-empty-state { background: var(--tenant-surface-2); border-color: var(--tenant-border); }
        html[data-theme="dark"] body.tenant-surface .ui-chip { background: color-mix(in srgb, var(--tenant-accent) 18%, var(--tenant-surface-2)); border-color: color-mix(in srgb, var(--tenant-accent) 42%, var(--tenant-border)); color: var(--tenant-text); }
        html[data-theme="dark"] body.tenant-surface .ui-badge-neutral { background: color-mix(in srgb, var(--tenant-surface-3) 74%, #0f1f19 26%); border-color: var(--tenant-border); color: var(--tenant-text-muted); }
        html[data-theme="dark"] [style*="border:1px solid #ecebfb"],
        html[data-theme="dark"] [style*="border: 1px solid #ecebfb"],
        html[data-theme="dark"] [style*="border:1px dashed #d8d5f4"],
        html[data-theme="dark"] [style*="border: 1px dashed #d8d5f4"] { border-color: var(--ui-border) !important; }
        html[data-theme="dark"] [style*="color:#2f2b4f"],
        html[data-theme="dark"] [style*="color: #2f2b4f"] { color: var(--ui-text) !important; }
        html[data-theme="dark"] [style*="color:#8b87ad"],
        html[data-theme="dark"] [style*="color: #8b87ad"],
        html[data-theme="dark"] [style*="color:#7f7c9d"],
        html[data-theme="dark"] [style*="color: #7f7c9d"],
        html[data-theme="dark"] [style*="color:#6b678b"],
        html[data-theme="dark"] [style*="color: #6b678b"],
        html[data-theme="dark"] [style*="color:#5e5a84"],
        html[data-theme="dark"] [style*="color: #5e5a84"] { color: var(--ui-subtle) !important; }
        .ui-toast-success { border-color:#86efac; background:#ecfdf3; color:#166534; }
        .ui-toast-info { border-color:#93c5fd; background:#eff6ff; color:#1e3a8a; }
        .ui-toast-warn { border-color:#fdba74; background:#fff7ed; color:#9a3412; }
        .ui-toast-error { border-color:#fca5a5; background:#fef2f2; color:#b91c1c; }
        .top-nav-calendar-pop {
            position: absolute;
            right: 94px;
            top: 42px;
            width: min(360px, calc(100vw - 48px));
            border: 1px solid var(--ui-border);
            border-radius: 12px;
            background: color-mix(in srgb, var(--ui-surface) 94%, white 6%);
            box-shadow: 0 18px 36px rgba(17, 24, 39, 0.18);
            padding: 14px;
            z-index: 90;
        }
        .top-nav-calendar-head,
        .top-nav-calendar-head-actions,
        .top-nav-calendar-weekdays,
        .top-nav-calendar-grid,
        .top-nav-calendar-lanes {
            display: grid;
        }
        .top-nav-calendar-head {
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 10px;
            align-items: start;
        }
        .top-nav-calendar-eyebrow {
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--ui-subtle);
        }
        .top-nav-calendar-month {
            margin-top: 4px;
            font-size: 18px;
            font-weight: 800;
            color: var(--ui-text);
        }
        .top-nav-calendar-head-actions {
            grid-auto-flow: column;
            gap: 6px;
        }
        .top-nav-calendar-nav {
            width: 30px;
            height: 30px;
            border-radius: 8px;
            border: 1px solid var(--ui-border);
            background: var(--ui-muted-bg);
            color: var(--ui-subtle);
            cursor: pointer;
        }
        .top-nav-calendar-today {
            margin-top: 10px;
            padding: 8px 10px;
            border-radius: 10px;
            background: color-mix(in srgb, var(--tenant-accent, #0f766e) 12%, white);
            color: var(--ui-text);
            font-size: 12px;
            font-weight: 700;
        }
        .top-nav-calendar-weekdays,
        .top-nav-calendar-grid {
            grid-template-columns: repeat(7, minmax(0, 1fr));
            gap: 6px;
        }
        .top-nav-calendar-weekdays {
            margin-top: 12px;
            color: var(--ui-subtle);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .top-nav-calendar-cell {
            min-height: 38px;
            border-radius: 10px;
            border: 1px solid color-mix(in srgb, var(--ui-border) 86%, transparent);
            background: var(--ui-surface);
            color: var(--ui-text);
            cursor: pointer;
            font-size: 12px;
            font-weight: 700;
        }
        .top-nav-calendar-cell.is-muted {
            border-style: dashed;
            background: transparent;
            cursor: default;
        }
        .top-nav-calendar-cell.is-today {
            background: linear-gradient(135deg, #0f766e, #3f9142);
            border-color: transparent;
            color: #fff;
            box-shadow: 0 10px 20px rgba(15, 118, 110, 0.22);
        }
        .top-nav-calendar-cell.is-near,
        .top-nav-calendar-cell.is-selected {
            border-color: color-mix(in srgb, var(--tenant-accent, #0f766e) 52%, var(--ui-border));
            background: color-mix(in srgb, var(--tenant-accent, #0f766e) 10%, white);
        }
        .top-nav-calendar-agenda {
            margin-top: 14px;
            padding-top: 12px;
            border-top: 1px solid color-mix(in srgb, var(--ui-border) 84%, transparent);
        }
        .top-nav-calendar-agenda-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 10px;
        }
        .top-nav-calendar-agenda-title {
            font-size: 12px;
            font-weight: 800;
            color: var(--ui-text);
        }
        .top-nav-calendar-agenda-date {
            margin-top: 3px;
            color: var(--ui-subtle);
            font-size: 11px;
            font-weight: 700;
            line-height: 1.35;
        }
        .top-nav-calendar-agenda-badge {
            display: inline-flex;
            align-items: center;
            min-height: 24px;
            padding: 0 9px;
            border-radius: 999px;
            border: 1px solid color-mix(in srgb, var(--tenant-accent, #0f766e) 28%, var(--ui-border));
            background: color-mix(in srgb, var(--tenant-accent, #0f766e) 10%, white);
            color: var(--tenant-accent, #0f766e);
            font-size: 10px;
            font-weight: 850;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }
        .top-nav-calendar-agenda-copy {
            margin-top: 6px;
            color: var(--ui-subtle);
            font-size: 12px;
            line-height: 1.5;
        }
        .top-nav-calendar-lanes {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px;
            margin-top: 10px;
        }
        .top-nav-calendar-lane {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            justify-content: space-between;
            min-height: 36px;
            padding: 0 10px;
            border-radius: 10px;
            border: 1px solid color-mix(in srgb, var(--ui-border) 82%, transparent);
            background: color-mix(in srgb, var(--ui-muted-bg) 92%, white 8%);
            color: var(--ui-text);
            font-size: 12px;
            font-weight: 700;
        }
        .top-nav-calendar-lane i,
        .top-nav-calendar-lane span {
            min-width: 0;
        }
        .top-nav-calendar-lane span {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .top-nav-calendar-lane strong {
            display: inline-grid;
            place-items: center;
            min-width: 22px;
            height: 22px;
            border-radius: 999px;
            background: var(--ui-surface);
            color: var(--ui-subtle);
            font-size: 11px;
            line-height: 1;
        }
        .top-nav-calendar-empty {
            margin-top: 10px;
            border: 1px dashed color-mix(in srgb, var(--ui-border) 76%, transparent);
            border-radius: 10px;
            padding: 9px 10px;
            background: color-mix(in srgb, var(--ui-muted-bg) 78%, white 22%);
            color: var(--ui-subtle);
            font-size: 11px;
            line-height: 1.45;
        }

        /* SmartPM Enterprise UIUX System V1 */
        :root {
            --spm-enterprise-bg: #f4f7f6;
            --spm-enterprise-surface: #ffffff;
            --spm-enterprise-surface-alt: #eef5f2;
            --spm-enterprise-border: #d8e4df;
            --spm-enterprise-text: #10231f;
            --spm-enterprise-muted: #5f746d;
            --spm-enterprise-accent: #0f766e;
            --spm-enterprise-accent-strong: #124a46;
            --spm-enterprise-warning: #b7791f;
            --spm-enterprise-success: #16835f;
            --spm-enterprise-danger: #b42318;
            --spm-enterprise-radius: 8px;
            --spm-enterprise-gap: 14px;
            --spm-enterprise-gap-sm: 10px;
            --spm-enterprise-shadow: 0 12px 30px rgba(16, 35, 31, 0.08);
        }

        html[data-theme="dark"] {
            --spm-enterprise-bg: #0f1715;
            --spm-enterprise-surface: #14211f;
            --spm-enterprise-surface-alt: #1b2b28;
            --spm-enterprise-border: #2d4540;
            --spm-enterprise-text: #e9f4ef;
            --spm-enterprise-muted: #a9beb7;
            --spm-enterprise-accent: #34d399;
            --spm-enterprise-accent-strong: #8ee8cf;
            --spm-enterprise-shadow: 0 12px 30px rgba(0, 0, 0, 0.26);
        }

        .spm-enterprise-shell {
            display: grid;
            gap: var(--spm-enterprise-gap);
            color: var(--spm-enterprise-text);
        }

        .spm-enterprise-density-compact {
            --spm-enterprise-gap: 12px;
            --spm-enterprise-gap-sm: 8px;
        }

        .spm-enterprise-hero {
            display: grid;
            grid-template-columns: minmax(0, 1.5fr) minmax(260px, .75fr);
            gap: 18px;
            align-items: stretch;
            border: 1px solid color-mix(in srgb, var(--spm-enterprise-accent) 36%, var(--spm-enterprise-border));
            border-radius: var(--spm-enterprise-radius);
            background:
                linear-gradient(135deg, #123d3a 0%, #1e5d55 58%, #738d35 100%);
            color: #f7fffb;
            box-shadow: var(--spm-enterprise-shadow);
            padding: 18px;
            overflow: hidden;
        }

        .tenant-strategic-hero.spm-enterprise-hero {
            margin: 0;
            padding: 18px;
            border-radius: var(--spm-enterprise-radius);
            background:
                linear-gradient(135deg, #123d3a 0%, #1e5d55 58%, #738d35 100%);
            box-shadow: var(--spm-enterprise-shadow);
        }

        .tenant-strategic-hero.spm-enterprise-hero::after {
            display: none;
        }

        .spm-enterprise-hero__copy {
            display: grid;
            gap: 10px;
            align-content: center;
        }

        .tenant-strategic-hero-copy.spm-enterprise-hero__copy {
            gap: 10px;
        }

        .spm-enterprise-hero__eyebrow,
        .spm-enterprise-label {
            color: color-mix(in srgb, currentColor 72%, transparent);
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .04em;
            text-transform: uppercase;
        }

        .tenant-strategic-role.spm-enterprise-hero__eyebrow {
            margin-bottom: 0;
            border-radius: var(--spm-enterprise-radius);
            letter-spacing: .04em;
        }

        .spm-enterprise-hero__title {
            margin: 0;
            font-size: 28px;
            line-height: 1.08;
            letter-spacing: 0;
        }

        .tenant-strategic-hero.spm-enterprise-hero .spm-enterprise-hero__title {
            max-width: 760px;
            font-size: 28px;
            line-height: 1.08;
            letter-spacing: 0;
        }

        .spm-enterprise-hero__body {
            max-width: 760px;
            margin: 0;
            color: rgba(247, 255, 251, .84);
            line-height: 1.55;
        }

        .tenant-strategic-hero.spm-enterprise-hero .spm-enterprise-hero__body {
            max-width: 760px;
            margin: 0;
            font-size: 14px;
            line-height: 1.55;
        }

        .spm-enterprise-actions,
        .spm-enterprise-action-stack {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }

        .tenant-strategic-actions.spm-enterprise-actions {
            margin-top: 0;
            gap: 8px;
        }

        .spm-enterprise-status-strip {
            display: grid;
            gap: 8px;
            align-content: stretch;
        }

        .spm-enterprise-status-strip > div {
            border: 1px solid rgba(255, 255, 255, .24);
            border-radius: var(--spm-enterprise-radius);
            background: rgba(255, 255, 255, .11);
            padding: 10px 12px;
        }

        .tenant-strategic-pulse.spm-enterprise-status-strip > div {
            border-radius: var(--spm-enterprise-radius);
            padding: 10px 12px;
        }

        .spm-enterprise-status-strip span {
            display: block;
            color: rgba(247, 255, 251, .72);
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .spm-enterprise-status-strip strong {
            display: block;
            margin-top: 4px;
            font-size: 24px;
            line-height: 1;
        }

        .spm-enterprise-card,
        .spm-enterprise-metric,
        .spm-enterprise-lane,
        .spm-enterprise-empty,
        .spm-enterprise-drawer {
            border: 1px solid var(--spm-enterprise-border) !important;
            border-radius: var(--spm-enterprise-radius) !important;
            background: var(--spm-enterprise-surface);
            box-shadow: var(--spm-enterprise-shadow);
        }

        .spm-enterprise-card-grid,
        .spm-enterprise-metric-grid {
            display: grid;
            gap: var(--spm-enterprise-gap-sm);
        }

        .spm-enterprise-metric-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .spm-enterprise-card-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .spm-enterprise-metric {
            padding: 12px;
            min-height: 104px;
        }

        .spm-enterprise-value {
            margin-top: 6px;
            color: var(--spm-enterprise-text);
            font-size: 24px;
            font-weight: 800;
            line-height: 1.08;
        }

        .spm-enterprise-toolbar,
        .spm-enterprise-filterbar {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: end;
            justify-content: space-between;
            border: 1px solid var(--spm-enterprise-border);
            border-radius: var(--spm-enterprise-radius);
            background: var(--spm-enterprise-surface-alt);
            padding: 10px;
        }

        .spm-enterprise-table-wrap {
            overflow-x: auto;
            border: 1px solid var(--spm-enterprise-border);
            border-radius: var(--spm-enterprise-radius);
        }

        .spm-enterprise-empty {
            display: grid;
            gap: 8px;
            padding: 16px;
            color: var(--spm-enterprise-muted);
        }

        .spm-enterprise-drawer {
            width: min(420px, 92vw);
            padding: 14px;
        }

        @media (max-width: 1100px) {
            .spm-enterprise-metric-grid,
            .spm-enterprise-card-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 760px) {
            .spm-enterprise-hero,
            .spm-enterprise-metric-grid,
            .spm-enterprise-card-grid {
                grid-template-columns: 1fr;
            }

            .spm-enterprise-hero {
                padding: 14px;
            }

            .spm-enterprise-toolbar,
            .spm-enterprise-filterbar {
                align-items: stretch;
            }
        }

        /* SmartPM Enterprise UIUX System V1 aliases for high-traffic tenant pages */
        .gold-card,
        .tenant-actionhub-card,
        .tenant-strategic-card,
        .tenant-forms-templates-card,
        .tenant-forms-submissions-card,
        .tenant-approvals-queue-card,
        .tenant-workqueue-guide,
        .tenant-workqueue-presets,
        .tenant-workqueue-detail,
        .tenant-crm-compose-card,
        .tenant-activity-summary {
            border: 1px solid var(--spm-enterprise-border) !important;
            border-radius: var(--spm-enterprise-radius) !important;
            background: var(--spm-enterprise-surface) !important;
            box-shadow: var(--spm-enterprise-shadow);
        }

        .gold-toolbar,
        .wf-toolbar,
        .aq-toolbar,
        .fb-topbar {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: end;
            justify-content: space-between;
            padding: 10px;
            border: 1px solid var(--spm-enterprise-border);
            border-radius: var(--spm-enterprise-radius);
            background: var(--spm-enterprise-surface-alt);
        }

        .tfu-summary-grid,
        .wf-grid,
        .aq-grid,
        .tenant-strategic-kpis {
            display: grid;
            gap: var(--spm-enterprise-gap-sm);
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .tfu-card,
        .wf-card,
        .aq-card,
        .fb-stat,
        .tenant-strategic-kpi,
        .tenant-workqueue-guide-card {
            min-height: 104px;
            border: 1px solid var(--spm-enterprise-border) !important;
            border-radius: var(--spm-enterprise-radius) !important;
            background: var(--spm-enterprise-surface) !important;
            box-shadow: 0 8px 22px rgba(16, 35, 31, 0.06);
        }

        .tenant-strategic-lanes,
        .tenant-actionhub-lanes {
            display: grid;
            gap: var(--spm-enterprise-gap-sm);
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .tenant-strategic-lane,
        .tenant-actionhub-lane,
        .tenant-command-palette-row,
        .tenant-workqueue-preset-row,
        .tenant-crm-drawer,
        .wf-drawer-panel {
            border-radius: var(--spm-enterprise-radius) !important;
        }

        .tenant-command-palette-actions,
        .tenant-workqueue-preset-row-actions,
        .tenant-workqueue-detail-actions,
        .tenant-workqueue-action-panel,
        .tenant-actionhub-actions,
        .tenant-actionhub-bulk-panel,
        .tenant-crm-drawer-actions,
        .tenant-approval-row-actions,
        .tenant-forms-template-row-actions,
        .tenant-forms-submission-row-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }

        .tenant-crm-drawer,
        .wf-drawer-panel {
            border: 1px solid var(--spm-enterprise-border);
            box-shadow: var(--spm-enterprise-shadow);
        }

        .tenant-workqueue-action-panel,
        .aq-panel {
            border: 1px solid var(--spm-enterprise-border);
            border-radius: var(--spm-enterprise-radius);
            background: var(--spm-enterprise-surface-alt);
            padding: 12px;
        }

        .tenant-desktop-continuity-strip {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 10px;
            align-items: stretch;
            margin: 0;
        }

        .tenant-desktop-continuity-strip > a,
        .tenant-desktop-continuity-strip > div {
            display: grid;
            gap: 4px;
            min-height: 86px;
            border: 1px solid var(--spm-enterprise-border);
            border-radius: var(--spm-enterprise-radius);
            background: var(--spm-enterprise-surface);
            padding: 12px;
            color: var(--spm-enterprise-text);
            text-decoration: none;
            box-shadow: 0 8px 22px rgba(16, 35, 31, 0.06);
        }

        .tenant-desktop-continuity-strip > a:hover {
            border-color: color-mix(in srgb, var(--spm-enterprise-accent) 38%, var(--spm-enterprise-border));
            background: var(--spm-enterprise-surface-alt);
        }

        .tenant-desktop-continuity-strip span {
            color: var(--spm-enterprise-accent);
            font-size: 11px;
            font-weight: 850;
            letter-spacing: .04em;
            text-transform: uppercase;
        }

        .tenant-desktop-continuity-strip strong {
            font-size: 17px;
            line-height: 1.18;
        }

        .tenant-desktop-continuity-strip p {
            margin: 0;
            color: var(--spm-enterprise-muted);
            font-size: 12px;
            line-height: 1.45;
        }

        .sdg-shell > [style*="border-radius:12px"],
        .gold-card [style*="border-radius:12px"],
        .tenant-strategic-card [style*="border-radius:12px"],
        .tenant-actionhub-card [style*="border-radius:12px"] {
            border-radius: var(--spm-enterprise-radius) !important;
        }

        @media (max-width: 1100px) {
            .tfu-summary-grid,
            .wf-grid,
            .aq-grid,
            .tenant-strategic-kpis,
            .tenant-strategic-lanes,
            .tenant-actionhub-lanes {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 760px) {
            .tfu-summary-grid,
            .wf-grid,
            .aq-grid,
            .tenant-strategic-kpis,
            .tenant-strategic-lanes,
            .tenant-actionhub-lanes {
                grid-template-columns: 1fr;
            }

            .gold-toolbar,
            .wf-toolbar,
            .aq-toolbar,
            .fb-topbar,
            .tenant-command-palette-actions,
            .tenant-workqueue-preset-row-actions,
            .tenant-workqueue-detail-actions,
            .tenant-workqueue-action-panel,
            .tenant-actionhub-actions,
            .tenant-actionhub-bulk-panel,
            .tenant-crm-drawer-actions,
            .tenant-approval-row-actions,
            .tenant-forms-template-row-actions,
            .tenant-forms-submission-row-actions {
                align-items: stretch;
            }
        }

        /* Platform operator focus shell */
        body:not(.tenant-surface) .shell-side-meta {
            display: none;
        }

        body:not(.tenant-surface) .shell-side-scroll {
            gap: 8px;
        }

        body:not(.tenant-surface) .shell-accordion-summary {
            min-height: 38px;
        }

        body:not(.tenant-surface) .shell-menu-link {
            min-height: 34px;
        }

        .platform-ops-focus-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin: 0 0 10px;
            padding: 8px;
            border: 1px solid color-mix(in srgb, var(--ui-border) 86%, transparent);
            border-radius: 8px;
            background: color-mix(in srgb, var(--ui-surface) 92%, #eef6f3);
        }

        .platform-ops-focus-bar__status,
        .platform-ops-focus-bar__links,
        .platform-ops-focus-bar__command {
            display: flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
        }

        .platform-ops-focus-bar__status {
            color: var(--ui-subtle);
            font-size: 12px;
            white-space: nowrap;
        }

        .platform-ops-focus-bar__status strong {
            color: var(--ui-text);
            font-size: 13px;
        }

        .platform-ops-focus-dot {
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: #16a34a;
            box-shadow: 0 0 0 3px rgba(22, 163, 74, .12);
        }

        .platform-ops-focus-bar__links {
            flex: 1;
            justify-content: center;
            overflow-x: auto;
        }

        .platform-ops-focus-bar__links a,
        .platform-ops-focus-bar__command {
            min-height: 32px;
            padding: 0 10px;
            border: 1px solid transparent;
            border-radius: 8px;
            color: var(--ui-subtle);
            text-decoration: none;
            font-size: 12px;
            font-weight: 800;
            white-space: nowrap;
        }

        .platform-ops-focus-bar__links a:hover,
        .platform-ops-focus-bar__links a.is-active,
        .platform-ops-focus-bar__command:hover {
            border-color: color-mix(in srgb, var(--spm-enterprise-accent) 36%, var(--ui-border));
            background: var(--ui-surface);
            color: var(--ui-text);
        }

        .platform-command-console {
            display: grid;
            gap: 12px;
        }

        .platform-command-hero {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 16px;
            padding: 16px;
            border: 1px solid var(--spm-enterprise-border);
            border-radius: 8px;
            background: linear-gradient(135deg, #f8fafc 0%, #eef8f5 100%);
        }

        .platform-command-hero h1 {
            margin: 0;
            color: var(--spm-enterprise-text);
            font-size: 28px;
            line-height: 1.1;
        }

        .platform-command-hero p {
            max-width: 720px;
            margin: 6px 0 0;
            color: var(--spm-enterprise-muted);
            font-size: 13px;
            line-height: 1.5;
        }

        .platform-command-hero__actions,
        .platform-command-result__actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }

        .platform-command-intents {
            display: grid;
            grid-template-columns: repeat(6, minmax(0, 1fr));
            gap: 10px;
        }

        .platform-command-intent,
        .platform-command-result {
            border: 1px solid var(--spm-enterprise-border);
            border-radius: 8px;
            background: var(--spm-enterprise-surface);
            color: var(--spm-enterprise-text);
            text-decoration: none;
            box-shadow: 0 8px 22px rgba(16, 35, 31, 0.06);
        }

        .platform-command-intent {
            display: grid;
            gap: 6px;
            min-height: 112px;
            padding: 12px;
        }

        .platform-command-intent i {
            color: var(--spm-enterprise-accent);
            font-size: 18px;
        }

        .platform-command-intent strong {
            font-size: 14px;
            line-height: 1.2;
        }

        .platform-command-intent span,
        .platform-command-result span {
            color: var(--spm-enterprise-muted);
            font-size: 12px;
            line-height: 1.35;
        }

        .platform-command-results {
            display: grid;
            gap: 8px;
        }

        .platform-command-result {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 10px;
        }

        .platform-command-result > div:first-child {
            display: grid;
            gap: 3px;
            min-width: 0;
        }

        .platform-ops-summary-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 10px;
            margin-bottom: 12px;
        }

        .platform-ops-summary-card {
            display: grid;
            gap: 6px;
            min-height: 96px;
            padding: 12px;
            border: 1px solid var(--spm-enterprise-border);
            border-radius: 8px;
            background: var(--spm-enterprise-surface);
            box-shadow: 0 8px 22px rgba(16, 35, 31, 0.06);
        }

        .platform-ops-summary-card span {
            color: var(--spm-enterprise-muted);
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
        }

        .platform-ops-summary-card strong {
            color: var(--spm-enterprise-text);
            font-size: 24px;
            line-height: 1.1;
        }

        .platform-ops-detail-disclosure {
            margin-top: 12px;
            border: 1px solid var(--spm-enterprise-border);
            border-radius: 8px;
            background: var(--spm-enterprise-surface-alt);
        }

        .platform-ops-detail-disclosure summary {
            cursor: pointer;
            padding: 10px 12px;
            color: var(--spm-enterprise-text);
            font-size: 13px;
            font-weight: 850;
        }

        .platform-ops-detail-disclosure__body {
            display: grid;
            gap: 10px;
            padding: 0 12px 12px;
        }

        .platform-expand-cell {
            display: grid;
            gap: 6px;
            max-width: 260px;
            min-width: 0;
        }

        .platform-expand-cell__preview {
            display: -webkit-box;
            max-height: 3.9em;
            overflow: hidden;
            color: var(--spm-enterprise-text);
            font-size: 12px;
            line-height: 1.3;
            overflow-wrap: anywhere;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }

        .platform-expand-cell__button {
            justify-self: start;
            min-height: 26px;
            padding: 4px 8px;
        }

        .platform-expand-cell__modal-text {
            max-height: 62vh;
            margin: 0;
            overflow: auto;
            white-space: pre-wrap;
            overflow-wrap: anywhere;
            font-size: 13px;
            line-height: 1.55;
        }

        .platform-expand-cell__modal-list {
            display: grid;
            gap: 10px;
            max-height: 62vh;
            overflow: auto;
        }

        .platform-expand-cell__modal-list > div {
            display: grid;
            gap: 3px;
            padding-bottom: 8px;
            border-bottom: 1px solid var(--spm-enterprise-border);
        }

        .platform-expand-cell__modal-list strong {
            color: var(--spm-enterprise-muted);
            font-size: 12px;
            text-transform: uppercase;
        }

        .platform-runtime-compact {
            display: grid;
            gap: 5px;
            min-width: 180px;
            font-size: 12px;
            line-height: 1.35;
        }

        .platform-usage-focus {
            display: grid;
            gap: 12px;
        }

        .platform-usage-focus__summary {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 10px;
        }

        .platform-usage-focus__summary .platform-ops-summary-card {
            min-height: 86px;
        }

        .platform-usage-focus__summary .platform-ops-summary-card strong {
            font-size: 18px;
            overflow-wrap: anywhere;
        }

        .platform-usage-focus__grid {
            display: grid;
            grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr);
            gap: 12px;
            align-items: start;
        }

        .platform-usage-decision {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }

        .platform-usage-decision > div {
            display: grid;
            gap: 4px;
            padding: 10px;
            border: 1px solid var(--spm-enterprise-border);
            border-radius: 8px;
            background: var(--spm-enterprise-surface-alt);
            min-height: 74px;
        }

        .platform-usage-decision span {
            color: var(--spm-enterprise-muted);
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
        }

        .platform-usage-decision strong,
        .platform-usage-decision a {
            color: var(--spm-enterprise-text);
            font-size: 14px;
            font-weight: 850;
            overflow-wrap: anywhere;
        }

        .platform-usage-actions {
            margin-top: 12px;
        }

        .platform-usage-readback {
            display: grid;
            gap: 8px;
            font-size: 13px;
        }

        @media (max-width: 1180px) {
            .platform-command-intents,
            .platform-ops-summary-grid,
            .platform-usage-focus__summary,
            .platform-usage-focus__grid,
            .platform-usage-decision {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .platform-ops-focus-bar {
                align-items: stretch;
                flex-direction: column;
            }

            .platform-ops-focus-bar__links {
                justify-content: flex-start;
            }
        }

        @media (max-width: 760px) {
            .platform-command-hero,
            .platform-command-result {
                align-items: stretch;
                flex-direction: column;
            }

            .platform-command-intents,
            .platform-ops-summary-grid,
            .platform-usage-focus__summary,
            .platform-usage-focus__grid,
            .platform-usage-decision {
                grid-template-columns: 1fr;
            }
        }