:root{--canvas:#f2f5f9;--nav:#101d30;--bs-body-font-family:"Segoe UI",Inter,system-ui,sans-serif}.main-content{padding-top:30px}.page-heading{border-bottom:1px solid #e0e6ef;padding-bottom:23px;margin-bottom:25px}.page-heading h1{font-size:1.8rem;font-weight:750}.eyebrow{font-size:.75rem;letter-spacing:.11em;color:#7789a4}.topbar{box-shadow:0 2px 12px #0e244307}.sidebar{background:linear-gradient(180deg,#122139 0%,#0e1a2d 100%)!important}.nav-item{padding:12px 13px}.nav-item.active{background:#2463eb;box-shadow:0 4px 15px #07152c33}.card{border-radius:14px;box-shadow:0 4px 16px #172b4b04}.form-card{max-width:1160px;overflow:visible}.form-card-top{padding:18px 28px;background:#fbfcfe;border-bottom:1px solid #e7ecf4;border-radius:14px 14px 0 0;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:650}.form-card-top>span>i{color:#7084a6}.form-card .card-body{padding:10px 30px 26px}.form-section-heading{display:flex;align-items:center;gap:13px;margin:22px 0 8px;padding-bottom:17px;border-bottom:1px solid #eaf0f6}.form-section-heading h2{font-size:1rem;font-weight:700}.form-section-heading p{margin:5px 0 0;color:#7b899e;font-size:.86rem}.section-icon{width:39px;height:39px;flex-shrink:0;background:#edf3ff;border:1px solid #e1eaff;border-radius:10px;color:#3974de;display:grid;place-items:center;font-size:1rem}.field-cell{padding-bottom:2px}.form-label{display:flex;align-items:center;gap:5px;color:#3f506b;font-size:.88rem;margin-bottom:9px;font-weight:600}.required-dot{color:#dc5e73;margin-left:2px}.optional-label{font-size:.72rem;font-weight:400;color:#97a4b6;margin-left:auto}.form-control,.form-select{min-height:46px;border:1px solid #dce4ef;background-color:#fff;box-shadow:0 1px 2px #142b4903;padding:11px 13px;border-radius:8px}.form-control::placeholder{color:#a4afbf;font-size:.88rem}.form-control:hover,.form-select:hover{border-color:#bdcbe0}.form-control:focus,.form-select:focus{border-color:#4e85e9;box-shadow:0 0 0 3px #347af211}.field-feedback{font-size:.8rem;line-height:1.55;min-height:18px;color:#8d99ab;margin-top:7px}.input-group{flex-wrap:nowrap}.input-group-text{background:#f8fafd;color:#8a9ab1;border-color:#dce4ef;border-radius:8px;font-size:.9rem}.input-group .btn-outline-secondary{border-color:#dce4ef;color:#778ba8;font-size:.8rem;box-shadow:none;padding:9px 12px}.input-group .btn-outline-secondary:hover{background:#eef4ff;color:#2864ca}.input-group:focus-within{border-radius:8px}.phone-region{flex:0 0 104px!important;width:104px!important;background-color:#f8faff;font-size:.8rem;padding-left:10px;padding-right:27px;color:#435978}.phone-input{font-variant-numeric:tabular-nums;letter-spacing:.035em;min-width:90px!important}.quantity-group{background:#fff;border:1px solid #dce4ef;border-radius:9px}.quantity-group .form-control{border:0;text-align:center;box-shadow:none;font-variant-numeric:tabular-nums;font-weight:650;min-width:60px;-moz-appearance:textfield}.quantity-group .form-control::-webkit-outer-spin-button,.quantity-group .form-control::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-group .quantity-button{background:#f6f9fd;color:#8192ab;border:0;font-size:.8rem;padding:10px 15px}.quantity-group .quantity-button:hover{background:#e8f0ff;color:#2463eb}.quantity-group .unit-label{border:0;background:white;font-size:.8rem;padding-left:0;white-space:nowrap}.textarea-meta{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;color:#9aa6b7;margin-top:7px}.form-footer{background:#fbfcfe;margin:27px -30px -26px;padding:20px 30px;border-radius:0 0 14px 14px;position:relative}.form-footer .btn-primary{padding-left:24px;padding-right:24px;box-shadow:0 4px 10px #2463eb20}.form-error-summary{margin-top:20px}.ts-wrapper.single .ts-control{min-height:46px;padding:11px 36px 11px 13px;border-color:#dce4ef;border-radius:8px;box-shadow:0 1px 2px #142b4903;align-items:center;gap:4px}.ts-wrapper .ts-control input{font-size:.9rem!important}.ts-dropdown{border:1px solid #dce5f3;border-radius:10px;margin-top:6px;padding:6px;box-shadow:0 12px 35px #142b491a;z-index:1060}.ts-dropdown .option{padding:10px 12px;border-radius:6px;font-size:.9rem}.ts-dropdown .active{background:#edf3ff;color:#2360c9}.ts-wrapper.focus .ts-control{border-color:#4e85e9;box-shadow:0 0 0 3px #347af211}.ts-wrapper .ts-control:after{border-top-color:#7c90ad!important}.role-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.role-card{position:relative;text-align:left;background:#fff;border:1px solid #dfe6f0;border-radius:11px;padding:19px 15px;color:#53647e;transition:.15s}.role-card>i{font-size:1.2rem;color:#8ea0b9;margin-bottom:12px;display:block}.role-card strong{display:block;font-size:.9rem}.role-card small{display:block;font-size:.76rem;color:#95a2b5;margin-top:6px}.role-card:hover{border-color:#91b1ed;background:#fcfdff}.role-card.selected{border:1.5px solid #3674e8;background:#f4f8ff;box-shadow:0 0 0 2px #3674e809}.role-card.selected>i,.role-card.selected strong{color:#2868d9}.role-check{position:absolute;right:13px;top:13px;border:1px solid #d6dfec;width:19px;height:19px;border-radius:50%;font-size:.55rem;display:grid;place-items:center;color:transparent}.selected .role-check{background:#3476e5;color:white;border-color:#3476e5}.permission-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 12px}.permission-grid{border-radius:11px}.permission-row{padding:17px 19px;gap:30px;border-bottom:1px solid #edf1f7}.permission-row:last-child{border-bottom:0}.permission-row:nth-child(even){background:#fbfcfe}.form-check-input{width:1.15em;height:1.15em;border-color:#c5d1e1}.form-check-input:checked{background-color:#3476e5;border-color:#3476e5}.permission-row>.form-check{font-size:.85rem}.stat-card{border-top:3px solid #4c83e1;box-shadow:0 4px 16px #152b5005}.stat-card:nth-child(2){border-top-color:#37a4a6}.stat-card:nth-child(3){border-top-color:#7869cb}.stat-card:nth-child(4){border-top-color:#d49a4c}.stat-card:nth-child(5){border-top-color:#e1848d}.table td{padding-top:18px;padding-bottom:18px}.table thead th{font-size:.78rem;letter-spacing:.025em;color:#74849b}.table tbody tr:hover td{background:#fbfdff}.quote-live-total{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f0f5ff;border:1px solid #dce8ff;border-radius:10px;margin:16px 0}.quote-live-total span{font-weight:600;font-size:.9rem;color:#4f6588}.quote-live-total small{display:block;font-size:.78rem;color:#8a9bb6;margin-top:4px;font-weight:400}.quote-live-total strong{font-size:1.6rem;color:#245ec3;letter-spacing:-.035em}.integration-banner{background:white;border:1px solid #e3eaf1;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px}.integration-identity{display:flex;align-items:center;gap:16px}.whatsapp-logo{width:57px;height:57px;background:#e7f8ef;color:#13a466;border:1px solid #d1f0e0;border-radius:15px;display:grid;place-items:center;font-size:2.1rem}.integration-identity h2{font-size:1.2rem;letter-spacing:-.02em}.integration-identity p{margin:6px 0 0;color:#7a8a9f;font-size:.85rem}.integration-tag{font-size:.7rem;color:#8696ac;background:#f1f5f9;border-radius:4px;padding:3px 6px;margin-left:5px}.integration-state{font-size:.85rem;color:#71839a;font-weight:550}.integration-state small{display:block;font-weight:400;font-size:.75rem;margin:5px 0 0 14px}.state-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aebccd;margin-right:8px}.state-dot.configured{background:#409b7c}.module-tabs{display:flex;gap:26px;border-bottom:1px solid #dce4ef;margin:17px 0 26px}.module-tabs a{display:flex;align-items:center;gap:9px;padding:15px 2px;color:#8291a7;font-size:.9rem;font-weight:550;border-bottom:2px solid transparent;white-space:nowrap}.module-tabs a.active{border-color:#2463eb;color:#2463eb}.channel-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.channel-metrics>div{background:white;border:1px solid #e3e9f2;border-radius:11px;padding:19px 23px;display:flex;justify-content:space-between;align-items:center}.channel-metrics span{color:#7c8da4;font-size:.88rem}.channel-metrics strong{font-size:1.65rem;font-weight:700}.inbox-filter{display:flex;gap:8px;align-items:center;margin-bottom:18px}.channel-empty .empty-state{padding:66px 20px}.whatsapp-empty{height:75px;width:75px;border-radius:22px;background:#edf9f3;color:#4cb68e;margin:0 auto 23px;display:grid;place-items:center;font-size:2.8rem}.channel-empty p{max-width:420px;line-height:1.8}.activation-toggle{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #dee8f0;border-radius:10px;padding:19px;background:#f9fcff;margin-top:10px;cursor:pointer}.activation-toggle strong{font-size:.9rem;display:block}.activation-toggle small{font-size:.8rem;color:#8192a9;display:block;margin-top:6px;line-height:1.6}.activation-toggle .form-switch{padding:0;margin:0}.activation-toggle .form-check-input{width:2.5em;height:1.3em;margin:0;float:none}.setup-steps{counter-reset:steps;list-style:none;padding:0;margin:0}.setup-steps li{position:relative;padding-left:36px;padding-bottom:22px}.setup-steps li:last-child{padding-bottom:0}.setup-steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:1px;width:23px;height:23px;border-radius:50%;background:#eef3fb;color:#6387bd;display:grid;place-items:center;font-size:.75rem;font-weight:650}.setup-steps strong{font-size:.9rem}.setup-steps p{font-size:.85rem;color:#8797ac;line-height:1.7;margin:5px 0 0}.delivery-note{font-size:.85rem;color:#7e8fa6;display:flex;align-items:flex-start;gap:9px;padding:12px 0}.inbox-layout{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(350px,1.7fr);gap:20px;align-items:start}.inbox-list{max-height:730px;overflow:auto}.inbox-item{display:flex;gap:12px;padding:18px 16px;border-bottom:1px solid #edf1f5;color:#34475f;border-left:3px solid transparent}.inbox-item.selected{background:#f1f7ff;border-left-color:#3076e3}.contact-avatar{height:38px;width:38px;border-radius:12px;background:#e9eff8;color:#7995bc;display:grid;place-items:center;flex-shrink:0}.inbox-item-body{min-width:0}.inbox-item-body strong{font-size:.9rem;display:block}.inbox-item-body>span{font-size:.82rem;color:#7e90a8;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.inbox-item-body small{font-size:.72rem;color:#a1aec0;display:block;margin-top:8px}.chat-thread{background:#f6f9fc;display:flex;flex-direction:column;gap:17px;max-height:580px;overflow:auto;min-height:200px}.chat-bubble{max-width:86%;padding:14px 17px;border-radius:12px;box-shadow:0 1px 3px #233c5609;font-size:.9rem;line-height:1.75;overflow-wrap:anywhere}.chat-bubble.incoming{background:white;border:1px solid #e7edf3;align-self:flex-start;border-top-left-radius:3px}.chat-bubble.outgoing{background:#e8f5ee;border:1px solid #d6eadd;align-self:flex-end;border-top-right-radius:3px}.chat-bubble small{font-size:.7rem;display:block;color:#8c9baf;margin-top:6px;text-align:right}.conversation-actions{display:flex;gap:10px;padding:20px;flex-wrap:wrap}.ticket-convert{padding:0 20px 20px}.ticket-convert>summary{font-size:.9rem;color:#617895;padding:10px 0}.ticket-convert .form-card{margin-top:15px}.ticket-convert .form-card-top{display:none}.ticket-convert .card-body{padding:15px}.ticket-convert .form-footer{margin:20px -15px -15px;padding:15px}.channel-metrics strong,.quantity-group input{font-variant-numeric:tabular-nums}@media(max-width:1199px){.form-card{max-width:none}.role-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-state{max-width:230px}}@media(max-width:767px){.form-card-top{padding:17px 19px}.form-card .card-body{padding:8px 19px 22px}.form-footer{margin:24px -19px -22px;padding:18px 19px}.field-feedback{min-height:0}.form-section-heading{margin-top:16px}.optional-label{font-size:.7rem}.role-cards{gap:10px}.role-card{padding:16px 12px}.role-card small{font-size:.75rem}.permission-row{gap:16px;padding:15px}.input-group .email-check{padding:9px 11px}.integration-banner{padding:20px;align-items:flex-start;flex-direction:column;gap:18px}.integration-state{max-width:none;padding-top:14px;border-top:1px solid #edf1f5;width:100%}.module-tabs{gap:19px;overflow-x:auto}.module-tabs a{font-size:.85rem;padding:14px 0}.channel-metrics{gap:10px}.channel-metrics>div{padding:15px 13px;flex-direction:column;align-items:flex-start;gap:9px}.channel-metrics span{font-size:.75rem}.channel-metrics strong{font-size:1.4rem}.inbox-layout{grid-template-columns:1fr}.inbox-list{max-height:255px}.inbox-filter{flex-wrap:wrap}.inbox-filter .btn{font-size:.75rem}.quote-live-total{padding:17px}.quote-live-total strong{font-size:1.3rem}.chat-bubble{max-width:94%}.activation-toggle{padding:15px}.form-card-top>.small{font-size:.75rem!important}.input-group .form-control{min-width:0}.phone-region{flex-basis:97px!important;width:97px!important}}@media(prefers-reduced-motion:reduce){.role-card{transition:none}}
:root{color-scheme:light}.directory-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.directory-summary>div{border:1px solid #e0e7f0;background:#fff;padding:22px;border-radius:12px;display:flex;gap:15px;align-items:center}.summary-icon{height:46px;width:46px;background:#edf4ff;border-radius:12px;display:grid;place-items:center;color:#5382c9;font-size:1.1rem}.directory-summary>div>span:last-child{font-size:.85rem;color:#8392a8}.directory-summary strong{display:block;font-size:1.65rem;color:#263c59;margin-top:5px;line-height:1.2}.firm-identity{display:flex;align-items:center;gap:13px;min-width:190px}.firm-avatar{flex-shrink:0;width:43px;height:43px;display:grid;place-items:center;background:#eef3fc;border:1px solid #e1e9f7;border-radius:12px;color:#5f80b3;font-size:.85rem;font-weight:700}.firm-identity strong{font-size:.9rem;color:#344b6a}.firm-identity small{display:block;font-size:.66rem;letter-spacing:.06em;color:#9cabc0;margin-top:5px}.contact-lines{display:flex;flex-direction:column;gap:8px}.contact-lines span{font-size:.82rem;color:#798ba4;display:flex;align-items:center;gap:9px}.contact-lines i{font-size:.77rem;color:#a5b3c7;width:14px;text-align:center}.tax-chip{font-variant-numeric:tabular-nums;font-size:.8rem;background:#f5f7fa;border:1px solid #e7edf3;border-radius:5px;padding:5px 8px;color:#8594a9}.directory-table td{padding-top:22px;padding-bottom:22px}.directory-table .btn{white-space:nowrap}@media(max-width:767px){.directory-summary{gap:10px}.directory-summary>div{padding:15px 12px;gap:9px;flex-direction:column;align-items:flex-start}.summary-icon{width:32px;height:32px;border-radius:9px;font-size:.85rem}.directory-summary>div>span:last-child{font-size:.73rem}.directory-summary strong{font-size:1.4rem}.firm-identity{min-width:155px}}