@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root,html.ui-v2{--gold:#3438ec;--gold-dim:#292ccc;--gold-bright:#575cf5;--bg:#f5f6fb;--bg2:#fff;--bg3:#f0f2fa;--surface:#f5f6fb;--surface2:#eeefff;--border:#e4e6ed;--border2:#d9ddea;--text:#161b31;--muted:#646b7b;--muted2:#4c566e;--green:#16765b;--red:#c24152;--blue:#3438ec;--amber:#98611c;color-scheme:light}
body,html.ui-v2 body{font-family:'DM Sans',sans-serif!important;background:#f5f6fb;color:#161b31}.brand-name,.card-title,.page-title,h1,h2,h3{font-family:Manrope,sans-serif!important}.sidebar,html.ui-v2 .sidebar{background:#fff!important;border-right:1px solid #e4e6ed;color:#161b31}.brand{padding-bottom:24px}.brand-name{font-size:17px;font-weight:800;letter-spacing:-.6px;color:#161b31!important}.brand-name span{color:#3438ec!important}.brand-mark{width:34px;height:34px}.brand>div>div:last-child{font-family:'DM Sans',sans-serif!important;font-size:12px!important;color:#646b7b!important;letter-spacing:0!important;margin-top:5px!important}.nav-item,html.ui-v2 .nav-item{color:#646b7b!important;border-radius:8px;margin:3px 12px;min-height:42px;font-size:14px}.nav-item.active,html.ui-v2 .nav-item.active{color:#3438ec!important;background:#eeefff!important;border-left-color:#3438ec!important}.nav-item:hover,html.ui-v2 .nav-item:hover{background:#f5f6fb!important;color:#3438ec!important}.nav-group-label,html.ui-v2 .nav-group-label{color:#737b90!important;font-size:12px!important;letter-spacing:1px}.sidebar .nav-group-label svg{color:#737b90}.topbar,html.ui-v2 .topbar{background:#fff!important;border-color:#e4e6ed}.card,.kpi,html.ui-v2 .card,html.ui-v2 .kpi{background:#fff!important;border:1px solid #e4e6ed!important;border-radius:14px!important;box-shadow:0 3px 12px #18225703!important}.card-title{color:#161b31;font-weight:700}.kpi-val{font-family:Manrope,sans-serif;font-weight:750;letter-spacing:-1px}.btn-gold,html.ui-v2 .btn-gold{background:#3438ec!important;border-color:#3438ec!important;color:#fff!important;box-shadow:none!important}.btn-ghost{background:#fff;color:#4c566e;border-color:#d9ddea}.btn-ghost:hover{background:#eeefff;color:#3438ec}.tag-gold{background:#eeefff;color:#3438ec}.main{background:#f5f6fb}.sidebar-footer,.user-menu{background:#fff!important;border-color:#e4e6ed}.sidebar-footer *{color:#646b7b}.comm-toggle button.active{background:#eeefff;color:#3438ec}.comm-cell .val{font-family:Manrope,sans-serif}.cml-preview-note{position:sticky;top:0;z-index:100;background:#3438ec;color:#fff;padding:8px 20px;text-align:center;font-size:12px;letter-spacing:.5px}.sidebar{top:34px!important}.topbar{top:34px!important}input,select,textarea{color:#161b31!important}input::placeholder,textarea::placeholder{color:#737b90!important}
@media(max-width:768px){.cml-preview-note{font-size:11px;padding:8px 12px}.sidebar{top:34px!important}.brand-name{font-size:17px}.kpi-val{font-size:26px}}
/* Consolidated future-client navigation */
.cml-navigation{padding:0 12px 22px;display:grid;gap:4px}.cml-nav-button{display:flex;align-items:center;gap:11px;width:100%;min-height:43px;padding:11px 13px;border:0;border-radius:9px;background:transparent;color:#646b7b;text-align:left;font:500 14px 'DM Sans',sans-serif;cursor:pointer}.cml-nav-button svg{width:18px;height:18px;flex-shrink:0}.cml-nav-button:hover{background:#f5f6fb;color:#3438ec}.cml-nav-button.active{color:#3438ec;background:#eeefff;box-shadow:inset 3px 0 #3438ec}.cml-nav-button:focus-visible,.cml-section-tabs button:focus-visible{outline:2px solid #3438ec;outline-offset:2px}.cml-section-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:18px 30px 4px}.cml-section-tabs[hidden],.cml-original-navigation[hidden]{display:none!important}.cml-section-tabs button{border:1px solid #e4e6ed;background:#fff;color:#646b7b;padding:9px 15px;border-radius:8px;font:500 14px 'DM Sans',sans-serif;cursor:pointer}.cml-section-tabs button.active{color:#3438ec;border-color:#c5c7ff;background:#eeefff}@media(max-width:760px){.cml-section-tabs{padding:15px 16px 0}.cml-section-tabs button{padding:9px 12px}}
/* Shared CRM surface: reusable across industry templates. */
#page-crm{padding-bottom:32px}.crm-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 24px}.crm-heading h2{font-size:28px;margin:4px 0 8px;letter-spacing:-.7px}.crm-heading p{color:#697386;margin:0}.crm-eyebrow{font-size:11px!important;font-weight:750;letter-spacing:1.3px;color:#3438ec!important}.crm-heading #crm-status{font-size:12px;background:#fff4da;color:#805900;border-radius:20px;padding:8px 12px}.crm-heading #crm-status.connected{background:#e8f6ee;color:#246244}.crm-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.crm-toolbar input{flex:1;min-width:180px}.crm-tabs{display:flex;border:1px solid #e0e5ef;border-radius:10px;padding:3px;background:#fff}.crm-tabs button{border:0!important}.crm-tabs button.active{background:#edf0ff!important;color:#3438ec!important}#page-crm button,#page-crm input,#page-crm select,#page-crm textarea{font:inherit;border:1px solid #dde3ee;border-radius:9px;padding:10px 13px;background:#fff;color:#202b40}#page-crm button{cursor:pointer;font-weight:600}#page-crm button:disabled{opacity:.48;cursor:not-allowed}#page-crm .crm-primary{background:#3438ec;color:white;border-color:#3438ec}#page-crm :focus-visible{outline:3px solid #a9afff;outline-offset:2px}#crm-notice{font-size:13px;color:#775a19;min-height:18px;margin:12px 0}.crm-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);border:1px solid #e0e5ef;border-radius:16px;background:white;min-height:520px;overflow:hidden}#crm-list{border-right:1px solid #e0e5ef;max-height:650px;overflow:auto}#crm-list .crm-person{display:flex;align-items:center;text-align:left;gap:12px;width:100%;border:0;border-bottom:1px solid #edf0f6;border-radius:0;padding:18px 16px;font-weight:400}.crm-person.selected,.crm-person:hover{background:#f0f3ff!important}.crm-person>span:nth-child(2){min-width:0;flex:1}.crm-person strong{font-size:14px}.crm-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:225px;font-size:12px;color:#748096;margin-top:5px}.crm-avatar{display:grid;place-items:center;width:36px;height:36px;background:#e9edff;color:#3438ec;border-radius:50%;flex-shrink:0}.crm-badge{font-size:11px;color:#3438ec}.crm-empty{padding:42px 24px;color:#788296;text-align:center}.crm-empty h3{font-size:17px;color:#24324a}.crm-empty p{line-height:1.7;font-size:13px}#crm-detail{min-width:0}.crm-contact{padding:28px;max-width:620px}.crm-contact h3{font-size:23px;margin:7px 0 20px}.crm-contact label,.crm-compose label{display:block;font-size:12px;font-weight:600;color:#66738a;margin:12px 0}.crm-contact label input{display:block;width:100%;margin-top:7px;box-sizing:border-box}.crm-contact dd{margin:6px 0 18px;overflow-wrap:anywhere}.crm-contact dt{color:#7c8798;font-size:12px}.crm-contact button{margin-right:8px}#crm-form-error{color:#b02b36;font-size:13px}.crm-pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:14px 0;font-size:12px;color:#718097}.crm-thread-head{padding:18px 24px;border-bottom:1px solid #edf0f6}.crm-thread-head h3{margin:0 0 4px}.crm-thread-head small{color:#778398}#crm-messages{padding:20px;min-height:180px;max-height:370px;overflow:auto;display:flex;flex-direction:column;gap:12px}.crm-message{max-width:85%;background:#f2f4f8;border-radius:12px;padding:12px 15px;overflow-wrap:anywhere}.crm-message.outbound{align-self:flex-end;background:#eeefff}.crm-message p{white-space:pre-wrap;font-size:14px;margin:0 0 7px}.crm-message small{font-size:10px;color:#768095}.crm-compose{border-top:1px solid #edf0f6;padding:15px 24px}.crm-compose label input,.crm-compose textarea{width:100%;box-sizing:border-box;margin-top:5px}.crm-compose textarea{min-height:85px;resize:vertical}.crm-compose select{margin-left:10px}.crm-compose p{font-size:12px;color:#6b7688}@media(max-width:800px){.crm-workspace{grid-template-columns:1fr}#crm-list{max-height:240px;border-right:0;border-bottom:1px solid #e0e5ef}.crm-heading{align-items:flex-start;flex-direction:column}.crm-heading h2{font-size:23px}.crm-toolbar input{order:3;width:100%;flex-basis:100%}.crm-contact{padding:20px}.crm-pagination{justify-content:center}}

#page-crm [hidden]{display:none!important}

.rental-section-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:14px 28px;background:#fff;border-bottom:1px solid #e6e9f4}.rental-section-tabs[hidden]{display:none}.rental-section-tabs button{font:inherit;font-size:14px;border:0;border-radius:10px;padding:10px 16px;background:#f5f6fc;color:#64708b;cursor:pointer}.rental-section-tabs button.active{background:#eeedff;color:#3438ec;font-weight:600}.rental-section-tabs button:hover{background:#e9ecff}