/* OWDEX Business R85 R3 FINAL R8 R21
 * SCREEN-BY-SCREEN CHAT PARITY
 * Source supplied by user: OWDEX Chat 2.18.16 R24 R4 R2
 * ZIP_SHA256=08af5ce351ac725cd8517db806623cd36d435460e3e616cdc9f0b98bd509f47a
 * app-r59.css=5ed78495c7a0f2dc1a42a0f31d2a3c05c0c97c69d6d007f6669c151f1bed1d26
 * app-r60.css=d351a32a47aa0b14d634903f5fb7af241e19485b3b0408f465e503f0a703c440
 * app-r61.css=510611fcf9a0341942103f07ea414e3ad9cfef7e71eb210b1a210bba41227855
 * _header.ejs=d17c95374a9cd717aeb46570eaee323874f527089bd30e2aafb75d231690da12
 * login.ejs=388e661ad4a0353e6053d4229ea190c0b2224a6731e1afe3681d0265aa4cb03b
 * Contract: structure/spacing/states/responsiveness follow Chat; Business keeps logo, product name, routes, data and brand colors.
 */
:root{
 --ob21-primary:var(--nf-primary,#1861f1);--ob21-accent:var(--nf-accent,#0ac0fe);--ob21-navy:#011238;
 --ob21-page:#f4f7fb;--ob21-surface:#fff;--ob21-soft:#f8fbff;--ob21-soft2:#eef6ff;
 --ob21-line:#e1e8f0;--ob21-text:#10213d;--ob21-muted:#687a94;
 --ob21-shadow:0 10px 30px rgba(27,52,88,.055);--ob21-card-shadow:0 8px 26px rgba(21,49,86,.045);
 --ob21-gradient:linear-gradient(135deg,var(--ob21-accent) 0%,color-mix(in srgb,var(--ob21-primary) 74%,var(--ob21-accent)) 42%,var(--ob21-primary) 100%);
 --ob21-focus:0 0 0 3px color-mix(in srgb,var(--ob21-primary) 16%,transparent);
}
html[data-theme="dark"]{--ob21-page:#08111f;--ob21-surface:#0d1726;--ob21-soft:#122137;--ob21-soft2:#15243a;--ob21-line:#25344a;--ob21-text:#edf5ff;--ob21-muted:#9fb2ca;--ob21-shadow:0 12px 32px rgba(0,0,0,.22);--ob21-card-shadow:0 10px 28px rgba(0,0,0,.18)}

/* === Shell: mapped from Chat _header + app-r60/r61 === */
html body.nf-redesign.owdex-chat-standard-r21{background:var(--ob21-page)!important;color:var(--ob21-text)!important}
html body.nf-redesign.owdex-chat-standard-r21 .app-shell{display:block!important;min-height:100dvh!important;background:var(--ob21-page)!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:268px!important;padding:18px 14px!important;background:var(--ob21-surface)!important;border-right:1px solid var(--ob21-line)!important;box-shadow:8px 0 30px rgba(27,52,88,.055)!important;z-index:80!important;display:flex!important;flex-direction:column!important;gap:14px!important;overflow:hidden!important}
html[data-theme="dark"] body.nf-redesign.owdex-chat-standard-r21 .sidebar{box-shadow:8px 0 30px rgba(0,0,0,.22)!important}
html body.nf-redesign.owdex-chat-standard-r21 .app-main{min-width:0!important;margin-left:268px!important;min-height:100dvh!important;background:var(--ob21-page)!important;transition:margin-left .18s ease!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-head{min-height:50px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:0 2px 2px!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-logo.brand-logo{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:0!important;text-decoration:none!important;background:transparent!important;border:0!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-logo-badge{width:42px!important;height:42px!important;flex:0 0 42px!important;display:grid!important;place-items:center!important;background:transparent!important;border:0!important;border-radius:12px!important;box-shadow:none!important;overflow:visible!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-logo-icon{width:42px!important;height:42px!important;object-fit:contain!important;filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--ob21-primary) 16%,transparent))!important}
html body.nf-redesign.owdex-chat-standard-r21 .brand-wordmark{display:flex!important;flex-direction:column!important;gap:1px!important;line-height:1!important;min-width:0!important;color:var(--ob21-navy)!important}
html body.nf-redesign.owdex-chat-standard-r21 .brand-wordmark>span{font-size:10px!important;font-weight:800!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#71839b!important}
html body.nf-redesign.owdex-chat-standard-r21 .brand-wordmark>b{font-size:20px!important;line-height:1.05!important;letter-spacing:-.45px!important;color:var(--ob21-primary)!important}
html[data-theme="dark"] body.nf-redesign.owdex-chat-standard-r21 .brand-wordmark>span{color:#90a4bd!important}
html[data-theme="dark"] body.nf-redesign.owdex-chat-standard-r21 .brand-wordmark>b{color:var(--ob21-accent)!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-toggle.sidebar-collapse{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border:1px solid var(--ob21-line)!important;border-radius:10px!important;background:var(--ob21-surface)!important;color:#55708f!important;box-shadow:0 4px 14px rgba(21,49,86,.06)!important;display:grid!important;place-items:center!important;transition:.16s ease!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-toggle.sidebar-collapse:hover{background:var(--ob21-soft2)!important;color:var(--ob21-primary)!important;border-color:color-mix(in srgb,var(--ob21-primary) 22%,var(--ob21-line))!important;transform:translateY(-1px)!important}
html body.nf-redesign.owdex-chat-standard-r21 .tenant-pill.tenant-box{min-height:64px!important;border:1px solid var(--ob21-line)!important;border-radius:14px!important;background:var(--ob21-soft)!important;padding:10px!important;box-shadow:none!important;display:flex!important;align-items:center!important;gap:10px!important}
html body.nf-redesign.owdex-chat-standard-r21 .tenant-pill-avatar{width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important;background:var(--ob21-gradient)!important;color:#fff!important}
html body.nf-redesign.owdex-chat-standard-r21 .tenant-pill-copy strong{font-size:12px!important;color:var(--ob21-text)!important}
html body.nf-redesign.owdex-chat-standard-r21 .tenant-pill-copy small{font-size:10px!important;color:var(--ob21-muted)!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav.main-nav{display:grid!important;align-content:start!important;gap:5px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 2px 6px!important;margin:0!important;scrollbar-width:thin!important}
html body.nf-redesign.owdex-chat-standard-r21 .nav-section-label.nav-section-title{margin:11px 4px 3px!important;padding:0!important;border:0!important;color:#8b99ac!important;font-size:9px!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important;line-height:1.25!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav :is(a,.nav-more>summary){--nav-icon-bg:#eef4ff;--nav-icon-fg:#1d6cff;--nav-icon-hover:#dfebff;display:flex!important;align-items:center!important;gap:10px!important;min-height:46px!important;padding:6px 9px!important;border:1px solid transparent!important;border-radius:13px!important;color:#627894!important;font-size:13px!important;font-weight:650!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;transition:background .16s,color .16s,box-shadow .16s,transform .16s,border-color .16s!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav :is(a,.nav-more>summary):hover{background:#f3f8ff!important;color:#1e426e!important;transform:translateX(1px)!important}
html[data-theme="dark"] body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav :is(a,.nav-more>summary){color:#9fb2ca!important}
html[data-theme="dark"] body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav :is(a,.nav-more>summary):hover{background:#15243a!important;color:#fff!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav :is(a,.nav-more>summary) .nav-icon{width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important;padding:8px!important;border-radius:10px!important;background:var(--nav-icon-bg)!important;color:var(--nav-icon-fg)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nav-icon-fg) 11%,transparent)!important;display:grid!important;place-items:center!important;transition:inherit!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav :is(a,.nav-more>summary):hover .nav-icon{background:var(--nav-icon-hover)!important;transform:translateY(-1px)!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav :is(a,.nav-more>summary).is-active,html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav :is(a,.nav-more>summary).active{background:var(--ob21-gradient)!important;color:#fff!important;box-shadow:0 10px 24px color-mix(in srgb,var(--ob21-primary) 23%,transparent)!important;border-color:transparent!important;transform:none!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav :is(a,.nav-more>summary).is-active .nav-icon,html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav :is(a,.nav-more>summary).active .nav-icon{background:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav :is(a,.nav-more>summary).is-active::before,html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav :is(a,.nav-more>summary).active::before{display:none!important;content:none!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav [data-tone="cyan"]{--nav-icon-bg:#e8fbff;--nav-icon-fg:#108fcb;--nav-icon-hover:#d8f5ff}html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav [data-tone="violet"]{--nav-icon-bg:#f0ecff;--nav-icon-fg:#7158ea;--nav-icon-hover:#e5ddff}html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav [data-tone="green"]{--nav-icon-bg:#ebfbf2;--nav-icon-fg:#28a06e;--nav-icon-hover:#daf6e8}html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav [data-tone="orange"]{--nav-icon-bg:#fff6e8;--nav-icon-fg:#d48a14;--nav-icon-hover:#ffefd7}html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav [data-tone="slate"]{--nav-icon-bg:#eff4fa;--nav-icon-fg:#5f7895;--nav-icon-hover:#e4edf7}html body.nf-redesign.owdex-chat-standard-r21 .sidebar-nav [data-tone="blue"]{--nav-icon-bg:#edf6ff;--nav-icon-fg:#2c78e6;--nav-icon-hover:#dfeeff}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-foot{margin-top:auto!important;border-top:1px solid var(--ob21-line)!important;padding:14px 4px 0!important;display:grid!important;gap:10px!important;background:transparent!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-user-row-r19{display:flex!important;align-items:center!important;gap:8px!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-user-r19.staff-self{display:flex!important;align-items:center!important;gap:10px!important;flex:1!important;min-width:0!important;text-decoration:none!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-user-avatar-r19{width:40px!important;height:40px!important;min-width:40px!important;border-radius:999px!important;background:var(--ob21-gradient)!important;color:#fff!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-user-copy-r19 strong{font-size:12px!important;color:var(--ob21-text)!important}html body.nf-redesign.owdex-chat-standard-r21 .sidebar-user-copy-r19 small{font-size:10px!important;color:var(--ob21-muted)!important}
html body.nf-redesign.owdex-chat-standard-r21 .sidebar-logout-btn{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border:1px solid var(--ob21-line)!important;border-radius:10px!important;background:var(--ob21-surface)!important;color:#55708f!important;display:grid!important;place-items:center!important}
html body.nf-redesign.owdex-chat-standard-r21 .version-card{border:1px solid var(--ob21-line)!important;border-radius:12px!important;padding:10px 12px!important;background:var(--ob21-soft)!important;box-shadow:none!important}

/* === Topbar: Chat geometry/state contract === */
html body.nf-redesign.owdex-chat-standard-r21 .topbar{height:72px!important;min-height:72px!important;padding:0 26px!important;background:color-mix(in srgb,var(--ob21-surface) 97%,transparent)!important;border-bottom:1px solid var(--ob21-line)!important;box-shadow:0 1px 0 rgba(26,49,84,.025)!important;backdrop-filter:blur(10px)!important;position:sticky!important;top:0!important;z-index:50!important}
html body.nf-redesign.owdex-chat-standard-r21 .topbar-left{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
html body.nf-redesign.owdex-chat-standard-r21 .topbar-title{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
html body.nf-redesign.owdex-chat-standard-r21 .topbar-title strong{font-size:15px!important;font-weight:750!important;color:var(--ob21-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body.nf-redesign.owdex-chat-standard-r21 .topbar-title small{font-size:10px!important;color:var(--ob21-primary)!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}
html body.nf-redesign.owdex-chat-standard-r21 .topbar-actions{display:flex!important;align-items:center!important;gap:9px!important}
html body.nf-redesign.owdex-chat-standard-r21 .topbar :is(.icon-btn,.topbar-icon-link,.personal-shortcuts-v1>summary){width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border:1px solid var(--ob21-line)!important;border-radius:10px!important;background:var(--ob21-surface)!important;color:#55708f!important;box-shadow:0 3px 12px rgba(18,47,84,.035)!important;display:grid!important;place-items:center!important;transition:.16s ease!important}
html body.nf-redesign.owdex-chat-standard-r21 .topbar :is(.icon-btn,.topbar-icon-link,.personal-shortcuts-v1>summary):hover{background:var(--ob21-soft2)!important;color:var(--ob21-primary)!important;border-color:color-mix(in srgb,var(--ob21-primary) 24%,var(--ob21-line))!important;transform:translateY(-1px)!important}
html body.nf-redesign.owdex-chat-standard-r21 .topbar .user-chip{height:38px!important;min-height:38px!important;border:1px solid var(--ob21-line)!important;border-radius:10px!important;background:var(--ob21-surface)!important;padding:4px 9px 4px 5px!important;box-shadow:0 3px 12px rgba(18,47,84,.035)!important}
html body.nf-redesign.owdex-chat-standard-r21 .topbar .topbar-logout-btn{height:38px!important;min-height:38px!important;border-radius:10px!important}

/* === All internal screens: Chat component language applied globally === */
html body.nf-redesign.owdex-chat-standard-r21 .content{padding:26px 28px 34px!important;max-width:1720px!important;margin:0 auto!important;width:100%!important;background:transparent!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.card,.panel,.dashboard-card,.metric-card,.hero-card,.dashboard-hero,.module-hero,.empty-state,.section-card,.data-card,.summary-card,.settings-card,.form-card,.table-card,.widget-card,.contextual-intelligence,.central-tabs){border:1px solid var(--ob21-line)!important;border-radius:18px!important;background:var(--ob21-surface)!important;box-shadow:var(--ob21-card-shadow)!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.card,.panel,.section-card,.data-card,.summary-card,.settings-card,.form-card,.table-card,.widget-card){padding:22px!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.page-header,.card-header,.card-head,.section-header,.toolbar,.list-toolbar,.filter-toolbar){gap:14px!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.page-header h1,.hero-card h1,.dashboard-hero h1,.module-hero h1){color:var(--ob21-text)!important;letter-spacing:-.9px!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.page-kicker,.eyebrow){color:var(--ob21-primary)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.11em!important;text-transform:uppercase!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(p.muted,.muted,.help-text,.form-help,.card-subtitle){color:var(--ob21-muted)!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){border:1px solid var(--ob21-line)!important;border-radius:10px!important;background:var(--ob21-soft)!important;color:var(--ob21-text)!important;min-height:42px!important;transition:border-color .16s,box-shadow .16s,background .16s!important}
html body.nf-redesign.owdex-chat-standard-r21 textarea{min-height:104px!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{outline:none!important;border-color:color-mix(in srgb,var(--ob21-primary) 58%,var(--ob21-line))!important;box-shadow:var(--ob21-focus)!important;background:var(--ob21-surface)!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.btn,.button,button.btn,a.btn){min-height:40px!important;border-radius:10px!important;font-weight:750!important;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.btn,.button,button.btn,a.btn):hover{transform:translateY(-1px)}
html body.nf-redesign.owdex-chat-standard-r21 :is(.btn-primary,.btn.primary,.primary.btn){background:var(--ob21-gradient)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px color-mix(in srgb,var(--ob21-primary) 20%,transparent)!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.btn-outline,.btn.outline){background:var(--ob21-surface)!important;color:var(--ob21-text)!important;border-color:var(--ob21-line)!important}
html body.nf-redesign.owdex-chat-standard-r21 .table-wrap{border:1px solid var(--ob21-line)!important;border-radius:14px!important;overflow:auto!important;background:var(--ob21-surface)!important}
html body.nf-redesign.owdex-chat-standard-r21 table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}
html body.nf-redesign.owdex-chat-standard-r21 th{background:var(--ob21-soft)!important;color:var(--ob21-muted)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase!important;border-bottom:1px solid var(--ob21-line)!important}
html body.nf-redesign.owdex-chat-standard-r21 td{border-bottom:1px solid var(--ob21-line)!important;color:var(--ob21-text)!important}
html body.nf-redesign.owdex-chat-standard-r21 tbody tr:last-child td{border-bottom:0!important}
html body.nf-redesign.owdex-chat-standard-r21 tbody tr:hover td{background:color-mix(in srgb,var(--ob21-primary) 3%,var(--ob21-surface))!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.tabs,.nav-tabs,.segmented-control,.central-tabs){border-color:var(--ob21-line)!important;background:var(--ob21-surface)!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.tabs a,.tabs button,.nav-tabs a,.nav-tabs button,.segmented-control button){border-radius:10px!important;transition:.16s!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.tabs .active,.tabs .is-active,.nav-tabs .active,.nav-tabs .is-active,.segmented-control .active,.segmented-control .is-active){background:var(--ob21-gradient)!important;color:#fff!important;border-color:transparent!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.modal-card,.dialog-card,.center-modal-card,.drawer,.sheet,.popover,.dropdown-menu){border:1px solid var(--ob21-line)!important;border-radius:18px!important;background:var(--ob21-surface)!important;color:var(--ob21-text)!important;box-shadow:0 24px 70px rgba(1,18,56,.18)!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.badge,.chip,.pill,.status-badge){border-radius:999px!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.alert,.notice,.flash){border-radius:12px!important;border-width:1px!important;box-shadow:none!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.empty-state,.empty-mini,.empty-table){border-color:var(--ob21-line)!important;background:var(--ob21-soft)!important;color:var(--ob21-muted)!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.pagination,.pager) a,html body.nf-redesign.owdex-chat-standard-r21 :is(.pagination,.pager) button{min-width:36px!important;height:36px!important;border:1px solid var(--ob21-line)!important;border-radius:9px!important;background:var(--ob21-surface)!important}

/* Dashboard/hero stays Business-specific but uses Chat surface rhythm instead of legacy oversized chrome. */
html body.nf-redesign.owdex-chat-standard-r21 :is(.dashboard-hero,.module-hero){padding:26px!important;border-radius:20px!important}
html body.nf-redesign.owdex-chat-standard-r21 :is(.dashboard-hero h1,.module-hero h1){font-size:clamp(28px,3vw,40px)!important;line-height:1.05!important}
html body.nf-redesign.owdex-chat-standard-r21 .metric-card{padding:18px!important;border-radius:16px!important}
html body.nf-redesign.owdex-chat-standard-r21 .metric-card strong{font-size:clamp(23px,2.6vw,31px)!important}

/* === Login: direct class mapping to Chat login.ejs + app-r59 === */
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page{margin:0!important;min-height:100dvh!important;background:#f5f9ff!important;color:#152033!important;overflow:hidden!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-shell.login-shell{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)!important;min-height:100dvh!important;height:100dvh!important;background:#f5f9ff!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-showcase.login-brand-panel{position:relative!important;overflow:hidden!important;min-height:0!important;height:100%!important;padding:clamp(28px,4.6vh,54px) clamp(44px,5vw,82px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--ob21-accent) 28%,transparent),transparent 34%),radial-gradient(circle at 76% 72%,color-mix(in srgb,var(--ob21-primary) 14%,transparent),transparent 38%),linear-gradient(145deg,#fbfdff 0%,#eef8ff 48%,#e5f3ff 100%)!important;color:#011238!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-showcase.login-brand-panel::after{content:""!important;position:absolute!important;width:360px!important;height:360px!important;border-radius:50%!important;right:-130px!important;bottom:-150px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--ob21-primary) 14%,transparent),color-mix(in srgb,var(--ob21-accent) 12%,transparent))!important;pointer-events:none!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-showcase.login-brand-panel>*{position:relative!important;z-index:1!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-showcase .nd-auth-brand img{width:min(250px,70%)!important;height:auto!important;max-height:128px!important;object-fit:contain!important;filter:drop-shadow(0 18px 34px rgba(1,18,56,.10))!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-promo-r12 h1{color:#011238!important;font-size:clamp(34px,4.5vh,52px)!important;line-height:1.04!important;letter-spacing:-1.6px!important;max-width:15ch!important;margin:12px 0!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-promo-r12 p{color:#49647f!important;font-size:14px!important;line-height:1.55!important;max-width:620px!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-form-panel.login-card{position:relative!important;height:100%!important;min-height:0!important;padding:clamp(34px,5vh,58px) clamp(38px,4.8vw,72px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:#fff!important;color:#152033!important;border-left:1px solid color-mix(in srgb,var(--ob21-primary) 8%,transparent)!important;overflow:hidden!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-form-panel.login-card>*:not(.login-theme-toggle){width:min(100%,500px)!important;margin-left:auto!important;margin-right:auto!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-theme-toggle-r15.login-theme-toggle{position:absolute!important;top:24px!important;right:24px!important;width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important;padding:0!important;border:1px solid #dbe8f7!important;border-radius:10px!important;background:#fff!important;color:#011238!important;box-shadow:0 8px 24px rgba(1,18,56,.08)!important;display:grid!important;place-items:center!important;z-index:4!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-theme-toggle-r15.login-theme-toggle .nd-auth-theme-label-r15{display:none!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .auth-login-intro h2{font-size:32px!important;line-height:1.1!important;letter-spacing:-.8px!important;margin:5px 0 7px!important;color:#011238!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .auth-login-form{gap:14px!important;margin-top:16px!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .auth-login-form label{font-size:12px!important;font-weight:650!important;color:#36506e!important;gap:7px!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .auth-login-form input{height:46px!important;min-height:46px!important;background:#f8fbff!important;border-color:#dbe8f7!important;border-radius:11px!important}
html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .auth-login-form .btn-primary{height:44px!important;min-height:44px!important;border-radius:10px!important;background:var(--ob21-gradient)!important}
html[data-theme="dark"] body.nd-auth-body.owdex-chat-standard-r21.is-login-page{background:#08111f!important;color:#f2f6fb!important}
html[data-theme="dark"] body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-shell.login-shell{background:#08111f!important}
html[data-theme="dark"] body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-showcase.login-brand-panel{background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--ob21-accent) 22%,transparent),transparent 34%),radial-gradient(circle at 76% 72%,color-mix(in srgb,var(--ob21-primary) 32%,transparent),transparent 40%),linear-gradient(145deg,#011238 0%,#031d45 58%,#06336f 100%)!important;color:#fff!important}
html[data-theme="dark"] body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-promo-r12 h1{color:#fff!important}html[data-theme="dark"] body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-promo-r12 p{color:#c3d8ee!important}
html[data-theme="dark"] body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-form-panel.login-card{background:#101a29!important;color:#f2f6fb!important;border-left-color:color-mix(in srgb,var(--ob21-accent) 12%,transparent)!important}
html[data-theme="dark"] body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-theme-toggle-r15.login-theme-toggle{background:#172438!important;border-color:#2b3e58!important;color:#f2f6fb!important;box-shadow:0 8px 24px rgba(0,0,0,.20)!important}
html[data-theme="dark"] body.nd-auth-body.owdex-chat-standard-r21.is-login-page .auth-login-intro h2{color:#fff!important}html[data-theme="dark"] body.nd-auth-body.owdex-chat-standard-r21.is-login-page .auth-login-form label{color:#c4d2e3!important}html[data-theme="dark"] body.nd-auth-body.owdex-chat-standard-r21.is-login-page .auth-login-form input{background:#142238!important;border-color:#2b3e58!important;color:#f2f6fb!important}

/* Auxiliary Business shells receive same Chat surfaces without changing their specific workflow. */
body.owdex-chat-standard-r21 :is(.platform-sidebar,.support-staff-sidebar,.support-portal-sidebar){background:var(--ob21-surface)!important;border-color:var(--ob21-line)!important;box-shadow:8px 0 30px rgba(27,52,88,.055)!important}
body.owdex-chat-standard-r21 :is(.platform-topbar,.support-staff-topbar,.support-portal-topbar){background:color-mix(in srgb,var(--ob21-surface) 97%,transparent)!important;border-color:var(--ob21-line)!important;min-height:72px!important}
body.owdex-chat-standard-r21 :is(.platform-card,.support-card,.portal-card,.legal-card){background:var(--ob21-surface)!important;border:1px solid var(--ob21-line)!important;border-radius:18px!important;box-shadow:var(--ob21-card-shadow)!important}

/* Collapsed sidebar: same Chat behavior. */
@media(min-width:981px){
 html body.nf-redesign.owdex-chat-standard-r21 .app-shell.sidebar-collapsed .sidebar{width:78px!important;padding-inline:12px!important;align-items:center!important}
 html body.nf-redesign.owdex-chat-standard-r21 .app-shell.sidebar-collapsed .app-main{margin-left:78px!important}
 html body.nf-redesign.owdex-chat-standard-r21 .app-shell.sidebar-collapsed :is(.brand-wordmark,.tenant-pill-copy,.nav-section-label,.sidebar-user-copy-r19,.version-card,.sidebar-nav :is(a,.nav-more>summary)>span:not(.nav-icon):not(.nav-count):not(.nav-new)){display:none!important}
 html body.nf-redesign.owdex-chat-standard-r21 .app-shell.sidebar-collapsed .sidebar-head{display:grid!important;justify-items:center!important;width:100%!important}
 html body.nf-redesign.owdex-chat-standard-r21 .app-shell.sidebar-collapsed .sidebar-logo{justify-content:center!important}
 html body.nf-redesign.owdex-chat-standard-r21 .app-shell.sidebar-collapsed .tenant-pill{width:50px!important;min-width:50px!important;padding:6px!important;justify-content:center!important}
 html body.nf-redesign.owdex-chat-standard-r21 .app-shell.sidebar-collapsed .sidebar-nav{width:100%!important;justify-items:center!important}
 html body.nf-redesign.owdex-chat-standard-r21 .app-shell.sidebar-collapsed .sidebar-nav :is(a,.nav-more>summary){width:52px!important;height:52px!important;min-height:52px!important;padding:0!important;justify-content:center!important;border-radius:14px!important}
 html body.nf-redesign.owdex-chat-standard-r21 .app-shell.sidebar-collapsed .sidebar-nav :is(a,.nav-more>summary) .nav-icon{width:36px!important;height:36px!important;padding:9px!important}
}

/* Responsive matrix matching Chat behavior. */
@media(max-width:980px){
 html body.nf-redesign.owdex-chat-standard-r21 .sidebar{left:-290px!important;width:280px!important;border-radius:0 18px 18px 0!important;transition:left .2s ease!important}
 html body.nf-redesign.owdex-chat-standard-r21.menu-open .sidebar,html body.nf-redesign.owdex-chat-standard-r21.sidebar-open .sidebar{left:0!important}
 html body.nf-redesign.owdex-chat-standard-r21 .app-main{margin-left:0!important}
 html body.nf-redesign.owdex-chat-standard-r21 .mobile-menu{display:grid!important}
 html body.nf-redesign.owdex-chat-standard-r21 .content{padding:20px!important}
 html body.nf-redesign.owdex-chat-standard-r21 .topbar{padding:0 18px!important}
 html body.nf-redesign.owdex-chat-standard-r21 .topbar .user-chip strong,html body.nf-redesign.owdex-chat-standard-r21 .topbar .logout-label{display:none!important}
}
@media(max-width:760px){
 html body.nd-auth-body.owdex-chat-standard-r21.is-login-page{overflow:auto!important}
 html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-shell.login-shell{display:block!important;height:auto!important;min-height:100dvh!important}
 html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-showcase.login-brand-panel{display:flex!important;min-height:250px!important;height:auto!important;padding:34px 24px 28px!important}
 html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-showcase .nd-auth-brand img{width:170px!important;max-height:90px!important}
 html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-promo-r12 h1{font-size:27px!important;margin:6px 0 8px!important;max-width:18ch!important}
 html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-promo-r12 p{font-size:13px!important;margin:0!important}
 html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-proof,html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-promo-cta-r12,html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-promo-note-r12{display:none!important}
 html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-form-panel.login-card{min-height:auto!important;height:auto!important;padding:72px 24px 34px!important}
 html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-theme-toggle-r15.login-theme-toggle{top:18px!important;right:18px!important}
 html body.nf-redesign.owdex-chat-standard-r21 :is(.grid-4,.grid-3,.dashboard-grid,.feature-grid,.form-grid,.settings-grid){grid-template-columns:1fr!important}
}
@media(max-width:520px){
 html body.nf-redesign.owdex-chat-standard-r21 .content{padding:14px!important}
 html body.nf-redesign.owdex-chat-standard-r21 .topbar{height:62px!important;min-height:62px!important;padding:0 14px!important}
 html body.nf-redesign.owdex-chat-standard-r21 .topbar-actions{gap:6px!important}
 html body.nf-redesign.owdex-chat-standard-r21 .topbar-actions :is(.personal-shortcuts-v1,.quick-action-launcher-v1){display:none!important}
 html body.nf-redesign.owdex-chat-standard-r21 :is(.card,.panel,.section-card,.data-card,.summary-card,.settings-card,.form-card,.table-card,.widget-card){padding:16px!important;border-radius:15px!important}
 html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-showcase.login-brand-panel{min-height:210px!important;padding:26px 20px 22px!important}
 html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-showcase .nd-auth-brand img{width:145px!important;max-height:72px!important}
 html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-promo-r12 .page-kicker{display:none!important}
 html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-promo-r12 h1{font-size:23px!important}
 html body.nd-auth-body.owdex-chat-standard-r21.is-login-page .nd-auth-form-panel.login-card{padding:66px 18px 28px!important}
}
@media(prefers-reduced-motion:reduce){body.owdex-chat-standard-r21 *,body.owdex-chat-standard-r21 *::before,body.owdex-chat-standard-r21 *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
