/* Concept 1/2: a quiet workspace, focused home and contextual opportunity drawer. */
.app { --experience-ink:#0B1B36; --experience-muted:#607087; --experience-line:#E6EBF1; font-family:"IBM Plex Sans",system-ui,sans-serif; background:#F6F8FB; }
.app .sidebar { width:232px; padding:20px 12px 12px; background:#fff; display:flex; flex-direction:column; height:100dvh; overflow:hidden; }
.app .main { margin-left:232px; min-width:0; max-width:calc(100vw - 232px); padding:22px 28px 40px; }
.app .sidebar .logo { padding:0 10px 16px; margin:0; }
.app .sidebar .logo-brand-row::after { content:none; display:none; }
.app .sidebar .logo-chip { background:#16345C; border-radius:7px; padding:5px; box-shadow:none; }
.app .sidebar .logo-img-icon { width:23px; height:23px; }
.app .sidebar .user-badge { border:1px solid var(--experience-line); border-radius:8px; padding:9px 11px; margin:0 4px 14px; background:#F8FAFC; }
.app .sidebar #sidebar-user-name { font-size:13px; }
.app .sidebar .role-tag { font-size:10px; }
#main-nav { flex:1; min-height:0; overflow:auto; gap:2px; padding-bottom:12px; }
#main-nav .nav-primary-link,#main-nav .nav-section-toggle { min-height:39px; padding:8px 10px; border-radius:7px; font-size:13px; }
#main-nav .nav-children { margin-top:2px; margin-bottom:6px; }
#main-nav .nav-children a { min-height:33px; padding:7px 9px; }
#main-nav .nav-routes-only { display:none!important; }
#main-nav [data-nav-bundle="partners"],#main-nav [data-nav-bundle="insights"] { margin-top:10px; }
#main-nav [data-nav-bundle="settings"] { margin-top:14px; border-top:1px solid var(--experience-line); padding-top:10px; }
.app .nav-account { flex-shrink:0; margin:0 4px; padding:10px 6px 0; }
.nav-account-settings { margin:0; }.nav-account-settings summary { padding:6px 0; }
.app .sidebar .logout-btn { padding:6px; margin:0; font-size:11px; }
.app .global-topbar { position:relative; padding:0 0 18px; border-bottom:1px solid var(--experience-line); margin-bottom:24px; background:transparent; gap:14px; }
.app .global-search-wrap { max-width:520px; }.app #global-search-input { box-shadow:none; padding-right:38px; border:1px solid #CBD5E1; background:#fff; }
.app h1 { font-size:24px; font-weight:600; letter-spacing:-.025em; color:var(--experience-ink); }
.app .page-intro,.experience-subtitle { font-size:13px; color:var(--experience-muted); margin-top:5px; line-height:1.6; }
.app .header-bar { margin-bottom:18px; align-items:center; gap:16px; }
.experience-mobile-nav { display:none; }
.experience-controls { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.experience-controls button,.opportunity-saved-views button { background:#fff; color:#475569; border:1px solid #CBD5E1; border-radius:7px; min-height:36px; padding:7px 12px; font:500 13px "IBM Plex Sans",sans-serif; cursor:pointer; }
.experience-controls button[aria-pressed="true"] { border-color:#16345C; color:#16345C; background:#EAF0F8; }
.experience-new-menu { position:absolute; right:58px; top:45px; min-width:220px; background:#fff; border:1px solid var(--experience-line); padding:7px; border-radius:10px; z-index:400; box-shadow:0 16px 45px #0B1B3620; }
.experience-new-menu[hidden] { display:none; }.experience-new-menu button { display:block; width:100%; text-align:left; padding:10px 12px; border:0; border-radius:6px; background:#fff; color:#16345C; font:500 13px "IBM Plex Sans",sans-serif; cursor:pointer; }.experience-new-menu button:hover { background:#F1F5F9; }
.experience-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:22px 0; }
.experience-kpi { background:#fff; border:1px solid var(--experience-line); border-radius:10px; padding:18px; }
.experience-kpi span { display:block; color:var(--experience-muted); font-size:13px; }.experience-kpi strong { display:block; color:var(--experience-ink); font-size:27px; font-weight:600; line-height:1.3; margin:8px 0 2px; }.experience-kpi small { font-size:11px; color:var(--experience-muted); }
.experience-home-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr); gap:18px; }
.experience-panel { background:#fff; border:1px solid var(--experience-line); border-radius:10px; overflow:hidden; min-width:0; }
.experience-panel-heading { padding:16px 18px; border-bottom:1px solid var(--experience-line); display:flex; justify-content:space-between; align-items:center; gap:12px; }.experience-panel-heading h2 { font-size:14px; font-weight:600; margin:0; }.experience-panel-heading small { font-size:11px; color:var(--experience-muted); }
.experience-attention-row { display:flex; align-items:center; gap:12px; width:100%; border:0; border-bottom:1px solid #F1F5F9; background:#fff; padding:16px 18px; text-align:left; color:var(--experience-ink); cursor:pointer; font:400 13px "IBM Plex Sans",sans-serif; }.experience-attention-row:hover { background:#F8FAFC; }.experience-attention-row:last-child { border-bottom:0; }.experience-attention-row .attention-copy { min-width:0; flex:1; }.attention-copy strong { font-weight:500; display:block; overflow-wrap:anywhere; }.attention-copy small { color:var(--experience-muted); display:block; margin-top:5px; font-size:12px; }
.attention-dot { width:8px; height:8px; background:#C89B3C; border-radius:50%; flex:none; }.attention-dot.danger { background:#B42318; }.attention-dot.info { background:#2E6198; }.experience-chip { font-size:11px; font-weight:500; border-radius:999px; padding:4px 9px; background:#F1F5F9; color:#475569; white-space:nowrap; }.experience-chip.danger { background:#FEE4E2; color:#B42318; }.experience-chip.warning { background:#FEF3C7; color:#8A4A08; }
.experience-stage { display:grid; grid-template-columns:74px minmax(20px,1fr) auto; gap:12px; align-items:center; width:100%; padding:14px 18px; border:0; background:#fff; cursor:pointer; color:#475569; text-align:left; font:400 12px "IBM Plex Sans",sans-serif; }.experience-stage:hover { background:#F8FAFC; }.experience-stage .track { background:#EFF3F8; height:9px; border-radius:6px; overflow:hidden; }.experience-stage .fill { display:block; height:100%; background:#2E6198; border-radius:6px; }.experience-stage[data-stage="Commit"] .fill { background:#C89B3C; }.experience-stage b { font-weight:500; color:#16345C; }.experience-stage:disabled { cursor:default; }.experience-footnote { color:var(--experience-muted); font-size:11px; padding:14px 18px; line-height:1.6; margin:0; }.experience-empty { padding:26px 18px; color:var(--experience-muted); font-size:13px; line-height:1.7; }
.workspace-overview { margin-top:24px; }.workspace-overview>summary { padding:12px 0; cursor:pointer; color:#52627D; font-size:13px; }.workspace-overview[open]>summary { margin-bottom:12px; }.workspace-overview .header-bar { display:none; }
.opportunity-saved-views { display:flex; align-items:center; gap:4px; border-bottom:1px solid var(--experience-line); margin:0 0 16px; overflow-x:auto; }.opportunity-saved-views button { border:0; border-radius:0; border-bottom:2px solid transparent; background:transparent; color:var(--experience-muted); padding:10px 13px; white-space:nowrap; }.opportunity-saved-views button[aria-pressed="true"] { color:#16345C; border-bottom-color:#C89B3C; }.opportunity-saved-views .save-view { margin-left:auto; }
#view-deals .filters { padding:0; background:transparent; border:0; box-shadow:none; margin-bottom:10px; gap:8px; display:flex; flex-wrap:wrap; }#view-deals .filters input { min-width:180px; flex:1 1 220px; }#view-deals .filters select { max-width:180px; padding:8px 28px 8px 11px; background-color:#fff; font-size:12px; }#view-deals .filters input,#view-deals .filters select { min-height:37px; border:1px solid #CBD5E1; border-radius:7px; }#view-deals .experience-more-filter { display:none; }#view-deals.filters-expanded .experience-more-filter { display:block; }.opportunity-result-summary { padding:4px 0 12px; font-size:12px; color:var(--experience-muted); }.opportunity-list-card { padding:0!important; overflow:hidden; border-radius:10px!important; border:1px solid var(--experience-line)!important; box-shadow:none!important; }
#deals-table.experience-table { min-width:680px; width:100%; table-layout:auto; }#deals-table.experience-table th { background:#F8FAFC; font-size:11px; font-weight:500; color:var(--experience-muted); text-transform:none; letter-spacing:0; padding:12px 16px; }#deals-table.experience-table td { padding:16px; font-size:13px; vertical-align:middle; border-bottom:1px solid #F1F5F9; }.opportunity-open { border:0; background:none; color:#16345C; text-align:left; font:500 13px "IBM Plex Sans",sans-serif; padding:0; cursor:pointer; line-height:1.6; }.opportunity-open:hover { text-decoration:underline; }#deals-table.experience-table td small { display:block; color:var(--experience-muted); font-size:11px; margin-top:4px; }#deals-table.experience-table .next-step { max-width:230px; overflow-wrap:anywhere; }.experience-table tr.is-selected td { background:#F2F6FB; }
#view-deal-modal { align-items:stretch; justify-content:flex-end; padding:0; background:rgba(11,27,54,.16); z-index:150; }#view-deal-modal>.modal { width:min(540px,100vw); max-width:540px!important; height:100dvh; max-height:100dvh; margin:0; border-radius:0; border:0; border-left:1px solid var(--experience-line); box-shadow:-12px 0 40px #0B1B3618; display:flex; flex-direction:column; }#view-deal-modal .modal-header { padding:22px; flex-shrink:0; align-items:flex-start; gap:12px; }#view-deal-title { font-size:18px; font-weight:600; line-height:1.5; }#view-deal-modal .modal-body { padding:20px 22px; flex:1; overflow:auto; }#view-deal-modal .modal-footer { padding:14px 22px; flex-shrink:0; gap:8px; }#view-deal-modal .modal-footer .btn { font-size:12px; min-height:34px; padding:7px 10px; }#view-deal-modal .form-grid { grid-template-columns:1fr 1fr; gap:12px 18px; }#view-deal-modal .form-group { margin-bottom:0; }.experience-drawer-actions { display:flex; flex-wrap:wrap; gap:8px; padding:0 22px 16px; border-bottom:1px solid var(--experience-line); }.experience-drawer-actions:empty { display:none; }.experience-drawer-actions .btn { min-height:35px; font-size:12px; }.experience-drawer-label { font-size:10px; color:var(--experience-muted); text-transform:uppercase; letter-spacing:.08em; margin-bottom:6px; }
.app button:focus-visible,.app a:focus-visible { outline:2px solid #2E6198; outline-offset:3px; }
.app .header-bar h1,#view-command .header-bar h1 { font:600 24px/1.3 "IBM Plex Sans",system-ui,sans-serif; letter-spacing:-.025em; }
.app .sidebar .user-badge #sidebar-user-name { color:#182943!important; }
.app #sync-indicator { color:#607087!important; }
.app .sidebar .user-badge .role-tag { background:#EAF0F8; color:#475569; }
#main-nav .nav-section-toggle,#main-nav .nav-primary-link,#main-nav .nav-children a { color:#475569; }
#main-nav .nav-section-toggle:hover,#main-nav .nav-primary-link:hover,#main-nav .nav-children a:hover { color:#16345C; background:#F1F5F9; }
#main-nav .nav-section-toggle.has-active-child,#main-nav .nav-primary-link.active,#main-nav .nav-children a.active { color:#16345C; background:#EAF0F8; box-shadow:none; }
.app .btn-primary { background:#16345C; color:#fff; border-color:#16345C; }.app .btn-primary:hover { background:#122A4E; color:#fff; }
.app .nav-account>a,.app .sidebar .logout-btn,.nav-account-settings { color:#607087; }
.app .global-topbar .notif-bell-btn { color:#475569; }
.experience-jump-pages button { width:100%; border:0; text-align:left; color:#16345C; font:500 13px "IBM Plex Sans",sans-serif; background:#fff; }
.experience-drawer-summary { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:0 0 24px; }.experience-drawer-summary dt { font-size:11px; color:#607087; margin-bottom:5px; }.experience-drawer-summary dd { margin:0; font-size:14px; color:#182943; overflow-wrap:anywhere; }.experience-drawer-summary .wide { grid-column:1/-1; }
.experience-drawer-history h4 { font-size:13px; font-weight:600; margin:16px 0; }.experience-drawer-history ol { margin:0 0 20px 6px; padding:0 0 0 16px; border-left:2px solid #E6EBF1; list-style:none; }.experience-drawer-history li { margin:0 0 16px; font-size:13px; color:#475569; }.experience-drawer-history li small { display:block; font-size:11px; color:#607087; margin-top:4px; }.experience-drawer-details>summary { cursor:pointer; color:#16345C; font-size:13px; padding:14px 0; border-top:1px solid #E6EBF1; }.experience-drawer-details[open]>summary { margin-bottom:14px; }
@media(min-width:701px) and (max-width:1100px) { .app .sidebar{width:210px}.app .main{margin-left:210px;max-width:calc(100vw - 210px);padding:20px}.experience-home-grid{grid-template-columns:1fr}.experience-kpis{gap:10px}.experience-kpi{padding:14px}.experience-kpi strong{font-size:24px} }
@media(max-width:700px) { .app .sidebar{width:248px;position:fixed;inset:0 auto 0 0;transform:translateX(-100%);z-index:450;box-shadow:12px 0 40px #0B1B3630}.app.experience-nav-open .sidebar{transform:none}.app .main{margin-left:0;padding:16px;width:100%;max-width:100vw}.experience-mobile-nav{display:inline-flex;min-width:38px;padding:7px}.app .global-topbar{gap:8px;margin-bottom:20px;flex-wrap:nowrap}.app .global-search-wrap{order:0;width:auto;min-width:0}.app #global-search-input{font-size:12px;padding:10px 26px 10px 28px}.app #experience-new-button{padding:8px 10px;white-space:nowrap;font-size:12px}.app .notif-bell-wrap{gap:4px}.experience-home-grid{grid-template-columns:1fr}.experience-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.experience-kpi{padding:14px}.experience-kpi strong{font-size:24px}.experience-kpi small{font-size:10px}.experience-attention-row{padding:14px}.experience-panel-heading{padding:14px}.app .header-bar{align-items:flex-start;flex-wrap:wrap}.app h1{font-size:22px}.opportunity-saved-views{margin-top:4px}.opportunity-saved-views button{padding:10px}.experience-new-menu{right:0}.experience-controls{gap:6px}.experience-controls button{font-size:12px;padding:6px 10px}#view-deals .filters select{flex:1 1 120px;max-width:100%}#view-deals .filters input{flex-basis:100%}#view-deal-modal>.modal{width:100%;max-width:100%!important}#view-deal-modal .form-grid{grid-template-columns:1fr 1fr}.nav-account .nav-utility-label{display:none}.app .sidebar .user-badge{display:block}#main-nav .nav-primary-link span,#main-nav .nav-section-toggle span,#main-nav .nav-children a span{display:inline}.app .sidebar .logo-brand-row::after{display:none}.app .sidebar .logout-btn{font-size:12px} }
@media(prefers-reduced-motion:reduce) { .app * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

.app .sidebar #sidebar-role-badge{background:#EAF0F8;color:#475569}

.experience-nav-close{display:none}@media(max-width:700px){.experience-nav-close{display:block;position:absolute;right:8px;top:14px;width:44px;height:44px;background:#F1F5F9;border:0;border-radius:6px;font-size:22px;color:#475569;cursor:pointer}.app .sidebar .nav-children{background:#F8FAFC;border-color:#E6EBF1}}

.experience-drawer-actions .btn-primary{background:#16345C;color:#fff;border-color:#16345C}

/* Header identity: product + tenant logos, followed by the signed-in person. */
.app .sidebar .logo .logo-brand-row { flex-direction:row; justify-content:flex-start; gap:12px; align-items:center; }
.app .sidebar .logo .logo-chip { flex:0 0 44px; width:44px; height:44px; padding:7px; }
.app .sidebar .logo .logo-img-icon { width:30px; height:30px; }
.app .sidebar .logo .logo-brand-row .tenant-logo-img:not(.hidden) { display:block!important; width:auto; height:44px; max-height:44px; max-width:132px; object-fit:contain; }
.app .sidebar .user-badge { padding:10px 11px; }
.app .sidebar #sidebar-user-name { line-height:1.45; margin-bottom:5px; overflow-wrap:anywhere; }
.app .workspace-sync-status { max-width:180px; font-size:11px; line-height:1.4; color:#607087; }
@media(max-width:700px) { .app .global-topbar { padding-bottom:30px; } .app .workspace-sync-status { position:absolute; bottom:4px; right:0; max-width:100%; font-size:10px; } }

/* Selected option 2: account utilities behind the person's name; no fixed footer. */
.app .sidebar .logo { flex-shrink:0; }
.sidebar-profile { position:relative; flex-shrink:0; margin:0 4px 14px; }
.app .sidebar .sidebar-profile-trigger { display:flex; align-items:center; gap:10px; width:100%; margin:0; text-align:left; cursor:pointer; font:inherit; }
.sidebar-profile-trigger:hover,.sidebar-profile-trigger[aria-expanded="true"] { background:#EEF3F8; border-color:#CBD5E1; }
.sidebar-profile-copy { display:block; flex:1; min-width:0; }
.sidebar-profile-copy .sidebar-person-name { display:block; }
.sidebar-profile-chevron { flex-shrink:0; color:#607087; }
.sidebar-profile-menu { position:absolute; top:calc(100% + 5px); left:0; right:0; z-index:120; max-height:min(440px,calc(100dvh - 190px)); overflow:auto; overscroll-behavior:contain; padding:7px; border:1px solid #E1E8F0; border-radius:10px; background:#fff; box-shadow:0 12px 30px #0B1B3620; }
.sidebar-profile-menu[hidden] { display:none!important; }
.app .sidebar-profile-menu .nav-account { display:block; margin:0; padding:0; border:0; }
.app .sidebar-profile-menu .nav-account>a,.app .sidebar-profile-menu .logout-btn,.sidebar-profile-menu summary,.app .sidebar-profile-menu #workspace-tools-open { display:block; width:100%; min-height:38px; margin:0; padding:10px; border:0; border-radius:6px; background:transparent; color:#475569; font:400 12px/1.5 "IBM Plex Sans",system-ui,sans-serif; text-align:left; text-decoration:none; cursor:pointer; }
.sidebar-profile-menu summary { list-style:none; }
.sidebar-profile-menu summary::-webkit-details-marker { display:none; }
.sidebar-profile-menu summary::after { content:'›'; float:right; }
.sidebar-profile-menu details[open]>summary::after { transform:rotate(90deg); }
.app .sidebar-profile-menu details .logout-btn { padding-left:20px; }
.app .sidebar-profile-menu a:hover,.app .sidebar-profile-menu button:hover,.sidebar-profile-menu summary:hover { background:#F1F5F9; color:#16345C; }
.app .sidebar-profile-menu #workspace-tools-open { border-top:1px solid #E6EBF1; border-radius:0 0 6px 6px; margin-top:5px; }
.app .sidebar .footer { display:none; }
#main-nav,.sidebar-profile-menu { scrollbar-width:thin; scrollbar-color:#CBD5E1 transparent; }
#main-nav { overscroll-behavior:contain; }