/* A light, data-focused CRM workspace with a Salesforce-inspired navigation rail. */
.crm-access-screen{max-width:680px;margin:9vh auto;padding:36px;text-align:center;background:white;border:1px solid #dce5ef;border-radius:14px;box-shadow:0 15px 60px #173f6914}.crm-access-screen h1{font-size:30px;color:#16325c}.crm-access-screen p{font-size:16px;line-height:1.7;color:#61758f}.crm-access-icon{display:block;color:#0875d8;margin:0 auto 16px}.crm-access-icon svg{width:44px;height:44px}.crm-access-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.crm-access-actions a{border:1px solid #dce5ef;border-radius:7px;padding:12px 18px;color:#0875d8;text-decoration:none}.crm-access-actions a.primary{background:#0875d8;color:white}@media(max-width:760px){.crm-access-screen{margin:25px 14px;padding:24px}}
html[data-zirix-service=crm] #app .sidebar{background:linear-gradient(180deg,#07285d,#06376d)!important}
html[data-zirix-service=crm] #app .sidebar .nav button.active{color:white!important;background:#255990!important}
html[data-zirix-service=crm] #app .sidebar .nav button svg{color:inherit!important}
:root[data-zirix-service=crm]{--bg:#eef3fa;--panel:#fff;--soft:#f4f7fb;--ink:#16325c;--muted:#61758f;--line:#dce5ef;--green:#0875d8;--mint:#e7f3ff;--orange:#ae650c;--red:#bd3344;--shadow:0 12px 32px #173f6920;color-scheme:light;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}
html[data-zirix-service=crm] body{background:var(--bg)!important;color:var(--ink)!important}
#app .layout{grid-template-columns:94px minmax(0,1fr);min-height:calc(100vh - var(--zx-header-height,74px));background:var(--bg)}
#app .sidebar{background:linear-gradient(180deg,#07285d,#06376d);color:#e8f3ff;padding:10px 7px;gap:5px;border:0;top:var(--zx-header-height,74px);height:calc(100vh - var(--zx-header-height,74px));scrollbar-width:thin;scrollbar-color:#5279a5 transparent}
#app .workspace{padding:4px 0 10px;justify-content:center}.workspace .workspace-mark{display:grid;place-items:center;width:40px;height:38px;background:linear-gradient(140deg,#1cb6ee,#0b7ce0);border-radius:9px;font-weight:750;font-size:16px;box-shadow:0 4px 15px #0002}
#app .sidebar .nav{gap:3px;display:flex;flex-direction:column}
#app .sidebar .nav button{flex-direction:column;gap:6px;padding:10px 3px;color:#ccdef6;background:transparent;border:1px solid transparent;border-radius:8px;font-size:10px;line-height:1.3;text-align:center;justify-content:center;min-height:58px}
#app .sidebar .nav button:hover{background:#ffffff12;color:#fff}.sidebar .nav .icon{height:21px}.sidebar .nav svg{width:21px;height:21px;stroke-width:1.7}
#app .sidebar .nav button.active{color:white;background:#255990;border-color:#7bbfee;box-shadow:inset 3px 0 #56bafa}
#app .nav-label{margin:10px 0 3px;padding-top:9px;border-top:1px solid #ffffff24;text-align:center;color:#8fb6df;font-size:8px;letter-spacing:.7px}
#app .sidebar-bottom{margin-top:auto;padding-top:12px;justify-content:center;flex-direction:column;border-color:#ffffff22}.sidebar-bottom .avatar{background:#4e73b0;color:white;border-radius:50%;width:29px;height:29px;font-size:12px}.sidebar-bottom small{color:#c8ddf2;font-size:9px}.sidebar-bottom button{margin:0!important;padding:3px!important;background:none!important;border:0;color:#c8ddf2!important;font-size:9px!important}
#app .main{padding:0 24px 30px;background:radial-gradient(ellipse at 80% 0,#dfeefa85,transparent 48%),#eef3fa}
#app .topbar{margin:0 -24px;padding:12px 24px;min-height:72px;background:#fff;border-bottom:1px solid var(--line);gap:13px}
.crm-app-icon{width:38px;height:38px;display:grid;place-items:center;background:#14a1d2;border-radius:7px;color:white;flex-shrink:0}.crm-app-icon svg{width:23px;height:23px}.crm-app-title{min-width:142px}.crm-app-title strong{display:block;font-size:17px;line-height:1.4}.crm-app-title small{display:block;font-size:10px;color:var(--muted)}
#app .topbar .search{max-width:400px;width:30vw;margin-left:auto;background:#f7f9fc;border-radius:6px;font-size:12px;padding:10px 14px}
.crm-demo-select{width:175px!important;font-size:12px;padding:10px;border-radius:6px;background:white;color:var(--ink)}.crm-offers-link{font-size:11px;color:#0671ce;white-space:nowrap;font-weight:600}
.crm-object-tabs{display:flex;gap:6px;background:white;border-bottom:1px solid var(--line);margin:0 -24px;padding:0 24px;min-height:44px;align-items:stretch;overflow:auto}.crm-object-tabs button{font-size:12px;border:0;border-radius:0;background:white;color:#59708c;padding:12px 16px;white-space:nowrap}.crm-object-tabs button.active{color:#0875d8;border-bottom:3px solid #0875d8;background:#f2f8ff}.crm-object-tabs .crm-tab-note{margin-left:auto;align-self:center;font-size:10px;color:#7490aa;white-space:nowrap}
#app .notice{margin:15px 0 0;padding:8px 12px;border-color:#cce5fa;background:#f3faff;font-size:10px;color:#507393;border-radius:6px;gap:10px;min-height:35px}#app .notice b{background:#0875d8;border-radius:4px;padding:3px 6px;color:white;letter-spacing:.5px;font-size:9px}#app .notice a{margin-left:auto;color:#0875d8;font-weight:600;white-space:nowrap}
#app .page-head{margin:23px 0 18px}#app .page-head h1{font-size:25px;letter-spacing:-.6px;margin:4px 0 6px;color:#16325c}#app .page-head .eyebrow{color:#6787a7;font-size:9px}#app .page-head p{font-size:12px;color:#607894}#app .page-actions button{border-radius:5px;font-size:12px;padding:9px 14px}#app button.primary{color:white!important;background:#0875d8!important;border-color:#0875d8!important}
.crm-spotlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.crm-spotlight{display:flex;align-items:flex-start;gap:13px;padding:18px;background:linear-gradient(110deg,#e2f1ff,#f4faff);border:1px solid #cfe3f6;border-radius:9px;min-width:0;position:relative;overflow:hidden}.crm-spotlight:nth-child(2){background:linear-gradient(110deg,#f0e9ff,#faf6ff);border-color:#e2d8f4}.crm-spotlight:nth-child(3){background:linear-gradient(110deg,#fff1db,#fffaf1);border-color:#f4e3c8}.crm-spotlight .spot-icon{display:grid;place-items:center;flex-shrink:0;background:#0875d8;color:white;width:33px;height:33px;border-radius:50%}.crm-spotlight:nth-child(2) .spot-icon{background:#8759c4}.crm-spotlight:nth-child(3) .spot-icon{background:#dd971e}.spot-icon svg{width:17px;height:17px}.crm-spotlight h3{font-size:13px;color:#19406a;line-height:1.4;margin:0 0 5px}.crm-spotlight p{font-size:11px;line-height:1.55;margin:0 0 9px;color:#526d8c}.crm-spotlight button{border:0;padding:0;color:#0875d8;font-size:11px;background:none;font-weight:650}.crm-spotlight>div{min-width:0}
#app .metrics{gap:14px;margin:0 0 18px}#app .metric{border:1px solid #d9e4ef;border-radius:9px;padding:16px 18px;box-shadow:0 2px 4px #193d6105;position:relative;overflow:hidden}#app .metric:before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:#1a8de1}#app .metric:nth-child(2):before{background:#9061cc}#app .metric:nth-child(3):before{background:#e5a42f}#app .metric:nth-child(4):before{background:#1eaf9f}#app .metric label{font-size:11px;align-items:center;color:#5b7290}#app .metric label .icon{color:#1688d8;background:#e9f5ff;width:26px;height:26px;padding:5px;border-radius:6px}#app .metric:nth-child(2) .icon{color:#8456be;background:#f2ebfb}#app .metric:nth-child(3) .icon{color:#bf851e;background:#fff5df}#app .metric:nth-child(4) .icon{color:#149887;background:#e5f8f4}#app .metric strong{font-size:27px;font-weight:650;margin:8px 0 5px;color:#16325c}#app .metric small{font-size:10px;color:#70839b}
.crm-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:18px}.crm-dashboard-grid>.panel{margin:0}.crm-dashboard-wide{grid-column:1/-1}.crm-dashboard-side{display:flex;flex-direction:column;gap:18px;min-width:0}.crm-dashboard-side>.panel{margin:0;flex:1}
#app .panel{border-radius:9px;border-color:#d8e3ee;box-shadow:0 2px 4px #193d6104}#app .panel-head{padding:15px 18px;min-height:56px;background:white}#app .panel-head h2{font-size:13px;color:#244564;letter-spacing:0;display:flex;align-items:center;gap:8px}#app .panel-head h2:before{content:'';width:7px;height:7px;background:#17a5d5;border-radius:2px}#app .panel-body{padding:16px 18px}#app .link-btn{font-size:11px;color:#0875d8}#app .row{padding:12px 0}#app .row-text b{font-size:12px;font-weight:600}#app .row-text small{font-size:10px;line-height:1.6}.crm-dashboard-grid .row:first-child{padding-top:1px}
.crm-chart{display:grid;grid-template-columns:1fr 140px;gap:20px;align-items:center}.crm-donut{width:138px;height:138px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(#0875d8 0 var(--crm-complete),#c9e2fa var(--crm-complete) 100%)}.crm-donut:before{content:'';position:absolute;inset:17px;background:white;border-radius:50%}.crm-donut div{position:relative;text-align:center}.crm-donut strong{display:block;font-size:29px;color:#16325c}.crm-donut small{font-size:9px;color:#7790a9}.crm-chart .bar-row{grid-template-columns:95px minmax(60px,1fr) 20px;gap:10px;margin:14px 0;font-size:10px}.crm-chart .bar{height:9px;background:#edf3f9;border-radius:6px}.crm-chart .bar i{opacity:1;border-radius:6px;background:#198edb}.crm-chart .bar-row:nth-child(2) .bar i{background:#44b7da}.crm-chart .bar-row:nth-child(3) .bar i{background:#8b64cf}.crm-chart .bar-row:nth-child(4) .bar i{background:#ecaf42}.crm-chart .bar-row:nth-child(5) .bar i{background:#21aa93}.crm-chart .bar-row:nth-child(6) .bar i{background:#d0a8bc}.crm-chart-caption{font-size:10px;color:#8194aa;margin:13px 0 0;line-height:1.5}
.crm-activity-table{width:100%;font-size:11px;white-space:normal}.crm-activity-table th{font-size:10px;background:#f5f8fc;padding:10px 12px;font-weight:600;color:#69829d}.crm-activity-table td{padding:12px;border-color:#e6edf5;font-size:11px}.crm-activity-table .record-link{font-size:11px;color:#0875d8}.crm-activity-table .crm-client{display:flex;gap:10px;align-items:center}.crm-initial{width:28px;height:28px;border-radius:6px;background:#e6f3ff;color:#0875d8;display:grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0}.crm-activity-table tr:nth-child(2n) .crm-initial{background:#f1eafd;color:#8752c8}.crm-activity-table tr:nth-child(3n) .crm-initial{background:#e6f7f1;color:#15917f}.crm-stage{display:inline-flex;align-items:center;gap:5px;background:#eaf4ff;color:#2679b8;border-radius:12px;padding:4px 8px;font-size:9px;white-space:nowrap}.crm-stage:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.crm-stage[data-stage=won],.crm-stage[data-stage=done],.crm-stage[data-stage=closed]{background:#e3f7ef;color:#168867}.crm-stage[data-stage=proposal],.crm-stage[data-stage=approval],.crm-stage[data-stage=scheduled]{background:#f1eafa;color:#8456be}.crm-stage[data-stage=negotiation],.crm-stage[data-stage=repair],.crm-stage[data-stage=working]{background:#fff2d9;color:#a66c12}
#app .kanban{grid-auto-columns:minmax(230px,1fr);gap:13px}#app .lane{background:#e7eef7;border-color:#d8e3ee;border-radius:8px;border-top:3px solid #1b8ad9}#app .lane:nth-child(2){border-top-color:#37b0ce}#app .lane:nth-child(3){border-top-color:#9770d4}#app .lane:nth-child(4){border-top-color:#e8b048}#app .lane:nth-child(5){border-top-color:#30b18c}#app .lane:nth-child(6){border-top-color:#cc7694}#app .lane-head b{color:#395a7d}#app .deal{border-radius:7px;box-shadow:0 2px 4px #21497409}#app .deal h3{color:#0875d8}#app .deal footer{border-top:1px solid #edf2f8;padding-top:12px}#app .tag{border-radius:5px;background:#edf3fb;color:#6c8198}#app .pill{background:#e7f4ff;color:#0875d8}
#app input:focus,#app select:focus,#app textarea:focus{outline:2px solid #80beef;border-color:#168bdd}#app button:focus-visible,#app a:focus-visible{outline:3px solid #69b7ee;outline-offset:2px}#editor{border-radius:10px;border-color:#c9dcec;box-shadow:0 20px 80px #15386240}#editor .dialog-head{background:#f7faff}#editor .dialog-head h2{color:#16325c}#editor .primary{background:#0875d8;color:white;border-color:#0875d8}#editor input,#editor select,#editor textarea{border-radius:5px;background:white;color:#294969}#editor .estimate-total{background:#e6f4ff;color:#196099}#app .bay{border-radius:8px}#app .slot{background:#e5f3ff;border-left-color:#138bdf}.crm-empty-note{color:#748ba3;font-size:11px}
@media(min-width:1550px){#app .main{padding-left:32px;padding-right:32px}#app .topbar,#app .crm-object-tabs{margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px}}
@media(max-width:1100px){.crm-dashboard-grid{grid-template-columns:1fr}.crm-dashboard-side{display:grid;grid-template-columns:1fr 1fr}.crm-spotlight{padding:14px;gap:9px}.crm-spotlight .spot-icon{width:27px;height:27px}.crm-spotlight h3{font-size:12px}.crm-spotlight p{font-size:10px}#app .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}#app .metric{padding:14px}#app .metric strong{font-size:23px}.crm-demo-select{width:154px!important}#app .topbar .search{width:24vw}.crm-object-tabs .crm-tab-note{display:none}}
@media(max-width:760px){#app .layout{display:block}#app .sidebar{display:none;position:fixed;left:0;width:94px;z-index:90;box-shadow:var(--shadow)}#app .sidebar.open{display:flex}#app .main{padding:0 14px 25px}#app .topbar{margin:0 -14px;padding:10px 14px;flex-wrap:wrap;gap:10px}#app .mobile-menu{display:block;background:white;border:1px solid var(--line);padding:7px}.crm-app-title{min-width:100px;flex:1}.crm-app-title strong{font-size:15px}.crm-app-icon{width:31px;height:31px}.crm-demo-select{width:145px!important;font-size:11px}.crm-offers-link{font-size:10px;margin-left:auto}#app .topbar .search{width:auto;max-width:none;flex:1;order:5;margin:0}.crm-object-tabs{margin:0 -14px;padding:0 9px;min-height:40px}.crm-object-tabs button{font-size:11px;padding:9px 11px}#app .notice{font-size:9px;gap:6px;flex-wrap:wrap}#app .notice a{margin-left:0}.crm-spotlights{grid-template-columns:1fr}.crm-spotlight{padding:14px}.crm-spotlight p{font-size:11px}.crm-spotlight h3{font-size:13px}.crm-spotlight .spot-icon{width:32px;height:32px}#app .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-dashboard-side{display:flex}.crm-chart{grid-template-columns:1fr 110px;gap:10px}.crm-donut{width:108px;height:108px}.crm-donut:before{inset:13px}.crm-donut strong{font-size:24px}.crm-chart .bar-row{grid-template-columns:80px minmax(35px,1fr) 15px;font-size:9px;gap:7px}.crm-activity-table{min-width:620px}#app .page-head h1{font-size:24px}.crm-dashboard-grid{gap:15px}#app .sidebar .nav button{min-height:56px}#app .page-head{gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{#app .sidebar,#app .topbar,#app .crm-object-tabs{display:none!important}}

.crm-close-menu{display:none}@media(max-width:760px){#app .crm-close-menu{display:block;background:transparent;color:white;border:0;font-size:23px;padding:0;align-self:flex-end;line-height:1.1}}