/* EngiCore Stage 18.3a — Global portal alignment + page polish */ /* ---------- Shared content width / top toolbar ---------- */ body:not(.auth-page):not(.installer-page) .content, body:not(.auth-page):not(.installer-page) .main{ min-width:0!important; } body:not(.auth-page):not(.installer-page) .content > .top, body:not(.auth-page):not(.installer-page) .main > .top{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; margin:0 0 22px!important; padding:10px 14px!important; border:1px solid #dfe7f1!important; border-radius:14px!important; background:rgba(255,255,255,.94)!important; box-shadow:0 8px 24px rgba(17,38,66,.055)!important; backdrop-filter:blur(14px)!important; } body:not(.auth-page):not(.installer-page) .content > .card, body:not(.auth-page):not(.installer-page) .content > section.card, body:not(.auth-page):not(.installer-page) .content > .action-row, body:not(.auth-page):not(.installer-page) .content > .tabs, body:not(.auth-page):not(.installer-page) .content > .cards, body:not(.auth-page):not(.installer-page) .content > .settings-grid, body:not(.auth-page):not(.installer-page) .content > .role-grid, body:not(.auth-page):not(.installer-page) .content > .grid, body:not(.auth-page):not(.installer-page) .content > .dashboard-grid, body:not(.auth-page):not(.installer-page) .content > .backup-hero, body:not(.auth-page):not(.installer-page) .content > .backup-kpi-grid, body:not(.auth-page):not(.installer-page) .content > .backup-workbench, body:not(.auth-page):not(.installer-page) .content > .payout-heading, body:not(.auth-page):not(.installer-page) .content > .payout-info-banner, body:not(.auth-page):not(.installer-page) .content > .payout-layout{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; } /* ---------- Global portal search correction ---------- */ .top-search, .global-search.top-search{ position:relative!important; display:block!important; min-width:0!important; } .top-search .search-glyph{ position:absolute!important; left:16px!important; top:50%!important; transform:translateY(-50%)!important; width:17px!important; height:17px!important; display:grid!important; place-items:center!important; color:#8392a6!important; pointer-events:none!important; z-index:4!important; line-height:1!important; } .top-search .search-glyph svg{ width:15px!important; height:15px!important; display:block!important; margin:0!important; stroke:currentColor!important; fill:none!important; stroke-width:1.9!important; } .top-search input[type="search"]{ width:100%!important; min-width:0!important; min-height:42px!important; height:42px!important; padding:0 15px 0 48px!important; text-indent:0!important; line-height:1.25!important; border:1px solid #d8e2ee!important; border-radius:10px!important; background:#fff!important; color:#233650!important; outline:none!important; box-shadow:inset 0 1px 2px rgba(15,35,63,.025)!important; -webkit-appearance:none!important; appearance:none!important; } .top-search input[type="search"]:focus{ border-color:#80b5ff!important; box-shadow:0 0 0 3px rgba(31,126,255,.10)!important; } .top-search input[type="search"]::placeholder{color:#8190a5!important;opacity:1!important} .top-search input[type="search"]::-webkit-search-decoration, .top-search input[type="search"]::-webkit-search-cancel-button, .top-search input[type="search"]::-webkit-search-results-button, .top-search input[type="search"]::-webkit-search-results-decoration{ -webkit-appearance:none!important; appearance:none!important; display:none!important; } /* Dashboard uses a separate top-bar component, fix it too. */ #dashboardTop .ep-search{ position:relative!important; padding:0!important; overflow:visible!important; } #dashboardTop .ep-search .search-glyph{ position:absolute!important; left:15px!important; top:50%!important; transform:translateY(-50%)!important; width:16px!important; height:16px!important; display:grid!important; place-items:center!important; color:#8190a5!important; pointer-events:none!important; z-index:4!important; } #dashboardTop .ep-search .search-glyph svg{width:14px!important;height:14px!important;display:block!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important} #dashboardTop .ep-search input[type="search"]{ width:100%!important; padding-left:46px!important; padding-right:14px!important; text-indent:0!important; -webkit-appearance:none!important; appearance:none!important; } #dashboardTop .ep-search input[type="search"]::-webkit-search-decoration, #dashboardTop .ep-search input[type="search"]::-webkit-search-cancel-button, #dashboardTop .ep-search input[type="search"]::-webkit-search-results-button, #dashboardTop .ep-search input[type="search"]::-webkit-search-results-decoration{display:none!important;-webkit-appearance:none!important} /* ---------- Customers page ---------- */ .customers-page{--cust-blue:#1678ff;--cust-violet:#7954ff;--cust-cyan:#13b8e7;--cust-green:#16b978} .customers-hero{ position:relative!important; overflow:hidden!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:24px!important; margin-bottom:18px!important; padding:26px 28px!important; border:1px solid #dfe7f1!important; border-radius:22px!important; background: radial-gradient(circle at 90% 15%,rgba(121,84,255,.13),transparent 23%), radial-gradient(circle at 4% 100%,rgba(19,184,231,.10),transparent 24%), linear-gradient(135deg,#fff 0%,#fbfdff 58%,#faf8ff 100%)!important; box-shadow:0 14px 34px rgba(24,47,78,.07)!important; } .customers-hero-copy{max-width:770px!important} .customers-kicker{display:inline-flex!important;padding:6px 10px!important;border-radius:999px!important;background:linear-gradient(90deg,#eaf5ff,#f0eaff)!important;color:#6247df!important;font-size:10px!important;font-weight:850!important;letter-spacing:.07em!important;text-transform:uppercase!important} .customers-hero h1{margin:12px 0 7px!important;color:#10233f!important;font-size:32px!important;line-height:1.06!important;letter-spacing:-.035em!important} .customers-hero p{margin:0!important;color:#687b92!important;font-size:13.5px!important;line-height:1.6!important} .customers-hero-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important} .customers-hero-actions .btn{min-height:42px!important;border-radius:12px!important} .customers-stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-bottom:18px!important} .customers-stat-card{position:relative!important;overflow:hidden!important;padding:18px 19px!important;border-radius:17px!important} .customers-stat-card span{display:block!important;color:#78899f!important;font-size:11px!important;font-weight:700!important} .customers-stat-card strong{display:block!important;margin-top:6px!important;color:#162a46!important;font-size:25px!important;line-height:1!important} .customers-stat-card small{display:block!important;margin-top:7px!important;color:#8796a9!important;font-size:10.5px!important} .customers-stat-card::after{content:"";position:absolute;right:-18px;top:-20px;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle,rgba(22,120,255,.13),rgba(22,120,255,.035) 68%,transparent 69%)} .customers-stat-card:nth-child(2)::after{background:radial-gradient(circle,rgba(22,185,120,.14),rgba(22,185,120,.035) 68%,transparent 69%)} .customers-stat-card:nth-child(3)::after{background:radial-gradient(circle,rgba(19,184,231,.14),rgba(19,184,231,.035) 68%,transparent 69%)} .customers-stat-card:nth-child(4)::after{background:radial-gradient(circle,rgba(121,84,255,.14),rgba(121,84,255,.035) 68%,transparent 69%)} .customer-directory-card{border-radius:20px!important;overflow:hidden!important} .customer-directory-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;padding:22px 22px 16px!important;border-bottom:1px solid #e9eef5!important} .customer-directory-head h2{margin:0 0 4px!important;font-size:21px!important;color:#142841!important} .customer-directory-head p{margin:0!important} .customer-directory-search{display:flex!important;align-items:center!important;gap:9px!important;width:min(520px,100%)!important} .customer-directory-search .input{min-height:40px!important} .customer-directory-card tbody tr{transition:background .14s ease!important} .customer-directory-card tbody tr:hover{background:#f8fbff!important} .customer-name-cell{display:flex!important;align-items:center!important;gap:11px!important} .customer-avatar{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#eaf5ff,#efeaff)!important;color:#5f49da!important;font-size:11px!important;font-weight:850!important} .customer-metric{display:inline-flex!important;min-width:32px!important;height:28px!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;background:#f2f6fb!important;color:#344b67!important;font-weight:800!important} .customer-open-btn{border-color:#cfdcf0!important;background:#fff!important;color:#176fda!important} .customer-empty{padding:44px 20px!important;text-align:center!important;color:#78889c!important} .customer-empty strong{display:block!important;color:#334a66!important;font-size:15px!important;margin-bottom:5px!important} .customer-modal-card{width:min(900px,94vw)!important;padding:0!important;overflow:hidden!important} .customer-modal-head{padding:22px 24px!important;background:linear-gradient(135deg,#f6fbff,#faf7ff)!important;border-bottom:1px solid #e6edf5!important} .customer-modal-body{padding:18px 24px 24px!important} /* ---------- Support centre ---------- */ .support-page,.support-settings-page{--support-blue:#1479ff;--support-violet:#7950ff;--support-cyan:#16b9e5;--support-green:#17b978;--support-orange:#f59d24} .support-hero{ display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important; margin-bottom:20px!important;padding:25px 27px!important;border:1px solid #dde7f2!important;border-radius:22px!important; background:radial-gradient(circle at 95% 10%,rgba(121,80,255,.14),transparent 26%),radial-gradient(circle at 5% 100%,rgba(22,185,229,.10),transparent 25%),linear-gradient(135deg,#fff,#fbfdff 64%,#fbf8ff)!important; box-shadow:0 14px 34px rgba(25,48,78,.07)!important } .support-kicker{display:inline-flex!important;padding:6px 10px!important;border-radius:999px!important;background:linear-gradient(90deg,#eaf5ff,#f0eaff)!important;color:#6247df!important;font-size:10px!important;font-weight:850!important;letter-spacing:.07em!important;text-transform:uppercase!important} .support-hero h1{margin:12px 0 7px!important;color:#10233f!important;font-size:30px!important;line-height:1.08!important;letter-spacing:-.03em!important} .support-hero p{margin:0!important;max-width:760px!important;color:#687b92!important;font-size:13.5px!important;line-height:1.6!important} .support-hero-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important} .support-stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-bottom:20px!important} .support-stat{padding:18px 19px!important;border-radius:17px!important}.support-stat span{display:block!important;color:#78899f!important;font-size:11px!important;font-weight:700!important}.support-stat strong{display:block!important;margin-top:6px!important;font-size:24px!important;color:#172a46!important}.support-stat small{display:block!important;margin-top:6px!important;color:#8a98a9!important;font-size:10.5px!important} .support-create-card,.support-queue-card,.support-controls-card,.support-integration-card{border-radius:20px!important} .support-create-card{margin-bottom:20px!important;padding:24px!important} .support-create-card .card-head{margin-bottom:18px!important;padding-bottom:14px!important;border-bottom:1px solid #e9eef5!important} .support-create-card .grid3{gap:18px!important} .support-create-card label{margin:0!important;color:#263a54!important;font-size:12px!important;font-weight:750!important} .support-create-card input:not([type="checkbox"]),.support-create-card select,.support-create-card textarea, .support-settings-page input:not([type="checkbox"]),.support-settings-page select{ width:100%!important;margin-top:7px!important;border:1px solid #d7e2ee!important;border-radius:11px!important;background:#fff!important;color:#223650!important;padding:11px 12px!important;outline:none!important } .support-create-card textarea{min-height:120px!important;resize:vertical!important} .support-create-card input:focus,.support-create-card select:focus,.support-create-card textarea:focus,.support-settings-page input:focus,.support-settings-page select:focus{border-color:#82b5ff!important;box-shadow:0 0 0 3px rgba(30,123,255,.10)!important} .support-queue-card{overflow:hidden!important}.support-queue-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:21px 22px 15px!important;border-bottom:1px solid #e9eef5!important}.support-queue-head h2{margin:0 0 4px!important}.support-queue-head p{margin:0!important} /* The Support controls request: deliberately more breathing room. */ .support-controls-wrap{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)!important;gap:24px!important;align-items:start!important} .support-controls-card,.support-integration-card{padding:25px!important} .support-controls-card h2,.support-integration-card h2{margin:0 0 6px!important;font-size:22px!important;color:#162a45!important} .support-controls-card>.muted,.support-integration-card>.muted{margin:0 0 20px!important;line-height:1.55!important} .support-control-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin:20px 0 24px!important} .support-control-field{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important;padding:16px!important;border:1px solid #e2eaf4!important;border-radius:15px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important} .support-control-field>span:first-child{font-size:12px!important;font-weight:800!important;color:#263b55!important} .support-control-field small{color:#8190a4!important;font-size:10.5px!important;line-height:1.45!important} .support-toggle-card{display:flex!important;align-items:flex-start!important;gap:12px!important;min-height:94px!important} .support-toggle-card input[type="checkbox"]{width:18px!important;height:18px!important;margin:2px 0 0!important;accent-color:#7150f6!important;flex:0 0 18px!important} .support-toggle-copy strong{display:block!important;color:#263b55!important;font-size:13px!important}.support-toggle-copy small{display:block!important;margin-top:5px!important;color:#8190a4!important;font-size:10.5px!important;line-height:1.45!important} .support-settings-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:24px!important;padding-top:18px!important;border-top:1px solid #e8eef5!important} .support-info-note{margin:18px 0!important;padding:14px 15px!important;border:1px solid #d7e7fb!important;border-radius:13px!important;background:#f4f9ff!important;color:#3d5878!important;font-size:11px!important;line-height:1.55!important} /* ---------- Dark theme ---------- */ html[data-theme="dark"] body:not(.auth-page):not(.installer-page) .content > .top, html[data-theme="dark"] body:not(.auth-page):not(.installer-page) .main > .top{background:#152236!important;border-color:#2c3c53!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important} html[data-theme="dark"] .top-search input[type="search"]{background:#111e31!important;border-color:#34465e!important;color:#eef4fb!important} html[data-theme="dark"] .top-search input[type="search"]::placeholder{color:#94a5ba!important} html[data-theme="dark"] .customers-hero,html[data-theme="dark"] .support-hero{background:radial-gradient(circle at 95% 10%,rgba(121,80,255,.20),transparent 26%),radial-gradient(circle at 5% 100%,rgba(22,185,229,.12),transparent 25%),linear-gradient(135deg,#17263b,#152236 64%,#1b2442)!important;border-color:#2d3e56!important;box-shadow:0 14px 34px rgba(0,0,0,.19)!important} html[data-theme="dark"] .customers-hero h1,html[data-theme="dark"] .support-hero h1,html[data-theme="dark"] .customers-stat-card strong,html[data-theme="dark"] .customer-directory-head h2,html[data-theme="dark"] .support-stat strong,html[data-theme="dark"] .support-controls-card h2,html[data-theme="dark"] .support-integration-card h2,html[data-theme="dark"] .support-control-field>span:first-child,html[data-theme="dark"] .support-toggle-copy strong{color:#eff5fb!important} html[data-theme="dark"] .customers-hero p,html[data-theme="dark"] .support-hero p,html[data-theme="dark"] .customers-stat-card span,html[data-theme="dark"] .customers-stat-card small,html[data-theme="dark"] .support-stat span,html[data-theme="dark"] .support-stat small{color:#9cadc1!important} html[data-theme="dark"] .customers-kicker,html[data-theme="dark"] .support-kicker{background:linear-gradient(90deg,#203552,#302653)!important;color:#cbbdff!important} html[data-theme="dark"] .customer-avatar{background:linear-gradient(135deg,#1d3554,#302653)!important;color:#cbbdff!important} html[data-theme="dark"] .customer-metric{background:#1c2b41!important;color:#d8e4f2!important} html[data-theme="dark"] .customer-directory-card tbody tr:hover{background:#18293f!important} html[data-theme="dark"] .customer-modal-head{background:linear-gradient(135deg,#18283e,#1c2543)!important;border-color:#2d3d54!important} html[data-theme="dark"] .support-control-field{background:linear-gradient(180deg,#17263b,#152236)!important;border-color:#2d3e56!important} html[data-theme="dark"] .support-control-field small,html[data-theme="dark"] .support-toggle-copy small{color:#9aabc0!important} html[data-theme="dark"] .support-create-card input:not([type="checkbox"]),html[data-theme="dark"] .support-create-card select,html[data-theme="dark"] .support-create-card textarea,html[data-theme="dark"] .support-settings-page input:not([type="checkbox"]),html[data-theme="dark"] .support-settings-page select{background:#111e31!important;border-color:#34465e!important;color:#eef4fb!important} html[data-theme="dark"] .support-info-note{background:#172a43!important;border-color:#2e527a!important;color:#b8cbe1!important} @media(max-width:1180px){ .customers-stat-grid,.support-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .support-controls-wrap{grid-template-columns:1fr!important} } @media(max-width:820px){ body:not(.auth-page):not(.installer-page) .content > .top,body:not(.auth-page):not(.installer-page) .main > .top{border-radius:12px!important;margin-bottom:16px!important} .customers-hero,.support-hero{flex-direction:column!important;align-items:flex-start!important;padding:21px!important} .customers-hero-actions,.support-hero-actions{width:100%!important;justify-content:flex-start!important} .customer-directory-head{align-items:stretch!important;flex-direction:column!important} .customer-directory-search{width:100%!important;max-width:none!important} .support-control-grid{grid-template-columns:1fr!important} } @media(max-width:600px){ .customers-stat-grid,.support-stat-grid{grid-template-columns:1fr!important} .customers-hero h1{font-size:27px!important}.support-hero h1{font-size:26px!important} .customer-directory-search{flex-direction:column!important}.customer-directory-search .btn{width:100%!important} } /* Right-side Support integration panel stays comfortably spaced. */ .support-integration-card .support-control-grid{grid-template-columns:1fr!important} /* ========================================================== EngiCore Stage 18.3o — Customer onboarding modal ========================================================== */ .customer-new-button{ min-width:168px!important; min-height:48px!important; padding:0 22px!important; border-radius:16px!important; font-size:14px!important; font-weight:900!important; letter-spacing:-.01em!important; box-shadow:0 14px 28px rgba(111,48,245,.24)!important; } .customer-new-button:disabled{opacity:.55!important;cursor:not-allowed!important;box-shadow:none!important} .customer-create-dialog{ width:min(1120px,calc(100vw - 32px))!important; max-width:1120px!important; max-height:calc(100vh - 34px)!important; padding:0!important; border:0!important; border-radius:28px!important; background:transparent!important; overflow:visible!important; } .customer-create-dialog::backdrop{background:rgba(10,23,45,.58)!important;backdrop-filter:blur(5px)!important} .customer-onboarding-card{ width:100%!important; max-width:none!important; max-height:calc(100vh - 34px)!important; display:flex!important; flex-direction:column!important; padding:0!important; overflow:hidden!important; border:1px solid #e5e8f4!important; border-radius:28px!important; background:#f8faff!important; box-shadow:0 30px 90px rgba(13,27,52,.30)!important; } .customer-onboarding-header{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:18px!important; padding:24px 26px 22px!important; border-bottom:1px solid #e5eaf3!important; background:radial-gradient(circle at 93% 0%,rgba(117,55,255,.15),transparent 34%),linear-gradient(135deg,#fff,#f8f5ff 58%,#eef6ff)!important; } .customer-onboarding-header h2{margin:10px 0 5px!important;font-size:27px!important;line-height:1.1!important;color:#142842!important;letter-spacing:-.025em!important} .customer-onboarding-header p{margin:0!important;color:#6e7f96!important;font-size:13px!important} .customer-onboarding-header .modal-x{flex:0 0 auto!important;margin:0!important} .customer-onboarding-scroll{ flex:1 1 auto!important; overflow-y:auto!important; overscroll-behavior:contain!important; padding:22px 24px!important; display:grid!important; gap:18px!important; } .customer-form-section{ padding:20px!important; border:1px solid #e5eaf3!important; border-radius:22px!important; background:#fff!important; box-shadow:0 10px 28px rgba(24,40,72,.05)!important; } .customer-form-section-head{display:flex!important;align-items:center!important;gap:13px!important;margin-bottom:18px!important} .customer-form-section-head h3{margin:0 0 3px!important;color:#192c49!important;font-size:18px!important} .customer-form-section-head p{margin:0!important;color:#7b8aa0!important;font-size:12px!important;line-height:1.45!important} .customer-form-icon{ width:42px!important; height:42px!important; min-width:42px!important; display:grid!important; place-items:center!important; border-radius:14px!important; font-size:11px!important; font-weight:900!important; letter-spacing:.03em!important; } .customer-form-icon.purple{background:#f0e8ff!important;color:#7036f5!important} .customer-form-icon.blue{background:#e7f3ff!important;color:#1479e7!important} .customer-form-icon.green{background:#e8f9f0!important;color:#118c57!important} .customer-form-icon.orange{background:#fff1e3!important;color:#e47c12!important} .customer-form-icon.cyan{background:#e4f8fb!important;color:#0789a2!important} .customer-form-grid{display:grid!important;gap:15px 17px!important} .customer-form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important} .customer-form-grid label,.customer-form-section>label{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important} .customer-form-grid label>span,.customer-form-section>label>span{font-size:12px!important;font-weight:800!important;color:#29405f!important} .customer-form-grid .input,.customer-form-section .input{min-height:46px!important;border-radius:13px!important;background:#fbfcff!important} .customer-toggle-card{ display:flex!important; flex-direction:row!important; align-items:flex-start!important; gap:11px!important; padding:14px 15px!important; margin:0 0 16px!important; border:1px solid #e0e7f2!important; border-radius:16px!important; background:linear-gradient(180deg,#fbfdff,#f7faff)!important; } .customer-toggle-card input{margin-top:3px!important} .customer-toggle-card>span{display:flex!important;flex-direction:column!important;gap:3px!important} .customer-toggle-card strong{font-size:13px!important;color:#203654!important} .customer-toggle-card small{font-size:11.5px!important;color:#7b8ba0!important;line-height:1.45!important} .customer-delivery-fields[hidden]{display:none!important} .customer-onboarding-actions{ display:flex!important; justify-content:flex-end!important; gap:10px!important; padding:18px 24px!important; border-top:1px solid #e4e9f2!important; background:rgba(255,255,255,.96)!important; box-shadow:0 -12px 28px rgba(28,44,73,.04)!important; } .customer-onboarding-actions .btn{min-height:44px!important;border-radius:12px!important} html[data-theme="dark"] .customer-onboarding-card{background:#101c2d!important;border-color:#2b3c54!important} html[data-theme="dark"] .customer-onboarding-header{background:radial-gradient(circle at 93% 0%,rgba(117,55,255,.24),transparent 34%),linear-gradient(135deg,#17263b,#152236 58%,#1b2442)!important;border-color:#2e4059!important} html[data-theme="dark"] .customer-onboarding-header h2,html[data-theme="dark"] .customer-form-section-head h3,html[data-theme="dark"] .customer-toggle-card strong,html[data-theme="dark"] .customer-form-grid label>span,html[data-theme="dark"] .customer-form-section>label>span{color:#edf5fc!important} html[data-theme="dark"] .customer-onboarding-header p,html[data-theme="dark"] .customer-form-section-head p,html[data-theme="dark"] .customer-toggle-card small{color:#9aacc1!important} html[data-theme="dark"] .customer-form-section{background:#16253a!important;border-color:#2c3e56!important;box-shadow:none!important} html[data-theme="dark"] .customer-toggle-card{background:#122136!important;border-color:#30425b!important} html[data-theme="dark"] .customer-form-grid .input,html[data-theme="dark"] .customer-form-section .input{background:#101e31!important;border-color:#334861!important;color:#eff5fb!important} html[data-theme="dark"] .customer-onboarding-actions{background:#132237!important;border-color:#2c3e56!important;box-shadow:none!important} @media(max-width:760px){ .customer-create-dialog{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important} .customer-onboarding-card{max-height:calc(100vh - 16px)!important;border-radius:20px!important} .customer-onboarding-header{padding:20px!important} .customer-onboarding-scroll{padding:16px!important;gap:14px!important} .customer-form-section{padding:16px!important;border-radius:18px!important} .customer-form-grid.cols-2{grid-template-columns:1fr!important} .customer-form-grid.cols-2>span{display:none!important} .customer-onboarding-actions{padding:14px 16px!important} .customer-onboarding-actions .btn{flex:1 1 0!important} } .customer-profile-overview{display:grid!important;grid-template-columns:1.25fr .9fr .9fr!important;gap:16px!important;margin:18px 0 24px!important} .customer-profile-card{padding:20px!important;border-radius:20px!important;border:1px solid #e7ebf3!important;box-shadow:0 10px 26px rgba(22,38,66,.05)!important} .customer-profile-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:16px!important} .customer-profile-card-head h3{margin:8px 0 0!important;color:#192c49!important;font-size:18px!important} .customer-profile-badge{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#edf3ff,#f2eaff)!important;color:#6644dc!important;font-weight:900!important} .customer-detail-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 16px!important;margin:0!important} .customer-detail-list div{min-width:0!important} .customer-detail-list dt{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#8896a9!important;font-weight:900!important} .customer-detail-list dd{margin:4px 0 0!important;color:#253a59!important;font-size:12.5px!important;font-weight:700!important;word-break:break-word!important} .customer-profile-card address{margin:0!important;color:#536783!important;font-size:13px!important;line-height:1.7!important;font-style:normal!important} .customer-delivery-contact{display:flex!important;flex-direction:column!important;gap:3px!important;margin-top:14px!important;padding-top:12px!important;border-top:1px solid #edf1f6!important} .customer-delivery-contact strong{color:#223854!important;font-size:12px!important}.customer-delivery-contact span{color:#78889d!important;font-size:11px!important} html[data-theme="dark"] .customer-profile-card{background:#16253a!important;border-color:#2c3e56!important;box-shadow:none!important} html[data-theme="dark"] .customer-profile-card-head h3,html[data-theme="dark"] .customer-detail-list dd,html[data-theme="dark"] .customer-delivery-contact strong{color:#eef5fb!important} html[data-theme="dark"] .customer-profile-card address,html[data-theme="dark"] .customer-detail-list dt,html[data-theme="dark"] .customer-delivery-contact span{color:#9cadc1!important} @media(max-width:1100px){.customer-profile-overview{grid-template-columns:1fr 1fr!important}.customer-profile-overview .customer-profile-card:first-child{grid-column:1/-1!important}} @media(max-width:700px){.customer-profile-overview{grid-template-columns:1fr!important}.customer-profile-overview .customer-profile-card:first-child{grid-column:auto!important}.customer-detail-list{grid-template-columns:1fr!important}} /* Stage 18.3s — compact automatic VAT status */ .customer-vat-row{ align-items:end!important; margin-top:-2px!important; margin-bottom:15px!important; } .customer-vat-status{ min-height:46px!important; display:flex!important; align-items:center!important; gap:10px!important; padding:8px 12px!important; border:1px solid #dde5f0!important; border-radius:13px!important; background:linear-gradient(180deg,#fbfdff,#f7faff)!important; transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important; } .customer-vat-status-label{ font-size:12px!important; font-weight:900!important; letter-spacing:.04em!important; color:#29405f!important; text-transform:uppercase!important; } .customer-vat-status-mark{ width:28px!important; height:28px!important; display:grid!important; place-items:center!important; flex:0 0 28px!important; border-radius:50%!important; font-size:16px!important; line-height:1!important; font-weight:900!important; } .customer-vat-status-copy{ font-size:12px!important; font-weight:800!important; } .customer-vat-status.is-registered{ border-color:#b9e8cf!important; background:linear-gradient(180deg,#f4fff9,#edfbf4)!important; box-shadow:0 8px 18px rgba(17,140,87,.06)!important; } .customer-vat-status.is-registered .customer-vat-status-mark{background:#16a365!important;color:#fff!important} .customer-vat-status.is-registered .customer-vat-status-copy{color:#118c57!important} .customer-vat-status.is-unregistered{ border-color:#f0c7cd!important; background:linear-gradient(180deg,#fffafb,#fff5f6)!important; } .customer-vat-status.is-unregistered .customer-vat-status-mark{background:#d4485d!important;color:#fff!important} .customer-vat-status.is-unregistered .customer-vat-status-copy{color:#b33449!important} html[data-theme="dark"] .customer-vat-status{border-color:#334861!important;background:#101e31!important} html[data-theme="dark"] .customer-vat-status-label{color:#edf5fc!important} html[data-theme="dark"] .customer-vat-status.is-registered{border-color:#24674d!important;background:#102d24!important} html[data-theme="dark"] .customer-vat-status.is-unregistered{border-color:#693746!important;background:#2a1720!important} @media(max-width:760px){ .customer-vat-row{margin-top:0!important} .customer-vat-status{width:100%!important} } /* Stage 18.3t — VAT status field aligned exactly with VAT number input */ .customer-vat-row{ align-items:start!important; margin-top:0!important; margin-bottom:15px!important; } .customer-vat-status-field{ display:flex!important; flex-direction:column!important; gap:7px!important; min-width:0!important; } .customer-vat-field-label{ display:block!important; min-height:18px!important; color:#243a59!important; font-size:12px!important; font-weight:800!important; line-height:18px!important; } .customer-vat-status-field .customer-vat-status{ box-sizing:border-box!important; width:100%!important; height:46px!important; min-height:46px!important; margin:0!important; padding:8px 13px!important; border-radius:12px!important; } .customer-vat-status-field .customer-vat-status-mark{ width:28px!important; height:28px!important; flex:0 0 28px!important; } html[data-theme="dark"] .customer-vat-field-label{color:#eef5fb!important} @media(max-width:760px){ .customer-vat-status-field{width:100%!important} } /* ========================================================== EngiCore Stage 18.3u — Customer 360 commercial + portal ========================================================== */ .customer-toggle-card.compact{min-height:46px!important;padding:12px 14px!important;align-self:end!important} .customer-toggle-card.compact strong{font-size:12.5px!important}.customer-toggle-card.compact small{font-size:10.5px!important} .customer360-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:24px 26px!important;margin-bottom:16px!important;border:1px solid #e1e8f2!important;border-radius:22px!important;background:radial-gradient(circle at 87% 14%,rgba(111,60,255,.12),transparent 30%),linear-gradient(135deg,#fff,#f8fbff)!important;box-shadow:0 14px 34px rgba(20,36,60,.06)!important} .customer360-hero h1{margin:8px 0 5px!important;color:#142842!important;font-size:29px!important;letter-spacing:-.025em!important}.customer360-hero p{margin:0!important;color:#718198!important;font-size:12px!important}.customer360-hero-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important} .customer-next-actions{display:grid!important;grid-template-columns:minmax(250px,.75fr) minmax(0,2fr)!important;gap:20px!important;align-items:center!important;padding:22px!important;margin-bottom:16px!important;border:1px solid #e5ddff!important;background:linear-gradient(135deg,#fbf9ff,#f4f7ff)!important}.customer-next-copy h2{margin:7px 0 5px!important;color:#182b48!important;font-size:20px!important}.customer-next-copy p{margin:0!important;color:#718198!important;font-size:11.5px!important}.customer-next-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.customer-next-action{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;padding:13px 14px!important;border:1px solid #e1e7f2!important;border-radius:14px!important;background:#fff!important;color:#263b5c!important;text-decoration:none!important;text-align:left!important;cursor:pointer!important;font:inherit!important}.customer-next-action:hover{border-color:#cfc3ff!important;box-shadow:0 8px 20px rgba(94,58,220,.08)!important}.customer-next-action strong{font-size:11.5px!important}.customer-next-action span{font-size:9.5px!important;color:#7f8da2!important;line-height:1.35!important} .customer360-summary-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px!important}.customer360-summary{display:flex!important;flex-direction:column!important;gap:4px!important;padding:16px 18px!important;border-radius:18px!important}.customer360-summary small{color:#7d8ca2!important;font-size:9.5px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.05em!important}.customer360-summary strong{color:#172b49!important;font-size:20px!important}.customer360-summary span{color:#8592a6!important;font-size:10.5px!important} .customer360-section{padding:20px!important;margin-top:16px!important;border-radius:20px!important}.customer360-section .section-head{align-items:flex-start!important;margin-bottom:15px!important}.customer360-section .section-head h2{margin:7px 0 4px!important;color:#182d4b!important;font-size:19px!important}.customer-contact-grid,.customer-portal-account-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.customer-contact-card,.customer-portal-account-card{padding:15px!important;border:1px solid #e4eaf3!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}.customer-contact-top{display:flex!important;gap:10px!important;align-items:center!important}.customer-contact-avatar{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:linear-gradient(135deg,#eee9ff,#eaf4ff)!important;color:#5c42b6!important;font-weight:900!important;flex:0 0 36px!important}.customer-contact-top>div{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.customer-contact-top strong,.customer-portal-account-head strong{color:#1b2f4d!important;font-size:11.5px!important}.customer-contact-top span,.customer-portal-account-head span{color:#78889f!important;font-size:9.5px!important}.customer-contact-methods{display:flex!important;flex-direction:column!important;gap:3px!important;margin-top:10px!important;color:#60718a!important;font-size:10px!important;overflow-wrap:anywhere!important}.customer-contact-flags{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:10px!important}.customer-contact-flags span{padding:5px 8px!important;border-radius:999px!important;background:#eef4ff!important;color:#46638d!important;font-size:8.5px!important;font-weight:800!important}.customer-contact-permissions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:12px!important;margin-top:12px!important;border-radius:14px!important;background:#f7f9fd!important}.customer-contact-permissions label{display:flex!important;align-items:center!important;gap:7px!important;font-size:10.5px!important;color:#405672!important} .customer-portal-account-head{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:flex-start!important}.customer-portal-account-head>div{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}.customer-verification-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:12px 0!important}.customer-verification-state{display:flex!important;align-items:center!important;gap:7px!important;padding:8px 9px!important;border-radius:11px!important;font-size:9.5px!important;font-weight:800!important}.customer-verification-state b{width:20px!important;height:20px!important;display:grid!important;place-items:center!important;border-radius:50%!important;color:#fff!important}.customer-verification-state.verified{background:#edf9f3!important;color:#137c51!important}.customer-verification-state.verified b{background:#1aa56a!important}.customer-verification-state.pending{background:#fff3f5!important;color:#b53e54!important}.customer-verification-state.pending b{background:#d64c62!important}.customer-portal-meta{display:flex!important;flex-direction:column!important;gap:3px!important;margin-bottom:10px!important;color:#7e8ca1!important;font-size:9.5px!important}.customer-verification-explainer{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:14px 0!important}.customer-verification-explainer span{display:flex!important;align-items:center!important;gap:8px!important;padding:10px!important;border-radius:12px!important;background:#f5f7fc!important;color:#526780!important;font-size:9.5px!important;font-weight:800!important}.customer-verification-explainer b{width:23px!important;height:23px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#7434ff!important;color:#fff!important} .customer360-dialog .modal-card{max-width:min(760px,calc(100vw - 30px))!important}.customer360-dialog .section-head h2{margin:0 0 4px!important;color:#162b49!important;font-size:21px!important} .customer-portal-auth{display:grid!important;grid-template-columns:minmax(300px,.95fr) minmax(360px,1.05fr)!important;min-height:100vh!important;background:#eef3f9!important}.customer-portal-brand{padding:clamp(36px,6vw,82px)!important;background:radial-gradient(circle at 15% 20%,rgba(19,170,230,.24),transparent 28%),radial-gradient(circle at 85% 82%,rgba(118,44,255,.32),transparent 34%),linear-gradient(145deg,#07172b,#0b2341 55%,#151741)!important;color:#fff!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:16px!important}.customer-portal-brand img{width:min(330px,70%)!important;height:auto!important;object-fit:contain!important;align-self:flex-start!important}.customer-portal-brand>span{display:inline-flex!important;align-self:flex-start!important;padding:7px 11px!important;border-radius:999px!important;background:rgba(255,255,255,.1)!important;color:#b8d9f4!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}.customer-portal-brand h1{margin:0!important;font-size:clamp(30px,4vw,50px)!important;line-height:1.05!important}.customer-portal-brand p{margin:0!important;max-width:600px!important;color:#a9bdd2!important;font-size:14px!important;line-height:1.65!important}.customer-portal-auth-panel{display:grid!important;place-items:center!important;padding:30px!important}.customer-portal-auth-card{width:min(500px,100%)!important;padding:30px!important;border:1px solid #dde6f1!important;border-radius:24px!important;background:#fff!important;box-shadow:0 24px 60px rgba(20,35,58,.12)!important}.customer-portal-auth-card h2{margin:9px 0 18px!important;color:#162a49!important;font-size:27px!important}.customer-portal-form{display:flex!important;flex-direction:column!important;gap:13px!important}.customer-portal-form label{display:flex!important;flex-direction:column!important;gap:7px!important;color:#243a59!important;font-size:11px!important;font-weight:800!important}.customer-portal-form .btn{min-height:46px!important;margin-top:4px!important}.customer-verify-status{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:16px 0!important}.customer-verify-status>div{display:flex!important;align-items:center!important;gap:9px!important;padding:12px!important;border-radius:14px!important}.customer-verify-status b{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:50%!important;color:#fff!important}.customer-verify-status span{display:flex!important;flex-direction:column!important;gap:2px!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.04em!important}.customer-verify-status strong{font-size:11px!important;text-transform:none!important;letter-spacing:0!important}.customer-verify-status .done{background:#edf9f3!important;color:#147a51!important}.customer-verify-status .done b{background:#1aa56a!important}.customer-verify-status .pending{background:#fff3f5!important;color:#b33c52!important}.customer-verify-status .pending b{background:#d84d64!important} .customer-portal-body{margin:0!important;background:#eef3f9!important;color:#172b49!important}.customer-portal-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:15px 28px!important;background:#0a1d34!important;color:#fff!important}.customer-portal-top>div:first-child{display:flex!important;align-items:center!important;gap:16px!important}.customer-portal-top img{height:38px!important;width:auto!important;max-width:220px!important;object-fit:contain!important}.customer-portal-top span{font-size:11px!important;color:#adc0d3!important}.customer-portal-user{display:flex!important;align-items:center!important;gap:14px!important}.customer-portal-user a{color:#fff!important;text-decoration:none!important;font-size:10px!important;font-weight:800!important}.customer-portal-content{width:min(1280px,calc(100% - 36px))!important;margin:24px auto 50px!important}.customer-portal-welcome{padding:24px 2px!important}.customer-portal-welcome h1{margin:7px 0 4px!important;font-size:31px!important}.customer-portal-welcome p{margin:0!important;color:#73839a!important}.customer-portal-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;margin-bottom:16px!important}.customer-portal-stats article{display:flex!important;flex-direction:column!important;gap:3px!important;padding:17px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e0e8f2!important}.customer-portal-stats small{color:#8090a6!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important}.customer-portal-stats strong{font-size:24px!important}.customer-portal-stats span{color:#8492a6!important;font-size:10px!important}.customer-portal-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.customer-portal-grid>.card{padding:20px!important}.customer-portal-list{display:flex!important;flex-direction:column!important}.customer-portal-list>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:12px 0!important;border-bottom:1px solid #edf1f6!important}.customer-portal-list>div:last-child{border-bottom:0!important}.customer-portal-list span{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}.customer-portal-list strong{font-size:11px!important}.customer-portal-list small{color:#7d8ba0!important;font-size:9.5px!important;overflow-wrap:anywhere!important}.customer-portal-list b{font-size:9px!important;color:#456184!important;text-transform:uppercase!important;white-space:nowrap!important} html[data-theme="dark"] .customer360-hero,html[data-theme="dark"] .customer-next-actions,html[data-theme="dark"] .customer-contact-card,html[data-theme="dark"] .customer-portal-account-card{background:#15243a!important;border-color:#2c3d55!important;box-shadow:none!important}html[data-theme="dark"] .customer360-hero h1,html[data-theme="dark"] .customer-next-copy h2,html[data-theme="dark"] .customer360-summary strong,html[data-theme="dark"] .customer360-section .section-head h2,html[data-theme="dark"] .customer-contact-top strong,html[data-theme="dark"] .customer-portal-account-head strong{color:#edf5fc!important}html[data-theme="dark"] .customer-next-action{background:#111f32!important;border-color:#2e4058!important;color:#e9f2fa!important}html[data-theme="dark"] .customer-contact-flags span{background:#1a2f4a!important;color:#bcd0e5!important}html[data-theme="dark"] .customer-contact-permissions,html[data-theme="dark"] .customer-verification-explainer span{background:#101e31!important} @media(max-width:1180px){.customer-next-actions{grid-template-columns:1fr!important}.customer-next-grid,.customer-contact-grid,.customer-portal-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.customer360-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.customer-portal-auth{grid-template-columns:1fr!important;min-height:auto!important}.customer-portal-brand{padding:42px!important}.customer-portal-brand img{max-width:260px!important}.customer-portal-grid{grid-template-columns:1fr!important}} @media(max-width:700px){.customer360-hero{align-items:flex-start!important;flex-direction:column!important}.customer-next-grid,.customer-contact-grid,.customer-portal-account-grid,.customer360-summary-grid,.customer-verification-row,.customer-verification-explainer,.customer-verify-status,.customer-portal-stats{grid-template-columns:1fr!important}.customer-contact-permissions{grid-template-columns:1fr!important}.customer-portal-auth-panel{padding:16px!important}.customer-portal-brand{padding:30px 22px!important}.customer-portal-auth-card{padding:22px!important}.customer-portal-top{padding:12px 16px!important}.customer-portal-top>div:first-child>span{display:none!important}.customer-portal-content{width:calc(100% - 24px)!important}} /* EngiCore Stage 18.3v — true viewport-centred New Customer onboarding */ .customer-create-dialog{ position:fixed!important; inset:auto!important; top:50%!important; left:50%!important; right:auto!important; bottom:auto!important; transform:translate(-50%,-50%)!important; margin:0!important; width:min(1120px,calc(100vw - 48px))!important; max-width:1120px!important; height:auto!important; max-height:calc(100vh - 48px)!important; padding:0!important; overflow:visible!important; box-sizing:border-box!important; } .customer-create-dialog .customer-onboarding-card{ width:100%!important; max-width:100%!important; height:auto!important; max-height:calc(100vh - 48px)!important; margin:0!important; box-sizing:border-box!important; } @supports (width:100dvw){ .customer-create-dialog{ width:min(1120px,calc(100dvw - 48px))!important; max-height:calc(100dvh - 48px)!important; } .customer-create-dialog .customer-onboarding-card{ max-height:calc(100dvh - 48px)!important; } } @media(max-width:760px){ .customer-create-dialog{ width:calc(100vw - 16px)!important; max-height:calc(100vh - 16px)!important; } .customer-create-dialog .customer-onboarding-card{ max-height:calc(100vh - 16px)!important; } } /* ========================================================== EngiCore Stage 18.3z — Customer governance & Customer 360 ========================================================== */ /* New Customer readability */ .customer-onboarding-card .customer-form-grid .input, .customer-onboarding-card .customer-form-section .input, .customer-onboarding-card select, .customer-onboarding-card textarea{ font-size:14px!important; line-height:1.4!important; font-weight:600!important; } .customer-onboarding-card .customer-form-grid input::placeholder, .customer-onboarding-card .customer-form-grid textarea::placeholder{font-size:13px!important;font-weight:500!important;color:#8b98aa!important} /* Customer 360 richer visual treatment */ .customer-360-page{background:linear-gradient(180deg,#f3f6fb 0%,#eef3f9 100%)!important} .customer360-hero{ background: radial-gradient(circle at 10% 10%,rgba(21,157,240,.10),transparent 24%), radial-gradient(circle at 88% 10%,rgba(118,54,255,.18),transparent 32%), linear-gradient(135deg,#ffffff,#f8f8ff 54%,#f0f5ff)!important; border-color:#dde5f2!important; } .customer-profile-overview .customer-profile-card{position:relative!important;overflow:hidden!important} .customer-profile-overview .customer-profile-card:before{content:"";position:absolute!important;left:0!important;top:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,#6f3cff,#347dff)!important} .customer-profile-overview .customer-profile-card:nth-child(2):before{background:linear-gradient(90deg,#17b978,#35d6a0)!important} .customer-profile-overview .customer-profile-card:nth-child(3):before{background:linear-gradient(90deg,#ff9d2e,#ff6846)!important} .customer-profile-overview .customer-profile-card:nth-child(4):before{background:linear-gradient(90deg,#20a8e8,#46d5e7)!important} .customer-profile-overview .customer-profile-card:nth-child(5):before{background:linear-gradient(90deg,#7d4cff,#bf55ff)!important} .customer-card-head-actions{display:flex!important;align-items:center!important;gap:8px!important} .customer-icon-action{width:34px!important;height:34px!important;border:1px solid #dbe4f1!important;border-radius:11px!important;background:linear-gradient(180deg,#fff,#f5f8fd)!important;color:#4e6484!important;display:grid!important;place-items:center!important;font-size:16px!important;font-weight:900!important;cursor:pointer!important;box-shadow:0 7px 18px rgba(18,35,60,.07)!important} .customer-icon-action:hover{transform:translateY(-1px)!important;border-color:#cfc2ff!important;color:#6a36eb!important;background:#faf8ff!important} /* Account manager alignment and improved button */ .customer-account-manager-focus{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:6px!important;margin-top:17px!important;padding:17px!important;border:1px solid #e1e8f3!important;border-radius:17px!important;background:linear-gradient(135deg,#fbfdff,#f7f4ff)!important} .customer-account-manager-focus>span{font-size:9px!important;font-weight:900!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#8593a8!important} .customer-account-manager-focus>strong{font-size:17px!important;line-height:1.2!important;color:#1b3152!important} .customer-premium-edit-btn{margin-top:7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:40px!important;padding:10px 16px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#7c34ff,#5d4fff)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;cursor:pointer!important;box-shadow:0 12px 24px rgba(94,62,234,.24)!important} .customer-premium-edit-btn:hover{transform:translateY(-1px)!important;box-shadow:0 15px 30px rgba(94,62,234,.3)!important} /* Operational account status */ .customer-account-status-banner{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;margin:0 0 17px!important;padding:16px 18px!important;border:1px solid #dce6f2!important;border-radius:20px!important;background:linear-gradient(135deg,#fff,#f7fbff)!important;box-shadow:0 10px 28px rgba(22,38,66,.05)!important} .customer-account-status-banner.status-active{border-color:#ccebdd!important;background:linear-gradient(135deg,#f6fffb,#f2fbff)!important} .customer-account-status-banner.status-prospect{border-color:#cfe1ff!important;background:linear-gradient(135deg,#f6faff,#f4f1ff)!important} .customer-account-status-banner.status-on_hold{border-color:#f3dfb7!important;background:linear-gradient(135deg,#fffaf2,#fffdf7)!important} .customer-account-status-banner.status-suspended,.customer-account-status-banner.status-pending_deletion{border-color:#efc8d0!important;background:linear-gradient(135deg,#fff6f8,#fff9fb)!important} .customer-status-icon{width:46px!important;height:46px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#6837f5,#3d78ff)!important;color:#fff!important;font-size:18px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(74,86,230,.22)!important} .status-active .customer-status-icon{background:linear-gradient(135deg,#16b979,#2fd2a2)!important}.status-suspended .customer-status-icon,.status-pending_deletion .customer-status-icon{background:linear-gradient(135deg,#e04863,#f26473)!important}.status-on_hold .customer-status-icon{background:linear-gradient(135deg,#efa22b,#ffba42)!important} .customer-status-copy{display:flex!important;flex-direction:column!important;gap:2px!important}.customer-status-copy>span{font-size:9px!important;text-transform:uppercase!important;font-weight:900!important;letter-spacing:.07em!important;color:#8290a5!important}.customer-status-copy>strong{font-size:18px!important;color:#182d4c!important}.customer-status-copy p{margin:3px 0 0!important;color:#667991!important;font-size:11px!important;line-height:1.5!important} .customer-status-permissions{display:grid!important;grid-template-columns:repeat(2,auto)!important;gap:7px!important}.customer-status-permissions span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:86px!important;padding:7px 10px!important;border-radius:999px!important;font-size:9px!important;font-weight:900!important}.customer-status-permissions .allowed{background:#eaf9f2!important;color:#10825a!important}.customer-status-permissions .blocked{background:#fff0f3!important;color:#c53d58!important} .customer-retention-warning{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:0 0 17px!important;padding:15px 18px!important;border:1px solid #f1c3ce!important;border-radius:18px!important;background:#fff5f7!important}.customer-retention-warning>div{display:flex!important;flex-direction:column!important;gap:4px!important}.customer-retention-warning strong{color:#9e2944!important}.customer-retention-warning span,.customer-retention-warning small{color:#765d66!important;font-size:10.5px!important;line-height:1.5!important} /* Governance cards */ .customer-governance-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-top:18px!important}.customer-governance-card{padding:20px!important;border-radius:21px!important;border:1px solid #e2e8f3!important;box-shadow:0 10px 28px rgba(20,36,62,.05)!important}.customer-governance-card.pin-card{background:linear-gradient(145deg,#fff,#f8f4ff)!important}.customer-governance-card.authorised-card{background:linear-gradient(145deg,#fff,#f2f9ff)!important}.customer-governance-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:14px!important;margin-bottom:14px!important}.customer-governance-head h2{margin:7px 0 3px!important;font-size:20px!important;color:#182e4c!important}.customer-governance-head p{margin:0!important;color:#718198!important;font-size:10.5px!important;line-height:1.5!important}.customer-count-pill{padding:8px 11px!important;border-radius:999px!important;background:#e9f2ff!important;color:#3d65a1!important;font-size:9px!important;font-weight:900!important;white-space:nowrap!important} .customer-pin-rule{display:flex!important;gap:12px!important;align-items:flex-start!important;padding:14px!important;border-radius:16px!important;background:#f0ebff!important;border:1px solid #ded3ff!important}.customer-pin-rule.optional{background:#f6f8fc!important;border-color:#e2e8f1!important}.customer-pin-rule>span{font-size:20px!important;line-height:1!important}.customer-pin-rule>div{display:flex!important;flex-direction:column!important;gap:3px!important}.customer-pin-rule strong{font-size:12px!important;color:#283b5a!important}.customer-pin-rule small{font-size:10px!important;line-height:1.5!important;color:#718199!important}.customer-governance-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:14px!important}.customer-governance-actions form{margin:0!important} .authorised-account-list{display:flex!important;flex-direction:column!important;gap:8px!important;margin:10px 0 14px!important}.authorised-account-person{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 11px!important;border:1px solid #e1e9f3!important;border-radius:14px!important;background:rgba(255,255,255,.8)!important}.authorised-account-person>div{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;flex:1!important}.authorised-account-person strong{font-size:11px!important;color:#1d3251!important}.authorised-account-person small{font-size:9.5px!important;color:#77879d!important;white-space:normal!important}.customer-contact-flags span.authorised{background:#e8f8f1!important;color:#11825a!important;border:1px solid #ccebdc!important} .authorised-contact-manage{margin-top:11px!important;border-top:1px solid #edf1f6!important;padding-top:9px!important}.authorised-contact-manage summary{cursor:pointer!important;color:#5b45c9!important;font-size:9.5px!important;font-weight:900!important}.authorised-contact-manage form{display:grid!important;gap:9px!important;margin-top:10px!important}.authorised-contact-manage label{display:flex!important;flex-direction:column!important;gap:5px!important;color:#405673!important;font-size:9.5px!important;font-weight:800!important}.customer-authority-toggle{flex-direction:row!important;align-items:flex-start!important;padding:10px!important;border-radius:12px!important;background:#f7f9fd!important}.customer-authority-toggle span{display:flex!important;flex-direction:column!important;gap:2px!important}.customer-authority-toggle small{font-weight:500!important;color:#75869d!important} /* Caller verification */ .caller-verification-section{background:linear-gradient(135deg,#ffffff,#f9fbff)!important}.caller-policy-badge{padding:9px 12px!important;border-radius:999px!important;font-size:9px!important;font-weight:900!important}.caller-policy-badge.required{background:#f0e9ff!important;color:#6d37e9!important}.caller-policy-badge.optional{background:#edf3fa!important;color:#60728e!important}.caller-verification-form{display:grid!important;grid-template-columns:1.2fr .8fr 1.2fr auto!important;gap:12px!important;align-items:end!important}.caller-verification-form label{display:flex!important;flex-direction:column!important;gap:6px!important;font-size:10px!important;font-weight:800!important;color:#344c6b!important}.caller-verification-form .btn{min-height:46px!important} /* Account control */ .account-control-centre{background:linear-gradient(135deg,#fff,#fbfcff)!important}.account-control-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}.account-control-card{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;align-items:start!important;padding:15px!important;border:1px solid #dfe7f2!important;border-radius:17px!important;background:#fff!important}.account-control-card>div{display:flex!important;flex-direction:column!important;gap:5px!important}.account-control-card>div>strong{font-size:12px!important;color:#1f3554!important}.account-control-card>div>small{font-size:9.5px!important;line-height:1.45!important;color:#76869c!important}.account-control-card>.btn{grid-column:2!important;justify-self:start!important}.account-control-card.warning{border-color:#f0deb6!important;background:#fffaf2!important}.account-control-card.danger{border-color:#efcbd2!important;background:#fff7f8!important}.account-control-icon{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;color:#fff!important;font-weight:900!important}.account-control-icon.blue{background:linear-gradient(135deg,#357dff,#7150ff)!important}.account-control-icon.amber{background:linear-gradient(135deg,#f0a22b,#ffbd45)!important}.account-control-icon.red{background:linear-gradient(135deg,#df4960,#ff6f76)!important} .btn-danger{background:linear-gradient(135deg,#dc3c58,#f05b6a)!important;color:#fff!important;border:0!important;box-shadow:0 9px 18px rgba(219,60,88,.18)!important} /* Edit customer modal */ .customer-details-dialog .modal-card{width:min(920px,calc(100vw - 30px))!important;max-width:920px!important}.customer-details-edit-scroll{display:flex!important;flex-direction:column!important;gap:14px!important;max-height:min(70vh,720px)!important;overflow:auto!important;padding:2px 4px 8px 0!important}.customer-details-dialog .customer-account-settings-group{margin:0!important}.customer-details-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.customer-details-dialog .input,.account-pin-dialog .input,.caller-verification-form .input,.account-control-card .input,.authorised-contact-manage .input{font-size:13px!important} .c360-vat-indicator{display:flex!important;align-items:center!important;gap:10px!important;margin-top:12px!important;padding:11px 14px!important;border-radius:14px!important;border:1px solid #efc9d0!important;background:#fff7f8!important;color:#bd3b55!important}.c360-vat-indicator.registered{border-color:#bfe8d5!important;background:#f0fbf6!important;color:#12845a!important}.c360-vat-indicator>span{font-weight:900!important;color:#1e3453!important}.c360-vat-indicator>b{width:27px!important;height:27px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#d84b62!important;color:#fff!important}.c360-vat-indicator.registered>b{background:#18a76e!important}.c360-vat-indicator>strong{font-size:11px!important} .c360-pin-input{font-size:18px!important;letter-spacing:.18em!important;font-weight:900!important} html[data-theme="dark"] .customer-360-page{background:#0f1c2d!important} html[data-theme="dark"] .customer-account-manager-focus,html[data-theme="dark"] .customer-account-status-banner,html[data-theme="dark"] .customer-governance-card,html[data-theme="dark"] .caller-verification-section,html[data-theme="dark"] .account-control-centre,html[data-theme="dark"] .account-control-card,html[data-theme="dark"] .authorised-account-person{background:#15253a!important;border-color:#2d4058!important;box-shadow:none!important} html[data-theme="dark"] .customer-status-copy>strong,html[data-theme="dark"] .customer-governance-head h2,html[data-theme="dark"] .customer-pin-rule strong,html[data-theme="dark"] .authorised-account-person strong,html[data-theme="dark"] .account-control-card>div>strong,html[data-theme="dark"] .customer-account-manager-focus>strong{color:#edf5fb!important} html[data-theme="dark"] .customer-status-copy p,html[data-theme="dark"] .customer-governance-head p,html[data-theme="dark"] .customer-pin-rule small,html[data-theme="dark"] .authorised-account-person small,html[data-theme="dark"] .account-control-card>div>small{color:#9dacbf!important} html[data-theme="dark"] .customer-pin-rule,html[data-theme="dark"] .customer-authority-toggle{background:#112035!important;border-color:#2f425b!important} html[data-theme="dark"] .authorised-contact-manage{border-color:#2d4057!important} html[data-theme="dark"] .customer-retention-warning{background:#321d26!important;border-color:#643448!important}html[data-theme="dark"] .customer-retention-warning strong{color:#ff9fb1!important}html[data-theme="dark"] .customer-retention-warning span,html[data-theme="dark"] .customer-retention-warning small{color:#d6aab5!important} html[data-theme="dark"] .c360-vat-indicator{background:#301d25!important;border-color:#613345!important;color:#ff9faf!important}html[data-theme="dark"] .c360-vat-indicator.registered{background:#142b25!important;border-color:#285947!important;color:#78e1b5!important}html[data-theme="dark"] .c360-vat-indicator>span{color:#edf5fb!important} @media(max-width:1050px){.customer-account-status-banner{grid-template-columns:auto 1fr!important}.customer-status-permissions{grid-column:1/-1!important;grid-template-columns:repeat(4,1fr)!important}.customer-governance-grid,.account-control-grid{grid-template-columns:1fr 1fr!important}.caller-verification-form{grid-template-columns:1fr 1fr!important}.caller-verification-form .btn{align-self:end!important}} @media(max-width:760px){.customer-account-status-banner{grid-template-columns:1fr!important}.customer-status-icon{display:none!important}.customer-status-permissions{grid-template-columns:repeat(2,1fr)!important}.customer-governance-grid,.account-control-grid,.caller-verification-form,.customer-details-dialog .form-grid{grid-template-columns:1fr!important}.customer-retention-warning{align-items:flex-start!important;flex-direction:column!important}.account-control-card{grid-template-columns:auto 1fr!important}.customer-details-edit-scroll{max-height:66vh!important}} /* Stage 18.3z readability final override */ .customer-onboarding-card .customer-form-grid .input, .customer-onboarding-card .customer-form-section .input, .customer-onboarding-card select, .customer-onboarding-card textarea{font-size:15px!important} .customer-onboarding-card .customer-form-grid input::placeholder, .customer-onboarding-card .customer-form-grid textarea::placeholder{font-size:14px!important} /* ========================================================= EngiCore Stage 18.4b - Customer 360 / Site 360 management ========================================================= */ /* Customer identity and contact readability */ .customer360-hero h1{font-size:34px!important;line-height:1.08!important;letter-spacing:-.035em!important} .customer-contact-top strong,.customer-portal-account-head strong{font-size:13.5px!important;line-height:1.35!important} .customer-contact-top span,.customer-portal-account-head span{font-size:10.5px!important} .customer-contact-methods{font-size:11.5px!important;line-height:1.55!important} .customer-profile-card-head h3{font-size:19px!important} .customer-profile-card address{font-size:13.5px!important} /* Explicit edit/delete controls */ .customer-contact-card{position:relative!important} .customer-contact-card-actions,.authorised-person-actions{display:flex!important;align-items:center!important;gap:6px!important;margin-left:auto!important} .customer-contact-card-actions form,.authorised-person-actions form,.customer-address-delete{margin:0!important} .customer-mini-action{width:31px!important;height:31px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid #dbe4f0!important;border-radius:10px!important;background:#fff!important;color:#536a89!important;font-size:16px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important;box-shadow:0 5px 14px rgba(20,37,62,.06)!important} .customer-mini-action:hover{border-color:#cabdff!important;background:#f8f5ff!important;color:#6538dc!important;transform:translateY(-1px)!important} .customer-mini-action.danger{border-color:#f0d4da!important;color:#c33b55!important;background:#fff8fa!important} .customer-mini-action.danger:hover{border-color:#e9aeb9!important;background:#ffeff2!important;color:#a51e3d!important} .authorised-account-person{position:relative!important} .customer-address-delete{margin-top:13px!important} .customer-address-delete .btn{width:100%!important;justify-content:center!important} /* Keep edit dialogs to one scrollbar - the outer modal card only. */ .customer-details-dialog .modal-card,.site-edit-dialog .modal-card{max-height:min(90vh,900px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important} .customer-details-edit-scroll,.site-edit-scroll{display:flex!important;flex-direction:column!important;gap:14px!important;max-height:none!important;overflow:visible!important;padding:2px 4px 8px 0!important} .customer-details-dialog .modal-actions,.site-edit-dialog .modal-actions{position:sticky!important;bottom:-1px!important;z-index:4!important;margin:8px -2px -2px!important;padding:14px 2px 2px!important;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 26%)!important} .contact-edit-dialog .modal-card{width:min(780px,calc(100vw - 30px))!important} .contact-edit-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .authorised-contact-toggle{grid-column:1/-1!important;padding:10px 12px!important;border-radius:12px!important;background:#f2edff!important;color:#49369a!important;font-weight:800!important} /* Existing GoCardless mandate chooser */ .direct-debit-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .direct-debit-existing-link{text-decoration:none!important;color:inherit!important;display:flex!important;gap:12px!important;align-items:flex-start!important} .direct-debit-choice-icon{width:30px!important;height:30px!important;flex:0 0 30px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:linear-gradient(135deg,#17b979,#36d7a4)!important;color:#fff!important;font-weight:900!important;box-shadow:0 8px 18px rgba(23,185,121,.2)!important} .existing-mandates-dialog .modal-card{width:min(720px,calc(100vw - 30px))!important;max-height:88vh!important;overflow:auto!important} .existing-mandate-list{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:12px!important} .existing-mandate-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;padding:15px 16px!important;border:1px solid #dfe7f1!important;border-radius:16px!important;background:linear-gradient(135deg,#fff,#f8fbff)!important;box-shadow:0 8px 22px rgba(20,36,62,.05)!important} .existing-mandate-card>div{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:4px 9px!important;align-items:center!important;min-width:0!important} .existing-mandate-card strong{font-size:13px!important;color:#1b3150!important;min-width:0!important;overflow-wrap:anywhere!important} .existing-mandate-card small,.existing-mandate-card code,.existing-mandate-card>div>span:last-child{grid-column:2!important;font-size:10px!important;color:#728299!important;overflow-wrap:anywhere!important} .existing-mandate-card code{padding:0!important;background:transparent!important;color:#536987!important} /* Site 360 - vibrant operational view */ .site-360-page{background:linear-gradient(180deg,#f3f6fb 0%,#edf3fa 100%)!important} .site360-hero{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:22px!important;margin-bottom:16px!important;padding:26px 28px!important;border-radius:24px!important;border:1px solid #dce5f2!important;background:radial-gradient(circle at 8% 12%,rgba(38,183,237,.14),transparent 24%),radial-gradient(circle at 90% 4%,rgba(119,66,255,.2),transparent 31%),linear-gradient(135deg,#fff,#f7f9ff 55%,#eef5ff)!important;box-shadow:0 16px 38px rgba(20,36,62,.07)!important;overflow:hidden!important;position:relative!important} .site360-hero:after{content:"";position:absolute!important;width:190px!important;height:190px!important;border:34px solid rgba(117,74,255,.05)!important;border-radius:50%!important;right:-90px!important;bottom:-105px!important;pointer-events:none!important} .site360-hero-main{display:flex!important;align-items:center!important;gap:17px!important;min-width:0!important;position:relative!important;z-index:1!important} .site360-icon{width:58px!important;height:58px!important;flex:0 0 58px!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:linear-gradient(135deg,#6941ef,#397cff)!important;color:#fff!important;font-size:27px!important;box-shadow:0 13px 28px rgba(79,72,230,.25)!important} .site360-hero h1{margin:7px 0 5px!important;font-size:32px!important;line-height:1.08!important;letter-spacing:-.035em!important;color:#152a47!important} .site360-hero p{margin:0!important;font-size:12.5px!important;line-height:1.55!important;color:#6b7e98!important} .site360-hero-tags{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:11px!important} .site360-hero-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;position:relative!important;z-index:1!important} .site360-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;margin-bottom:16px!important} .site360-metric{position:relative!important;display:flex!important;flex-direction:column!important;gap:5px!important;min-height:132px!important;padding:18px 19px!important;border-radius:19px!important;border:1px solid #e0e7f1!important;text-decoration:none!important;overflow:hidden!important;box-shadow:0 10px 26px rgba(20,36,62,.05)!important} .site360-metric:before{content:"";position:absolute!important;left:0!important;top:0!important;right:0!important;height:5px!important} .site360-metric:after{content:"";position:absolute!important;width:84px!important;height:84px!important;border-radius:50%!important;right:-32px!important;top:-31px!important;opacity:.08!important;background:currentColor!important} .site360-metric.purple{background:linear-gradient(145deg,#fff,#f8f4ff)!important;color:#7042df!important}.site360-metric.purple:before{background:linear-gradient(90deg,#7042df,#a752f3)!important} .site360-metric.blue{background:linear-gradient(145deg,#fff,#f1f8ff)!important;color:#2783d7!important}.site360-metric.blue:before{background:linear-gradient(90deg,#2783d7,#38b9ec)!important} .site360-metric.green{background:linear-gradient(145deg,#fff,#effbf7)!important;color:#17a879!important}.site360-metric.green:before{background:linear-gradient(90deg,#17a879,#34d6a3)!important} .site360-metric.orange{background:linear-gradient(145deg,#fff,#fff7ee)!important;color:#e9892c!important}.site360-metric.orange:before{background:linear-gradient(90deg,#e9892c,#ffb33d)!important} .site360-metric>span{margin-top:5px!important;font-size:9px!important;letter-spacing:.07em!important;text-transform:uppercase!important;font-weight:900!important;color:#8090a6!important} .site360-metric>strong{font-size:20px!important;line-height:1.18!important;color:#1d3352!important;overflow-wrap:anywhere!important} .site360-metric>small{margin-top:auto!important;font-size:10px!important;line-height:1.5!important;color:#71839b!important} a.site360-metric:hover{transform:translateY(-2px)!important;box-shadow:0 14px 31px rgba(20,36,62,.09)!important} .site360-info-grid{display:grid!important;grid-template-columns:1fr 1fr 1.15fr!important;gap:13px!important;margin-bottom:16px!important} .site360-info-card{position:relative!important;min-height:225px!important;padding:20px!important;border-radius:20px!important;border:1px solid #e1e8f2!important;box-shadow:0 10px 28px rgba(20,36,62,.05)!important;overflow:hidden!important} .site360-info-card.address{background:linear-gradient(145deg,#fff,#f5f2ff)!important}.site360-info-card.contact{background:linear-gradient(145deg,#fff,#f0f9ff)!important}.site360-info-card.intelligence{background:linear-gradient(145deg,#fff,#f2fbf8)!important} .site360-info-card:before{content:"";position:absolute!important;left:0!important;top:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,#7650ed,#aa57f3)!important}.site360-info-card.contact:before{background:linear-gradient(90deg,#299fe3,#4bc8eb)!important}.site360-info-card.intelligence:before{background:linear-gradient(90deg,#17ae7e,#45d5a9)!important} .site360-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:15px!important}.site360-card-head h2{margin:6px 0 0!important;font-size:19px!important;color:#19304f!important}.site360-card-icon{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:rgba(102,68,225,.1)!important;color:#6745d4!important;font-weight:900!important;font-size:16px!important} .site360-info-card.contact .site360-card-icon{background:#e7f6ff!important;color:#1c91d1!important}.site360-info-card.intelligence .site360-card-icon{background:#e8f8f2!important;color:#138b65!important} .site360-address{margin:0!important;font-size:14px!important;line-height:1.75!important;font-weight:700!important;color:#425a79!important} .site360-contact-name{display:block!important;margin:2px 0 8px!important;font-size:15px!important;color:#263e5d!important}.site360-contact-lines{display:flex!important;flex-direction:column!important;gap:5px!important;font-size:11.5px!important;color:#60748f!important;overflow-wrap:anywhere!important} .site360-intel-row{padding:10px 0!important;border-top:1px solid rgba(115,135,160,.15)!important}.site360-intel-row:first-of-type{border-top:0!important;padding-top:0!important}.site360-intel-row strong{display:block!important;margin-bottom:3px!important;font-size:10px!important;color:#35516f!important;text-transform:uppercase!important;letter-spacing:.04em!important}.site360-intel-row p{margin:0!important;font-size:11px!important;line-height:1.55!important;color:#6b7d94!important} .site360-edit-link{display:inline-flex!important;margin-top:14px!important;padding:0!important;border:0!important;background:transparent!important;color:#6543d4!important;font-size:10.5px!important;font-weight:900!important;cursor:pointer!important}.site360-edit-link:hover{text-decoration:underline!important} .site360-colour-card,.site360-table-card{position:relative!important;margin-top:16px!important;border-radius:21px!important;border:1px solid #e0e7f1!important;overflow:hidden!important;box-shadow:0 11px 29px rgba(20,36,62,.05)!important} .site360-colour-card:before,.site360-table-card:before{content:"";position:absolute!important;left:0!important;right:0!important;top:0!important;height:5px!important;background:linear-gradient(90deg,#377deb,#35b9ed)!important}.site360-colour-card.amber:before{background:linear-gradient(90deg,#f0a12b,#ffca45)!important}.site360-colour-card.purple:before{background:linear-gradient(90deg,#7044e6,#ad54f1)!important}.site360-table-card:nth-of-type(even):before{background:linear-gradient(90deg,#17a97a,#3bd0a2)!important} .site360-colour-card .section-head h2,.site360-table-card .section-head h2{font-size:20px!important;color:#1b3150!important} .site360-table-card thead th{background:#f4f7fc!important;color:#59708f!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.055em!important} .site360-table-card tbody tr:hover{background:#f8faff!important} .site-edit-dialog .modal-card{width:min(930px,calc(100vw - 30px))!important;max-width:930px!important}.site-edit-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-edit-dialog .input{font-size:13px!important} /* Dark mode */ html[data-theme="dark"] .site-360-page{background:#101b2c!important} html[data-theme="dark"] .site360-hero,html[data-theme="dark"] .site360-metric,html[data-theme="dark"] .site360-info-card,html[data-theme="dark"] .site360-colour-card,html[data-theme="dark"] .site360-table-card,html[data-theme="dark"] .existing-mandate-card{background:#15243a!important;border-color:#2b3e57!important;box-shadow:none!important} html[data-theme="dark"] .site360-hero h1,html[data-theme="dark"] .site360-metric>strong,html[data-theme="dark"] .site360-card-head h2,html[data-theme="dark"] .site360-contact-name,html[data-theme="dark"] .site360-colour-card .section-head h2,html[data-theme="dark"] .site360-table-card .section-head h2,html[data-theme="dark"] .existing-mandate-card strong{color:#edf5fc!important} html[data-theme="dark"] .site360-hero p,html[data-theme="dark"] .site360-metric>small,html[data-theme="dark"] .site360-address,html[data-theme="dark"] .site360-contact-lines,html[data-theme="dark"] .site360-intel-row p,html[data-theme="dark"] .existing-mandate-card small,html[data-theme="dark"] .existing-mandate-card code,html[data-theme="dark"] .existing-mandate-card>div>span:last-child{color:#9fb0c5!important} html[data-theme="dark"] .site360-table-card thead th{background:#102036!important;color:#a9b8ca!important} html[data-theme="dark"] .site360-table-card tbody tr:hover{background:#182940!important} html[data-theme="dark"] .customer-mini-action{background:#17283f!important;border-color:#34465f!important;color:#c3d1e1!important} html[data-theme="dark"] .customer-details-dialog .modal-actions,html[data-theme="dark"] .site-edit-dialog .modal-actions{background:linear-gradient(180deg,rgba(21,36,58,0),#15243a 26%)!important} @media(max-width:1120px){.site360-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site360-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site360-info-card.intelligence{grid-column:1/-1!important}.direct-debit-choice-grid{grid-template-columns:1fr!important}} @media(max-width:760px){.customer360-hero h1{font-size:29px!important}.site360-hero{align-items:flex-start!important;flex-direction:column!important;padding:21px!important}.site360-hero h1{font-size:27px!important}.site360-hero-actions{justify-content:flex-start!important;width:100%!important}.site360-metrics,.site360-info-grid{grid-template-columns:1fr!important}.site360-info-card.intelligence{grid-column:auto!important}.site-edit-dialog .form-grid,.contact-edit-dialog .form-grid{grid-template-columns:1fr!important}.existing-mandate-card{grid-template-columns:1fr!important}.existing-mandate-card .btn{width:100%!important}.customer-details-edit-scroll,.site-edit-scroll{max-height:none!important}} /* Stage 18.4b: all Customer Account Settings scrolling is on the outer dialog only. */ .customer-account-settings-dialog .modal-card{max-height:min(90vh,920px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important} .customer-account-settings-scroll{overflow:visible!important;max-height:none!important;padding-right:0!important} .customer-account-settings-dialog .modal-actions{position:sticky!important;bottom:-1px!important;z-index:4!important;margin:8px -2px -2px!important;padding:14px 2px 2px!important;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 26%)!important} html[data-theme="dark"] .customer-account-settings-dialog .modal-actions{background:linear-gradient(180deg,rgba(20,34,56,0),#142238 26%)!important} .direct-debit-existing-link.is-disabled{opacity:.55!important;cursor:not-allowed!important;filter:grayscale(.2)!important}.direct-debit-existing-link.is-disabled:hover{transform:none!important;box-shadow:none!important} /* ===== Stage 18.5 Engineer Intelligence / Site Intelligence ===== */ .site185-hero-photo{width:82px!important;height:82px!important;flex:0 0 82px!important;object-fit:cover!important;border-radius:22px!important;border:4px solid rgba(255,255,255,.82)!important;box-shadow:0 14px 32px rgba(25,50,91,.18)!important} .site185-engineer-btn{background:linear-gradient(135deg,#102b56,#1b4e8e)!important;color:#fff!important;border-color:#1b4e8e!important;box-shadow:0 10px 22px rgba(20,57,104,.18)!important} .site185-warning-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0 0 16px} .site185-warning{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border-radius:17px;border:1px solid #f1cf91;background:linear-gradient(135deg,#fffaf0,#fff2da);box-shadow:0 7px 18px rgba(116,79,22,.06)} .site185-warning.critical{border-color:#f0b7c0;background:linear-gradient(135deg,#fff8f9,#ffe9ed)} .site185-warning>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:11px;background:#fff;color:#b66800;font-weight:900;box-shadow:0 5px 14px rgba(145,91,11,.1)} .site185-warning.critical>span{color:#c12d4b}.site185-warning>div{display:flex;flex-direction:column;gap:3px}.site185-warning strong{font-size:12px;color:#543b16}.site185-warning.critical strong{color:#6f2130}.site185-warning small{font-size:10px;line-height:1.45;color:#7b6a50} .site185-pinned-strip{display:flex;align-items:flex-start;gap:13px;margin:0 0 16px;padding:14px 16px;border:1px solid #dccff9;border-radius:18px;background:linear-gradient(135deg,#fbf8ff,#f3edff);box-shadow:0 8px 22px rgba(78,55,128,.06)} .site185-pin{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:30px;padding:0 8px;border-radius:10px;background:linear-gradient(135deg,#6d42e7,#9b54f0);color:#fff;font-size:9px;font-weight:900;letter-spacing:.06em} .site185-pinned-strip>div{display:flex;flex-direction:column;gap:4px}.site185-pinned-strip strong{font-size:12px;color:#2b3158}.site185-pinned-strip p{margin:0;font-size:11px;line-height:1.5;color:#65708c} .site185-control-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-bottom:16px}.site185-control-card{position:relative;padding:20px!important;border-radius:21px!important;border:1px solid #dfe6f1!important;overflow:hidden}.site185-control-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#13a875,#40d1a5)}.site185-control-card.warranty:before{background:linear-gradient(90deg,#297ed9,#7c55ec)} .site185-control-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}.site185-control-head h2{font-size:20px;margin:5px 0 0;color:#1d3150}.site185-control-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#ece9ff;color:#6650d9;font-weight:900} .site185-kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.site185-kv>div{padding:11px 12px;border:1px solid #e7ecf4;border-radius:13px;background:#fafcff}.site185-kv span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#8a98aa}.site185-kv strong{display:block;margin-top:5px;font-size:11px;color:#2c405d;overflow-wrap:anywhere}.site185-cover-text{margin:13px 0 0;font-size:11px;line-height:1.55;color:#62738a} .site185-warranty-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.site185-warranty-grid>div{padding:12px 8px;text-align:center;border-radius:13px;background:#f7f9fc;border:1px solid #e7ebf2}.site185-warranty-grid strong{display:block;font-size:22px;color:#293c58}.site185-warranty-grid span{font-size:8.5px;color:#7a899d}.site185-warranty-grid .good{background:#effaf5;border-color:#cdeedf}.site185-warranty-grid .warn{background:#fff9ed;border-color:#f2ddb1}.site185-warranty-grid .bad{background:#fff2f4;border-color:#efcbd1} .site185-warning-manager{margin-bottom:16px!important;border-radius:21px!important;border:1px solid #e1e7f1!important}.site185-flag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.site185-flag-option{display:grid!important;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;padding:13px!important;border:1px solid #e1e7f1;border-radius:15px;background:#fbfcfe;cursor:pointer}.site185-flag-option.critical{background:#fffafb;border-color:#edd8dc}.site185-flag-check{display:flex;align-items:center;gap:7px}.site185-flag-check input{margin-top:9px;accent-color:#723fe5}.site185-flag-check b{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f2edff;color:#7041de;font-size:10px}.site185-flag-option.critical .site185-flag-check b{background:#ffecef;color:#bd3450}.site185-flag-option>span:last-child{display:flex;flex-direction:column;gap:7px}.site185-flag-option strong{font-size:11px;color:#31435e}.site185-flag-option .input{min-height:38px!important;font-size:10px!important}.site185-readonly-flags{display:flex;flex-wrap:wrap;gap:8px} .site185-media-section{margin-bottom:16px!important;border-radius:21px!important;border:1px solid #e0e7f1!important}.site185-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.site185-photo-card{overflow:hidden;border:1px solid #e1e7ef;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(20,36,62,.05)}.site185-photo-card>a{display:block;aspect-ratio:4/3;background:#eef3f9}.site185-photo-card img{width:100%;height:100%;object-fit:cover;display:block}.site185-photo-card>div:not(.site185-media-actions){display:flex;flex-direction:column;gap:4px;padding:12px}.site185-photo-card span{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#8a98aa}.site185-photo-card strong{font-size:11px;color:#283b57}.site185-photo-card small{font-size:9px;color:#8390a2}.site185-media-actions{display:flex;gap:6px;padding:0 12px 12px;flex-wrap:wrap}.site185-media-actions form{margin:0} .site185-two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.site185-documents,.site185-notes,.site185-timeline-card{border-radius:21px!important;border:1px solid #e0e7f1!important}.site185-file-list{display:flex;flex-direction:column;gap:8px}.site185-file-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid #e6ebf3;border-radius:13px;background:#fafcfe}.site185-file-row.controlled{background:#f7f5ff;border-color:#e2daf8}.site185-file-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#eaf2ff;color:#2c77c7;font-size:8px;font-weight:900}.site185-file-row.controlled .site185-file-icon{background:#eee9ff;color:#7044dc}.site185-file-row>div:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.site185-file-row strong{font-size:11px;color:#2c3f5a}.site185-file-row span{font-size:9px;color:#8290a2;overflow-wrap:anywhere}.site185-file-row form{margin:0} .site185-note-form{padding:12px;border:1px solid #e4e9f1;border-radius:15px;background:#fafcff;margin-bottom:12px}.site185-note-form>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.site185-note-form label{font-size:9px;color:#697b92}.site185-note-list{display:flex;flex-direction:column;gap:8px}.site185-note-row{display:flex;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:13px;border:1px solid #e5eaf2;background:#fcfdff}.site185-note-row.pinned{background:#faf6ff;border-color:#dfd4f5}.site185-note-row>div:first-child{min-width:0}.site185-note-row span{font-size:8px;font-weight:900;color:#7650d9;letter-spacing:.04em}.site185-note-row p{margin:5px 0;font-size:10.5px;line-height:1.5;color:#4f6178}.site185-note-row small{font-size:8.5px;color:#8a97a8}.site185-note-actions{display:flex;gap:5px}.site185-note-actions form{margin:0} .site185-history-grid{align-items:start}.site185-timeline{display:flex;flex-direction:column;position:relative}.site185-timeline article{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:0 0 15px;position:relative}.site185-timeline article:not(:last-child):before{content:"";position:absolute;left:7px;top:14px;bottom:0;width:2px;background:#e5eaf3}.site185-timeline-dot{width:16px;height:16px;border:4px solid #e6eeff;border-radius:50%;background:#4d79db;z-index:1}.site185-timeline-dot.job{background:#7650df;border-color:#eee8ff}.site185-timeline-dot.asset{background:#15a77a;border-color:#e4f8f0}.site185-timeline-dot.document{background:#e58b2d;border-color:#fff1df}.site185-timeline article div{display:flex;flex-direction:column;gap:3px}.site185-timeline a{text-decoration:none}.site185-timeline strong{font-size:10.5px;color:#2b3d59}.site185-timeline p{margin:0;font-size:9px;line-height:1.45;color:#748398}.site185-timeline small{font-size:8px;color:#95a0ae} /* Engineer View */ .engineer-brief-page{margin:0;background:linear-gradient(180deg,#eef3fa,#f8fafc);color:#20324b}.engineer-brief-shell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:16px 0 34px}.engineer-brief-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;font-size:11px;font-weight:800}.engineer-brief-top a{color:#365c91;text-decoration:none}.engineer-brief-top span{color:#758399}.engineer-brief-hero{display:grid;grid-template-columns:minmax(0,330px) 1fr;min-height:250px;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#0d2b55,#294d82 58%,#7042c6);box-shadow:0 20px 54px rgba(21,42,76,.2);margin-bottom:14px}.engineer-brief-hero img{width:100%;height:100%;min-height:250px;object-fit:cover}.engineer-brief-hero>div{padding:32px;display:flex;flex-direction:column;justify-content:center}.engineer-brief-hero span,.engineer-brief-heading>span,.engineer-brief-grid article>span{font-size:9px;font-weight:900;letter-spacing:.09em;color:#9dc8ff}.engineer-brief-hero h1{margin:8px 0 7px;font-size:36px;line-height:1.05;color:#fff}.engineer-brief-hero p{margin:0 0 12px;font-size:13px;line-height:1.55;color:#dbe8f8}.engineer-brief-hero strong{font-size:11px;color:#fff} .engineer-brief-alerts{padding:18px;border-radius:20px;background:#fff;border:1px solid #e0e6ef;margin-bottom:14px}.engineer-brief-alerts h2{margin:0 0 12px;font-size:17px}.engineer-brief-alerts>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.engineer-brief-alerts article{display:flex;gap:10px;padding:12px;border-radius:14px;background:#fff7e9;border:1px solid #f1d8a4}.engineer-brief-alerts article.critical{background:#fff0f3;border-color:#edc4cc}.engineer-brief-alerts b{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#bd6d08;font-size:9px}.engineer-brief-alerts .critical b{color:#bd304c}.engineer-brief-alerts article span{display:flex;flex-direction:column;gap:3px}.engineer-brief-alerts strong{font-size:11px}.engineer-brief-alerts small{font-size:9px;line-height:1.45;color:#6d7581} .engineer-brief-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.engineer-brief-grid article{padding:16px;border-radius:17px;background:#fff;border:1px solid #e1e7f0;box-shadow:0 7px 19px rgba(21,42,76,.04)}.engineer-brief-grid article>span{color:#7c8ca1}.engineer-brief-grid h2{font-size:15px;margin:7px 0;color:#243852}.engineer-brief-grid p,.engineer-brief-grid a{display:block;margin:3px 0;font-size:10px;line-height:1.55;color:#60728a;text-decoration:none;overflow-wrap:anywhere} .engineer-brief-section{padding:20px;border-radius:20px;background:#fff;border:1px solid #e0e7f0;margin-bottom:14px}.engineer-brief-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:13px}.engineer-brief-heading>span{color:#718399}.engineer-brief-heading h2{margin:0;font-size:19px;color:#21354f}.engineer-brief-heading h2 small{font-size:9px;font-weight:600;color:#8391a2}.engineer-brief-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.engineer-brief-notes article{padding:12px;border-radius:14px;background:#faf6ff;border:1px solid #dfd3f5}.engineer-brief-notes strong{font-size:9px;color:#7552c9}.engineer-brief-notes p{margin:5px 0;font-size:11px;line-height:1.5}.engineer-brief-notes small{font-size:8px;color:#8995a5} .engineer-brief-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.engineer-brief-photos a{display:flex;flex-direction:column;text-decoration:none;border-radius:14px;overflow:hidden;border:1px solid #e3e8ef;background:#fbfcfe}.engineer-brief-photos img{width:100%;aspect-ratio:4/3;object-fit:cover}.engineer-brief-photos span{padding:8px;font-size:9px;color:#52657d;font-weight:700} .engineer-brief-assets,.engineer-brief-jobs,.engineer-brief-files{display:flex;flex-direction:column;gap:7px}.engineer-brief-assets>a,.engineer-brief-jobs>a,.engineer-brief-files>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e6ebf2;border-radius:13px;text-decoration:none;color:inherit;background:#fbfcfe}.engineer-brief-assets>a>div,.engineer-brief-jobs>a>div,.engineer-brief-files>a{min-width:0}.engineer-brief-assets strong,.engineer-brief-jobs strong,.engineer-brief-files strong{font-size:10.5px}.engineer-brief-assets span,.engineer-brief-jobs span,.engineer-brief-files span{display:block;margin-top:2px;font-size:9px;color:#6e7f93}.engineer-brief-assets small,.engineer-brief-jobs small{display:block;margin-top:2px;font-size:8.5px;color:#8a97a8}.engineer-brief-assets em{font-style:normal;font-size:8px;font-weight:900;padding:5px 8px;border-radius:999px;background:#eef2f7;color:#697a8f}.engineer-brief-assets em.good{background:#e9f8f1;color:#13855e}.engineer-brief-assets em.fault,.engineer-brief-assets em.offline{background:#ffecef;color:#b52e49}.engineer-brief-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 2px}.engineer-brief-footer span{font-size:8.5px;color:#8491a1} html[data-theme="dark"] .site185-warning,body.dark .site185-warning{background:#30271a;border-color:#5b4726} html[data-theme="dark"] .site185-warning.critical,body.dark .site185-warning.critical{background:#351e28;border-color:#633142}html[data-theme="dark"] .site185-pinned-strip,body.dark .site185-pinned-strip{background:#211d3a;border-color:#403568}html[data-theme="dark"] .site185-control-card,html[data-theme="dark"] .site185-warning-manager,html[data-theme="dark"] .site185-media-section,html[data-theme="dark"] .site185-documents,html[data-theme="dark"] .site185-notes,html[data-theme="dark"] .site185-timeline-card,body.dark .site185-control-card,body.dark .site185-warning-manager,body.dark .site185-media-section,body.dark .site185-documents,body.dark .site185-notes,body.dark .site185-timeline-card{background:#15243a!important;border-color:#2b3e57!important}.engineer-brief-page.dark{background:#0c1828} html[data-theme="dark"] .site185-control-head h2,html[data-theme="dark"] .site185-kv strong,html[data-theme="dark"] .site185-flag-option strong,html[data-theme="dark"] .site185-file-row strong,html[data-theme="dark"] .site185-note-row p,html[data-theme="dark"] .site185-timeline strong{color:#edf5fc} html[data-theme="dark"] .site185-kv>div,html[data-theme="dark"] .site185-warranty-grid>div,html[data-theme="dark"] .site185-flag-option,html[data-theme="dark"] .site185-file-row,html[data-theme="dark"] .site185-note-form,html[data-theme="dark"] .site185-note-row{background:#102036;border-color:#2b3d55} @media(max-width:1050px){.site185-control-grid,.site185-two-column{grid-template-columns:1fr}.site185-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site185-kv{grid-template-columns:repeat(2,minmax(0,1fr))}.engineer-brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.engineer-brief-photos{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:720px){.site185-hero-photo{width:68px!important;height:68px!important;flex-basis:68px!important}.site185-flag-grid,.site185-photo-grid,.site185-kv,.site185-warranty-grid{grid-template-columns:1fr}.site185-file-row{grid-template-columns:auto minmax(0,1fr) auto}.site185-file-row>form{grid-column:3}.engineer-brief-shell{width:min(100% - 16px,1120px)}.engineer-brief-hero{grid-template-columns:1fr}.engineer-brief-hero img{height:200px;min-height:200px}.engineer-brief-hero>div{padding:23px}.engineer-brief-hero h1{font-size:29px}.engineer-brief-alerts>div,.engineer-brief-grid,.engineer-brief-notes{grid-template-columns:1fr}.engineer-brief-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.engineer-brief-heading{align-items:flex-start;flex-direction:column}.engineer-brief-assets>a,.engineer-brief-jobs>a{align-items:flex-start}.engineer-brief-footer{align-items:flex-start;flex-direction:column}} .customer185-timeline-card{margin-top:16px!important;border-radius:21px!important;border:1px solid #e0e7f1!important;position:relative;overflow:hidden}.customer185-timeline-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#6c45e3,#3396e7,#19aa7c)}.customer185-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.customer185-timeline article{break-inside:avoid}.customer185-timeline .site185-timeline-dot.quote{background:#8c58df;border-color:#f0e9ff}.customer185-timeline .site185-timeline-dot.invoice{background:#1c9a72;border-color:#e7f7f0}.customer185-timeline .site185-timeline-dot.site{background:#3190d7;border-color:#e5f3ff}@media(max-width:760px){.customer185-timeline{grid-template-columns:1fr}} html[data-theme="dark"] .customer185-timeline-card{background:#15243a!important;border-color:#2b3e57!important} .engineer-brief-feedback{margin:0 0 14px!important}.engineer-brief-capture{border-color:#d7e6f7;background:linear-gradient(135deg,#fff,#f7fbff)}.engineer-brief-capture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.engineer-brief-capture-grid form{padding:14px;border:1px solid #e0e8f2;border-radius:15px;background:#fff}.engineer-brief-capture-grid label{display:block;margin-bottom:10px;font-size:9px;font-weight:800;color:#687b93}.engineer-brief-capture-grid .input{display:block;width:100%;margin-top:5px;box-sizing:border-box}.engineer-brief-pin-check{display:flex!important;align-items:center;gap:7px}.engineer-brief-pin-check input{accent-color:#6550db}.engineer-brief-asset-static,.engineer-brief-job-static{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e6ebf2;border-radius:13px;background:#fbfcfe}.engineer-brief-files>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e6ebf2;border-radius:13px;background:#fbfcfe} @media(max-width:720px){.engineer-brief-capture-grid{grid-template-columns:1fr}} /* ========================================================== EngiCore Stage 18.5a — full-page New Customer workspace Layout-only refresh. Customer 360 remains unchanged. ========================================================== */ .customer-new-page{ background:linear-gradient(180deg,#f7f9fd 0%,#f1f5fb 100%)!important; min-width:0!important; } .customer-new-page>.top{ margin-bottom:18px!important; } .customer-new-page-heading{ display:flex!important; align-items:flex-end!important; justify-content:space-between!important; gap:18px!important; margin:2px 0 18px!important; } .customer-new-page-heading h1{ margin:0 0 8px!important; color:#122540!important; font-size:34px!important; line-height:1.05!important; letter-spacing:-.035em!important; } .customer-breadcrumb{ display:flex!important; align-items:center!important; gap:8px!important; flex-wrap:wrap!important; color:#718198!important; font-size:12px!important; font-weight:800!important; } .customer-breadcrumb a{color:#1d73e8!important} .customer-breadcrumb strong{color:#49617f!important} .customer-new-page-form{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; } .customer-new-section-stack{ display:flex!important; flex-direction:column!important; gap:16px!important; } .customer-new-page .customer-form-section{ margin:0!important; padding:22px 24px!important; border:1px solid #dfe6f0!important; border-radius:22px!important; background:#fff!important; box-shadow:0 10px 28px rgba(24,40,72,.055)!important; overflow:visible!important; } .customer-new-page .customer-form-section-head{ margin-bottom:20px!important; align-items:flex-start!important; } .customer-new-page .customer-form-section-head h3{ margin:2px 0 4px!important; font-size:21px!important; letter-spacing:-.018em!important; } .customer-new-page .customer-form-section-head p{ font-size:12.5px!important; color:#75859b!important; } .customer-new-page .customer-form-icon{ width:46px!important; height:46px!important; min-width:46px!important; border-radius:15px!important; font-size:12px!important; } .customer-new-page .customer-form-grid{ gap:15px 18px!important; } .customer-new-page .customer-form-grid label, .customer-new-page .customer-service-top-grid>label, .customer-new-page .customer-pin-layout>label{ margin:0!important; } .customer-new-page .customer-form-grid label>span, .customer-new-page .customer-service-top-grid>label>span, .customer-new-page .customer-pin-layout>label>span{ font-size:11.5px!important; line-height:1.25!important; font-weight:900!important; color:#28405f!important; } .customer-new-page .input{ min-height:43px!important; padding:10px 13px!important; border-radius:10px!important; border-color:#d5deea!important; background:#fff!important; color:#18304f!important; font-size:13px!important; font-weight:600!important; box-shadow:inset 0 1px 1px rgba(19,37,64,.015)!important; } .customer-new-page textarea.input{min-height:82px!important;resize:vertical!important} .customer-new-page .input:focus{ border-color:#7d69eb!important; box-shadow:0 0 0 3px rgba(111,77,230,.09)!important; } .customer-identity-grid{ display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; } .customer-identity-grid>label{grid-column:span 3!important} .customer-identity-grid>label:nth-last-child(-n+3){grid-column:span 2!important} .customer-account-profile-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:16px 18px!important; } .customer-new-page .customer-vat-row{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px 24px!important; } .customer-new-page .customer-vat-status-field{ align-self:end!important; } .customer-new-page .customer-vat-status{ min-height:43px!important; border-radius:11px!important; } .customer-new-page .customer-toggle-card.compact{ margin-top:2px!important; padding:12px 14px!important; border-radius:14px!important; } .customer-finance-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px 18px!important; } .customer-finance-grid>label{min-width:0!important} .customer-finance-wide{grid-column:1/-1!important} .customer-new-page .direct-debit-choice{ margin:2px 0 0!important; border-radius:18px!important; } .customer-service-top-grid{ display:grid!important; grid-template-columns:minmax(240px,.8fr) minmax(0,2.2fr)!important; align-items:start!important; gap:18px!important; margin-bottom:18px!important; } .customer-new-page .customer-service-selector{ padding:15px 16px!important; border-radius:17px!important; min-height:100%!important; } .customer-new-page .customer-chip-checks{ gap:8px!important; margin-top:10px!important; } .customer-new-page .customer-chip-checks span{ min-height:34px!important; padding:7px 12px!important; background:#fff!important; } .customer-compliance-grid-five{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; } .customer-new-page .customer-compliance-grid-five .operational-rule-toggle{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; min-height:178px!important; gap:10px!important; padding:16px!important; border-radius:19px!important; background:linear-gradient(180deg,#fff,#fbfdff)!important; } .customer-new-page .customer-compliance-grid-five .rule-switch{ align-self:flex-end!important; } .customer-new-page .customer-compliance-grid-five .rule-copy{ flex:1 1 auto!important; } .customer-new-page .customer-compliance-grid-five .rule-copy strong{ font-size:14px!important; color:#17304f!important; } .customer-new-page .customer-compliance-grid-five .rule-copy small{ font-size:11px!important; line-height:1.48!important; } .customer-new-page .customer-compliance-grid-five .rule-enforcement{ align-self:center!important; min-width:0!important; padding:6px 11px!important; } .customer-high-security-rule{grid-column:2/4!important} .customer-new-lower-grid{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:16px!important; } .customer-new-lower-grid .customer-form-section{height:100%!important} .customer-delivery-toggle{ min-height:94px!important; margin:0!important; padding:16px!important; } .customer-delivery-fields{ margin-top:15px!important; padding-top:15px!important; border-top:1px solid #e9eef5!important; } .customer-pin-layout{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(260px,.9fr)!important; gap:24px!important; align-items:end!important; } .customer-pin-info{ display:flex!important; flex-direction:column!important; gap:5px!important; min-height:43px!important; justify-content:center!important; padding:10px 0!important; color:#5f7088!important; font-size:12px!important; line-height:1.45!important; } .customer-pin-info strong{color:#17304f!important;font-size:12.5px!important} .customer-notes-section textarea{min-height:112px!important} .customer-new-page-actions{ position:sticky!important; bottom:0!important; z-index:15!important; display:grid!important; grid-template-columns:auto 1fr auto!important; align-items:center!important; gap:16px!important; margin-top:18px!important; padding:14px 16px!important; border:1px solid #dfe6f0!important; border-radius:18px 18px 0 0!important; background:rgba(255,255,255,.96)!important; backdrop-filter:blur(14px)!important; box-shadow:0 -12px 35px rgba(20,36,62,.075)!important; } .customer-new-page-actions>.btn:first-child{justify-self:start!important} .customer-new-page-actions>.btn:last-child{ justify-self:end!important; min-width:180px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; } .customer-create-another{ justify-self:end!important; display:inline-flex!important; align-items:center!important; gap:8px!important; margin:0!important; color:#64758c!important; font-size:11.5px!important; font-weight:800!important; } .customer-create-another input{width:16px!important;height:16px!important} html[data-theme="dark"] .customer-new-page{background:linear-gradient(180deg,#0f1a2a,#101c2d)!important} html[data-theme="dark"] .customer-new-page-heading h1{color:#f1f6fb!important} html[data-theme="dark"] .customer-breadcrumb strong{color:#b8c7da!important} html[data-theme="dark"] .customer-new-page .customer-form-section, html[data-theme="dark"] .customer-new-page .customer-service-selector{ background:#16253a!important; border-color:#2c3e56!important; box-shadow:none!important; } html[data-theme="dark"] .customer-new-page .input{background:#101e31!important;border-color:#334861!important;color:#eff5fb!important} html[data-theme="dark"] .customer-new-page .customer-compliance-grid-five .operational-rule-toggle{background:linear-gradient(180deg,#16253a,#132238)!important;border-color:#31435a!important} html[data-theme="dark"] .customer-new-page .customer-compliance-grid-five .rule-copy strong, html[data-theme="dark"] .customer-pin-info strong{color:#eef5fb!important} html[data-theme="dark"] .customer-pin-info{color:#9fb0c5!important} html[data-theme="dark"] .customer-new-page-actions{background:rgba(19,34,55,.96)!important;border-color:#2c3e56!important} @media(max-width:1350px){ .customer-finance-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .customer-compliance-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))!important} .customer-high-security-rule{grid-column:auto!important} } @media(max-width:1050px){ .customer-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .customer-identity-grid>label,.customer-identity-grid>label:nth-last-child(-n+3){grid-column:auto!important} .customer-account-profile-grid{grid-template-columns:1fr 1fr!important} .customer-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .customer-service-top-grid{grid-template-columns:1fr!important} .customer-new-lower-grid{grid-template-columns:1fr!important} .customer-pin-layout{grid-template-columns:1fr!important} } @media(max-width:720px){ .customer-new-page{padding:18px!important} .customer-new-page-heading h1{font-size:28px!important} .customer-new-page .customer-form-section{padding:17px!important;border-radius:18px!important} .customer-identity-grid,.customer-account-profile-grid,.customer-finance-grid,.customer-new-page .customer-vat-row,.customer-compliance-grid-five{grid-template-columns:1fr!important} .customer-finance-wide{grid-column:auto!important} .customer-new-page-actions{grid-template-columns:1fr 1fr!important;gap:10px!important} .customer-create-another{grid-column:1/-1!important;grid-row:1!important;justify-self:start!important} .customer-new-page-actions>.btn:first-child{grid-column:1!important} .customer-new-page-actions>.btn:last-child{grid-column:2!important;min-width:0!important;width:100%!important} } /* ========================================================== EngiCore Stage 18.5b — Customer 360 activity feed polish ========================================================== */ .customer185-timeline-card{ padding-bottom:18px!important; } .customer185-timeline-card .section-head{ margin-bottom:14px!important; } .customer185-timeline{ display:flex!important; flex-direction:column!important; gap:9px!important; margin-top:2px!important; } .customer185-timeline:before, .customer185-timeline article:before{ display:none!important; content:none!important; } .customer185-timeline .customer185-event{ display:grid!important; grid-template-columns:44px minmax(0,1fr) 34px!important; align-items:center!important; gap:13px!important; min-height:76px!important; padding:11px 12px!important; margin:0!important; border:1px solid #e3e9f2!important; border-radius:15px!important; background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important; box-shadow:0 5px 16px rgba(31,49,76,.045)!important; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important; } .customer185-timeline .customer185-event:hover{ border-color:#ccd9eb!important; box-shadow:0 9px 24px rgba(31,49,76,.08)!important; transform:translateY(-1px)!important; } .customer185-event-icon{ width:44px!important; height:44px!important; display:grid!important; place-items:center!important; border-radius:13px!important; background:#eaf4ff!important; color:#2586cf!important; border:1px solid #d8eaff!important; font-size:20px!important; line-height:1!important; font-weight:900!important; } .customer185-event.job .customer185-event-icon{background:#f0ecff!important;color:#6d4ce2!important;border-color:#e3dcff!important} .customer185-event.document .customer185-event-icon{background:#fff3e5!important;color:#d67b1d!important;border-color:#ffe1bd!important} .customer185-event.quote .customer185-event-icon{background:#f3ecff!important;color:#7d50d9!important;border-color:#e8dcff!important} .customer185-event.invoice .customer185-event-icon{background:#e9f8f2!important;color:#14885f!important;border-color:#d1f0e4!important} .customer185-event.asset .customer185-event-icon{background:#e9f8f3!important;color:#15916a!important;border-color:#d5f0e6!important} .customer185-event.site_activity .customer185-event-icon{background:#edf3ff!important;color:#5278ca!important;border-color:#dce7ff!important} .customer185-event-body{ min-width:0!important; display:grid!important; gap:4px!important; } .customer185-event-meta{ display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:7px!important; min-width:0!important; } .customer185-event-type{ display:inline-flex!important; align-items:center!important; width:max-content!important; min-height:21px!important; padding:3px 8px!important; border-radius:999px!important; background:#eef5fc!important; color:#40698f!important; font-size:9.5px!important; line-height:1!important; font-weight:900!important; letter-spacing:.055em!important; text-transform:uppercase!important; } .customer185-event.job .customer185-event-type{background:#f1edff!important;color:#6848ce!important} .customer185-event.document .customer185-event-type{background:#fff2e2!important;color:#b96712!important} .customer185-event.quote .customer185-event-type{background:#f3edff!important;color:#784bcf!important} .customer185-event.invoice .customer185-event-type{background:#e8f7f1!important;color:#127653!important} .customer185-event.asset .customer185-event-type{background:#e7f7f1!important;color:#147857!important} .customer185-event-meta time{ color:#8997a9!important; font-size:10.5px!important; font-weight:700!important; } .customer185-event-meta time b{font-weight:800!important;color:#bec7d3!important;margin:0 2px!important} .customer185-event-title{ display:block!important; width:max-content!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:#183657!important; font-size:13.5px!important; line-height:1.35!important; font-weight:900!important; text-decoration:none!important; } a.customer185-event-title:hover{color:#256fc0!important} .customer185-event-detail{ display:block!important; width:max-content!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:#718198!important; font-size:11px!important; line-height:1.3!important; font-weight:700!important; } .customer185-event-open{ width:32px!important; height:32px!important; display:grid!important; place-items:center!important; border:1px solid #dde6f1!important; border-radius:10px!important; background:#f7faff!important; color:#466b92!important; text-decoration:none!important; font-size:17px!important; font-weight:900!important; transition:background .18s ease,border-color .18s ease,color .18s ease!important; } .customer185-event-open:hover{background:#edf5ff!important;border-color:#c9def5!important;color:#2577c5!important} .customer185-timeline-empty{ display:flex!important; flex-direction:column!important; gap:4px!important; padding:18px!important; border:1px dashed #d8e2ee!important; border-radius:14px!important; background:#fafcff!important; } .customer185-timeline-empty strong{font-size:12.5px!important;color:#26405f!important} .customer185-timeline-empty span{font-size:10.5px!important;color:#8190a2!important} html[data-theme="dark"] .customer185-timeline .customer185-event,body.dark .customer185-timeline .customer185-event{ background:linear-gradient(180deg,#17283e,#15253a)!important; border-color:#2d425b!important; box-shadow:none!important; } html[data-theme="dark"] .customer185-event-title,body.dark .customer185-event-title{color:#eef6fd!important} html[data-theme="dark"] .customer185-event-detail,body.dark .customer185-event-detail{color:#9caec3!important} html[data-theme="dark"] .customer185-event-open,body.dark .customer185-event-open{background:#1d3048!important;border-color:#344c68!important;color:#bdd1e5!important} html[data-theme="dark"] .customer185-timeline-empty,body.dark .customer185-timeline-empty{background:#14243a!important;border-color:#334a64!important} html[data-theme="dark"] .customer185-timeline-empty strong,body.dark .customer185-timeline-empty strong{color:#edf5fc!important} @media(max-width:720px){ .customer185-timeline .customer185-event{grid-template-columns:40px minmax(0,1fr) 30px!important;gap:10px!important;padding:10px!important;min-height:70px!important} .customer185-event-icon{width:40px!important;height:40px!important;border-radius:12px!important;font-size:18px!important} .customer185-event-title{font-size:12.5px!important} .customer185-event-detail{font-size:10.5px!important} } /* ========================================================== EngiCore Stage 18.5j — Customer 360 account timeline v2 ========================================================== */ .customer185-timeline-v2{ margin-top:18px!important; padding:28px!important; border:1px solid #dfe7f2!important; border-radius:24px!important; background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important; box-shadow:0 14px 34px rgba(34,53,82,.08)!important; overflow:hidden!important; position:relative!important; } .customer185-timeline-v2:before{ content:""!important; position:absolute!important; left:0!important;right:0!important;top:0!important; height:5px!important; display:block!important; background:linear-gradient(90deg,#6946f5 0%,#2d82f6 46%,#12a979 100%)!important; } .customer185-timeline-heading{ display:flex!important; justify-content:space-between!important; align-items:flex-start!important; gap:22px!important; margin-bottom:24px!important; } .customer185-timeline-heading h2{ margin:15px 0 7px!important; color:#17365b!important; font-size:28px!important; line-height:1.12!important; letter-spacing:-.02em!important; } .customer185-timeline-heading p{ margin:0!important; font-size:14px!important; color:#718198!important; line-height:1.55!important; } .customer185-timeline-kicker{ display:inline-flex!important; align-items:center!important; gap:8px!important; min-height:34px!important; padding:6px 13px!important; border-radius:999px!important; background:linear-gradient(90deg,#f1eaff,#eef4ff)!important; color:#6245df!important; font-size:11px!important; font-weight:900!important; letter-spacing:.065em!important; } .customer185-kicker-icon, .customer185-recent-icon, .customer185-date-icon, .customer185-time-icon{ display:inline-grid!important; place-items:center!important; flex:0 0 auto!important; } .customer185-kicker-icon{width:20px!important;height:20px!important;color:#6946f5!important} .customer185-kicker-icon svg, .customer185-recent-icon svg, .customer185-date-icon svg, .customer185-time-icon svg, .customer185-summary-icon svg, .customer185-event-icon svg, .customer185-event-open svg{ width:100%!important;height:100%!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important; } .customer185-recent-pill{ display:flex!important; align-items:center!important; gap:7px!important; min-height:44px!important; padding:0 15px!important; border:1px solid #dce5f0!important; border-radius:13px!important; background:#fff!important; color:#27456a!important; box-shadow:0 5px 14px rgba(35,56,85,.045)!important; white-space:nowrap!important; } .customer185-recent-pill strong{font-size:15px!important;color:#18375d!important} .customer185-recent-pill span:last-child{font-size:12px!important;font-weight:800!important;color:#64748b!important} .customer185-recent-icon{width:20px!important;height:20px!important;color:#315a8d!important} .customer185-summary-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; margin:0 0 26px!important; } .customer185-summary-card{ display:flex!important; align-items:center!important; gap:14px!important; min-width:0!important; min-height:110px!important; padding:18px!important; border:1px solid #e1e8f2!important; border-radius:17px!important; background:#fff!important; box-shadow:0 7px 19px rgba(39,58,87,.045)!important; } .customer185-summary-icon{ width:52px!important; height:52px!important; display:grid!important; place-items:center!important; flex:0 0 52px!important; padding:12px!important; border-radius:15px!important; color:#6845e9!important; background:#f2ecff!important; } .customer185-summary-card.sites .customer185-summary-icon{color:#2475e8!important;background:#eaf3ff!important} .customer185-summary-card.jobs .customer185-summary-icon{color:#0c9f91!important;background:#e6f8f5!important} .customer185-summary-card.paperwork .customer185-summary-icon{color:#23a147!important;background:#eaf8ec!important} .customer185-summary-card>div{display:grid!important;gap:2px!important;min-width:0!important} .customer185-summary-card strong{font-size:27px!important;line-height:1!important;font-weight:900!important;color:#643fe7!important} .customer185-summary-card.sites strong{color:#1f72e6!important} .customer185-summary-card.jobs strong{color:#06968a!important} .customer185-summary-card.paperwork strong{color:#1f9a40!important} .customer185-summary-card span{font-size:13px!important;font-weight:900!important;color:#243b5c!important;white-space:nowrap!important} .customer185-summary-card small{font-size:11px!important;color:#7b8ba1!important;line-height:1.3!important} .customer185-date-groups{display:grid!important;gap:22px!important} .customer185-date-group{display:grid!important;gap:12px!important} .customer185-date-heading{ display:flex!important; align-items:center!important; gap:10px!important; min-height:38px!important; color:#18375d!important; } .customer185-date-heading strong{font-size:17px!important;font-weight:900!important;color:#18375d!important} .customer185-date-heading>span:last-child{ display:inline-flex!important; align-items:center!important; min-height:23px!important; padding:3px 9px!important; border-radius:999px!important; background:#f2edff!important; color:#6946e8!important; font-size:9.5px!important; font-weight:900!important; letter-spacing:.06em!important; text-transform:uppercase!important; } .customer185-date-icon{ width:34px!important; height:34px!important; padding:8px!important; border-radius:10px!important; background:#f3efff!important; color:#6946ec!important; border:1px solid #e7defe!important; } .customer185-timeline-line{ position:relative!important; display:grid!important; gap:12px!important; padding-left:58px!important; } .customer185-timeline-line:before{ content:""!important; display:block!important; position:absolute!important; left:16px!important; top:-12px!important; bottom:0!important; width:2px!important; background:linear-gradient(180deg,#d8cdfd 0%,#e8eef7 100%)!important; } .customer185-timeline-v2 .customer185-event{ position:relative!important; display:grid!important; grid-template-columns:66px minmax(0,1fr) 138px 44px!important; align-items:center!important; gap:16px!important; min-height:122px!important; padding:18px 20px!important; margin:0!important; border:1px solid #dfe7f2!important; border-left:5px solid #6847ef!important; border-radius:18px!important; background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important; box-shadow:0 8px 24px rgba(40,60,91,.055)!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important; } .customer185-timeline-v2 .customer185-event:hover{transform:translateY(-1px)!important;box-shadow:0 12px 28px rgba(40,60,91,.085)!important;border-color:#cad8eb!important} .customer185-timeline-v2 .customer185-event.job{border-left-color:#0d9c8e!important} .customer185-timeline-v2 .customer185-event.document{border-left-color:#e58b25!important} .customer185-timeline-v2 .customer185-event.quote{border-left-color:#8a55da!important} .customer185-timeline-v2 .customer185-event.invoice{border-left-color:#139b67!important} .customer185-timeline-v2 .customer185-event.asset{border-left-color:#147fbb!important} .customer185-event-node{ position:absolute!important; left:-52px!important; top:50%!important; width:15px!important; height:15px!important; transform:translateY(-50%)!important; border-radius:50%!important; background:#6947ef!important; border:4px solid #f0eaff!important; box-shadow:0 0 0 3px #fff!important; } .customer185-timeline-v2 .customer185-event.job .customer185-event-node{background:#0d9c8e!important;border-color:#e6f7f5!important} .customer185-timeline-v2 .customer185-event.document .customer185-event-node{background:#e58b25!important;border-color:#fff1e1!important} .customer185-timeline-v2 .customer185-event.quote .customer185-event-node{background:#8a55da!important;border-color:#f2ebff!important} .customer185-timeline-v2 .customer185-event.invoice .customer185-event-node{background:#139b67!important;border-color:#e5f7ef!important} .customer185-event-icon{ width:62px!important; height:62px!important; padding:15px!important; border-radius:16px!important; background:linear-gradient(145deg,#f2edff,#fbf9ff)!important; color:#6744e8!important; border:1px solid #e5dbff!important; } .customer185-event.job .customer185-event-icon{background:#e8f8f6!important;color:#0d9c8e!important;border-color:#d4efec!important} .customer185-event.document .customer185-event-icon{background:#fff3e7!important;color:#d87a18!important;border-color:#ffe2c2!important} .customer185-event.quote .customer185-event-icon{background:#f3edff!important;color:#7a4cd1!important;border-color:#e7dbff!important} .customer185-event.invoice .customer185-event-icon{background:#e8f8f1!important;color:#14895f!important;border-color:#d3f0e3!important} .customer185-event.asset .customer185-event-icon{background:#eaf5fb!important;color:#1f80b7!important;border-color:#d8edf7!important} .customer185-timeline-v2 .customer185-event-body{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0!important} .customer185-timeline-v2 .customer185-event-type{ min-height:22px!important; padding:4px 9px!important; margin:0 0 1px!important; border-radius:999px!important; background:#f2edff!important; color:#6946e8!important; font-size:9px!important; font-weight:900!important; letter-spacing:.07em!important; } .customer185-timeline-v2 .customer185-event-action{ display:block!important; max-width:100%!important; color:#132f52!important; font-size:16px!important; line-height:1.25!important; font-weight:900!important; } .customer185-timeline-v2 .customer185-event-title{ display:block!important; width:auto!important; max-width:100%!important; color:#18375d!important; font-size:14px!important; line-height:1.35!important; font-weight:750!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; } .customer185-timeline-v2 .customer185-event-detail{ display:block!important; width:auto!important; max-width:100%!important; color:#7a8ba1!important; font-size:11.5px!important; line-height:1.35!important; font-weight:700!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; } .customer185-event-time{ display:grid!important; grid-template-columns:32px minmax(0,1fr)!important; align-items:center!important; gap:10px!important; min-width:0!important; padding-left:18px!important; border-left:1px solid #e2e8f1!important; } .customer185-time-icon{width:30px!important;height:30px!important;padding:6px!important;border-radius:50%!important;background:#f3efff!important;color:#6946ef!important} .customer185-event-time>div{display:grid!important;gap:2px!important} .customer185-event-time strong{font-size:15px!important;color:#5035cb!important;font-weight:900!important} .customer185-event-time small{font-size:10px!important;color:#8190a3!important;font-weight:700!important} .customer185-timeline-v2 .customer185-event-open{ width:40px!important; height:40px!important; padding:10px!important; border-radius:12px!important; border:1px solid #dce5f1!important; background:#f8fbff!important; color:#4b43e8!important; box-shadow:none!important; } .customer185-timeline-v2 .customer185-event-open:hover{background:#eef2ff!important;border-color:#cfd8ff!important;color:#3f35df!important} .customer185-timeline-v2 .customer185-timeline-empty{ padding:24px!important; margin-top:4px!important; border:1px dashed #d7e1ee!important; border-radius:17px!important; background:#f9fbff!important; } .customer185-timeline-v2 .customer185-timeline-empty strong{font-size:14px!important;color:#213c5f!important} .customer185-timeline-v2 .customer185-timeline-empty span{font-size:12px!important;color:#7b8ca2!important} html[data-theme="dark"] .customer185-timeline-v2,body.dark .customer185-timeline-v2{background:linear-gradient(180deg,#15253b 0%,#132239 100%)!important;border-color:#2a3e59!important;box-shadow:none!important} html[data-theme="dark"] .customer185-timeline-heading h2,body.dark .customer185-timeline-heading h2, html[data-theme="dark"] .customer185-date-heading strong,body.dark .customer185-date-heading strong{color:#eef5ff!important} html[data-theme="dark"] .customer185-recent-pill,body.dark .customer185-recent-pill, html[data-theme="dark"] .customer185-summary-card,body.dark .customer185-summary-card, html[data-theme="dark"] .customer185-timeline-v2 .customer185-event,body.dark .customer185-timeline-v2 .customer185-event{background:#172940!important;border-color:#304760!important} html[data-theme="dark"] .customer185-summary-card span,body.dark .customer185-summary-card span, html[data-theme="dark"] .customer185-timeline-v2 .customer185-event-action,body.dark .customer185-timeline-v2 .customer185-event-action, html[data-theme="dark"] .customer185-timeline-v2 .customer185-event-title,body.dark .customer185-timeline-v2 .customer185-event-title{color:#eef5ff!important} html[data-theme="dark"] .customer185-event-time,body.dark .customer185-event-time{border-left-color:#334a63!important} html[data-theme="dark"] .customer185-event-node,body.dark .customer185-event-node{box-shadow:0 0 0 3px #172940!important} @media(max-width:1180px){ .customer185-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .customer185-timeline-v2 .customer185-event{grid-template-columns:58px minmax(0,1fr) 118px 40px!important;gap:12px!important} .customer185-event-icon{width:56px!important;height:56px!important;padding:14px!important} } @media(max-width:760px){ .customer185-timeline-v2{padding:20px!important;border-radius:19px!important} .customer185-timeline-heading{align-items:stretch!important;flex-direction:column!important;margin-bottom:18px!important} .customer185-recent-pill{align-self:flex-start!important} .customer185-summary-grid{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:20px!important} .customer185-summary-card{min-height:88px!important;padding:14px!important} .customer185-summary-icon{width:46px!important;height:46px!important;flex-basis:46px!important;padding:11px!important} .customer185-timeline-line{padding-left:36px!important} .customer185-timeline-line:before{left:9px!important} .customer185-event-node{left:-34px!important;width:13px!important;height:13px!important} .customer185-timeline-v2 .customer185-event{grid-template-columns:50px minmax(0,1fr) 36px!important;grid-template-areas:"icon body open" "time time time"!important;gap:10px!important;min-height:0!important;padding:14px!important} .customer185-event-icon{grid-area:icon!important;width:48px!important;height:48px!important;padding:12px!important} .customer185-event-body{grid-area:body!important} .customer185-event-time{grid-area:time!important;border-left:0!important;border-top:1px solid #e6ebf2!important;padding:10px 0 0!important;grid-template-columns:26px 1fr!important} .customer185-time-icon{width:26px!important;height:26px!important;padding:5px!important} .customer185-event-open{grid-area:open!important;width:34px!important;height:34px!important;padding:8px!important} } /* ========================================================== EngiCore Stage 18.5k — compact Customer 360 account timeline Keeps the 18.5j design while reducing its visual footprint. ========================================================== */ .customer185-timeline-v2{ margin-top:14px!important; padding:20px!important; border-radius:20px!important; } .customer185-timeline-v2 .customer185-timeline-heading{ gap:16px!important; margin-bottom:16px!important; } .customer185-timeline-v2 .customer185-timeline-heading h2{ margin:10px 0 5px!important; font-size:23px!important; } .customer185-timeline-v2 .customer185-timeline-heading p{ font-size:12.5px!important; line-height:1.45!important; } .customer185-timeline-v2 .customer185-timeline-kicker{ min-height:30px!important; padding:5px 11px!important; font-size:10px!important; } .customer185-timeline-v2 .customer185-kicker-icon{width:17px!important;height:17px!important} .customer185-timeline-v2 .customer185-recent-pill{ min-height:38px!important; padding:0 12px!important; } .customer185-timeline-v2 .customer185-recent-pill strong{font-size:13px!important} .customer185-timeline-v2 .customer185-recent-pill span:last-child{font-size:10.5px!important} .customer185-timeline-v2 .customer185-recent-icon{width:17px!important;height:17px!important} .customer185-timeline-v2 .customer185-summary-grid{ gap:12px!important; margin:0 0 18px!important; } .customer185-timeline-v2 .customer185-summary-card{ gap:11px!important; min-height:82px!important; padding:13px 14px!important; border-radius:14px!important; } .customer185-timeline-v2 .customer185-summary-icon{ width:42px!important; height:42px!important; flex-basis:42px!important; padding:10px!important; border-radius:12px!important; } .customer185-timeline-v2 .customer185-summary-card strong{font-size:22px!important} .customer185-timeline-v2 .customer185-summary-card span{font-size:11.5px!important} .customer185-timeline-v2 .customer185-summary-card small{font-size:10px!important;line-height:1.25!important} .customer185-timeline-v2 .customer185-date-groups{gap:16px!important} .customer185-timeline-v2 .customer185-date-group{gap:9px!important} .customer185-timeline-v2 .customer185-date-heading{gap:8px!important;min-height:32px!important} .customer185-timeline-v2 .customer185-date-heading strong{font-size:14px!important} .customer185-timeline-v2 .customer185-date-heading>span:last-child{ min-height:20px!important; padding:2px 8px!important; font-size:8.5px!important; } .customer185-timeline-v2 .customer185-date-icon{ width:29px!important; height:29px!important; padding:7px!important; } .customer185-timeline-v2 .customer185-timeline-line{ gap:10px!important; padding-left:48px!important; } .customer185-timeline-v2 .customer185-timeline-line:before{left:13px!important} .customer185-timeline-v2 .customer185-event{ grid-template-columns:52px minmax(0,1fr) 118px 38px!important; gap:13px!important; min-height:92px!important; padding:13px 16px!important; border-radius:15px!important; } .customer185-timeline-v2 .customer185-event-node{ left:-41px!important; width:13px!important; height:13px!important; } .customer185-timeline-v2 .customer185-event-icon{ width:48px!important; height:48px!important; padding:12px!important; border-radius:13px!important; } .customer185-timeline-v2 .customer185-event-type{ min-height:19px!important; padding:3px 8px!important; font-size:8px!important; } .customer185-timeline-v2 .customer185-event-action{font-size:14px!important} .customer185-timeline-v2 .customer185-event-title{font-size:12.5px!important;line-height:1.3!important} .customer185-timeline-v2 .customer185-event-detail{font-size:10.5px!important} .customer185-timeline-v2 .customer185-event-time{ grid-template-columns:27px minmax(0,1fr)!important; gap:8px!important; padding-left:14px!important; } .customer185-timeline-v2 .customer185-time-icon{width:25px!important;height:25px!important;padding:5px!important} .customer185-timeline-v2 .customer185-event-time strong{font-size:13px!important} .customer185-timeline-v2 .customer185-event-time small{font-size:9px!important} .customer185-timeline-v2 .customer185-event-open{ width:34px!important; height:34px!important; padding:8px!important; border-radius:10px!important; } @media(max-width:1180px){ .customer185-timeline-v2 .customer185-event{grid-template-columns:48px minmax(0,1fr) 108px 34px!important;gap:10px!important} .customer185-timeline-v2 .customer185-event-icon{width:46px!important;height:46px!important;padding:11px!important} } @media(max-width:760px){ .customer185-timeline-v2{padding:16px!important;border-radius:17px!important} .customer185-timeline-v2 .customer185-timeline-heading{margin-bottom:14px!important} .customer185-timeline-v2 .customer185-summary-grid{gap:8px!important;margin-bottom:16px!important} .customer185-timeline-v2 .customer185-summary-card{min-height:72px!important;padding:11px 12px!important} .customer185-timeline-v2 .customer185-summary-icon{width:38px!important;height:38px!important;flex-basis:38px!important;padding:9px!important} .customer185-timeline-v2 .customer185-timeline-line{padding-left:31px!important} .customer185-timeline-v2 .customer185-timeline-line:before{left:8px!important} .customer185-timeline-v2 .customer185-event-node{left:-29px!important;width:11px!important;height:11px!important} .customer185-timeline-v2 .customer185-event{grid-template-columns:42px minmax(0,1fr) 32px!important;gap:8px!important;padding:11px!important} .customer185-timeline-v2 .customer185-event-icon{width:40px!important;height:40px!important;padding:10px!important} .customer185-timeline-v2 .customer185-event-open{width:30px!important;height:30px!important;padding:7px!important} } /* ========================================================== EngiCore Stage 18.5l — Site warning flags polish ========================================================== */ .site185-warning-manager-v2{ position:relative!important; overflow:hidden!important; padding:20px!important; border-radius:22px!important; border:1px solid #dfe7f2!important; background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important; box-shadow:0 14px 34px rgba(26,49,82,.065)!important; } .site185-warning-manager-v2:before{ content:"";position:absolute;left:0;right:0;top:0;height:4px; background:linear-gradient(90deg,#6948e9 0%,#2b86f5 48%,#18ad81 100%); } .site185-warning-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px} .site185-warning-heading-copy{min-width:0} .site185-warning-heading h2{margin:8px 0 5px!important;font-size:20px!important;line-height:1.15;color:#183151!important;letter-spacing:-.02em} .site185-warning-heading p{margin:0!important;font-size:12px!important;line-height:1.5;color:#74849b!important} .site185-warning-kicker{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 11px!important;border-radius:999px!important;background:linear-gradient(90deg,#f0eaff,#edf4ff)!important;color:#6847db!important;font-size:9px!important;letter-spacing:.09em!important} .site185-kicker-shield{display:inline-grid;place-items:center;width:17px;height:17px} .site185-kicker-shield svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .site185-warning-status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 13px;border-radius:12px;border:1px solid;font-size:10px;letter-spacing:.03em;text-transform:uppercase} .site185-warning-status svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .site185-warning-status.is-clear{background:#ebfbf3;border-color:#aee6c9;color:#078b57} .site185-warning-status.is-active{background:#fff0f1;border-color:#f4c7ce;color:#c7374e} .site185-warning-status strong{font-size:10px;color:inherit} .site185-warning-form{margin:0} .site185-warning-manager-v2 .site185-flag-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;margin:0!important} .site185-warning-manager-v2 .site185-warning-card{ position:relative;display:grid!important;grid-template-columns:25px 43px minmax(0,1fr)!important;gap:11px!important;align-items:center!important; min-height:94px;padding:13px 14px!important;margin:0!important;border:1px solid #dfe7f1!important;border-radius:16px!important; background:#fff!important;box-shadow:0 5px 14px rgba(25,46,78,.035)!important;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease } .site185-warning-manager-v2 .site185-warning-card:hover{border-color:#c9d8ea!important;box-shadow:0 9px 20px rgba(25,46,78,.07)!important;transform:translateY(-1px)} .site185-warning-manager-v2 .site185-warning-card.critical{background:linear-gradient(135deg,#fff 0%,#fffafb 100%)!important;border-color:#f0d7dc!important} .site185-warning-checkbox{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important} .site185-warning-check-ui{width:23px;height:23px;border:1.5px solid #bcc9d8;border-radius:7px;background:#fff;display:grid;place-items:center;color:#fff;transition:.16s ease} .site185-warning-check-ui svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.75);transition:.16s ease} .site185-warning-card:has(.site185-warning-checkbox:checked){border-color:#9ec0ff!important;background:linear-gradient(135deg,#f7faff,#f2f5ff)!important;box-shadow:0 8px 22px rgba(67,91,219,.10)!important} .site185-warning-card.critical:has(.site185-warning-checkbox:checked){border-color:#f0aab6!important;background:linear-gradient(135deg,#fff9fa,#fff1f3)!important;box-shadow:0 8px 22px rgba(194,51,74,.08)!important} .site185-warning-card:has(.site185-warning-checkbox:checked) .site185-warning-check-ui{background:linear-gradient(135deg,#3979f5,#7049e8);border-color:transparent;box-shadow:0 5px 12px rgba(79,78,222,.22)} .site185-warning-card.critical:has(.site185-warning-checkbox:checked) .site185-warning-check-ui{background:linear-gradient(135deg,#e84a65,#c9324d)} .site185-warning-card:has(.site185-warning-checkbox:checked) .site185-warning-check-ui svg{opacity:1;transform:scale(1)} .site185-warning-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#f2edff,#f5f1ff);color:#6b45e7;box-shadow:inset 0 0 0 1px rgba(105,72,233,.04)} .site185-warning-card.critical .site185-warning-icon{background:linear-gradient(135deg,#ffecef,#fff3f4);color:#c8324d} .site185-warning-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .site185-warning-content{display:grid;grid-template-columns:1fr;gap:7px;min-width:0} .site185-warning-content strong{font-size:12px!important;line-height:1.25!important;color:#213a5c!important;font-weight:850!important} .site185-warning-manager-v2 .site185-warning-note{height:38px!important;min-height:38px!important;padding:9px 12px!important;border-radius:10px!important;border-color:#d8e2ef!important;background:#fbfdff!important;font-size:10px!important;color:#30445f!important;box-shadow:none!important} .site185-warning-manager-v2 .site185-warning-note::placeholder{color:#95a2b4!important} .site185-warning-manager-v2 .site185-warning-note:focus{border-color:#7ca9ee!important;box-shadow:0 0 0 3px rgba(54,125,235,.10)!important;background:#fff!important} .site185-warning-savebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:12px 13px;border-radius:14px;background:linear-gradient(90deg,#f7f9ff,#f5fbff);border:1px solid #e4eaf3} .site185-warning-savebar>span{font-size:10px;color:#718198;line-height:1.4} .site185-warning-save{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 14px!important;white-space:nowrap!important;font-size:11px!important} .site185-warning-save svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .site185-readonly-flags-v2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important} .site185-readonly-warning{display:flex;align-items:center;gap:11px;padding:12px;border-radius:14px;border:1px solid #e1e7f1;background:#fff} .site185-readonly-warning.critical{border-color:#efd6db;background:#fffafb} .site185-readonly-warning>div{display:grid;gap:3px}.site185-readonly-warning strong{font-size:11px;color:#253d5d}.site185-readonly-warning small{font-size:9px;color:#7b899c} .site185-warning-empty{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#f0fbf6;border:1px solid #c5ecd7} .site185-warning-empty>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dff7ea;color:#078a56;font-weight:900} .site185-warning-empty>div{display:grid;gap:2px}.site185-warning-empty strong{font-size:11px;color:#1f4b3a}.site185-warning-empty small{font-size:9px;color:#648276} html[data-theme="dark"] .site185-warning-manager-v2,body.dark .site185-warning-manager-v2{background:linear-gradient(180deg,#15243a,#122138)!important;border-color:#2b3e57!important} html[data-theme="dark"] .site185-warning-heading h2,body.dark .site185-warning-heading h2{color:#eef5ff!important} html[data-theme="dark"] .site185-warning-heading p,body.dark .site185-warning-heading p{color:#9aabc0!important} html[data-theme="dark"] .site185-warning-kicker,body.dark .site185-warning-kicker{background:linear-gradient(90deg,#2c2450,#1d3155)!important;color:#b6a4ff!important} html[data-theme="dark"] .site185-warning-manager-v2 .site185-warning-card,body.dark .site185-warning-manager-v2 .site185-warning-card{background:#102036!important;border-color:#2d415c!important} html[data-theme="dark"] .site185-warning-manager-v2 .site185-warning-card.critical,body.dark .site185-warning-manager-v2 .site185-warning-card.critical{background:#251d2c!important;border-color:#5a3443!important} html[data-theme="dark"] .site185-warning-content strong,body.dark .site185-warning-content strong{color:#eef5ff!important} html[data-theme="dark"] .site185-warning-manager-v2 .site185-warning-note,body.dark .site185-warning-manager-v2 .site185-warning-note{background:#0e1c30!important;border-color:#30445e!important;color:#eef5ff!important} html[data-theme="dark"] .site185-warning-savebar,body.dark .site185-warning-savebar{background:#102036!important;border-color:#2b3e57!important} @media(max-width:900px){.site185-warning-heading{flex-direction:column}.site185-warning-manager-v2 .site185-flag-grid{grid-template-columns:1fr!important}.site185-warning-status{align-self:flex-start}.site185-warning-savebar{align-items:flex-start;flex-direction:column}.site185-warning-save{width:100%;justify-content:center!important}.site185-readonly-flags-v2{grid-template-columns:1fr!important}} @media(max-width:560px){.site185-warning-manager-v2{padding:15px!important}.site185-warning-manager-v2 .site185-warning-card{grid-template-columns:23px 39px minmax(0,1fr)!important;padding:11px!important;min-height:88px}.site185-warning-icon{width:39px;height:39px}.site185-warning-heading h2{font-size:18px!important}.site185-warning-content strong{font-size:11px!important}} /* EngiCore 18.5t - Managed multi-tenancy */ .tenant-context-bar{margin:0 0 14px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 14px;border:1px solid #c9d8fb;border-radius:13px;background:linear-gradient(90deg,#eef5ff 0%,#f5f0ff 55%,#effcf8 100%);box-shadow:0 8px 24px rgba(31,70,132,.08)} .tenant-context-bar>div{display:flex;align-items:center;gap:10px;min-width:0;color:#51627d;font-size:12px}.tenant-context-bar strong{color:#16345d;font-size:12px}.tenant-context-dot{width:9px;height:9px;border-radius:50%;background:#6b4eff;box-shadow:0 0 0 5px rgba(107,78,255,.12)}.tenant-context-bar form{margin:0}.tenant-context-bar button{border:0;border-radius:9px;padding:8px 12px;background:#fff;color:#3c2cb9;font-weight:800;font-size:11px;box-shadow:0 3px 12px rgba(55,47,139,.12);cursor:pointer} .tenancy-page,.tenancy-detail-page{padding-bottom:38px}.tenancy-kicker{display:inline-flex;align-items:center;width:max-content;padding:5px 10px;border-radius:999px;background:linear-gradient(90deg,#eaf4ff,#f0e9ff);color:#6044e8;font-size:10px;font-weight:900;letter-spacing:.12em}.tenancy-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 28px!important;border:1px solid #dbe4f1!important;background:linear-gradient(120deg,#fff 0%,#f5f9ff 50%,#f8f2ff 100%)!important}.tenancy-hero:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#1f82ff,#6447ff,#13b77b)}.tenancy-hero:after{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(104,71,255,.16),rgba(104,71,255,0) 67%);pointer-events:none}.tenancy-hero-copy{position:relative;z-index:1;max-width:800px}.tenancy-hero-copy h1{margin:8px 0 6px;color:#102d55;font-size:28px;letter-spacing:-.025em}.tenancy-hero-copy p{margin:0;color:#667a99;font-size:13px;line-height:1.6}.tenancy-hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tenancy-hero-pills span{padding:7px 10px;border-radius:9px;background:#fff;border:1px solid #dbe5f4;color:#49607f;font-size:10px;font-weight:800;box-shadow:0 5px 14px rgba(36,72,122,.05)}.tenancy-hero-side{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.tenancy-capacity{min-width:125px;padding:12px 15px;border-radius:14px;background:#fff;border:1px solid #dce5f3;box-shadow:0 10px 26px rgba(35,65,115,.08);display:grid}.tenancy-capacity small{font-size:9px;font-weight:800;color:#7c8ba2;text-transform:uppercase;letter-spacing:.07em}.tenancy-capacity strong{font-size:24px;line-height:1.15;color:#17365f}.tenancy-capacity span{font-size:9px;color:#8390a3}.tenancy-create-btn,.tenancy-primary-btn{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;background:linear-gradient(115deg,#188cff,#6345ff 58%,#932cff);color:#fff!important;font-size:11px;font-weight:900;box-shadow:0 10px 24px rgba(92,66,240,.24);cursor:pointer;transition:.18s ease}.tenancy-create-btn:hover,.tenancy-primary-btn:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(92,66,240,.3)}.tenancy-primary-btn.compact{min-height:36px;padding:0 13px;font-size:10px}.tenancy-create-btn span,.tenancy-primary-btn span{font-size:16px;line-height:1} .tenancy-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.tenancy-kpi{display:flex;align-items:center;gap:12px;min-height:104px;padding:16px!important}.tenancy-kpi-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:#f0ecff;color:#6447ef}.tenancy-kpi.blue .tenancy-kpi-icon{background:#e8f3ff;color:#177ce8}.tenancy-kpi.green .tenancy-kpi-icon{background:#e7f9f1;color:#0ca46e}.tenancy-kpi.orange .tenancy-kpi-icon{background:#fff1df;color:#e98311}.tenancy-kpi>div{display:grid;gap:2px}.tenancy-kpi small{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#75859d;font-weight:900}.tenancy-kpi strong{font-size:22px;line-height:1.1;color:#17355d}.tenancy-kpi span{font-size:9px;color:#8490a2} .tenancy-create-panel,.tenancy-directory,.tenancy-modules-panel,.tenancy-child-panel,.tenancy-events-panel{padding:20px!important;margin-top:14px}.tenancy-section-head,.tenancy-directory-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.tenancy-section-head h2,.tenancy-directory-head h2{margin:6px 0 3px;font-size:18px;color:#17355d}.tenancy-section-head p,.tenancy-directory-head p{margin:0;color:#75869f;font-size:11px}.tenancy-close-link{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1px solid #dae3ef;background:#fff;color:#5c6d84;text-decoration:none;font-size:18px;box-shadow:0 5px 12px rgba(36,58,92,.06)}.tenancy-count-pill{padding:7px 10px;border-radius:9px;background:#f1f4fb;border:1px solid #dde5f1;color:#53647d;font-size:10px;font-weight:800;white-space:nowrap} .tenancy-form-section{padding:16px;border:1px solid #dfe7f2;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfdff);margin-top:12px}.tenancy-step{display:flex;align-items:center;gap:10px;margin-bottom:14px}.tenancy-step b{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e8f3ff;border:1px solid #cce0ff;color:#246ee5;font-size:11px}.tenancy-step.purple b{background:#f1eaff;border-color:#dfd0ff;color:#7040ee}.tenancy-step.green b{background:#e9faf3;border-color:#c9efdf;color:#0b9f69}.tenancy-step.orange b{background:#fff2e4;border-color:#ffe0bd;color:#df7810}.tenancy-step>div{display:grid;gap:2px}.tenancy-step strong{font-size:13px;color:#1a375f}.tenancy-step span{font-size:10px;color:#7b899e}.tenancy-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tenancy-form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.tenancy-form-grid label{display:grid;gap:5px;color:#263f61;font-size:10px;font-weight:800}.tenancy-form-grid label small{font-weight:500;color:#8492a6}.tenancy-form-grid .span2{grid-column:span 2}.tenancy-password{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}.tenancy-toggle-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.tenancy-toggle-card{position:relative;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #dce5f1;border-radius:13px;background:#fff;cursor:pointer}.tenancy-toggle-card input{position:absolute;opacity:0}.tenancy-toggle-ui{width:38px;height:22px;border-radius:999px;background:#cbd6e6;position:relative;flex:0 0 auto;transition:.18s}.tenancy-toggle-ui:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;left:3px;top:3px;background:#fff;box-shadow:0 2px 5px rgba(23,49,85,.22);transition:.18s}.tenancy-toggle-card input:checked+.tenancy-toggle-ui{background:linear-gradient(90deg,#2a8cff,#7047ee)}.tenancy-toggle-card input:checked+.tenancy-toggle-ui:after{transform:translateX(16px)}.tenancy-toggle-card>span:last-child{display:grid;gap:2px}.tenancy-toggle-card strong{font-size:10px;color:#243e60}.tenancy-toggle-card small{font-size:9px;color:#7f8da1;line-height:1.35}.tenancy-module-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.tenancy-module-card{position:relative;display:flex;gap:9px;align-items:flex-start;min-height:86px;padding:12px;border:1px solid #dfe6f1;border-radius:13px;background:#fff;cursor:pointer;transition:.18s}.tenancy-module-card:hover{border-color:#b9cafa;box-shadow:0 7px 18px rgba(64,86,132,.08)}.tenancy-module-card input{position:absolute;opacity:0}.tenancy-module-check{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;background:#eef2f8;color:transparent;font-weight:900}.tenancy-module-card input:checked+.tenancy-module-check{background:linear-gradient(135deg,#20b67a,#0aa168);color:#fff;box-shadow:0 5px 12px rgba(20,164,112,.2)}.tenancy-module-card>span:last-child{display:grid;gap:3px}.tenancy-module-card strong{font-size:10px;color:#223c5e}.tenancy-module-card small{font-size:8.5px;color:#8491a4;line-height:1.35}.tenancy-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px} .tenancy-filterbar{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(150px,.5fr) auto auto;gap:10px;align-items:center;padding:12px;border:1px solid #e0e7f1;border-radius:14px;background:#f8faff;margin-bottom:14px}.tenancy-search{height:44px;border:1px solid #d9e2ef;border-radius:11px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 12px}.tenancy-search span{color:#6f82a0;font-size:17px}.tenancy-search input{border:0;outline:0;background:transparent;width:100%;font:inherit;color:#203b5d;font-size:11px}.tenancy-filterbar .input{height:44px!important;margin:0!important}.tenancy-filterbar .btn{height:44px!important;margin:0!important}.tenancy-table-wrap{overflow-x:auto;border:1px solid #e1e7f0;border-radius:14px}.tenancy-table{width:100%;border-collapse:collapse;min-width:1050px}.tenancy-table th{padding:11px 12px;background:#f6f8fc;color:#66758c;text-transform:uppercase;letter-spacing:.05em;font-size:8px;text-align:left}.tenancy-table td{padding:12px;border-top:1px solid #edf1f6;color:#314967;font-size:10px;vertical-align:middle}.tenancy-table a{text-decoration:none}.tenancy-name-cell{display:flex;align-items:center;gap:10px}.tenancy-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf4ff,#eee8ff);border:1px solid #d5e0fa;color:#6246e7;font-size:11px;font-weight:900;flex:0 0 auto}.tenancy-avatar.small{width:30px;height:30px;border-radius:9px;font-size:9px}.tenancy-name-cell>div,.tenancy-table td>a{display:grid;gap:2px}.tenancy-name-cell strong,.tenancy-table td>a strong{color:#17355c;font-size:10px}.tenancy-name-cell small,.tenancy-table td>a small{color:#8290a4;font-size:8.5px}.tenancy-usage{display:flex;gap:8px;flex-wrap:wrap}.tenancy-usage span{padding:5px 7px;border-radius:8px;background:#f1f5fa;color:#66778f;font-size:8.5px}.tenancy-usage b{color:#264568}.tenancy-module-count{display:inline-flex;padding:6px 8px;border-radius:8px;background:#eeeaff;color:#6544dd;font-size:8.5px;font-weight:800}.tenancy-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.tenancy-actions form{margin:0}.tenancy-action{min-height:34px;border-radius:9px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;border:1px solid #d8e1ee;background:#fff;color:#36506f;font-size:9px;font-weight:800;white-space:nowrap;cursor:pointer}.tenancy-action.primary{border-color:transparent;background:linear-gradient(110deg,#2189ff,#6845ef);color:#fff;box-shadow:0 6px 14px rgba(80,70,220,.18)}.tenancy-empty{padding:42px 18px;text-align:center;border:1px dashed #cad8ec;border-radius:15px;background:#fbfdff}.tenancy-empty>span{width:44px;height:44px;display:grid;place-items:center;margin:0 auto 10px;border-radius:13px;background:#eeeaff;color:#6847ed}.tenancy-empty h3{margin:0 0 4px;color:#1d3a61}.tenancy-empty p{margin:0 auto 13px;max-width:520px;color:#7d8ba0;font-size:10px}.tenancy-empty.compact{padding:18px} .tenancy-detail-breadcrumb{display:flex;gap:8px;align-items:center;margin:3px 0 10px;font-size:10px;color:#7b8a9f}.tenancy-detail-breadcrumb a{color:#376bd4;text-decoration:none}.tenancy-detail-breadcrumb strong{color:#435975}.tenancy-detail-hero{padding:18px 20px!important;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(115deg,#fff 0%,#f5f9ff 58%,#f6f0ff 100%)!important;border:1px solid #dce5f3!important}.tenancy-detail-identity{display:flex;align-items:center;gap:14px}.tenancy-detail-logo{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#238cff,#6f46f1);color:#fff;font-weight:900;box-shadow:0 10px 22px rgba(76,83,220,.22)}.tenancy-detail-identity h1{margin:5px 0 2px;font-size:23px;color:#15345e}.tenancy-detail-identity p{margin:0;color:#7a899f;font-size:10px}.tenancy-detail-identity p a{color:#4c5de2;font-weight:800}.tenancy-detail-actions{display:flex;align-items:center;gap:10px}.tenancy-detail-actions form{margin:0}.tenancy-detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.tenancy-detail-kpis article{padding:14px 16px!important;display:grid;gap:4px}.tenancy-detail-kpis small{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#7a899e;font-weight:900}.tenancy-detail-kpis strong{font-size:21px;color:#17365f}.tenancy-detail-kpis strong em{font-size:11px;color:#8996a7;font-style:normal}.tenancy-detail-kpis span{font-size:9px;color:#8492a4}.tenancy-meter{height:6px;border-radius:999px;background:#edf1f7;overflow:hidden}.tenancy-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#288fff,#6a47ef)}.tenancy-meter.green i{background:linear-gradient(90deg,#1dc186,#0caa73)}.tenancy-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:12px}.tenancy-control-card,.tenancy-security-card{padding:18px!important}.tenancy-admin-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f6}.tenancy-admin-row>div{display:grid;gap:2px}.tenancy-admin-row strong{font-size:10px;color:#223e61}.tenancy-admin-row small{font-size:8.5px;color:#8491a4}.tenancy-reset{margin-top:10px;border:1px solid #e1e7f0;border-radius:11px;background:#fafcff}.tenancy-reset summary{padding:10px 12px;cursor:pointer;font-size:9px;font-weight:800;color:#566a85}.tenancy-reset form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:0 10px 10px}.tenancy-isolation-note{margin-top:12px;padding:12px;border-radius:12px;background:#eefaf6;border:1px solid #cfeee2;display:flex;gap:10px;align-items:center}.tenancy-isolation-note>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#14af76;color:#fff;font-weight:900}.tenancy-isolation-note>div{display:grid;gap:2px}.tenancy-isolation-note strong{font-size:10px;color:#1c5b48}.tenancy-isolation-note small{font-size:8.5px;color:#66897c;line-height:1.35}.tenancy-module-grid.manage{grid-template-columns:repeat(5,minmax(0,1fr))}.tenancy-child-list{display:grid;gap:8px}.tenancy-child-list>div{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #e2e7ef;border-radius:10px;background:#fbfcfe}.tenancy-child-list strong{flex:1;font-size:10px;color:#253f60}.tenancy-event-list{display:grid;gap:0}.tenancy-event{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #edf1f6}.tenancy-event:last-child{border-bottom:0}.tenancy-event-dot{width:9px;height:9px;border-radius:50%;background:#6a49ee;box-shadow:0 0 0 4px #eeeaff;margin-top:4px}.tenancy-event>div{display:grid;gap:2px}.tenancy-event strong{font-size:9.5px;color:#294363}.tenancy-event small{font-size:8.5px;color:#8490a1} .customer-tenancy-panel{background:linear-gradient(120deg,#fff 0%,#fbfaff 100%)!important}.customer-tenancy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customer-tenancy-card{padding:13px;border:1px solid #dfe6f2;border-radius:14px;background:#fff}.customer-tenancy-card-head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center}.customer-tenancy-card-head>div{display:grid;gap:2px}.customer-tenancy-card-head strong{font-size:10px;color:#203d61}.customer-tenancy-card-head small{font-size:8.5px;color:#8592a4}.customer-tenancy-metrics{display:flex;gap:7px;margin:10px 0}.customer-tenancy-metrics span{padding:5px 7px;border-radius:8px;background:#f2f5fa;font-size:8.5px;color:#6a7a91}.customer-tenancy-metrics b{color:#2b4566}.customer-tenancy-actions{display:flex;gap:7px;justify-content:flex-end}.customer-tenancy-actions form{margin:0}.customer-tenancy-empty{display:flex;align-items:center;gap:12px;padding:14px;border:1px dashed #cfdaf0;border-radius:13px;background:#fbfdff}.customer-tenancy-empty>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eeeaff;color:#6846ee}.customer-tenancy-empty>div{flex:1}.customer-tenancy-empty strong{font-size:10px;color:#244061}.customer-tenancy-empty p{margin:2px 0 0;font-size:9px;color:#7d8ba0}.customer-tenancy-empty>a{font-size:9px;font-weight:900;color:#6447e8;text-decoration:none} html[data-theme="dark"] .tenant-context-bar,body.dark .tenant-context-bar{background:linear-gradient(90deg,#162943,#241f3e,#15362f);border-color:#31465f}.dark .tenant-context-bar strong,html[data-theme="dark"] .tenant-context-bar strong{color:#edf4ff}.dark .tenancy-hero,html[data-theme="dark"] .tenancy-hero,.dark .tenancy-detail-hero,html[data-theme="dark"] .tenancy-detail-hero{background:linear-gradient(120deg,#13243a,#172741 55%,#231d3a)!important;border-color:#2c4058!important}.dark .tenancy-hero-copy h1,html[data-theme="dark"] .tenancy-hero-copy h1,.dark .tenancy-detail-identity h1,html[data-theme="dark"] .tenancy-detail-identity h1,.dark .tenancy-section-head h2,html[data-theme="dark"] .tenancy-section-head h2,.dark .tenancy-directory-head h2,html[data-theme="dark"] .tenancy-directory-head h2{color:#edf5ff}.dark .tenancy-form-section,html[data-theme="dark"] .tenancy-form-section,.dark .tenancy-module-card,html[data-theme="dark"] .tenancy-module-card,.dark .customer-tenancy-card,html[data-theme="dark"] .customer-tenancy-card{background:#122238;border-color:#30435b}.dark .tenancy-toggle-card,html[data-theme="dark"] .tenancy-toggle-card{background:#13253b;border-color:#30435b}.dark .tenancy-module-card strong,html[data-theme="dark"] .tenancy-module-card strong,.dark .tenancy-toggle-card strong,html[data-theme="dark"] .tenancy-toggle-card strong{color:#ecf4ff}.dark .tenancy-filterbar,html[data-theme="dark"] .tenancy-filterbar{background:#102036;border-color:#2e425a}.dark .tenancy-search,html[data-theme="dark"] .tenancy-search{background:#0e1c30;border-color:#31465e}.dark .tenancy-search input,html[data-theme="dark"] .tenancy-search input{color:#edf4ff}.dark .tenancy-table th,html[data-theme="dark"] .tenancy-table th{background:#14253b;color:#99a9bc}.dark .tenancy-table td,html[data-theme="dark"] .tenancy-table td{border-color:#293b51;color:#c6d2df}.dark .tenancy-isolation-note,html[data-theme="dark"] .tenancy-isolation-note{background:#12352e;border-color:#275b4c} @media(max-width:1180px){.tenancy-kpi-grid,.tenancy-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tenancy-module-grid,.tenancy-module-grid.manage{grid-template-columns:repeat(3,minmax(0,1fr))}.tenancy-form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.tenancy-detail-grid{grid-template-columns:1fr}} @media(max-width:760px){.tenant-context-bar{align-items:flex-start;flex-direction:column}.tenant-context-bar>div{flex-wrap:wrap}.tenancy-hero{align-items:flex-start;flex-direction:column;padding:20px!important}.tenancy-hero-side{width:100%;flex-wrap:wrap}.tenancy-kpi-grid,.tenancy-detail-kpis,.tenancy-form-grid,.tenancy-toggle-row,.customer-tenancy-grid{grid-template-columns:1fr}.tenancy-form-grid.four{grid-template-columns:1fr}.tenancy-form-grid .span2{grid-column:auto}.tenancy-module-grid,.tenancy-module-grid.manage{grid-template-columns:repeat(2,minmax(0,1fr))}.tenancy-filterbar{grid-template-columns:1fr}.tenancy-detail-hero{align-items:flex-start;flex-direction:column}.tenancy-detail-actions{width:100%;justify-content:space-between}} @media(max-width:480px){.tenancy-module-grid,.tenancy-module-grid.manage{grid-template-columns:1fr}.tenancy-hero-copy h1{font-size:23px}.tenancy-detail-identity{align-items:flex-start}.tenancy-detail-logo{width:48px;height:48px}.tenancy-create-btn,.tenancy-primary-btn{width:100%}.tenancy-form-actions{flex-direction:column}.tenancy-form-actions .btn{width:100%;justify-content:center}} .tenancy-module-card.is-unavailable{opacity:.58;filter:saturate(.55);cursor:not-allowed;background:#f4f6fa}.tenancy-module-card.is-unavailable:hover{transform:none;box-shadow:none}.tenancy-module-card.is-unavailable .tenancy-module-check{background:#e5e9f2!important;color:#7d899c!important;border-color:#d3dae7!important}.dark .tenancy-module-card.is-unavailable,html[data-theme="dark"] .tenancy-module-card.is-unavailable{background:#101b2b} /* EngiCore 18.5u - Customer 360 address identity + consistent edit action */ .customer-account-manager-focus .customer-account-manager-edit{margin-top:7px!important;flex:0 0 auto!important} .customer-address-recipient{margin:7px 0 4px;color:#1d385c;font-size:12px;font-weight:900;line-height:1.3;letter-spacing:-.01em} .customer-address-card address{margin-top:0!important} html[data-theme="dark"] .customer-address-recipient,body.dark .customer-address-recipient{color:#eef5ff!important} /* Stage 18.5v · Unlimited root tenancy capacity */ .tenancy-capacity.is-unlimited{min-width:150px;background:linear-gradient(145deg,#fff,#f7f3ff);border-color:#d9cffd}.tenancy-capacity.is-unlimited strong{font-size:19px;color:#6241e5}.tenancy-capacity.is-unlimited span{color:#746b9b} html[data-theme="dark"] .tenancy-capacity.is-unlimited,body.dark .tenancy-capacity.is-unlimited{background:linear-gradient(145deg,#172942,#211f43);border-color:#4d437b}html[data-theme="dark"] .tenancy-capacity.is-unlimited strong,body.dark .tenancy-capacity.is-unlimited strong{color:#c7b7ff}html[data-theme="dark"] .tenancy-capacity.is-unlimited span,body.dark .tenancy-capacity.is-unlimited span{color:#a7a0c7} /* EngiCore 18.5w - Customer Workspaces dashboard redesign */ .workspace-page{padding-bottom:42px}.workspace-page>.top{margin-bottom:18px} .workspace-hero{position:relative;min-height:224px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:28px;margin-bottom:18px;padding:26px 28px;border-radius:18px;background:linear-gradient(118deg,#075fc8 0%,#133fb8 32%,#3321aa 68%,#5907c8 100%);box-shadow:0 18px 42px rgba(36,42,147,.22);color:#fff} .workspace-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0,rgba(55,190,255,.28),transparent 35%),radial-gradient(circle at 96% 65%,rgba(176,43,255,.35),transparent 34%);pointer-events:none}.workspace-hero:after{content:"";position:absolute;right:295px;top:-95px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(114,100,255,.28),transparent 67%);pointer-events:none} .workspace-hero-copy{position:relative;z-index:2;max-width:560px}.workspace-kicker{display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:#5738e4;font-size:10px;font-weight:950;letter-spacing:.12em;box-shadow:0 5px 16px rgba(1,20,73,.12)}.workspace-hero h1{margin:14px 0 8px;color:#fff;font-size:32px;line-height:1.06;letter-spacing:-.03em}.workspace-hero p{max-width:460px;margin:0;color:rgba(255,255,255,.9);font-size:13px;line-height:1.65}.workspace-hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.workspace-hero-pills span{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.10);backdrop-filter:blur(7px);color:#fff;font-size:10px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.workspace-hero-pills svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .workspace-hero-art{position:absolute;z-index:1;right:330px;bottom:-4px;width:390px;height:205px;color:#a9b0ff;opacity:.8;pointer-events:none}.workspace-hero-art svg{width:100%;height:100%;filter:drop-shadow(0 14px 20px rgba(5,12,74,.22))} .workspace-hero-actions{position:relative;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:18px}.workspace-capacity-card{width:196px;min-height:138px;padding:20px 20px 17px;border:1px solid rgba(255,255,255,.64);border-radius:16px;background:#fff;color:#17365e;box-shadow:0 18px 34px rgba(7,16,75,.22);display:grid;align-content:center}.workspace-capacity-card small{font-size:9px;font-weight:950;letter-spacing:.08em;color:#7184a4}.workspace-capacity-card strong{margin-top:5px;font-size:30px;line-height:1.05;color:#092d63;letter-spacing:-.03em}.workspace-capacity-card span{margin-top:3px;color:#7c8ba5;font-size:10px}.workspace-capacity-card>i{display:block;height:6px;margin-top:13px;border-radius:999px;background:#e9eff9;overflow:hidden}.workspace-capacity-card>i b{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#168cff,#7544f1)}.workspace-capacity-card.is-unlimited strong{font-size:22px} .workspace-create-btn{min-width:205px;min-height:62px;padding:0 22px;border:1px solid rgba(255,255,255,.16);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;background:linear-gradient(110deg,#2e7bff,#6247ff 56%,#8d20f5);color:#fff!important;font-size:12px;font-weight:900;box-shadow:0 17px 32px rgba(56,25,183,.32),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .18s ease,box-shadow .18s ease}.workspace-create-btn>span{font-size:24px;font-weight:400;line-height:1}.workspace-create-btn:hover{transform:translateY(-2px);box-shadow:0 20px 38px rgba(56,25,183,.4),inset 0 1px 0 rgba(255,255,255,.18)}.workspace-create-btn.compact{min-width:0;min-height:44px;padding:0 17px;font-size:10px}.workspace-create-btn.compact>span{font-size:18px} .workspace-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.workspace-kpi{position:relative;min-height:154px;padding:24px 22px 19px;border:1px solid #dfe6f1;border-radius:16px;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 10px 27px rgba(26,47,84,.07);overflow:hidden;display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto 36px;column-gap:18px;align-items:center}.workspace-kpi:after{content:"";position:absolute;inset:auto -28px -42px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(105,70,244,.08),transparent 68%)}.workspace-kpi-icon{grid-row:1;display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#efe9ff;color:#6945ef;box-shadow:inset 0 0 0 1px rgba(111,67,238,.08)}.workspace-kpi-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.workspace-kpi>div{grid-row:1;display:grid;gap:2px}.workspace-kpi small{color:#60728f;font-size:9px;font-weight:950;letter-spacing:.06em}.workspace-kpi strong{color:#0c315f;font-size:27px;line-height:1.1;letter-spacing:-.02em}.workspace-kpi span{color:#7c8ba2;font-size:9.5px}.workspace-kpi-blue .workspace-kpi-icon{background:#e7f2ff;color:#1379f2}.workspace-kpi-green .workspace-kpi-icon{background:#e5f8ef;color:#0ead75}.workspace-kpi-orange .workspace-kpi-icon{background:#fff0df;color:#f27c0b}.workspace-spark{grid-column:2;grid-row:2;width:100%;height:31px;align-self:end;overflow:visible}.workspace-spark polyline{fill:none;stroke:#7448f4;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.workspace-kpi-blue .workspace-spark polyline{stroke:#1687ff}.workspace-kpi-green .workspace-spark polyline{stroke:#11b57b}.workspace-kpi-orange .workspace-spark polyline{stroke:#ff7d08} .workspace-create-panel{margin-bottom:18px!important;border-radius:16px!important} .workspace-directory-card{position:relative;padding:21px 20px 0;border:1px solid #dfe6f1;border-radius:16px;background:#fff;box-shadow:0 11px 30px rgba(25,48,88,.07)}.workspace-directory-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.workspace-directory-title h2{margin:0;color:#0d315f;font-size:17px;letter-spacing:-.01em}.workspace-directory-title p{margin:3px 0 0;color:#7e8da4;font-size:10px}.workspace-directory-title>span{padding:7px 10px;border:1px solid #e1e7f0;border-radius:9px;background:#f7f9fd;color:#66758b;font-size:9px;font-weight:850} .workspace-toolbar{position:relative;display:grid;grid-template-columns:minmax(290px,1.45fr) 165px 165px auto auto auto;gap:12px;align-items:center;margin-bottom:14px}.workspace-search{height:46px;margin:0!important;padding:0 13px;display:flex!important;align-items:center;gap:10px;border:1px solid #d8e2ef;border-radius:11px;background:#fff}.workspace-search svg,.workspace-toolbar-btn svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.workspace-search svg{color:#7287a5}.workspace-search input{width:100%;border:0;outline:0;background:transparent;color:#173a64;font:inherit;font-size:10.5px}.workspace-search input::placeholder{color:#8a98aa}.workspace-select{height:46px;min-width:0;padding:0 34px 0 13px;border:1px solid #d9e2ee;border-radius:11px;background:#fff;color:#324963;font:inherit;font-size:10px;outline:0}.workspace-select:focus,.workspace-search:focus-within{border-color:#7b72f5;box-shadow:0 0 0 3px rgba(107,84,239,.08)} .workspace-toolbar-btn{height:46px;min-width:98px;padding:0 14px;border:1px solid #dce4ef;border-radius:10px;background:#fff;color:#28486e;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap;box-shadow:0 2px 7px rgba(25,50,87,.025);transition:.15s}.workspace-toolbar-btn:hover{border-color:#b9caf1;background:#f9fbff;color:#4b47c8}.workspace-toolbar-menu{position:relative}.workspace-toolbar-menu>summary{list-style:none}.workspace-toolbar-menu>summary::-webkit-details-marker{display:none}.workspace-popover{position:absolute;z-index:30;right:0;top:54px;width:290px;padding:14px;border:1px solid #dce4ef;border-radius:13px;background:#fff;box-shadow:0 20px 50px rgba(25,44,76,.18)}.workspace-filter-popover{display:grid;gap:11px}.workspace-filter-popover label{display:grid!important;gap:5px;margin:0!important;color:#526681;font-size:9px;font-weight:850}.workspace-filter-popover .workspace-select{width:100%}.workspace-filter-popover>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-clear-link{color:#667890;font-size:9px;font-weight:800;text-decoration:none}.workspace-apply-btn{height:37px;padding:0 13px;border:0;border-radius:9px;background:linear-gradient(110deg,#287cff,#7145ef);color:#fff;font-size:9px;font-weight:900;cursor:pointer}.workspace-columns-popover{width:190px;display:grid;gap:5px}.workspace-columns-popover label{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:7px 8px;border-radius:8px;color:#405874;font-size:9.5px;font-weight:750;cursor:pointer}.workspace-columns-popover label:hover{background:#f4f7fc}.workspace-columns-popover input{accent-color:#6b48ef} .workspace-table-wrap{border:1px solid #e2e8f0;border-radius:12px;overflow:visible}.workspace-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}.workspace-table th{height:38px;padding:0 13px;border-bottom:1px solid #e1e7ef;background:#f9fbfd;color:#64758e;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}.workspace-table th:first-child{border-radius:11px 0 0}.workspace-table th:last-child{border-radius:0 11px 0 0;text-align:center}.workspace-table th span{margin-left:4px;color:#8191a6;font-size:10px}.workspace-table td{height:60px;padding:8px 13px;border-bottom:1px solid #e9edf3;color:#263f5f;font-size:9.5px;vertical-align:middle;background:#fff}.workspace-table tbody tr:last-child td{border-bottom:0}.workspace-table tbody tr:hover td{background:#fbfdff}.workspace-name-cell{display:flex;align-items:center;gap:10px;min-width:170px}.workspace-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:linear-gradient(135deg,#efe7ff,#f7f3ff);color:#6845e8;font-size:10px;font-weight:950;box-shadow:inset 0 0 0 1px rgba(106,69,232,.07)}.workspace-name-cell>div,.workspace-contact{display:grid;gap:2px}.workspace-name-cell strong{color:#0d3a73;font-size:9.5px}.workspace-name-cell small,.workspace-contact small{color:#7084a2;font-size:8.5px}.workspace-customer-link{color:#163f75;font-weight:700;text-decoration:none}.workspace-customer-link:hover{color:#5d47dd}.workspace-contact strong{font-size:9px;color:#2a4464}.workspace-status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font-size:8.5px;font-weight:850;white-space:nowrap}.workspace-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.workspace-status.ok{background:#e4f8ee;color:#07945f}.workspace-status.warn{background:#fff1d9;color:#b66f00}.workspace-status.bad{background:#ffe8eb;color:#c23a50}.workspace-status.neutral{background:#edf1f7;color:#60718a}.workspace-number{color:#1f426b;font-size:10px}.workspace-job-number{color:#5d24ee;font-size:10px}.workspace-row-menu{position:relative;width:34px;margin:auto}.workspace-row-menu>summary{list-style:none;width:32px;height:32px;display:grid;place-items:center;border:1px solid #dce5f0;border-radius:9px;background:#fff;color:#526783;font-size:18px;line-height:1;cursor:pointer}.workspace-row-menu>summary::-webkit-details-marker{display:none}.workspace-row-menu[open]>summary{border-color:#b8c7ed;color:#5946d7;background:#f8f7ff}.workspace-row-menu>div{position:absolute;z-index:40;right:0;top:38px;min-width:150px;padding:6px;border:1px solid #dce4ef;border-radius:10px;background:#fff;box-shadow:0 16px 35px rgba(27,45,75,.17)}.workspace-row-menu a,.workspace-row-menu button{width:100%;height:34px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#324d6c;display:flex;align-items:center;text-align:left;font:inherit;font-size:9px;font-weight:750;text-decoration:none;cursor:pointer}.workspace-row-menu a:hover,.workspace-row-menu button:hover{background:#f1f5fb;color:#5542d3}.workspace-row-menu form{margin:0} .workspace-empty{min-height:250px;padding:38px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px dashed #d1ddec;border-radius:13px;background:linear-gradient(180deg,#fcfdff,#fafcff)}.workspace-empty>span{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#eeeaff;color:#6846ef}.workspace-empty>span svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.workspace-empty h3{margin:13px 0 4px;color:#17375f;font-size:14px}.workspace-empty p{max-width:500px;margin:0 0 15px;color:#8090a7;font-size:10px}.workspace-secondary-btn{height:40px;padding:0 15px;border:1px solid #d9e2ee;border-radius:9px;background:#fff;color:#405b7b;display:inline-flex;align-items:center;text-decoration:none;font-size:9px;font-weight:850} .workspace-pagination{min-height:70px;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}.workspace-pagination>span{color:#74859c;font-size:9px}.workspace-pagination nav{display:flex;gap:8px;align-items:center}.workspace-pagination nav a{width:35px;height:35px;display:grid;place-items:center;border:1px solid #dce4ef;border-radius:9px;background:#fff;color:#48617e;text-decoration:none;font-size:9px;font-weight:850}.workspace-pagination nav a.is-current{border-color:transparent;background:linear-gradient(135deg,#5b48ed,#812df5);color:#fff;box-shadow:0 7px 15px rgba(100,53,232,.22)}.workspace-pagination nav a.is-disabled{opacity:.4;pointer-events:none}.workspace-pagination>label{justify-self:end;display:flex!important;align-items:center;gap:10px;margin:0!important;color:#75849a;font-size:9px;font-weight:500}.workspace-pagination .workspace-select{width:75px;height:38px} html[data-theme="dark"] .workspace-directory-card,body.dark .workspace-directory-card,html[data-theme="dark"] .workspace-kpi,body.dark .workspace-kpi{background:#142339;border-color:#2b3d55}.dark .workspace-kpi strong,html[data-theme="dark"] .workspace-kpi strong,.dark .workspace-directory-title h2,html[data-theme="dark"] .workspace-directory-title h2{color:#eef4fd}.dark .workspace-kpi small,html[data-theme="dark"] .workspace-kpi small,.dark .workspace-kpi span,html[data-theme="dark"] .workspace-kpi span,.dark .workspace-directory-title p,html[data-theme="dark"] .workspace-directory-title p{color:#9cacbf}.dark .workspace-search,html[data-theme="dark"] .workspace-search,.dark .workspace-select,html[data-theme="dark"] .workspace-select,.dark .workspace-toolbar-btn,html[data-theme="dark"] .workspace-toolbar-btn,.dark .workspace-popover,html[data-theme="dark"] .workspace-popover,.dark .workspace-table td,html[data-theme="dark"] .workspace-table td,.dark .workspace-row-menu>summary,html[data-theme="dark"] .workspace-row-menu>summary,.dark .workspace-row-menu>div,html[data-theme="dark"] .workspace-row-menu>div{background:#102036;color:#d8e2ef;border-color:#30435b}.dark .workspace-search input,html[data-theme="dark"] .workspace-search input{color:#edf5ff}.dark .workspace-table th,html[data-theme="dark"] .workspace-table th{background:#172940;color:#9aabbe;border-color:#304157}.dark .workspace-table td,html[data-theme="dark"] .workspace-table td{border-color:#293a50}.dark .workspace-table tbody tr:hover td,html[data-theme="dark"] .workspace-table tbody tr:hover td{background:#172941}.dark .workspace-name-cell strong,html[data-theme="dark"] .workspace-name-cell strong,.dark .workspace-customer-link,html[data-theme="dark"] .workspace-customer-link,.dark .workspace-contact strong,html[data-theme="dark"] .workspace-contact strong,.dark .workspace-number,html[data-theme="dark"] .workspace-number{color:#dceaff}.dark .workspace-empty,html[data-theme="dark"] .workspace-empty{background:#102036;border-color:#30435b}.dark .workspace-empty h3,html[data-theme="dark"] .workspace-empty h3{color:#eef5ff} @media(max-width:1280px){.workspace-hero{grid-template-columns:minmax(0,1fr) 300px}.workspace-hero-art{right:275px;width:330px;opacity:.6}.workspace-hero-actions{gap:10px}.workspace-capacity-card{width:170px}.workspace-create-btn{min-width:178px}.workspace-toolbar{grid-template-columns:minmax(250px,1fr) 145px 145px auto auto auto}.workspace-kpi{grid-template-columns:50px minmax(0,1fr);padding:19px 17px}.workspace-kpi-icon{width:48px;height:48px}.workspace-kpi-icon svg{width:23px;height:23px}} @media(max-width:1080px){.workspace-hero{grid-template-columns:1fr;min-height:0}.workspace-hero-copy{max-width:720px}.workspace-hero-art{right:20px;bottom:0;width:300px;opacity:.28}.workspace-hero-actions{justify-content:flex-start}.workspace-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-toolbar{grid-template-columns:minmax(250px,1fr) repeat(2,minmax(135px,.45fr));}.workspace-toolbar-menu,.workspace-toolbar>a{justify-self:stretch}.workspace-toolbar-btn{width:100%}.workspace-table-wrap{overflow-x:auto}.workspace-table{min-width:980px}.workspace-pagination{grid-template-columns:1fr auto}.workspace-pagination>label{grid-column:1/-1;justify-self:end;margin-top:-8px!important}} @media(max-width:720px){.workspace-hero{padding:21px}.workspace-hero h1{font-size:27px}.workspace-hero-art{display:none}.workspace-hero-actions{align-items:stretch;flex-direction:column}.workspace-capacity-card{width:100%;min-height:112px}.workspace-create-btn{width:100%;min-height:52px}.workspace-kpi-grid{grid-template-columns:1fr}.workspace-kpi{min-height:126px}.workspace-toolbar{grid-template-columns:1fr}.workspace-toolbar .workspace-search,.workspace-toolbar .workspace-select,.workspace-toolbar-btn{width:100%}.workspace-popover{left:0;right:auto;width:min(290px,calc(100vw - 76px))}.workspace-directory-card{padding:16px 14px 0}.workspace-directory-title{flex-direction:column}.workspace-directory-title>span{align-self:flex-start}.workspace-pagination{grid-template-columns:1fr;justify-items:center;padding:14px 0 18px}.workspace-pagination>span{justify-self:center}.workspace-pagination>label{grid-column:auto;justify-self:center;margin:0!important}.workspace-hero-pills{gap:7px}.workspace-hero-pills span{min-height:32px;padding:0 10px;font-size:9px}} /* EngiCore 18.5x - Partners navigation + full-width Customer Workspaces canvas */ .workspace-body{ background:#fff!important; } .workspace-body .shell{ width:100%!important; max-width:100vw!important; min-height:100vh!important; background:#fff!important; } .workspace-body .workspace-page{ width:100%!important; max-width:none!important; min-width:0!important; min-height:100vh!important; background:#fff!important; box-sizing:border-box!important; } .workspace-body .workspace-page>.top, .workspace-body .workspace-page>.workspace-hero, .workspace-body .workspace-page>.workspace-kpi-grid, .workspace-body .workspace-page>.workspace-create-panel, .workspace-body .workspace-page>.workspace-directory-card, .workspace-body .workspace-page>.alert{ width:100%!important; max-width:none!important; box-sizing:border-box!important; } /* Remove the old grey portal canvas around this module while retaining comfortable content padding. */ .workspace-body .workspace-page:before{ content:""; position:fixed; z-index:-1; inset:0 0 0 clamp(220px,16vw,270px); background:#fff; pointer-events:none; } html[data-theme="dark"] .workspace-body, body.workspace-body.dark, html[data-theme="dark"] .workspace-body .shell, html[data-theme="dark"] .workspace-body .workspace-page{ background:#0f1b2b!important; } html[data-theme="dark"] .workspace-body .workspace-page:before, body.workspace-body.dark .workspace-page:before{ background:#0f1b2b!important; } @media(max-width:1180px){ .workspace-body .workspace-page:before{left:220px} } @media(max-width:950px){ .workspace-body .workspace-page:before{left:0} } .workspace-body .workspace-page{position:relative;z-index:0} .workspace-body .workspace-page:before{left:clamp(220px,16vw,270px)} @media(max-width:1180px){.workspace-body .workspace-page:before{left:220px}} @media(max-width:950px){.workspace-body .workspace-page:before{left:0}} /* EngiCore 18.5y - edge-to-edge Customer Workspaces content canvas */ .workspace-body .workspace-page.content{ padding-left:0!important; padding-right:0!important; } .workspace-body .workspace-page>.top, .workspace-body .workspace-page>.workspace-hero, .workspace-body .workspace-page>.workspace-kpi-grid, .workspace-body .workspace-page>.workspace-create-panel, .workspace-body .workspace-page>.workspace-directory-card, .workspace-body .workspace-page>.alert{ margin-left:0!important; margin-right:0!important; } .workspace-body .workspace-page>.top{ border-radius:0!important; } .workspace-body .workspace-page>.workspace-hero{ border-radius:0 0 20px 20px!important; } .workspace-body .workspace-page>.workspace-kpi-grid, .workspace-body .workspace-page>.workspace-directory-card, .workspace-body .workspace-page>.workspace-create-panel, .workspace-body .workspace-page>.alert{ width:100%!important; max-width:none!important; } @media(max-width:950px){ .workspace-body .workspace-page.content{ padding-left:0!important; padding-right:0!important; } } /* EngiCore 18.5z - Partner provisioning anchor */ #provision-partner{scroll-margin-top:24px} html{scroll-behavior:smooth} /* EngiCore 18.6a - Customers KPI uplift */ .customers-dashboard-page .customers-kpi-grid-modern{ gap:16px!important; margin:16px 0 18px!important; } .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-card{ --kpi-accent:#4f7cff; --kpi-soft:#eef4ff; position:relative!important; overflow:hidden!important; display:grid!important; grid-template-columns:58px minmax(0,1fr)!important; align-items:center!important; gap:16px!important; min-height:122px!important; padding:20px 22px 22px!important; border:1px solid #e4eaf3!important; border-radius:18px!important; background:linear-gradient(145deg,#ffffff 0%,#fbfcff 100%)!important; box-shadow:0 10px 28px rgba(26,46,83,.07)!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important; } .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-card:after{ content:""!important; position:absolute!important; left:0!important; right:0!important; bottom:0!important; height:4px!important; background:linear-gradient(90deg,var(--kpi-accent),color-mix(in srgb,var(--kpi-accent) 62%,#ffffff))!important; } .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-card:hover{ transform:translateY(-2px)!important; border-color:color-mix(in srgb,var(--kpi-accent) 28%,#dfe6f1)!important; box-shadow:0 16px 34px rgba(26,46,83,.11)!important; } .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-blue{--kpi-accent:#4f6cff;--kpi-soft:#eef1ff} .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-green{--kpi-accent:#17b879;--kpi-soft:#e9f9f2} .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-amber{--kpi-accent:#f59a23;--kpi-soft:#fff4e5} .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-red{--kpi-accent:#ef5361;--kpi-soft:#ffedef} .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-icon{ width:58px!important; height:58px!important; min-width:58px!important; border-radius:16px!important; display:grid!important; place-items:center!important; background:var(--kpi-soft)!important; color:var(--kpi-accent)!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kpi-accent) 10%,transparent)!important; } .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-icon svg{ width:27px!important; height:27px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.9!important; stroke-linecap:round!important; stroke-linejoin:round!important; } .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-copy{ min-width:0!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-rows:auto auto!important; align-items:end!important; column-gap:10px!important; } .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-copy>span{ grid-column:1/-1!important; display:block!important; margin:0 0 4px!important; color:#6f7f98!important; font-size:10px!important; line-height:1.2!important; font-weight:900!important; letter-spacing:.085em!important; text-transform:uppercase!important; } .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-copy>strong{ grid-column:1!important; margin:0!important; color:#102f58!important; font-size:31px!important; line-height:1!important; font-weight:900!important; letter-spacing:-.035em!important; } .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-copy>small{ grid-column:1/-1!important; display:block!important; margin:7px 0 0!important; color:#8b98aa!important; font-size:9.5px!important; line-height:1.35!important; font-weight:600!important; } html[data-theme="dark"] .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-card, body.dark .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-card{ background:linear-gradient(145deg,#15243a,#122137)!important; border-color:#2a3d57!important; box-shadow:0 12px 30px rgba(0,0,0,.18)!important; } html[data-theme="dark"] .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-copy>strong, body.dark .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-copy>strong{color:#eff5ff!important} html[data-theme="dark"] .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-copy>span, body.dark .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-copy>span{color:#a8b5c8!important} html[data-theme="dark"] .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-copy>small, body.dark .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-copy>small{color:#8999ae!important} @media(max-width:1200px){ .customers-dashboard-page .customers-kpi-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:680px){ .customers-dashboard-page .customers-kpi-grid-modern{grid-template-columns:1fr!important;gap:11px!important} .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-card{min-height:106px!important;padding:16px 17px 18px!important;grid-template-columns:50px minmax(0,1fr)!important;gap:13px!important} .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-icon{width:50px!important;height:50px!important;min-width:50px!important;border-radius:14px!important} .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-icon svg{width:23px!important;height:23px!important} .customers-dashboard-page .customers-kpi-grid-modern .customers-kpi-copy>strong{font-size:28px!important} } /* ========================================================== EngiCore 18.6c — Partners hero feature cards Balanced 2x2 glass-card treatment for the four tenancy benefits. ========================================================== */ .workspace-page .workspace-hero-copy{max-width:700px} .workspace-page .workspace-hero-pills{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:min(100%,660px); margin-top:20px; } .workspace-page .workspace-hero-pills span{ position:relative; display:grid; grid-template-columns:46px minmax(0,1fr); align-items:center; gap:14px; min-height:76px; padding:12px 16px 12px 12px; overflow:hidden; border:1px solid rgba(255,255,255,.22); border-radius:16px; background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.075)); color:#fff; font-size:12px; font-weight:850; letter-spacing:-.01em; line-height:1.25; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 9px 24px rgba(4,20,92,.16); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease; } .workspace-page .workspace-hero-pills span:before{ content:""; position:absolute; inset:auto -24px -36px auto; width:100px; height:100px; border-radius:50%; background:radial-gradient(circle,rgba(135,181,255,.16),transparent 68%); pointer-events:none; } .workspace-page .workspace-hero-pills span:hover{ transform:translateY(-2px); border-color:rgba(255,255,255,.34); background:linear-gradient(135deg,rgba(255,255,255,.205),rgba(255,255,255,.095)); box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 13px 28px rgba(4,20,92,.22); } .workspace-page .workspace-hero-pills svg{ position:relative; z-index:1; width:46px; height:46px; padding:11px; border:1px solid rgba(255,255,255,.24); border-radius:13px; background:linear-gradient(145deg,rgba(64,176,255,.38),rgba(94,76,255,.24)); color:#fff; fill:none; stroke:currentColor; stroke-width:1.85; stroke-linecap:round; stroke-linejoin:round; box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 7px 18px rgba(20,78,220,.2); } @media(max-width:1280px){ .workspace-page .workspace-hero-pills{width:min(100%,600px);gap:10px} .workspace-page .workspace-hero-pills span{min-height:70px;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:10px 13px 10px 10px;font-size:11px} .workspace-page .workspace-hero-pills svg{width:42px;height:42px;padding:10px} } @media(max-width:820px){ .workspace-page .workspace-hero-pills{grid-template-columns:1fr;width:100%} .workspace-page .workspace-hero-pills span{min-height:64px} } /* ========================================================== EngiCore 18.6e — compact Partner hero feature cards Reduces the four benefit cards by approximately 30% while retaining the balanced 2x2 glass-card layout. ========================================================== */ .workspace-page .workspace-hero-copy{max-width:620px} .workspace-page .workspace-hero-pills{ width:min(100%,470px); gap:8px; margin-top:14px; } .workspace-page .workspace-hero-pills span{ grid-template-columns:34px minmax(0,1fr); gap:9px; min-height:54px; padding:8px 11px 8px 8px; border-radius:12px; font-size:10.5px; line-height:1.18; box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 6px 17px rgba(4,20,92,.14); } .workspace-page .workspace-hero-pills span:before{ right:-18px; bottom:-28px; width:72px; height:72px; } .workspace-page .workspace-hero-pills svg{ width:34px; height:34px; padding:8px; border-radius:10px; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 5px 12px rgba(20,78,220,.18); } @media(max-width:1280px){ .workspace-page .workspace-hero-pills{width:min(100%,440px);gap:7px} .workspace-page .workspace-hero-pills span{min-height:50px;grid-template-columns:31px minmax(0,1fr);gap:8px;padding:7px 9px 7px 7px;font-size:10px} .workspace-page .workspace-hero-pills svg{width:31px;height:31px;padding:7px} } @media(max-width:820px){ .workspace-page .workspace-hero-pills{grid-template-columns:repeat(2,minmax(0,1fr));width:100%} .workspace-page .workspace-hero-pills span{min-height:50px} } @media(max-width:560px){ .workspace-page .workspace-hero-pills{grid-template-columns:1fr} } /* ========================================================== EngiCore Stage 18.6g — Partners dashboard visual uplift Cleaner KPI cards, stronger directory hierarchy, improved first partner empty state and a more balanced capacity/action cluster. ========================================================== */ .workspace-page .workspace-hero{ min-height:230px!important; padding:28px 34px!important; background: radial-gradient(circle at 15% 0,rgba(80,196,255,.32),transparent 34%), radial-gradient(circle at 94% 65%,rgba(204,42,255,.38),transparent 34%), linear-gradient(115deg,#0868ce 0%,#1746bf 34%,#3427b5 67%,#6508d6 100%)!important; } .workspace-page .workspace-hero-actions{gap:14px!important} .workspace-page .workspace-capacity-card{ position:relative!important; width:218px!important; min-height:112px!important; padding:17px 20px 16px!important; border-radius:19px!important; overflow:hidden!important; align-content:start!important; border:1px solid rgba(255,255,255,.75)!important; box-shadow:0 16px 34px rgba(8,18,80,.21)!important; } .workspace-page .workspace-capacity-card:before{ content:"";position:absolute;left:0;top:0;bottom:0;width:5px; background:linear-gradient(180deg,#258cff,#7d32f3); } .workspace-page .workspace-capacity-card small{font-size:8.5px!important;letter-spacing:.12em!important} .workspace-page .workspace-capacity-card strong{font-size:31px!important;margin-top:4px!important} .workspace-page .workspace-capacity-card span{font-size:9.5px!important;margin-top:2px!important} .workspace-page .workspace-capacity-card>i{height:6px!important;margin-top:10px!important} .workspace-page .workspace-create-btn{ min-width:190px!important;min-height:54px!important;border-radius:15px!important; box-shadow:0 14px 30px rgba(70,24,194,.30),inset 0 1px 0 rgba(255,255,255,.18)!important; } .workspace-page .workspace-kpi-grid{gap:16px!important;margin:0 0 20px!important} .workspace-page .workspace-kpi{ --partner-accent:#7445f3;--partner-soft:#f1ecff; min-height:166px!important; padding:23px 22px 20px 25px!important; grid-template-columns:68px minmax(0,1fr)!important; grid-template-rows:auto 34px!important; column-gap:18px!important; border:1px solid color-mix(in srgb,var(--partner-accent) 24%,#dfe6f1)!important; border-left:4px solid var(--partner-accent)!important; border-radius:20px!important; background:linear-gradient(135deg,#fff 0%,#fff 62%,color-mix(in srgb,var(--partner-accent) 6%,#fff) 100%)!important; box-shadow:0 12px 30px rgba(30,48,87,.08)!important; } .workspace-page .workspace-kpi:before{ content:"";position:absolute;right:18px;top:18px;width:44px;height:44px;opacity:.24; background-image:radial-gradient(circle,var(--partner-accent) 1.35px,transparent 1.6px); background-size:8px 8px; } .workspace-page .workspace-kpi:after{ width:150px!important;height:150px!important;right:-46px!important;bottom:-65px!important; background:radial-gradient(circle,color-mix(in srgb,var(--partner-accent) 12%,transparent),transparent 68%)!important; } .workspace-page .workspace-kpi-purple{--partner-accent:#7445f3;--partner-soft:#eee8ff} .workspace-page .workspace-kpi-blue{--partner-accent:#287fff;--partner-soft:#e8f2ff} .workspace-page .workspace-kpi-green{--partner-accent:#10b87b;--partner-soft:#e4f8ef} .workspace-page .workspace-kpi-orange{--partner-accent:#ff7b08;--partner-soft:#fff0df} .workspace-page .workspace-kpi-icon{ width:64px!important;height:64px!important;border-radius:17px!important; background:linear-gradient(145deg,color-mix(in srgb,var(--partner-accent) 92%,#fff),var(--partner-accent))!important; color:#fff!important; box-shadow:0 10px 22px color-mix(in srgb,var(--partner-accent) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.26)!important; } .workspace-page .workspace-kpi-icon svg{width:31px!important;height:31px!important;stroke-width:1.9!important} .workspace-page .workspace-kpi small{color:color-mix(in srgb,var(--partner-accent) 72%,#294568)!important;font-size:9.5px!important;letter-spacing:.07em!important} .workspace-page .workspace-kpi strong{font-size:31px!important;color:#0a315f!important} .workspace-page .workspace-kpi span{font-size:10px!important;color:#75859c!important} .workspace-page .workspace-spark polyline{stroke:var(--partner-accent)!important;stroke-width:1.75!important} .workspace-page .workspace-directory-card{ padding:23px 22px 0!important; border:1px solid #ddd8fa!important; border-radius:21px!important; background: radial-gradient(circle at 36% 0,rgba(121,72,244,.055),transparent 28%), linear-gradient(180deg,#fff,#fdfdff)!important; box-shadow:0 14px 36px rgba(35,49,86,.08)!important; } .workspace-page .workspace-directory-title{align-items:center!important;margin-bottom:17px!important} .workspace-page .workspace-directory-heading{display:flex;align-items:center;gap:13px;min-width:0} .workspace-page .workspace-directory-icon{ width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px; background:linear-gradient(145deg,#8d5aff,#6540ee);color:#fff; box-shadow:0 8px 18px rgba(105,67,234,.28),inset 0 1px 0 rgba(255,255,255,.24); } .workspace-page .workspace-directory-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .workspace-page .workspace-directory-title h2{font-size:19px!important} .workspace-page .workspace-directory-title p{font-size:10.5px!important} .workspace-page .workspace-directory-title>span{ border-color:#e3defa!important;background:linear-gradient(135deg,#faf8ff,#fff)!important;color:#6c5bbb!important; } .workspace-page .workspace-toolbar{gap:13px!important;margin-bottom:16px!important} .workspace-page .workspace-search{height:49px!important;border-color:#cfc5ff!important;box-shadow:inset 0 0 0 1px rgba(113,71,239,.03)!important} .workspace-page .workspace-toolbar-btn,.workspace-page .workspace-select{height:49px!important;border-radius:12px!important} .workspace-page .workspace-toolbar-btn:hover{box-shadow:0 7px 18px rgba(84,67,201,.10)!important} .workspace-page .workspace-empty{ min-height:300px!important; border-color:#d6cdfd!important; border-radius:18px!important; background: radial-gradient(circle at 8% 92%,rgba(118,71,244,.07),transparent 22%), radial-gradient(circle at 92% 8%,rgba(72,125,255,.055),transparent 22%), linear-gradient(180deg,#fff,#fcfbff)!important; } .workspace-page .workspace-empty.is-first-partner{ display:grid!important; grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr)!important; align-items:center!important; gap:28px!important; padding:28px 42px!important; text-align:left!important; } .workspace-page .workspace-empty-visual{min-width:0;width:100%;max-width:520px;justify-self:center} .workspace-page .workspace-empty-visual svg{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 28px rgba(84,61,186,.10))} .workspace-page .workspace-empty-copy{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0} .workspace-page .workspace-empty.is-first-partner .workspace-empty-copy{align-items:flex-start;text-align:left;max-width:460px} .workspace-page .workspace-empty-copy>span{ width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#eee9ff,#f7f4ff);color:#6846ef; box-shadow:inset 0 0 0 1px rgba(104,70,239,.07); } .workspace-page .workspace-empty-copy>span svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .workspace-page .workspace-empty-copy h3{margin:13px 0 5px!important;color:#17375f!important;font-size:18px!important} .workspace-page .workspace-empty-copy p{max-width:520px!important;margin:0!important;color:#7d8ca4!important;font-size:11px!important;line-height:1.55!important} .workspace-page .workspace-empty-copy .workspace-secondary-btn{margin-top:15px} html[data-theme="dark"] .workspace-page .workspace-kpi, body.dark .workspace-page .workspace-kpi{ background:linear-gradient(135deg,#142339,#142339 64%,color-mix(in srgb,var(--partner-accent) 11%,#142339))!important; border-color:color-mix(in srgb,var(--partner-accent) 34%,#2b3d55)!important; border-left-color:var(--partner-accent)!important; } html[data-theme="dark"] .workspace-page .workspace-directory-card, body.dark .workspace-page .workspace-directory-card{ background:linear-gradient(180deg,#142339,#122137)!important;border-color:#342f59!important; } html[data-theme="dark"] .workspace-page .workspace-empty, body.dark .workspace-page .workspace-empty{background:linear-gradient(180deg,#102036,#112138)!important;border-color:#3b3565!important} @media(max-width:1280px){ .workspace-page .workspace-capacity-card{width:190px!important} .workspace-page .workspace-kpi{grid-template-columns:56px minmax(0,1fr)!important;padding:20px 17px 18px 20px!important} .workspace-page .workspace-kpi-icon{width:54px!important;height:54px!important} .workspace-page .workspace-kpi-icon svg{width:26px!important;height:26px!important} } @media(max-width:900px){ .workspace-page .workspace-empty.is-first-partner{grid-template-columns:1fr!important;padding:24px!important;text-align:center!important} .workspace-page .workspace-empty.is-first-partner .workspace-empty-copy{align-items:center;text-align:center;justify-self:center} .workspace-page .workspace-empty-visual{max-width:420px} } /* ========================================================== EngiCore Stage 18.6g — Global full-width application canvas Removes the left/right content gutters across authenticated pages. The sidebar retains its own column; main page content fills the complete remaining application width. ========================================================== */ .shell > .content, .app-shell > .content, .shell > .main, .app-shell > .main, .content, .main{ width:100%!important; max-width:none!important; min-width:0!important; padding-left:0!important; padding-right:0!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } .content > .top, .main > .top{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; border-radius:0 0 18px 18px!important; } .content > .page-shell, .content > .page-container, .content > .dashboard-shell, .main > .page-shell, .main > .page-container, .main > .dashboard-shell{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; } @media(max-width:950px){ .content,.main{padding-left:0!important;padding-right:0!important} .content > .top,.main > .top{border-radius:0 0 14px 14px!important} } /* ========================================================== EngiCore Stage 18.6h — Standalone portal header safeguards Covers customer portal and engineer brief screens which do not use Layout::topbar(), keeping header content inside the viewport. ========================================================== */ .customer-portal-top, .engineer-brief-top{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; flex-wrap:wrap!important; overflow:visible!important; } .customer-portal-top > *, .engineer-brief-top > *{min-width:0!important;max-width:100%!important} .customer-portal-top > div:first-child{min-width:0!important} .customer-portal-top img{max-width:min(220px,42vw)!important} .customer-portal-user{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important} .customer-portal-user span{max-width:240px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} @media(max-width:620px){ .engineer-brief-top{align-items:flex-start!important} .engineer-brief-top > *{flex:1 1 auto!important} } /* ========================================================== EngiCore Stage 18.6j — shared canvas spacing correction Overrides the earlier zero-gutter canvas while retaining the full-width application layout introduced in 18.6g. ========================================================== */ body:not(.auth-page):not(.installer-page) .content, body:not(.auth-page):not(.installer-page) .main{ padding-left:var(--ec-page-gutter,16px)!important; padding-right:var(--ec-page-gutter,16px)!important; width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } body:not(.auth-page):not(.installer-page) .content > .top, body:not(.auth-page):not(.installer-page) .main > .top{ width:calc(100% + var(--ec-page-gutter,16px) + var(--ec-page-gutter,16px))!important; max-width:none!important; margin-left:calc(var(--ec-page-gutter,16px) * -1)!important; margin-right:calc(var(--ec-page-gutter,16px) * -1)!important; box-sizing:border-box!important; } /* ===== EngiCore 18.6t — Site 360 alignment + integrated Engineer Arrival Brief ===== */ .site185-history-grid{align-items:stretch!important} .site185-history-grid>.card{height:100%;min-height:280px} .site185-history-grid>.site360-table-card{display:flex;flex-direction:column} .site185-history-grid>.site360-table-card>.table-wrap{flex:1;display:flex;flex-direction:column} .site185-history-grid>.site360-table-card>.table-wrap>table{height:100%} .site185-history-grid>.site360-table-card .empty-state{min-height:116px;display:grid;place-items:center;text-align:center} .site185-history-grid>.site185-timeline-card{display:flex;flex-direction:column} .site185-history-grid>.site185-timeline-card .site185-timeline{flex:1} .site185-history-grid>.site185-timeline-card .site185-timeline>.muted:only-child{min-height:150px;display:flex;align-items:center;margin:0} .settings-page>.alert{width:100%;max-width:100%;box-sizing:border-box;margin:16px 0 18px!important;padding:13px 16px!important;line-height:1.45;overflow-wrap:anywhere;position:relative;z-index:1} .settings-page>.top+.alert{margin-top:0!important} .engineer-brief-page{background:#eef3f9!important} .engineer-brief-page .shell{min-height:100vh} .engineer-brief-content{min-width:0} .engineer-brief-content>.top{margin-bottom:16px} .engineer-brief-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 28px!important} .engineer-brief-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;margin:0 0 14px;border:1px solid #dfe7f2;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 8px 22px rgba(25,45,77,.05);font-size:11px;font-weight:800} .engineer-brief-top a{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #dbe5f1;border-radius:10px;background:#fff;color:#234d81;text-decoration:none} .engineer-brief-top a:hover{border-color:#9fc8f4;background:#f6fbff} .engineer-brief-top span{color:#718197;font-weight:900;letter-spacing:.04em} .engineer-brief-hero{position:relative;display:grid!important;grid-template-columns:minmax(0,230px) 1fr!important;min-height:190px!important;border-radius:22px!important;margin-bottom:14px!important;background:linear-gradient(125deg,#12345f 0%,#28568e 48%,#6c43c8 100%)!important;box-shadow:0 16px 38px rgba(24,48,84,.16)!important} .engineer-brief-hero:after{content:"";position:absolute;inset:auto -70px -120px auto;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none} .engineer-brief-hero img{width:100%;height:100%;min-height:190px!important;object-fit:cover} .engineer-brief-hero>div{padding:26px 30px!important;position:relative;z-index:1} .engineer-brief-hero span{display:inline-flex;align-self:flex-start;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.13);color:#dce8ff!important;font-size:8.5px!important} .engineer-brief-hero h1{margin:10px 0 7px!important;font-size:30px!important;line-height:1.08!important;max-width:760px} .engineer-brief-hero p{font-size:12px!important;margin:0 0 10px!important} .engineer-brief-hero strong{font-size:10.5px!important} .engineer-brief-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:14px!important} .engineer-brief-grid article{position:relative;min-height:128px!important;padding:17px!important;border:1px solid #e0e8f2!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(21,43,72,.05)!important;overflow:hidden} .engineer-brief-grid article:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#3179ec,#7a4ce4)} .engineer-brief-grid article:nth-child(2):before{background:linear-gradient(90deg,#14a779,#49cda1)} .engineer-brief-grid article:nth-child(3):before{background:linear-gradient(90deg,#ee9b2d,#f2c053)} .engineer-brief-grid article:nth-child(4):before{background:linear-gradient(90deg,#7049dc,#a055e8)} .engineer-brief-grid article>span{color:#7487a3!important;font-size:8px!important} .engineer-brief-grid article h2{font-size:15px!important;margin:8px 0 6px!important;color:#203754!important} .engineer-brief-grid article p,.engineer-brief-grid article a{font-size:10.5px!important;line-height:1.5} .engineer-brief-section{border-radius:18px!important;border:1px solid #e0e7f0!important;background:#fff!important;padding:18px!important;box-shadow:0 8px 24px rgba(21,43,72,.045)!important;margin-bottom:14px!important} .engineer-brief-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:14px!important} .engineer-brief-heading>span{color:#6b4ce0!important;background:#f0ebff;border-radius:999px;padding:6px 9px} .engineer-brief-heading h2{font-size:19px!important;margin:0!important;color:#1d3150!important} .engineer-brief-capture{background:linear-gradient(180deg,#fbfdff,#f5f9ff)!important;border-color:#d4e3f6!important} .engineer-brief-capture-grid{gap:12px!important} .engineer-brief-capture-grid>form{padding:15px!important;border-radius:15px!important;background:#fff!important;border:1px solid #e0e7f1!important} .engineer-brief-footer{padding:4px 2px 0!important} @media(max-width:1100px){.engineer-brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.engineer-brief-hero{grid-template-columns:minmax(0,190px) 1fr!important}} @media(max-width:760px){.engineer-brief-content{padding:14px!important}.engineer-brief-hero{grid-template-columns:1fr!important}.engineer-brief-hero img{max-height:210px}.engineer-brief-grid{grid-template-columns:1fr!important}.engineer-brief-top{flex-wrap:wrap}.site185-history-grid{grid-template-columns:1fr!important}} html[data-theme="dark"] .engineer-brief-top,body.dark .engineer-brief-top,html[data-theme="dark"] .engineer-brief-grid article,body.dark .engineer-brief-grid article,html[data-theme="dark"] .engineer-brief-section,body.dark .engineer-brief-section{background:#15243a!important;border-color:#2b3e57!important} html[data-theme="dark"] .engineer-brief-top a,body.dark .engineer-brief-top a{background:#1a2d47;border-color:#334966;color:#cfe3ff} html[data-theme="dark"] .engineer-brief-grid article h2,body.dark .engineer-brief-grid article h2,html[data-theme="dark"] .engineer-brief-heading h2,body.dark .engineer-brief-heading h2{color:#eef5ff!important} /* Stage 18.6v - reliable full-row Sites navigation + single-line arrival hero */ .sites-directory-table td{position:relative} .sites-directory-table td>.sites-cell-hit{position:absolute;inset:0;z-index:1;display:block;border-radius:0} .sites-directory-table td>*:not(.sites-cell-hit){position:relative;z-index:2} .sites-directory-table .sites-row-actions,.sites-directory-table .sites-site-identity,.sites-directory-table .sites-contact-mini,.sites-directory-table .sites-service-badges,.sites-directory-table .sites-health,.sites-directory-table .sites-readiness,.sites-directory-table .sites-cover-stack,.sites-directory-table .sites-address,.sites-directory-table .sites-access-stack{pointer-events:auto} .sites-directory-table tbody tr{cursor:pointer} .engineer-brief-hero .engineer-brief-site-title{white-space:nowrap!important;max-width:none!important;font-size:clamp(24px,2.15vw,34px)!important;letter-spacing:-.02em} .engineer-brief-hero .engineer-brief-site-address{white-space:nowrap!important;max-width:none!important} @media(max-width:980px){.engineer-brief-hero .engineer-brief-site-title,.engineer-brief-hero .engineer-brief-site-address{white-space:normal!important}} /* ========================================================== EngiCore 18.6ZC — Partners page compact enterprise refinement Reduces hero/KPI bulk, improves hierarchy, contrast and toolbar density. ========================================================== */ .workspace-page .workspace-hero{ min-height:182px!important; grid-template-columns:minmax(0,1fr) 300px!important; gap:22px!important; padding:20px 26px!important; margin-bottom:14px!important; border-radius:17px!important; box-shadow:0 14px 34px rgba(31,42,128,.18)!important; background: radial-gradient(circle at 10% -25%,rgba(90,205,255,.28),transparent 34%), radial-gradient(circle at 94% 80%,rgba(207,52,255,.30),transparent 31%), linear-gradient(118deg,#0d74d8 0%,#174abb 33%,#3527b6 67%,#6a0fd3 100%)!important; } .workspace-page .workspace-hero:after{opacity:.52!important;right:260px!important;top:-125px!important;width:300px!important;height:300px!important} .workspace-page .workspace-hero-copy{max-width:600px!important} .workspace-page .workspace-kicker{padding:5px 10px!important;font-size:9px!important;letter-spacing:.11em!important} .workspace-page .workspace-hero h1{margin:10px 0 5px!important;font-size:28px!important;line-height:1.04!important} .workspace-page .workspace-hero p{max-width:520px!important;font-size:11.5px!important;line-height:1.45!important;color:rgba(255,255,255,.94)!important} .workspace-page .workspace-hero-pills{width:min(100%,445px)!important;gap:7px!important;margin-top:11px!important} .workspace-page .workspace-hero-pills span{ min-height:44px!important; grid-template-columns:28px minmax(0,1fr)!important; gap:8px!important; padding:6px 9px 6px 7px!important; border-radius:10px!important; font-size:9.5px!important; background:linear-gradient(135deg,rgba(255,255,255,.19),rgba(255,255,255,.10))!important; border-color:rgba(255,255,255,.24)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 12px rgba(5,23,90,.11)!important; } .workspace-page .workspace-hero-pills svg{width:28px!important;height:28px!important;padding:6px!important;border-radius:8px!important} .workspace-page .workspace-hero-art{right:280px!important;bottom:0!important;width:285px!important;height:150px!important;opacity:.42!important} .workspace-page .workspace-hero-actions{gap:10px!important;align-items:center!important} .workspace-page .workspace-capacity-card{ width:166px!important; min-height:98px!important; padding:13px 15px 12px 17px!important; border-radius:15px!important; box-shadow:0 12px 24px rgba(7,16,75,.18)!important; } .workspace-page .workspace-capacity-card:before{width:4px!important} .workspace-page .workspace-capacity-card small{font-size:8px!important} .workspace-page .workspace-capacity-card strong{font-size:27px!important;margin-top:2px!important} .workspace-page .workspace-capacity-card span{font-size:8.8px!important} .workspace-page .workspace-capacity-card>i{height:5px!important;margin-top:8px!important} .workspace-page .workspace-create-btn{ min-width:160px!important; min-height:48px!important; padding:0 18px!important; border-radius:13px!important; font-size:10.5px!important; box-shadow:0 10px 22px rgba(70,24,194,.24),inset 0 1px 0 rgba(255,255,255,.17)!important; } .workspace-page .workspace-kpi-grid{gap:12px!important;margin:0 0 14px!important} .workspace-page .workspace-kpi{ min-height:118px!important; padding:16px 17px 15px 18px!important; grid-template-columns:50px minmax(0,1fr)!important; grid-template-rows:auto 25px!important; column-gap:13px!important; border-left-width:3px!important; border-radius:15px!important; box-shadow:0 8px 20px rgba(30,48,87,.065)!important; } .workspace-page .workspace-kpi:before{right:12px!important;top:11px!important;width:34px!important;height:34px!important;background-size:7px 7px!important;opacity:.18!important} .workspace-page .workspace-kpi:after{width:100px!important;height:100px!important;right:-32px!important;bottom:-48px!important} .workspace-page .workspace-kpi-icon{width:48px!important;height:48px!important;border-radius:13px!important;box-shadow:0 7px 16px color-mix(in srgb,var(--partner-accent) 19%,transparent),inset 0 1px 0 rgba(255,255,255,.24)!important} .workspace-page .workspace-kpi-icon svg{width:23px!important;height:23px!important;stroke-width:1.8!important} .workspace-page .workspace-kpi small{font-size:8.6px!important;letter-spacing:.065em!important} .workspace-page .workspace-kpi strong{font-size:26px!important;line-height:1.02!important} .workspace-page .workspace-kpi span{font-size:8.8px!important} .workspace-page .workspace-spark{height:22px!important;margin-top:1px!important} .workspace-page .workspace-spark polyline{stroke-width:1.55!important} .workspace-page .workspace-directory-card{ padding:18px 18px 0!important; border-radius:17px!important; box-shadow:0 10px 27px rgba(35,49,86,.065)!important; } .workspace-page .workspace-directory-title{margin-bottom:12px!important} .workspace-page .workspace-directory-heading{gap:10px!important} .workspace-page .workspace-directory-icon{width:34px!important;height:34px!important;border-radius:10px!important;box-shadow:0 6px 14px rgba(105,67,234,.21)!important} .workspace-page .workspace-directory-icon svg{width:18px!important;height:18px!important} .workspace-page .workspace-directory-title h2{font-size:17px!important} .workspace-page .workspace-directory-title p{font-size:9.6px!important;margin-top:2px!important} .workspace-page .workspace-directory-title>span{padding:6px 9px!important;font-size:8.5px!important} .workspace-page .workspace-toolbar{grid-template-columns:minmax(280px,1.55fr) 150px 150px auto auto auto!important;gap:9px!important;margin-bottom:12px!important} .workspace-page .workspace-search,.workspace-page .workspace-toolbar-btn,.workspace-page .workspace-select{height:42px!important;border-radius:10px!important} .workspace-page .workspace-search{padding:0 11px!important} .workspace-page .workspace-search input{font-size:9.8px!important} .workspace-page .workspace-select{padding-left:11px!important;font-size:9.4px!important} .workspace-page .workspace-toolbar-btn{min-width:90px!important;padding:0 12px!important;font-size:9.4px!important;gap:7px!important} .workspace-page .workspace-toolbar-btn svg{width:15px!important;height:15px!important} @media(max-width:1280px){ .workspace-page .workspace-hero{grid-template-columns:minmax(0,1fr) 270px!important;padding:20px 22px!important} .workspace-page .workspace-hero-art{right:245px!important;width:250px!important;opacity:.30!important} .workspace-page .workspace-capacity-card{width:148px!important} .workspace-page .workspace-create-btn{min-width:145px!important} .workspace-page .workspace-toolbar{grid-template-columns:minmax(240px,1fr) 135px 135px auto auto auto!important} } @media(max-width:1080px){ .workspace-page .workspace-hero{grid-template-columns:1fr!important;min-height:0!important} .workspace-page .workspace-hero-actions{justify-content:flex-start!important} .workspace-page .workspace-hero-art{right:20px!important;opacity:.18!important} .workspace-page .workspace-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .workspace-page .workspace-toolbar{grid-template-columns:minmax(230px,1fr) repeat(2,minmax(125px,.45fr))!important} } @media(max-width:720px){ .workspace-page .workspace-hero{padding:18px!important} .workspace-page .workspace-hero h1{font-size:25px!important} .workspace-page .workspace-hero-pills{grid-template-columns:1fr!important;width:100%!important} .workspace-page .workspace-hero-actions{flex-direction:column!important;align-items:stretch!important} .workspace-page .workspace-capacity-card,.workspace-page .workspace-create-btn{width:100%!important;min-width:0!important} .workspace-page .workspace-kpi-grid{grid-template-columns:1fr!important} .workspace-page .workspace-kpi{min-height:105px!important} .workspace-page .workspace-toolbar{grid-template-columns:1fr!important} } /* ========================================================== EngiCore 18.6ZZ — Customer 360 summary card refinement Compact, aligned and visually balanced metric cards. ========================================================== */ .customer-360-page .customer360-summary-grid.c360-summary-icons{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; margin-bottom:16px!important; } .customer-360-page .c360-summary-icons .customer360-summary{ position:relative!important; display:grid!important; grid-template-columns:52px minmax(0,1fr)!important; align-items:center!important; column-gap:14px!important; min-height:112px!important; padding:18px 20px!important; border:1px solid #dfe7f1!important; border-radius:18px!important; background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important; box-shadow:0 8px 22px rgba(28,48,78,.055)!important; overflow:hidden!important; } .customer-360-page .c360-summary-icons .customer360-summary::after{ content:""!important; position:absolute!important; left:0!important; right:0!important; bottom:0!important; height:3px!important; background:#7a42ff!important; opacity:.88!important; } .customer-360-page .c360-summary-icons .customer360-summary:nth-child(2)::after{background:#18a8d8!important} .customer-360-page .c360-summary-icons .customer360-summary:nth-child(3)::after{background:#20b878!important} .customer-360-page .c360-summary-icons .customer360-summary:nth-child(4)::after{background:#f2a51b!important} .customer-360-page .c360-summary-icons .c360-summary-icon{ width:52px!important; height:52px!important; flex:0 0 52px!important; border-radius:15px!important; margin:0!important; } .customer-360-page .c360-summary-icons .c360-summary-icon svg{ width:24px!important; height:24px!important; } .customer-360-page .c360-summary-icons .customer360-summary>div{ display:grid!important; grid-template-columns:1fr!important; align-content:center!important; gap:2px!important; min-width:0!important; text-align:left!important; } .customer-360-page .c360-summary-icons .customer360-summary small{ margin:0!important; color:#637791!important; font-size:10px!important; line-height:1.25!important; font-weight:900!important; letter-spacing:.075em!important; text-transform:uppercase!important; } .customer-360-page .c360-summary-icons .customer360-summary strong{ display:block!important; margin:1px 0 0!important; color:#102b52!important; font-size:25px!important; line-height:1.08!important; font-weight:850!important; letter-spacing:-.025em!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .customer-360-page .c360-summary-icons .customer360-summary:first-child strong{ font-size:20px!important; } .customer-360-page .c360-summary-icons .customer360-summary span:not(.c360-summary-icon){ display:block!important; margin-top:2px!important; color:#7d8da4!important; font-size:10.5px!important; line-height:1.35!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } @media(max-width:1180px){ .customer-360-page .customer360-summary-grid.c360-summary-icons{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:680px){ .customer-360-page .customer360-summary-grid.c360-summary-icons{grid-template-columns:1fr!important} } html[data-theme="dark"] .customer-360-page .c360-summary-icons .customer360-summary{ background:#132239!important; border-color:#2b3e58!important; box-shadow:none!important; } /* ===== Stage 18.7B — Customer status + summary icon visual refresh ===== */ .customer-360-page .customer-account-status-banner{ position:relative!important;overflow:hidden!important;min-height:108px!important;padding:18px 20px!important;gap:16px!important; border-radius:20px!important;border:1px solid #dfe7f2!important;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#f4f0ff 100%)!important; box-shadow:0 10px 28px rgba(20,45,80,.06)!important; } .customer-360-page .customer-account-status-banner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#6f42e8,#3284f5)} .customer-360-page .customer-account-status-banner.status-active{border-color:#c5ead9!important;background:linear-gradient(135deg,#fbfffd 0%,#f3fcf8 58%,#edf8ff 100%)!important} .customer-360-page .customer-account-status-banner.status-active:before{background:linear-gradient(180deg,#12ba7b,#22d3a2)} .customer-360-page .customer-account-status-banner.status-suspended{border-color:#f0c891!important;background:linear-gradient(135deg,#fffdf8 0%,#fff8ea 58%,#fff4ec 100%)!important} .customer-360-page .customer-account-status-banner.status-suspended:before{background:linear-gradient(180deg,#f59e0b,#ef6c00)} .customer-360-page .customer-status-icon{width:52px!important;height:52px!important;flex-basis:52px!important;border-radius:15px!important;background:linear-gradient(145deg,#7244ed,#357cf4)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:25px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(74,88,215,.2)!important} .customer-360-page .status-active .customer-status-icon{background:linear-gradient(145deg,#22c98a,#0aa66d)!important;box-shadow:0 10px 22px rgba(12,166,108,.2)!important} .customer-360-page .status-suspended .customer-status-icon{background:linear-gradient(145deg,#ffad28,#ef7c00)!important;box-shadow:0 10px 22px rgba(239,124,0,.18)!important} .customer-360-page .customer-status-copy{display:grid!important;gap:2px!important;align-content:center!important}.customer-360-page .customer-status-copy>span{font-size:.64rem!important;letter-spacing:.1em!important;text-transform:uppercase!important;font-weight:900!important;color:#73839a!important}.customer-360-page .customer-status-copy>strong{font-size:1.28rem!important;color:#11335b!important;line-height:1.12!important}.customer-360-page .customer-status-copy>p{margin:3px 0 0!important;max-width:760px!important;font-size:.73rem!important;line-height:1.45!important;color:#6f8098!important} .customer-360-page .customer-status-permissions{display:grid!important;grid-template-columns:repeat(2,minmax(112px,1fr))!important;gap:7px!important;min-width:260px!important}.customer-360-page .customer-status-permissions span{display:flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;padding:6px 10px!important;border-radius:999px!important;font-size:.66rem!important;font-weight:850!important;border:1px solid transparent!important}.customer-360-page .customer-status-permissions .allowed{background:#e9f9f1!important;color:#078451!important;border-color:#c8eedb!important}.customer-360-page .customer-status-permissions .blocked{background:#fff0f1!important;color:#c83b4d!important;border-color:#f4d0d5!important} .customer-360-page .c360-summary-icon{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:14px!important;color:#fff!important;box-shadow:0 10px 20px rgba(25,54,92,.14)!important;border:1px solid rgba(255,255,255,.35)!important}.customer-360-page .c360-summary-icon svg{width:23px!important;height:23px!important;stroke:#fff!important;stroke-width:2.25!important}.customer-360-page .c360-summary-icon.contact{background:linear-gradient(145deg,#7c3aed,#5b21b6)!important}.customer-360-page .c360-summary-icon.site{background:linear-gradient(145deg,#21a5e8,#0879c9)!important}.customer-360-page .c360-summary-icon.jobs{background:linear-gradient(145deg,#22c987,#059669)!important}.customer-360-page .c360-summary-icon.portal{background:linear-gradient(145deg,#ffb52e,#e68100)!important} .payment-only-top .notification-centre,.payment-only-top .communication-centre,.payment-only-top>a.top-icon{display:none!important}.payment-only-top .top-profile-dropdown a:not(.danger){display:none!important} @media(max-width:900px){.customer-360-page .customer-account-status-banner{grid-template-columns:auto 1fr!important}.customer-360-page .customer-status-permissions{grid-column:1/-1!important;grid-template-columns:repeat(3,1fr)!important;min-width:0!important}} @media(max-width:620px){.customer-360-page .customer-status-permissions{grid-template-columns:repeat(2,1fr)!important}} /* EngiCore 18.7D — Account Manager card + compact picker */ .customer-account-manager-focus{ position:relative!important;display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important; align-items:center!important;gap:14px!important;margin-top:16px!important;padding:16px 18px!important; min-height:108px!important;text-align:left!important;border:1px solid #ddd8ff!important;border-radius:20px!important; background:linear-gradient(135deg,#fbfdff 0%,#faf8ff 48%,#f3efff 100%)!important; box-shadow:0 10px 26px rgba(60,72,120,.08)!important;overflow:hidden!important; } .customer-account-manager-focus:before{content:"";position:absolute;right:-48px;top:-58px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.13),rgba(124,92,255,0) 70%);pointer-events:none} .customer-account-manager-focus:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#7c3aed,#3b82f6);border-radius:20px 0 0 20px} .customer-account-manager-avatar{position:relative;z-index:1;width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#6d43ff,#845cf8);box-shadow:0 10px 22px rgba(109,67,255,.22)} .customer-account-manager-avatar svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .customer-account-manager-copy{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start!important;gap:2px!important} .customer-account-manager-copy>span{font-size:10px!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase!important;color:#7866d9!important} .customer-account-manager-copy>strong{font-size:20px!important;line-height:1.25!important;color:#142d52!important} .customer-account-manager-copy>small{margin-top:3px;font-size:11px;line-height:1.4;color:#7c8aa0;max-width:340px} .customer-account-manager-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid #d9d7fb;border-radius:13px;background:#fff;color:#6840dc;font:800 12px/1 inherit;box-shadow:0 5px 14px rgba(53,65,100,.08);cursor:pointer;white-space:nowrap;transition:.18s ease} .customer-account-manager-button:hover{transform:translateY(-1px);border-color:#a991ff;box-shadow:0 9px 18px rgba(88,64,180,.13)} .customer-account-manager-button-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:#f1edff} .customer-account-manager-button-icon svg{width:15px;height:15px;fill:none;stroke:#6d42e8;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} /* EngiCore 18.7F — refined account-manager picker */ .customer-account-manager-dialog{width:min(94vw,540px)!important;max-width:540px!important;border:0!important;padding:0!important;background:transparent!important} .customer-account-manager-modal-card{width:min(94vw,540px)!important;max-width:540px!important;padding:0!important;overflow:hidden!important;border:1px solid #e1e7f1!important;border-radius:24px!important;background:#fff!important;box-shadow:0 28px 70px rgba(20,45,82,.24)!important} .customer-account-manager-modal-head{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 42px;gap:18px;align-items:center;padding:24px 24px 22px;background:linear-gradient(135deg,#fbfdff 0%,#f8f5ff 52%,#f1efff 100%);border-bottom:1px solid #e8e7f4} .customer-account-manager-modal-head>div:nth-child(2){min-width:0} .customer-account-manager-modal-head .customers-kicker{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:#eeeaff;color:#6642df;font-size:11px;font-weight:900;letter-spacing:.08em} .customer-account-manager-modal-head h2{margin:8px 0 5px;font-size:27px!important;line-height:1.12!important;letter-spacing:-.02em;color:#112d52} .customer-account-manager-modal-head p{margin:0;color:#71829b;font-size:13px;line-height:1.55;max-width:350px} .customer-account-manager-modal-head .modal-x{position:static!important;align-self:start;margin-top:2px;width:42px;height:42px;border-radius:13px!important;border:1px solid #d9e1ed!important;background:#fff!important;color:#1f385d!important;box-shadow:0 5px 14px rgba(32,53,83,.07)} .customer-account-manager-modal-icon{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,#6438ff,#7d53ff);box-shadow:0 12px 24px rgba(102,63,238,.24)} .customer-account-manager-modal-icon svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .customer-account-manager-select-label{display:flex!important;flex-direction:column;gap:9px;padding:24px 24px 10px;font-size:12px;font-weight:850;color:#223d62} .customer-account-manager-select-label>span{font-size:12px;font-weight:850;color:#223d62} .customer-account-manager-select-label .input{height:56px!important;padding:0 18px!important;border:1px solid #d7dfec!important;border-radius:15px!important;background:#fbfcff!important;color:#112d52!important;font-size:15px!important;font-weight:750!important;box-shadow:0 2px 0 rgba(21,45,81,.02) inset!important} .customer-account-manager-select-label .input:focus{border-color:#896eff!important;box-shadow:0 0 0 4px rgba(111,69,235,.10)!important;outline:0!important} .customer-account-manager-current{margin:12px 24px 20px;padding:13px 15px;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#fafbff,#f7f4ff);border:1px solid #e4e6f2;border-radius:15px} .customer-account-manager-current-label{display:flex;align-items:center;gap:10px;min-width:0} .customer-account-manager-current-label>span:last-child{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#7250e6} .customer-account-manager-current-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#eeeaff;color:#6a43df;flex:0 0 auto} .customer-account-manager-current-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .customer-account-manager-current strong{font-size:13px;color:#18375f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52%;text-align:right} .customer-account-manager-modal-card>.modal-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;padding:16px 24px 22px!important;margin-top:0!important;border-top:1px solid #edf0f5!important;background:#fff!important} .customer-account-manager-modal-card>.modal-actions .btn{min-height:46px!important;padding:0 19px!important;border-radius:13px!important;font-size:13px!important;font-weight:850!important} .customer-account-manager-modal-card>.modal-actions .btn-primary{min-width:142px!important;background:linear-gradient(135deg,#6a37f4,#7a24f0)!important;border-color:#6b36f2!important;box-shadow:0 9px 18px rgba(109,55,241,.20)!important} .customer-account-manager-modal-card>.modal-actions .btn-secondary{min-width:92px!important;background:#fff!important} @media(max-width:620px){.customer-account-manager-modal-head{grid-template-columns:54px minmax(0,1fr) 38px;gap:13px;padding:20px 18px}.customer-account-manager-modal-icon{width:52px;height:52px;border-radius:16px}.customer-account-manager-modal-head h2{font-size:23px!important}.customer-account-manager-select-label{padding:20px 18px 8px}.customer-account-manager-current{margin:10px 18px 16px}.customer-account-manager-modal-card>.modal-actions{padding:14px 18px 18px!important}.customer-account-manager-modal-card>.modal-actions .btn{flex:1}} html[data-theme="dark"] .customer-account-manager-focus{background:linear-gradient(135deg,#15253a,#1c2440)!important;border-color:#3a4267!important} html[data-theme="dark"] .customer-account-manager-copy>strong{color:#edf5fb!important}html[data-theme="dark"] .customer-account-manager-copy>small{color:#aab8ca!important} @media(max-width:760px){.customer-account-manager-focus{grid-template-columns:50px minmax(0,1fr)!important}.customer-account-manager-button{grid-column:1/-1;width:100%}.customer-account-manager-avatar{width:48px;height:48px;border-radius:15px}} /* EngiCore 18.7E — Account Manager card layout correction */ .customer-360-page .customer-account-manager-focus{ display:grid!important; grid-template-columns:56px minmax(0,1fr) auto!important; grid-template-rows:auto!important; align-items:center!important; justify-items:stretch!important; column-gap:14px!important; row-gap:0!important; text-align:left!important; padding:15px 16px!important; min-height:92px!important; } .customer-360-page .customer-account-manager-avatar{ display:grid!important; grid-column:1!important; grid-row:1!important; align-self:center!important; justify-self:start!important; width:50px!important; height:50px!important; min-width:50px!important; margin:0!important; } .customer-360-page .customer-account-manager-copy{ display:grid!important; grid-column:2!important; grid-row:1!important; align-self:center!important; justify-self:stretch!important; align-items:start!important; justify-items:start!important; gap:3px!important; min-width:0!important; margin:0!important; padding:0!important; text-align:left!important; } .customer-360-page .customer-account-manager-copy>span, .customer-360-page .customer-account-manager-copy>strong, .customer-360-page .customer-account-manager-copy>small{ display:block!important; width:100%!important; margin:0!important; padding:0!important; position:static!important; float:none!important; text-align:left!important; } .customer-360-page .customer-account-manager-copy>span{ font-size:10px!important; line-height:1.2!important; letter-spacing:.11em!important; font-weight:900!important; text-transform:uppercase!important; color:#7563d6!important; } .customer-360-page .customer-account-manager-copy>strong{ font-size:20px!important; line-height:1.18!important; font-weight:850!important; color:#142d52!important; } .customer-360-page .customer-account-manager-copy>small{ max-width:360px!important; margin-top:2px!important; font-size:11px!important; line-height:1.35!important; color:#7a899f!important; } .customer-360-page .customer-account-manager-button{ grid-column:3!important; grid-row:1!important; align-self:center!important; justify-self:end!important; margin:0!important; min-width:132px!important; min-height:42px!important; } .customer-360-page .customer-account-manager-button.customer-payment-only-denied{ background:linear-gradient(135deg,#fff9ec,#fff2d8)!important; border-color:#efbd63!important; color:#a96f20!important; box-shadow:none!important; } @media(max-width:760px){ .customer-360-page .customer-account-manager-focus{grid-template-columns:50px minmax(0,1fr)!important;row-gap:12px!important} .customer-360-page .customer-account-manager-avatar{grid-column:1!important;grid-row:1!important} .customer-360-page .customer-account-manager-copy{grid-column:2!important;grid-row:1!important} .customer-360-page .customer-account-manager-button{grid-column:1/-1!important;grid-row:2!important;width:100%!important;justify-self:stretch!important} } /* EngiCore 18.7G — customer unsuspend financial gate */ .c360-control-modal-head.reactivate{background:linear-gradient(135deg,#effcf6,#f5f8ff)} .c360-control-modal-head.reactivate .c360-control-modal-symbol{background:linear-gradient(135deg,#10b981,#2563eb);box-shadow:0 8px 18px rgba(20,149,122,.2)} .c360-reactivation-result{display:flex;align-items:flex-start;gap:12px;margin:20px 22px 14px;padding:15px 16px;border-radius:16px;border:1px solid} .c360-reactivation-result-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;font-size:18px;font-weight:900} .c360-reactivation-result>div{display:grid;gap:3px}.c360-reactivation-result strong{font-size:15px}.c360-reactivation-result p{margin:0;font-size:12px;line-height:1.45} .c360-reactivation-result.blocked{background:linear-gradient(135deg,#fff7f0,#fff4f5);border-color:#ffd6c8}.c360-reactivation-result.blocked .c360-reactivation-result-icon{background:#fff0df;color:#d96c16}.c360-reactivation-result.blocked strong{color:#8f3e1e}.c360-reactivation-result.blocked p{color:#8d6b61} .c360-reactivation-result.clear{background:linear-gradient(135deg,#effcf6,#f3fbff);border-color:#c8eddc}.c360-reactivation-result.clear .c360-reactivation-result-icon{background:#dff7eb;color:#078552}.c360-reactivation-result.clear strong{color:#126c4d}.c360-reactivation-result.clear p{color:#5f7f74} .c360-reactivation-finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 22px 14px}.c360-reactivation-finance-grid article{display:grid;gap:3px;min-height:96px;padding:14px;border:1px solid #e0e7f1;border-radius:14px;background:#fbfcff}.c360-reactivation-finance-grid article small{font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#8190a6}.c360-reactivation-finance-grid article strong{font-size:18px;color:#17365d}.c360-reactivation-finance-grid article span{font-size:11px;line-height:1.35;color:#7b8aa0}.c360-reactivation-finance-grid article.overdue{background:#fff9f3;border-color:#f5dfc4}.c360-reactivation-finance-grid article.overdue strong{color:#c45e16}.c360-reactivation-finance-grid.clear article{background:#fafffc;border-color:#d8eee3} .c360-reactivation-note{display:flex;align-items:flex-start;gap:10px;margin:0 22px 20px;padding:12px 14px;border-radius:13px;background:#f5f7fb;border:1px solid #e4e9f2}.c360-reactivation-note>span{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;background:#fff0d6;color:#9a651a;font-weight:900}.c360-reactivation-note p{margin:1px 0 0;color:#69798f;font-size:11px;line-height:1.48}.c360-reactivation-note.success>span{background:#e5f7ee;color:#087f51} .c360-reactivation-billing-btn,.c360-modal-reactivate{min-height:44px!important;border-radius:12px!important;font-weight:850!important}.c360-reactivation-billing-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 18px;background:linear-gradient(135deg,#6d42ef,#3b75f3)!important;color:#fff!important;border:0!important;text-decoration:none}.c360-modal-reactivate{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 18px!important;background:linear-gradient(135deg,#10aa72,#147dd8)!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(23,145,111,.18)!important} @media(max-width:700px){.c360-reactivation-finance-grid{grid-template-columns:1fr}.c360-reactivation-result,.c360-reactivation-finance-grid,.c360-reactivation-note{margin-left:16px;margin-right:16px}} html[data-theme="dark"] .c360-reactivation-result.blocked,body.dark .c360-reactivation-result.blocked{background:#2b2022;border-color:#5b3a37}html[data-theme="dark"] .c360-reactivation-result.clear,body.dark .c360-reactivation-result.clear{background:#132a26;border-color:#28564a}html[data-theme="dark"] .c360-reactivation-finance-grid article,body.dark .c360-reactivation-finance-grid article{background:#13243c;border-color:#29415f}html[data-theme="dark"] .c360-reactivation-finance-grid article strong,body.dark .c360-reactivation-finance-grid article strong{color:#edf4ff}html[data-theme="dark"] .c360-reactivation-note,body.dark .c360-reactivation-note{background:#16263d;border-color:#29415f} /* EngiCore 18.7H — Customer 360 hero account controls */ .customer360-hero-actions .customer360-hero-account-control{ min-height:40px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; padding:0 17px!important; border-radius:9px!important; font-weight:800!important; white-space:nowrap!important; } .customer360-hero-actions .customer360-hero-account-control.btn-danger{ background:linear-gradient(135deg,#e5484d,#f06455)!important; border-color:transparent!important; color:#fff!important; box-shadow:0 8px 18px rgba(229,72,77,.18)!important; } .customer360-hero-actions .customer360-hero-account-control.btn-success{ background:linear-gradient(135deg,#11a66a,#27c982)!important; border-color:transparent!important; color:#fff!important; box-shadow:0 8px 18px rgba(17,166,106,.18)!important; } .customer360-hero-actions .customer360-hero-account-control:hover{transform:translateY(-1px)!important;filter:brightness(1.03)!important} /* ========================================================== EngiCore 18.7S — global search magnifier alignment fix Keep the icon in a dedicated left gutter so it can never overlap the placeholder or typed search text. ========================================================== */ .top-search .search-glyph, .global-search.top-search .search-glyph{ left:17px!important; width:18px!important; height:18px!important; display:grid!important; place-items:center!important; transform:translateY(-50%)!important; } .top-search .search-glyph svg, .global-search.top-search .search-glyph svg{ width:16px!important; height:16px!important; margin:0!important; } .top-search input[type="search"], .global-search.top-search input[type="search"]{ padding-left:54px!important; text-indent:0!important; } #dashboardTop .ep-search .search-glyph{ left:17px!important; width:18px!important; height:18px!important; } #dashboardTop .ep-search .search-glyph svg{ width:16px!important; height:16px!important; } #dashboardTop .ep-search input[type="search"]{ padding-left:54px!important; text-indent:0!important; } /* ========================================================== EngiCore 18.7ZX — Partners / Multi-Tenancy reference design Matches approved attached layout while retaining live data. ========================================================== */ .partners-reference-page{background:#f5f8fc;color:#152744} .partners-reference-page .content{background:#f5f8fc} .partners-reference-page .top.top-no-heading{min-height:54px;margin:-2px -2px 12px!important;padding:0 2px 10px!important;border-bottom:1px solid #e2e9f2} .partners-reference-page .top.top-no-heading .global-search{max-width:405px;margin-right:auto} .partners-reference-page .top.top-no-heading .global-search input{height:38px;background:#f4f7fb;border-color:#edf1f6;border-radius:5px;font-size:13px} .partners-reference-page .top-new-menu,.partners-reference-page .theme-toggle,.partners-reference-page .communication-centre{display:none!important} .partners-reference-page .top-separator{display:none!important} .partners-reference-page .workspace-page{padding-top:8px} .partner-ref-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 16px} .partner-ref-pagehead h1{margin:0 0 3px;font-size:22px;line-height:1.15;color:#13233f;letter-spacing:-.02em} .partner-ref-pagehead nav{display:flex;align-items:center;gap:10px;font-size:12px;color:#7d8ba0} .partner-ref-pagehead nav a{color:#65768e;text-decoration:none}.partner-ref-pagehead nav strong{font-weight:500;color:#7d8ba0}.partner-ref-pagehead nav span{color:#aab5c4;font-size:17px;line-height:1} .partner-ref-page-actions{display:flex;gap:10px;align-items:center} .partner-ref-page-actions>a{height:38px;padding:0 18px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-size:12px;font-weight:800;box-sizing:border-box} .partner-ref-export{border:1px solid #dbe4ef;background:#fff;color:#253956}.partner-ref-export svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .partner-ref-create{min-width:160px;background:#0d7ef3;color:#fff;box-shadow:0 4px 10px rgba(13,126,243,.18)}.partner-ref-create span{font-size:22px;font-weight:300;line-height:1} .partner-ref-hero{position:relative;display:grid;grid-template-columns:minmax(430px,1.42fr) minmax(350px,.96fr) 275px;min-height:222px;border:1px solid #dce8f5;border-radius:8px;background:linear-gradient(118deg,#fff 0%,#f9fcff 56%,#eef7ff 100%);overflow:hidden;margin-bottom:15px} .partner-ref-hero:after{content:"";position:absolute;right:-70px;top:-110px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(113,184,255,.16),rgba(113,184,255,0) 69%);pointer-events:none} .partner-ref-hero-copy{padding:22px 22px 15px 25px;z-index:2} .partner-ref-hero-copy h2{margin:0 0 4px;color:#1280f3;font-size:29px;line-height:1;font-weight:900;letter-spacing:.01em}.partner-ref-hero-copy h2 span{color:#102652} .partner-ref-hero-copy h3{margin:0 0 9px;color:#132140;font-size:17px;font-weight:850;letter-spacing:-.02em} .partner-ref-hero-copy>p{margin:0;color:#52647d;font-size:12.5px;line-height:1.55;max-width:610px} .partner-ref-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:19px;max-width:660px} .partner-ref-features>div{display:flex;align-items:center;gap:8px;min-width:0}.partner-ref-features i{width:31px;height:31px;flex:0 0 31px;border-radius:10px;display:grid;place-items:center;color:#fff}.partner-ref-features i.green{background:#13ae63}.partner-ref-features i.blue{background:#167ce9}.partner-ref-features i.purple{background:#6b25df}.partner-ref-features i.navy{background:#315b85}.partner-ref-features svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.partner-ref-features span{display:grid;line-height:1.05}.partner-ref-features strong{font-size:10.5px;color:#172743}.partner-ref-features small{font-size:10.5px;color:#172743;font-weight:800} .partner-ref-network{position:relative;z-index:2;min-height:222px}.partner-ref-buildings{position:absolute;inset:20px 0 50px;opacity:.72}.partner-ref-buildings .b{position:absolute;bottom:14px;width:44px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#9ecbff,#7db7fb);box-shadow:inset 8px 0 0 rgba(255,255,255,.18),inset -8px 0 0 rgba(31,118,226,.08)}.partner-ref-buildings .b:after{content:"";position:absolute;inset:14px 10px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.72) 0 4px,transparent 4px 13px)}.partner-ref-buildings .b1{height:75px;left:35px}.partner-ref-buildings .b2{height:104px;left:98px;width:55px}.partner-ref-buildings .b3{height:80px;right:88px;width:52px}.partner-ref-buildings .b4{height:57px;right:30px;width:43px;opacity:.55} .partner-ref-parent{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:122px;height:40px;background:linear-gradient(180deg,#1789ff,#0874e8);border-radius:5px;color:#fff;display:grid;place-content:center;text-align:center;font-size:10px;font-weight:800;box-shadow:0 4px 10px rgba(9,111,224,.18)}.partner-ref-parent small{display:block;font-size:9px;font-weight:700} .partner-ref-network>svg{position:absolute;left:4%;bottom:36px;width:92%;height:145px;overflow:visible}.partner-ref-network>svg path{fill:none;stroke:#2189f5;stroke-width:1.5;stroke-dasharray:3 2;opacity:.9} .partner-ref-nodes{position:absolute;left:0;right:0;bottom:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.partner-ref-nodes>div{height:45px;border:1px solid #d9e3ef;background:rgba(255,255,255,.94);border-radius:5px;display:flex;align-items:center;gap:7px;padding:0 8px;box-shadow:0 3px 8px rgba(45,74,107,.05)}.partner-ref-nodes i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:13px}.partner-ref-nodes i.green{background:#12aa61}.partner-ref-nodes i.purple{background:#6d20df}.partner-ref-nodes i.orange{background:#ff7b06}.partner-ref-nodes span{display:grid;line-height:1.1}.partner-ref-nodes strong{font-size:9.5px;color:#172743}.partner-ref-nodes small{font-size:7.2px;color:#7a899b;margin-top:2px} .partner-ref-capacity{align-self:start;z-index:3;margin:12px 12px 12px 5px;height:198px;border:1px solid #dce5ef;border-radius:8px;background:rgba(255,255,255,.92);padding:16px 14px;box-sizing:border-box}.partner-ref-cap-head{display:flex;gap:10px;align-items:center}.partner-ref-cap-head>i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e7f2ff;color:#0a79e9}.partner-ref-cap-head svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.partner-ref-cap-head div{display:grid}.partner-ref-cap-head strong{font-size:13px;color:#182844}.partner-ref-cap-head small{font-size:9px;color:#77879a;margin-top:2px}.partner-ref-cap-body{display:grid;grid-template-columns:110px 1fr;gap:9px;align-items:center;margin-top:12px}.partner-ref-donut{--capacity:40;width:100px;height:100px;border-radius:50%;background:conic-gradient(#0aa551 calc(var(--capacity)*1%),#e6ebf1 0);display:grid;place-items:center;position:relative}.partner-ref-donut:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;background:#fff}.partner-ref-donut span{position:relative;z-index:2;display:flex;align-items:baseline;gap:4px}.partner-ref-donut b{font-size:18px;color:#172742}.partner-ref-donut small{font-size:11px;color:#8290a2}.partner-ref-donut.unlimited{background:conic-gradient(#0aa551 72%,#e6ebf1 0)}.partner-ref-cap-legend{display:grid;gap:12px;font-size:9.5px;color:#34455e}.partner-ref-cap-legend span{display:flex;align-items:center;gap:7px;white-space:nowrap}.partner-ref-cap-legend i{width:9px;height:9px;border-radius:50%;background:#dfe5ec}.partner-ref-cap-legend .used i{background:#0baa58} .partner-ref-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:15px}.partner-ref-kpis article{min-height:93px;border-radius:7px;border:1px solid;padding:12px 18px;display:flex;align-items:center;gap:16px;box-sizing:border-box}.partner-ref-kpis article.blue{background:#eff7ff;border-color:#cee4ff}.partner-ref-kpis article.green{background:#effbf4;border-color:#cef0d9}.partner-ref-kpis article.purple{background:#f7efff;border-color:#e7d2fb}.partner-ref-kpis article.orange{background:#fff6e9;border-color:#f7dfbe}.partner-ref-kpis article>i{width:53px;height:53px;border-radius:50%;display:grid;place-items:center}.partner-ref-kpis .blue>i{background:#d9ebff;color:#0c78ed}.partner-ref-kpis .green>i{background:#d8f4e0;color:#099d4a}.partner-ref-kpis .purple>i{background:#eadcff;color:#6a2adb}.partner-ref-kpis .orange>i{background:#ffe6c4;color:#d64d18}.partner-ref-kpis svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.partner-ref-kpis article>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:baseline;line-height:1.1}.partner-ref-kpis strong{font-size:24px;color:#12213e;grid-row:1/3}.partner-ref-kpis b{font-size:11.5px;color:#21314a}.partner-ref-kpis small{grid-column:2;color:#0b9e52;font-size:9.5px;margin-top:5px;font-weight:700} .partner-ref-directory{border:1px solid #dfe7f0;border-radius:7px;background:#fff;padding:0 14px 16px;box-shadow:0 2px 8px rgba(42,62,91,.025)} .partner-ref-dir-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0 9px}.partner-ref-dir-head h2{margin:0;color:#16233e;font-size:15px}.partner-ref-dir-head p{margin:3px 0 0;color:#7b899d;font-size:10px}.partner-ref-dir-head>a{height:35px;border:1px solid #dbe4ee;border-radius:5px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;text-decoration:none;color:#223550;font-size:10px;font-weight:800}.partner-ref-dir-head>a svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .partner-ref-filters{display:grid;grid-template-columns:minmax(190px,1.15fr) minmax(135px,.78fr) minmax(145px,.95fr) minmax(145px,.95fr) 80px 66px;gap:8px;align-items:center;margin:0 0 10px}.partner-ref-filters select,.partner-ref-search{height:35px;border:1px solid #d8e1ec;border-radius:4px;background:#fff;color:#34455e;font-size:10.5px;box-sizing:border-box}.partner-ref-filters select{padding:0 11px}.partner-ref-search{display:flex;align-items:center;gap:8px;padding:0 10px}.partner-ref-search svg{width:15px;height:15px;fill:none;stroke:#5c7390;stroke-width:1.8}.partner-ref-search input{border:0;outline:0;background:transparent;width:100%;font-size:10.5px;color:#34455e}.partner-ref-filters button{height:35px;border:0;border-radius:4px;background:#0c7df3;color:#fff;font-size:10.5px;font-weight:800;cursor:pointer}.partner-ref-filters>a{height:35px;border-radius:4px;background:#e8edf3;color:#44556c;text-decoration:none;display:grid;place-items:center;font-size:10.5px;font-weight:700} .partner-ref-table-wrap{overflow:auto;border:1px solid #e5ebf2;border-radius:5px}.partner-ref-table{width:100%;min-width:1010px;border-collapse:collapse;font-size:9.5px}.partner-ref-table th{padding:10px 11px;text-align:left;background:#f5f8fb;color:#33455e;font-weight:800;border-bottom:1px solid #e5ebf2;white-space:nowrap}.partner-ref-table td{padding:7px 11px;color:#33445d;border-bottom:1px solid #edf1f5;vertical-align:middle;background:#fff;white-space:nowrap}.partner-ref-table tbody tr:last-child td{border-bottom:0}.partner-ref-table tbody tr:hover td{background:#fbfdff}.partner-ref-table .num{text-align:center}.partner-ref-name{display:flex;align-items:center;gap:8px;min-width:150px}.partner-ref-name>span{width:27px;height:27px;border-radius:5px;display:grid;place-items:center;background:#e8f2ff;color:#1778e7;font-weight:900;font-size:9px;border:1px solid #d8e9fd}.partner-ref-name>div{display:grid}.partner-ref-name a{color:#162a49;text-decoration:none;font-weight:850;font-size:10.5px}.partner-ref-name small{color:#718196;font-size:9px;margin-top:2px}.partner-ref-customer{color:#33445d;text-decoration:none}.partner-ref-status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;font-size:8.5px;font-weight:800}.partner-ref-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.partner-ref-status.ok{background:#dff8e8;color:#16884c}.partner-ref-status.warn{background:#dff2ff;color:#1576c8}.partner-ref-status.bad{background:#fff0dd;color:#d96915}.partner-ref-status.neutral{background:#edf0f4;color:#6d7b8e}.partner-ref-actions{display:flex;align-items:center;gap:8px}.partner-ref-actions>a{height:28px;min-width:48px;border:1px solid #dce4ee;border-radius:4px;display:grid;place-items:center;text-decoration:none;color:#233653;font-weight:800;background:#fff}.partner-ref-actions details{position:relative}.partner-ref-actions summary{list-style:none;width:28px;height:28px;border:1px solid #dce4ee;border-radius:4px;display:grid;place-items:center;cursor:pointer;color:#28405e;font-size:9px;letter-spacing:-1px}.partner-ref-actions summary::-webkit-details-marker{display:none}.partner-ref-actions details>div{position:absolute;right:0;top:32px;z-index:20;min-width:130px;background:#fff;border:1px solid #dce4ee;border-radius:6px;box-shadow:0 10px 25px rgba(28,50,79,.15);padding:5px}.partner-ref-actions details>div>a,.partner-ref-actions details>div button{display:block;width:100%;border:0;background:transparent;color:#2b3e58;text-decoration:none;text-align:left;padding:7px 9px;border-radius:4px;font:inherit;cursor:pointer}.partner-ref-actions details>div>a:hover,.partner-ref-actions details>div button:hover{background:#f3f7fb}.partner-ref-actions details form{margin:0} .partner-ref-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 3px 0;color:#57677d;font-size:9.5px}.partner-ref-pagination nav{display:flex;align-items:center;gap:5px}.partner-ref-pagination nav a,.partner-ref-pagination nav span{height:31px;min-width:31px;padding:0 9px;border:1px solid #e0e6ee;border-radius:4px;display:grid;place-items:center;text-decoration:none;color:#31435b;background:#fff;box-sizing:border-box}.partner-ref-pagination nav span{color:#adb6c2;background:#fafbfc}.partner-ref-pagination nav a.current{background:#087ef2;border-color:#087ef2;color:#fff} .partner-ref-empty{padding:50px 20px;text-align:center;border:1px dashed #dbe3ec;border-radius:6px;background:#fafcff}.partner-ref-empty h3{margin:0 0 6px;color:#1d304e}.partner-ref-empty p{margin:0 0 15px;color:#74859a}.partner-ref-empty a{display:inline-flex;padding:9px 14px;border-radius:5px;background:#0b7ef2;color:#fff;text-decoration:none;font-weight:800} /* Partners navigation submenu styled to match approved reference. */ .sidebar .partners-nav .nav-submenu{padding:3px 0 5px 4px}.sidebar .partners-nav .nav-submenu a{position:relative;padding-left:46px}.sidebar .partners-nav .nav-submenu a:before{content:"+";position:absolute;left:28px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:#dce7f4;color:#31567d;font-size:10px;font-weight:900}.sidebar .partners-nav .nav-submenu a:first-child:before{content:"✚"}.sidebar .partners-nav .nav-submenu a:nth-child(3):before{content:"▣";border-radius:2px}.sidebar .partners-nav .nav-submenu a:nth-child(4):before{content:"▦";border-radius:2px}.sidebar .partners-nav .nav-submenu a.active{background:#1260ad;color:#fff;border-radius:5px}.sidebar .partners-nav .nav-submenu a.active:before{background:#fff;color:#1260ad} html[data-theme="dark"] .partners-reference-page .content,body.dark.partners-reference-page .content{background:#0c1726}.dark .partner-ref-pagehead h1,html[data-theme="dark"] .partner-ref-pagehead h1{color:#f1f5fb}.dark .partner-ref-hero,html[data-theme="dark"] .partner-ref-hero,.dark .partner-ref-directory,html[data-theme="dark"] .partner-ref-directory{background:#132338;border-color:#2a3d54}.dark .partner-ref-hero-copy h2 span,.dark .partner-ref-hero-copy h3,html[data-theme="dark"] .partner-ref-hero-copy h2 span,html[data-theme="dark"] .partner-ref-hero-copy h3,.dark .partner-ref-dir-head h2,html[data-theme="dark"] .partner-ref-dir-head h2{color:#eef4fd}.dark .partner-ref-hero-copy>p,.dark .partner-ref-features strong,.dark .partner-ref-features small,html[data-theme="dark"] .partner-ref-hero-copy>p,html[data-theme="dark"] .partner-ref-features strong,html[data-theme="dark"] .partner-ref-features small{color:#aebcd0}.dark .partner-ref-capacity,html[data-theme="dark"] .partner-ref-capacity,.dark .partner-ref-nodes>div,html[data-theme="dark"] .partner-ref-nodes>div{background:#102036;border-color:#31435a}.dark .partner-ref-donut:after,html[data-theme="dark"] .partner-ref-donut:after{background:#102036}.dark .partner-ref-cap-head strong,.dark .partner-ref-donut b,.dark .partner-ref-nodes strong,html[data-theme="dark"] .partner-ref-cap-head strong,html[data-theme="dark"] .partner-ref-donut b,html[data-theme="dark"] .partner-ref-nodes strong{color:#e8f0fb}.dark .partner-ref-kpis article,html[data-theme="dark"] .partner-ref-kpis article{background:#142339;border-color:#2e4158}.dark .partner-ref-kpis strong,.dark .partner-ref-kpis b,html[data-theme="dark"] .partner-ref-kpis strong,html[data-theme="dark"] .partner-ref-kpis b{color:#edf4fd}.dark .partner-ref-filters select,.dark .partner-ref-search,.dark .partner-ref-table td,.dark .partner-ref-actions>a,.dark .partner-ref-actions summary,html[data-theme="dark"] .partner-ref-filters select,html[data-theme="dark"] .partner-ref-search,html[data-theme="dark"] .partner-ref-table td,html[data-theme="dark"] .partner-ref-actions>a,html[data-theme="dark"] .partner-ref-actions summary{background:#102036;border-color:#30435b;color:#d9e4f1}.dark .partner-ref-table th,html[data-theme="dark"] .partner-ref-table th{background:#172940;color:#a8b8ca;border-color:#30435b}.dark .partner-ref-name a,html[data-theme="dark"] .partner-ref-name a{color:#e9f2ff} @media(max-width:1280px){.partner-ref-hero{grid-template-columns:minmax(420px,1.35fr) minmax(300px,.9fr) 245px}.partner-ref-capacity{padding:13px 10px}.partner-ref-cap-body{grid-template-columns:92px 1fr}.partner-ref-donut{width:84px;height:84px}.partner-ref-donut:after{width:61px;height:61px}.partner-ref-features{gap:9px}.partner-ref-filters{grid-template-columns:minmax(170px,1fr) repeat(3,minmax(125px,.8fr)) 75px 60px}} @media(max-width:1050px){.partner-ref-hero{grid-template-columns:1fr 1fr}.partner-ref-capacity{grid-column:1/-1;height:auto;margin:0 18px 16px;display:flex;align-items:center;justify-content:space-between}.partner-ref-cap-body{margin:0}.partner-ref-kpis{grid-template-columns:repeat(2,1fr)}.partner-ref-filters{grid-template-columns:1fr 1fr 1fr}.partner-ref-filters button,.partner-ref-filters>a{width:100%}} @media(max-width:760px){.partner-ref-pagehead{flex-direction:column}.partner-ref-page-actions{width:100%}.partner-ref-page-actions>a{flex:1}.partner-ref-hero{grid-template-columns:1fr}.partner-ref-network{display:none}.partner-ref-capacity{grid-column:auto;display:block;margin:0 15px 15px}.partner-ref-cap-body{margin-top:10px}.partner-ref-features{grid-template-columns:repeat(2,1fr)}.partner-ref-kpis{grid-template-columns:1fr}.partner-ref-filters{grid-template-columns:1fr}.partner-ref-dir-head{align-items:flex-start}.partner-ref-pagination{flex-direction:column;align-items:flex-start}.partner-ref-pagination nav{max-width:100%;overflow:auto}.partner-ref-desktop-break{display:none}} /* EngiCore 18.7ZY — Create Partner five-step reference wizard */ .create-partner-content{background:linear-gradient(180deg,#f8fbff 0,#f3f8fe 100%);min-height:100vh;padding-bottom:28px}.cp-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:12px 0 16px}.cp-page-head h1{margin:0;color:#0d1d3a;font-size:30px;line-height:1.1}.cp-page-head nav{display:flex;gap:10px;align-items:center;margin-top:7px;font-size:13px;color:#6e7f98}.cp-page-head nav a{color:#657995;text-decoration:none}.cp-back,.cp-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid #d8e3f0;border-radius:8px;background:#fff;color:#142642;font-weight:800;text-decoration:none}.cp-alert{margin:0 0 14px}.cp-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) auto 330px;align-items:center;min-height:174px;padding:22px 26px;border-radius:8px;overflow:hidden;background:linear-gradient(110deg,#07152f 0%,#0b3878 45%,#0d8ef2 100%);color:#fff;box-shadow:0 12px 32px rgba(23,91,180,.12)}.cp-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 50%,rgba(255,255,255,.13),transparent 32%);pointer-events:none}.cp-hero-main{display:flex;gap:20px;align-items:flex-start;z-index:2}.cp-hero-icon{width:70px;height:70px;border-radius:24px;background:#1676ff;display:grid;place-items:center;font-size:31px;box-shadow:0 14px 34px #00122d4d}.cp-hero h2{font-size:37px;line-height:1;margin:4px 0 7px}.cp-hero h3{font-size:20px;margin:0 0 16px;font-weight:500}.cp-hero p{font-size:13px;line-height:1.7;color:#e6f2ff;margin:0}.cp-hero-features{display:flex;gap:28px;z-index:2;align-items:center}.cp-hero-features span{display:grid;justify-items:center;text-align:center;min-width:58px}.cp-hero-features i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#12b76a,#059669);font-style:normal;font-size:17px;box-shadow:0 8px 20px #001b3a38}.cp-hero-features span:nth-child(2) i{background:linear-gradient(135deg,#1787ff,#0b63ce)}.cp-hero-features span:nth-child(3) i{background:linear-gradient(135deg,#a642ff,#6d18d9)}.cp-hero-features span:nth-child(4) i{background:linear-gradient(135deg,#56b8ff,#2e84e7)}.cp-hero-features b{font-size:11px;margin-top:7px}.cp-hero-features small{font-size:10px;color:#d7e8ff}.cp-hero-city{height:100%;position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:flex-end}.cp-hero-city>b{align-self:flex-start;margin-top:14px;margin-left:20px;padding:18px 18px;width:185px;background:rgba(1,77,198,.72);border-radius:8px;font-size:15px;line-height:1.45;box-shadow:0 10px 24px #0038752e}.cp-city-buildings{position:absolute;left:0;bottom:-22px;display:flex;align-items:flex-end;gap:8px}.cp-city-buildings i{display:block;width:54px;height:96px;background:linear-gradient(145deg,#52aef1,#174b82);clip-path:polygon(18% 10%,100% 0,100% 100%,0 100%,0 28%);box-shadow:inset -9px 0 rgba(0,0,0,.15)}.cp-city-buildings i:nth-child(2){height:132px;width:67px}.cp-city-buildings i:nth-child(3){height:77px;width:52px}.cp-steps{display:flex;align-items:center;background:#fff;border:1px solid #dce7f3;border-radius:8px;margin:16px 0;padding:10px 12px;box-shadow:0 5px 18px rgba(29,70,115,.04)}.cp-step{border:0;background:transparent;display:flex;align-items:center;gap:11px;padding:0 8px;cursor:pointer;flex:1;text-align:left;color:#10203d}.cp-step>span{flex:0 0 43px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#aebed0;color:#fff;font-size:17px;font-weight:800}.cp-step b{display:block;font-size:13px}.cp-step small{display:block;font-size:11px;color:#7387a4;margin-top:2px}.cp-step.active>span{background:#0875f7;box-shadow:0 8px 18px #0875f733}.cp-step.active small{color:#0875f7}.cp-step.done>span{background:#0aa35c}.cp-step-arrow{font-style:normal;color:#c6d5e5;font-size:25px}.cp-panel{display:none}.cp-panel.active{display:block}.cp-grid-main{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(320px,1.25fr);gap:16px}.cp-card{background:#fff;border:1px solid #dbe7f3;border-radius:8px;box-shadow:0 5px 18px rgba(27,73,120,.045);padding:18px}.cp-form-card{padding:18px}.cp-card-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.cp-card-title>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e5f2ff;color:#0570f0;font-size:19px;flex:0 0 auto}.cp-card-title h2{font-size:20px;margin:1px 0 0;color:#12233f}.cp-card-title p{font-size:12px;color:#687d99;margin:3px 0 0}.cp-card-title>small{margin-left:auto;color:#6c7f9b;font-size:12px;padding-top:7px}.cp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.cp-form-grid label,.cp-brand-box>label,.cp-brand-side label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:#152744}.cp-form-grid em{color:#ed1c24;font-style:normal}.cp-form-grid input,.cp-form-grid select,.cp-brand-side input,.cp-brand-box select{height:42px;border:1px solid #cfddeb;border-radius:6px;padding:0 12px;background:#fff;color:#17304f;outline:none;font:inherit}.cp-form-grid input:focus,.cp-form-grid select:focus,.cp-brand-side input:focus{border-color:#0b75f7;box-shadow:0 0 0 3px #0b75f712}.cp-form-grid small,.cp-brand-side small{font-size:11px;font-weight:500;color:#6d819d}.cp-form-grid .span2{grid-column:1/-1}.cp-url-input,.cp-phone,.cp-password{display:flex;border:1px solid #cfddeb;border-radius:6px;overflow:hidden;background:#fff}.cp-url-input span,.cp-url-input b,.cp-phone span{display:flex;align-items:center;padding:0 13px;background:#f2f7fc;color:#253b59;border-right:1px solid #d5e1ed;font-weight:700;white-space:nowrap}.cp-url-input b{border-left:1px solid #d5e1ed;border-right:0}.cp-url-input input,.cp-phone input,.cp-password input{border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0;flex:1}.cp-password button{border:0;border-left:1px solid #d5e1ed;background:#fff;color:#0875f7;font-weight:800;padding:0 14px;cursor:pointer}.cp-side-stack{display:flex;flex-direction:column;gap:16px}.cp-card h3{margin:0 0 10px;color:#12233f;font-size:17px}.cp-benefits ul,.cp-next ul{list-style:none;padding:0;margin:14px 0}.cp-benefits li,.cp-next li{position:relative;padding:6px 0 6px 27px;color:#435873;font-size:12px}.cp-benefits li:before,.cp-next li:before{content:"✓";position:absolute;left:0;top:5px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#0aad62;color:#fff;font-size:10px;font-weight:900}.cp-info{border-radius:8px;padding:15px;background:#edf6ff;border:1px solid #d8e9fb;color:#31516f}.cp-info b{display:block;color:#174f8f;font-size:13px}.cp-info p{margin:6px 0 0;font-size:11px;line-height:1.55}.cp-info.green{background:#effcf4;border-color:#cef1da}.cp-info.green b{color:#078143}.cp-info.purple{background:#f7f2ff;border-color:#eadcff}.cp-info.purple b{color:#6f2add}.cp-info.amber{background:#fff8e9;border-color:#ffe0a6}.cp-info.amber b{color:#a55a00}.cp-help p{font-size:12px;color:#6e819a;line-height:1.5}.cp-help a{display:inline-flex;margin-top:8px;padding:10px 14px;border:1px solid #d5e2ee;border-radius:6px;color:#0869d8;text-decoration:none;font-weight:800;font-size:12px}.cp-role-box{background:#eff7ff;border:1px solid #cfe3fa;padding:15px;border-radius:7px}.cp-role-box>b{display:block;margin-bottom:10px;color:#113159}.cp-role-box div{background:#e3f1ff;padding:12px;border-radius:5px;color:#1852a0}.cp-role-box p{margin:4px 0 0;font-size:11px;color:#4e6d91}.cp-notify{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cp-notify>b{grid-column:1/-1}.cp-notify label{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:9px}.cp-notify input{width:42px;height:22px;accent-color:#0875f7}.cp-notify span{font-size:12px}.cp-notify small{display:block;margin-top:4px}.cp-plan-layout{display:grid;grid-template-columns:minmax(0,3fr) 340px;gap:16px}.cp-plan-main{padding:16px}.cp-plan-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cp-plan-card{position:relative;border:1px solid #d7e3ef;border-radius:7px;padding:14px 14px 12px;cursor:pointer;min-height:230px;background:#fff}.cp-plan-card.selected{border:2px solid #0877fa;box-shadow:0 7px 18px #0b6ff015}.cp-plan-card>input{position:absolute;opacity:0}.cp-plan-radio{position:absolute;right:14px;top:14px;width:16px;height:16px;border:1px solid #9eb2ca;border-radius:50%}.cp-plan-card.selected .cp-plan-radio{border:5px solid #0877fa}.cp-plan-card>i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8f4ff;color:#0874ef;font-style:normal;font-size:18px}.cp-plan-card:nth-child(3)>i{background:#eee8ff;color:#7046e8}.cp-plan-card:nth-child(4)>i{background:#f2e5ff;color:#861de2}.cp-plan-card h3{font-size:15px;margin:9px 0 2px}.cp-plan-card p{font-size:10px;color:#71839b;min-height:30px;margin:0 0 8px}.cp-plan-card>strong{font-size:18px;color:#0e2244}.cp-plan-card ul{list-style:none;padding:0;margin:12px 0 0}.cp-plan-card li{font-size:11px;color:#314762;padding:5px 0}.cp-plan-card li:before{content:"◆";font-size:8px;color:#607792;margin-right:8px}.cp-module-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5edf5;margin-top:16px;padding:15px 0 10px}.cp-module-head h3{margin:0;font-size:16px}.cp-module-head p{margin:2px 0 0;color:#71839a;font-size:11px}.cp-module-head button{border:1px solid #cdddeb;background:#fff;color:#123155;border-radius:6px;height:34px;padding:0 11px;font-weight:750;font-size:11px;margin-left:5px}.cp-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cp-module{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #dce7f2;border-radius:7px;background:#fff;min-height:62px}.cp-module.disabled{opacity:.42;background:#f8fafc}.cp-module>i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e9f4ff;color:#0877f7;font-style:normal}.cp-module span{min-width:0;flex:1}.cp-module b{display:block;font-size:12px;color:#10233f}.cp-module small{display:block;font-size:9px;color:#718399;line-height:1.25;margin-top:2px}.cp-module input{position:absolute;opacity:0}.cp-module em{width:34px;height:19px;border-radius:20px;background:#b8c9da;position:relative;flex:0 0 auto}.cp-module em:after{content:"";position:absolute;width:15px;height:15px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #60708055}.cp-module input:checked+em{background:#0877fa}.cp-module input:checked+em:after{left:17px}.cp-plan-summary-body{text-align:left;padding:5px 10px}.cp-plan-summary-body>i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e6f1ff;color:#0874f5;font-size:23px;font-style:normal}.cp-plan-summary-body h2{font-size:18px;margin:10px 0 2px}.cp-plan-summary-body p{font-size:11px;color:#74849a}.cp-plan-summary-body>strong{display:block;font-size:21px;color:#0d2142;margin:15px 0}.cp-plan-summary-body ul{list-style:none;padding:0;margin:0}.cp-plan-summary-body li{font-size:12px;padding:5px 0;color:#233c5f}.cp-plan-summary-body li:before{content:"◆";color:#0877fa;font-size:8px;margin-right:10px}.cp-meter{margin:16px 0}.cp-meter span{display:flex;justify-content:space-between;font-size:11px;color:#1e3655}.cp-meter i{display:block;height:8px;border-radius:10px;background:#e5edf5;margin-top:7px}.cp-brand-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.25fr);gap:16px}.cp-brand-box{border:1px solid #dbe7f2;border-radius:8px;padding:16px}.cp-brand-box>p,.cp-brand-side p{font-size:11px;color:#6d809a;margin:3px 0 13px}.cp-upload>span{height:126px;border:1px dashed #b8cee2;border-radius:7px;display:grid;place-items:center;align-content:center;text-align:center;color:#0b6fe8;font-size:22px;cursor:pointer}.cp-upload input{display:none}.cp-upload b{font-size:12px;color:#142a49;margin:5px 0}.cp-upload small{font-size:11px;color:#71859e;font-weight:500;line-height:1.45}.cp-colours{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.cp-colours label{font-size:11px;font-weight:750;color:#1d3454}.cp-colours input{width:35px;height:35px;border:0;background:transparent;padding:0;vertical-align:middle}.cp-colours code{display:inline-block;font:700 11px/35px system-ui;color:#314966;margin-left:6px}.cp-brand-box h4{font-size:12px;margin:14px 0 3px}.cp-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 18px}.cp-template{cursor:pointer}.cp-template input{position:absolute;opacity:0}.cp-template>span{position:relative;height:82px;border:1px solid #d6e3ef;border-radius:6px;display:grid;place-items:center;background:#f8fbff}.cp-template.selected>span{border:2px solid #0877fa}.cp-template>span i{display:block;width:65%;height:8px;background:#dbe6f3;border-radius:2px;margin:2px}.cp-template>span i:last-child{background:#0877fa;height:13px}.cp-template b{display:block;text-align:center;font-size:11px;margin-top:6px}.cp-theme{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cp-theme label{height:42px;border:1px solid #cfddea;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:6px}.cp-theme input{accent-color:#0877fa}.cp-login-preview{--p:#0b63f6;--s:#10b981;--a:#f59e0b;height:252px;border-radius:7px;overflow:hidden;display:grid;grid-template-columns:1.2fr .9fr;background:linear-gradient(125deg,#08214c,var(--p));padding:14px;gap:12px}.cp-login-brand{display:grid;align-content:center;justify-items:center;color:#fff;text-align:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.16));border-radius:5px}.cp-login-brand img{max-width:120px;max-height:44px;object-fit:contain;margin-bottom:12px}.cp-login-brand h2{font-size:23px;margin:0}.cp-login-brand p{color:#fff;margin:5px 0}.cp-login-box{align-self:center;background:#fff;border-radius:7px;padding:18px;text-align:center;box-shadow:0 15px 30px #001b3d33}.cp-login-box h3{margin:0;font-size:17px}.cp-login-box small{display:block;color:#71849e;font-size:9px;margin:4px 0 10px}.cp-login-box input{display:block;width:100%;height:32px;margin:6px 0;border:1px solid #d7e3ef;border-radius:4px;padding:0 8px;background:#fff}.cp-login-box button{width:100%;height:34px;border:0;border-radius:4px;background:var(--p,#0877fa);color:#fff;font-weight:800}.cp-login-preview.compact{height:190px}.cp-login-preview.compact .cp-login-brand h2{font-size:18px}.cp-domain-head{display:flex;justify-content:space-between;gap:10px}.cp-domain-head span{font-size:10px;background:#edf6ff;color:#205e9e;padding:8px;border-radius:5px;height:max-content}.cp-domain-status{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-top:12px;border-radius:7px;background:#effcf4;border:1px solid #d0f0dc;color:#087f44;font-size:11px}.cp-domain-status span{padding:5px 10px;border-radius:20px;background:#e3ebf3;color:#697f99}.cp-inherit{border-top:1px solid #e2ebf4;margin-top:14px;padding-top:14px}.cp-inherit label{display:flex;flex-direction:row;align-items:flex-start;margin:9px 0}.cp-inherit input{width:18px;height:18px;accent-color:#0877fa}.cp-inherit span{display:block}.cp-inherit small{display:block}.cp-review-layout{display:grid;grid-template-columns:minmax(0,2.7fr) 390px;gap:16px}.cp-review-main{padding:14px}.cp-review-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.cp-review-title>div{display:flex;gap:11px}.cp-review-title>div>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0877fa;color:#fff;font-weight:900}.cp-review-title h2{margin:1px 0 2px;font-size:19px}.cp-review-title p{margin:0;color:#6f829a;font-size:11px}.cp-review-title>b{background:#effcf4;color:#087c43;border:1px solid #ccefd9;padding:8px 11px;border-radius:6px;font-size:11px}.cp-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cp-review-grid article{border:1px solid #dbe6f1;border-radius:7px;padding:12px;min-width:0}.cp-review-grid h3{font-size:13px;margin:0 0 10px;color:#122644}.cp-review-grid h3 button{float:right;border:1px solid #bdd9f7;background:#fff;color:#0874ef;border-radius:5px;padding:4px 8px;font-size:10px;cursor:pointer}.cp-review-grid dl{margin:0}.cp-review-grid dl>div{display:grid;grid-template-columns:1fr 1.25fr;gap:6px;padding:5px 0;font-size:10px}.cp-review-grid dt{font-weight:750;color:#18304f}.cp-review-grid dd{margin:0;color:#19355b;overflow-wrap:anywhere}.cp-access{list-style:none;padding:0;margin:0}.cp-access li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:10px;color:#183250}.cp-access li:before{content:"✓";color:#0aa45e;font-weight:900;margin-right:5px}.cp-access li b{margin-left:auto}.cp-actions{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dce7f2;border-radius:8px;margin-top:16px;padding:10px}.cp-secondary,.cp-primary,.cp-create{height:42px;border-radius:7px;padding:0 17px;font-weight:800;cursor:pointer}.cp-primary{margin-left:auto;border:0;background:#0877fa;color:#fff;box-shadow:0 7px 16px #0877fa25}.cp-create{display:none;margin-left:auto;border:0;background:#08a14f;color:#fff;min-width:170px;box-shadow:0 7px 17px #0793482b}.cp-cancel{display:inline-flex}.cp-secondary{border:1px solid #d6e1ec;background:#fff;color:#19304e}.create-partner-page html[data-theme="dark"] .cp-card{background:#0f1f33}.create-partner-page .cp-panel[data-step="5"] .cp-side-stack{gap:10px} @media(max-width:1180px){.cp-hero{grid-template-columns:1fr auto}.cp-hero-city{display:none}.cp-grid-main,.cp-brand-layout,.cp-review-layout{grid-template-columns:1fr}.cp-plan-layout{grid-template-columns:1fr}.cp-plan-cards{grid-template-columns:repeat(2,1fr)}.cp-module-grid{grid-template-columns:repeat(2,1fr)}.cp-review-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:820px){.cp-page-head{align-items:center}.cp-page-head h1{font-size:24px}.cp-hero{display:block;padding:20px}.cp-hero-features{margin-top:18px;justify-content:flex-start;flex-wrap:wrap}.cp-hero-main{align-items:center}.cp-hero h2{font-size:29px}.cp-steps{overflow-x:auto}.cp-step{min-width:160px}.cp-step-arrow{display:none}.cp-form-grid,.cp-notify,.cp-review-grid{grid-template-columns:1fr}.cp-form-grid .span2,.cp-notify>b{grid-column:auto}.cp-plan-cards,.cp-module-grid,.cp-template-grid,.cp-colours{grid-template-columns:1fr 1fr}.cp-login-preview{grid-template-columns:1fr;height:auto}.cp-login-brand{min-height:150px}.cp-actions{position:sticky;bottom:0;z-index:20}.cp-cancel{display:none!important}} @media(max-width:560px){.cp-page-head nav{display:none}.cp-back{padding:0 10px}.cp-hero-icon{width:54px;height:54px;border-radius:17px}.cp-hero p br{display:none}.cp-plan-cards,.cp-module-grid,.cp-template-grid,.cp-colours{grid-template-columns:1fr}.cp-module-head{align-items:flex-start;gap:10px;flex-direction:column}.cp-module-head button{margin:3px 3px 0 0}.cp-review-grid{grid-template-columns:1fr}.cp-review-title{gap:10px}.cp-review-title>b{display:none}.cp-actions{justify-content:space-between}.cp-primary,.cp-create{margin-left:auto}} /* EngiCore 18.7ZZ — Partner attention centre */ .partner-attention-panel{margin:0 0 18px;padding:18px;border:1px solid #dce6f2;border-radius:16px;background:linear-gradient(135deg,#fbfdff,#f3f8ff);box-shadow:0 8px 28px #10204008}.partner-attention-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:13px}.partner-attention-head span{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:#2a71c9}.partner-attention-head h2{font-size:17px;margin:3px 0}.partner-attention-head p{margin:0;font-size:11px;color:#708198}.partner-attention-head>a{padding:8px 10px;border:1px solid #d8e3f0;border-radius:9px;background:#fff;color:#2765ad;font-size:10px;font-weight:850;white-space:nowrap}.partner-attention-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.partner-attention-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:12px;border:1px solid #e0e8f2;border-radius:12px;background:#fff;color:#263d59;min-width:0}.partner-attention-score{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;align-content:center;background:#eef5ff;color:#2665b8}.partner-attention-score strong{font-size:16px;line-height:1}.partner-attention-score small{font-size:8px}.partner-attention-item>div:last-child>strong,.partner-attention-item>div:last-child>span,.partner-attention-item>div:last-child>small{display:block;overflow:hidden;text-overflow:ellipsis}.partner-attention-item>div:last-child>strong{font-size:11px;white-space:nowrap}.partner-attention-item>div:last-child>span{font-size:9.5px;color:#65788f;margin-top:2px;white-space:nowrap}.partner-attention-item>div:last-child>small{font-size:8.5px;color:#8290a2;margin-top:4px}.partner-attention-item.warn .partner-attention-score{background:#fff1cb;color:#94630d}.partner-attention-item.bad .partner-attention-score{background:#ffe3e3;color:#a33a3a}.partner-attention-item.good .partner-attention-score{background:#e5f7ed;color:#177743}@media(max-width:1100px){.partner-attention-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.partner-attention-head{flex-direction:column}.partner-attention-grid{grid-template-columns:1fr}} /* EngiCore 18.8B — Partner Configuration control plane */ .partner-config-page{padding-bottom:30px;background:linear-gradient(180deg,#f5f9ff 0,#f7faff 100%);min-width:0}.pc-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:8px 0 16px}.pc-pagehead h1{margin:0;color:#0d2140;font-size:24px}.pc-breadcrumb{margin-top:5px;color:#617391;font-size:13px}.pc-breadcrumb span{padding:0 8px;color:#9aabc0}.pc-head-actions{display:flex;gap:10px;align-items:center}.pc-head-actions form{margin:0}.pc-partner-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px!important;margin-bottom:14px}.pc-brand{display:flex;align-items:center;gap:16px;min-width:350px}.pc-logo{width:126px;height:82px;border:1px solid #d9e4f2;border-radius:9px;background:#fff;display:grid;place-items:center;padding:8px}.pc-logo img{max-width:100%;max-height:64px;object-fit:contain}.pc-title-row{display:flex;align-items:center;gap:12px}.pc-title-row h2{margin:0;font-size:20px;color:#0b1f42}.pc-brand a{color:#2c6ccf;text-decoration:none;font-size:13px}.pc-brand p{margin:6px 0 0;color:#41577a;font-size:13px}.pc-status{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.pc-status.active{background:#ddf8e8;color:#118347}.pc-status.read_only{background:#e6f2ff;color:#1469b8}.pc-status.suspended{background:#fff0dc;color:#b45e00}.pc-status.archived{background:#edf0f4;color:#68768a}.pc-usage-tiles{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:12px;flex:1;max-width:720px}.pc-usage-tiles article{border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;border:1px solid transparent}.pc-usage-tiles article i{font-style:normal;font-size:24px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff8}.pc-usage-tiles strong{display:block;color:#0b2044;font-size:17px}.pc-usage-tiles span,.pc-usage-tiles em{display:block;font-style:normal;font-size:12px}.pc-usage-tiles span{color:#526886}.pc-usage-tiles em{font-weight:700;margin-top:3px}.pc-usage-tiles .blue{background:#edf6ff;border-color:#d9ebff}.pc-usage-tiles .blue em{color:#1781d8}.pc-usage-tiles .green{background:#eefbf3;border-color:#d8f3e2}.pc-usage-tiles .green em{color:#11904c}.pc-usage-tiles .purple{background:#f6efff;border-color:#eadcff}.pc-usage-tiles .purple em{color:#7d26da}.pc-usage-tiles .pink{background:#fff0f5;border-color:#ffdce8}.pc-usage-tiles .pink em{color:#df3568}.pc-tabs{padding:0 12px!important;display:flex;gap:0;overflow-x:auto;margin-bottom:14px}.pc-tabs a{color:#183357;text-decoration:none;font-size:13px;font-weight:700;padding:14px 15px 12px;border-bottom:3px solid transparent;white-space:nowrap;display:flex;gap:7px;align-items:center}.pc-tabs a i{font-style:normal;font-size:18px}.pc-tabs a.active{color:#0874ee;border-bottom-color:#0874ee}.pc-grid{display:grid;gap:14px}.pc-general-grid{grid-template-columns:1.15fr 1.05fr 1.05fr .95fr}.pc-card{padding:16px!important;min-width:0}.pc-card h3{margin:0 0 16px;color:#11284c;font-size:16px;display:flex;align-items:center;gap:9px}.pc-card h3 i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:#0877ec}.pc-card h3 i.green{background:#e8faef;color:#13a157}.pc-card>label,.pc-dialog label{display:block;color:#19345a;font-weight:700;font-size:12px;margin:0 0 12px}.pc-card label b{color:#f04155}.pc-card input:not([type=checkbox]):not([type=color]),.pc-card select,.pc-card textarea,.pc-dialog input,.pc-dialog select{width:100%;border:1px solid #cddced;background:#fff;color:#243b5b;border-radius:6px;padding:9px 11px;font:inherit;font-weight:500;box-sizing:border-box;margin-top:6px}.pc-card textarea{resize:vertical}.pc-card input:disabled,.pc-card select:disabled{background:#f4f7fb;color:#617491}.pc-two,.pc-three{display:grid;gap:10px}.pc-two{grid-template-columns:1fr 1fr}.pc-three{grid-template-columns:repeat(3,1fr)}.pc-url,.pc-split-url{display:flex;border:1px solid #cddced;border-radius:6px;overflow:hidden;margin-top:6px;min-height:38px;align-items:center}.pc-url span,.pc-split-url>*{padding:9px 11px}.pc-url span{flex:1;color:#284269}.pc-url em{font-style:normal;background:#e7fff0;color:#148749;font-size:12px}.pc-url em.pending{background:#fff0ce;color:#b56d00}.pc-split-url span{background:#eef4fb;color:#3d5778}.pc-split-url b{flex:1;font-weight:600}.pc-toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px!important}.pc-toggle-row span{min-width:0}.pc-toggle-row strong,.pc-toggle-row small{display:block}.pc-toggle-row small{color:#71819a;font-weight:500;margin-top:2px}.pc-toggle-row input[type=checkbox],.pc-module input[type=checkbox],.pc-integration input[type=checkbox]{appearance:none;width:38px;height:21px;border-radius:20px;background:#c9d5e4;position:relative;flex:0 0 auto;cursor:pointer}.pc-toggle-row input[type=checkbox]:after,.pc-module input[type=checkbox]:after,.pc-integration input[type=checkbox]:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;top:2px;left:2px;box-shadow:0 1px 3px #0002;transition:.18s}.pc-toggle-row input:checked,.pc-module input:checked,.pc-integration input:checked{background:#0c7cf3}.pc-toggle-row input:checked:after,.pc-module input:checked:after,.pc-integration input:checked:after{left:19px}.pc-note{padding:11px 13px;border-radius:7px;font-size:12px;line-height:1.45;margin-top:10px}.pc-note.blue{background:#eaf5ff;color:#32618e;border:1px solid #cfe8ff}.pc-note.orange{background:#fff7e8;color:#8c651a;border:1px solid #ffe6b7}.pc-success{color:#10914d;font-size:12px;font-weight:700}.pc-progress-label{display:flex;justify-content:space-between;color:#385474;font-size:12px;margin:10px 0 6px}.pc-progress{height:9px;background:#e4edf7;border-radius:999px;overflow:hidden}.pc-progress i{display:block;height:100%;background:#117bf3;border-radius:inherit}.pc-progress.green i{background:#20b568}.pc-progress.purple i{background:#9c4be6}.pc-progress.pink i{background:#f43f72}.danger h3{color:#e1192f}.pc-danger-action{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #edf1f6}.pc-danger-action span strong,.pc-danger-action span small{display:block}.pc-danger-action span small{color:#6f8198;margin-top:3px}.pc-bottom-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;padding:10px 0}.pc-bottom-actions>div{display:flex;gap:10px}.pc-users{padding:14px!important}.pc-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.pc-section-head h2,.pc-section-head h3{margin:0}.pc-section-head p{margin:4px 0 0;color:#6b7e98;font-size:13px}.pc-section-head>div:last-child{display:flex;gap:10px}.pc-kpis{display:grid;grid-template-columns:repeat(4,1fr) 1.7fr;gap:10px;margin:14px 0}.pc-kpis article{padding:13px 16px;border-radius:9px;border:1px solid #dfebf7;background:#f8fbff}.pc-kpis strong{display:block;font-size:21px;color:#0e2548}.pc-kpis span{font-size:12px;color:#667b97}.pc-kpis .blue{background:#eef7ff}.pc-kpis .green{background:#edfbf2}.pc-kpis .orange{background:#fff6e8}.pc-kpis .pink{background:#fff0f4}.pc-kpis .wide .pc-progress{margin-top:8px}.pc-users-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}.pc-filters{display:grid;grid-template-columns:1fr 140px 140px;gap:9px;margin:0 0 10px}.pc-filters input,.pc-filters select{border:1px solid #d3e0ef;border-radius:6px;padding:10px;background:#fff}.pc-table{width:100%;border-collapse:collapse;font-size:12px}.pc-table th{color:#1e365a;text-align:left;background:#f6f9fd;padding:10px;border-bottom:1px solid #dce7f3}.pc-table td{padding:9px 10px;border-bottom:1px solid #e2ebf4;color:#3d587a}.pc-user{display:flex;align-items:center;gap:8px}.pc-user span{width:30px;height:30px;border-radius:50%;background:#348bf4;color:#fff;display:grid;place-items:center;font-weight:700}.pc-role{padding:4px 7px;border-radius:5px;background:#e9f2ff;color:#1872d2;font-size:11px}.pc-pill{padding:4px 7px;border-radius:999px;font-size:11px;font-weight:700}.pc-pill.ok{background:#dcf7e7;color:#128348}.pc-pill.bad{background:#ffe4e8;color:#d92c47}.pc-pill.warn{background:#fff0cf;color:#a66a00}.pc-pill.neutral{background:#edf1f6;color:#718096}.pc-more{border:1px solid #d5e1ef;background:#fff;border-radius:6px;width:30px;height:30px;color:#194b88}.pc-side{padding:14px!important;margin-bottom:10px}.pc-side a{display:block;padding:10px 0;border-top:1px solid #e8eef5;color:#174a8a;text-decoration:none}.pc-dialog{border:0;border-radius:14px;box-shadow:0 24px 80px #0b23494d;width:min(460px,92vw)}.pc-dialog::backdrop{background:#06152f99}.pc-dialog form{display:grid;gap:10px}.pc-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.pc-plan-top{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:14px}.pc-current-plan{display:flex;align-items:center;gap:15px;background:#f8fbff;border:1px solid #dce8f5;border-radius:8px;padding:14px}.pc-current-plan>i{font-style:normal;font-size:28px;color:#0b78ee}.pc-current-plan h2{margin:0 0 4px;font-size:17px}.pc-current-plan strong{display:block;margin-top:10px;color:#5a2fd2}.pc-limit{display:grid;grid-template-columns:70px 90px 1fr 40px;gap:8px;align-items:center;margin:11px 0;font-size:12px}.pc-limit em{font-style:normal;text-align:right}.pc-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pc-module{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dbe6f2;border-radius:8px;background:#fff}.pc-module>i{font-style:normal;width:40px;height:40px;border-radius:50%;background:#eef6ff;display:grid;place-items:center;font-size:20px}.pc-module span{flex:1}.pc-module span strong,.pc-module span small{display:block}.pc-module span small{color:#72839a;font-weight:500;margin-top:3px}.pc-branding-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}.pc-upload{border:1px dashed #b9cbe1;border-radius:8px;padding:14px;display:flex;align-items:center;gap:12px;margin-top:6px}.pc-upload img{width:110px;height:50px;object-fit:contain}.pc-upload span{color:#667c98}.pc-login-preview{min-height:280px;border-radius:9px;background:linear-gradient(135deg,var(--p),#087dec);padding:20px;display:grid;grid-template-columns:1fr .85fr;gap:20px;align-items:center;color:#fff}.pc-preview-brand{text-align:center}.pc-preview-brand img{max-width:130px;max-height:70px;object-fit:contain}.pc-preview-login{background:#fff;color:#193152;border-radius:9px;padding:20px;box-shadow:0 12px 35px #041a3a33}.pc-preview-login h3{margin:0;text-align:center}.pc-preview-login small{display:block;text-align:center;margin-bottom:12px}.pc-preview-login input{display:block;width:100%;box-sizing:border-box;margin:7px 0;padding:9px;border:1px solid #d4dfeb;border-radius:5px}.pc-preview-login button{width:100%;padding:9px;border:0;border-radius:5px;background:var(--a);color:#fff}.pc-domain-layout{display:grid;grid-template-columns:.8fr 1.5fr .9fr;gap:14px}.pc-domain-current{display:flex;align-items:center;justify-content:space-between;background:#f6f9fd;border:1px solid #d9e4f1;padding:12px;border-radius:7px}.pc-inline{display:flex;gap:8px;margin-top:10px}.pc-domain-steps{display:flex;justify-content:space-between;position:relative;margin:26px 8px}.pc-domain-steps:before{content:"";position:absolute;left:7%;right:7%;top:16px;height:2px;background:#dbe5f0}.pc-domain-steps>div{position:relative;text-align:center;z-index:1}.pc-domain-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#b8c6d7;color:#fff;margin:0 auto 7px}.pc-domain-steps .done b{background:#14a35b}.pc-domain-steps .active b{background:#0b78ef}.pc-domain-steps span{font-size:11px;color:#314b6f}.pc-dns-row{display:grid;grid-template-columns:50px 60px 1fr auto;gap:8px;align-items:center;padding:10px;background:#f8fbff;border-top:1px solid #e4edf6;font-size:12px}.pc-dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e8eef5;font-size:12px}.pc-dl dt{font-weight:700;color:#213a5e}.pc-dl dd{margin:0;color:#496482}.green-card{background:#f0fbf4!important}.pc-security-hero{background:linear-gradient(100deg,#061848,#008cf5);color:#fff;border-radius:9px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pc-security-hero>div{display:grid;grid-template-columns:auto 1fr;column-gap:14px}.pc-security-hero i{font-style:normal;font-size:34px;grid-row:1/3}.pc-security-hero h2{margin:0;font-size:27px}.pc-security-hero p{margin:5px 0 0;color:#dbeaff}.pc-security-hero>strong{font-size:14px;line-height:1.5}.pc-security-grid{display:grid;grid-template-columns:1.1fr 1.4fr .9fr;gap:12px}.pc-security-grid .span2{grid-column:span 2}.pc-big-number{text-align:center;font-size:42px;font-weight:800;color:#0d2549;padding:22px}.pc-big-number span{display:block;font-size:12px;font-weight:500;color:#617994}.pc-check-list{margin:0;padding-left:20px;color:#335371;font-size:12px}.pc-check-list li{margin:8px 0}.pc-billing-grid{display:grid;grid-template-columns:1fr 1.5fr .9fr;gap:12px}.pc-empty-state{text-align:center;padding:35px 15px;color:#6a7d96}.pc-empty-state i{display:block;font-size:35px;font-style:normal}.pc-empty-state strong{display:block;color:#203b60}.pc-billing-grid aside a{display:block;padding:10px 0;border-top:1px solid #e6edf5;color:#1c5798;text-decoration:none}.pc-email-layout{display:grid;grid-template-columns:280px 1.2fr 1fr;gap:12px}.pc-email-menu{padding:8px!important}.pc-email-menu a{display:block;padding:13px;border-radius:7px;color:#213c61;font-weight:700}.pc-email-menu a.active{background:#eaf4ff;color:#0a72db}.pc-email-menu small{display:block;color:#71829a;font-weight:500;margin-top:3px}.pc-email-main,.pc-email-right{display:grid;gap:12px;align-content:start}.pc-email-preview{background:#fff;border:12px solid #f1f5fa;padding:20px}.pc-email-preview img{max-width:110px;max-height:50px}.pc-email-preview h2{font-size:18px}.pc-email-preview p{font-size:12px}.pc-email-preview button{background:#087bf0;color:#fff;border:0;padding:10px 18px;border-radius:5px}.pc-integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pc-integration{padding:14px!important;display:flex;gap:12px;align-items:flex-start;position:relative}.pc-integration>i{font-style:normal;font-size:27px;width:42px;height:42px;border-radius:50%;background:#eef5ff;display:grid;place-items:center}.pc-integration>div{flex:1}.pc-integration h3{margin:0 0 4px}.pc-integration p{font-size:12px;color:#607693}.pc-integration>input{position:absolute;right:14px;top:14px}.pc-integration.overview{display:block}.pc-mini-kpis{display:flex;gap:8px;margin-top:16px}.pc-mini-kpis span{flex:1;text-align:center;background:#f4f8fc;padding:12px;border-radius:7px;color:#5e7390;font-size:12px}.pc-mini-kpis b{display:block;font-size:21px;color:#17345b}.pc-advanced-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pc-danger-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pc-audit-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 250px;gap:12px}.pc-audit-layout aside:first-child{align-self:start}.pc-audit-layout aside:first-child .btn{width:100%;margin-top:8px}.pc-audit-summary{text-align:center;background:#f4f8fd;padding:15px;border-radius:7px;margin-top:10px}.pc-audit-summary strong{display:block;font-size:24px}.pc-table.audit{min-width:900px}.pc-activity{display:flex;gap:10px;padding:10px 0;border-left:2px solid #dfe8f3;margin-left:5px}.pc-activity i{width:8px;height:8px;border-radius:50%;background:#0c7df4;margin-left:-5px;margin-top:4px}.pc-activity strong,.pc-activity span{display:block}.pc-activity span{font-size:11px;color:#6b809b;margin-top:3px}.pc-empty-chart{text-align:center;font-size:80px;color:#257ef0;padding:20px} @media(max-width:1200px){.pc-general-grid{grid-template-columns:1fr 1fr}.pc-partner-strip{align-items:flex-start;flex-direction:column}.pc-usage-tiles{max-width:none;width:100%}.pc-plan-top,.pc-billing-grid,.pc-email-layout,.pc-domain-layout,.pc-security-grid{grid-template-columns:1fr 1fr}.pc-security-grid .span2{grid-column:span 1}.pc-integration-grid,.pc-advanced-grid{grid-template-columns:1fr 1fr}.pc-audit-layout{grid-template-columns:1fr}.pc-audit-layout>aside{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pc-audit-layout>aside .pc-card{margin:0}} @media(max-width:820px){.pc-pagehead,.pc-bottom-actions{align-items:stretch;flex-direction:column}.pc-head-actions{flex-wrap:wrap}.pc-brand{min-width:0}.pc-usage-tiles,.pc-kpis{grid-template-columns:1fr 1fr}.pc-general-grid,.pc-users-layout,.pc-plan-top,.pc-branding-layout,.pc-domain-layout,.pc-security-grid,.pc-billing-grid,.pc-email-layout,.pc-integration-grid,.pc-advanced-grid{grid-template-columns:1fr}.pc-module-grid{grid-template-columns:1fr}.pc-two,.pc-three{grid-template-columns:1fr}.pc-filters{grid-template-columns:1fr}.pc-audit-layout>aside{grid-template-columns:1fr}.pc-partner-strip{padding:12px!important}.pc-logo{width:95px}.pc-title-row{align-items:flex-start;flex-direction:column;gap:5px}} /* ================================================================ EngiCore 18.8F — Portal-wide typography engine Settings -> Typography is authoritative for body, navigation, header/page titles, forms, tables, buttons, supporting text/footer. ================================================================ */ html,body{font-family:var(--ec-font-family,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important} body:not(.document-page){font-size:var(--ec-base-font-size,15px)!important;font-weight:var(--ec-body-weight,400)!important;line-height:var(--ec-line-height,1.55)!important;letter-spacing:var(--ec-letter-spacing,0em)!important} main.content,.content .card,.content .panel,.content .modal,.content .dialog,.content .settings-card,.content p,.content li,.content dd,.content dt{font-family:var(--ec-font-family,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)} /* Main and secondary navigation */ .sidebar,.sidebar .nav,.sidebar .nav a,.sidebar .nav button,.nav-dropdown-toggle,.nav-submenu,.nav-submenu a,.settings-subnav,.settings-subnav a,.settings-subnav button{ font-family:var(--ec-navigation-font-family,var(--ec-font-family))!important; font-size:var(--ec-navigation-size,14px)!important; } .sidebar .nav a>span:not(.nav-icon):not(.nav-caret),.nav-dropdown-toggle>span:not(.nav-icon):not(.nav-caret),.settings-subnav-list a>span:not(.settings-subnav-icon):not(.settings-subnav-arrow){font-size:inherit!important} .nav-group-label,.settings-subnav-section-label{font-family:var(--ec-navigation-font-family,var(--ec-font-family))!important;font-size:calc(var(--ec-navigation-size,14px) - 2px)!important} /* Top header / account bar */ .top,.top button,.top input,.top select,.top a,.top-heading,.top-profile,.user-copy,.top-search input,.tenant-context-bar{ font-family:var(--ec-header-font-family,var(--ec-font-family))!important; } .top{font-size:var(--ec-header-size,15px)!important} .top button,.top input,.top select,.top a,.top-profile,.user-copy{font-size:inherit!important} .top-heading h1,.page-title,.page-header>h1,.page-head>h1{ font-family:var(--ec-header-font-family,var(--ec-font-family))!important; font-size:var(--ec-page-title-size,26px)!important; font-weight:var(--ec-heading-weight,800)!important; letter-spacing:var(--ec-heading-spacing,-.012em)!important; line-height:1.15!important; } .top-heading .muted,.top-heading small{font-family:var(--ec-header-font-family,var(--ec-font-family))!important;font-size:calc(var(--ec-header-size,15px) - 1px)!important} /* Headings, body, labels, tables, buttons and supporting copy */ h1,h2,h3,h4,h5,h6,.metric strong,.card h1,.card h2,.card h3,.section-head h1,.section-head h2,.section-head h3{font-family:inherit;font-weight:var(--ec-heading-weight,800)!important;letter-spacing:var(--ec-heading-spacing,-.012em)!important} label>span,.field-label,.form-label,.input-label,.control-label,.filter-label{font-size:var(--ec-label-size,13px)!important} table,table th,table td,.table,.data-table,.list-table{font-size:var(--ec-table-size,14px)!important} .btn,button,.button,input[type="button"],input[type="submit"],input[type="reset"]{font-size:var(--ec-button-size,14px)!important} .small,small,.muted.small,.footnote,.help-text,.field-help,.form-help,.hint{font-size:var(--ec-small-size,12px)!important} /* Portal footer surfaces */ .sidebar-footer,.nav-footer,.portal-footer,.settings-subnav-foot,.login-footer,.csr-footer,.customer-portal-footer,.content>footer{ font-family:var(--ec-footer-font-family,var(--ec-font-family))!important; font-size:var(--ec-footer-size,11px)!important; } .sidebar-footer *,.nav-footer *,.portal-footer *,.settings-subnav-foot *,.login-footer *,.csr-footer *,.customer-portal-footer *,.content>footer *{font-family:inherit!important;font-size:inherit!important} /* Typography settings grouped controls */ .type-control-section{border:1px solid var(--line,#dce6f2);border-radius:16px;padding:16px;margin:0 0 16px;background:linear-gradient(180deg,#fff,#fbfdff)} .type-control-title{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.type-control-title strong{font-size:15px}.type-control-title small{color:var(--muted,#6d7c92)} html[data-theme="dark"] .type-control-section,body.dark .type-control-section{background:#101b2c;border-color:#2b3a50} /* Live preview now demonstrates every configurable portal region. */ .typography-preview{--preview-font:var(--ec-font-family);--preview-nav-font:var(--ec-navigation-font-family,var(--ec-font-family));--preview-header-font:var(--ec-header-font-family,var(--ec-font-family));--preview-footer-font:var(--ec-footer-font-family,var(--ec-font-family));--preview-base:var(--ec-base-font-size);--preview-nav-size:var(--ec-navigation-size);--preview-header-size:var(--ec-header-size);--preview-footer-size:var(--ec-footer-size);--preview-page-title:var(--ec-page-title-size);--preview-body:var(--ec-body-weight);--preview-head:var(--ec-heading-weight);--preview-line:var(--ec-line-height);--preview-letter:var(--ec-letter-spacing);--preview-label:var(--ec-label-size);--preview-table:var(--ec-table-size);--preview-button:var(--ec-button-size);--preview-small:var(--ec-small-size)} .type-preview-shell{display:grid;grid-template-columns:150px minmax(0,1fr);margin-top:16px;border:1px solid #dbe5f0;border-radius:18px;overflow:hidden;background:#f7faff;min-height:600px} .type-preview-nav{display:flex;flex-direction:column;gap:5px;padding:18px 12px;background:#0b1d36;color:#dce8f7;font-family:var(--preview-nav-font)!important;font-size:var(--preview-nav-size)!important} .type-preview-nav strong{color:#fff;font-size:1.12em;margin-bottom:12px}.type-preview-nav span{padding:8px 9px;border-radius:8px}.type-preview-nav span.active{background:#126fe8;color:#fff}.type-preview-nav small{margin-top:auto;color:#91a5bd;font-family:var(--preview-footer-font)!important;font-size:var(--preview-footer-size)!important} .type-preview-main{min-width:0;display:flex;flex-direction:column} .type-preview-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #dbe5f0;background:#fff;font-family:var(--preview-header-font)!important;font-size:var(--preview-header-size)!important} .type-preview-header>div{display:flex;flex-direction:column}.type-preview-header strong{font-weight:var(--preview-head)}.type-preview-header small{font-size:.82em;color:#77879d} .type-preview-page{font-family:var(--preview-font)!important;font-size:var(--preview-base)!important;font-weight:var(--preview-body)!important;line-height:var(--preview-line)!important;letter-spacing:var(--preview-letter)!important;margin:0!important;padding:22px!important;border:0!important;border-radius:0!important;background:#fbfdff!important;flex:1} .type-preview-page h1{font-size:var(--preview-page-title)!important;font-weight:var(--preview-head)!important;line-height:1.15!important;margin:3px 0 7px!important} .type-preview-page h2,.type-preview-page h3{font-weight:var(--preview-head)!important}.type-preview-page label{font-size:var(--preview-label)!important}.type-preview-page table,.type-preview-page th,.type-preview-page td{font-size:var(--preview-table)!important}.type-preview-page .btn{font-size:var(--preview-button)!important}.type-preview-page .small,.type-preview-page small{font-size:var(--preview-small)!important} .type-preview-footer{padding:10px 16px;border-top:1px solid #dbe5f0;background:#f3f7fb;color:#74859b;font-family:var(--preview-footer-font)!important;font-size:var(--preview-footer-size)!important} .typography-preview.compact-headings .type-preview-page h1,.typography-preview.compact-headings .type-preview-page h2,.typography-preview.compact-headings .type-preview-page h3{letter-spacing:-.025em!important} @media(max-width:760px){.type-preview-shell{grid-template-columns:1fr}.type-preview-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}.type-preview-nav strong,.type-preview-nav small{grid-column:1/-1}.type-preview-nav small{margin-top:5px}.typography-pair{grid-template-columns:1fr!important}} /* Customer/self-service portal uses the same tenant typography controls. */ .csr-sidebar,.csr-nav,.csr-nav a,.csr-side-user,.csr-help{ font-family:var(--ec-navigation-font-family,var(--ec-font-family))!important; font-size:var(--ec-navigation-size,14px)!important; } .csr-nav a,.csr-side-user strong,.csr-side-user a,.csr-help strong,.csr-help a{font-size:inherit!important} .csr-topbar,.csr-topbar input,.csr-top-user,.customer-portal-top,.customer-portal-top a,.customer-portal-user{ font-family:var(--ec-header-font-family,var(--ec-font-family))!important; font-size:var(--ec-header-size,15px)!important; } .csr-title-row h1,.customer-portal-welcome h1{font-family:var(--ec-header-font-family,var(--ec-font-family))!important;font-size:var(--ec-page-title-size,26px)!important;font-weight:var(--ec-heading-weight,800)!important} .customer-portal-body,.csr-page,.customer-portal-content,.csr-content{font-family:var(--ec-font-family)!important;font-size:var(--ec-base-font-size,15px)!important;line-height:var(--ec-line-height,1.55)!important} .customer-portal-top span,.customer-portal-user a,.csr-top-user span,.csr-top-user small{font-size:inherit!important} .customer-portal-content footer,.csr-side-user small{font-family:var(--ec-footer-font-family,var(--ec-font-family))!important;font-size:var(--ec-footer-size,11px)!important} /* Body control applies to standard readable content and form controls even where older pages used fixed pixel sizes. */ main.content p:not(.muted.small):not(.footnote),main.content li,main.content dd,main.content dt, main.content .card>p,main.content .panel>p,main.content .description,main.content .body-copy, .customer-portal-content p,.csr-content p{ font-family:var(--ec-font-family)!important; font-size:var(--ec-base-font-size,15px)!important; font-weight:var(--ec-body-weight,400)!important; line-height:var(--ec-line-height,1.55)!important; letter-spacing:var(--ec-letter-spacing,0em)!important; } input:not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea{ font-family:var(--ec-font-family)!important; font-size:var(--ec-base-font-size,15px)!important; font-weight:var(--ec-body-weight,400)!important; } /* EngiCore 18.8G — authoritative navigation typography normalization Every visible navigation label is controlled by the same tenant typography variables. Active/expanded states may change colour/background only. */ .sidebar .nav, .sidebar .nav > a, .sidebar .nav .nav-dropdown, .sidebar .nav .nav-dropdown-toggle, .sidebar .nav .nav-dropdown-toggle > span:not(.nav-icon):not(.nav-caret), .sidebar .nav .nav-submenu, .sidebar .nav .nav-submenu > a, .sidebar .nav .nav-submenu > a > span, .settings-subnav, .settings-subnav a, .settings-subnav button, .settings-subnav-list a, .settings-subnav-list a > span:not(.settings-subnav-icon):not(.settings-subnav-arrow), .nav-group-label, .settings-subnav-section-label{ font-family:var(--ec-navigation-font-family,var(--ec-font-family))!important; font-size:var(--ec-navigation-size,14px)!important; font-weight:var(--ec-navigation-weight,700)!important; letter-spacing:normal!important; line-height:1.25!important; } .sidebar .nav > a.active, .sidebar .nav > a:hover, .sidebar .nav .nav-dropdown-toggle.active, .sidebar .nav .nav-dropdown-toggle:hover, .sidebar .nav .nav-submenu > a.active, .sidebar .nav .nav-submenu > a:hover{ font-family:var(--ec-navigation-font-family,var(--ec-font-family))!important; font-size:var(--ec-navigation-size,14px)!important; font-weight:var(--ec-navigation-weight,700)!important; } /* Decorative icons/carets keep their own dimensions and do not affect text sizing. */ .sidebar .nav .nav-icon, .sidebar .nav .nav-caret, .sidebar .nav .nav-submenu > a:before, .settings-subnav-icon, .settings-subnav-arrow{font-size:initial!important;font-family:inherit} .type-preview-nav, .type-preview-nav span, .type-preview-nav strong{ font-family:var(--preview-nav-font)!important; font-size:var(--preview-nav-size)!important; font-weight:var(--preview-nav-weight,700)!important; } .type-preview-nav strong{margin-bottom:12px} /* EngiCore 18.8K — final sidebar typography lock All visible sidebar navigation text uses exactly one configured navigation font family, size, weight and line-height. State changes are visual only. */ .sidebar .nav, .sidebar .nav > a, .sidebar .nav > a > span:not(.nav-icon):not(.nav-caret), .sidebar .nav .nav-dropdown, .sidebar .nav .nav-dropdown-toggle, .sidebar .nav .nav-dropdown-toggle > span:not(.nav-icon):not(.nav-caret), .sidebar .nav .nav-submenu, .sidebar .nav .nav-submenu > a, .sidebar .nav .nav-submenu > a > span:not(.nav-icon):not(.nav-caret), .sidebar .nav .nav-logout, .sidebar .nav .nav-logout > span:not(.nav-icon):not(.nav-caret){ font-family:var(--ec-navigation-font-family,var(--ec-font-family))!important; font-size:var(--ec-navigation-size,14px)!important; font-weight:var(--ec-navigation-weight,700)!important; font-style:normal!important; font-variant:normal!important; font-stretch:normal!important; line-height:1.25!important; letter-spacing:normal!important; text-transform:none!important; } .sidebar .nav > a.active, .sidebar .nav > a.active > span:not(.nav-icon):not(.nav-caret), .sidebar .nav > a:hover, .sidebar .nav > a:hover > span:not(.nav-icon):not(.nav-caret), .sidebar .nav .nav-dropdown-toggle.active, .sidebar .nav .nav-dropdown-toggle.active > span:not(.nav-icon):not(.nav-caret), .sidebar .nav .nav-dropdown-check:checked + .nav-dropdown-toggle, .sidebar .nav .nav-dropdown-check:checked + .nav-dropdown-toggle > span:not(.nav-icon):not(.nav-caret), .sidebar .nav .nav-submenu > a.active, .sidebar .nav .nav-submenu > a.active > span:not(.nav-icon):not(.nav-caret), .sidebar .nav .nav-submenu > a:hover, .sidebar .nav .nav-submenu > a:hover > span:not(.nav-icon):not(.nav-caret), .sidebar .nav .nav-logout:hover, .sidebar .nav .nav-logout:hover > span:not(.nav-icon):not(.nav-caret){ font-family:var(--ec-navigation-font-family,var(--ec-font-family))!important; font-size:var(--ec-navigation-size,14px)!important; font-weight:var(--ec-navigation-weight,700)!important; line-height:1.25!important; letter-spacing:normal!important; } /* EngiCore 18.8L — exact top-level sidebar label lock Every primary sidebar caption uses the same explicit nav-label rule. */ .sidebar .nav > a > .nav-label, .sidebar .nav .nav-dropdown-toggle > .nav-label, .sidebar .nav .nav-logout > .nav-label{ display:block!important; flex:1 1 auto!important; min-width:0!important; font-family:var(--ec-navigation-font-family,var(--ec-font-family))!important; font-size:var(--ec-navigation-size,14px)!important; font-weight:var(--ec-navigation-weight,700)!important; font-style:normal!important; font-variant:normal!important; font-stretch:normal!important; line-height:1.25!important; letter-spacing:normal!important; text-transform:none!important; } .sidebar .nav > a.active > .nav-label, .sidebar .nav > a:hover > .nav-label, .sidebar .nav .nav-dropdown-toggle.active > .nav-label, .sidebar .nav .nav-dropdown-toggle:hover > .nav-label, .sidebar .nav .nav-dropdown-check:checked + .nav-dropdown-toggle > .nav-label{ font-family:var(--ec-navigation-font-family,var(--ec-font-family))!important; font-size:var(--ec-navigation-size,14px)!important; font-weight:var(--ec-navigation-weight,700)!important; } /* ================================================================ EngiCore 18.8N — Partners light/dark typography contrast lock Keeps all Partner/Multi-Tenancy text readable and consistent in both themes without overriding semantic status/button colours. ================================================================ */ .partners-reference-page{ --pr-text:#24364f; --pr-strong:#10233f; --pr-muted:#60738e; --pr-soft:#74859a; --pr-panel:#ffffff; --pr-panel-soft:#fafcff; --pr-input:#ffffff; --pr-table-head:#f5f8fb; --pr-border:#dfe7f0; --pr-hover:#fbfdff; color:var(--pr-text)!important; } html[data-theme="dark"] .partners-reference-page, body.dark.partners-reference-page{ --pr-text:#dbe6f4; --pr-strong:#f1f6fd; --pr-muted:#afbed1; --pr-soft:#92a5bd; --pr-panel:#132338; --pr-panel-soft:#102036; --pr-input:#102036; --pr-table-head:#172940; --pr-border:#30435b; --pr-hover:#172a41; color:var(--pr-text)!important; } /* Headings, breadcrumbs and hero copy */ .partners-reference-page .partner-ref-pagehead h1, .partners-reference-page .partner-ref-hero-copy h2 span, .partners-reference-page .partner-ref-hero-copy h3, .partners-reference-page .partner-ref-dir-head h2, .partners-reference-page .partner-ref-empty h3{ color:var(--pr-strong)!important; -webkit-text-fill-color:currentColor!important; } .partners-reference-page .partner-ref-pagehead nav, .partners-reference-page .partner-ref-pagehead nav a, .partners-reference-page .partner-ref-pagehead nav strong, .partners-reference-page .partner-ref-hero-copy>p, .partners-reference-page .partner-ref-dir-head p, .partners-reference-page .partner-ref-empty p, .partners-reference-page .partner-ref-pagination{ color:var(--pr-muted)!important; -webkit-text-fill-color:currentColor!important; } .partners-reference-page .partner-ref-pagehead nav span{ color:var(--pr-soft)!important; } html[data-theme="dark"] .partners-reference-page .partner-ref-hero-copy h2, body.dark.partners-reference-page .partner-ref-hero-copy h2{ color:#63adff!important; } /* Hero feature labels and topology text */ .partners-reference-page .partner-ref-features strong, .partners-reference-page .partner-ref-features small, .partners-reference-page .partner-ref-nodes strong{ color:var(--pr-strong)!important; -webkit-text-fill-color:currentColor!important; } .partners-reference-page .partner-ref-nodes small{ color:var(--pr-soft)!important; } .partners-reference-page .partner-ref-parent, .partners-reference-page .partner-ref-parent small{ color:#fff!important; -webkit-text-fill-color:#fff!important; } /* Capacity card */ .partners-reference-page .partner-ref-cap-head strong, .partners-reference-page .partner-ref-donut b{ color:var(--pr-strong)!important; } .partners-reference-page .partner-ref-cap-head small, .partners-reference-page .partner-ref-donut small{ color:var(--pr-soft)!important; } .partners-reference-page .partner-ref-cap-legend{ color:var(--pr-text)!important; } .partners-reference-page .partner-ref-capacity{ background:var(--pr-panel)!important; border-color:var(--pr-border)!important; } .partners-reference-page .partner-ref-donut:after{ background:var(--pr-panel)!important; } /* KPI cards */ .partners-reference-page .partner-ref-kpis strong, .partners-reference-page .partner-ref-kpis b{ color:var(--pr-strong)!important; -webkit-text-fill-color:currentColor!important; } html[data-theme="dark"] .partners-reference-page .partner-ref-kpis article, body.dark.partners-reference-page .partner-ref-kpis article{ background:#14243a!important; border-color:#31465f!important; } html[data-theme="dark"] .partners-reference-page .partner-ref-kpis small, body.dark.partners-reference-page .partner-ref-kpis small{ color:#55d58c!important; } /* Directory surfaces */ .partners-reference-page .partner-ref-directory{ background:var(--pr-panel)!important; border-color:var(--pr-border)!important; } .partners-reference-page .partner-ref-dir-head>a, .partners-reference-page .partner-ref-export{ background:var(--pr-input)!important; border-color:var(--pr-border)!important; color:var(--pr-text)!important; -webkit-text-fill-color:currentColor!important; } .partners-reference-page .partner-ref-filters select, .partners-reference-page .partner-ref-search, .partners-reference-page .partner-ref-search input{ background:var(--pr-input)!important; border-color:var(--pr-border)!important; color:var(--pr-text)!important; -webkit-text-fill-color:currentColor!important; } .partners-reference-page .partner-ref-search input::placeholder{ color:var(--pr-soft)!important; opacity:1!important; } .partners-reference-page .partner-ref-search svg{ stroke:var(--pr-muted)!important; } html[data-theme="dark"] .partners-reference-page .partner-ref-filters>a, body.dark.partners-reference-page .partner-ref-filters>a{ background:#22344a!important; color:#dce7f5!important; } /* Directory table and actions */ .partners-reference-page .partner-ref-table th{ background:var(--pr-table-head)!important; border-color:var(--pr-border)!important; color:var(--pr-muted)!important; } .partners-reference-page .partner-ref-table td{ background:var(--pr-panel)!important; border-color:var(--pr-border)!important; color:var(--pr-text)!important; -webkit-text-fill-color:currentColor!important; } .partners-reference-page .partner-ref-table tbody tr:hover td{ background:var(--pr-hover)!important; } .partners-reference-page .partner-ref-name a{ color:var(--pr-strong)!important; -webkit-text-fill-color:currentColor!important; } .partners-reference-page .partner-ref-name small, .partners-reference-page .partner-ref-table .muted{ color:var(--pr-soft)!important; } .partners-reference-page .partner-ref-customer{ color:var(--pr-text)!important; } .partners-reference-page .partner-ref-actions>a, .partners-reference-page .partner-ref-actions summary{ background:var(--pr-input)!important; border-color:var(--pr-border)!important; color:var(--pr-text)!important; } .partners-reference-page .partner-ref-actions details>div{ background:var(--pr-panel)!important; border-color:var(--pr-border)!important; } .partners-reference-page .partner-ref-actions details>div>a, .partners-reference-page .partner-ref-actions details>div button{ color:var(--pr-text)!important; } .partners-reference-page .partner-ref-actions details>div>a:hover, .partners-reference-page .partner-ref-actions details>div button:hover{ background:var(--pr-hover)!important; } /* Empty state and pagination */ .partners-reference-page .partner-ref-empty{ background:var(--pr-panel-soft)!important; border-color:var(--pr-border)!important; } .partners-reference-page .partner-ref-pagination nav a, .partners-reference-page .partner-ref-pagination nav span{ background:var(--pr-input)!important; border-color:var(--pr-border)!important; color:var(--pr-text)!important; } .partners-reference-page .partner-ref-pagination nav span{ color:var(--pr-soft)!important; } .partners-reference-page .partner-ref-pagination nav a.current{ background:#087ef2!important; border-color:#087ef2!important; color:#fff!important; -webkit-text-fill-color:#fff!important; } /* Retain strong contrast for primary controls in both themes. */ .partners-reference-page .partner-ref-create, .partners-reference-page .partner-ref-filters button, .partners-reference-page .partner-ref-empty a{ color:#fff!important; -webkit-text-fill-color:#fff!important; } /* ================================================================ EngiCore 18.8P — Create Partner hero/theme readability lock ================================================================ */ .create-partner-page .create-partner-content{ padding-top:0!important; } .create-partner-page .cp-page-head{ position:relative!important; z-index:2!important; padding:0 0 2px!important; } .create-partner-page .cp-page-head h1{ color:#10233f!important; -webkit-text-fill-color:#10233f!important; } .create-partner-page .cp-hero, html[data-theme="dark"] .create-partner-page .cp-hero, body.dark.create-partner-page .cp-hero{ color:#fff!important; } .create-partner-page .cp-hero h2, .create-partner-page .cp-hero h3, .create-partner-page .cp-hero p, .create-partner-page .cp-hero b, .create-partner-page .cp-hero small, .create-partner-page .cp-hero-features b, .create-partner-page .cp-hero-features small, .create-partner-page .cp-hero-city>b, html[data-theme="dark"] .create-partner-page .cp-hero h2, html[data-theme="dark"] .create-partner-page .cp-hero h3, html[data-theme="dark"] .create-partner-page .cp-hero p, html[data-theme="dark"] .create-partner-page .cp-hero b, html[data-theme="dark"] .create-partner-page .cp-hero small, body.dark.create-partner-page .cp-hero h2, body.dark.create-partner-page .cp-hero h3, body.dark.create-partner-page .cp-hero p, body.dark.create-partner-page .cp-hero b, body.dark.create-partner-page .cp-hero small{ color:#fff!important; -webkit-text-fill-color:#fff!important; text-shadow:0 1px 1px rgba(0,0,0,.12)!important; } .create-partner-page .cp-hero p, .create-partner-page .cp-hero-features small{ color:#e7f2ff!important; -webkit-text-fill-color:#e7f2ff!important; } .create-partner-page .cp-hero-icon svg, .create-partner-page .cp-hero-features i svg{ width:26px; height:26px; fill:none; stroke:#fff; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; } .create-partner-page .cp-hero-features i svg{width:20px;height:20px} .create-partner-page .cp-hero-city>b{ background:rgba(3,88,218,.82)!important; border:1px solid rgba(255,255,255,.10)!important; } html[data-theme="dark"] .create-partner-page .create-partner-content, body.dark.create-partner-page .create-partner-content{ background:linear-gradient(180deg,#101a2b 0,#0f1a2b 100%)!important; } html[data-theme="dark"] .create-partner-page .cp-page-head h1, body.dark.create-partner-page .cp-page-head h1{ color:#f2f6ff!important; -webkit-text-fill-color:#f2f6ff!important; } html[data-theme="dark"] .create-partner-page .cp-page-head nav, html[data-theme="dark"] .create-partner-page .cp-page-head nav a, body.dark.create-partner-page .cp-page-head nav, body.dark.create-partner-page .cp-page-head nav a{ color:#aebdd0!important; } html[data-theme="dark"] .create-partner-page .cp-page-head nav strong, body.dark.create-partner-page .cp-page-head nav strong{ color:#e7eef8!important; } html[data-theme="dark"] .create-partner-page .cp-steps, body.dark.create-partner-page .cp-steps, html[data-theme="dark"] .create-partner-page .cp-card, body.dark.create-partner-page .cp-card, html[data-theme="dark"] .create-partner-page .cp-actions, body.dark.create-partner-page .cp-actions{ background:#132338!important; border-color:#2e425c!important; color:#dce7f5!important; } html[data-theme="dark"] .create-partner-page .cp-card h2, html[data-theme="dark"] .create-partner-page .cp-card h3, html[data-theme="dark"] .create-partner-page .cp-card h4, html[data-theme="dark"] .create-partner-page .cp-step b, body.dark.create-partner-page .cp-card h2, body.dark.create-partner-page .cp-card h3, body.dark.create-partner-page .cp-card h4, body.dark.create-partner-page .cp-step b{ color:#eef4fd!important; } html[data-theme="dark"] .create-partner-page .cp-card p, html[data-theme="dark"] .create-partner-page .cp-card small, html[data-theme="dark"] .create-partner-page .cp-step small, body.dark.create-partner-page .cp-card p, body.dark.create-partner-page .cp-card small, body.dark.create-partner-page .cp-step small{ color:#aebdd0!important; } html[data-theme="dark"] .create-partner-page input, html[data-theme="dark"] .create-partner-page select, body.dark.create-partner-page input, body.dark.create-partner-page select{ background:#102036!important; color:#edf4ff!important; border-color:#344a65!important; } html[data-theme="dark"] .create-partner-page input::placeholder, body.dark.create-partner-page input::placeholder{ color:#879ab2!important; opacity:1!important; } /* ================================================================ EngiCore 18.8Q — Create Partner complete dark-mode contrast lock ================================================================ */ html[data-theme="dark"] .create-partner-page, body.dark.create-partner-page{ --cp-dark-bg:#0d1828; --cp-dark-panel:#132338; --cp-dark-panel-2:#102036; --cp-dark-panel-3:#172a41; --cp-dark-border:#30455f; --cp-dark-text:#dce7f5; --cp-dark-strong:#f3f7fd; --cp-dark-muted:#aebdd0; --cp-dark-soft:#8fa2ba; color:var(--cp-dark-text)!important; } html[data-theme="dark"] .create-partner-page .create-partner-content, body.dark.create-partner-page .create-partner-content{ background:linear-gradient(180deg,#0d1828 0%,#101c2e 100%)!important; color:var(--cp-dark-text)!important; } /* Header / breadcrumbs / navigation controls */ html[data-theme="dark"] .create-partner-page .cp-page-head h1, body.dark.create-partner-page .cp-page-head h1{ color:var(--cp-dark-strong)!important; -webkit-text-fill-color:var(--cp-dark-strong)!important; } html[data-theme="dark"] .create-partner-page .cp-page-head nav, html[data-theme="dark"] .create-partner-page .cp-page-head nav a, body.dark.create-partner-page .cp-page-head nav, body.dark.create-partner-page .cp-page-head nav a{ color:var(--cp-dark-muted)!important; -webkit-text-fill-color:currentColor!important; } html[data-theme="dark"] .create-partner-page .cp-page-head nav strong, body.dark.create-partner-page .cp-page-head nav strong{ color:var(--cp-dark-strong)!important; } html[data-theme="dark"] .create-partner-page .cp-back, html[data-theme="dark"] .create-partner-page .cp-secondary, body.dark.create-partner-page .cp-back, body.dark.create-partner-page .cp-secondary{ background:#16273c!important; border-color:#38506b!important; color:#eaf1fb!important; -webkit-text-fill-color:#eaf1fb!important; } /* Stepper */ html[data-theme="dark"] .create-partner-page .cp-steps, body.dark.create-partner-page .cp-steps{ background:var(--cp-dark-panel)!important; border-color:var(--cp-dark-border)!important; } html[data-theme="dark"] .create-partner-page .cp-step, body.dark.create-partner-page .cp-step{ color:var(--cp-dark-text)!important; } html[data-theme="dark"] .create-partner-page .cp-step b, body.dark.create-partner-page .cp-step b{ color:var(--cp-dark-strong)!important; -webkit-text-fill-color:var(--cp-dark-strong)!important; } html[data-theme="dark"] .create-partner-page .cp-step small, body.dark.create-partner-page .cp-step small{ color:var(--cp-dark-muted)!important; } html[data-theme="dark"] .create-partner-page .cp-step-arrow, body.dark.create-partner-page .cp-step-arrow{ color:#5f7690!important; } /* Main cards */ html[data-theme="dark"] .create-partner-page .cp-card, html[data-theme="dark"] .create-partner-page .cp-actions, body.dark.create-partner-page .cp-card, body.dark.create-partner-page .cp-actions{ background:var(--cp-dark-panel)!important; border-color:var(--cp-dark-border)!important; color:var(--cp-dark-text)!important; } html[data-theme="dark"] .create-partner-page .cp-card h2, html[data-theme="dark"] .create-partner-page .cp-card h3, html[data-theme="dark"] .create-partner-page .cp-card h4, html[data-theme="dark"] .create-partner-page .cp-card strong, html[data-theme="dark"] .create-partner-page .cp-card b, body.dark.create-partner-page .cp-card h2, body.dark.create-partner-page .cp-card h3, body.dark.create-partner-page .cp-card h4, body.dark.create-partner-page .cp-card strong, body.dark.create-partner-page .cp-card b{ color:var(--cp-dark-strong)!important; -webkit-text-fill-color:currentColor!important; } html[data-theme="dark"] .create-partner-page .cp-card p, html[data-theme="dark"] .create-partner-page .cp-card small, html[data-theme="dark"] .create-partner-page .cp-card-title>small, body.dark.create-partner-page .cp-card p, body.dark.create-partner-page .cp-card small, body.dark.create-partner-page .cp-card-title>small{ color:var(--cp-dark-muted)!important; } /* Labels and form controls */ html[data-theme="dark"] .create-partner-page .cp-form-grid label, html[data-theme="dark"] .create-partner-page .cp-brand-box>label, html[data-theme="dark"] .create-partner-page .cp-brand-side label, body.dark.create-partner-page .cp-form-grid label, body.dark.create-partner-page .cp-brand-box>label, body.dark.create-partner-page .cp-brand-side label{ color:var(--cp-dark-strong)!important; } html[data-theme="dark"] .create-partner-page input:not([type="color"]):not([type="checkbox"]):not([type="radio"]), html[data-theme="dark"] .create-partner-page select, html[data-theme="dark"] .create-partner-page textarea, body.dark.create-partner-page input:not([type="color"]):not([type="checkbox"]):not([type="radio"]), body.dark.create-partner-page select, body.dark.create-partner-page textarea{ background:var(--cp-dark-panel-2)!important; border-color:#3a506b!important; color:#edf4ff!important; -webkit-text-fill-color:#edf4ff!important; } html[data-theme="dark"] .create-partner-page input::placeholder, html[data-theme="dark"] .create-partner-page textarea::placeholder, body.dark.create-partner-page input::placeholder, body.dark.create-partner-page textarea::placeholder{ color:#8397b0!important; -webkit-text-fill-color:#8397b0!important; opacity:1!important; } html[data-theme="dark"] .create-partner-page option, body.dark.create-partner-page option{ background:#102036!important; color:#edf4ff!important; } /* Compound inputs */ html[data-theme="dark"] .create-partner-page .cp-url-input, html[data-theme="dark"] .create-partner-page .cp-phone, html[data-theme="dark"] .create-partner-page .cp-password, body.dark.create-partner-page .cp-url-input, body.dark.create-partner-page .cp-phone, body.dark.create-partner-page .cp-password{ background:var(--cp-dark-panel-2)!important; border-color:#3a506b!important; } html[data-theme="dark"] .create-partner-page .cp-url-input span, html[data-theme="dark"] .create-partner-page .cp-url-input b, html[data-theme="dark"] .create-partner-page .cp-phone span, body.dark.create-partner-page .cp-url-input span, body.dark.create-partner-page .cp-url-input b, body.dark.create-partner-page .cp-phone span{ background:#192b42!important; color:#dce7f5!important; border-color:#3a506b!important; } html[data-theme="dark"] .create-partner-page .cp-password button, body.dark.create-partner-page .cp-password button{ background:#192b42!important; border-color:#3a506b!important; color:#75b8ff!important; } /* Side lists */ html[data-theme="dark"] .create-partner-page .cp-benefits li, html[data-theme="dark"] .create-partner-page .cp-next li, body.dark.create-partner-page .cp-benefits li, body.dark.create-partner-page .cp-next li{ color:#d4e0ef!important; } /* Role and notification panels */ html[data-theme="dark"] .create-partner-page .cp-role-box, body.dark.create-partner-page .cp-role-box{ background:#162b43!important; border-color:#31506f!important; } html[data-theme="dark"] .create-partner-page .cp-role-box> b, body.dark.create-partner-page .cp-role-box> b{ color:#eff5fd!important; } html[data-theme="dark"] .create-partner-page .cp-role-box div, body.dark.create-partner-page .cp-role-box div{ background:#193650!important; color:#dceaff!important; } html[data-theme="dark"] .create-partner-page .cp-role-box p, body.dark.create-partner-page .cp-role-box p{ color:#a9bdd4!important; } html[data-theme="dark"] .create-partner-page .cp-notify span, body.dark.create-partner-page .cp-notify span{ color:#e4edf8!important; } /* Plan cards */ html[data-theme="dark"] .create-partner-page .cp-plan-card, body.dark.create-partner-page .cp-plan-card{ background:#112238!important; border-color:#314862!important; } html[data-theme="dark"] .create-partner-page .cp-plan-card.selected, body.dark.create-partner-page .cp-plan-card.selected{ background:#132942!important; border-color:#2c8cff!important; } html[data-theme="dark"] .create-partner-page .cp-plan-card h3, html[data-theme="dark"] .create-partner-page .cp-plan-card>strong, body.dark.create-partner-page .cp-plan-card h3, body.dark.create-partner-page .cp-plan-card>strong{ color:#f1f6fd!important; } html[data-theme="dark"] .create-partner-page .cp-plan-card p, html[data-theme="dark"] .create-partner-page .cp-plan-card li, body.dark.create-partner-page .cp-plan-card p, body.dark.create-partner-page .cp-plan-card li{ color:#aebed2!important; } html[data-theme="dark"] .create-partner-page .cp-module-head, body.dark.create-partner-page .cp-module-head{ border-color:#30455f!important; } html[data-theme="dark"] .create-partner-page .cp-module-head button, body.dark.create-partner-page .cp-module-head button{ background:#172a41!important; border-color:#38516d!important; color:#e3edf8!important; } /* Module cards */ html[data-theme="dark"] .create-partner-page .cp-module, body.dark.create-partner-page .cp-module{ background:#112238!important; border-color:#314862!important; } html[data-theme="dark"] .create-partner-page .cp-module.disabled, body.dark.create-partner-page .cp-module.disabled{ background:#0e1b2d!important; } html[data-theme="dark"] .create-partner-page .cp-module b, body.dark.create-partner-page .cp-module b{ color:#eef4fd!important; } html[data-theme="dark"] .create-partner-page .cp-module small, body.dark.create-partner-page .cp-module small{ color:#9fb1c8!important; } /* Branding area */ html[data-theme="dark"] .create-partner-page .cp-brand-box, body.dark.create-partner-page .cp-brand-box{ background:#112238!important; border-color:#30475f!important; } html[data-theme="dark"] .create-partner-page .cp-upload>span, body.dark.create-partner-page .cp-upload>span{ background:#0f2035!important; border-color:#3b536e!important; color:#dce7f5!important; } html[data-theme="dark"] .create-partner-page .cp-colours label, body.dark.create-partner-page .cp-colours label{ color:#e8f0fb!important; } html[data-theme="dark"] .create-partner-page .cp-colours code, body.dark.create-partner-page .cp-colours code{ background:#15273c!important; border-color:#354b65!important; color:#dce7f5!important; } html[data-theme="dark"] .create-partner-page .cp-template>span, body.dark.create-partner-page .cp-template>span{ background:#0d1d31!important; border-color:#344b66!important; } html[data-theme="dark"] .create-partner-page .cp-template b, body.dark.create-partner-page .cp-template b{ color:#eaf1fb!important; } html[data-theme="dark"] .create-partner-page .cp-theme label, body.dark.create-partner-page .cp-theme label{ background:#112238!important; border-color:#39506a!important; color:#e5eef9!important; } /* Keep the login preview deliberately representative of a login screen. */ html[data-theme="dark"] .create-partner-page .cp-login-box, body.dark.create-partner-page .cp-login-box{ background:#f8fbff!important; color:#10233f!important; } html[data-theme="dark"] .create-partner-page .cp-login-box h3, body.dark.create-partner-page .cp-login-box h3{ color:#10233f!important; } html[data-theme="dark"] .create-partner-page .cp-login-box small, body.dark.create-partner-page .cp-login-box small{ color:#657894!important; } html[data-theme="dark"] .create-partner-page .cp-login-box input, body.dark.create-partner-page .cp-login-box input{ background:#fff!important; color:#20334d!important; -webkit-text-fill-color:#20334d!important; border-color:#d7e3ef!important; } html[data-theme="dark"] .create-partner-page .cp-login-box input::placeholder, body.dark.create-partner-page .cp-login-box input::placeholder{ color:#7d8da3!important; -webkit-text-fill-color:#7d8da3!important; } /* Domain / inheritance */ html[data-theme="dark"] .create-partner-page .cp-domain-head span, body.dark.create-partner-page .cp-domain-head span{ background:#17324e!important; color:#9bcaff!important; } html[data-theme="dark"] .create-partner-page .cp-inherit, body.dark.create-partner-page .cp-inherit{ border-color:#30455f!important; } html[data-theme="dark"] .create-partner-page .cp-inherit b, body.dark.create-partner-page .cp-inherit b{ color:#edf4ff!important; } /* Review */ html[data-theme="dark"] .create-partner-page .cp-review-grid article, body.dark.create-partner-page .cp-review-grid article{ background:#112238!important; border-color:#314862!important; } html[data-theme="dark"] .create-partner-page .cp-review-grid h3, html[data-theme="dark"] .create-partner-page .cp-review-grid dt, html[data-theme="dark"] .create-partner-page .cp-review-grid dd, body.dark.create-partner-page .cp-review-grid h3, body.dark.create-partner-page .cp-review-grid dt, body.dark.create-partner-page .cp-review-grid dd{ color:#e8f0fb!important; } html[data-theme="dark"] .create-partner-page .cp-review-grid h3 button, body.dark.create-partner-page .cp-review-grid h3 button{ background:#172a41!important; border-color:#3a5775!important; color:#78baff!important; } html[data-theme="dark"] .create-partner-page .cp-access li, body.dark.create-partner-page .cp-access li{ color:#d9e5f3!important; } /* Semantic information blocks retain their own meaning but gain dark surfaces. */ html[data-theme="dark"] .create-partner-page .cp-info, body.dark.create-partner-page .cp-info{ background:#152a42!important; border-color:#31516e!important; color:#cfe0f2!important; } html[data-theme="dark"] .create-partner-page .cp-info b, body.dark.create-partner-page .cp-info b{ color:#8ec6ff!important; } html[data-theme="dark"] .create-partner-page .cp-info.green, body.dark.create-partner-page .cp-info.green{ background:#112f27!important; border-color:#285b48!important; } html[data-theme="dark"] .create-partner-page .cp-info.green b, body.dark.create-partner-page .cp-info.green b{ color:#62dda4!important; } html[data-theme="dark"] .create-partner-page .cp-info.purple, body.dark.create-partner-page .cp-info.purple{ background:#281d43!important; border-color:#4e3b73!important; } html[data-theme="dark"] .create-partner-page .cp-info.purple b, body.dark.create-partner-page .cp-info.purple b{ color:#c5a4ff!important; } html[data-theme="dark"] .create-partner-page .cp-info.amber, body.dark.create-partner-page .cp-info.amber{ background:#3a2b12!important; border-color:#685024!important; } html[data-theme="dark"] .create-partner-page .cp-info.amber b, body.dark.create-partner-page .cp-info.amber b{ color:#ffc66f!important; } /* Bottom controls */ html[data-theme="dark"] .create-partner-page .cp-actions, body.dark.create-partner-page .cp-actions{ box-shadow:0 -4px 18px rgba(0,0,0,.18)!important; } html[data-theme="dark"] .create-partner-page .cp-primary, body.dark.create-partner-page .cp-primary, html[data-theme="dark"] .create-partner-page .cp-create, body.dark.create-partner-page .cp-create{ color:#fff!important; -webkit-text-fill-color:#fff!important; } /* Focus visibility */ html[data-theme="dark"] .create-partner-page input:focus, html[data-theme="dark"] .create-partner-page select:focus, html[data-theme="dark"] .create-partner-page textarea:focus, body.dark.create-partner-page input:focus, body.dark.create-partner-page select:focus, body.dark.create-partner-page textarea:focus{ border-color:#4099ff!important; box-shadow:0 0 0 3px rgba(64,153,255,.18)!important; } /* ================================================================ EngiCore 18.8R — Create Partner dark stepper hard lock Prevents global button styling from turning wizard steps white. ================================================================ */ html[data-theme="dark"] .create-partner-page .cp-steps, body.dark.create-partner-page .cp-steps{ background:#0f1d30!important; border-color:#334a65!important; box-shadow:0 6px 20px rgba(0,0,0,.18)!important; } html[data-theme="dark"] .create-partner-page button.cp-step, body.dark.create-partner-page button.cp-step{ appearance:none!important; -webkit-appearance:none!important; background:#14253a!important; background-image:none!important; border:1px solid #314861!important; border-radius:9px!important; color:#e8f0fb!important; -webkit-text-fill-color:#e8f0fb!important; box-shadow:none!important; min-height:62px!important; padding:8px 12px!important; } html[data-theme="dark"] .create-partner-page button.cp-step:hover, body.dark.create-partner-page button.cp-step:hover{ background:#182c44!important; border-color:#3d5876!important; } html[data-theme="dark"] .create-partner-page button.cp-step:focus, html[data-theme="dark"] .create-partner-page button.cp-step:focus-visible, body.dark.create-partner-page button.cp-step:focus, body.dark.create-partner-page button.cp-step:focus-visible{ background:#182c44!important; border-color:#4b9cff!important; box-shadow:0 0 0 3px rgba(75,156,255,.18)!important; outline:none!important; } html[data-theme="dark"] .create-partner-page button.cp-step.active, body.dark.create-partner-page button.cp-step.active{ background:#16304d!important; border-color:#2586ff!important; box-shadow:0 6px 18px rgba(18,120,255,.12)!important; } html[data-theme="dark"] .create-partner-page button.cp-step.done, body.dark.create-partner-page button.cp-step.done{ background:#12342d!important; border-color:#2e705b!important; } html[data-theme="dark"] .create-partner-page button.cp-step b, body.dark.create-partner-page button.cp-step b{ color:#f4f8ff!important; -webkit-text-fill-color:#f4f8ff!important; opacity:1!important; } html[data-theme="dark"] .create-partner-page button.cp-step small, body.dark.create-partner-page button.cp-step small{ color:#aebfd3!important; -webkit-text-fill-color:#aebfd3!important; opacity:1!important; } html[data-theme="dark"] .create-partner-page button.cp-step.active small, body.dark.create-partner-page button.cp-step.active small{ color:#68b1ff!important; -webkit-text-fill-color:#68b1ff!important; } html[data-theme="dark"] .create-partner-page button.cp-step.done small, body.dark.create-partner-page button.cp-step.done small{ color:#6ee0a7!important; -webkit-text-fill-color:#6ee0a7!important; } html[data-theme="dark"] .create-partner-page button.cp-step>span, body.dark.create-partner-page button.cp-step>span{ color:#fff!important; -webkit-text-fill-color:#fff!important; background:#71859c!important; } html[data-theme="dark"] .create-partner-page button.cp-step.active>span, body.dark.create-partner-page button.cp-step.active>span{ background:#087cff!important; color:#fff!important; -webkit-text-fill-color:#fff!important; } html[data-theme="dark"] .create-partner-page button.cp-step.done>span, body.dark.create-partner-page button.cp-step.done>span{ background:#0cab67!important; color:#fff!important; -webkit-text-fill-color:#fff!important; } html[data-theme="dark"] .create-partner-page .cp-step-arrow, body.dark.create-partner-page .cp-step-arrow{ color:#6f849c!important; -webkit-text-fill-color:#6f849c!important; opacity:1!important; } /* ================================================================ EngiCore 18.8S — Create Partner hero typography containment Keeps tenant font family while preventing global typography sizes from breaking the fixed hero composition. ================================================================ */ .create-partner-page .cp-hero{ min-height:190px!important; grid-template-columns:minmax(430px,1.35fr) minmax(360px,.95fr) 300px!important; gap:24px!important; align-items:center!important; padding:24px 28px!important; } .create-partner-page .cp-hero-main{ min-width:0!important; align-items:center!important; gap:20px!important; } .create-partner-page .cp-hero-main>div:last-child{ min-width:0!important; } .create-partner-page .cp-hero h2{ font-family:var(--ec-font-family,inherit)!important; font-size:36px!important; line-height:1.05!important; font-weight:800!important; letter-spacing:-.02em!important; margin:0 0 7px!important; white-space:nowrap!important; } .create-partner-page .cp-hero h3{ font-family:var(--ec-font-family,inherit)!important; font-size:18px!important; line-height:1.3!important; font-weight:500!important; letter-spacing:0!important; margin:0 0 14px!important; white-space:normal!important; } .create-partner-page .cp-hero p{ font-family:var(--ec-font-family,inherit)!important; font-size:13px!important; line-height:1.65!important; font-weight:400!important; letter-spacing:0!important; margin:0!important; max-width:590px!important; overflow-wrap:normal!important; word-break:normal!important; } .create-partner-page .cp-hero-features{ display:grid!important; grid-template-columns:repeat(4,minmax(74px,1fr))!important; gap:16px!important; align-items:start!important; justify-content:center!important; min-width:0!important; } .create-partner-page .cp-hero-features span{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; min-width:0!important; text-align:center!important; } .create-partner-page .cp-hero-features i{ flex:0 0 44px!important; width:44px!important; height:44px!important; margin:0 0 8px!important; } .create-partner-page .cp-hero-features b{ font-family:var(--ec-font-family,inherit)!important; font-size:11px!important; line-height:1.25!important; font-weight:800!important; letter-spacing:0!important; margin:0!important; white-space:nowrap!important; } .create-partner-page .cp-hero-features small{ font-family:var(--ec-font-family,inherit)!important; font-size:10px!important; line-height:1.3!important; font-weight:400!important; letter-spacing:0!important; margin-top:3px!important; white-space:nowrap!important; } .create-partner-page .cp-hero-city>b{ font-family:var(--ec-font-family,inherit)!important; font-size:15px!important; line-height:1.45!important; font-weight:800!important; letter-spacing:0!important; } /* Keep all hero copy visible in both themes. */ .create-partner-page .cp-hero h2, .create-partner-page .cp-hero h3, .create-partner-page .cp-hero-features b, .create-partner-page .cp-hero-city>b, html[data-theme="dark"] .create-partner-page .cp-hero h2, html[data-theme="dark"] .create-partner-page .cp-hero h3, html[data-theme="dark"] .create-partner-page .cp-hero-features b, html[data-theme="dark"] .create-partner-page .cp-hero-city>b, body.dark.create-partner-page .cp-hero h2, body.dark.create-partner-page .cp-hero h3, body.dark.create-partner-page .cp-hero-features b, body.dark.create-partner-page .cp-hero-city>b{ color:#fff!important; -webkit-text-fill-color:#fff!important; } .create-partner-page .cp-hero p, .create-partner-page .cp-hero-features small, html[data-theme="dark"] .create-partner-page .cp-hero p, html[data-theme="dark"] .create-partner-page .cp-hero-features small, body.dark.create-partner-page .cp-hero p, body.dark.create-partner-page .cp-hero-features small{ color:#dcecff!important; -webkit-text-fill-color:#dcecff!important; } /* Responsive containment */ @media(max-width:1320px){ .create-partner-page .cp-hero{ grid-template-columns:minmax(400px,1.25fr) minmax(320px,.9fr)!important; } .create-partner-page .cp-hero-city{display:none!important} } @media(max-width:980px){ .create-partner-page .cp-hero{ display:block!important; min-height:0!important; } .create-partner-page .cp-hero-features{ margin-top:20px!important; grid-template-columns:repeat(4,minmax(70px,1fr))!important; } } @media(max-width:620px){ .create-partner-page .cp-hero h2{ font-size:29px!important; white-space:normal!important; } .create-partner-page .cp-hero h3{ font-size:16px!important; } .create-partner-page .cp-hero p{ font-size:12px!important; } .create-partner-page .cp-hero-features{ grid-template-columns:repeat(2,1fr)!important; row-gap:16px!important; } } /* EngiCore 18.8U — Create Partner field label alignment */ .create-partner-page .cp-field-label{ display:inline-flex!important; align-items:baseline!important; gap:4px!important; min-height:18px!important; line-height:1.3!important; color:inherit!important; } .create-partner-page .cp-field-label em{ display:inline!important; margin:0!important; padding:0!important; line-height:1!important; color:#ed1c24!important; font-style:normal!important; } .create-partner-page .cp-form-grid>label{ align-self:start!important; } /* ================================================================ EngiCore 18.8W — Create Partner Plan & Modules configuration UI Mirrors Partner Configuration visual language. ================================================================ */ .cp-plan-config-layout{ display:grid; grid-template-columns:minmax(0,2.45fr) minmax(300px,.9fr); gap:16px; } .cp-plan-config-main{display:grid;gap:16px;min-width:0} .cp-plan-config-header{padding:18px} .cp-plan-choice-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } .cp-plan-choice{ --plan-accent:#0877fa; --plan-soft:#eaf4ff; position:relative; display:block; min-width:0; border:1px solid #d8e4f0; border-radius:10px; padding:16px; background:#fff; cursor:pointer; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; } .cp-plan-choice:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(33,80,125,.08)} .cp-plan-choice.selected{ border:2px solid var(--plan-accent); padding:15px; box-shadow:0 0 0 3px color-mix(in srgb,var(--plan-accent) 10%,transparent),0 12px 24px rgba(23,91,180,.08); } .cp-plan-choice>input{position:absolute;opacity:0;pointer-events:none} .cp-plan-choice-top{display:flex;align-items:center;gap:8px;margin-bottom:13px} .cp-plan-choice-top>i{ width:46px;height:46px;border-radius:50%;display:grid;place-items:center; background:var(--plan-soft);color:var(--plan-accent);font-style:normal;font-size:22px;font-weight:900 } .cp-plan-choice-badge{ margin-left:auto;padding:5px 9px;border-radius:999px;background:var(--plan-soft); color:var(--plan-accent);font-size:10px;font-weight:850;white-space:nowrap } .cp-plan-choice-check{ width:22px;height:22px;border-radius:50%;display:grid;place-items:center; border:2px solid #b7c8da;color:transparent;font-size:12px;font-weight:900 } .cp-plan-choice.selected .cp-plan-choice-check{background:var(--plan-accent);border-color:var(--plan-accent);color:#fff} .cp-plan-choice h3{margin:0 0 5px;font-size:17px;color:#11243f} .cp-plan-choice>p{margin:0;min-height:40px;font-size:11px;line-height:1.5;color:#6a7d98} .cp-plan-controlled{ display:inline-flex;margin:12px 0 13px;padding:4px 8px;border-radius:999px; background:#f1f5f9;color:#62758f;font-size:10px;font-weight:800 } .cp-plan-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px} .cp-plan-stat-grid>div{ padding:9px 5px;border-radius:7px;background:#f8fbfe;text-align:center;border:1px solid #edf2f7 } .cp-plan-stat-grid b{display:block;color:#10233f;font-size:14px} .cp-plan-stat-grid small{display:block;color:#74869e;font-size:9px;margin-top:2px} .cp-plan-blue{--plan-accent:#0877fa;--plan-soft:#e7f2ff} .cp-plan-purple{--plan-accent:#7c3aed;--plan-soft:#f0e9ff} .cp-plan-orange{--plan-accent:#f59e0b;--plan-soft:#fff3db} .cp-plan-green{--plan-accent:#0aaa62;--plan-soft:#e5f8ef} .cp-section-head{ display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px } .cp-section-head>div:first-child{display:flex;align-items:center;gap:11px} .cp-section-icon{ width:38px;height:38px;border-radius:50%;display:grid;place-items:center; background:#e7f2ff;color:#0877fa;font-size:18px;font-weight:900 } .cp-section-head h3{margin:0;color:#11243f;font-size:15px} .cp-section-head p{margin:2px 0 0;color:#72849b;font-size:10px} .cp-selected-plan-pill{ padding:6px 10px;border-radius:999px;background:#e9f3ff;color:#0877fa;font-size:10px;font-weight:850 } .cp-limit-grid{display:grid;gap:8px} .cp-limit-row{ display:grid;grid-template-columns:30px 90px 80px minmax(100px,1fr) 40px; align-items:center;gap:9px;padding:8px 10px;border-radius:7px;background:#f8fbfe } .cp-limit-row>span{font-size:17px;text-align:center} .cp-limit-row>b{font-size:11px;color:#334b67} .cp-limit-row>strong{font-size:11px;color:#132843} .cp-limit-row>i{height:7px;border-radius:999px;background:#e1e9f2;overflow:hidden} .cp-limit-row>i>em{display:block;height:100%;width:0;border-radius:inherit;background:#0877fa} .cp-limit-row>small{text-align:right;font-size:10px;font-weight:800;color:#60748e} .cp-limit-row.green>i>em{background:#17b26a} .cp-limit-row.purple>i>em{background:#a34bf4} .cp-limit-row.orange>i>em{background:#f59e0b} .cp-module-access-card{padding:16px} .cp-module-access-head{margin-bottom:12px} .cp-module-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end} .cp-module-actions button{ height:34px;padding:0 11px;border:1px solid #ccdceb;border-radius:6px;background:#fff; color:#1469c7;font-size:10px;font-weight:800;cursor:pointer } .cp-module-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .cp-module-config{ --module-accent:#0877fa;--module-soft:#e7f2ff; display:grid;grid-template-columns:42px minmax(0,1fr) 38px;align-items:center;gap:9px; min-height:66px;padding:9px;border:1px solid #dce6ef;border-radius:8px;background:#fff } .cp-module-config>i{ width:38px;height:38px;border-radius:50%;display:grid;place-items:center; background:var(--module-soft);color:var(--module-accent);font-style:normal;font-size:17px } .cp-module-config>span{min-width:0} .cp-module-config b{display:block;color:#132742;font-size:11px} .cp-module-config small{display:block;color:#74869e;font-size:9px;line-height:1.3;margin-top:2px} .cp-module-config>input{position:absolute;opacity:0;pointer-events:none} .cp-module-config>em{ position:relative;width:34px;height:19px;border-radius:999px;background:#b9c7d7;justify-self:end;cursor:pointer } .cp-module-config>em:after{ content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;top:2px;left:2px; box-shadow:0 1px 3px rgba(0,0,0,.18);transition:left .18s ease } .cp-module-config>input:checked+em{background:#0877fa} .cp-module-config>input:checked+em:after{left:17px} .cp-module-config.disabled{opacity:.48;background:#f5f7fa} .cp-module-config.green{--module-accent:#0aa862;--module-soft:#e5f8ef} .cp-module-config.red{--module-accent:#e32636;--module-soft:#ffe8eb} .cp-module-config.purple{--module-accent:#7c3aed;--module-soft:#f0e9ff} .cp-module-config.orange{--module-accent:#f59e0b;--module-soft:#fff2dc} .cp-module-config.pink{--module-accent:#e71d73;--module-soft:#ffe5f1} .cp-module-config.cyan{--module-accent:#0891b2;--module-soft:#e2f8fc} .cp-plan-config-side{gap:12px} .cp-plan-summary-modern{padding:16px} .cp-summary-title{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px} .cp-summary-title>span{ width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e7f2ff;color:#0877fa;font-size:17px } .cp-summary-title h3{margin:1px 0 0;color:#122640;font-size:14px} .cp-summary-title p{margin:2px 0 0;color:#75869e;font-size:9px} .cp-plan-summary-modern-body{text-align:left} .cp-summary-plan-icon{ width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#e7f2ff;color:#0877fa;font-size:22px } .cp-plan-summary-modern-body h2{margin:10px 0 3px;color:#11243f;font-size:19px} .cp-plan-summary-modern-body>p{margin:0;color:#70829b;font-size:10px;line-height:1.45} .cp-summary-controlled{ display:inline-flex;margin:11px 0;padding:5px 8px;border-radius:999px;background:#edf4fb;color:#637892;font-size:9px;font-weight:800 } .cp-plan-summary-modern-body ul{list-style:none;margin:2px 0 0;padding:0} .cp-plan-summary-modern-body li{ display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #edf2f6;font-size:10px;color:#233b59 } .cp-plan-summary-modern-body li:last-child{border-bottom:0} .cp-plan-summary-modern-body li>span{width:20px;text-align:center} .cp-plan-summary-modern-body li>b{font-weight:700} .cp-plan-information,.cp-plan-dependencies{padding:15px} .cp-plan-dependencies ul{list-style:none;margin:0;padding:0} .cp-plan-dependencies li{ display:grid;grid-template-columns:70px 55px 1fr;gap:5px;padding:5px 0;font-size:9px;color:#5f748d } .cp-plan-dependencies li b{color:#1a3454} .cp-plan-dependencies li strong{color:#3e5876;font-weight:700} .cp-dependency-ok{ margin-top:10px;padding:9px 10px;border-radius:6px;background:#eaf9f0;color:#087e47;font-size:10px;font-weight:800 } .cp-plan-upgrade-note{margin:0} /* Dark mode */ html[data-theme="dark"] .create-partner-page .cp-plan-choice, html[data-theme="dark"] .create-partner-page .cp-module-config, body.dark.create-partner-page .cp-plan-choice, body.dark.create-partner-page .cp-module-config{ background:#112238!important;border-color:#314862!important } html[data-theme="dark"] .create-partner-page .cp-plan-choice h3, html[data-theme="dark"] .create-partner-page .cp-plan-stat-grid b, html[data-theme="dark"] .create-partner-page .cp-section-head h3, html[data-theme="dark"] .create-partner-page .cp-module-config b, html[data-theme="dark"] .create-partner-page .cp-summary-title h3, html[data-theme="dark"] .create-partner-page .cp-plan-summary-modern-body h2, body.dark.create-partner-page .cp-plan-choice h3, body.dark.create-partner-page .cp-plan-stat-grid b, body.dark.create-partner-page .cp-section-head h3, body.dark.create-partner-page .cp-module-config b, body.dark.create-partner-page .cp-summary-title h3, body.dark.create-partner-page .cp-plan-summary-modern-body h2{ color:#f1f6fd!important;-webkit-text-fill-color:currentColor!important } html[data-theme="dark"] .create-partner-page .cp-plan-choice>p, html[data-theme="dark"] .create-partner-page .cp-plan-stat-grid small, html[data-theme="dark"] .create-partner-page .cp-section-head p, html[data-theme="dark"] .create-partner-page .cp-module-config small, html[data-theme="dark"] .create-partner-page .cp-summary-title p, html[data-theme="dark"] .create-partner-page .cp-plan-summary-modern-body>p, body.dark.create-partner-page .cp-plan-choice>p, body.dark.create-partner-page .cp-plan-stat-grid small, body.dark.create-partner-page .cp-section-head p, body.dark.create-partner-page .cp-module-config small, body.dark.create-partner-page .cp-summary-title p, body.dark.create-partner-page .cp-plan-summary-modern-body>p{ color:#9fb1c8!important;-webkit-text-fill-color:currentColor!important } html[data-theme="dark"] .create-partner-page .cp-plan-stat-grid>div, html[data-theme="dark"] .create-partner-page .cp-limit-row, body.dark.create-partner-page .cp-plan-stat-grid>div, body.dark.create-partner-page .cp-limit-row{ background:#172a41!important;border-color:#2a405a!important } html[data-theme="dark"] .create-partner-page .cp-limit-row>b, html[data-theme="dark"] .create-partner-page .cp-limit-row>strong, html[data-theme="dark"] .create-partner-page .cp-plan-summary-modern-body li, html[data-theme="dark"] .create-partner-page .cp-plan-dependencies li b, html[data-theme="dark"] .create-partner-page .cp-plan-dependencies li strong, body.dark.create-partner-page .cp-limit-row>b, body.dark.create-partner-page .cp-limit-row>strong, body.dark.create-partner-page .cp-plan-summary-modern-body li, body.dark.create-partner-page .cp-plan-dependencies li b, body.dark.create-partner-page .cp-plan-dependencies li strong{ color:#dce7f5!important } html[data-theme="dark"] .create-partner-page .cp-module-actions button, body.dark.create-partner-page .cp-module-actions button{ background:#172a41!important;border-color:#38516d!important;color:#83bdff!important } html[data-theme="dark"] .create-partner-page .cp-plan-controlled, html[data-theme="dark"] .create-partner-page .cp-summary-controlled, body.dark.create-partner-page .cp-plan-controlled, body.dark.create-partner-page .cp-summary-controlled{ background:#1a2c43!important;color:#a9bdd4!important } html[data-theme="dark"] .create-partner-page .cp-plan-summary-modern-body li, body.dark.create-partner-page .cp-plan-summary-modern-body li{ border-color:#294058!important } html[data-theme="dark"] .create-partner-page .cp-dependency-ok, body.dark.create-partner-page .cp-dependency-ok{ background:#12372d!important;color:#69dfa8!important } /* Responsive */ @media(max-width:1180px){ .cp-plan-config-layout{grid-template-columns:1fr} .cp-plan-config-side{display:grid;grid-template-columns:repeat(3,1fr)} .cp-plan-upgrade-note{grid-column:1/-1} } @media(max-width:900px){ .cp-plan-choice-grid{grid-template-columns:1fr 1fr} .cp-module-config-grid{grid-template-columns:1fr 1fr} .cp-plan-config-side{grid-template-columns:1fr} } @media(max-width:620px){ .cp-plan-choice-grid,.cp-module-config-grid{grid-template-columns:1fr} .cp-plan-stat-grid{grid-template-columns:1fr 1fr} .cp-limit-row{grid-template-columns:28px 1fr auto} .cp-limit-row>i,.cp-limit-row>small{grid-column:2/-1} .cp-section-head{align-items:flex-start;flex-direction:column} .cp-module-actions{justify-content:flex-start} } /* ================================================================ EngiCore 18.8X — Plan card stat containment fix Prevents Sub-partners and other plan statistics overlapping cards. ================================================================ */ .cp-plan-choice{ min-width:0; overflow:hidden; } .cp-plan-stat-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; width:100%; min-width:0; } .cp-plan-stat-grid>div{ min-width:0; width:auto; padding:9px 3px; overflow:hidden; } .cp-plan-stat-grid b, .cp-plan-stat-grid small{ min-width:0; max-width:100%; overflow-wrap:anywhere; word-break:normal; } .cp-plan-stat-grid small{ line-height:1.18; } @media (max-width:1450px) and (min-width:901px){ .cp-plan-stat-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media (max-width:1180px){ .cp-plan-stat-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; } } @media (max-width:760px){ .cp-plan-stat-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } /* EngiCore 18.8Y — Create Partner live Plan Summary */ .cp-plan-summary-card [data-plan-summary-name]{min-height:1.2em} .cp-plan-summary-card .cp-plan-summary-empty{display:none!important} /* EngiCore 18.8Z — Partner module selection */ .cp-module-config:not(.disabled){cursor:pointer;opacity:1!important} .cp-module-config:not(.disabled) b{color:var(--text,#10243e)} .cp-module-config.disabled{cursor:not-allowed} html[data-theme="dark"] .cp-module-config:not(.disabled) b, body.dark .cp-module-config:not(.disabled) b{color:#f2f6ff} /* EngiCore 18.8ZA — Create Partner Plan/Module functional lock */ .cp-plan-choice{position:relative} .cp-plan-choice::before{content:none!important} .cp-plan-choice input[name="plan_code"]{position:absolute!important;opacity:0!important;pointer-events:none!important} .cp-plan-summary-modern-body h2:not(:empty){min-height:1.2em} .cp-module-config:not(.disabled){opacity:1!important;cursor:pointer!important} .cp-module-config.disabled{opacity:.46!important;cursor:not-allowed!important} .cp-module-config>em{pointer-events:auto!important} .cp-module-config:not(.disabled)>em{cursor:pointer!important} .cp-module-config:not(.disabled):hover{ border-color:#99bde9; box-shadow:0 5px 16px rgba(20,91,170,.07) } /* EngiCore 18.8ZB — Editable Partner Plan pricing */ .partner-plan-price{margin-top:12px;padding:12px 14px;border-radius:9px;background:linear-gradient(135deg,#eef6ff,#f7fbff);border:1px solid #dbeafb;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap} .partner-plan-price small{width:100%;font-size:10px;font-weight:800;color:#647b96;text-transform:uppercase;letter-spacing:.04em} .partner-plan-price strong{font-size:24px;color:#0b63ce}.partner-plan-price span{font-size:11px;color:#647b96} .partner-plan-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px} .partner-plan-pricing-grid>label{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(130px,180px);gap:10px;align-items:center;padding:13px;border:1px solid #dfe8f2;border-radius:10px;background:#fbfdff} .partner-plan-pricing-grid .partner-plan-vat-card{grid-template-columns:24px minmax(0,1fr);cursor:pointer} .partner-plan-pricing-grid .partner-plan-vat-card input{width:18px;height:18px} .partner-plan-capacity-icon.price{background:#e7f8ef;color:#0aa862}.partner-plan-capacity-icon.currency{background:#f0e9ff;color:#7c3aed}.partner-plan-capacity-icon.interval{background:#fff1db;color:#d98200} .cp-plan-card-price{display:flex;align-items:baseline;gap:5px;margin:0 0 13px;padding:9px 10px;border-radius:8px;background:var(--plan-soft);color:var(--plan-accent)} .cp-plan-card-price strong{font-size:19px;color:var(--plan-accent)!important}.cp-plan-card-price span,.cp-plan-card-price small{font-size:9px;font-weight:700}.cp-plan-card-price small{margin-left:auto} .cp-summary-price{display:flex;align-items:baseline;gap:5px;margin:2px 0 12px}.cp-summary-price strong{font-size:24px;color:#0b63ce}.cp-summary-price span,.cp-summary-price small{font-size:10px;color:#71849d}.cp-summary-price small{margin-left:auto} .pc-current-plan-price{display:flex;align-items:baseline;gap:5px;margin:6px 0 8px}.pc-current-plan-price b{font-size:20px;color:#0b63ce}.pc-current-plan-price span{font-size:10px;color:#70839c} html[data-theme="dark"] .partner-plan-price,body.dark .partner-plan-price,html[data-theme="dark"] .partner-plan-pricing-grid>label,body.dark .partner-plan-pricing-grid>label{background:#15283f!important;border-color:#30465f!important} html[data-theme="dark"] .partner-plan-price strong,body.dark .partner-plan-price strong,html[data-theme="dark"] .cp-summary-price strong,body.dark .cp-summary-price strong,html[data-theme="dark"] .pc-current-plan-price b,body.dark .pc-current-plan-price b{color:#72b6ff!important} @media(max-width:800px){.partner-plan-pricing-grid{grid-template-columns:1fr}.partner-plan-pricing-grid>label{grid-template-columns:42px minmax(0,1fr)}.partner-plan-pricing-grid>label input,.partner-plan-pricing-grid>label select{grid-column:1/-1}} /* EngiCore 18.8ZC — Partner navigation + Create Partner Branding/Domain functional repair */ .cp-brand-layout-fixed{align-items:start!important} .cp-brand-layout-fixed>.cp-brand-main,.cp-brand-layout-fixed>.cp-brand-side{min-width:0} .cp-brand-main{overflow:visible!important} .cp-brand-box{min-height:0!important;height:auto!important} .cp-brand-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .cp-brand-section-head>span{padding:5px 9px;border-radius:999px;background:#e8f3ff;color:#086fd7;font-size:10px;font-weight:800;white-space:nowrap} .cp-brand-section-head>span.custom{background:#efe7ff;color:#7537df} .cp-brand-box.is-inherited{position:relative} .cp-brand-box.is-inherited>:not(.cp-brand-section-head){opacity:.48} .cp-brand-box.is-inherited .cp-upload-drop{cursor:not-allowed} .cp-upload{gap:7px!important} .cp-upload-label{font-weight:800;color:#152744} .cp-upload-drop{height:132px!important;border:1px dashed #a9c4df!important;border-radius:8px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#f8fbff;cursor:pointer;transition:.15s ease} .cp-upload.dragging .cp-upload-drop{border-color:#0877fa!important;background:#edf6ff!important;box-shadow:0 0 0 3px rgba(8,119,250,.08)} .cp-upload-drop img{display:block;max-width:190px;max-height:54px;object-fit:contain;margin:0 0 4px} .cp-upload-drop b{margin:0!important;font-size:12px!important}.cp-upload-drop small{text-align:center} .cp-colour-control{display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #d6e3ef;border-radius:7px;background:#fff} .cp-colour-control input{width:32px!important;height:32px!important}.cp-colour-control code{margin:0!important;line-height:32px!important} .cp-template-grid{align-items:start} .cp-template-thumb{overflow:hidden} .cp-template-corporate{background:linear-gradient(135deg,#f8fbff 0 50%,#eef5ff 50%)!important} .cp-template-minimal{background:#fff!important}.cp-template-minimal i:first-child{width:44%!important}.cp-template-minimal i:nth-child(2){width:52%!important} .cp-template-glass{background:linear-gradient(135deg,#0b1730,#253b5e)!important}.cp-template-glass i{background:#8fa5c1!important}.cp-template-glass i:last-child{background:#2c8dff!important} .cp-preview-card{overflow:hidden} .cp-login-preview{transition:background .18s ease!important;background:linear-gradient(125deg,var(--s),var(--p))!important} .cp-login-preview .cp-preview-accent{display:block;width:34px;height:4px;border-radius:4px;background:var(--a);margin:0 auto 10px} .cp-login-preview .cp-login-box button{background:linear-gradient(90deg,var(--p),var(--a))!important} .cp-login-preview.cp-login-template-corporate{background:linear-gradient(135deg,var(--p) 0 52%,var(--s) 52% 100%)!important} .cp-login-preview.cp-login-template-minimal{display:flex!important;align-items:center;justify-content:center;background:#eef3f8!important} .cp-login-preview.cp-login-template-minimal .cp-login-brand{display:none!important}.cp-login-preview.cp-login-template-minimal .cp-login-box{width:min(390px,90%);align-self:auto} .cp-login-preview.cp-login-template-glass{background:linear-gradient(135deg,var(--p),var(--s))!important;position:relative} .cp-login-preview.cp-login-template-glass:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--a) 38%,transparent),transparent 38%)} .cp-login-preview.cp-login-template-glass .cp-login-brand,.cp-login-preview.cp-login-template-glass .cp-login-box{position:relative;z-index:1} .cp-login-preview.cp-login-template-glass .cp-login-box{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(12px)} .cp-inherit-functional{border:1px solid #dce7f2!important;border-radius:8px;padding:14px!important;margin-top:16px!important;background:#fbfdff} .cp-inherit-functional>p{margin:0 0 10px;color:#6d8098;font-size:11px} .cp-inherit-functional label{padding:10px;border:1px solid #e1e9f2;border-radius:7px;background:#fff} .cp-inherit-functional label:has(input:checked){border-color:#1680f8;background:#f1f7ff} .cp-domain-card{overflow:visible!important} .cp-domain-dns-target{margin-top:13px;padding:12px;border:1px solid #d7e8fb;border-radius:8px;background:#f1f8ff;color:#2e4f70} .cp-domain-dns-target>strong{display:block;color:#134e91;font-size:12px}.cp-domain-dns-target p{margin:5px 0!important;line-height:1.45}.cp-domain-dns-target .warn{color:#a25b00}.cp-domain-dns-target a{font-size:11px;font-weight:800;color:#086cd4} .cp-domain-ip-list,.custom-domain-ip-display{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.cp-domain-ip-list code,.custom-domain-ip-display code{padding:7px 10px;border-radius:6px;background:#0f2742;color:#dff2ff;font:700 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace} html[data-theme="dark"] .cp-upload-drop,body.dark .cp-upload-drop,html[data-theme="dark"] .cp-colour-control,body.dark .cp-colour-control,html[data-theme="dark"] .cp-inherit-functional,body.dark .cp-inherit-functional,html[data-theme="dark"] .cp-inherit-functional label,body.dark .cp-inherit-functional label{background:#14263b!important;border-color:#344b64!important} html[data-theme="dark"] .cp-inherit-functional label:has(input:checked),body.dark .cp-inherit-functional label:has(input:checked){background:#153251!important;border-color:#2e8cff!important} html[data-theme="dark"] .cp-domain-dns-target,body.dark .cp-domain-dns-target{background:#132b44!important;border-color:#31516e!important;color:#c8d8eb!important} @media(max-width:900px){.cp-brand-layout-fixed{grid-template-columns:1fr!important}} /* EngiCore 18.8ZD — Mandatory Partner administrator verification */ .cp-notify .cp-required-email{background:#eef6ff;border:1px solid #cfe2fb;border-radius:10px;padding:12px} .cp-notify .cp-required-email input{accent-color:#0b7bf3} .cp-notify .cp-required-email span{color:#173552} html[data-theme="dark"] .cp-notify .cp-required-email,body.dark .cp-notify .cp-required-email{background:#142b43;border-color:#31516d} html[data-theme="dark"] .cp-notify .cp-required-email span,body.dark .cp-notify .cp-required-email span{color:#e6effa} /* EngiCore 18.8ZE — Create Partner unique email validation */ .cp-email-field{position:relative} .cp-email-status{ display:block;min-height:18px;margin-top:5px;font-size:11px!important; line-height:1.35;font-weight:750;letter-spacing:0 } .cp-email-status.is-checking{color:#6d8098} .cp-email-status.is-available{color:#079455} .cp-email-status.is-used{color:#d92d20} .cp-email-field input[data-unique-state="available"]{border-color:#77d6a6!important;box-shadow:0 0 0 2px rgba(7,148,85,.07)} .cp-email-field input[data-unique-state="used"]{border-color:#f29a9a!important;box-shadow:0 0 0 2px rgba(217,45,32,.07)} html[data-theme="dark"] .cp-email-status.is-checking,body.dark .cp-email-status.is-checking{color:#9fb0c8} html[data-theme="dark"] .cp-email-status.is-available,body.dark .cp-email-status.is-available{color:#6ce0a6} html[data-theme="dark"] .cp-email-status.is-used,body.dark .cp-email-status.is-used{color:#ff8b8b} /* EngiCore 18.8ZF — isolated login preview templates + VAT-aware plan pricing */ .cp-preview-card .cp-login-preview{ width:100%!important; height:252px!important; min-height:252px!important; max-height:252px!important; box-sizing:border-box!important; position:relative; contain:layout paint; } .cp-preview-card .cp-login-preview.cp-login-template-split{ display:grid!important; grid-template-columns:minmax(0,1.2fr) minmax(210px,.9fr)!important; align-items:stretch!important; background:linear-gradient(125deg,var(--s),var(--p))!important; } .cp-preview-card .cp-login-preview.cp-login-template-corporate{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(220px,.86fr)!important; align-items:stretch!important; background:linear-gradient(135deg,var(--p) 0 52%,var(--s) 52% 100%)!important; } .cp-preview-card .cp-login-preview.cp-login-template-minimal{ display:grid!important; grid-template-columns:1fr!important; place-items:center!important; background:#eef3f8!important; padding:18px!important; } .cp-preview-card .cp-login-preview.cp-login-template-minimal .cp-login-brand{display:none!important} .cp-preview-card .cp-login-preview.cp-login-template-minimal .cp-login-box{ width:min(390px,88%)!important; max-width:390px!important; align-self:center!important; justify-self:center!important; } .cp-preview-card .cp-login-preview.cp-login-template-glass{ display:grid!important; grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr)!important; align-items:stretch!important; background:linear-gradient(135deg,var(--p),var(--s))!important; padding:14px!important; } .cp-preview-card .cp-login-preview.cp-login-template-glass:before{ content:"";position:absolute;inset:0;pointer-events:none; background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--a) 38%,transparent),transparent 38%) } .cp-preview-card .cp-login-preview.cp-login-template-glass .cp-login-brand, .cp-preview-card .cp-login-preview.cp-login-template-glass .cp-login-box{position:relative;z-index:1} .cp-preview-card .cp-login-preview.cp-login-template-glass .cp-login-box{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(12px)} .cp-summary-vat:empty,.cp-summary-price small:empty{display:none!important} .partner-plan-vat-disabled{ display:flex;flex-direction:column;justify-content:center;gap:4px;padding:13px 15px; border:1px solid #dce6f0;border-radius:10px;background:#f5f8fc;color:#536b87 } .partner-plan-vat-disabled strong{color:#203a59;font-size:12px}.partner-plan-vat-disabled small{font-size:10px;line-height:1.45} html[data-theme="dark"] .partner-plan-vat-disabled,body.dark .partner-plan-vat-disabled{background:#15283f;border-color:#30465f;color:#a8bbd2} html[data-theme="dark"] .partner-plan-vat-disabled strong,body.dark .partner-plan-vat-disabled strong{color:#edf4ff} @media(max-width:820px){ .cp-preview-card .cp-login-preview{height:auto!important;min-height:252px!important;max-height:none!important} .cp-preview-card .cp-login-preview.cp-login-template-split, .cp-preview-card .cp-login-preview.cp-login-template-corporate, .cp-preview-card .cp-login-preview.cp-login-template-glass{grid-template-columns:1fr!important} } /* EngiCore 18.8ZG — Branding & Domain grey-layer/compositing repair */ body.create-partner-page{ position:relative!important; min-height:100vh!important; background:#f3f8fe!important; } body.create-partner-page>.shell{ position:relative!important; z-index:1!important; min-height:100vh!important; height:auto!important; overflow:visible!important; background:transparent!important; } body.create-partner-page .create-partner-content{ position:relative!important; z-index:2!important; min-height:100vh!important; height:auto!important; overflow:visible!important; isolation:isolate!important; background:linear-gradient(180deg,#f8fbff 0%,#f3f8fe 100%)!important; } body.create-partner-page .cp-panel[data-step="4"], body.create-partner-page .cp-panel[data-step="4"].active, body.create-partner-page .cp-brand-layout-fixed, body.create-partner-page .cp-brand-main, body.create-partner-page .cp-brand-side, body.create-partner-page .cp-preview-card{ position:relative!important; z-index:auto!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; } /* Do not create a paint-containment/GPU layer for the embedded login preview. */ body.create-partner-page .cp-preview-card .cp-login-preview{ contain:none!important; isolation:isolate!important; transform:none!important; filter:none!important; -webkit-filter:none!important; will-change:auto!important; backface-visibility:visible!important; } body.create-partner-page .cp-preview-card .cp-login-preview:before, body.create-partner-page .cp-preview-card .cp-login-preview:after{ max-width:100%!important; max-height:100%!important; pointer-events:none!important; } body.create-partner-page .cp-preview-card .cp-login-preview.cp-login-template-glass .cp-login-box{ background:rgba(255,255,255,.90)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } /* Keep the real portal sidebar above the page canvas for the full viewport. */ body.create-partner-page .sidebar{ z-index:20!important; } html[data-theme="dark"] body.create-partner-page, body.create-partner-page.dark{ background:#091525!important; } html[data-theme="dark"] body.create-partner-page .create-partner-content, body.create-partner-page.dark .create-partner-content{ background:linear-gradient(180deg,#0d1b2d 0%,#091525 100%)!important; } /* ================================================================ EngiCore 18.8ZH — Create Partner right-column scrolling repair Desktop: sidebar/top-level shell remain fixed while only the working content column scrolls. Mobile/tablet retain normal document scrolling. ================================================================ */ @media (min-width:951px){ html:has(body.create-partner-page), html:has(body.create-partner-page) body, body.create-partner-page{ height:100%!important; min-height:100%!important; max-height:100%!important; overflow:hidden!important; } body.create-partner-page>.shell{ display:grid!important; height:100vh!important; min-height:100vh!important; max-height:100vh!important; overflow:hidden!important; align-items:stretch!important; } body.create-partner-page>.shell>.sidebar{ position:relative!important; top:auto!important; bottom:auto!important; align-self:stretch!important; height:100vh!important; min-height:100vh!important; max-height:100vh!important; overflow:hidden!important; } body.create-partner-page>.shell>.sidebar .nav{ min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; } body.create-partner-page .create-partner-content{ position:relative!important; z-index:2!important; height:100vh!important; min-height:0!important; max-height:100vh!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior-y:contain!important; scrollbar-gutter:stable!important; -webkit-overflow-scrolling:touch; isolation:auto!important; background:linear-gradient(180deg,#f8fbff 0%,#f3f8fe 100%)!important; padding-bottom:34px!important; } body.create-partner-page .create-partner-content>.cp-actions{ margin-bottom:0!important; } } @media (max-width:950px){ html:has(body.create-partner-page), html:has(body.create-partner-page) body, body.create-partner-page{ height:auto!important; min-height:100%!important; max-height:none!important; overflow-x:hidden!important; overflow-y:auto!important; } body.create-partner-page>.shell{ height:auto!important; min-height:100vh!important; max-height:none!important; overflow:visible!important; } body.create-partner-page .create-partner-content{ height:auto!important; min-height:100vh!important; max-height:none!important; overflow:visible!important; padding-bottom:max(28px,env(safe-area-inset-bottom))!important; } } /* Dark mode keeps the same scroll behaviour and fills the whole working column. */ @media (min-width:951px){ html[data-theme="dark"] body.create-partner-page .create-partner-content, body.create-partner-page.dark .create-partner-content{ background:linear-gradient(180deg,#0d1b2d 0%,#091525 100%)!important; } } /* ================================================================ EngiCore 18.8ZK — Partner Configuration selector / landing page ================================================================ */ .partner-config-select-page{padding-bottom:32px} .pcs-pagehead{ display:flex;align-items:flex-start;justify-content:space-between;gap:20px; margin:4px 0 16px } .pcs-pagehead h1{margin:0;color:#10233e;font-size:24px} .pcs-pagehead p{margin:5px 0 0;color:#6b7e97;max-width:850px;line-height:1.55} .pcs-hero{ display:grid;grid-template-columns:58px minmax(0,1fr) 150px;gap:18px;align-items:center; padding:20px 22px;margin-bottom:16px; background:linear-gradient(135deg,#f7fbff 0%,#edf6ff 100%); border:1px solid #d8e7f7 } .pcs-hero-icon{ width:54px;height:54px;border-radius:16px;display:grid;place-items:center; background:linear-gradient(135deg,#116ff2,#7655f7);color:#fff;font-size:25px; box-shadow:0 8px 20px rgba(25,103,224,.2) } .pcs-hero>div:nth-child(2)>span{ display:block;color:#6e4ee5;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:4px } .pcs-hero h2{margin:0;color:#10233e;font-size:21px} .pcs-hero p{margin:5px 0 0;color:#61758f;line-height:1.55} .pcs-hero-count{ border-left:1px solid #d7e4f1;padding-left:22px;text-align:center } .pcs-hero-count strong{display:block;font-size:30px;color:#0b72e7} .pcs-hero-count span{display:block;font-size:11px;color:#6f8198;margin-top:2px} .pcs-directory{padding:18px} .pcs-directory-head{ display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px } .pcs-directory-head h2{margin:0;color:#11243e;font-size:18px} .pcs-directory-head p{margin:3px 0 0;color:#70839a;font-size:12px} .pcs-search{ display:flex;align-items:center;width:min(390px,100%);height:42px;border:1px solid #d5e1ed; border-radius:9px;background:#fff;overflow:hidden } .pcs-search span{padding-left:13px;color:#7290ae} .pcs-search input{ width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 13px; color:#18314e;font:inherit } .pcs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .pcs-partner-card{ min-width:0;border:1px solid #dce7f2;border-radius:12px;background:#fff;padding:15px; box-shadow:0 5px 18px rgba(38,75,116,.045);transition:.18s ease } .pcs-partner-card:hover{transform:translateY(-1px);border-color:#a9ccef;box-shadow:0 10px 24px rgba(38,75,116,.08)} .pcs-card-top{display:flex;gap:11px;align-items:center} .pcs-avatar{ flex:0 0 44px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center; background:#e8f3ff;color:#0a73e9;font-weight:900;font-size:15px } .pcs-card-title{min-width:0;flex:1} .pcs-card-title>div{display:flex;align-items:center;gap:8px;min-width:0} .pcs-card-title h3{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#10233e;font-size:14px} .pcs-card-title p{margin:3px 0 0;color:#70839a;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pcs-status{margin-left:auto;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap} .pcs-status.active{background:#e9f9ef;color:#07864b} .pcs-status.suspended{background:#fff0e4;color:#c75b08} .pcs-status.neutral{background:#edf3f9;color:#61758e} .pcs-plan-row{ display:flex;align-items:center;justify-content:space-between;gap:10px; margin:14px 0 10px;padding:9px 10px;border-radius:8px;background:#f7faff } .pcs-plan-row span{font-size:10px;font-weight:800;color:#395a7d} .pcs-plan-row small{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#71849b} .pcs-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:13px} .pcs-metrics div{padding:9px 5px;border:1px solid #edf2f7;border-radius:8px;text-align:center;background:#fbfdff} .pcs-metrics strong{display:block;color:#132946;font-size:13px} .pcs-metrics span{display:block;margin-top:2px;color:#78899f;font-size:9px} .pcs-actions{display:flex;gap:8px} .pcs-actions .btn{flex:1;justify-content:center} .pcs-empty{ min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center; border:1px dashed #cadaea;border-radius:12px;background:#fafcff;text-align:center;padding:28px } .pcs-empty>div{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:#0a73ea;font-size:25px} .pcs-empty h3{margin:13px 0 5px;color:#142945} .pcs-empty p{margin:0 0 17px;color:#70839b} html[data-theme="dark"] .partner-config-select-page .pcs-pagehead h1, body.dark .partner-config-select-page .pcs-pagehead h1, html[data-theme="dark"] .partner-config-select-page .pcs-hero h2, body.dark .partner-config-select-page .pcs-hero h2, html[data-theme="dark"] .partner-config-select-page .pcs-directory-head h2, body.dark .partner-config-select-page .pcs-directory-head h2, html[data-theme="dark"] .partner-config-select-page .pcs-card-title h3, body.dark .partner-config-select-page .pcs-card-title h3, html[data-theme="dark"] .partner-config-select-page .pcs-metrics strong, body.dark .partner-config-select-page .pcs-metrics strong{ color:#f2f6ff!important } html[data-theme="dark"] .partner-config-select-page .pcs-hero, body.dark .partner-config-select-page .pcs-hero, html[data-theme="dark"] .partner-config-select-page .pcs-partner-card, body.dark .partner-config-select-page .pcs-partner-card, html[data-theme="dark"] .partner-config-select-page .pcs-search, body.dark .partner-config-select-page .pcs-search{ background:#12253b!important;border-color:#30465d!important } html[data-theme="dark"] .partner-config-select-page .pcs-plan-row, html[data-theme="dark"] .partner-config-select-page .pcs-metrics div, body.dark .partner-config-select-page .pcs-plan-row, body.dark .partner-config-select-page .pcs-metrics div{ background:#172b42!important;border-color:#2c4259!important } html[data-theme="dark"] .partner-config-select-page .pcs-search input, body.dark .partner-config-select-page .pcs-search input{color:#eaf2fc!important} html[data-theme="dark"] .partner-config-select-page .pcs-empty, body.dark .partner-config-select-page .pcs-empty{background:#102238!important;border-color:#38516b!important} @media(max-width:1150px){.pcs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){ .pcs-pagehead,.pcs-directory-head{flex-direction:column;align-items:stretch} .pcs-search{width:100%} .pcs-hero{grid-template-columns:50px 1fr} .pcs-hero-count{grid-column:1/-1;border-left:0;border-top:1px solid #d7e4f1;padding:12px 0 0} .pcs-grid{grid-template-columns:1fr} } /* EngiCore 18.8ZL — Partner Configuration landing heading removal */ .pcs-pagehead-actions-only{ justify-content:flex-end!important; margin-top:0!important; margin-bottom:12px!important; } .pcs-pagehead-actions-only:empty{display:none!important} /* EngiCore 18.8ZM — Partner Configuration selector heading hard removal */ .partner-config-select-page>.top .top-heading{ display:none!important; } .partner-config-select-page>.pcs-pagehead{ display:none!important; } .partner-config-select-page .pcs-toolbar-actions{ display:flex; justify-content:flex-end; margin:10px 0 12px; } .partner-config-select-page .pcs-hero{ margin-top:0!important; } @media(max-width:760px){ .partner-config-select-page .pcs-toolbar-actions .btn{ width:100%; justify-content:center; } } /* ================================================================ EngiCore 18.8ZO — Partner Configuration search control repair ================================================================ */ .partner-config-select-page .pcs-search{ position:relative!important; display:block!important; width:min(390px,100%)!important; height:42px!important; min-height:42px!important; max-height:42px!important; padding:0!important; margin:0!important; border:1px solid #d4e0ec!important; border-radius:9px!important; background:#ffffff!important; overflow:hidden!important; box-shadow:none!important; box-sizing:border-box!important; } .partner-config-select-page .pcs-search .pcs-search-icon{ position:absolute!important; z-index:2!important; left:13px!important; top:50%!important; transform:translateY(-50%)!important; width:18px!important; height:18px!important; padding:0!important; margin:0!important; display:grid!important; place-items:center!important; color:#7187a1!important; font-size:16px!important; line-height:1!important; pointer-events:none!important; } .partner-config-select-page .pcs-search input[type="search"]{ display:block!important; width:100%!important; height:40px!important; min-height:40px!important; max-height:40px!important; margin:0!important; padding:0 14px 0 40px!important; border:0!important; border-radius:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; color:#263f5d!important; -webkit-text-fill-color:#263f5d!important; font-family:inherit!important; font-size:14px!important; font-weight:500!important; line-height:40px!important; box-sizing:border-box!important; appearance:none!important; -webkit-appearance:none!important; } .partner-config-select-page .pcs-search input[type="search"]::placeholder{ color:#8294aa!important; opacity:1!important; font-weight:400!important; } .partner-config-select-page .pcs-search:focus-within{ border-color:#6fabed!important; box-shadow:0 0 0 3px rgba(20,124,244,.10)!important; } .partner-config-select-page .pcs-search input[type="search"]::-webkit-search-decoration, .partner-config-select-page .pcs-search input[type="search"]::-webkit-search-cancel-button, .partner-config-select-page .pcs-search input[type="search"]::-webkit-search-results-button, .partner-config-select-page .pcs-search input[type="search"]::-webkit-search-results-decoration{ -webkit-appearance:none!important; } html[data-theme="dark"] .partner-config-select-page .pcs-search, body.dark .partner-config-select-page .pcs-search{ background:#14263b!important; border-color:#344b63!important; } html[data-theme="dark"] .partner-config-select-page .pcs-search input[type="search"], body.dark .partner-config-select-page .pcs-search input[type="search"]{ color:#e7eef7!important; -webkit-text-fill-color:#e7eef7!important; } html[data-theme="dark"] .partner-config-select-page .pcs-search input[type="search"]::placeholder, body.dark .partner-config-select-page .pcs-search input[type="search"]::placeholder{ color:#91a4ba!important; } html[data-theme="dark"] .partner-config-select-page .pcs-search .pcs-search-icon, body.dark .partner-config-select-page .pcs-search .pcs-search-icon{ color:#a6bbd1!important; } html[data-theme="dark"] .partner-config-select-page .pcs-search:focus-within, body.dark .partner-config-select-page .pcs-search:focus-within{ border-color:#5b93cc!important; box-shadow:0 0 0 3px rgba(91,147,204,.14)!important; } @media(max-width:760px){ .partner-config-select-page .pcs-search{ width:100%!important; } } /* ================================================================ EngiCore 18.8ZQ — Add Stock Item full-page design ================================================================ */ .asi-page{background:#f7f9fc!important;padding-bottom:26px!important} .asi-breadcrumbs{display:flex;align-items:center;gap:10px;margin:14px 0 7px;color:#75869c;font-size:11px} .asi-breadcrumbs a{color:#6657e8;text-decoration:none}.asi-breadcrumbs b{color:#65758b;font-weight:600} .asi-title{margin-bottom:15px}.asi-title h1{margin:0;color:#122540;font-size:24px;line-height:1.2}.asi-title p{margin:4px 0 0;color:#667c96;font-size:12px} .asi-form{margin:0}.asi-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start} .asi-main{min-width:0}.asi-side{min-width:0;position:sticky;top:12px} .asi-card{background:#fff;border:1px solid #dce5ef;border-radius:7px;box-shadow:0 2px 8px rgba(35,61,93,.035);padding:17px 16px;margin-bottom:12px} .asi-section-head{display:flex;align-items:center;gap:9px;margin-bottom:15px}.asi-section-head>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#6440e9;color:#fff;font-weight:800;font-size:11px}.asi-section-head h2{margin:0;color:#172944;font-size:14px} .asi-grid{display:grid;gap:13px 16px}.asi-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.asi-grid-four{grid-template-columns:1fr 1.15fr 1.1fr 1.65fr} .asi-two-column{display:grid;grid-template-columns:1fr 1.02fr;gap:12px}.asi-two-column>.asi-card{margin-bottom:0} .asi-stock-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.asi-cost-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px} .asi-grid label,.asi-detail-bottom label{display:block;min-width:0}.asi-grid label>b,.asi-detail-bottom label>b{display:block;margin:0 0 6px;color:#1a3655;font-size:10px;font-weight:800}.asi-grid em,.asi-detail-bottom em{color:#ef3038;font-style:normal} .asi-grid input,.asi-grid select,.asi-grid textarea,.asi-detail-bottom input,.asi-detail-bottom select,.asi-detail-bottom textarea{ width:100%;min-width:0;height:36px;border:1px solid #d2dfec;border-radius:5px;background:#fff;color:#314c68;padding:0 11px;font:inherit;font-size:11px;outline:0;box-shadow:none } .asi-grid textarea,.asi-detail-bottom textarea{height:58px;padding:9px 10px;resize:vertical;line-height:1.4} .asi-grid input:focus,.asi-grid select:focus,.asi-grid textarea:focus,.asi-detail-bottom input:focus,.asi-detail-bottom textarea:focus{border-color:#6ea6e6;box-shadow:0 0 0 2px rgba(21,116,224,.08)} .asi-grid input::placeholder,.asi-grid textarea::placeholder,.asi-detail-bottom input::placeholder,.asi-detail-bottom textarea::placeholder{color:#8aa0b9} .asi-detail-bottom{display:grid;grid-template-columns:150px 290px minmax(0,1fr);gap:15px;margin-top:12px;align-items:end}.asi-description{position:relative}.asi-description small,.asi-notes small{position:absolute;right:7px;bottom:5px;color:#7c8da2;font-size:9px} .asi-toggle-field{align-self:start}.asi-toggle-row{display:flex;align-items:center;gap:8px;height:36px}.asi-toggle-row input{position:absolute;opacity:0;pointer-events:none}.asi-toggle-row i{position:relative;display:block;width:31px;height:18px;border-radius:999px;background:#cbd8e6;cursor:pointer;transition:.18s}.asi-toggle-row i:before{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:.18s}.asi-toggle-row input:checked+i{background:#713cf2}.asi-toggle-row input:checked+i:before{transform:translateX(13px)}.asi-toggle-row small{width:15px;height:15px;border:1px solid #8095ad;border-radius:50%;display:grid;place-items:center;color:#72889e;font-size:9px} .asi-unit-input,.asi-money-input,.asi-warranty{display:flex;height:36px;border:1px solid #d2dfec;border-radius:5px;overflow:hidden;background:#fff}.asi-unit-input input,.asi-money-input input,.asi-warranty input{border:0!important;height:34px!important;border-radius:0!important;box-shadow:none!important}.asi-unit-input span,.asi-warranty span,.asi-money-input>span{display:flex;align-items:center;justify-content:center;min-width:48px;padding:0 8px;border-left:1px solid #e2e9f1;color:#667d97;font-size:10px;background:#fafcff}.asi-money-input>span{border-left:0;border-right:1px solid #e2e9f1;min-width:28px;font-weight:700} .asi-preview-card>h2,.asi-readiness>h2{margin:0 0 14px;color:#172944;font-size:14px}.asi-preview-product{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;padding-bottom:15px;border-bottom:1px solid #e2e9f1}.asi-product-image{height:78px;border:1px solid #dae5ef;border-radius:6px;background:linear-gradient(145deg,#fafcff,#eef4fa);display:grid;place-items:center;color:#9bb0c7;font-size:29px}.asi-preview-product h3{margin:0 0 6px;color:#122640;font-size:14px;line-height:1.25}.asi-preview-product b{display:block;color:#2c61a2;font-size:10px}.asi-status-pill{display:inline-flex;margin-top:8px;padding:5px 10px;border-radius:999px;background:#dff6e8;color:#13874b;font-size:9px;font-weight:800} .asi-preview-list{padding:12px 0 14px;border-bottom:1px solid #e2e9f1}.asi-preview-list>div{display:grid;grid-template-columns:20px 1fr minmax(85px,1fr);gap:6px;align-items:center;min-height:30px;color:#637994;font-size:10px}.asi-preview-list>div>span{color:#55789e}.asi-preview-list b{font-weight:500;color:#6a7e96}.asi-preview-list strong{text-align:right;color:#263e5b;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asi-mini-pill{justify-self:end;padding:4px 9px;border-radius:999px;background:#edf2f7;color:#5f738b!important;font-size:9px}.asi-mini-pill.good{background:#dff6e8;color:#13874b!important} .asi-readiness{padding-top:14px}.asi-ready{display:flex;gap:10px;align-items:flex-start;padding:11px 10px;border-radius:6px;margin-top:8px;background:#effaf4;border:1px solid #d9f1e4}.asi-ready i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#11a564;color:#fff;font-size:10px;font-style:normal;font-weight:900}.asi-ready div{min-width:0}.asi-ready b{display:block;color:#27506a;font-size:10px}.asi-ready span{display:block;margin-top:3px;color:#6d8298;font-size:9px;line-height:1.35}.asi-ready.muted{background:#f5f7fa;border-color:#e2e7ed}.asi-ready.muted i{background:#a7b4c3} .asi-tip{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#f8fbff,#eff6ff);padding:15px}.asi-tip-icon{width:24px;height:24px;border-radius:50%;border:1px solid #7db5f0;display:grid;place-items:center;color:#397fca}.asi-tip h3{margin:0 0 5px;color:#1c3653;font-size:12px}.asi-tip p{margin:0;color:#667b94;font-size:10px;line-height:1.45} .asi-actions{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 5px;background:#fff;border:1px solid #dce5ef;border-radius:7px}.asi-actions button,.asi-actions a{height:40px;padding:0 20px;border-radius:5px;font:inherit;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.asi-primary{border:0;background:linear-gradient(90deg,#6932ed,#7b28ee);color:#fff;box-shadow:0 4px 10px rgba(106,47,235,.18)}.asi-secondary,.asi-cancel{border:1px solid #d3dfeb;background:#fff;color:#2f4b67}.asi-cancel{padding-left:26px!important;padding-right:26px!important} html[data-theme="dark"] .asi-page,body.dark .asi-page{background:#0b1725!important} html[data-theme="dark"] .asi-card,body.dark .asi-card,html[data-theme="dark"] .asi-actions,body.dark .asi-actions{background:#122237!important;border-color:#2c4259!important} html[data-theme="dark"] .asi-title h1,body.dark .asi-title h1,html[data-theme="dark"] .asi-section-head h2,body.dark .asi-section-head h2,html[data-theme="dark"] .asi-preview-card>h2,body.dark .asi-preview-card>h2,html[data-theme="dark"] .asi-readiness>h2,body.dark .asi-readiness>h2{color:#eef5fc!important} html[data-theme="dark"] .asi-title p,body.dark .asi-title p,html[data-theme="dark"] .asi-breadcrumbs,body.dark .asi-breadcrumbs{color:#9fb0c5!important} html[data-theme="dark"] .asi-grid label>b,body.dark .asi-grid label>b,html[data-theme="dark"] .asi-detail-bottom label>b,body.dark .asi-detail-bottom label>b{color:#dce7f4!important} html[data-theme="dark"] .asi-grid input,html[data-theme="dark"] .asi-grid select,html[data-theme="dark"] .asi-grid textarea,html[data-theme="dark"] .asi-detail-bottom input,html[data-theme="dark"] .asi-detail-bottom textarea,body.dark .asi-grid input,body.dark .asi-grid select,body.dark .asi-grid textarea,body.dark .asi-detail-bottom input,body.dark .asi-detail-bottom textarea{background:#172a41!important;border-color:#334c64!important;color:#edf4fb!important} html[data-theme="dark"] .asi-unit-input,html[data-theme="dark"] .asi-money-input,html[data-theme="dark"] .asi-warranty,body.dark .asi-unit-input,body.dark .asi-money-input,body.dark .asi-warranty{background:#172a41;border-color:#334c64} html[data-theme="dark"] .asi-unit-input span,html[data-theme="dark"] .asi-money-input>span,html[data-theme="dark"] .asi-warranty span,body.dark .asi-unit-input span,body.dark .asi-money-input>span,body.dark .asi-warranty span{background:#112237;border-color:#334c64;color:#afc1d5} html[data-theme="dark"] .asi-preview-product,html[data-theme="dark"] .asi-preview-list,body.dark .asi-preview-product,body.dark .asi-preview-list{border-color:#2b4158} html[data-theme="dark"] .asi-preview-product h3,body.dark .asi-preview-product h3,html[data-theme="dark"] .asi-preview-list strong,body.dark .asi-preview-list strong{color:#e9f2fb!important} html[data-theme="dark"] .asi-preview-list b,body.dark .asi-preview-list b{color:#a9bbce!important} html[data-theme="dark"] .asi-product-image,body.dark .asi-product-image{background:#172a41;border-color:#334c64} html[data-theme="dark"] .asi-ready,body.dark .asi-ready{background:#133426;border-color:#24583e}html[data-theme="dark"] .asi-ready b,body.dark .asi-ready b{color:#dcf7e8!important}html[data-theme="dark"] .asi-ready span,body.dark .asi-ready span{color:#a7c5b4!important} html[data-theme="dark"] .asi-tip,body.dark .asi-tip{background:#142840}html[data-theme="dark"] .asi-tip h3,body.dark .asi-tip h3{color:#e7f1fb!important}html[data-theme="dark"] .asi-tip p,body.dark .asi-tip p{color:#aabdd1!important} html[data-theme="dark"] .asi-secondary,html[data-theme="dark"] .asi-cancel,body.dark .asi-secondary,body.dark .asi-cancel{background:#172a41;border-color:#3a526a;color:#dce8f5} @media(max-width:1200px){.asi-layout{grid-template-columns:1fr}.asi-side{position:static}.asi-two-column{grid-template-columns:1fr}.asi-preview-card{display:grid;grid-template-columns:1fr 1fr;gap:18px}.asi-preview-card>h2{grid-column:1/-1}.asi-readiness{padding-top:0}} @media(max-width:800px){.asi-grid-three,.asi-grid-four,.asi-stock-grid,.asi-cost-grid{grid-template-columns:1fr 1fr}.asi-detail-bottom{grid-template-columns:1fr 1fr}.asi-description{grid-column:1/-1}.asi-preview-card{display:block}.asi-actions{flex-wrap:wrap}.asi-actions button,.asi-actions a{flex:1;min-width:150px}} @media(max-width:560px){.asi-grid-three,.asi-grid-four,.asi-stock-grid,.asi-cost-grid,.asi-detail-bottom{grid-template-columns:1fr}.asi-actions button,.asi-actions a{width:100%;flex-basis:100%}} /* ================================================================ EngiCore 18.8ZR — Add Stock Item field fit/alignment correction ================================================================ */ /* Give the three Stock Settings columns more practical proportions. */ .asi-stock-grid{ grid-template-columns:minmax(0,1.18fr) minmax(0,1fr) minmax(0,1fr)!important; column-gap:14px!important; row-gap:12px!important; } /* Keep all controls in a row aligned even when one label wraps. */ .asi-stock-grid>label, .asi-cost-grid>label{ display:flex!important; flex-direction:column!important; min-width:0!important; } .asi-stock-grid>label>b, .asi-cost-grid>label>b{ display:flex!important; align-items:flex-end!important; min-height:28px!important; margin:0 0 6px!important; line-height:1.2!important; } /* Input groups must never overflow their grid cell. */ .asi-stock-grid .asi-unit-input, .asi-cost-grid .asi-money-input, .asi-cost-grid .asi-warranty{ width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box!important; } .asi-stock-grid .asi-unit-input input, .asi-cost-grid .asi-money-input input, .asi-cost-grid .asi-warranty input{ min-width:0!important; width:100%!important; flex:1 1 auto!important; } .asi-stock-grid .asi-unit-input span{ flex:0 0 48px!important; min-width:48px!important; max-width:48px!important; padding:0 6px!important; } /* Selects stay inside their card and leave proper space for the arrow. */ .asi-stock-grid select, .asi-cost-grid select{ width:100%!important; min-width:0!important; max-width:100%!important; padding-left:10px!important; padding-right:32px!important; text-overflow:ellipsis!important; white-space:nowrap!important; } /* VAT wording should remain readable instead of being clipped. */ #asiVatRate{ font-size:10px!important; letter-spacing:0!important; } .asi-cost-grid{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; } /* At intermediate widths, stack the Stock Settings fields into two columns before labels/controls become cramped. */ @media (max-width:1080px) and (min-width:801px){ .asi-stock-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .asi-cost-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } /* Tablet/mobile: normal compact alignment. */ @media(max-width:800px){ .asi-stock-grid>label>b, .asi-cost-grid>label>b{ min-height:0!important; align-items:flex-start!important; } } /* EngiCore 18.8ZT — Create Partner email-delivery readiness */ .cp-notify .cp-email-not-ready{background:#fff8e8!important;border-color:#efd48a!important}.cp-notify .cp-email-not-ready span{color:#7a5510!important}html[data-theme="dark"] .cp-notify .cp-email-not-ready,body.dark .cp-notify .cp-email-not-ready{background:#3a2d12!important;border-color:#6f5523!important}html[data-theme="dark"] .cp-notify .cp-email-not-ready span,body.dark .cp-notify .cp-email-not-ready span{color:#f7d98e!important} /* ================================================================ EngiCore 18.8ZU — Default Location select visibility repair Prevents tenant typography settings from making the location text truncate even when the field itself has sufficient width. ================================================================ */ .asi-stock-grid{ grid-template-columns:minmax(260px,1.3fr) minmax(205px,1fr) minmax(205px,1fr)!important; gap:18px 22px!important; } .asi-stock-grid>label{ min-width:0!important; } /* Keep Stock Settings labels aligned without forcing huge controls. */ .asi-stock-grid>label>b{ min-height:46px!important; display:flex!important; align-items:flex-end!important; line-height:1.15!important; } /* Authoritative Default Location sizing. */ #asiLocation{ display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; height:38px!important; min-height:38px!important; padding:0 38px 0 12px!important; box-sizing:border-box!important; font-family:inherit!important; font-size:14px!important; font-weight:500!important; line-height:38px!important; letter-spacing:0!important; white-space:nowrap!important; text-overflow:clip!important; overflow:visible!important; appearance:auto!important; -webkit-appearance:menulist!important; } /* Options must use the same compact readable typography. */ #asiLocation option{ font-family:inherit!important; font-size:14px!important; font-weight:500!important; } /* Other Stock Settings selects should not inherit oversized portal typography either, keeping the section visually consistent. */ .asi-stock-grid select{ font-family:inherit!important; font-size:14px!important; font-weight:500!important; letter-spacing:0!important; padding-left:12px!important; padding-right:38px!important; } /* Quantity/unit controls keep enough room for the number and suffix. */ .asi-stock-grid .asi-unit-input{ display:grid!important; grid-template-columns:minmax(0,1fr) 68px!important; width:100%!important; min-width:0!important; } .asi-stock-grid .asi-unit-input input{ min-width:0!important; width:100%!important; font-size:14px!important; } .asi-stock-grid .asi-unit-input span{ min-width:68px!important; width:68px!important; max-width:68px!important; padding:0 6px!important; font-size:12px!important; justify-content:center!important; } @media (max-width:1250px) and (min-width:801px){ .asi-stock-grid{ grid-template-columns:repeat(2,minmax(260px,1fr))!important; } } @media(max-width:800px){ .asi-stock-grid{ grid-template-columns:1fr!important; } .asi-stock-grid>label>b{ min-height:0!important; } #asiLocation, .asi-stock-grid select{ font-size:14px!important; } } /* EngiCore 18.8ZV — authoritative sidebar + stock overlap repair */ :root{ --ec-nav-font-size:14px; --ec-nav-font-weight:700; --ec-nav-row-height:52px; --ec-nav-icon-size:21px; --ec-nav-gap:14px; } .sidebar .nav > a, .sidebar .nav > button, .sidebar .nav .nav-item > a, .sidebar .nav .nav-item > button, .sidebar .nav .nav-parent, .sidebar .nav .nav-link, .sidebar .nav details > summary{ display:flex!important; align-items:center!important; box-sizing:border-box!important; min-height:var(--ec-nav-row-height)!important; height:var(--ec-nav-row-height)!important; padding:0 18px!important; gap:var(--ec-nav-gap)!important; font-family:inherit!important; font-size:var(--ec-nav-font-size)!important; font-weight:var(--ec-nav-font-weight)!important; line-height:1.2!important; letter-spacing:0!important; white-space:nowrap!important; } .sidebar .nav > a span, .sidebar .nav > button span, .sidebar .nav .nav-item > a span, .sidebar .nav .nav-item > button span, .sidebar .nav .nav-parent span, .sidebar .nav .nav-link span, .sidebar .nav details > summary span{ font:inherit!important; line-height:inherit!important; letter-spacing:0!important; white-space:nowrap!important; } .sidebar .nav svg, .sidebar .nav i, .sidebar .nav .icon, .sidebar .nav .nav-icon{ flex:0 0 var(--ec-nav-icon-size)!important; width:var(--ec-nav-icon-size)!important; height:var(--ec-nav-icon-size)!important; min-width:var(--ec-nav-icon-size)!important; max-width:var(--ec-nav-icon-size)!important; font-size:var(--ec-nav-icon-size)!important; line-height:1!important; } .sidebar .nav .caret, .sidebar .nav .chevron, .sidebar .nav [class*="caret"], .sidebar .nav [class*="chevron"]{ margin-left:auto!important; flex:0 0 auto!important; } .sidebar .nav > a.active, .sidebar .nav > button.active, .sidebar .nav .nav-item > a.active, .sidebar .nav .nav-item > button.active, .sidebar .nav .nav-parent.active, .sidebar .nav .nav-link.active{ min-height:var(--ec-nav-row-height)!important; height:var(--ec-nav-row-height)!important; border-radius:12px!important; } .sidebar .nav .submenu a, .sidebar .nav .nav-submenu a{ min-height:38px!important; height:38px!important; padding:0 18px 0 52px!important; font-family:inherit!important; font-size:12px!important; font-weight:600!important; line-height:1.2!important; } .sidebar .nav-logout, .sidebar a[href*="logout"]{ font-family:inherit!important; font-size:var(--ec-nav-font-size)!important; font-weight:var(--ec-nav-font-weight)!important; line-height:1.2!important; } /* Add Stock Item: stop Supplier/Costing and preview panels overlapping */ .asi-layout{ grid-template-columns:minmax(0,1fr) minmax(300px,330px)!important; gap:16px!important; align-items:start!important; } .asi-main,.asi-side,.asi-two-column,.asi-card,.asi-grid,.asi-grid>*{ min-width:0!important; } .asi-two-column{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:14px!important; } .asi-two-column>.asi-card{overflow:hidden!important} .asi-cost-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px 14px!important; } .asi-cost-grid label, .asi-cost-grid input, .asi-cost-grid select, .asi-cost-grid .asi-money-input, .asi-cost-grid .asi-warranty{ min-width:0!important; max-width:100%!important; width:100%!important; box-sizing:border-box!important; } .asi-side{ width:auto!important; max-width:330px!important; } .asi-side .asi-card{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; } .asi-page,.asi-page .asi-form,.asi-page .asi-layout{ max-width:100%!important; overflow-x:hidden!important; } @media(max-width:1380px){ .asi-layout{grid-template-columns:1fr!important} .asi-side{position:static!important;width:100%!important;max-width:none!important} .asi-preview-card{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:18px!important; } .asi-preview-card>h2{grid-column:1/-1!important} .asi-readiness{padding-top:0!important} } @media(max-width:980px){ .asi-two-column{grid-template-columns:1fr!important} } @media(max-width:760px){ .asi-preview-card{display:block!important} } /* EngiCore 18.9AA — FINAL authoritative submenu geometry override. Must remain after typography/nav-size rules so long labels stay on one line. */ .sidebar .nav .nav-dropdown{width:100%!important;min-width:0!important;max-width:none!important} .sidebar .nav .nav-submenu{ margin:4px 0 6px 16px!important; padding:3px 4px 3px 8px!important; width:calc(100% - 16px)!important; max-width:none!important; min-width:0!important; box-sizing:border-box!important; overflow:visible!important; border-left:1px solid rgba(255,255,255,.14)!important; } .sidebar .nav .nav-submenu > a, .sidebar .nav .nav-submenu > a.active, .sidebar .nav .nav-submenu > a:hover{ display:flex!important; align-items:center!important; flex-wrap:nowrap!important; width:100%!important; max-width:none!important; min-width:0!important; height:34px!important; min-height:34px!important; padding:0 8px 0 10px!important; gap:8px!important; box-sizing:border-box!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; font-family:var(--ec-navigation-font-family,var(--ec-font-family))!important; font-size:11px!important; font-weight:650!important; line-height:1!important; } .sidebar .nav .nav-submenu > a:before{ width:4px!important; height:4px!important; min-width:4px!important; flex:0 0 4px!important; margin:0!important; } /* EngiCore 18.9AJ — authoritative compact navigation geometry */ .ep-side .ep-nav, #dashboardTop .ep-side .ep-nav{ gap:2px!important; padding:10px 10px 16px!important; } .ep-side .ep-nav>a, .ep-side .ep-nav-dropdown-toggle, #dashboardTop .ep-side .ep-nav>a, #dashboardTop .ep-side .ep-nav-dropdown-toggle{ box-sizing:border-box!important; display:flex!important; align-items:center!important; width:100%!important; min-width:0!important; height:42px!important; min-height:42px!important; flex:0 0 42px!important; padding:0 12px!important; margin:0!important; gap:11px!important; border-radius:9px!important; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important; font-size:13px!important; font-weight:700!important; line-height:1!important; letter-spacing:0!important; white-space:nowrap!important; } .ep-side .ep-nav>a.active, .ep-side .ep-nav-dropdown-check:checked + .ep-nav-dropdown-toggle, #dashboardTop .ep-side .ep-nav>a.active, #dashboardTop .ep-side .ep-nav-dropdown-check:checked + .ep-nav-dropdown-toggle{ background:linear-gradient(90deg,#0e77ff 0%,#1768ef 100%)!important; color:#fff!important; box-shadow:0 7px 18px rgba(14,119,255,.22)!important; } .ep-side .ep-nav .ep-ico, .ep-side .ep-nav-dropdown-toggle .ep-ico, #dashboardTop .ep-side .ep-nav .ep-ico, #dashboardTop .ep-side .ep-nav-dropdown-toggle .ep-ico{ width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;flex:0 0 19px!important; } .ep-side .ep-nav .ep-ico svg, .ep-side .ep-nav-dropdown-toggle .ep-ico svg, #dashboardTop .ep-side .ep-nav .ep-ico svg, #dashboardTop .ep-side .ep-nav-dropdown-toggle .ep-ico svg{ width:19px!important;height:19px!important; } .ep-side .ep-nav-chevron, #dashboardTop .ep-side .ep-nav-chevron{ margin-left:auto!important; width:13px!important;height:13px!important;flex:0 0 13px!important; } .ep-side .ep-nav-submenu, #dashboardTop .ep-side .ep-nav-submenu{ margin:3px 0 5px 24px!important; padding:3px 0 3px 9px!important; gap:1px!important; border-left:1px solid rgba(255,255,255,.13)!important; } .ep-side .ep-nav-submenu a, #dashboardTop .ep-side .ep-nav-submenu a{ box-sizing:border-box!important; width:100%!important; min-width:0!important; height:31px!important; min-height:31px!important; padding:0 8px!important; gap:7px!important; border-radius:6px!important; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important; font-size:11px!important; font-weight:650!important; line-height:1!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .ep-side .ep-nav-submenu a:before, #dashboardTop .ep-side .ep-nav-submenu a:before{ width:4px!important;height:4px!important;flex:0 0 4px!important; } .ep-side .ep-nav-logout, #dashboardTop .ep-side .ep-nav-logout{ height:42px!important;min-height:42px!important;flex:0 0 42px!important; padding:0 12px!important;font-size:13px!important;font-weight:700!important; } .ep-side .ep-version,#dashboardTop .ep-side .ep-version{display:none!important} /* EngiCore 18.9MI — remove redundant directory page headings */ .partner-ref-pagehead.partner-ref-pagehead-actions-only{justify-content:flex-end!important;min-height:0!important;padding-top:0!important;padding-bottom:12px!important} .sites-v2-heading.sites-v2-heading-actions-only{justify-content:flex-end!important;min-height:0!important;padding-top:0!important;padding-bottom:12px!important} /* EngiCore 18.9QR — Account Manager card responsive desktop layout */ .customer-360-page .customer-account-manager-focus{ container-type:inline-size!important; container-name:account-manager-card!important; width:100%!important; max-width:100%!important; box-sizing:border-box!important; } .customer-360-page .customer-account-manager-copy{ overflow:hidden!important; } .customer-360-page .customer-account-manager-copy>strong, .customer-360-page .customer-account-manager-copy>small{ overflow-wrap:anywhere!important; word-break:normal!important; } .customer-360-page .customer-account-manager-button{ max-width:100%!important; box-sizing:border-box!important; } /* Card-width responsive behaviour — works independently of viewport size. */ @container account-manager-card (max-width: 620px){ .customer-360-page .customer-account-manager-focus{ grid-template-columns:50px minmax(0,1fr)!important; grid-template-rows:auto auto!important; column-gap:12px!important; row-gap:12px!important; padding:14px!important; } .customer-360-page .customer-account-manager-avatar{ grid-column:1!important; grid-row:1!important; width:48px!important; height:48px!important; min-width:48px!important; } .customer-360-page .customer-account-manager-copy{ grid-column:2!important; grid-row:1!important; } .customer-360-page .customer-account-manager-copy>strong{ font-size:18px!important; } .customer-360-page .customer-account-manager-copy>small{ max-width:none!important; font-size:10.5px!important; } .customer-360-page .customer-account-manager-button{ grid-column:2!important; grid-row:2!important; width:auto!important; min-width:210px!important; max-width:280px!important; justify-self:start!important; padding-left:18px!important; padding-right:18px!important; } } @container account-manager-card (max-width: 420px){ .customer-360-page .customer-account-manager-focus{ grid-template-columns:42px minmax(0,1fr)!important; column-gap:10px!important; padding:12px!important; } .customer-360-page .customer-account-manager-avatar{ width:42px!important; height:42px!important; min-width:42px!important; border-radius:13px!important; } .customer-360-page .customer-account-manager-avatar svg{ width:22px!important; height:22px!important; } .customer-360-page .customer-account-manager-copy>span{ font-size:9px!important; } .customer-360-page .customer-account-manager-copy>strong{ font-size:17px!important; } .customer-360-page .customer-account-manager-copy>small{ font-size:10px!important; } .customer-360-page .customer-account-manager-button{ grid-column:1/-1!important; width:100%!important; max-width:none!important; min-width:0!important; justify-self:stretch!important; } } /* Fallback for browsers without CSS container-query support. */ @supports not (container-type:inline-size){ @media (min-width:761px) and (max-width:1366px){ .customer-360-page .customer-account-manager-focus{ grid-template-columns:50px minmax(0,1fr)!important; grid-template-rows:auto auto!important; row-gap:12px!important; padding:14px!important; } .customer-360-page .customer-account-manager-button{ grid-column:2!important; grid-row:2!important; width:auto!important; min-width:210px!important; max-width:280px!important; justify-self:start!important; } } } /* EngiCore 18.9QS — compact responsive account-manager action */ @container account-manager-card (min-width:421px) and (max-width:620px){ .customer-360-page .customer-account-manager-button{ grid-column:2!important; grid-row:2!important; width:max-content!important; min-width:210px!important; max-width:min(280px,100%)!important; justify-self:start!important; padding:0 18px!important; } } /* 18.9XX — Typography section is the authoritative portal-wide font source. */ html,body{font-family:var(--ec-font-family,Lato,Arial,Helvetica,sans-serif)!important} body{font-size:var(--ec-base-font-size,15px);font-weight:var(--ec-body-weight,400);line-height:var(--ec-line-height,1.55);letter-spacing:var(--ec-letter-spacing,0)} body .sidebar,body .nav,body .nav a,body .nav button,body .nav-label,body .settings-subnav,body .settings-subnav a{font-family:var(--ec-navigation-font-family,var(--ec-font-family,Lato,Arial,Helvetica,sans-serif))!important} body .topbar,body .ec-topbar,body .top-bar,body .top-heading,body .page-header,body .content-header{font-family:var(--ec-header-font-family,var(--ec-font-family,Lato,Arial,Helvetica,sans-serif))!important} body .ec-global-footer,body .ec-global-footer *{font-family:var(--ec-footer-font-family,var(--ec-font-family,Lato,Arial,Helvetica,sans-serif))!important} body .dashboard,body .dashboard-page,body .dashboard-grid,body .dashboard-card,body .dashboard-card *{font-family:var(--ec-dashboard-font-family,var(--ec-font-family,Lato,Arial,Helvetica,sans-serif))!important}