#root{min-height:100vh}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#f8fbf7;background:#173b35;flex-direction:column;gap:22px;padding:24px 18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#173b35;background:#f7c948;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand h1,.brand p,.topbar h2,.topbar p,.detail-head h3,.detail-head p{margin:0}.brand h1{font-size:20px}.brand p,.topbar p,.detail-head p,.line span,.customer-row span,.info span{color:#6f7872}.sidebar .brand p{color:#c8d7d1;font-size:13px}.primary-action,.save,.note-form button,.mini-form button{color:#fff;background:#2d7f5e;border:0;border-radius:7px;font-weight:700}.primary-action{justify-content:center;align-items:center;gap:8px;min-height:42px;display:flex}nav{gap:8px;display:grid}nav button{color:#e8f0ec;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:11px 12px;display:flex}nav button.active,nav button:hover{background:#ffffff1f}.workspace{padding:22px;overflow:auto}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.topbar h2{font-size:26px}.searchbox{background:#fff;border:1px solid #dde3de;border-radius:7px;align-items:center;gap:10px;min-width:320px;height:42px;padding:0 12px;display:flex}.searchbox input,.searchbox input:focus{border:0;outline:0;width:100%}.notice{background:#fff2c7;border:1px solid #e3c86f;border-radius:7px;margin-bottom:16px;padding:12px 14px}.metrics{grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;margin-bottom:16px;display:grid}.metric,.customer-panel,.detail-panel,.board-view,.table-view{background:#fff;border:1px solid #dde3de;border-radius:8px}.metric{padding:14px}.metric strong{margin-top:6px;font-size:22px;display:block}.content-grid{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.panel-head,.detail-head{border-bottom:1px solid #e6ebe7;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.panel-head h3,.work-section h3,.notes h3{margin:0;font-size:16px}.panel-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}select,input,textarea{color:#202124;background:#fff;border:1px solid #cfd8d1;border-radius:6px}select,input{height:38px;padding:0 10px}textarea{resize:vertical;min-height:86px;padding:10px}.customer-list{display:grid}.customer-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0ed;gap:5px;padding:14px 16px;display:grid}.customer-row:hover,.customer-row.selected{background:#f3faf5}.row-meta{font-size:13px}.status{color:#435057;background:#eceff1;border-radius:999px;width:fit-content;padding:3px 8px;font-size:12px;font-weight:800}.status.Active{color:#1e6b43;background:#d9f4e3}.status.Prospect{color:#24568c;background:#dfeeff}.status.AtRisk{color:#9b3b1c;background:#ffe1d6}.status.Inactive{color:#59636a;background:#eceff1}.detail-panel{min-height:620px}.detail-head h3{margin-top:7px;font-size:24px}.ghost{background:#fff;border:1px solid #cfd8d1;border-radius:6px;padding:9px 13px}.editor{border-bottom:1px solid #e6ebe7;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}label{color:#4d5650;gap:6px;font-size:13px;font-weight:700;display:grid}.save{align-self:end;height:38px}.quick-info{background:#e6ebe7;border-bottom:1px solid #e6ebe7;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.info{background:#fff;gap:5px;padding:14px;display:grid}.info strong{overflow-wrap:anywhere}.columns{grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}.work-section,.notes{gap:10px;display:grid}.line,.task-line{background:#fbfcfb;border:1px solid #e2e7e3;border-radius:7px;padding:11px}.line{gap:5px;display:grid}.task-line{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;display:grid}.task-line small{color:#6f7872}.done{color:#2d7f5e}.mini-form{grid-template-columns:1.5fr 1fr .8fr 70px;gap:8px;display:grid}.mini-form button{min-height:38px}.notes{padding:0 16px 18px}.note-form{grid-template-columns:minmax(160px,220px) 1fr 100px;align-items:start;gap:8px;display:grid}.note-form button{min-height:38px}.pipeline-board{grid-template-columns:repeat(6,minmax(190px,1fr));gap:12px;padding:16px;display:grid;overflow-x:auto}.stage-column{background:#f8faf8;border:1px solid #e2e7e3;border-radius:8px;flex-direction:column;gap:10px;min-height:420px;padding:10px;display:flex}.stage-column header{border-bottom:1px solid #e2e7e3;gap:4px;padding:3px 2px 8px;display:grid}.stage-column header span,.deal-card span,.deal-card small,.panel-head span,.table-row span,.table-row small,.activity-row span,.activity-row p{color:#6f7872}.deal-card{text-align:left;background:#fff;border:1px solid #dde3de;border-radius:7px;gap:8px;padding:10px;display:grid}.deal-card:hover,.table-row:hover,.activity-row:hover{background:#f3faf5;border-color:#9dcbb2}.deal-card b{color:#173b35}.card-main,.row-open,.icon-button{color:inherit;background:0 0;border:0}.card-main{text-align:left;gap:6px;padding:0;display:grid}.stage-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stage-actions button{color:#173b35;background:#f8faf8;border:1px solid #cfd8d1;border-radius:6px;min-height:30px;font-weight:700}.stage-actions button:hover{background:#eaf7ef;border-color:#2d7f5e}.list-table,.activity-list{gap:8px;padding:8px 16px 16px;display:grid}.table-row{text-align:left;background:#fbfcfb;border:1px solid #e2e7e3;border-radius:7px;grid-template-columns:26px minmax(180px,1.4fr) minmax(150px,1fr) minmax(110px,.8fr) minmax(160px,1fr);align-items:center;gap:10px;padding:12px;display:grid}.icon-button{place-items:center;width:26px;height:26px;display:grid}.row-open{text-align:left;padding:0}.row-open:hover{color:#2d7f5e}.activity-row{text-align:left;background:#fbfcfb;border:1px solid #e2e7e3;border-radius:7px;gap:5px;padding:13px;display:grid}.activity-row p{margin:0}@media (width<=1100px){.shell{grid-template-columns:1fr}.sidebar{position:static}nav{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics,.quick-info{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.columns,.table-row{grid-template-columns:1fr}}@media (width<=720px){.workspace{padding:14px}.topbar{flex-direction:column;align-items:stretch}.searchbox{min-width:0}nav,.metrics,.quick-info,.editor,.note-form,.mini-form{grid-template-columns:1fr}}:root{color:#233247;background:#f4f6fa;font-family:Segoe UI,ui-sans-serif,sans-serif}.shell{grid-template-columns:238px minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.sidebar{background:#102c32;gap:22px;padding:28px 16px 18px;overflow:auto}.brand{padding:0 8px}.brand-mark{color:#102c32;background:#caf17d;border-radius:13px;width:42px;height:44px;font-size:25px}.brand h1{letter-spacing:-.8px;font-size:21px}.sidebar .brand p{color:#a4b9ba;margin-top:5px;font-size:10px}.sidebar .primary-action{color:#163b34;background:#d5eea7;font-size:13px}.workspace-label{color:#81999c;letter-spacing:1.7px;margin-bottom:-10px;padding:5px 14px 0;font-size:10px}nav{gap:4px}nav a{color:#b9ccce;border-radius:7px;align-items:center;gap:12px;padding:11px 14px;font-size:13px;text-decoration:none;transition:background .15s;display:flex}nav a.active{color:#e6ffc1;background:#28474a;box-shadow:inset 3px 0 #c8ee9e}nav a:hover{color:#fff;background:#234045}.sidebar-footer{border-top:1px solid #2a4649;align-items:center;gap:10px;margin-top:auto;padding:20px 6px 0;display:flex}.sidebar-footer strong{font-size:11px;font-weight:600;display:block}.sidebar-footer small{color:#8fa9ac;margin-top:4px;font-size:10px;display:block}.avatar{background:#335455;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;display:grid}.workspace{flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden}.topbar{background:#fff;border-bottom:1px solid #e3e8ed;flex-shrink:0;min-height:76px;margin:0;padding:15px 30px}.workspace-title{white-space:nowrap;align-items:center;gap:10px;font-size:14px;display:flex}.environment{color:#53733e;letter-spacing:1px;background:#f0f5e9;border-radius:4px;padding:5px 7px;font-size:8px}.searchbox{background:#f7f9fb;border:1px solid #e5e9ef;border-radius:7px;flex:1;min-width:180px;max-width:390px;height:38px}.searchbox input{background:0 0;font-size:12px}.header-action{color:#fff;background:#153e3e;border:0;border-radius:7px;align-items:center;gap:8px;padding:11px 15px;font-size:12px;display:flex}.page-body{flex:1;min-height:0;padding:30px;overflow:auto}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.page-heading h2{letter-spacing:-.9px;color:#172c36;margin:8px 0;font-size:27px;font-weight:650}.page-heading p{color:#84909d;margin:0;font-size:12px}.eyebrow{letter-spacing:1.5px;color:#7e9296;font-size:9px;font-weight:700}.ghost{color:#536773;background:#fff;border:1px solid #e2e8ee;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:inline-flex}.metrics{gap:14px;margin-bottom:22px}.metric{background:#fff;border:1px solid #e4e9ee;border-radius:9px;padding:19px;box-shadow:0 2px 4px #16304103}.metric span{color:#7c8b96;font-size:10px}.metric strong{color:#193d3e;letter-spacing:-.7px;margin-top:12px;font-size:25px}.welcome-banner{background:#e6efde;border-radius:11px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.welcome-banner h3{letter-spacing:-.8px;color:#22463b;margin:10px 0;font-size:28px;font-weight:600;line-height:1.3}.welcome-banner p{color:#73816f;font-size:12px}.welcome-banner button{color:#285044;background:#fff;border:0;border-radius:6px;align-items:center;gap:14px;margin-top:20px;padding:11px 15px;font-size:11px;display:flex}.banner-art{color:#729666;background:#ffffff35;border:1px solid #b2c8a5;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:200px;height:170px;display:flex;transform:rotate(-8deg)}.banner-art span{font-size:11px}.dashboard-grid{grid-template-columns:1fr 1.2fr;gap:22px;display:grid}.module-card{background:#fff;border:1px solid #e4e9ee;border-radius:9px;min-width:0;padding:24px}.module-card h3{color:#243f47;margin:0 0 18px;font-size:14px;font-weight:600}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.section-heading h3{margin:0}.section-heading button:not(.ghost){color:#4e7974;background:0 0;border:0;align-items:center;gap:7px;font-size:10px;display:flex}.muted{color:#87949f;font-size:11px}.bar-row{margin-top:20px}.bar-row>div:first-child{justify-content:space-between;margin-bottom:7px;font-size:11px;display:flex}.bar-row strong{color:#526b72;font-weight:600}.bar-track{background:#f1f5f4;border-radius:9px;height:6px;overflow:hidden}.bar-track>div{background:#7da69b;border-radius:9px;min-width:0;height:100%}.bar-row small{color:#9ba8af;margin-top:4px;font-size:9px;display:block}.followup-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0f3;align-items:center;gap:12px;width:100%;padding:20px 0;display:flex}.followup-row>span:nth-child(2){flex:1}.followup-row strong{color:#3c5260;font-size:11px;font-weight:600;display:block}.followup-row small{color:#96a0a9;margin-top:5px;font-size:10px;display:block}.followup-row>span:last-child{font-size:10px}.task-dot{color:#91aaa5}.overdue{color:#c36f5f}.quick-links{grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;display:grid}.quick-links button{color:#5d837b;text-align:left;background:#fff;border:1px solid #e4e9ee;border-radius:9px;align-items:center;gap:18px;padding:22px;display:flex}.quick-links span{flex:1}.quick-links strong{color:#344f55;font-size:12px;display:block}.quick-links small{color:#96a1a9;margin-top:6px;font-size:10px;display:block}.module-split{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:22px;display:grid}.module-form{gap:15px;display:grid}.module-form label{color:#71818c;gap:7px;font-size:11px;display:grid}.module-form input,.module-form select,.module-form textarea{color:#334e59;background:#fff;border:1px solid #dfe6ec;border-radius:5px;width:100%;padding:10px;font-size:12px}.module-form button{color:#fff;background:#214e48;border:0;border-radius:6px;padding:12px;font-size:12px}button:disabled{opacity:.5;cursor:wait}.empty-state{text-align:center;color:#a0adb5;padding:55px 20px}.empty-state span{color:#70828e;font-size:14px}.empty-state p{max-width:320px;margin:12px auto;font-size:11px;line-height:1.7}.responsive-table{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#8a98a2;background:#f9fbfc;border-bottom:1px solid #e9eef2;padding:17px 14px;font-size:10px;font-weight:500}td{color:#576f7b;border-bottom:1px solid #edf1f4;padding:19px 14px}td a,.text-link{color:#2f6e64;text-decoration:none}.text-link{background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.primary-tag,.count-pill{color:#698858;background:#edf5e9;border-radius:5px;margin-left:7px;padding:4px 7px;font-size:9px}.appointment-row{border-top:1px solid #edf1f4;align-items:center;gap:15px;padding:22px 0;display:flex}.appointment-row>div:nth-child(2){flex:1}.appointment-row h4,.ticket-row h4{color:#335359;margin:0 0 8px;font-size:13px}.appointment-row p,.ticket-row p{color:#7b8b96;margin:5px 0;font-size:12px;line-height:1.7}.appointment-row small,.ticket-row small{color:#96a3ac;font-size:10px}.date-tile{color:#648552;text-align:center;background:#f0f5e9;border-radius:7px;min-width:53px;padding:12px}.date-tile strong{font-size:20px;display:block}.date-tile small{color:inherit}.section-heading select,.appointment-row select,.ticket-row select{color:#59717a;background:#fff;border:1px solid #e0e8ed;border-radius:5px;max-width:140px;padding:7px;font-size:10px}.ticket-row{border-top:1px solid #edf1f4;padding:22px 0}.ticket-meta,.ticket-bottom{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ticket-meta>span:first-child{color:#95a3ac;font-size:10px}.ticket-bottom{margin:14px 0 0}.priority{color:#6d8658;background:#f0f4e9;border-radius:4px;padding:4px 7px;font-size:9px}.priority.Urgent,.priority.High{color:#b4785b;background:#fbece5}.report-stats{grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0;display:grid}.report-stats>div{border:1px solid #e7edf0;border-radius:7px;padding:20px}.report-stats span{color:#8c9ca5;font-size:10px;display:block}.report-stats strong{color:#31584e;margin-top:12px;font-size:26px;display:block}.settings-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.settings-grid p{color:#81939c;font-size:12px;line-height:1.9}.content-grid,.table-view,.board-view{border-radius:9px}.detail-panel,.customer-panel{border-color:#e4e9ee;border-radius:9px}.customer-row strong{font-size:13px}.stage-column{background:#edf2f4;border:0}.deal-card{border-color:#e0e8ec;border-radius:7px}:focus-visible{outline-offset:3px;outline:2px solid #74a393}@media (width<=1100px){.shell{grid-template-columns:205px minmax(0,1fr)}.topbar{padding:15px 20px}.environment{display:none}.page-body{padding:23px}.module-split{grid-template-columns:minmax(0,1fr) 270px}.dashboard-grid{grid-template-columns:1fr}}@media (width<=800px){.shell{grid-template-columns:170px minmax(0,1fr)}.brand{gap:8px;padding:0}.brand h1{font-size:18px}.brand p{display:none}.sidebar{padding:20px 10px}nav a{gap:8px;padding:10px;font-size:11px}.topbar{flex-wrap:wrap;gap:12px}.workspace-title{display:none}.header-action{font-size:10px}.searchbox{min-width:130px}.module-split,.settings-grid,.quick-links{grid-template-columns:1fr}.page-heading h2{font-size:22px}.banner-art{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-banner{padding:24px}.welcome-banner h3{font-size:24px}.page-heading>.ghost{display:none}}@media (width<=540px){.shell{grid-template-columns:62px minmax(0,1fr)}.brand>div:last-child,.workspace-label,.sidebar-footer,.sidebar>.primary-action{display:none}.brand-mark{width:36px;height:36px}nav a{justify-content:center;gap:0;padding:12px 0;font-size:0}nav a svg{width:20px;height:20px}.sidebar{padding:16px 9px}.page-body{padding:16px}.topbar{min-height:68px;padding:12px}.header-action{display:none}.page-heading p{line-height:1.7}.module-card{padding:18px}.report-stats{grid-template-columns:1fr}.appointment-row{flex-wrap:wrap}}.auth-shell{color:#27413f;background:#fbfcfa;grid-template-columns:1fr 1fr;min-height:100dvh;font-family:Segoe UI,sans-serif;display:grid}.auth-story{color:#fff;background:#123236;flex-direction:column;justify-content:space-between;gap:60px;min-height:100dvh;padding:45px 60px;display:flex}.auth-brand{color:#fff;letter-spacing:-.7px;align-items:center;gap:12px;font-size:23px;font-weight:700;text-decoration:none;display:flex}.auth-brand span{color:#173b35;background:#d0f18d;border-radius:12px;padding:8px 13px;font-size:26px}.auth-kicker{letter-spacing:1.8px;color:#95aaa3;font-size:9px;font-weight:600;display:block}.auth-story h1{letter-spacing:-2.3px;margin:24px 0;font-size:clamp(36px,4vw,66px);font-weight:500;line-height:1.15}.auth-story p{color:#a8bfba;font-size:14px;line-height:1.9}.auth-trust{color:#cde4b9;align-items:center;gap:12px;max-width:330px;margin-top:45px;font-size:11px;line-height:1.8;display:flex}.auth-story>small{color:#8ca7a6;font-size:10px}.auth-content{justify-content:center;align-items:center;padding:45px 25px;display:flex;overflow:auto}.auth-card{width:100%;max-width:390px}.auth-icon{color:#638356;background:#edf3e5;border:1px solid #e0ead6;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:28px;display:grid}.auth-card h2{letter-spacing:-1px;color:#233e3b;margin:13px 0 22px;font-size:30px;font-weight:600}.auth-form{gap:18px;display:grid}.auth-form p,.recovery-codes p{color:#84938d;margin:0;font-size:12px;line-height:1.8}.auth-form label{color:#637b74;gap:9px;font-size:11px;font-weight:600;display:grid}.auth-form input{color:#29443d;background:#fff;border:1px solid #dce5df;border-radius:7px;width:100%;padding:13px 12px;font-size:14px}.auth-form small{color:#8c9c95;font-size:10px;line-height:1.7}.auth-submit{color:#fff;background:#234c43;border:0;border-radius:7px;justify-content:center;align-items:center;gap:20px;width:100%;padding:14px;font-size:12px;font-weight:600;display:flex}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.auth-text-button{color:#64816b;text-align:left;background:0 0;border:0;padding:5px 0;font-size:11px}.auth-help{color:#9aa79e;border-top:1px solid #e4eae2;margin-top:30px;padding-top:22px;font-size:10px;line-height:1.8}.auth-error{background:#fff0ed;border:1px solid #f1d4cc;border-radius:6px;padding:12px;line-height:1.7;color:#a64b41!important;font-size:12px!important}.auth-qr{border:1px solid #e2e9df;border-radius:8px;width:220px;height:220px;margin:auto;display:block}.auth-form details{color:#8a9d90;font-size:10px;line-height:1.8}.setup-key{overflow-wrap:anywhere;color:#516c55;background:#eef3e9;margin-top:8px;padding:10px;display:block}.recovery-grid{grid-template-columns:1fr 1fr;gap:9px;padding:20px 0;display:grid}.recovery-grid code{text-align:center;color:#365840;background:#edf3e8;border-radius:5px;padding:9px;font-size:13px}.saved-codes{color:#7b8d80;align-items:center;gap:9px;margin:20px 0;font-size:11px;display:flex}.auth-loading{color:#5c7866;background:#f5f8f1;place-items:center;min-height:100dvh;font:14px Segoe UI,sans-serif;display:grid}@media (width<=850px){.auth-story{min-height:100dvh;padding:35px}.auth-story h1{font-size:42px}.auth-content{padding:30px}}@media (width<=650px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:auto;padding:24px}.auth-story>div,.auth-story>small{display:none}.auth-brand{font-size:19px}.auth-brand span{padding:6px 11px;font-size:21px}.auth-content{align-items:start;padding:35px 24px}.auth-card{max-width:420px}.auth-card h2{font-size:27px}.auth-icon{margin-bottom:22px}}.dialler-toggle{color:#506f60;text-align:left;background:#f5f8f3;border:1px solid #dfe9dc;border-radius:8px;align-items:center;gap:9px;min-width:134px;padding:7px 11px;display:flex}.dialler-toggle strong{font-size:11px;font-weight:600;display:block}.dialler-toggle small{color:#93a095;margin-top:2px;font-size:9px;display:block}.pbx-dot{background:#aab6ad;border-radius:50%;flex-shrink:0;width:6px;height:6px}.dialler-toggle.connected .pbx-dot{background:#6c9d55;box-shadow:0 0 0 3px #e5f0de}.pbx-panel{z-index:1000;background:#fff;border:1px solid #dbe6df;border-radius:12px;flex-direction:column;width:min(425px,100vw - 30px);transition:transform .2s,opacity .2s;display:flex;position:fixed;top:88px;bottom:18px;right:20px;overflow:hidden;box-shadow:0 18px 65px #102d3333}.pbx-panel.is-collapsed{opacity:0;pointer-events:none;transform:translate(calc(100% + 35px))}.pbx-panel-heading{color:#fff;background:#193c3d;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.pbx-panel-heading>div{align-items:center;gap:11px;display:flex}.pbx-panel-heading strong{font-size:12px;display:block}.pbx-panel-heading small{color:#b7d2bd;margin-top:4px;font-size:10px;display:block}.pbx-panel-heading>button{color:#c4d9cd;background:0 0;border:0;padding:5px}.pbx-connect-tools{background:#f7faf5;border-bottom:1px solid #e3eadd;justify-content:space-between;align-items:center;gap:10px;padding:10px 15px;display:flex}.pbx-connect-tools button{color:#668461;background:0 0;border:0;align-items:center;gap:5px;padding:4px;font-size:10px;display:flex}.pbx-panel iframe{background:#fff;border:0;flex:1;width:100%;min-height:200px}.pbx-panel-footer{color:#7b917e;border-top:1px solid #e3ebdf;padding:10px 15px;line-height:1.6}.pbx-panel-footer span{font-size:10px;display:block}.pbx-panel-footer small{color:#9aaa9a;font-size:9px}.pbx-notice{color:#a07e43;background:#fff7e5;margin:0;padding:10px 15px;font-size:11px;line-height:1.7}.pbx-pending,.caller-match{color:#4d7755;background:#f2f7ea;gap:8px;padding:12px 15px;font-size:12px;display:grid}.pbx-pending button,.caller-match button{color:#52724a;text-align:left;background:#fff;border:1px solid #d5e5cc;border-radius:5px;padding:8px;font-size:11px}.caller-match small{color:#8d9d86;font-size:10px}.call-history h3{align-items:center;gap:8px;display:flex}.call-history .text-link{margin-left:7px;font-size:10px}.phone-link{color:#42796c;background:0 0;border:0;align-items:center;gap:7px;padding:4px 0;font-size:12px;display:inline-flex}.pbx-panel.is-collapsed:focus-within{pointer-events:none}@media (width<=800px){.dialler-toggle{min-width:80px;padding:7px}.dialler-toggle small{display:none}.topbar{flex-wrap:nowrap}.workspace-title,.header-action{display:none}}@media (width<=540px){.pbx-panel{top:76px;bottom:10px;right:10px}.dialler-toggle{min-width:65px}.dialler-toggle>svg:last-child,.pbx-dot{display:none}.topbar>.ghost{padding:8px;font-size:9px}}