/* SABD shared system shell for BCM Project Builder */
:root{--sys-dark:#101827;--sys-dark-2:#182235;--sys-line:#dbe0e7;--sys-bg:#f6f7f9;--sys-text:#172132;--sys-muted:#738095;--sys-blue:#1769db}
body{background:var(--sys-bg)!important;color:var(--sys-text)!important;font-size:14px}
.topbar{height:66px!important;padding:0 24px!important;background:var(--sys-dark)!important;border-bottom:1px solid #283246!important;backdrop-filter:none!important;color:#fff!important;box-shadow:none!important}
.topbar .brand{color:#fff!important;gap:12px!important}
.topbar .brand-symbol{display:none!important}
.sabd-brand-logo{width:78px;height:40px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:6px 9px;flex:0 0 auto}
.sabd-brand-logo img{display:block;width:100%;height:100%;object-fit:contain}
.topbar .brand-copy b{font-size:16px!important;letter-spacing:.02em!important;color:#fff!important}
.topbar .brand-copy small{font-size:10px!important;color:#9eacc1!important;margin-top:4px!important;letter-spacing:.08em!important}
.topbar .top-actions{gap:10px!important}
.topbar .partner-pill{background:#162239!important;border:1px solid #344057!important;color:#aebad0!important;border-radius:7px!important;padding:8px 11px!important}
.topbar .partner-pill strong{color:#fff!important}
.topbar .icon-btn{background:transparent!important;border:1px solid #3a4659!important;color:#d7deea!important;border-radius:7px!important;padding:8px 11px!important}
.topbar .icon-btn:hover{background:#1c283c!important;color:#fff!important;border-color:#536078!important}
.system-tabs{display:flex;align-self:stretch;margin-left:34px;gap:3px;align-items:center}
.system-tab{height:36px;border:0;background:transparent;color:#aeb9ca;border-radius:6px;padding:0 12px;font-size:12px;font-weight:650;white-space:nowrap}
.system-tab:hover{background:#1b273a;color:#fff}.system-tab.active{background:#fff;color:#111827;font-weight:750}
.workspace{grid-template-columns:210px minmax(0,1fr) 360px!important;min-height:calc(100vh - 66px)!important;max-width:none!important;margin:0!important;border:0!important;background:var(--sys-bg)!important}
.category-rail{padding:22px 16px 28px!important;border-right:1px solid var(--sys-line)!important;background:#fff!important}
.rail-intro{padding:0 12px 18px!important;border-bottom:1px solid #edf0f3!important;margin-bottom:14px!important}.rail-intro .step{display:none!important}.rail-intro h2{font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#7b8798!important;margin:0 0 9px!important}.rail-intro p{font-size:11px!important;line-height:1.55!important;color:#7b8798!important}
.category-nav{gap:2px!important}.category-button{border-radius:6px!important;padding:10px 12px!important;color:#465265!important;box-shadow:none!important}.category-button:hover{background:#f4f6f8!important;color:#172132!important}.category-button.active{background:#eef2f6!important;color:#111827!important;font-weight:700!important;box-shadow:none!important}.category-button b{color:#8d99a8!important}.all-services-btn{margin-top:14px!important;border:1px solid #d8dee6!important;border-radius:6px!important;padding:10px 12px!important}.all-services-btn.active{background:#111827!important;border-color:#111827!important;color:#fff!important}.all-services-btn.active b{color:#fff!important}
.catalogue{padding:24px 28px 64px!important;background:var(--sys-bg)!important}.catalogue-hero{background:#fff;border:1px solid #dce2e9;border-radius:8px;padding:24px 26px!important;margin-bottom:16px;align-items:center!important}.catalogue-hero .eyebrow{font-size:10px!important;letter-spacing:.12em!important}.catalogue-hero h1{font-size:32px!important;line-height:1.05!important;letter-spacing:-.035em!important;margin:8px 0 10px!important}.catalogue-hero p{font-size:13px!important;line-height:1.55!important}.hero-metric{min-width:145px!important;padding-left:20px!important}.hero-metric strong{font-size:38px!important}
.catalogue-tools{background:#fff;border:1px solid #dce2e9!important;border-radius:8px;padding:12px!important;margin-bottom:18px!important}.search-box{height:40px!important;border-radius:7px!important;background:#fff!important}.section-heading{margin:8px 0 12px!important}.section-heading h2{font-size:18px!important}.featured-grid,.service-grid{gap:10px!important}.featured-card,.service-card{border-radius:8px!important;box-shadow:none!important}.featured-card:hover,.service-card:hover{transform:none!important;box-shadow:none!important;border-color:#c8d3df!important}.featured-card:before{display:none!important}.service-card{min-height:148px!important}.add-btn{border-radius:6px!important}.round-add{border-radius:7px!important}
.project-panel{border-left:1px solid var(--sys-line)!important;background:#fff!important}.project-sticky{top:66px!important;max-height:calc(100vh - 66px)!important;padding:24px 20px 28px!important}.project-head{padding-bottom:14px!important}.project-head .step{display:none!important}.project-head h2{font-size:16px!important}.cart-card{border-radius:8px!important}.project-totals{border-radius:8px!important;background:#111827!important;box-shadow:none!important}.go-btn{border-radius:7px!important;box-shadow:none!important}.mini-field select,.mini-field input{border-radius:6px!important}
.system-footer{display:flex;align-items:center;justify-content:center;gap:14px;min-height:78px;border-top:1px solid #dce2e9;background:#fff;color:#8591a0;font-size:11px;padding:18px 24px}.system-footer img{width:66px;height:auto;display:block}.system-footer strong{color:#4d5968;font-weight:700}
/* Sign-in uses the same real SABD identity as the system */
.client-login-backdrop{background:var(--sys-bg)!important}.client-login-card{width:460px!important;border:1px solid #d8dee7!important;border-radius:8px!important;padding:30px!important;box-shadow:0 18px 48px rgba(16,24,39,.10)!important}.client-login-logo{display:flex!important;align-items:center!important;gap:13px!important;margin-bottom:24px!important;color:#667386!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.09em!important}.client-login-logo img{width:78px;height:auto;display:block}.client-login-logo .login-brand-mark{background:#fff;border:1px solid #dfe4ea;border-radius:6px;padding:7px 9px;display:flex;align-items:center}.client-login-card h1{font-size:28px!important;letter-spacing:-.035em!important}.client-login-card input,.client-login-card button{border-radius:6px!important}
/* Full client portal shell. It sits above the Builder when Dashboard/Projects/Messages are open. */
#clientPortalNav{position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;height:66px!important;z-index:4200!important;background:var(--sys-dark)!important;border:0!important;border-bottom:1px solid #293348!important;border-radius:0!important;padding:0 24px!important;box-shadow:none!important;display:flex!important;align-items:center!important;gap:3px!important}
#clientPortalNav.hidden-client{display:none!important}.client-shell-portal-brand{order:0;display:flex;align-items:center;gap:11px;margin-right:22px;flex:0 0 auto}.client-shell-portal-brand .portal-logo-mark{width:74px;height:38px;background:#fff;border-radius:6px;padding:6px 8px;display:flex;align-items:center;justify-content:center}.client-shell-portal-brand img{display:block;width:100%;height:100%;object-fit:contain}.client-shell-portal-brand .portal-brand-copy{display:flex;flex-direction:column;line-height:1}.client-shell-portal-brand strong{font-size:13px;color:#fff}.client-shell-portal-brand small{font-size:9px;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
#clientPortalNav button{order:2;height:36px!important;border:0!important;background:transparent!important;color:#aeb9ca!important;padding:0 11px!important;border-radius:6px!important;font-size:12px!important;font-weight:650!important;box-shadow:none!important;white-space:nowrap!important;margin:0!important;width:auto!important}
#clientPortalNav button:hover,#clientPortalNav button.active{background:#1d293b!important;color:#fff!important}#clientPortalNav [data-client-view].active{background:#fff!important;color:#111827!important;font-weight:750!important}
#clientPortalNav .client-user{order:8;margin-left:auto!important;padding:0 10px!important;color:#9cabc0!important;font-size:10px!important;max-width:190px!important}#clientLogout{order:9!important;border:1px solid #3d495e!important;background:transparent!important;color:#dbe2ec!important;margin-left:3px!important}#clientLogout:hover{background:#232f42!important;border-color:#566279!important}
.client-portal-panel{background:var(--sys-bg)!important;padding:92px 28px 36px!important}.client-portal-wrap{max-width:1380px!important}.client-portal-head{align-items:center!important;margin-bottom:18px!important}.client-portal-head h1{font-size:28px!important;letter-spacing:-.035em!important}.client-portal-head p{font-size:12px!important}.client-pill{border-radius:6px!important;background:#e9f4ef!important}
.client-cards{margin:0 -5px 15px!important}.client-card-wrap{padding:0 5px 10px!important}.client-card{border:1px solid #dce2e9!important;border-radius:8px!important;padding:15px!important;min-height:100px!important;box-shadow:none!important}.client-card:hover{background:#fff!important;border-color:#c8d2de!important}.client-card-value{font-size:24px!important}.client-panel-box{border:1px solid #dce2e9!important;border-radius:8px!important;box-shadow:none!important}.client-panel-head{padding:13px 16px!important}.client-job-row{padding:14px 16px!important;border-radius:0!important}.client-modal{border-radius:8px!important}.client-modal-head{padding:19px 22px!important}.client-project-dashboard-box,.client-project-msg-box,.client-msg-layout{border-radius:8px!important;box-shadow:none!important}.client-message-form input,.client-message-form select,.client-message-form textarea,.client-action,.client-refresh-btn,.client-file-title,.client-file-open{border-radius:6px!important}
@media(max-width:1180px){.system-tabs{margin-left:18px}.system-tab{padding:0 8px}.workspace{grid-template-columns:190px minmax(0,1fr) 330px!important}.catalogue{padding:20px 18px 56px!important}.client-shell-portal-brand .portal-brand-copy{display:none}#clientPortalNav button{padding:0 8px!important}}
@media(max-width:980px){.system-tabs{display:none}.workspace{display:block!important}.category-rail{border-right:0!important;border-bottom:1px solid var(--sys-line)!important}.project-sticky{top:66px!important}.catalogue{padding:18px!important}.catalogue-hero{padding:20px!important}#clientPortalNav{padding:0 12px!important;overflow-x:auto!important}.client-shell-portal-brand{margin-right:8px}.client-shell-portal-brand .portal-logo-mark{width:62px}.client-shell-portal-brand .portal-brand-copy,#clientPortalNav .client-user{display:none!important}#clientPortalNav button{padding:0 7px!important;font-size:11px!important}.client-portal-panel{padding:82px 16px 26px!important}}

/* BCM CLIENT PORTAL POLISH 2026-08-17 */
body.sabd-system-shell{--bcm-side-w:272px!important;background:#f5f7fa!important}
body.sabd-system-shell #clientPortalNav{width:272px!important;padding:22px 18px 18px!important;background:#111d30!important;border-right:1px solid #233249!important;overflow-x:hidden!important}
body.sabd-system-shell #clientPortalNav .client-shell-portal-brand{width:100%!important;min-width:0!important;margin:0 0 22px!important;padding:0 2px 20px!important;gap:12px!important;border-bottom:1px solid #2b3950!important;align-items:center!important}
body.sabd-system-shell #clientPortalNav .portal-logo-mark{width:62px!important;height:42px!important;flex:0 0 62px!important;border-radius:7px!important;padding:7px 8px!important}
body.sabd-system-shell #clientPortalNav .portal-brand-copy{display:flex!important;min-width:0!important;max-width:158px!important;overflow:visible!important}
body.sabd-system-shell #clientPortalNav .portal-brand-copy strong{display:block!important;font-size:13.5px!important;line-height:1.16!important;letter-spacing:-.01em!important;white-space:normal!important;overflow:visible!important}
body.sabd-system-shell #clientPortalNav .portal-brand-copy small{display:block!important;margin-top:6px!important;font-size:8px!important;line-height:1.2!important;color:#8493aa!important;white-space:normal!important}
body.sabd-system-shell #clientPortalNav button{height:44px!important;padding:0 12px!important;border-radius:8px!important;gap:12px!important;font-size:12px!important;letter-spacing:.005em!important}
body.sabd-system-shell #clientPortalNav button:hover{background:#1d2b40!important}
body.sabd-system-shell #clientPortalNav [data-client-view].active,body.sabd-system-shell #clientPortalNav #clientConversationsNav.active{background:#fff!important;color:#172132!important;box-shadow:0 1px 2px rgba(8,18,33,.08)!important}
body.sabd-system-shell #clientPortalNav .client-user{padding:16px 10px 8px!important;margin:auto 0 0!important;border-top:1px solid #2b3950!important;color:#8d9bb0!important;font-size:10px!important}
body.sabd-system-shell #clientPortalNav .system-tour-launch{height:48px!important;margin-top:10px!important;padding-top:0!important;border-top:0!important;border-radius:8px!important;color:#aab6c8!important}
body.sabd-system-shell #clientPortalNav #clientLogout{height:42px!important;margin-top:6px!important;border-radius:8px!important;border-color:#41506a!important}
body.sabd-system-shell .client-portal-panel{margin-left:272px!important;padding:34px 38px 48px!important;background:#f5f7fa!important}
body.sabd-system-shell .client-portal-wrap{width:100%!important;max-width:1500px!important;margin:0 auto!important}
body.sabd-system-shell .client-portal-head{margin-bottom:24px!important;padding:2px 0!important;align-items:center!important}
body.sabd-system-shell .client-portal-head h1{margin:0!important;font-size:30px!important;line-height:1.08!important;letter-spacing:-.04em!important;color:#15243a!important}
body.sabd-system-shell .client-portal-head p{margin-top:7px!important;font-size:12.5px!important;line-height:1.5!important;color:#7b8aa0!important}
body.sabd-system-shell .client-pill{padding:7px 10px!important;border:1px solid #d8ebe3!important;background:#edf7f2!important;color:#16724f!important;font-size:10px!important;font-weight:800!important;letter-spacing:.02em!important}
body.sabd-system-shell .client-cards{margin:0 -6px 18px!important}
body.sabd-system-shell .client-card-wrap{padding:0 6px 12px!important}
body.sabd-system-shell .client-card{position:relative!important;min-height:112px!important;padding:18px 17px 16px!important;border:1px solid #dbe2ea!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease!important}
body.sabd-system-shell .client-card:before{content:""!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:3px!important;background:#cbd5e1!important}
body.sabd-system-shell .client-card:hover{transform:translateY(-1px)!important;border-color:#c7d2df!important;box-shadow:0 8px 22px rgba(19,39,68,.055)!important}
body.sabd-system-shell .client-card-label{margin-bottom:10px!important;color:#8290a3!important;font-size:9px!important;font-weight:750!important;letter-spacing:.11em!important}
body.sabd-system-shell .client-card-value{font-size:29px!important;line-height:1!important;letter-spacing:-.04em!important;color:#111827!important}
body.sabd-system-shell .client-card-sub{margin-top:10px!important;color:#8b99ac!important;font-size:10.5px!important}
body.sabd-system-shell .client-panel-box{margin-bottom:18px!important;border:1px solid #dbe2ea!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important}
body.sabd-system-shell .client-panel-head{min-height:48px!important;padding:14px 17px!important;background:#fbfcfe!important;border-bottom:1px solid #e5eaf0!important}
body.sabd-system-shell .client-panel-head h2{font-size:15px!important;line-height:1!important;letter-spacing:-.015em!important;color:#1b2a41!important}
body.sabd-system-shell .client-panel-head span{color:#99a5b4!important;font-size:10px!important}
body.sabd-system-shell .client-job-row,body.sabd-system-shell .client-dashboard-msg-row{padding:15px 18px!important;background:#fff!important;border-bottom:1px solid #edf0f4!important}
body.sabd-system-shell .client-job-row:hover,body.sabd-system-shell .client-dashboard-msg-row:hover{background:#f8fafc!important}
body.sabd-system-shell .client-job-no,body.sabd-system-shell .client-thread-subject{color:#1c2d45!important}
body.sabd-system-shell .client-empty{padding:34px 20px!important;color:#93a1b4!important;font-size:12px!important}
body.sabd-system-shell .client-msg-layout,body.sabd-system-shell .client-project-dashboard-box,body.sabd-system-shell .client-project-msg-box{border:1px solid #dbe2ea!important;border-radius:10px!important;background:#fff!important}
body.sabd-system-shell .client-message-form input,body.sabd-system-shell .client-message-form select,body.sabd-system-shell .client-message-form textarea,body.sabd-system-shell .client-thread-compose textarea{border-color:#cfd8e3!important;border-radius:8px!important}
body.sabd-system-shell .client-action,body.sabd-system-shell .client-refresh-btn{border-radius:8px!important}
@media(max-width:1180px){body.sabd-system-shell{--bcm-side-w:248px!important}body.sabd-system-shell #clientPortalNav{width:248px!important;padding-left:15px!important;padding-right:15px!important}body.sabd-system-shell #clientPortalNav .portal-brand-copy{max-width:140px!important}body.sabd-system-shell .client-portal-panel{margin-left:248px!important;padding:30px 26px 40px!important}}
@media(max-width:980px){body.sabd-system-shell #clientPortalNav{width:240px!important}body.sabd-system-shell .client-portal-panel{margin-left:0!important;padding:78px 16px 28px!important}body.sabd-system-shell .client-portal-head h1{font-size:26px!important}}