:root{--bo-ink:#1d2939;--bo-muted:#667085;--bo-faint:#98a2b3;--bo-line:#dfe3e8;--bo-soft:#f5f6f8;--bo-blue:#2754c5;--bo-navy:#111827;--bo-green:#087a55;--bo-red:#b42318}
*{box-sizing:border-box}body{margin:0;background:var(--bo-soft)!important;color:var(--bo-ink)!important;font:12px Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}

/* Exact Back Office global product bar. */
body.app.admin #header,.pp-header,.topbar,.member-header-top{position:fixed!important;inset:0 0 auto!important;z-index:1500!important;width:auto!important;height:52px!important;margin:0!important;padding:0 15px!important;background:var(--bo-navy)!important;border:0!important;border-bottom:1px solid #293548!important;border-radius:0!important;box-shadow:none!important;color:#fff!important}
body.app.admin #header .navbar{height:52px!important;min-height:52px!important;background:transparent!important}.pp-header:before,.topbar:before{display:none!important}
body.app.admin #header .navbar-brand,.pp-logo-name,.topbar h1,.member-brand{color:#fff!important;font-size:13px!important;font-weight:700!important}.topbar h1{margin:0!important}.pp-logo img,.member-logo img{width:26px!important;height:26px!important;border-radius:0!important}.member-user-btn,.avatar,.pp-avatar{border:0!important;border-radius:0!important;background:#344054!important;color:#fff!important;box-shadow:none!important}
body.app.admin #header .crm-admin-portals,.pp-portal-switcher,.portal-links{height:52px!important;align-self:stretch!important}.member-header-sp{color:#fff!important}
body.app.admin #header .crm-admin-portals a,.pp-portal-switcher a,.portal-links a{display:flex!important;align-items:center!important;height:52px!important;padding:0 15px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:#b8c2d1!important;font-size:12px!important;font-weight:650!important;text-decoration:none!important;white-space:nowrap!important}
body.app.admin #header .crm-admin-portals a:hover,body.app.admin #header .crm-admin-portals a.active,.pp-portal-switcher a:hover,.pp-portal-switcher a.active,.portal-links a:hover,.portal-links a.active{border-bottom-color:#8098f9!important;background:#172033!important;color:#fff!important}
body.app.admin #header .navbar-right>li>a,.pp-header-btn,.top-actions{color:#d0d7e2!important}

/* Exact Back Office second horizontal module bar. Existing portal navigation is reused. */
body.app.admin #menu.sidebar,.pp-sidebar,.pbx-nav,.member-nav-bar{position:fixed!important;inset:52px 0 auto!important;z-index:1400!important;display:flex!important;width:100%!important;height:42px!important;min-height:42px!important;padding:0 12px!important;transform:none!important;overflow-x:auto!important;overflow-y:visible!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--bo-line)!important;box-shadow:0 1px 2px rgba(16,24,40,.035)!important;scrollbar-width:none!important}.member-nav-bar{top:52px!important}.pp-sidebar::-webkit-scrollbar,.pbx-nav::-webkit-scrollbar,body.app.admin #menu.sidebar::-webkit-scrollbar,.member-nav-bar::-webkit-scrollbar{display:none!important}
body.app.admin #menu .crm-sidebar-header,.pp-sidebar>.pp-nav-group,.pbx-nav>.brand,.pbx-nav>.nav-foot{display:none!important}body.app.admin #menu #side-menu,.pbx-nav nav{display:flex!important;align-items:stretch!important;width:max-content!important;min-width:max-content!important;height:41px!important;margin:0!important;padding:0!important;background:#fff!important}.pp-sidebar{align-items:stretch!important}.pp-sidebar .pp-nav-group{display:none!important}
body.app.admin #menu #side-menu>li{display:block!important;float:none!important;width:auto!important}.member-nav-bar a,body.app.admin #menu #side-menu>li>a,.pp-sidebar .pp-nav-link,.pbx-nav nav a{display:flex!important;align-items:center!important;width:auto!important;min-height:41px!important;height:41px!important;margin:0!important;padding:0 13px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:#475467!important;font-size:11.5px!important;font-weight:620!important;text-decoration:none!important;white-space:nowrap!important}.member-nav-bar a:hover,.member-nav-bar a.active,body.app.admin #menu #side-menu>li>a:hover,body.app.admin #menu #side-menu>li>a.active,.pp-sidebar .pp-nav-link:hover,.pp-sidebar .pp-nav-link.active,.pbx-nav nav a:hover,.pbx-nav nav a.active{border-bottom-color:var(--bo-blue)!important;background:#f8faff!important;color:var(--bo-blue)!important;box-shadow:none!important}.pp-nav-link:after,body.app.admin #menu #side-menu>li>a:before{display:none!important}.pp-nav-link svg,.pbx-nav nav i,body.app.admin #menu .menu-icon{display:none!important}

/* Workspace geometry matches .bo-shell. */
body.app.admin #wrapper,.pp-body,main,.member-main{min-height:100vh!important;margin:0!important;padding-top:94px!important;background:var(--bo-soft)!important}.pp-body{margin-left:0!important}.pbx-nav+main{margin-left:0!important;padding:106px 14px 30px!important}.crm-content,.pp-content,.member-main{width:100%!important;max-width:none!important;margin:0!important;padding:12px 14px 30px!important}

/* Flat, dense Back Office panels. */
.crm-content :is(.panel_s,.crm-card,.crm-page-hd),.pp-panel,.pp-stat,.metrics,.panel,.notice,.queue,.member-main :is(.card,.dashboard-card,.account-card,.broker-panel,.content-card){margin:0 0 7px!important;padding:11px 12px!important;border:1px solid var(--bo-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}.crm-content .panel-heading,.pp-panel-title,.panel>.section-head{min-height:40px!important;margin:0 0 8px!important;padding:0 0 7px!important;border-bottom:1px solid #e7eaee!important;background:#fff!important;color:var(--bo-ink)!important;font-size:13px!important;font-weight:650!important}.crm-content .crm-page-hd{min-height:49px!important;border-left:0!important;border-bottom-color:#d5dae2!important}.crm-content .crm-page-hd h1,.pp-page-title h2,.section-head h2{color:var(--bo-ink)!important;font-size:18px!important;font-weight:650!important}.crm-cards,.pp-stat-grid,.metrics{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:0!important;padding:0!important}.crm-cards>* ,.pp-stat,.metrics article{min-height:72px!important;margin:0!important;padding:10px 12px!important;border:0!important;border-right:1px solid #e4e7ec!important;border-radius:0!important;box-shadow:none!important}.pp-commission-hero{border:1px solid var(--bo-line)!important;border-radius:0!important;background:#263247!important;box-shadow:none!important}

/* Exact Admin controls. */
.crm-content :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea,.form-control),.pp-content :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea,.form-control,.form-select),main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea),.member-main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea,.form-control){width:100%;height:32px!important;min-height:32px!important;padding:5px 8px!important;border:1px solid #cfd5df!important;border-radius:2px!important;background:#fff!important;color:#344054!important;font-size:11px!important;box-shadow:none!important}.crm-content textarea,.pp-content textarea,main textarea,.member-main textarea{height:auto!important;min-height:58px!important}.crm-content :is(.btn,button),.pp-content :is(.btn,button),main :is(.btn,button),.member-main :is(.btn,button){min-height:29px!important;padding:5px 9px!important;border-radius:2px!important;font-size:10px!important;font-weight:650!important;box-shadow:none!important}.crm-content .btn-primary,.pp-content :is(.btn-primary,.btn-partners),main .settings>button,.member-main .btn-primary{border-color:var(--bo-blue)!important;background:var(--bo-blue)!important;color:#fff!important}

/* Exact Admin table density. */
.crm-content table,.pp-table,.table-wrap table,.member-main table{width:100%!important;border-collapse:collapse!important}.crm-content table th,.pp-table th,.table-wrap th,.member-main table th{height:32px!important;padding:6px 9px!important;background:#e9edf2!important;color:#344054!important;border-bottom:1px solid #ccd3dd!important;font-size:9px!important;font-weight:750!important;text-align:left!important;text-transform:uppercase!important;letter-spacing:.045em!important;white-space:nowrap!important}.crm-content table td,.pp-table td,.table-wrap td,.member-main table td{height:35px!important;padding:6px 9px!important;color:#475467!important;border-bottom:1px solid #e9ecf0!important;font-size:11px!important}.crm-content table tbody tr:nth-child(even) td,.pp-table tbody tr:nth-child(even) td,.table-wrap tbody tr:nth-child(even) td,.member-main table tbody tr:nth-child(even) td{background:#fafbfc!important}.crm-content table tbody tr:hover td,.pp-table tbody tr:hover td,.table-wrap tbody tr:hover td,.member-main table tbody tr:hover td{background:#eef3ff!important}

/* Webphone uses the same flat panel and controls. */
#crm-phone-panel{border:1px solid var(--bo-line)!important;border-radius:0!important;background:#fff!important;box-shadow:0 12px 26px rgba(16,24,40,.13)!important}#crm-phone-panel>div:first-child{background:var(--bo-navy)!important;border-bottom:2px solid #8098f9!important}#crm-phone-btn{border:1px solid #344054!important;border-radius:0!important;background:var(--bo-navy)!important;box-shadow:0 8px 20px rgba(16,24,40,.24)!important}#crm-phone-panel :is(input,select,.crm-dial-key,#crm-phone-call,#crm-phone-answer,#crm-phone-reject,#crm-phone-end,#crm-phone-mute,#crm-phone-hold){border-radius:2px!important;box-shadow:none!important}

@media(max-width:760px){body.app.admin #header,.pp-header,.topbar,.member-header-top{padding:0 8px!important}body.app.admin #header .crm-admin-portals,.pp-portal-switcher,.portal-links{min-width:0!important;overflow-x:auto!important}body.app.admin #header .crm-admin-portals a,.pp-portal-switcher a,.portal-links a{padding:0 9px!important;font-size:10px!important}.member-logo .member-brand,.pp-logo-name,.topbar .eyebrow{display:none!important}body.app.admin #menu.sidebar,.pp-sidebar,.pbx-nav,.member-nav-bar{transform:none!important;box-shadow:0 1px 2px rgba(16,24,40,.035)!important}.crm-content,.pp-content,.member-main,.pbx-nav+main{padding:102px 8px 24px!important}.crm-content :is(.panel_s,.crm-card,.crm-page-hd),.pp-panel,.panel,.member-main :is(.card,.dashboard-card,.account-card){border-radius:0!important}.crm-content .dt-table tbody tr:not(.crm-inline-detail){border-radius:0!important;box-shadow:none!important}}

/* Cross-portal parity with the approved Admin panel. */
html,body{max-width:100%;overflow-x:hidden}.crm-content>*,.pp-content>*,.pbx-nav+main>*,.member-content>*{min-width:0;max-width:100%}.crm-content :is(.table-responsive,.table-wrap,.dt-table-wrap),.pp-table-wrap,.table-wrap,.broker-table-wrap{width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.crm-content table,.pp-table,.table-wrap table{min-width:max-content}.crm-content :is(.row,.form-row),.pp-content :is(.row,.form-row){min-width:0}.crm-content :is(.row,.form-row)>*,.pp-content :is(.row,.form-row)>*{min-width:0}.crm-content img,.pp-content img,.pbx-nav+main img{max-width:100%;height:auto}.crm-content :is(.modal-dialog,.dropdown-menu),.pp-content :is(.modal-dialog,.dropdown-menu){max-width:calc(100vw - 20px)}
.crm-content .crm-page-actions{display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important}.crm-content .crm-page-action{white-space:nowrap!important}.crm-content :is(.crm-calendar-main,.crm-dash-cal-main){min-width:0!important;overflow:hidden!important}.crm-content :is(.crm-calendar-toolbar,.crm-dash-cal-head){max-width:100%!important;overflow-x:auto!important;scrollbar-width:thin!important}.crm-content :is(#crm-calendar-timeline,#crm-dashboard-timeline){max-width:100%!important;overflow:auto!important}.pp-sidebar-toggle{display:none!important}.pp-header-right,.top-actions{flex:0 0 auto!important}.pp-body{min-width:0!important}.pp-content :is(.pp-grid,.pp-stat-grid){min-width:0!important}.pbx-nav+main :is(.grid,.metrics,.queue){min-width:0!important}

@media(max-width:900px){.crm-cards,.pp-stat-grid,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.crm-content :is(.crm-grid,.dashboard-grid,.lead-workspace,.customer-workspace),.pp-content :is(.pp-grid,.pp-two-col),.pbx-nav+main :is(.grid,.layout){grid-template-columns:minmax(0,1fr)!important}.crm-content .crm-page-hd,.pp-page-title{align-items:flex-start!important;gap:7px!important;flex-direction:column!important}.crm-content .crm-page-actions{width:100%!important}.crm-content .crm-page-action{flex:1 1 auto!important;justify-content:center!important}}
@media(max-width:760px){body.app.admin #header .navbar-header{flex:0 0 auto!important}body.app.admin #header .navbar-brand{max-width:42px!important;overflow:hidden!important}.pp-header-btn span,.top-actions>#last-refresh{display:none!important}.crm-content,.pp-content,.pbx-nav+main{min-height:100dvh!important}.crm-content :is(.panel_s,.crm-card),.pp-panel,.panel,.notice,.queue{padding:9px!important}.crm-content :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select),.pp-content :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select),.pbx-nav+main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){height:38px!important;min-height:38px!important;font-size:12px!important}.crm-content :is(.btn,button),.pp-content :is(.btn,button),.pbx-nav+main :is(.btn,button){min-height:36px!important}.crm-content .crm-page-hd h1,.pp-page-title h2{font-size:17px!important}.crm-content table td,.pp-table td,.table-wrap td{font-size:11px!important}.crm-content .crm-admin-portals,.pp-portal-switcher,.portal-links{scroll-snap-type:x proximity!important}.crm-content .crm-admin-portals a,.pp-portal-switcher a,.portal-links a{scroll-snap-align:start!important}}
@media(max-width:480px){.crm-cards,.pp-stat-grid,.metrics{grid-template-columns:minmax(0,1fr)!important}.crm-content .crm-page-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.crm-content .crm-page-action{width:100%!important}.pp-header{gap:4px!important}.pp-avatar,.avatar{width:28px!important;height:28px!important}.topbar h1{max-width:100px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}}