/* Customers artboard adaptation. Other Operations modules retain their own layout. */
#app:has(#crm-view:not([hidden])),#app:has(#crm-view:not([hidden])) button,#app:has(#crm-view:not([hidden])) input,#app:has(#crm-view:not([hidden])) select,#crm-view:not([hidden]),#crm-view:not([hidden]) *{font-family:'Google Sans','Poppins',sans-serif!important}
#app:has(#crm-view:not([hidden])){--rail-width:232px;--utility-height:60px;background:#F4F3EF}
#app:has(#crm-view:not([hidden])) .app-rail.topbar{width:232px;padding:20px 12px;background:#131417}
#app:has(#crm-view:not([hidden])) .rail-brand-row{padding:4px 12px 8px}
#app:has(#crm-view:not([hidden])) .concept-brand span{font-size:20px!important;letter-spacing:.14em!important;font-weight:700}
#app:has(#crm-view:not([hidden])) .concept-brand b{color:#80848D!important;letter-spacing:.22em!important;font-size:11px!important;margin-top:2px}
#app:has(#crm-view:not([hidden])) .rail-section-label{display:block;margin:18px 12px 6px;color:#80848D;font-size:11px;letter-spacing:.08em}
#app:has(#crm-view:not([hidden])) .app-rail.topbar nav{gap:2px;margin:0}
#app:has(#crm-view:not([hidden])) .app-rail.topbar nav a{min-height:38px;padding:0 12px;border-radius:8px;color:#B9BCC4;font-size:14px;font-weight:500}
#app:has(#crm-view:not([hidden])) .app-rail.topbar nav a:hover{background:#1F2125;color:#fff}
#app:has(#crm-view:not([hidden])) .app-rail.topbar nav a.active{background:#24262B;color:#fff}
#app:has(#crm-view:not([hidden])) .app-rail.topbar nav a.active .nav-glyph{color:#F0525F!important}
#app:has(#crm-view:not([hidden])) .rail-build{background:#1C1D21;border:0;border-radius:10px;margin:0 0 2px;padding:12px;color:#D6D8DC}
#app:has(#crm-view:not([hidden])) .utilitybar{height:60px;padding:0 32px;background:#fff;border-bottom:1px solid #E4E1DA;backdrop-filter:none}
#app:has(#crm-view:not([hidden])) .global-search{max-width:480px;margin:0}
#app:has(#crm-view:not([hidden])) .global-search input{height:38px;background:#FAF9F6;border:1px solid #DAD7CF;border-radius:8px;font-size:14px}
#app:has(#crm-view:not([hidden])) #global-create{background:#17181B;border:1px solid #17181B;border-radius:8px;box-shadow:none;color:#fff}
#app:has(#crm-view:not([hidden])) .utility-actions .account{display:block}
#app:has(#crm-view:not([hidden])) .actor-avatar{background:#E9E6DF;color:#17181B;border-radius:50%}
#crm-view:not([hidden]){display:flex;flex-direction:column;gap:20px;min-height:calc(100vh - 60px);height:calc(100vh - 60px);padding:26px 32px 28px;background:#F4F3EF;color:#17181B;font-family:'Google Sans','Poppins',sans-serif}
#crm-view .customers-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex:0 0 auto;padding:0;margin:0}
#crm-view .customers-heading h1{font-size:28px;letter-spacing:-.01em;font-weight:600;color:#17181B}
#crm-view .customers-heading .view-sub{font-size:14px;color:#5B5F66;margin:4px 0 0}
#crm-view .customers-head-actions{display:flex;align-items:center;gap:8px}
#crm-view .customers-head-actions button{height:38px;padding:0 14px;border-radius:8px;font:500 14px 'Google Sans','Poppins',sans-serif;white-space:nowrap}
#crm-view .customers-head-actions .ghost{border:1px solid #DAD7CF;background:#fff;color:#17181B}
#crm-view .customers-head-actions .primary{background:#C8102E;border-color:#C8102E;color:#fff}
#crm-view .customers-head-actions button:disabled{opacity:.55;cursor:not-allowed}
#crm-view .customers-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;flex:0 0 auto;margin:0;border:1px solid #E4E1DA;border-radius:12px;background:#fff;overflow:hidden}
#crm-view .customers-stats button{display:flex;align-items:center;gap:14px;min-height:64px;padding:0 18px;border:0;border-radius:0;border-left:1px solid #EFEDE7;background:transparent;box-shadow:none;transform:none;color:#17181B}
#crm-view .customers-stats button:first-child{border-left:0}
#crm-view .customers-stats button:hover{background:#FAF9F6;box-shadow:none;transform:none}
#crm-view .customers-stats i{width:36px;height:36px;border-radius:9px;background:#FBEFD9;color:#855000;font-size:18px;font-style:normal}
#crm-view .customers-stats button:nth-child(2) i{background:#E7EEFB;color:#1B4FB0}
#crm-view .customers-stats button:nth-child(3) i{background:#E2F2E8;color:#1B6B3D}
#crm-view .customers-stats button:nth-child(4) i{background:#EEEDE8;color:#50535A}
#crm-view .customers-stats span{gap:2px;font-size:13px;font-weight:400;color:#5B5F66}
#crm-view .customers-stats b{font-size:20px;font-weight:600;color:#17181B}
#crm-view .customers-stats em{font-size:16px;color:#5B5F66}
#crm-view .customers-layout{display:flex;flex:1 1 auto;min-height:0;gap:20px}
#crm-view .customers-list,#crm-view .customers-preview{border:1px solid #E4E1DA;border-radius:12px;background:#fff;box-shadow:none}
#crm-view .customers-list{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;overflow:hidden}
#crm-view .customers-preview{position:static;display:flex;flex-direction:column;flex:0 0 392px;width:392px;min-height:0;overflow:auto}
#crm-view .customers-toolbar{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:14px 16px}
#crm-view .customers-tabs{display:flex;gap:2px;flex:0 0 auto;padding:3px;border:0;border-radius:8px;background:#F1EFEA;overflow:visible}
#crm-view .customers-tabs button{height:32px;padding:0 12px;border:0;border-radius:6px;color:#5B5F66;font-size:13px;font-weight:500}
#crm-view .customers-tabs button.active{background:#fff;color:#17181B;box-shadow:0 1px 2px rgba(20,20,20,.1)}
#crm-view .customers-tabs button[hidden]{display:none!important}
#crm-view .customers-tabs button span{margin-left:4px;color:#5B5F66}
#crm-view .customers-toolbar input,#crm-view .customers-toolbar select{height:38px;margin:0;border:1px solid #DAD7CF;border-radius:8px;background:#fff;color:#17181B;font-size:13px}
#crm-view .customers-toolbar input{flex:1 1 130px;min-width:115px;padding:0 12px}
#crm-view .customers-toolbar select{flex:0 1 auto;width:auto;max-width:124px;padding:0 9px}
#crm-view .customers-toolbar #crm-source,#crm-view .customers-toolbar #crm-sort{max-width:92px}
#crm-view .customers-toolbar #crm-work-filter{max-width:132px}
#crm-view .customers-toolbar #crm-view-more{max-width:105px}
#crm-view .customers-filter-menu{position:relative;flex:0 0 auto}
#crm-view #crm-more-filters{width:38px;height:38px;padding:0;border:1px solid #DAD7CF;border-radius:8px;background:#fff;color:#17181B;font-size:20px;cursor:pointer}
#crm-view #crm-more-filters:hover{background:#FAF9F6}
#crm-view .customers-filter-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:30;display:grid;gap:9px;width:210px;padding:14px;border:1px solid #E4E1DA;border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(20,20,20,.13)}
#crm-view .customers-filter-popover[hidden]{display:none!important}
#crm-view .customers-filter-popover strong{font-size:12px;color:#5B5F66}
#crm-view .customers-toolbar .customers-filter-popover select{width:100%;max-width:none;height:38px}
#crm-view .customers-toolbar .customers-filter-popover select[hidden]{display:none!important}
#crm-view .customers-toolbar select[hidden],#crm-view .customers-toolbar button[hidden]{display:none!important}
#crm-view #crm-add{display:none!important}
#crm-view .customers-list .table-scroll{flex:1 1 auto;min-height:0;overflow:auto}
#crm-view .customers-list table{width:100%;min-width:650px;border-collapse:collapse}
#crm-view .customers-list th{height:38px;padding:0 12px;background:#FAF9F6;color:#5B5F66;border:0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
#crm-view .customers-list td{height:58px;padding:8px 12px;border-top:1px solid #EFEDE7;border-bottom:0;color:#17181B;font-size:13px}
#crm-view .customers-list .customers-row:hover td{background:#FAF9F6}
#crm-view .customers-list .customers-row.selected td{background:#FBF0F0}
#crm-view .customers-list .customer-table-avatar{width:34px;height:34px;border-radius:9px;background:#E2F2E8;color:#1B6B3D;font-size:12px;font-weight:600}
#crm-view .customers-list .customer-table-identity{min-width:0;gap:12px}
#crm-view .customers-list .customer-table-identity strong{font-size:14px;font-weight:600}
#crm-view .customers-list .customer-table-identity small{font-size:12px;color:#5B5F66}
#crm-view .customers-list .customers-source{border:1px solid #DAD7CF;border-radius:4px;background:transparent;color:#50535A;padding:0 5px;font-size:11px;font-weight:500}
#crm-view .customers-list .concept-pager{padding:10px 16px;border-top:1px solid #EFEDE7}
#crm-view .customers-secondary-actions{display:none}
#crm-view .customers-preview>header.customer-preview-head{padding:18px 20px 16px;border:0}
#crm-view .customers-preview .customers-avatar{width:48px;height:48px;border-radius:12px;background:#E2F2E8;color:#1B6B3D;font-size:15px}
#crm-view .customers-preview .customer-preview-head h2{font-size:19px;font-weight:600;color:#17181B}
#crm-view .customers-preview .customer-preview-head small{font-size:13px;color:#5B5F66}
#crm-view .customers-preview .customer-preview-actions{padding:0 20px 16px;border:0}
#crm-view .customers-preview .customer-preview-actions .primary{flex:1 1 auto;justify-content:center;background:#17181B;border:1px solid #17181B;border-radius:8px;color:#fff;font-size:14px;font-weight:500}
#crm-view .customers-preview .customer-preview-actions .ghost{border:1px solid #DAD7CF;border-radius:8px;color:#17181B}
#crm-view .customers-preview .customer-preview-section{padding:14px 20px;border-bottom:0}
#crm-view .customers-preview .customer-preview-section-head h3{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#5B5F66}
#crm-view .customers-preview .customer-preview-section-head a{font-size:13px;font-weight:500;color:#B3122B}
#crm-view .customers-preview .customer-preview-row{grid-template-columns:minmax(0,1fr) auto 10px;min-height:55px;border-top:1px solid #EFEDE7}
#crm-view .customers-preview .customer-preview-row b{font-size:13px}
#crm-view .customers-preview .customer-preview-row small{font-size:12px;color:#5B5F66}
#crm-view .customers-preview .customer-preview-row strong{color:#17181B;font-size:12px}
#crm-view .customers-preview .customer-preview-icon{display:none}
#crm-view .customer-quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #EFEDE7;border-bottom:1px solid #EFEDE7}
#crm-view .customer-quick-stats>div{padding:12px 20px;border-left:1px solid #EFEDE7}
#crm-view .customer-quick-stats>div:first-child{border-left:0}
#crm-view .customer-quick-stats b{display:block;font-size:20px;font-weight:600}
#crm-view .customer-quick-stats small{display:block;margin-top:3px;color:#5B5F66;font-size:12px}
#crm-view .customer-contact-primary{display:grid;gap:6px;font-size:13px}
#crm-view .customer-contact-primary strong{font-size:14px;font-weight:600}
#crm-view .customer-contact-primary a{color:#B3122B;overflow-wrap:anywhere}
#crm-view .customer-estimate-card{display:block;padding:12px;border:1px solid #EFEDE7;border-radius:10px;background:#FAF9F6;text-decoration:none;color:#17181B}
#crm-view .customer-estimate-card b{font-size:13px}
#crm-view .customer-estimate-card small{display:block;margin-top:3px;color:#5B5F66;font-size:12px}
#crm-view .customer-quick-close{width:32px;height:32px;border:0;background:transparent;color:#5B5F66;font-size:20px;cursor:pointer}
#crm-view .customer-check{width:16px;height:16px;margin:0;accent-color:#C8102E}
#crm-view .customers-list th.customer-check-cell,#crm-view .customers-list td.customer-check-cell{width:28px;padding-left:16px;padding-right:0}
#crm-view .customers-list th.customer-hidden-type,#crm-view .customers-list td.customer-hidden-type{display:none}
@media(max-width:1250px){#crm-view .customers-layout{gap:14px}#crm-view .customers-preview{flex-basis:340px;width:340px}#crm-view .customers-toolbar{flex-wrap:wrap}#crm-view .customers-toolbar input{flex:1 1 220px}}
@media(max-width:950px){#crm-view:not([hidden]){height:auto;min-height:calc(100vh - 60px)}#crm-view .customers-layout{display:grid;grid-template-columns:1fr}#crm-view .customers-list{min-height:470px}#crm-view .customers-preview{width:auto;max-height:none}#crm-view .customers-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){#crm-view:not([hidden]){padding:18px 14px}#crm-view .customers-heading{align-items:flex-start;flex-direction:column}#crm-view .customers-head-actions{flex-wrap:wrap}#crm-view .customers-stats{grid-template-columns:1fr 1fr}#crm-view .customers-stats button{padding:10px;gap:7px}#crm-view .customers-stats i{display:none}#crm-view .customers-toolbar{gap:7px}#crm-view .customers-tabs{width:100%}#crm-view .customers-tabs button{flex:1}#crm-view .customers-toolbar input{flex-basis:100%}}