/* Workspace and settings: a lighter expression of the Connecta identity. */
.cp-channel-mode{display:flex;flex-direction:column;gap:10px;margin:12px 0}.cp-form .cp-channel-mode label{display:flex;flex-direction:row;align-items:center;gap:9px;font-weight:500}.cp-form .cp-channel-mode input[type=radio]{width:15px;height:15px;min-height:0;margin:0;accent-color:#8651cb;flex:0 0 15px}.cp-channel-company{margin:16px 0}.cp-channel-company h4{font-size:11px;font-weight:600;color:#9473a7;margin:0 0 8px}.cp-channel-company+.cp-channel-company{border-top:1px solid #f1eaf6;padding-top:14px}
.cp-app .att-delivery-status{font-weight:600;color:#877094}.cp-app .att-delivery-status.read{color:#538eb1}.cp-app .att-delivery-status.failed{color:#b9506d}
:root{--cp-purple:#7044d8;--cp-ink:#29213f;--cp-muted:#81788f;--cp-line:#ece9f2;--cp-bg:#f7f8fc;--cp-soft:#f4f0fc;--cp-radius:16px}
.cp-app,.cp-modal-backdrop,.cp-extension-workspace,.cp-toast{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cp-ink);font-size:14px;line-height:1.5}
.cp-app *,.cp-modal-backdrop *,.cp-extension-workspace *{box-sizing:border-box}
.cp-app button,.cp-modal-backdrop button,.cp-extension-workspace button{font:inherit;cursor:pointer}
.cp-app button:disabled,.cp-modal-backdrop button:disabled{cursor:not-allowed;opacity:.58}
.cp-app button:focus-visible,.cp-app a:focus-visible,.cp-modal-backdrop button:focus-visible,.cp-app input:focus-visible,.cp-app select:focus-visible,.cp-modal-backdrop input:focus-visible,.cp-modal-backdrop select:focus-visible,.cp-modal-backdrop textarea:focus-visible{outline:3px solid #beabed;outline-offset:3px}
.cp-app [hidden],.cp-modal-backdrop [hidden],.cp-extension-workspace [hidden]{display:none!important}
.cp-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}
.cp-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.cp-app{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr);background:var(--cp-bg)}
.cp-sidebar{position:sticky;top:0;height:100vh;padding:30px 15px 18px;background:#fff;border-right:1px solid var(--cp-line);display:flex;flex-direction:column;z-index:30}
.cp-brand{display:block;margin:0 16px 38px}
.cp-brand img{display:block;width:165px;max-height:48px;object-fit:contain}
.cp-nav-label{display:block;margin:15px 17px 10px;font-size:10px;font-weight:700;letter-spacing:1.6px;color:#a39bad}
.cp-navigation{display:flex;flex-direction:column;gap:4px}
.cp-navigation button{display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#766e84;text-align:left;padding:12px 16px;border-radius:11px;font-size:13px;font-weight:500;transition:background .15s,color .15s}
.cp-navigation button:hover{background:#f7f5fc;color:var(--cp-purple)}
.cp-navigation button.active{background:#eee8fb;color:#6537c7;font-weight:650;box-shadow:inset 3px 0 #8053e3}
.cp-navigation button.active .cp-icon{stroke-width:2}
.cp-sidebar-bottom{display:flex;align-items:center;gap:10px;margin:auto 10px 0;padding-top:28px}
.cp-sidebar-bottom b{font-size:10px;display:block;font-weight:600;color:#968da4}.cp-sidebar-bottom small{font-size:10px;color:#b1a9bb}
.cp-brand-dot{width:9px;height:9px;background:linear-gradient(130deg,#ff8152,#ef36a8,#8257ed,#22bbeb);border-radius:50%;flex:0 0 9px}
.cp-main{min-width:0}.cp-topbar{height:86px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--cp-line);padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:40}
.cp-breadcrumb{display:flex;gap:14px;align-items:center;color:#a096ae;font-size:12px;white-space:nowrap}.cp-breadcrumb strong{font-size:12px;color:#62576f;font-weight:600}
.cp-top-actions{display:flex;align-items:center;gap:20px;min-width:0}.cp-company-select{display:flex;align-items:center;gap:8px;color:#8e83a1;max-width:240px}.cp-company-select .cp-icon{width:17px;height:17px;flex-basis:17px}.cp-company-select select{max-width:200px;border:0!important;background:transparent!important;color:#62566f;padding:8px 18px 8px 0!important;font-size:12px;box-shadow:none!important;width:auto!important}
.cp-account{display:flex;align-items:center;gap:10px;position:relative}.cp-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:#efe8fb;color:#7650ba;font-size:12px;font-weight:700;letter-spacing:.1px}
.cp-account-name{min-width:70px}.cp-account-name strong{display:block;color:#3f354f;font-size:12px;font-weight:600}.cp-account-name small{display:block;color:#a096aa;font-size:10px;margin-top:1px}
.cp-icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:7px!important;border:0!important;border-radius:9px;background:transparent!important;color:#9387a5;flex:0 0 34px}.cp-icon-button:hover{background:#f4f0fa!important;color:var(--cp-purple)}.cp-phone-button{background:#f2edfc!important;color:var(--cp-purple)}.cp-mobile-menu{display:none}
.cp-account-menu{position:absolute;right:0;top:51px;width:235px;background:#fff;padding:8px;border:1px solid var(--cp-line);border-radius:14px;box-shadow:0 14px 45px #31215320;z-index:80}.cp-account-detail{padding:10px 10px 14px}.cp-account-detail strong,.cp-account-detail small{display:block;overflow:hidden;text-overflow:ellipsis}.cp-account-detail strong{font-size:12px}.cp-account-detail small{font-size:10px;color:var(--cp-muted);margin-top:3px}.cp-account-menu button{display:flex;width:100%;align-items:center;gap:12px;border:0;background:#fff;text-align:left;font-size:12px;padding:11px;border-radius:8px;color:#63536f}.cp-account-menu button:hover{background:#f5f1fc;color:var(--cp-purple)}.cp-account-menu button .cp-icon{width:17px;height:17px;flex-basis:17px}.cp-account-menu hr{border:0;border-top:1px solid var(--cp-line);margin:5px 8px}
.cp-content{padding:32px 36px 55px;max-width:1700px;margin:0 auto}.cp-settings-heading{display:flex;align-items:center;gap:17px;margin:0 0 31px}.cp-settings-mark{height:55px;width:55px;border-radius:17px;background:linear-gradient(145deg,#eae2fc,#f7efff);display:flex;align-items:center;justify-content:center;color:#8152d3;box-shadow:inset 0 0 0 1px #e7def7}.cp-settings-mark .cp-icon{width:25px;height:25px}.cp-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#a292b8}.cp-settings-heading h1{font-size:25px;line-height:1.2;letter-spacing:-.7px;font-weight:650;margin:4px 0 7px;color:#302643}.cp-settings-heading p{margin:0;color:#8b809b;font-size:12px}
.cp-settings-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:30px;align-items:start}.cp-settings-nav{background:#fff;border:1px solid var(--cp-line);border-radius:15px;padding:10px;position:sticky;top:24px}.cp-settings-nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 12px;border:0;border-radius:9px;background:transparent;color:#807489;font-size:12px;margin:2px 0;white-space:nowrap}.cp-settings-nav button .cp-icon{width:17px;height:17px;flex-basis:17px}.cp-settings-nav button:hover{background:#faf8fd;color:var(--cp-purple)}.cp-settings-nav button.active{background:#f2edfc;color:#7541cb;font-weight:650}.cp-settings-scope{margin:20px 5px 1px;border-top:1px solid var(--cp-line);padding:15px 7px 5px}.cp-settings-scope span,.cp-settings-scope strong{display:block}.cp-settings-scope span{font-size:10px;color:#a196ad}.cp-settings-scope strong{font-size:11px;font-weight:600;color:#73627f;margin-top:4px}.cp-settings-content{min-width:0}
.cp-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px;padding-top:4px}.cp-section-heading h2{margin:0 0 7px;font-size:20px;font-weight:650;letter-spacing:-.5px;color:#342942}.cp-section-heading p{margin:0;font-size:12px;color:#95899f;line-height:1.6;max-width:540px}.cp-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:1px solid #e9e3ef;border-radius:9px;background:#fff;color:#776088;font-weight:600;font-size:11px!important;line-height:1.5;white-space:nowrap;box-shadow:0 1px 1px #32195603;text-decoration:none}.cp-button:hover{background:#faf8ff;border-color:#d6c6ee}.cp-button.primary{color:white;background:#794adb;border-color:#794adb;box-shadow:0 3px 8px #7540ca15}.cp-button.primary:hover{background:#6c3cc8;border-color:#6c3cc8}.cp-button.danger{color:#bf4b65}.cp-button .cp-icon{width:15px;height:15px;flex-basis:15px}
.cp-card{background:#fff;border:1px solid var(--cp-line);border-radius:14px;overflow:hidden;box-shadow:0 2px 4px #26164502}.cp-card-header{padding:20px 22px;display:flex;align-items:center;justify-content:space-between}.cp-card-header h3{margin:0;font-size:14px;font-weight:600}.cp-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.cp-stat-row article{background:#fff;border:1px solid var(--cp-line);border-radius:13px;padding:19px 22px}.cp-stat-row article span{display:block;color:#9b8da8;font-size:11px}.cp-stat-row strong{display:block;font-size:27px;letter-spacing:-.8px;font-weight:600;color:#594175;margin-top:4px}.cp-table-tools{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;gap:15px;border-bottom:1px solid var(--cp-line)}.cp-search{display:flex;align-items:center;gap:8px;width:300px;color:#ac9cbc}.cp-search .cp-icon{width:16px;height:16px;flex-basis:16px}.cp-search input{border:0!important;background:transparent!important;padding:4px!important;width:100%;font-size:11px;color:#655473;box-shadow:none!important}.cp-search input::placeholder{color:#ab9eb7}.cp-table-tools select{width:auto!important;font-size:11px;color:#8b769c;border:1px solid #eae4f1!important;border-radius:8px;padding:8px 11px!important;background:#fff!important}.cp-table-scroll{overflow-x:auto}.cp-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.cp-table th{background:#fcfbfe;color:#9b8daa;font-size:9px;font-weight:600;letter-spacing:.3px;padding:13px 18px;white-space:nowrap;border-bottom:1px solid #f0ebf5}.cp-table td{padding:17px 18px;border-bottom:1px solid #f3eff7;color:#756584;vertical-align:middle}.cp-table tbody tr:last-child td{border-bottom:0}.cp-table tbody tr:hover{background:#fdfcfe}.cp-table td b{font-weight:600;color:#635073}.cp-table td:last-child{text-align:right}.cp-table td .cp-button{padding:6px 11px;font-size:10px!important}.cp-person{display:flex;align-items:center;gap:11px;min-width:190px}.cp-person .cp-avatar{height:32px;width:32px;flex-basis:32px;border-radius:11px;font-size:10px;background:#f2edf9;color:#9273af}.cp-person b{display:block;font-size:11px;color:#594767!important}.cp-person small{display:block;font-size:9px;color:#a392b2;margin-top:4px}.cp-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:9px;font-weight:600;line-height:1.4;white-space:nowrap;background:#f4f1f8;color:#94839f}.cp-badge.purple{background:#f0ebfa;color:#9670c5}.cp-badge.success{background:#eaf8f1;color:#53a881}.cp-badge.warning{background:#fcf4e4;color:#b89856}.cp-badge.neutral{background:#f2f1f5;color:#a294af}.cp-extension{color:#8c63bf;font-weight:600}.cp-cell-note{display:block;font-size:9px;color:#b2a3bd;margin-top:6px}.cp-muted{color:#a192ad}.cp-table-empty{text-align:center!important;padding:42px!important;color:#aa9bb6!important}.cp-chip-list{display:flex;flex-wrap:wrap;gap:4px}
.cp-empty{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px dashed #e5dbef;border-radius:15px;padding:60px 25px}.cp-empty>span{display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:18px;color:#ad91cd;background:#f6f1fc;margin-bottom:15px}.cp-empty h3{font-size:15px;font-weight:600;color:#786389;margin:0 0 8px}.cp-empty p{font-size:12px;color:#a594b2;max-width:330px;line-height:1.7;margin:0}.cp-company-cards{display:grid;gap:14px}.cp-company-card{display:flex;align-items:center;gap:17px;background:white;border:1px solid var(--cp-line);border-radius:15px;padding:24px}.cp-company-card>div{flex:1}.cp-company-card h3{font-size:15px;font-weight:600;margin:0 0 4px;color:#675075}.cp-company-card p{font-size:11px;color:#ab96b8;margin:0 0 7px}.cp-tile-icon{height:42px;width:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:#f3eefb;color:#aa87cd}.cp-tile-icon .cp-icon{height:21px;width:21px}.cp-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cp-group-card{background:#fff;border:1px solid var(--cp-line);border-radius:15px;padding:23px}.cp-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.cp-group-card h3{margin:0 0 7px;font-size:15px;font-weight:600;color:#624a73}.cp-group-card>p{font-size:11px;color:#a996b6;min-height:34px;margin:0 0 17px;line-height:1.6}.cp-group-members{display:flex;align-items:center;gap:12px;font-size:10px;color:#a08aac;margin-bottom:23px}.cp-avatar-stack{display:flex;padding-left:5px}.cp-avatar-stack .cp-avatar{border:2px solid #fff;margin-left:-5px;height:31px;width:31px;flex-basis:31px;border-radius:50%;font-size:9px}.cp-group-card footer{border-top:1px solid #f2edf7;padding-top:15px}.cp-group-card footer .cp-button{width:100%}
.cp-modal-backdrop{position:fixed;inset:0;background:#30203d55;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.cp-modal{width:460px;max-width:100%;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:white;border:1px solid #f2ebf8;border-radius:20px;box-shadow:0 20px 75px #24142d26;overflow:hidden}.cp-modal.cp-modal-wide{width:670px}.cp-modal>header{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 21px;border-bottom:1px solid #f1ecf5}.cp-modal>header h2{margin:4px 0 0;font-size:21px;font-weight:600;letter-spacing:-.4px;color:#59416a}.cp-modal-body{overflow-y:auto;padding:23px 28px 26px}.cp-form{display:flex;flex-direction:column;gap:19px}.cp-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:#8a7399}.cp-form input:not([type=checkbox]),.cp-form select,.cp-form textarea{width:100%;min-height:41px;border:1px solid #e9e0f0;border-radius:8px;padding:10px 12px;color:#6b5479;background:white;font:inherit;font-size:12px;box-shadow:none;line-height:1.5;outline-offset:2px}.cp-form input::placeholder,.cp-form textarea::placeholder{color:#bcacc8}.cp-form input:disabled,.cp-form select:disabled{color:#b8a8c3;background:#faf8fc;cursor:not-allowed}.cp-form label small{font-size:10px;color:#b3a0bf;font-weight:400;line-height:1.6}.cp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.cp-form fieldset{border:1px solid #eee6f4;padding:16px;border-radius:11px;margin:0}.cp-form legend{font-size:11px;font-weight:600;padding:0 7px;color:#8a6a9e}.cp-form fieldset>p{font-size:10px;color:#b19cbe;margin:0 0 12px;line-height:1.6}.cp-form-intro{font-size:12px;color:#a68db4;line-height:1.7;margin:0 0 2px}.cp-form .cp-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:225px;overflow-y:auto}.cp-form label.cp-check-option{display:flex;flex-direction:row;align-items:center;gap:9px;padding:10px 11px;border:1px solid #f0eaf5;border-radius:8px;background:#fff;cursor:pointer;min-width:0}.cp-check-option:has(input:checked){background:#faf7ff!important;border-color:#dfcff1!important}.cp-check-option input{height:15px;width:15px;flex:0 0 15px;accent-color:#9262ce;margin:0}.cp-check-option span{min-width:0}.cp-check-option b{display:block;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.cp-check-option small{display:block;font-size:9px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-form .cp-toggle-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:5px 0}.cp-toggle-row>span b{display:block;font-size:11px;font-weight:600}.cp-toggle-row>span small{display:block;margin-top:4px}.cp-toggle-row input{appearance:none;flex:0 0 33px;width:33px;height:19px;border:1px solid #ddd1e7;border-radius:20px;background:#ede7f3;position:relative;cursor:pointer;margin:0;transition:background .2s}.cp-toggle-row input:before{content:'';width:13px;height:13px;position:absolute;left:2px;top:2px;background:white;border-radius:50%;box-shadow:0 1px 2px #5e327b20;transition:transform .2s}.cp-toggle-row input:checked{background:#9967d3;border-color:#9967d3}.cp-toggle-row input:checked:before{transform:translateX(14px)}.cp-hint{color:#ad99ba;font-size:10px;line-height:1.7;margin:0}.cp-form [data-call-groups]{margin-top:15px}.cp-form [data-call-groups] .cp-hint{margin-top:12px}.cp-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:18px;margin-top:3px;border-top:1px solid #f0e9f5}.cp-form-actions .cp-button{min-height:39px}.cp-form-error{border:1px solid #f7dfe6;border-radius:9px;background:#fff5f7;color:#b75a74;padding:12px 14px;font-size:11px;line-height:1.6;margin:0}.cp-user-extra{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:13px;background:#fbf9fd;border:1px solid #f1eaf7;border-radius:10px}.cp-user-extra>div{display:flex;flex-direction:column;flex:1;min-width:80px;font-size:10px;gap:3px}.cp-user-extra b{color:#8a63a7}.cp-user-extra .cp-button{font-size:10px!important;padding:7px 10px}.cp-divider{border-top:1px solid #eee7f4;margin:4px 0}.cp-modal-body>.cp-divider{margin:23px 0}.cp-general-form{padding:27px}.cp-form-section{display:flex;gap:14px;align-items:center;margin-bottom:5px}.cp-form-section h3{font-size:14px;font-weight:600;color:#7d5c91;margin:0 0 5px}.cp-form-section p{font-size:11px;color:#b09abc;margin:0}
.cp-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:1200;max-width:calc(100vw - 32px);padding:13px 22px;border:1px solid #e3d8ef;border-radius:12px;background:#fff;box-shadow:0 8px 30px #38214120;color:#836196;font-size:12px}.cp-toast.error{background:#fff7f8;border-color:#f2dbe4;color:#bb5875}.cp-loading{padding:65px 25px;display:flex;align-items:center;justify-content:center;gap:10px;color:#ad99bc;font-size:12px}.cp-loading span{width:17px;height:17px;border:2px solid #ede2f7;border-top-color:#9f73c5;border-radius:50%;animation:cp-spin .8s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-error{padding:40px;background:#fff;border:1px solid var(--cp-line);border-radius:15px}.cp-error h3{color:#8e699f;font-size:16px}.cp-error p{font-size:12px;color:#b397bf;line-height:1.6}.cp-error .cp-button{margin-top:14px}.cp-boot-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:30px;background:#f8f6fc;color:#745883;text-align:center}.cp-boot-error img{width:190px;margin-bottom:20px}.cp-boot-error h1{font-size:23px;margin:0}.cp-boot-error p{font-size:13px;max-width:500px}.cp-extension-workspace{min-height:100vh;background:radial-gradient(ellipse at 50% 40%,#f0eafa,transparent 55%),#faf9fd}.cp-extension-workspace>header{height:85px;padding:0 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0eaf6;background:#fff}.cp-extension-workspace>header>img{width:165px}.cp-extension-workspace #extension-webphone-host{padding:35px 20px;display:flex;justify-content:center}.cp-extension-workspace .webphone-panel{position:relative!important;inset:auto!important;width:385px;max-width:100%;margin:0;box-shadow:0 15px 65px #50316d14}
/* The operational screens keep their live data and gain the new visual rhythm. */
.cp-app .live-overview{max-width:none}.cp-app .live-heading{margin-bottom:25px}.cp-app .live-heading h2{font-size:27px;letter-spacing:-.8px;color:#40314f}.cp-app .live-heading .greeting{font-size:11px;color:#9f8bad;margin-bottom:7px}.cp-app .live-heading p.muted{font-size:12px;color:#a08fae}.cp-app .period{font-size:11px!important;color:#a18caf!important;border-color:#e9e0f0!important;border-radius:9px!important;box-shadow:none!important}.cp-app .live-empty{border:1px solid #ece3f4;background:#faf7fe;color:#ad92bf;padding:13px 17px;border-radius:10px;font-size:11px;font-weight:400;margin-bottom:24px}.cp-app .live-kpis{gap:18px;margin-bottom:24px}.cp-app .live-kpi{border:1px solid var(--cp-line);box-shadow:none;border-radius:14px;min-height:117px;padding:22px 19px;gap:13px}.cp-app .live-kpi>i{height:40px;width:40px;flex-basis:40px;font-size:20px;opacity:.7}.cp-app .live-kpi span{font-size:11px;font-weight:500;color:#9583a1}.cp-app .live-kpi b{font-size:26px;font-weight:600;color:#685075}.cp-app .live-kpi small{font-size:9px;color:#b0a0ba}.cp-app .live-kpi em{display:none}.cp-app .live-grid{gap:22px;margin-bottom:22px}.cp-app .live-panel{border:1px solid var(--cp-line);border-radius:15px;box-shadow:none;padding:23px}.cp-app .live-panel h3{font-size:15px;color:#715782;font-weight:600}.cp-app .live-panel .panel-head p{font-size:11px;color:#aa95b7;line-height:1.5}.cp-app .live-panel .panel-head button{font-size:10px;color:#a17cbc}.cp-app .panel-empty{font-size:11px;color:#bea8cc;min-height:165px}.cp-app .channel-grid{gap:12px}.cp-app .channel-grid>article{border-color:#f0e9f6;border-radius:10px;padding:14px}.cp-app .channel-grid>article>i{height:28px;width:28px;font-size:15px;opacity:.75}.cp-app .channel-grid b{font-size:10px;color:#8f749e}.cp-app .channel-grid small{font-size:8px;color:#b39cc0}.cp-app .channel-grid strong{font-size:23px;color:#896397}.cp-app .channel-grid em{font-size:9px;color:#b49bc3}.cp-app .live-insight p{font-size:11px;color:#af96bd;line-height:1.7}.cp-app .live-insight .cta{background:#895cc3;border-radius:9px;min-height:37px;font-size:11px;box-shadow:none}.cp-app .insight-result{background:#faf7ff;border-color:#eee4f7;padding:13px;border-radius:10px}.cp-app .insight-result b{font-size:11px;color:#9777af}.cp-app .insight-result span{font-size:9px;color:#b49bc6}.cp-app .insight-chip{font-size:8px;background:#f5eefb;color:#b494ca}.cp-app .module .panel{border:1px solid var(--cp-line);border-radius:15px;box-shadow:none;background:#fff}.cp-app .module .panel h3{font-size:17px;color:#795689}.cp-app .module .panel .muted{font-size:12px;color:#ab8eb9}.cp-app .cta{border-radius:9px;background:#8150ca;font-size:12px;box-shadow:none}.cp-app .attendance-screen .att-head h2{font-size:24px}.cp-app .attendance-screen{color:#746080}.cp-app .update-upload{border-radius:14px;border:1px dashed #dbc7ef;background:#fcfaff}.cp-app .update-row{border:1px solid #ece3f3;border-radius:13px;box-shadow:none}.cp-updates .updates-head h2{font-size:20px;color:#765686}.cp-updates .updates-head p{font-size:12px;color:#a68bb5}.cp-updates .agent{font-size:10px}.cp-updates .update-row small{font-size:10px;overflow-wrap:anywhere}.cp-updates .update-actions{gap:10px}.cp-updates .apply-update{font-size:11px;background:#7d4dbd;border-radius:9px}.cp-app~#webphone-launcher,.cp-app #webphone-launcher{display:none!important}
@media(min-width:1650px){.cp-content{padding-top:40px}.cp-settings-layout{grid-template-columns:215px minmax(0,1fr);gap:40px}.cp-topbar{padding:0 45px}}
@media(max-width:1220px){.cp-app{grid-template-columns:195px minmax(0,1fr)}.cp-sidebar{padding-inline:11px}.cp-brand{margin-inline:9px}.cp-brand img{width:155px}.cp-navigation button{padding-inline:12px;font-size:12px;gap:10px}.cp-topbar{padding:0 24px}.cp-content{padding:27px 25px}.cp-settings-layout{grid-template-columns:175px minmax(0,1fr);gap:22px}.cp-settings-nav{padding:7px}.cp-settings-nav button{gap:8px;padding-inline:9px;font-size:11px}.cp-account-name{display:none}.cp-top-actions{gap:14px}.cp-company-select{max-width:180px}.cp-company-select select{max-width:155px}.cp-table th,.cp-table td{padding-left:13px;padding-right:13px}.cp-person{min-width:160px}.cp-person .cp-avatar{display:none}.cp-app .live-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-app .live-grid{grid-template-columns:minmax(0,1fr)}.cp-app .channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.cp-app{grid-template-columns:76px minmax(0,1fr)}.cp-sidebar{padding:27px 10px 15px}.cp-brand{margin:0 0 35px;overflow:hidden;height:35px}.cp-brand img{width:140px;max-width:none;height:35px;object-fit:contain;object-position:left}.cp-nav-label,.cp-navigation button span,.cp-sidebar-bottom{display:none}.cp-navigation{gap:9px}.cp-navigation button{justify-content:center;padding:13px}.cp-settings-layout{grid-template-columns:1fr;gap:23px}.cp-settings-nav{display:flex;overflow-x:auto;gap:3px;position:static;padding:7px}.cp-settings-nav button{width:auto;flex:0 0 auto;margin:0;padding:10px 12px}.cp-settings-nav button .cp-icon{display:none}.cp-settings-scope{display:none}.cp-section-heading{margin-bottom:21px}.cp-settings-heading{margin-bottom:25px}.cp-stat-row article{padding:16px}.cp-stat-row article span{font-size:10px}}
@media(max-width:650px){.cp-app{display:block}.cp-sidebar{position:fixed;left:-240px;width:220px;transition:left .2s;box-shadow:4px 0 20px #39254b18;top:70px;height:calc(100dvh - 70px);z-index:60;padding:23px 14px}.cp-app.cp-nav-open .cp-sidebar{left:0}.cp-sidebar .cp-brand{display:none}.cp-sidebar .cp-nav-label{display:block}.cp-sidebar .cp-navigation{gap:4px}.cp-sidebar .cp-navigation button{justify-content:flex-start;padding:12px}.cp-sidebar .cp-navigation button span{display:inline}.cp-sidebar .cp-navigation .cp-nav-label{font-size:9px;margin:15px 10px 9px}.cp-mobile-menu{display:flex}.cp-topbar{height:70px;padding:0 14px;gap:6px;position:sticky;top:0;z-index:70}.cp-breadcrumb{gap:6px}.cp-breadcrumb>span,.cp-breadcrumb>strong{display:none}.cp-top-actions{gap:9px;flex:1;justify-content:flex-end}.cp-company-select{max-width:140px;gap:3px}.cp-company-select .cp-icon{display:none}.cp-company-select select{max-width:135px;font-size:11px}.cp-account{gap:4px}.cp-account>.cp-avatar{width:29px;height:29px;flex-basis:29px;border-radius:9px;font-size:10px}.cp-account>.cp-icon-button{width:27px;flex-basis:27px;padding:5px!important}.cp-account-menu{top:47px}.cp-content{padding:23px 16px 35px}.cp-settings-heading{gap:12px;align-items:flex-start;margin-bottom:23px}.cp-settings-mark{width:44px;height:44px;flex:0 0 44px;border-radius:13px;margin-top:3px}.cp-settings-heading h1{font-size:23px}.cp-settings-heading p{font-size:11px;line-height:1.6}.cp-settings-heading .cp-eyebrow{font-size:8px;letter-spacing:1px}.cp-settings-layout{gap:20px}.cp-settings-nav{margin:0 -2px}.cp-settings-nav button{font-size:11px;padding:10px 11px}.cp-section-heading{gap:12px;flex-wrap:wrap}.cp-section-heading h2{font-size:20px}.cp-section-heading p{font-size:11px;max-width:300px}.cp-section-heading .cp-button{font-size:10px!important;padding:8px 11px}.cp-stat-row{gap:8px;margin-bottom:16px}.cp-stat-row article{padding:12px 10px;border-radius:10px}.cp-stat-row article span{font-size:9px;min-height:27px;line-height:1.4}.cp-stat-row strong{font-size:24px}.cp-table-tools{padding:13px 12px;gap:8px;flex-wrap:wrap}.cp-search{width:100%;flex-basis:100%}.cp-table-tools select{width:100%!important}.cp-table th,.cp-table td{padding:13px 11px}.cp-table td:last-child{padding-right:14px}.cp-person{min-width:160px}.cp-group-grid{grid-template-columns:1fr}.cp-group-card{padding:20px}.cp-company-card{padding:18px;gap:12px;flex-wrap:wrap}.cp-company-card h3{font-size:14px}.cp-company-card>.cp-button{margin-left:auto}.cp-company-card .cp-tile-icon{height:36px;width:36px;flex-basis:36px}.cp-modal-backdrop{padding:10px}.cp-modal{max-height:calc(100dvh - 20px);border-radius:15px}.cp-modal>header{padding:19px 20px}.cp-modal>header h2{font-size:20px}.cp-modal-body{padding:20px}.cp-form-grid{grid-template-columns:1fr;gap:16px}.cp-form .cp-check-list{grid-template-columns:1fr}.cp-form fieldset{padding:13px}.cp-general-form{padding:20px}.cp-form-actions .cp-button{min-height:41px;flex:1}.cp-app .live-kpis{gap:10px}.cp-app .live-kpi{padding:16px 12px;min-height:110px;gap:9px}.cp-app .live-kpi>i{display:none}.cp-app .live-heading h2{font-size:24px}.cp-app .live-heading p.muted{font-size:11px}.cp-app .live-heading .period{display:none}.cp-app .live-panel{padding:19px}.cp-app .channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-app .live-panel .panel-head{flex-wrap:wrap}.cp-extension-workspace>header{height:70px;padding:0 16px}.cp-extension-workspace>header>img{width:145px}.cp-extension-workspace #extension-webphone-host{padding:22px 13px}.cp-empty{padding:43px 18px}}
.cp-company-chooser{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;background:radial-gradient(ellipse at 50% 25%,#f1ebfb,transparent 60%),#f8f9fc;color:var(--cp-ink)}.cp-company-chooser>header{height:85px;padding:0 45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--cp-line);background:#fff}.cp-company-chooser>header>img{width:170px}.cp-company-chooser>section{max-width:1040px;margin:auto;padding:65px 35px}.cp-company-chooser>section>h1{font-size:31px;letter-spacing:-1px;margin:10px 0 12px;color:#473455;font-weight:650}.cp-company-chooser>section>p{font-size:13px;color:#95829f;margin:0 0 35px}.cp-company-chooser [hidden]{display:none!important}.cp-company-chooser button{font:inherit;cursor:pointer}.cp-chooser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cp-chooser-card{text-align:left;border:1px solid #eae1f3;border-radius:17px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;padding:26px;position:relative;min-height:195px;transition:box-shadow .2s,transform .2s}.cp-chooser-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #5f3e8010;border-color:#cdb2e6}.cp-chooser-card>.cp-tile-icon{margin-bottom:21px}.cp-chooser-card>strong{color:#715084;font-size:15px;font-weight:600}.cp-chooser-card>small{color:#a38ab2;font-size:11px;margin-top:8px;line-height:1.5}.cp-chooser-card.global{background:linear-gradient(140deg,#8252cc,#7040b9);border-color:#8051c5}.cp-chooser-card.global>.cp-tile-icon{background:#ffffff20;color:#eee2ff}.cp-chooser-card.global>strong{color:#fff}.cp-chooser-card.global>small{color:#e1cefa}.cp-chooser-arrow{position:absolute;right:26px;top:29px;color:#baa0cc;font-size:20px}.cp-chooser-card.global .cp-chooser-arrow{color:#e4cffc}.cp-global-grid{display:grid;gap:15px}.cp-global-counts{display:flex;gap:20px;font-size:10px;color:#a086af;margin-top:14px}.cp-global-counts b{color:#795287;margin-right:3px}.cp-global-filter{font-size:10px;color:#9a85a8;display:flex;flex-direction:column;gap:5px;min-width:180px}.cp-global-filter select{font:inherit;font-size:11px;border:1px solid #e9def1;border-radius:8px;background:white;color:#826090;padding:10px 11px}.cp-ringtone-select{display:flex;gap:8px}.cp-ringtone-select>select{flex:1;min-width:0}.cp-ringtone-select>.cp-button{padding:8px 11px}.cp-telephony-heading{margin-top:24px}.cp-telephony-settings .top{display:none}
.cp-table{font-size:12px}.cp-table th{font-size:10px;color:#897494}.cp-person b{font-size:12px}.cp-person small{font-size:10px;color:#95819f}.cp-section-heading p,.cp-settings-heading p,.cp-form label small,.cp-general-form .cp-form-section p{color:#8c7998}.cp-table .cp-cell-note{color:#9983a6}.cp-badge{font-size:10px}.cp-settings-nav button{font-size:12px}.cp-form label{font-size:12px;color:#7f6590}.cp-form fieldset>p,.cp-hint{color:#9982a9}.cp-form .cp-check-option small{color:#9782a7}.cp-company-chooser .cp-account-menu{font-size:13px}
@media(max-width:750px){.cp-chooser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-company-chooser>header{padding:0 20px;height:70px}.cp-company-chooser>header>img{width:150px}.cp-company-chooser>section{padding:40px 22px}.cp-company-chooser>section>h1{font-size:26px}.cp-company-chooser .cp-account-name{display:none}.cp-global-company{align-items:flex-start}.cp-global-company>.cp-button{margin-left:59px}.cp-global-filter{width:100%}}
@media(max-width:460px){.cp-chooser-grid{grid-template-columns:1fr}.cp-chooser-card{min-height:150px;padding:22px}.cp-chooser-card>.cp-tile-icon{margin-bottom:14px}.cp-company-chooser>section>h1{font-size:23px}.cp-company-chooser>section>p{line-height:1.7}.cp-global-counts{gap:12px;flex-wrap:wrap}.cp-ringtone-select>.cp-button{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.cp-app *,.cp-modal-backdrop *,.cp-company-chooser *{transition:none!important;scroll-behavior:auto!important}.cp-loading span{animation:none}}

.cp-report-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.cp-app .dc-extra-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-app .dc-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.cp-app .dc-mini-metric{padding:12px;border:1px solid #f0e8f6;border-radius:10px;background:#fdfbff}.cp-app .dc-mini-metric span,.cp-app .dc-mini-metric small{display:block;color:#a993b4;font-size:9px}.cp-app .dc-mini-metric b{display:block;margin:5px 0;color:#76518e;font-size:20px}.cp-app .dc-queue-row small{margin-left:6px;color:#b29bbe;font-size:9px}@media(max-width:900px){.cp-app .dc-extra-grid{grid-template-columns:1fr}.cp-app .dc-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.cp-connect-guide{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;background:#f5f0fc;border:1px solid #e9dff7;border-radius:14px;margin:0 0 22px}.cp-connect-guide h3{font-size:14px;color:#664982;margin:0 0 6px}.cp-connect-guide p{font-size:12px;line-height:1.7;color:#826d95;margin:0}.cp-connect-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:26px}.cp-connect-sources>.cp-empty{grid-column:1/-1}.cp-connect-source{padding:20px 22px}.cp-connect-source>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cp-connect-source h3{margin:0 0 6px;font-size:15px;color:#624a73;overflow-wrap:anywhere}.cp-connect-source>header p{font-size:11px;color:#927ea0;margin:0;overflow-wrap:anywhere}.cp-connect-source dl{display:grid;gap:10px;margin:20px 0;font-size:11px}.cp-connect-source dl>div{display:flex;gap:12px;justify-content:space-between}.cp-connect-source dt{color:#9a84aa}.cp-connect-source dd{margin:0;color:#6f587e;text-align:right;overflow-wrap:anywhere}.cp-connect-source footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.cp-connect-source footer .cp-button{font-size:11px!important;padding:8px 11px}.cp-connect-error{color:#b44a66!important;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.cp-connect-catalog .cp-card-header p{font-size:11px;color:#927ea0;margin:7px 0 0}.cp-connect-notice{padding:13px 17px;border-radius:10px;background:#edf9f2;color:#3d8462;font-size:12px;line-height:1.6;margin-bottom:18px;overflow-wrap:anywhere}.cp-connect-notice.error{background:#fff0f3;color:#af3e60}.cp-connect-notice[hidden]{display:none}.cp-connect-legacy{margin-top:24px}.cp-connect-legacy>summary{padding:18px 22px;font-size:12px;color:#79618a;cursor:pointer}.cp-connect-legacy>p{font-size:11px;color:#937fa1;line-height:1.6;margin:0;padding:0 22px 18px}@media(max-width:1200px){.cp-connect-sources{grid-template-columns:1fr}}@media(max-width:650px){.cp-connect-guide{padding:17px}.cp-connect-guide>.cp-tile-icon{display:none}.cp-connect-source{padding:18px}.cp-connect-source>header{flex-wrap:wrap}.cp-connect-source dl>div{flex-wrap:wrap;gap:4px}.cp-connect-source dd{text-align:left}.cp-connect-source footer .cp-button{flex:1}}