/* bundled from app.css */
:root{--bg:#f5f7fb;--panel:#ffffff;--panel-2:#f8fbfa;--text:#0f1728;--muted:#60708a;--line:#e6edf3;--green:#1dbf73;--green-2:#0f8f58;--green-3:#0b4f39;--blue:#3593ff;--orange:#f8a13c;--purple:#b57cf2;--red:#ef4d4d;--shadow:0 24px 54px rgba(15,23,40,.08);--radius:20px;--radius-sm:14px}
html[data-theme='dark']{--bg:#071916;--panel:#0d221d;--panel-2:#102a24;--text:#eff8f3;--muted:#9ec1b4;--line:#21463d;--green:#27d17c;--green-2:#19a968;--green-3:#032b20;--blue:#57a9ff;--orange:#f6b556;--purple:#c396ff;--red:#ff7d7d;--shadow:0 28px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}
.app-shell{display:flex;min-height:100vh}.main-shell{flex:1;display:flex;flex-direction:column;min-width:0}.content{padding:28px;display:flex;flex-direction:column;gap:24px}
.wa-sidebar{width:242px;background:radial-gradient(circle at top,#0c5a43 0,#08372d 48%,#07261f 100%);color:#fff;padding:18px 16px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;overflow:auto}.app-sidebar-close{display:none}.wa-brand{display:flex;align-items:center;gap:14px;padding:2px 6px 12px}.wa-brand-icon{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center;padding:7px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.wa-brand strong,.wa-brand span{display:block;font-size:15px}.wa-brand span{opacity:.95}.wa-nav{display:flex;flex-direction:column;gap:4px}.wa-nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;color:rgba(255,255,255,.92);transition:.2s ease}.wa-nav-item:hover,.wa-nav-item.active{background:linear-gradient(90deg,rgba(29,191,115,.28),rgba(29,191,115,.12));box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.wa-nav-icon{width:18px;text-align:center;opacity:.95}.wa-badge,.wa-mini-badge,.wa-inline-badge{margin-left:auto;background:rgba(255,255,255,.16);color:#fff;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.wa-mini-badge{background:var(--green);margin:0 0 0 auto}.wa-inline-badge{display:inline-flex;align-items:center;padding:4px 9px;font-size:12px;background:rgba(29,191,115,.18);color:var(--green-2)}
.wa-crm-button{margin-top:6px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));padding:14px 16px;display:flex;flex-direction:column;gap:2px;color:#fff}.wa-crm-button span{font-weight:800}.wa-crm-button small{color:rgba(255,255,255,.72)}.wa-sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:14px}.wa-user-card,.wa-contact-card{border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);padding:14px}.wa-user-card{display:flex;align-items:center;gap:10px}.wa-user-card b{margin-left:auto;color:rgba(255,255,255,.6)}.wa-avatar{width:40px;height:40px;border-radius:14px;background:linear-gradient(180deg,#3ed788,#17995f);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}.wa-avatar.sm{width:34px;height:34px;border-radius:12px;font-size:12px}.wa-user-card span,.wa-contact-card span{display:block;color:rgba(255,255,255,.7);font-size:13px}.wa-contact-card strong{display:block;margin:6px 0 4px;font-size:24px;line-height:1.1}.wa-contact-card small{color:#8df0b9}.wa-contact-label{font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.wa-topbar{display:flex;align-items:center;gap:18px;padding:22px 28px 0}.app-mobile-menu{display:none;border:0;background:transparent;padding:0}.app-mobile-menu span{display:block;width:24px;height:2px;background:var(--text);margin:5px 0;border-radius:99px}.wa-searchbar{flex:1;display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:10px 12px;box-shadow:var(--shadow);max-width:760px}.wa-search-icon{font-size:18px;color:var(--muted)}.wa-searchbar input{border:0;background:transparent;outline:0;flex:1;color:var(--text)}.wa-searchbar button{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:12px;padding:8px 12px}.wa-topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wa-icon-btn{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center;position:relative;color:var(--text);box-shadow:var(--shadow)}.wa-icon-btn span{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff4a4a;color:#fff;font-size:11px;display:grid;place-items:center}.theme-toggle,.wa-ghost-btn,.wa-primary-btn,.wa-ghost-chip{border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:11px 15px;box-shadow:var(--shadow);display:inline-flex;align-items:center;gap:8px}.theme-toggle{padding:11px 14px}.wa-date-pill{padding:11px 15px;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);font-weight:600}.wa-ghost-btn:hover,.wa-ghost-chip:hover,.theme-toggle:hover{transform:translateY(-1px)}.wa-primary-btn{background:linear-gradient(180deg,var(--green),var(--green-2));border-color:transparent;color:#fff;font-weight:700}.wa-primary-btn.wide,.wa-ghost-btn.wide{justify-content:center;width:100%}
.wa-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.wa-page-head h1{font-size:44px;line-height:1;margin:0 0 8px}.wa-page-head p{margin:0;color:var(--muted);font-size:22px}.wa-head-actions{display:flex;gap:10px;flex-wrap:wrap}
.wa-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.wa-metrics-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.wa-metrics-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.wa-metric-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;gap:16px;align-items:center;box-shadow:var(--shadow)}.wa-metric-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(180deg,rgba(29,191,115,.18),rgba(29,191,115,.06));display:grid;place-items:center;font-size:24px;color:var(--green-2);flex:none}.wa-metric-card span{display:block;color:var(--muted);font-size:14px;margin-bottom:6px}.wa-metric-card strong{display:block;font-size:22px;line-height:1.1;margin-bottom:8px}.wa-metric-card small{display:block;color:var(--muted)}.wa-metric-card small em{font-style:normal;color:var(--muted)}.positive{color:var(--green-2)!important}.negative{color:var(--red)!important}
.wa-grid{display:grid;gap:18px}.wa-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.wa-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.wa-grid.cols-3-2{grid-template-columns:1.4fr 1fr 1fr}.wa-grid.cols-broadcast{grid-template-columns:1.05fr 1.65fr 1.1fr}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.wa-panel,.wa-mini-panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow);min-width:0}.wa-panel.no-pad{padding:0}.wa-panel.nested{box-shadow:none;padding:24px;background:transparent;border:0}.wa-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.wa-panel-head h3,.wa-mini-panel h4{margin:0;font-size:32px;line-height:1.1}.wa-mini-panel h4{font-size:24px}.wa-panel-head a,.wa-link-inline{color:#1363ea;font-weight:600}.wa-subtext{color:var(--muted);margin:-4px 0 18px}
.wa-chart-combo{display:grid;grid-template-columns:1.5fr .9fr;gap:24px;align-items:center}.wa-line-chart svg,.wa-mini-line svg,.wa-multi-line svg{width:100%;height:auto}.wa-chart-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;font-size:13px;color:var(--muted);margin-top:8px}.wa-donut-block,.wa-panel-center{display:flex;align-items:center;gap:18px}.wa-donut{--segments:conic-gradient(var(--green) 0 50%, var(--blue) 50% 100%);width:180px;height:180px;border-radius:50%;background:var(--segments);position:relative;flex:none}.wa-donut.large{width:194px;height:194px}.wa-donut.small{width:132px;height:132px}.wa-donut::after{content:'';position:absolute;inset:18px;background:var(--panel);border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)}.wa-donut span{position:absolute;inset:0;display:grid;place-items:center;z-index:1;text-align:center}.wa-donut strong{font-size:34px;line-height:1}.wa-donut small{color:var(--muted)}.wa-legend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}.wa-legend-list li{display:flex;align-items:center;gap:10px;font-size:14px}.wa-legend-list li b{width:10px;height:10px;border-radius:999px;display:inline-block;flex:none}.wa-legend-list li span{margin-left:auto;color:var(--muted);text-align:right}.wa-legend-list.compact li{font-size:13px}
.wa-funnel-block{display:flex;flex-direction:column;gap:16px}.wa-funnel{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0}.wa-funnel.tall{padding:2px 0}.wa-funnel div{height:26px;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);border-radius:8px}.wa-rate-chip{align-self:flex-start;background:rgba(29,191,115,.12);color:var(--green-2);font-weight:700;padding:10px 14px;border-radius:14px}
.wa-list-stack{display:flex;flex-direction:column;gap:14px}.wa-chat-row,.wa-team-row,.wa-broadcast-item,.wa-action-row{display:flex;align-items:center;gap:14px}.wa-chat-meta,.wa-table-user{display:flex;align-items:center;gap:12px;min-width:0}.wa-chat-meta{flex-direction:column;align-items:flex-start;gap:2px;flex:1}.wa-chat-meta strong{font-size:15px}.wa-chat-meta span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.wa-chat-side{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.wa-chat-side small{color:var(--muted)}.wa-pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:rgba(53,147,255,.12);color:#2e73c7;font-size:12px;font-weight:700}.wa-pill.high{background:rgba(239,77,77,.12);color:#d53a3a}.wa-pill.medium{background:rgba(248,161,60,.12);color:#d38417}.wa-pill.low{background:rgba(29,191,115,.12);color:var(--green-2)}
.wa-checklist{display:flex;flex-direction:column;gap:12px}.wa-checklist label{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px}.wa-checklist label:last-child{border-bottom:0;padding-bottom:0}.wa-checklist small{margin-left:auto;color:var(--muted)}
.wa-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.wa-quick-actions.vertical{grid-template-columns:1fr}.crm-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wa-quick-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow);position:relative}.wa-quick-card strong{font-size:24px}.wa-quick-card span{color:var(--muted)}.wa-quick-card b{position:absolute;right:18px;bottom:18px;color:#556682}
.wa-conversations-layout{display:grid;grid-template-columns:1.02fr 1.7fr .86fr;gap:18px}.wa-filters-row,.wa-toolbar,.wa-toolbar-filters,.wa-toolbar-actions,.wa-form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.wa-search-inline input,.wa-filters-row select,.wa-toolbar select,input,select,textarea{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:14px;padding:13px 14px;outline:0;width:100%}textarea{min-height:110px;resize:vertical}.wa-form-grid{display:grid;gap:14px}.wa-form-grid.one{grid-template-columns:1fr}.wa-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-form-grid .full{grid-column:1/-1}.top-gap{margin-top:14px}.wa-inbox-list{display:flex;flex-direction:column;gap:12px}.wa-inbox-item{display:flex;align-items:center;gap:12px;border:1px solid transparent;background:transparent;padding:12px;border-radius:16px}.wa-inbox-item.active{background:rgba(29,191,115,.08);border-color:rgba(29,191,115,.18)}.wa-load-more{border:0;background:transparent;color:var(--muted);padding:10px}
.wa-chat-header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.wa-chat-header span{display:block;color:var(--muted)}.wa-chat-actions{margin-left:auto;display:flex;gap:10px}.wa-chat-actions button,.wa-builder-actions button{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:10px 12px;color:var(--text)}.wa-chat-window{padding:22px;display:flex;flex-direction:column;gap:14px;min-height:520px;background:linear-gradient(180deg,rgba(17,180,108,.04),transparent 40%)}.wa-bubble{max-width:72%;padding:14px 16px;border-radius:18px;background:#eef5f1;border:1px solid #dcece1;display:flex;flex-direction:column;gap:8px}.wa-bubble.outgoing{align-self:flex-end;background:#dff6e8;border-color:#c2ead2}.wa-bubble small{color:var(--muted);font-size:12px;align-self:flex-end}.wa-file-bubble{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:rgba(255,255,255,.56);border:1px solid rgba(0,0,0,.06)}.wa-file-bubble b{background:#ef4d4d;color:#fff;border-radius:10px;padding:8px 10px}.wa-file-bubble span{display:block;color:var(--muted)}.wa-reply-box{border-top:1px solid var(--line);padding:18px 20px}.wa-tabs{display:flex;gap:16px;margin-bottom:10px}.wa-tabs button,.wa-tabs-bar a{border:0;background:transparent;color:var(--muted);padding:10px 4px;font-weight:700}.wa-tabs button.active,.wa-tabs-bar a.active{color:var(--green-2);border-bottom:3px solid var(--green)}.wa-reply-box textarea{min-height:90px}.wa-reply-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.wa-reply-actions button{border:0;background:linear-gradient(180deg,var(--green),var(--green-2));color:#fff;border-radius:14px;padding:12px 22px}
.wa-customer-panel,.wa-side-stack{display:flex;flex-direction:column;gap:16px}.wa-profile-line{display:flex;align-items:center;gap:12px}.wa-profile-line.card{padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel-2)}.wa-detail-list{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:0}.wa-detail-list dt{color:var(--muted)}.wa-detail-list dd{margin:0;font-weight:600}.wa-mini-panel .wa-detail-list dd .wa-pill{margin-right:6px}.wa-big-inline{font-size:32px;display:block;margin-bottom:10px}.wa-mini-line{height:96px}.wa-status-dot{padding-left:12px;position:relative;color:var(--muted)}.wa-status-dot::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#9aa8bc}.wa-status-dot.online::before{background:var(--green)}.wa-status-dot.away::before{background:var(--orange)}.wa-status-dot.offline::before{background:#9aa8bc}
.wa-table-layout,.wa-template-layout,.wa-builder-layout{display:grid;grid-template-columns:minmax(0,1.7fr) 360px;gap:18px}.wa-table-zone{min-width:0}.wa-data-table{width:100%;border-collapse:separate;border-spacing:0}.wa-data-table th,.wa-data-table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.wa-data-table th{font-size:13px;color:var(--muted);font-weight:700}.wa-data-table tbody tr:hover{background:rgba(29,191,115,.04)}.wa-data-table.compact th,.wa-data-table.compact td{padding:12px 10px;font-size:14px}.wa-table-user strong{display:block}.wa-table-user span{font-size:13px;color:var(--muted)}.wa-tag-stack{display:flex;flex-wrap:wrap;gap:6px}.wa-tag{background:rgba(181,124,242,.12);color:#7f4cca;border-radius:999px;padding:4px 9px;font-size:12px}.wa-side-profile{display:flex;flex-direction:column;gap:18px}.wa-profile-card{padding:0}.wa-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:14px;color:var(--muted);gap:12px;flex-wrap:wrap}.wa-pagination div{display:flex;gap:8px}.wa-pagination button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--panel)}.wa-pagination button.active{background:var(--green-2);color:#fff;border-color:transparent}
.wa-bottom-grid{display:grid;gap:18px;margin-top:18px}.wa-bottom-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.wa-progress-list{display:flex;flex-direction:column;gap:14px}.wa-progress-list label{display:flex;flex-direction:column;gap:8px}.wa-progress-list label span{color:var(--muted);font-size:13px} .wa-progress-list i,.wa-progress-line{display:block;height:10px;border-radius:999px;background:#edf1f5;overflow:hidden} .wa-progress-list b,.wa-progress-line b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--green-2))}
.wa-stats-list{display:flex;flex-direction:column;gap:12px;margin:0}.wa-stats-list div{display:flex;justify-content:space-between;gap:10px}.wa-stats-list dt{color:var(--muted)}.wa-stats-list dd{margin:0;font-weight:700}.wa-activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.wa-activity-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.wa-activity-list li:last-child{border-bottom:0;padding-bottom:0}.wa-activity-list span{color:var(--muted);text-align:right}
.wa-kanban-grid{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:16px;overflow:auto;padding-bottom:8px}.wa-kanban-col{min-width:230px;background:var(--panel-2);border:1px solid var(--line);border-radius:18px;padding:12px}.wa-kanban-head{padding:12px;border-radius:14px;font-weight:800;display:flex;align-items:center;gap:10px;justify-content:space-between;color:#18406a}.wa-kanban-head small{font-weight:700;color:inherit;opacity:.75}.wa-kanban-head.blue{background:#ddecff}.wa-kanban-head.blue2{background:#d8ecff}.wa-kanban-head.purple{background:#efdfff}.wa-kanban-head.orange{background:#ffe6d1}.wa-kanban-head.gold{background:#fff0cf}.wa-kanban-head.green{background:#dbf6e3;color:#175f39}.wa-kanban-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:10px;display:flex;flex-direction:column;gap:6px}.wa-kanban-card span,.wa-kanban-card small{color:var(--muted)}.wa-kanban-card em{align-self:flex-start;font-style:normal;font-size:12px;border-radius:999px;padding:4px 8px;background:rgba(53,147,255,.12)}
.wa-radio-group{display:flex;flex-direction:column;gap:10px}.wa-radio-group strong{margin-bottom:2px}.wa-radio-group label{display:flex;align-items:center;gap:8px}.wa-radio-group label span{margin-left:auto;color:var(--muted)}.wa-note-box{background:rgba(29,191,115,.08);border:1px solid rgba(29,191,115,.18);padding:12px 14px;border-radius:14px;display:flex;justify-content:space-between;align-items:center}.wa-broadcast-list{display:flex;flex-direction:column;gap:14px}.wa-broadcast-item{align-items:flex-start}.wa-broadcast-thumb{width:62px;height:62px;border-radius:16px;background:linear-gradient(180deg,#ffe4a7,#f6b13a);display:grid;place-items:center;font-weight:800;color:#6f4700;flex:none}.wa-broadcast-item strong,.wa-broadcast-item span,.wa-broadcast-item small{display:block}.wa-broadcast-item span,.wa-broadcast-item small{color:var(--muted)}
.wa-calendar{display:flex;flex-direction:column;gap:12px}.wa-calendar-head{display:flex;justify-content:space-between;align-items:center}.wa-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;font-size:13px}.wa-calendar-grid span{color:var(--muted);text-align:center;font-weight:700}.wa-calendar-grid b{display:grid;place-items:center;height:34px;border-radius:10px;background:var(--panel-2);font-weight:600}.wa-calendar-grid b.active{background:var(--green-2);color:#fff}.wa-calendar-grid b.ring{outline:2px solid var(--green-2)}.wa-calendar-legend{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}.wa-calendar-legend i{width:10px;height:10px;display:inline-block;border-radius:50%;margin-right:5px}.wa-calendar-legend .blue{background:var(--blue)}.wa-calendar-legend .green{background:var(--green)}.wa-calendar-legend .orange{background:var(--orange)}
.wa-template-layout{grid-template-columns:260px minmax(0,1.4fr) 380px}.wa-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wa-template-card{border:1px solid var(--line);border-radius:22px;padding:18px;background:var(--panel-2);display:flex;flex-direction:column;gap:10px}.wa-template-card.active{outline:2px solid var(--green)}.wa-template-icon{width:54px;height:54px;border-radius:18px;background:rgba(29,191,115,.12);display:grid;place-items:center;font-size:26px;color:var(--green-2)}.wa-template-icon.blue{background:rgba(53,147,255,.12);color:var(--blue)}.wa-template-icon.orange{background:rgba(248,161,60,.12);color:var(--orange)}.wa-template-icon.purple{background:rgba(181,124,242,.12);color:var(--purple)}.wa-template-icon.pink{background:rgba(255,103,181,.12);color:#d24e9b}.wa-template-icon.teal{background:rgba(28,173,170,.12);color:#0f8f8c}.wa-template-card span,.wa-template-card p,.wa-template-foot small,.wa-count-list span{color:var(--muted)}.wa-template-foot{display:flex;flex-direction:column;gap:6px;margin-top:auto}.wa-count-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.wa-count-list li{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.wa-count-list li:last-child{border-bottom:0;padding-bottom:0}.wa-preview-chat{background:linear-gradient(180deg,#f5f0e6,#f8f6f1);padding:20px;border-radius:18px}.wa-export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wa-export-grid a{border:1px solid var(--line);border-radius:16px;padding:16px;text-align:center;background:var(--panel-2);font-weight:700}
.wa-builder-layout{grid-template-columns:150px minmax(0,1fr) 220px}.wa-builder-left,.wa-builder-right{display:flex;flex-direction:column;gap:10px}.wa-builder-left a,.wa-builder-right li{border:1px solid var(--line);background:var(--panel-2);padding:12px 14px;border-radius:14px}.wa-builder-right ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.wa-builder-canvas{min-height:320px;border:1px dashed var(--line);border-radius:20px;padding:18px;background:linear-gradient(180deg,rgba(29,191,115,.03),transparent)}.wa-flow-node{max-width:220px;border-radius:18px;padding:14px;border:2px solid #d7e4ef;background:var(--panel);display:flex;flex-direction:column;gap:6px}.wa-flow-node strong{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.wa-flow-node.green{border-color:#9fe1bc}.wa-flow-node.purple{border-color:#d9c3ff}.wa-flow-node.blue{border-color:#b8d8ff}.wa-flow-node.peach{border-color:#ffd3bd}.wa-flow-node.lilac{border-color:#e7d7ff}.wa-flow-connector{height:28px;border-left:2px dashed var(--line);margin:6px 0 6px 110px}.wa-flow-split{display:flex;gap:24px;margin:8px 0 8px 80px}.wa-flow-split span{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.wa-flow-split .yes{background:#dff6e8;color:var(--green-2)}.wa-flow-split .no{background:#fee1e1;color:var(--red)}.wa-flow-branch{display:flex;gap:24px;align-items:flex-start}
.settings-grid{grid-template-columns:minmax(0,1.7fr) 420px}.wa-settings-main{display:grid;grid-template-columns:150px 1fr;gap:18px}.wa-logo-box{display:flex;flex-direction:column;gap:10px}.wa-logo-placeholder{width:150px;height:150px;border-radius:20px;background:linear-gradient(180deg,rgba(29,191,115,.12),rgba(29,191,115,.04));display:grid;place-items:center;font-size:58px;color:var(--green-2);border:1px dashed var(--line)}.wa-hours-list{display:flex;flex-direction:column;gap:12px}.wa-hours-list div{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.wa-toggle{width:50px;height:28px;border:0;border-radius:999px;background:#d5dde7;position:relative}.wa-toggle::after{content:'';position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.18);transition:.2s}.wa-toggle.on{background:linear-gradient(180deg,var(--green),var(--green-2))}.wa-toggle.on::after{left:26px}.wa-center-note{text-align:center;color:var(--muted);margin:8px 0 0}
.khp-container{width:min(1240px,calc(100% - 40px));margin:0 auto}.khp-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,23,40,.06)}html[data-theme='dark'] .khp-header{background:rgba(7,25,22,.85);border-color:rgba(255,255,255,.06)}.khp-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.khp-brand{display:flex;align-items:center;gap:14px}.khp-brand-logo{width:42px;height:42px;border-radius:14px}.khp-brand strong{display:block;font-size:18px}.khp-brand small{display:block;color:var(--muted)}.khp-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.khp-nav a{color:var(--muted);font-weight:600}.khp-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:14px;font-weight:700;border:1px solid transparent}.khp-btn-primary{background:linear-gradient(180deg,var(--green),var(--green-2));color:#fff}.khp-btn-secondary{border-color:var(--line);background:var(--panel);color:var(--text)}.khp-link-login{color:var(--text)!important}.khp-menu-button{display:none;border:0;background:transparent;padding:0}.khp-menu-button span{display:block;width:24px;height:2px;background:var(--text);margin:5px 0}.khp-hero{padding:72px 0 54px}.khp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.khp-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(29,191,115,.12);color:var(--green-2);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.khp-hero h1,.khp-section-head h1{font-size:58px;line-height:1.02;margin:18px 0}.khp-hero p,.khp-section-head p{color:var(--muted);font-size:20px}.khp-cta-row,.khp-trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.khp-trust-row span{padding:10px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}.khp-preview-card{background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:28px;box-shadow:var(--shadow)}.khp-preview-card img,.khp-preview-grid img{border-radius:18px;box-shadow:var(--shadow)}.khp-section{padding:56px 0}.khp-section.muted{background:linear-gradient(180deg,rgba(29,191,115,.05),transparent)}.khp-section-head{margin-bottom:28px}.khp-section-head.centered{text-align:center;max-width:920px;margin:0 auto 28px}.khp-section-head h2{font-size:42px;line-height:1.08;margin:14px 0}.khp-card-grid{display:grid;gap:18px}.khp-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.khp-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.khp-info-card,.khp-plan-card,.khp-addon-box,.khp-signup-form,.khp-cta-banner{background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:var(--shadow)}.khp-plan-card{display:flex;flex-direction:column;gap:14px}.khp-plan-price .amount{font-size:48px;font-weight:800}.khp-plan-note{color:var(--muted)}.khp-plan-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.khp-billing-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:24px}.khp-billing-toggle button{padding:12px 18px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-weight:700}.khp-billing-toggle button.is-active{background:var(--green-2);color:#fff;border-color:transparent}.khp-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.khp-cta-banner{display:flex;justify-content:space-between;gap:20px;align-items:center}.khp-footer{padding-top:34px;border-top:1px solid rgba(15,23,40,.08);background:var(--panel)}.khp-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:26px;padding-bottom:28px}.khp-footer h4{margin:0 0 10px}.khp-footer a,.khp-footer span,.khp-footer p{display:block;color:var(--muted);margin:7px 0}.khp-footer-bottom{border-top:1px solid rgba(15,23,40,.08)}.khp-footer-bottom .khp-container{display:flex;justify-content:space-between;gap:12px;padding:16px 0;color:var(--muted)}.hero-tight{padding-top:44px}.slim{max-width:860px}.khp-form-grid{display:grid;gap:14px}.khp-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.khp-form-grid .full{grid-column:1/-1}.khp-signup-form input,.khp-signup-form select{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;padding:14px}.khp-checkbox{display:flex;align-items:center;gap:10px;margin:18px 0}.khp-plan-summary{padding:16px;border-radius:16px;background:rgba(29,191,115,.08);border:1px solid rgba(29,191,115,.16);margin:12px 0 18px}.khp-plan-summary strong,.khp-plan-summary span{display:block}.full{width:100%}
.flash{padding:14px 16px;border-radius:16px;background:rgba(53,147,255,.08);border:1px solid rgba(53,147,255,.15)}
@media (max-width:1400px){.wa-metrics-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.wa-metrics-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.wa-quick-actions,.crm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-grid.cols-3,.wa-bottom-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1180px){.wa-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:30;transform:translateX(-100%);transition:.25s}.app-sidebar-close{display:block;position:absolute;right:12px;top:12px;border:0;background:transparent;color:#fff;font-size:28px}.app-mobile-menu{display:block}.app-shell{display:block}.main-shell{min-height:100vh}.wa-table-layout,.wa-template-layout,.wa-builder-layout,.settings-grid,.wa-grid.cols-3-2,.wa-conversations-layout,.wa-grid.cols-broadcast,.khp-hero-grid,.khp-cta-banner,.khp-footer-grid,.khp-card-grid.four,.khp-card-grid.three,.khp-form-grid.two{grid-template-columns:1fr}.wa-topbar{padding:18px 18px 0}.content{padding:18px}.wa-page-head h1{font-size:36px}.wa-page-head p{font-size:18px}.wa-searchbar{max-width:none}.wa-metrics-grid,.wa-metrics-grid.five,.wa-metrics-grid.six,.wa-grid.cols-2,.wa-grid.cols-3,.wa-grid.cols-4,.wa-bottom-grid.three,.wa-quick-actions,.crm-grid{grid-template-columns:1fr 1fr}.khp-hero h1,.khp-section-head h1{font-size:44px}.khp-section-head h2{font-size:34px}.khp-preview-grid{grid-template-columns:1fr}.khp-nav{display:none;position:absolute;top:74px;right:20px;left:20px;background:var(--panel);padding:20px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.khp-nav.is-open{display:flex;flex-direction:column;align-items:flex-start}.khp-menu-button{display:block}.app-sidebar-open .wa-sidebar{transform:translateX(0)}.app-sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(7,20,17,.45);border:0;z-index:20}.app-sidebar-open .app-sidebar-backdrop{display:block}}
@media (max-width:760px){.wa-metrics-grid,.wa-metrics-grid.five,.wa-metrics-grid.six,.wa-grid.cols-2,.wa-grid.cols-3,.wa-grid.cols-4,.wa-bottom-grid.three,.wa-quick-actions,.crm-grid{grid-template-columns:1fr}.wa-topbar-actions{width:100%}.wa-date-pill{display:none}.wa-page-head{flex-direction:column}.wa-template-grid{grid-template-columns:1fr}.wa-kanban-grid{grid-template-columns:repeat(6,280px)}.khp-hero h1,.khp-section-head h1{font-size:36px}.khp-hero p,.khp-section-head p{font-size:18px}.khp-container{width:min(100% - 28px,1240px)}}

/* v5.1 real-data/live rebuild additions */
.wa-empty-state{border:1px dashed var(--line);border-radius:18px;background:var(--panel-2);color:var(--muted);padding:20px;text-align:center}.wa-empty-state.big{min-height:160px;display:grid;place-items:center;font-size:16px}.wa-real-bars{height:320px;display:flex;align-items:end;gap:16px;padding:20px 6px 4px;border-radius:18px;background:linear-gradient(180deg,rgba(29,191,115,.06),transparent)}.wa-real-bars>div{flex:1;min-width:38px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:100%;color:var(--muted);font-size:12px}.wa-real-bars i{width:100%;max-width:44px;min-height:6px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,var(--green),var(--green-2));box-shadow:0 12px 24px rgba(29,191,115,.18)}.wa-real-bars b{color:var(--text)}.wa-table-layout.single{grid-template-columns:1fr}.wa-notification-menu{position:absolute;right:160px;top:72px;width:360px;max-width:calc(100vw - 32px);background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:16px;z-index:50;display:none}.wa-notification-menu.is-open{display:block}.wa-notification-menu .wa-panel-head{margin-bottom:10px}.wa-notification-menu .wa-panel-head h4{margin:0}.wa-notification-menu .wa-panel-head button{border:0;background:transparent;color:var(--green-2);font-weight:800}.wa-notification-item{display:block;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--panel-2);margin-bottom:8px}.wa-notification-item strong{display:block}.wa-notification-item span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.wa-notification-item.unread{border-color:rgba(29,191,115,.35);background:rgba(29,191,115,.08)}.wa-form-grid label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-weight:700}.wa-form-grid label input,.wa-form-grid label select,.wa-form-grid label textarea{font-weight:500}.wa-link-inline{display:inline-flex;margin-top:12px}.wa-icon-split{display:flex;gap:8px}.wa-icon-split a,.wa-icon-split button{border:1px solid var(--line);border-radius:12px;background:var(--panel-2);padding:8px 10px;color:var(--text)}.wa-side-stack .wa-mini-panel{box-shadow:none}.wa-toolbar .wa-searchbar{box-shadow:none;max-width:none}.wa-topbar{position:relative}@media(max-width:1180px){.wa-notification-menu{right:18px;top:68px}.wa-real-bars{height:240px}}

/* Watilo v4.0.4 premium mobile UI refinement — desktop rules intentionally untouched */
@media(max-width:820px){
  body.app-sidebar-open .sidebar, body.app-sidebar-open .wa-sidebar{transform:translateX(0)}
  .table-wrap:after{content:'Swipe sideways to view the full table';display:block;color:var(--muted);font-size:12px;padding:8px 0}
  .khp-nav.is-open{display:grid}
  .khp-partner-form-grid{grid-template-columns:1fr}
  .khp-pricing-grid{grid-template-columns:1fr}
  .khp-signup-grid{display:block}
  .khp-footer-grid{grid-template-columns:1fr}
}
@media(min-width:821px){.khp-country-chip .khp-country-flag{display:block}}
.khp-header .khp-container{width:min(1440px,calc(100% - 40px))}.khp-nav>a:not(.khp-btn){padding:10px 8px}.khp-dark-section .khp-public-panel h3{color:var(--khp-red)}.khp-country-marquee.is-reverse .khp-country-track{animation-direction:reverse}


/* Watilo v5.1 — WhatsApp CRM Premium Charts Package */
/* ═══════════════════════════════════════════════════════════════════
   Watilo v5.1 — WhatsApp Charts CSS Add-on
   Append this to your existing public/css/app.css file.
   ═══════════════════════════════════════════════════════════════════ */

/* ─── Metrics Grid ─────────────────────────────────────────────── */
.wa-metrics-grid {
  display: grid;
  gap: 14px;
  margin-bottom: 20px;
}
.wa-metrics-grid.five  { grid-template-columns: repeat(5, 1fr); }
.wa-metrics-grid.six   { grid-template-columns: repeat(6, 1fr); }
.wa-metrics-grid.four  { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1280px) {
  .wa-metrics-grid.six  { grid-template-columns: repeat(3, 1fr); }
  .wa-metrics-grid.five { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
  .wa-metrics-grid.five,
  .wa-metrics-grid.six,
  .wa-metrics-grid.four { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .wa-metrics-grid.five,
  .wa-metrics-grid.six,
  .wa-metrics-grid.four { grid-template-columns: 1fr; }
}

/* ─── Metric Card ───────────────────────────────────────────────── */
.wa-metric-card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  transition: box-shadow .18s, transform .18s;
}
.wa-metric-card:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,.07);
  transform: translateY(-1px);
}
.wa-metric-card span  { display: block; font-size: 13px; color: var(--muted); margin-bottom: 2px; }
.wa-metric-card strong { display: block; font-size: 26px; font-weight: 800; line-height: 1.1; }
.wa-metric-card small  { display: block; font-size: 12px; color: var(--muted); margin-top: 2px; }

/* ─── Metric Icon ───────────────────────────────────────────────── */
.wa-metric-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(29,191,115,.18), rgba(29,191,115,.06));
  color: var(--green-2, #0f8f58);
  display: grid;
  place-items: center;
  font-size: 22px;
  flex: none;
}

/* ─── Panel ─────────────────────────────────────────────────────── */
.wa-panel {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 22px 24px;
}
.wa-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  flex-wrap: wrap;
  gap: 8px;
}
.wa-panel-head h3 {
  font-size: 15px;
  font-weight: 700;
  margin: 0;
}

/* ─── Page Head ─────────────────────────────────────────────────── */
.wa-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.wa-page-head h1 { font-size: 22px; font-weight: 800; margin: 0 0 3px; }
.wa-page-head p  { color: var(--muted); font-size: 14px; margin: 0; }
.wa-head-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

/* ─── Grid ───────────────────────────────────────────────────────── */
.wa-grid {
  display: grid;
  gap: 16px;
  margin-bottom: 16px;
}
.wa-grid.cols-3-2 { grid-template-columns: repeat(3, 1fr); }
.wa-grid.cols-2-1 { grid-template-columns: 2fr 1fr; }
.span-2 { grid-column: span 2; }
.span-3 { grid-column: span 3; }

@media (max-width: 1100px) {
  .wa-grid.cols-3-2 { grid-template-columns: 1fr 1fr; }
  .span-2, .span-3 { grid-column: span 2; }
}
@media (max-width: 700px) {
  .wa-grid.cols-3-2,
  .wa-grid.cols-2-1 { grid-template-columns: 1fr; }
  .span-2, .span-3 { grid-column: span 1; }
}

/* ─── Link Inline ────────────────────────────────────────────────── */
.wa-link-inline {
  font-size: 13px;
  font-weight: 700;
  color: var(--green-2, #0f8f58);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.wa-link-inline:hover { text-decoration: underline; }

/* ─── Date Pill ──────────────────────────────────────────────────── */
.wa-date-pill {
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 99px;
  color: var(--muted);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* ─── Ghost Button ───────────────────────────────────────────────── */
.wa-ghost-btn {
  font-size: 13px;
  font-weight: 600;
  padding: 7px 16px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--text);
  text-decoration: none;
  transition: border-color .15s, background .15s;
  cursor: pointer;
}
.wa-ghost-btn:hover { border-color: var(--green); background: rgba(29,191,115,.05); }

/* ─── Primary Button ─────────────────────────────────────────────── */
.wa-btn-primary {
  font-size: 13px;
  font-weight: 700;
  padding: 8px 18px;
  background: var(--green, #1dbf73);
  color: #fff;
  border: 0;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
  transition: background .15s, transform .12s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.wa-btn-primary:hover { background: var(--green-2, #0f8f58); transform: translateY(-1px); }

/* ─── Rate Chip ──────────────────────────────────────────────────── */
.wa-rate-chip {
  font-size: 13px;
  font-weight: 700;
  color: var(--green-2, #0f8f58);
  background: rgba(29,191,115,.1);
  border-radius: 99px;
  padding: 5px 16px;
  display: inline-block;
}

/* ─── Empty State ────────────────────────────────────────────────── */
.wa-empty-state {
  text-align: center;
  color: var(--muted);
  font-size: 13px;
  padding: 32px 20px;
  background: var(--panel-2, #f8fafc);
  border-radius: 14px;
  border: 1px dashed var(--line);
  line-height: 1.5;
}
.wa-empty-state.big { padding: 56px 24px; font-size: 14px; }

/* ─── Avatar ─────────────────────────────────────────────────────── */
.wa-avatar {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(29,191,115,.22), rgba(29,191,115,.08));
  color: var(--green-2, #0f8f58);
  font-weight: 800;
  font-size: 17px;
  display: grid;
  place-items: center;
  flex: none;
  border: 1px solid rgba(29,191,115,.15);
}
.wa-avatar.sm { width: 32px; height: 32px; border-radius: 10px; font-size: 13px; }

/* ─── Data Table ─────────────────────────────────────────────────── */
.wa-data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.wa-data-table th {
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--muted);
  padding: 0 12px 10px;
  border-bottom: 1px solid var(--line);
}
.wa-data-table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
}
.wa-data-table tr:last-child td { border-bottom: 0; }
.wa-data-table.compact td,
.wa-data-table.compact th { padding: 8px 10px; }
.wa-table-user { display: flex; align-items: center; gap: 8px; }

/* ─── Pill ───────────────────────────────────────────────────────── */
.wa-pill {
  font-size: 11px;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 99px;
  background: rgba(29,191,115,.14);
  color: var(--green-2, #0f8f58);
  text-transform: capitalize;
}
.wa-pill.high    { background: rgba(239,77,77,.14);    color: #d93232; }
.wa-pill.medium  { background: rgba(248,161,60,.14);   color: #c97000; }
.wa-pill.low     { background: rgba(100,110,120,.14);  color: var(--muted); }
.wa-pill.open    { background: rgba(29,191,115,.14);   color: var(--green-2); }
.wa-pill.pending { background: rgba(53,147,255,.14);   color: #2e73c7; }
.wa-pill.closed  { background: rgba(100,110,120,.14);  color: var(--muted); }

/* ─── Quick Action Cards ─────────────────────────────────────────── */
.wa-quick-actions {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 16px;
}
.wa-quick-card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 20px;
  text-decoration: none;
  color: var(--text);
  display: flex;
  flex-direction: column;
  gap: 4px;
  transition: box-shadow .18s, transform .18s;
}
.wa-quick-card:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,.08);
  transform: translateY(-2px);
}
.wa-quick-card strong { font-size: 15px; font-weight: 700; }
.wa-quick-card span   { font-size: 13px; color: var(--muted); }
.wa-quick-card b      { margin-top: 8px; font-size: 18px; color: var(--green-2); }
.wa-template-icon {
  width: 42px; height: 42px; border-radius: 12px;
  background: rgba(29,191,115,.14);
  color: var(--green-2);
  display: grid; place-items: center;
  font-size: 20px; margin-bottom: 8px;
}
.wa-template-icon.blue   { background: rgba(53,147,255,.14);  color: var(--blue); }
.wa-template-icon.orange { background: rgba(248,161,60,.14);  color: var(--orange); }
.wa-template-icon.purple { background: rgba(181,124,242,.14); color: var(--purple); }

@media (max-width: 900px)  { .wa-quick-actions { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px)  { .wa-quick-actions { grid-template-columns: 1fr; } }

/* ─── Funnel Block ───────────────────────────────────────────────── */
.wa-funnel-block { padding: 8px 0; }

/* ─── Stats List ─────────────────────────────────────────────────── */
.wa-stats-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
}
.wa-stats-list > div {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
  font-size: 13px;
}
.wa-stats-list > div:last-child { border-bottom: 0; }
.wa-stats-list dt { color: var(--muted); }
.wa-stats-list dd { font-weight: 700; margin: 0; }

/* ─── Checklist ──────────────────────────────────────────────────── */
.wa-checklist { display: flex; flex-direction: column; gap: 4px; }
.wa-checklist label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
  cursor: pointer;
}
.wa-checklist label:last-child { border-bottom: 0; }
.wa-checklist input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--green); flex: none; }

/* ─── Form Inputs ────────────────────────────────────────────────── */
.wa-form-group { margin-bottom: 16px; }
.wa-form-group label { display: block; font-size: 13px; font-weight: 700; margin-bottom: 6px; }
.wa-input {
  width: 100%;
  padding: 9px 12px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 10px;
  font-size: 14px;
  color: var(--text);
  transition: border-color .15s;
  box-sizing: border-box;
}
.wa-input:focus { outline: 0; border-color: var(--green); box-shadow: 0 0 0 3px rgba(29,191,115,.1); }

/* ─── Legend List (bars) ─────────────────────────────────────────── */
.wa-legend-list {
  list-style: none;
  margin: 0; padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.wa-legend-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  padding: 7px 0;
  border-bottom: 1px solid var(--line);
}
.wa-legend-list li:last-child { border-bottom: 0; }
.wa-legend-list li b {
  width: 10px; height: 10px;
  border-radius: 50%;
  display: inline-block;
  flex: none;
}
.wa-legend-list li span {
  margin-left: auto;
  color: var(--muted);
  font-size: 12px;
}

/* ─── Loading state ──────────────────────────────────────────────── */
.wa-loading-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  color: var(--muted);
  flex-direction: column;
  gap: 10px;
}
.wa-spinner {
  width: 34px; height: 34px;
  border: 3px solid var(--line);
  border-top-color: var(--green, #1dbf73);
  border-radius: 50%;
  animation: wa-spin .8s linear infinite;
}
@keyframes wa-spin { to { transform: rotate(360deg); } }

/* ─── Pipeline Kanban ────────────────────────────────────────────── */
.wa-pipeline {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(190px, 1fr);
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 8px;
}
.wa-pipeline-col {
  background: var(--panel-2, #f5f7fa);
  border-radius: 16px;
  padding: 14px;
  min-height: 200px;
}

/* ─── CSS Custom Property Defaults ───────────────────────────────── */
/* Only applied if not already defined by your theme */
:root {
  --green:    var(--green, #1dbf73);
  --green-2:  var(--green-2, #0f8f58);
  --blue:     var(--blue, #3593ff);
  --orange:   var(--orange, #f8a13c);
  --purple:   var(--purple, #b57cf2);
  --gold:     var(--gold, #e3b441);
  --red:      var(--red, #ef4d4d);
}

/* ──────────────────────────────────────────────────────────────
   Watilo v5.2 Production Polish
   Purpose: remove cheap/template feel, fix oversized text,
   improve dark UI contrast, remove cramped controls, and make
   empty states/data-driven cards presentation-ready.
   ────────────────────────────────────────────────────────────── */
:root{
  --bg:#f6f8fb;--panel:#ffffff;--panel-2:#f9fbfd;--text:#152233;--muted:#64748b;--line:#e4ebf2;
  --green:#20c878;--green-2:#10965d;--green-3:#095a3e;--blue:#3b82f6;--orange:#f59e0b;--purple:#8b5cf6;--red:#ef4444;
  --shadow:0 18px 44px rgba(15,23,42,.07);--shadow-soft:0 8px 20px rgba(15,23,42,.05);
}
html[data-theme='dark']{
  --bg:#061713;--panel:#0c231d;--panel-2:#102d25;--text:#f2fbf6;--muted:#9bbdb0;--line:#1e4d40;
  --green:#3ed78c;--green-2:#25b974;--green-3:#0a4b38;--blue:#60a5fa;--orange:#fbbf24;--purple:#a78bfa;--red:#f87171;
  --shadow:0 20px 50px rgba(0,0,0,.26);--shadow-soft:0 10px 26px rgba(0,0,0,.16);
}
body{font-size:14px;letter-spacing:-.01em;background:radial-gradient(circle at top left,rgba(32,200,120,.10),transparent 340px),var(--bg);}
.content{padding:24px;gap:20px;max-width:1680px;width:100%;margin:0 auto;}
.wa-sidebar{width:248px;background:linear-gradient(180deg,#0d674d 0%,#084333 48%,#06271f 100%);padding:18px 14px;border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 28px rgba(0,0,0,.12);}
.wa-brand{padding:4px 8px 16px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:2px}.wa-brand-icon{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.10)}.wa-brand strong{font-size:15px;line-height:1.1}.wa-brand span{font-size:12px;color:rgba(255,255,255,.70)}
.wa-nav{gap:5px}.wa-nav-item{min-height:42px;padding:10px 12px;border-radius:13px;font-size:14px;font-weight:650;color:rgba(255,255,255,.84)}.wa-nav-item:hover{background:rgba(255,255,255,.07)}.wa-nav-item.active{background:linear-gradient(90deg,rgba(62,215,140,.28),rgba(62,215,140,.12));box-shadow:inset 3px 0 0 var(--green),inset 0 0 0 1px rgba(255,255,255,.06);color:#fff}.wa-nav-icon{width:20px;height:20px;position:relative;display:inline-grid;place-items:center;opacity:.95}.wa-nav-icon::before{content:'';width:16px;height:16px;border:1.8px solid currentColor;border-radius:5px;display:block}.wa-nav-icon[data-icon='chat']::before{border-radius:50%;clip-path:polygon(0 0,100% 0,100% 75%,65% 75%,52% 100%,44% 75%,0 75%)}.wa-nav-icon[data-icon='contacts']::before{border-radius:50%;box-shadow:7px 3px 0 -5px currentColor}.wa-nav-icon[data-icon='leads']::before{border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.08) inset}.wa-nav-icon[data-icon='deals']::before{border-width:0;border-radius:0;background:linear-gradient(currentColor,currentColor) center/2px 16px no-repeat}.wa-nav-icon[data-icon='broadcasts']::before{border-radius:50%;transform:rotate(-18deg);clip-path:polygon(0 28%,100% 0,100% 100%,0 72%)}.wa-nav-icon[data-icon='templates']::before{border-radius:3px}.wa-nav-icon[data-icon='automations']::before{border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.10) inset}.wa-nav-icon[data-icon='team']::before{border-radius:50%;box-shadow:8px 0 0 -5px currentColor,-8px 0 0 -5px currentColor}.wa-nav-icon[data-icon='reports']::before{border-radius:2px;background:linear-gradient(90deg,transparent 20%,currentColor 20% 32%,transparent 32% 46%,currentColor 46% 58%,transparent 58% 72%,currentColor 72% 84%,transparent 84%)}.wa-nav-icon[data-icon='integrations']::before{border-radius:50%;border-style:dashed}.wa-nav-icon[data-icon='settings']::before{border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.08) inset}.wa-nav-icon[data-icon='ai']::before{border-radius:2px;transform:rotate(45deg)}
.wa-crm-button{border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border-color:rgba(255,255,255,.16);padding:13px 14px}.wa-crm-button span{font-size:14px}.wa-crm-button small{font-size:12px}.wa-user-card,.wa-contact-card{border-radius:16px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13)}.wa-contact-card strong{font-size:20px;word-break:break-word}.wa-avatar{background:linear-gradient(135deg,#43d98f,#119c63);color:#06271f;font-weight:900}.wa-avatar.sm{width:32px;height:32px;border-radius:10px;font-size:11px}
.wa-topbar{padding:18px 24px 0}.wa-searchbar{min-height:44px;border-radius:15px;box-shadow:var(--shadow-soft)}.wa-search-icon::before{content:'⌕';font-size:18px;color:var(--muted)}.wa-icon-btn{width:42px;height:42px;border-radius:14px;box-shadow:var(--shadow-soft)}.wa-icon-btn b{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;display:grid;place-items:center}.wa-icon-symbol[data-ui-icon='bell']::before{content:'🔔';filter:grayscale(1);font-size:15px}.wa-icon-symbol[data-ui-icon='help']::before{content:'?';font-weight:900}.wa-date-pill{box-shadow:var(--shadow-soft);font-size:12px;padding:8px 12px;border-radius:999px}.theme-toggle,.wa-ghost-btn,.wa-primary-btn,.wa-ghost-chip{box-shadow:var(--shadow-soft);font-size:13px;border-radius:12px}.wa-notification-menu{position:absolute;top:64px;right:128px;z-index:60;display:none;width:min(360px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.wa-notification-menu.is-open{display:block}.wa-notification-menu .wa-panel-head h4{font-size:15px;margin:0}.wa-notification-menu button{border:0;background:transparent;color:var(--green-2);font-weight:700}
.wa-page-head{margin-bottom:2px}.wa-page-head h1{font-size:clamp(24px,2vw,31px)!important;letter-spacing:-.04em;line-height:1.08;margin-bottom:6px}.wa-page-head p{font-size:14px!important;color:var(--muted);max-width:760px}.wa-panel,.wa-mini-panel{border-radius:20px;padding:20px;border-color:var(--line);box-shadow:var(--shadow-soft)}.wa-panel-head{margin-bottom:14px}.wa-panel-head h3,.wa-mini-panel h4{font-size:16px!important;line-height:1.25;font-weight:800;letter-spacing:-.02em}.wa-subtext{font-size:13px;line-height:1.55}.wa-metrics-grid{gap:14px}.wa-metrics-grid.five,.wa-metrics-grid.six,.wa-metrics-grid.four{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.wa-metric-card{padding:17px;border-radius:18px;gap:13px}.wa-metric-icon{width:44px;height:44px;border-radius:14px;font-size:0}.wa-metric-icon::before{font-size:16px}.wa-metric-icon[data-metric='contacts']::before{content:'👥'}.wa-metric-icon[data-metric='deals']::before{content:'◎'}.wa-metric-icon[data-metric='docs']::before{content:'▤'}.wa-metric-icon[data-metric='revenue']::before{content:'₨'}.wa-metric-icon[data-metric='team']::before{content:'👥'}.wa-metric-icon[data-metric='active']::before{content:'●'}.wa-metric-icon[data-metric='owner']::before{content:'♛'}.wa-metric-icon[data-metric='roles']::before{content:'▦'}.wa-metric-card span{font-size:12px;margin-bottom:4px}.wa-metric-card strong{font-size:23px;letter-spacing:-.05em;margin-bottom:3px}.wa-metric-card small{font-size:12px;color:var(--muted)}
.wa-grid{gap:16px}.wa-grid.cols-3-2{grid-template-columns:minmax(320px,1fr) minmax(340px,1fr) minmax(320px,.95fr)}.wa-grid.cols-2-1{grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr)}.settings-grid{grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);align-items:start}.crm-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.wa-quick-card{min-height:88px;border-radius:17px;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:17px}.wa-quick-card strong{font-size:15px}.wa-quick-card span{font-size:13px;color:var(--muted)}.wa-quick-card b{color:var(--green-2)}
.wa-form-grid label,.wa-stack-form label,.wa-form-group label{font-size:12px;font-weight:750;color:var(--muted);display:flex;flex-direction:column;gap:7px}.wa-form-grid input,.wa-form-grid select,.wa-form-grid textarea,.wa-stack-form input,.wa-stack-form select,.wa-stack-form textarea,.wa-input,.wa-search-inline input,.wa-reply-box input,.wa-reply-box textarea{background:var(--panel-2)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:12px 13px!important;outline:none}.wa-form-grid textarea,.wa-stack-form textarea{resize:vertical}.wa-form-grid input:focus,.wa-form-grid select:focus,.wa-form-grid textarea:focus,.wa-input:focus{border-color:var(--green)!important;box-shadow:0 0 0 3px rgba(32,200,120,.15)}.wa-form-actions{display:flex;gap:10px;margin-top:16px}.wa-side-stack{display:flex;flex-direction:column;gap:16px}.wa-detail-list{display:grid;grid-template-columns:120px 1fr;gap:10px 14px}.wa-detail-list dt{color:var(--muted);font-size:12px}.wa-detail-list dd{margin:0;font-weight:650;word-break:break-word}.wa-detail-list.compact{grid-template-columns:110px 1fr;font-size:13px}.wa-pill.muted{background:rgba(148,163,184,.16);color:var(--muted)}.wa-muted{color:var(--muted);font-size:13px}.wa-hours-list{display:flex;flex-direction:column;gap:10px}.wa-hours-list div{display:flex;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.wa-logo-box.professional{min-height:188px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px dashed var(--line);border-radius:18px;background:linear-gradient(180deg,var(--panel-2),transparent)}.wa-logo-box.professional img{max-height:54px;max-width:170px}.wa-logo-box.professional span{font-weight:800}.wa-logo-box.professional small{color:var(--muted)}.wa-center-note{color:var(--muted);font-size:12px;text-align:center;margin:16px 0 0}
.wa-radio-card-list{display:grid;gap:10px}.wa-radio-card{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important;padding:12px!important;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);font-weight:400!important;color:var(--text)!important}.wa-radio-card input{margin-top:3px;accent-color:var(--green)}.wa-radio-card span{display:flex;flex-direction:column;gap:2px;min-width:0}.wa-radio-card strong{font-size:13px}.wa-radio-card small{font-size:12px;color:var(--muted)}.wa-radio-card:has(input:checked){border-color:rgba(32,200,120,.55);box-shadow:0 0 0 3px rgba(32,200,120,.10)}.wa-audience-estimate{margin-top:10px;padding:11px 12px;background:rgba(32,200,120,.10);border:1px solid rgba(32,200,120,.20);border-radius:12px;font-size:13px;color:var(--green-2);font-weight:800}
.wa-conversations-layout{display:grid;grid-template-columns:320px minmax(460px,1fr) 360px;gap:16px}.wa-chat-window{min-height:500px;background:linear-gradient(180deg,rgba(32,200,120,.06),rgba(32,200,120,.01));}.wa-bubble{background:var(--panel-2)!important;border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:var(--shadow-soft)}.wa-bubble.outgoing{background:linear-gradient(180deg,rgba(62,215,140,.22),rgba(62,215,140,.14))!important;border-color:rgba(62,215,140,.28)!important}.wa-bubble p{margin:0;color:var(--text)!important}.wa-bubble small{color:var(--muted)!important}.wa-inbox-item{border-radius:14px;padding:11px}.wa-inbox-item.active{background:rgba(32,200,120,.12);box-shadow:inset 3px 0 0 var(--green)}
.wa-donut,.wa-donut.small,.wa-donut.large{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.wa-donut::after{background:var(--panel)}canvas{max-width:100%}.wa-progress-list label{font-size:13px}.wa-progress-list i{height:7px;background:var(--line);border-radius:99px;overflow:hidden}.wa-progress-list i b{height:100%;background:linear-gradient(90deg,var(--green),var(--green-2));border-radius:99px}.wa-empty-state{border-radius:15px;background:linear-gradient(180deg,var(--panel-2),rgba(32,200,120,.03));border:1px dashed rgba(32,200,120,.24);color:var(--muted)}.wa-empty-state.big{min-height:150px;display:grid;place-items:center}.wa-data-table{width:100%;border-collapse:separate;border-spacing:0}.wa-data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;padding:11px 12px;border-bottom:1px solid var(--line)}.wa-data-table td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.wa-data-table tr:hover td{background:rgba(32,200,120,.04)}.wa-team-table{display:flex;flex-direction:column;gap:10px}.wa-team-record{display:grid;grid-template-columns:44px minmax(180px,1fr) auto auto minmax(130px,auto) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--panel-2)}.wa-team-record strong{font-size:14px}.wa-team-record span{display:block;color:var(--muted);font-size:12px}.positive{color:var(--green-2)!important}.negative{color:var(--red)!important}
.khp-header{background:rgba(6,23,19,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.khp-container{max-width:1220px;margin:0 auto;padding-left:22px;padding-right:22px}.khp-section{padding:76px 0}.khp-hero{padding:86px 0 70px;background:radial-gradient(circle at 12% 0,rgba(62,215,140,.18),transparent 340px),linear-gradient(180deg,#061713,#071c17)}.khp-kicker,.khp-overline{color:#75e0ad!important;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.khp-hero h1,.khp-section h1{font-size:clamp(38px,5vw,64px)!important;line-height:.98;letter-spacing:-.06em;max-width:860px}.khp-section h2{font-size:clamp(28px,3vw,44px)!important;line-height:1.05;letter-spacing:-.05em}.khp-hero p,.khp-section-head p,.khp-section p{font-size:16px!important;line-height:1.7;color:#b8d3c7}.khp-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.khp-plan-card,.khp-info-card,.khp-addon-box,.khp-cta-banner{border-radius:24px!important;border:1px solid rgba(255,255,255,.10)!important;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;box-shadow:0 24px 60px rgba(0,0,0,.22);padding:28px!important}.khp-plan-price .amount{font-size:54px!important;letter-spacing:-.06em}.khp-btn{border-radius:14px!important;font-weight:800}.khp-btn-primary{background:linear-gradient(180deg,#3ed78c,#1fac70)!important;color:#06271f!important}.khp-preview-grid{gap:18px}.khp-preview-grid img,.khp-preview-card img{border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.10)}.khp-public-hero{padding:86px 0 64px}.khp-public-hero h1{font-size:clamp(34px,4vw,58px)!important;line-height:1.04;letter-spacing:-.05em}.khp-public-module-card{border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.10)!important;padding:28px!important}.khp-public-feature-grid span{border-radius:12px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important}
@media (max-width:1280px){.wa-conversations-layout{grid-template-columns:300px minmax(420px,1fr)}.wa-conversations-layout>article:nth-child(3){grid-column:1/-1}.wa-grid.cols-3-2{grid-template-columns:1fr 1fr}.span-2,.span-3{grid-column:span 2}.settings-grid{grid-template-columns:1fr}.khp-card-grid.three{grid-template-columns:1fr}}
@media (max-width:780px){.content{padding:18px}.wa-topbar{padding:14px 18px 0}.wa-sidebar{position:fixed;z-index:80;left:0;top:0;transform:translateX(-105%);transition:.2s ease}.wa-sidebar.is-open{transform:none}.app-sidebar-close,.app-mobile-menu{display:block}.wa-searchbar{order:2;width:100%;max-width:none}.wa-topbar{flex-wrap:wrap}.wa-metrics-grid,.wa-grid.cols-2,.wa-grid.cols-3,.wa-grid.cols-4,.wa-grid.cols-3-2,.wa-grid.cols-2-1,.wa-conversations-layout{grid-template-columns:1fr!important}.span-2,.span-3{grid-column:span 1}.wa-team-record{grid-template-columns:44px 1fr;align-items:start}.wa-team-record .wa-pill,.wa-team-record small,.wa-team-record form{grid-column:2}.khp-hero h1,.khp-section h1{font-size:38px!important}.khp-section{padding:54px 0}}
/* Public FAQ and module pages polish */
.khp-faq-layout{display:grid;grid-template-columns:minmax(0,1.15fr) 360px;gap:28px;align-items:start}.khp-faq-list{display:flex;flex-direction:column;gap:12px}.khp-faq-list details{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));padding:0;overflow:hidden}.khp-faq-list summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:850;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:16px}.khp-faq-list summary::-webkit-details-marker{display:none}.khp-faq-list summary::after{content:'+';width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(62,215,140,.13);color:#75e0ad}.khp-faq-list details[open] summary::after{content:'−'}.khp-faq-list p{margin:0;padding:0 20px 20px;color:#bfd8ce;font-size:15px;line-height:1.75}.khp-faq-side{position:sticky;top:90px;border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))}.khp-faq-side a{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#eafff5;font-weight:700}.khp-faq-side a:last-child{border-bottom:0}.khp-inner-site,.khp-public-page{background:radial-gradient(circle at 18% 0,rgba(62,215,140,.12),transparent 340px),#061713;color:#fff}.khp-public-hero-card{border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 70px rgba(0,0,0,.32);padding:18px}.khp-public-hero-card img{border-radius:18px}.khp-public-summary,.khp-public-module-list{background:#071a16}.khp-public-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.khp-public-stat-grid article{border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(255,255,255,.045);padding:22px}.khp-public-stat-grid strong{font-size:32px;color:#75e0ad;display:block}.khp-public-stat-grid span{color:#bfd8ce}.khp-workflow .khp-container,.khp-public-hero-narrow{max-width:1120px}.khp-onboarding-list{display:flex;flex-direction:column;gap:14px}.khp-onboarding-list article{border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));padding:24px}.khp-onboarding-list h3{font-size:20px;margin:0 0 8px}.khp-onboarding-list p{font-size:15px!important;line-height:1.7;color:#bfd8ce}.khp-public-resource-links a{border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.045);padding:16px 18px;display:flex;justify-content:space-between}.khp-public-resource-links{display:grid;gap:12px}
@media(max-width:900px){.khp-faq-layout{grid-template-columns:1fr}.khp-faq-side{position:static}.khp-public-stat-grid{grid-template-columns:1fr 1fr}}
canvas[id*="donut"]{max-width:168px!important;max-height:168px!important}.wa-panel canvas[id*="donut"]{display:block;margin:0 auto}.wa-panel:has(canvas[id*="donut"]) .donut-legend-row{font-size:12px}.wa-panel:has(canvas[id*="donut"]) .wa-panel-center{align-items:center}.wa-panel canvas[id*="chart"]{max-height:260px!important}.wa-mini-metrics{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:12px}.wa-mini-metrics div{border:1px solid var(--line);border-radius:14px;background:var(--panel-2);padding:14px}.wa-mini-metrics strong{font-size:22px!important}.wa-mini-metrics span{display:block;font-size:12px;color:var(--muted)}


/* === v5.3 Premium Green Icon System - production patch === */
:root{--premium-icon-green:#25d87c;--premium-icon-glow:rgba(37,216,124,.30);--premium-sidebar-bg:radial-gradient(circle at 12% 0%,rgba(39,216,126,.30),transparent 32%),linear-gradient(160deg,#0c5b45 0%,#07352d 46%,#06251f 100%)}
.wa-sidebar{background:var(--premium-sidebar-bg)!important;box-shadow:inset -1px 0 rgba(255,255,255,.06),18px 0 60px rgba(0,0,0,.14)}
.wa-nav-item{font-weight:750;letter-spacing:-.01em;min-height:48px!important;padding:11px 12px!important;color:rgba(255,255,255,.90)!important}
.wa-nav-item.active{background:linear-gradient(90deg,rgba(33,211,122,.38),rgba(33,211,122,.16))!important;box-shadow:inset 0 0 0 1px rgba(168,255,206,.14),0 12px 26px rgba(0,0,0,.14)!important}
.wa-nav-icon{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;flex:0 0 26px!important;opacity:1!important;background:linear-gradient(180deg,rgba(26,185,99,.18),rgba(26,185,99,.04));border-radius:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.wa-nav-icon::before,.wa-icon-symbol::before,.wa-search-icon::before{display:none!important;content:none!important}
.wa-nav-icon img,.wa-icon-symbol img,.wa-search-icon img,.premium-metric-img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 8px 12px rgba(15,255,128,.20))!important}
.wa-nav-icon img{width:20px!important;height:20px!important}.wa-nav-item.active .wa-nav-icon{background:linear-gradient(180deg,rgba(70,255,152,.24),rgba(17,151,83,.10));box-shadow:inset 0 0 0 1px rgba(201,255,223,.20),0 8px 18px rgba(0,0,0,.16)}
.wa-brand-icon{background:linear-gradient(180deg,rgba(50,232,126,.20),rgba(9,100,70,.12))!important;border:1px solid rgba(174,255,209,.16)!important;box-shadow:0 12px 28px rgba(31,220,123,.14),inset 0 0 0 1px rgba(255,255,255,.06)!important}
.wa-metric-icon,.wa-template-icon{font-size:0!important;overflow:hidden;position:relative;background:linear-gradient(155deg,rgba(38,221,128,.22),rgba(4,77,55,.12))!important;color:transparent!important;border:1px solid rgba(111,255,177,.13);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 14px 32px rgba(0,0,0,.12)!important}
.wa-metric-icon{width:58px!important;height:58px!important;border-radius:18px!important;padding:11px!important;flex:0 0 58px!important}.wa-template-icon{padding:11px!important}.wa-template-icon .premium-metric-img{width:38px!important;height:38px!important}.wa-metric-icon::before,.wa-metric-icon::after,.wa-template-icon::before,.wa-template-icon::after{content:none!important;display:none!important}.wa-metric-icon .premium-metric-img{width:36px!important;height:36px!important}
.wa-metric-icon[data-metric="contacts"]{background-image:url('/assets/icons/premium/contacts.svg')!important;background-repeat:no-repeat!important;background-size:38px!important;background-position:center!important}.wa-metric-icon[data-metric="deals"]{background-image:url('/assets/icons/premium/deals.svg')!important;background-repeat:no-repeat!important;background-size:38px!important;background-position:center!important}.wa-metric-icon[data-metric="docs"]{background-image:url('/assets/icons/premium/templates.svg')!important;background-repeat:no-repeat!important;background-size:38px!important;background-position:center!important}.wa-metric-icon[data-metric="revenue"]{background-image:url('/assets/icons/premium/payment.svg')!important;background-repeat:no-repeat!important;background-size:38px!important;background-position:center!important}.wa-metric-icon[data-metric="team"]{background-image:url('/assets/icons/premium/team.svg')!important;background-repeat:no-repeat!important;background-size:38px!important;background-position:center!important}.wa-metric-icon[data-metric="active"]{background-image:url('/assets/icons/premium/dashboard.svg')!important;background-repeat:no-repeat!important;background-size:38px!important;background-position:center!important}.wa-metric-icon[data-metric="owner"]{background-image:url('/assets/icons/premium/contacts.svg')!important;background-repeat:no-repeat!important;background-size:38px!important;background-position:center!important}.wa-metric-icon[data-metric="roles"]{background-image:url('/assets/icons/premium/integrations.svg')!important;background-repeat:no-repeat!important;background-size:38px!important;background-position:center!important}
.wa-icon-symbol{display:grid!important;place-items:center!important;width:22px!important;height:22px!important}.wa-search-icon{width:20px!important;height:20px!important;display:grid!important;place-items:center!important;flex:0 0 20px!important}.wa-icon-btn{background:linear-gradient(180deg,var(--panel),var(--panel-2))!important}.wa-icon-btn .wa-icon-symbol img{width:22px!important;height:22px!important}
.wa-card-icon,.wa-feature-icon,.wa-public-icon,.module-icon{background:linear-gradient(155deg,rgba(38,221,128,.22),rgba(4,77,55,.10))!important;border:1px solid rgba(111,255,177,.13)!important;box-shadow:0 14px 30px rgba(0,0,0,.12)!important}

/* v5.4.1 critical UI repair: approved premium icon alignment + no icon ghosting */
.wa-sidebar .wa-nav-item{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:12px!important;
  min-height:48px!important;
  padding:10px 12px!important;
  overflow:hidden!important;
  position:relative!important;
}
.wa-sidebar .wa-nav-item .wa-nav-icon,
.wa-sidebar .wa-nav-item .wa-nav-icon::before,
.wa-sidebar .wa-nav-item .wa-nav-icon::after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  position:absolute!important;
  inset:auto!important;
  pointer-events:none!important;
}
.ok-premium-nav-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  justify-self:center!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(43,224,129,.22),rgba(8,84,58,.10))!important;
  box-shadow:inset 0 0 0 1px rgba(174,255,209,.12),0 8px 18px rgba(0,0,0,.14)!important;
  overflow:hidden!important;
  flex:none!important;
}
.ok-premium-nav-icon img{
  display:block!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 5px 10px rgba(20,255,136,.22))!important;
  position:static!important;
  transform:none!important;
}
.wa-sidebar .wa-nav-item>span:last-child{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  line-height:1.2!important;
}
.wa-sidebar .wa-nav-item.active .ok-premium-nav-icon{
  background:linear-gradient(145deg,rgba(77,255,157,.38),rgba(14,133,81,.18))!important;
  box-shadow:inset 0 0 0 1px rgba(214,255,231,.22),0 10px 24px rgba(0,0,0,.20)!important;
}
.wa-sidebar .wa-brand-icon img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;position:static!important;}

/* v5.4.1 conversation inbox repair: prevent text/time/status overlap */
.wa-inbox-item{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:start!important;
  gap:8px 12px!important;
  padding:14px!important;
  min-height:86px!important;
  overflow:hidden!important;
}
.wa-inbox-item .wa-avatar{
  grid-row:1 / span 2!important;
  grid-column:1!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:12px!important;
  align-self:start!important;
}
.wa-inbox-item .wa-chat-meta{
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}
.wa-inbox-item .wa-chat-meta strong{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.25!important;
  margin:0 0 4px!important;
}
.wa-inbox-item .wa-chat-meta span{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.35!important;
  max-width:100%!important;
}
.wa-inbox-item .wa-chat-side{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}
.wa-inbox-item .wa-chat-side .wa-pill{
  flex:0 0 auto!important;
  max-width:110px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  padding:4px 8px!important;
  font-size:11px!important;
}
.wa-inbox-item .wa-chat-side small{
  display:block!important;
  min-width:0!important;
  max-width:150px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:11px!important;
  text-align:right!important;
}
.wa-chat-window{overflow:auto!important;}
.wa-bubble{word-break:break-word!important;overflow-wrap:anywhere!important;line-height:1.45!important;}
.wa-detail-list dd,.wa-mini-panel p{word-break:break-word!important;overflow-wrap:anywhere!important;line-height:1.45!important;}

/* stop duplicate metric background icons when img is already present */
.wa-metric-icon:has(img),.wa-template-icon:has(img){background-image:none!important;}
.wa-metric-icon img,.wa-template-icon img{position:static!important;transform:none!important;}


/* Watilo v5.5 production refinement */
:root{--ok-green:#20d47b;--ok-green2:#63f0a5;--ok-panel:#0d2a21;--ok-line:rgba(119,255,183,.18)}
.wa-brand strong,.khp-brand strong{letter-spacing:-.02em}.wa-brand-icon{background:rgba(32,212,123,.10)!important;border-color:rgba(32,212,123,.28)!important}.wa-brand-icon img{object-fit:contain}.wa-avatar-photo{overflow:hidden}.wa-avatar-photo img{width:100%;height:100%;object-fit:cover;display:block}.wa-topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.wa-icon-btn{display:inline-grid!important;place-items:center!important;position:relative!important;min-width:44px!important;height:44px!important}.wa-icon-symbol,.wa-icon-symbol img{display:block!important;width:22px!important;height:22px!important;object-fit:contain!important}.wa-icon-btn b{position:absolute!important;top:-8px!important;right:-6px!important;width:22px!important;height:22px!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-size:11px!important;background:#ef4d5a!important;color:#fff!important;border:2px solid #062119!important}.wa-sidebar .wa-nav-item{grid-template-columns:38px 1fr!important;min-height:44px!important;align-items:center!important}.ok-premium-nav-icon{width:32px!important;height:32px!important}.ok-premium-nav-icon img{width:22px!important;height:22px!important}.wa-quick-card{display:grid!important;grid-template-columns:54px minmax(0,1fr) 24px!important;gap:14px!important;align-items:center!important;min-height:92px!important}.wa-quick-card .wa-template-icon,.wa-template-icon{width:54px!important;height:54px!important;border-radius:18px!important;display:grid!important;place-items:center!important;overflow:hidden!important}.wa-quick-card img,.wa-template-icon img,.wa-metric-icon img{width:30px!important;height:30px!important;object-fit:contain!important}.wa-quick-card strong,.wa-quick-card span{grid-column:2}.wa-quick-card b{grid-column:3;grid-row:1 / span 2;align-self:center;justify-self:end}.wa-radio-card-list{display:grid!important;gap:10px!important}.wa-radio-card{position:relative!important;display:grid!important;grid-template-columns:1fr!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:14px 16px!important;background:rgba(255,255,255,.025)!important;cursor:pointer!important;transition:.2s ease!important}.wa-radio-card input{position:absolute!important;opacity:0!important;pointer-events:none!important}.wa-radio-card:has(input:checked){border-color:rgba(67,217,132,.7)!important;background:linear-gradient(135deg,rgba(32,212,123,.20),rgba(32,212,123,.04))!important;box-shadow:0 14px 36px rgba(0,0,0,.20),inset 0 0 0 1px rgba(180,255,214,.12)!important}.wa-audience-estimate{margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(32,212,123,.12);color:var(--green-2);font-weight:800}.chart-fit,.v55-chart-fit{display:grid!important;grid-template-columns:minmax(130px,180px) 1fr!important;align-items:center!important;gap:22px!important}.chart-fit canvas,.v55-chart-fit canvas{max-width:180px!important;max-height:180px!important}.wa-panel canvas{max-width:100%;}.v55-compact-donut{width:168px!important;height:168px!important;max-width:168px!important}.donut-legend-row{grid-template-columns:12px 1fr auto auto;display:grid!important;align-items:center!important}.v55-date-range-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}.v55-date-range-form input,.v55-date-range-form select{height:42px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);color:var(--text);padding:0 12px}.settings-tab-panel{display:none}.settings-tab-panel.active{display:block}.wa-tabs-bar button{border:0;background:transparent;color:var(--muted);font-weight:800;padding:14px 8px;border-bottom:3px solid transparent;cursor:pointer}.wa-tabs-bar button.active{color:var(--green-2);border-color:var(--green)}.wa-modal[hidden]{display:none!important}.wa-modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.62);display:grid;place-items:center;padding:24px}.wa-modal-card{width:min(720px,96vw);max-height:90vh;overflow:auto;border-radius:24px;border:1px solid var(--line);background:var(--panel);box-shadow:0 30px 120px rgba(0,0,0,.55);padding:24px;position:relative}.wa-modal-close{position:absolute;right:18px;top:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);width:36px;height:36px;border-radius:12px}.v55-upload-card form{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}.small{font-size:12px!important;padding:9px 13px!important}.v55-permission-grid{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);margin:14px 0}.v55-label-grid,.v55-integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.v55-label-card,.v55-integration-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));padding:18px}.v55-label-dot{width:18px;height:18px;border-radius:99px;display:inline-block;box-shadow:0 0 0 6px rgba(255,255,255,.04)}.v55-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.v55-sensitive-box{border:1px solid rgba(255,197,85,.28);background:rgba(255,197,85,.06);border-radius:18px;padding:14px;display:grid;gap:8px}.v55-check{display:flex!important;gap:10px!important;align-items:center!important}.v55-crm-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v55-crm-overview>div{border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(255,255,255,.025)}.v55-crm-nav .wa-template-icon img{width:32px!important;height:32px!important}.khp-info-card img,.v55-module-card img,.v55-trust-card img{width:54px;height:54px;object-fit:contain;margin-bottom:16px}.v55-annotated-preview{position:relative}.v55-screen{position:relative;border:1px solid rgba(123,255,185,.2);border-radius:28px;padding:18px;background:rgba(255,255,255,.035);box-shadow:0 30px 100px rgba(0,0,0,.32)}.v55-screen img{width:100%;border-radius:18px;display:block;opacity:.92}.callout{position:absolute;z-index:2;background:linear-gradient(135deg,#20d47b,#7dffb3);color:#052116;padding:9px 12px;border-radius:999px;font-size:12px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.25)}.c1{left:30px;top:38px}.c2{right:24px;top:42%}.c3{left:38px;bottom:44px}.c4{right:42px;bottom:36px}.v55-feature-grid .khp-info-card,.v55-animated-card,.v55-plan,.v55-module-card,.v55-trust-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.v55-feature-grid .khp-info-card:hover,.v55-plan:hover,.v55-module-card:hover,.v55-trust-card:hover{transform:translateY(-5px);box-shadow:0 24px 80px rgba(0,0,0,.28);border-color:rgba(81,244,150,.42)}.v55-addon-toggle{display:flex;align-items:center;justify-content:center;gap:14px;width:max-content;max-width:100%;margin:24px auto;padding:14px 18px;border:1px solid var(--ok-line);border-radius:999px;background:rgba(32,212,123,.08);font-weight:900}.v55-addon-toggle input{width:20px;height:20px;accent-color:#20d47b}.v55-plan{position:relative;overflow:hidden}.v55-plan em{position:absolute;right:18px;top:18px;background:rgba(32,212,123,.14);color:#8cffbf;border:1px solid rgba(32,212,123,.28);border-radius:999px;padding:5px 10px;font-size:11px;font-style:normal;font-weight:900}.v55-checkout-summary{margin:24px auto 0;max-width:680px;border:1px solid var(--ok-line);border-radius:22px;padding:18px 22px;background:rgba(255,255,255,.035);display:flex;justify-content:space-between;gap:18px}.v55-module-card span{display:inline-flex;border-radius:999px;background:rgba(32,212,123,.12);padding:6px 10px;color:#8cffbf;font-size:12px;font-weight:900;margin-bottom:12px}.v55-faq-search{width:min(680px,100%);display:block;margin:0 auto 24px;height:52px;border-radius:18px;border:1px solid rgba(118,255,181,.22);background:rgba(255,255,255,.04);padding:0 18px;color:#fff}.v55-faq-grid{display:grid;gap:14px;max-width:900px;margin:auto}.v55-faq-item{border:1px solid rgba(118,255,181,.18);border-radius:18px;background:rgba(255,255,255,.03);padding:16px}.v55-faq-item summary{cursor:pointer;display:grid;gap:6px}.v55-faq-item summary span{color:#67ffaa;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.1em}.v55-disclaimer{border:1px solid rgba(255,197,85,.28);background:rgba(255,197,85,.06);border-radius:22px;padding:20px;margin-top:22px}.khp-section,.khp-hero{overflow:hidden}@media(max-width:900px){.wa-metrics-grid,.wa-grid,.khp-card-grid,.v55-crm-overview{grid-template-columns:1fr!important}.wa-topbar{gap:10px}.wa-searchbar{order:2;width:100%}.wa-topbar-actions{flex-wrap:wrap}.chart-fit,.v55-chart-fit{grid-template-columns:1fr!important}.wa-quick-card{grid-template-columns:50px minmax(0,1fr) 20px!important}.v55-checkout-summary{display:grid}.callout{position:static;display:inline-flex;margin:6px}.v55-screen{display:flex;flex-wrap:wrap}.v55-screen img{order:5}}@media(max-width:520px){.wa-page-head h1{font-size:30px!important}.wa-panel{padding:18px!important}.wa-metric-card{min-width:0}.wa-tabs-bar{overflow:auto}.khp-section h1,.khp-hero h1{font-size:38px!important}}


/* Watilo v5.6 final refinement: production UI / icon / responsive hardening */
:root{--ok-green:#16c96f;--ok-green-2:#0f9958;--ok-green-soft:#e9fff4;--ok-ink:#0e1726;--ok-muted:#667085;--ok-card:#ffffff;--ok-line:#dfe8e3;--ok-shadow:0 18px 60px rgba(9,44,30,.10)}
body{font-feature-settings:"cv02","cv03","cv04","cv11"}.content{max-width:1440px}.wa-page-head h1{letter-spacing:-.04em}.wa-page-head p,.wa-subtext{font-size:14px;line-height:1.6;color:var(--muted)}
.wa-brand strong{font-size:16px;letter-spacing:-.02em}.wa-brand span{font-size:11px}.wa-brand-icon{overflow:hidden;background:linear-gradient(135deg,#0b2217,#18d06f)!important}.wa-brand-icon img{width:100%;height:100%;object-fit:cover}
.ok-premium-nav-icon,.wa-search-icon,.wa-icon-symbol{width:32px!important;height:32px!important;border-radius:12px;display:grid!important;place-items:center;flex:0 0 32px;background:linear-gradient(145deg,rgba(22,201,111,.18),rgba(255,255,255,.75));box-shadow:inset 0 0 0 1px rgba(22,201,111,.18)}
.ok-premium-nav-icon img,.wa-search-icon img,.wa-icon-symbol img,.wa-metric-icon img,.wa-template-icon img{width:22px!important;height:22px!important;object-fit:contain!important;display:block!important;max-width:none!important;max-height:none!important}.wa-metric-icon img{width:30px!important;height:30px!important}.wa-template-icon img{width:34px!important;height:34px!important}
.wa-nav-item{min-height:46px;display:flex!important;align-items:center!important;gap:12px!important;padding:7px 12px!important}.wa-nav-item::before,.wa-nav-item::after,.wa-nav-icon{display:none!important;content:none!important}.wa-nav-item span:last-child{line-height:1.1;white-space:nowrap}.wa-sidebar-foot{padding-top:10px}.wa-user-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center}.wa-user-card strong,.wa-user-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-avatar-photo{overflow:hidden}.wa-avatar-photo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.wa-contact-card{border-radius:16px;background:rgba(22,201,111,.08);border:1px solid rgba(22,201,111,.14)}
.wa-topbar{gap:14px}.wa-icon-btn{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;position:relative}.wa-icon-btn b{position:absolute;right:-2px;top:-2px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:99px;background:#12b76a;color:#fff;font-size:10px;border:2px solid var(--panel)}.wa-notification-menu{right:0;top:54px;z-index:30}.wa-icon-btn .wa-icon-symbol{background:transparent;box-shadow:none}.wa-icon-btn .wa-icon-symbol img{width:24px!important;height:24px!important}
.wa-metrics-grid{align-items:stretch}.wa-metric-card{border-radius:22px!important;background:linear-gradient(180deg,#fff,rgba(245,255,250,.96));border:1px solid rgba(18,183,106,.16)!important;box-shadow:var(--ok-shadow);min-height:104px}.wa-metric-icon,.wa-template-icon{width:58px!important;height:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;flex:0 0 58px;background:linear-gradient(145deg,#f2fff8,#dffceb)!important;border:1px solid rgba(22,201,111,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 28px rgba(22,201,111,.14)!important}.wa-metric-card strong{letter-spacing:-.04em}.wa-panel{border-radius:24px!important;box-shadow:var(--ok-shadow)!important;border:1px solid rgba(9,44,30,.08)!important}.wa-panel-head{gap:12px}.wa-panel-head h3{letter-spacing:-.025em}
.wa-quick-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.wa-quick-card{display:grid!important;grid-template-columns:58px minmax(0,1fr) 24px!important;grid-template-rows:auto auto!important;column-gap:14px!important;align-items:center!important;min-height:108px!important;padding:18px!important;border-radius:22px!important;border:1px solid rgba(22,201,111,.14)!important;background:linear-gradient(180deg,#fff,#f7fffb)!important;box-shadow:0 16px 45px rgba(9,44,30,.08)!important}.wa-quick-card .wa-template-icon{grid-row:1/3}.wa-quick-card strong{grid-column:2;line-height:1.2}.wa-quick-card span{grid-column:2;font-size:13px!important;color:var(--muted)!important;line-height:1.35}.wa-quick-card b{grid-column:3;grid-row:1/3;align-self:center;justify-self:end;width:24px;height:24px;border-radius:50%;background:rgba(22,201,111,.12);display:grid;place-items:center;color:var(--ok-green-2)}.wa-quick-card.compact{min-height:82px!important;grid-template-columns:minmax(0,1fr) 24px!important}.wa-quick-card.compact .wa-template-icon{display:none!important}.wa-quick-card.compact strong,.wa-quick-card.compact span{grid-column:1}.wa-quick-card.compact b{grid-column:2}
.wa-radio-card-list{display:grid!important;gap:10px!important}.wa-radio-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:68px;padding:14px 16px!important;border:1px solid rgba(9,44,30,.11)!important;border-radius:18px!important;background:#fff;box-shadow:0 8px 24px rgba(9,44,30,.06);cursor:pointer;transition:.18s}.wa-radio-card input{position:absolute;opacity:0;pointer-events:none}.wa-radio-card::after{content:'Select';font-size:11px;font-weight:800;color:var(--ok-green-2);background:rgba(22,201,111,.1);padding:6px 10px;border-radius:999px}.wa-radio-card:has(input:checked),.wa-radio-card.selected{border-color:rgba(22,201,111,.55)!important;background:linear-gradient(180deg,#f2fff8,#fff)!important;box-shadow:0 14px 34px rgba(22,201,111,.15)}.wa-radio-card:has(input:checked)::after,.wa-radio-card.selected::after{content:'Selected';background:linear-gradient(135deg,#12b76a,#0b8f55);color:#fff}.wa-radio-card small{display:block;color:var(--muted);margin-top:4px;line-height:1.35}
#qual-donut,#bot-donut,#source-donut,#status-chart,#source-chart{width:118px!important;height:118px!important;max-width:118px!important;max-height:118px!important}.wa-panel:has(#qual-donut) > div:not(.wa-panel-head),.wa-panel:has(#bot-donut) > div:not(.wa-panel-head){display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;align-items:center!important;gap:16px!important}.wa-panel:has(#qual-donut) [style*="width:150px"],.wa-panel:has(#bot-donut) [style*="width:150px"]{width:132px!important;height:132px!important}.wa-panel:has(#bot-donut) #bot-avg{display:inline-flex!important;width:auto!important;margin-top:12px!important;padding:8px 12px!important;border-radius:999px!important;background:rgba(22,201,111,.10)!important;color:var(--ok-green-2)!important;font-weight:800!important}.donut-legend-row{display:grid!important;grid-template-columns:12px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}.donut-legend-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-card,.team-member-card,.role-row{border-radius:18px!important}.template-icon,.bc-thumb{overflow:hidden}.template-icon img,.bc-thumb img{width:28px;height:28px;object-fit:contain}.wa-input,input,select,textarea{border-radius:14px!important;border:1px solid rgba(9,44,30,.14)!important}.wa-primary-btn,.khp-btn-primary,.wa-ghost-btn,.khp-btn-secondary{border-radius:14px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800!important}.wa-primary-btn img{width:20px;height:20px}.wa-form-actions{display:flex;gap:10px;justify-content:flex-end}.wa-modal[hidden]{display:none!important}.wa-modal{position:fixed;inset:0;background:rgba(5,17,12,.52);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:1000;padding:20px}.wa-modal-card{max-width:760px;width:min(760px,100%);max-height:90vh;overflow:auto;background:var(--panel);border-radius:26px;padding:24px;border:1px solid rgba(22,201,111,.15);box-shadow:0 30px 90px rgba(0,0,0,.25);position:relative}.wa-modal-close{position:absolute;right:18px;top:14px;border:0;background:rgba(15,35,26,.08);border-radius:12px;width:36px;height:36px;font-size:22px}
.settings-tab-panel{display:none}.settings-tab-panel.active{display:block}.wa-tabs-bar button.active{background:linear-gradient(135deg,#12b76a,#0a8f52)!important;color:#fff!important;border-color:transparent!important}.wa-tabs-bar.scroll{overflow:auto;scrollbar-width:none}.wa-settings-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v55-upload-card img{width:70px!important;height:70px!important;border-radius:20px!important;object-fit:cover;background:#f1fbf5}.wa-form-grid.two,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wa-form-grid.one{display:grid;grid-template-columns:1fr;gap:14px}.wa-form-grid .full,.full{grid-column:1/-1}.wa-side-stack{display:grid;gap:14px}.wa-mini-panel{border:1px solid var(--line);border-radius:20px;padding:18px;background:#fff}.v55-sensitive-box{border:1px solid rgba(22,201,111,.15);background:#f5fff9;border-radius:18px;padding:14px;display:grid;gap:8px}.v55-check{display:flex;gap:10px;align-items:center}
.report-date-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}.preset-group{display:flex;gap:8px;flex-wrap:wrap}.preset-group button{border:1px solid rgba(22,201,111,.16);background:#fff;border-radius:999px;padding:10px 12px;font-weight:800;color:var(--ok-green-2)}.simple-bars{display:grid;gap:12px}.simple-bars div{display:grid;grid-template-columns:120px 1fr 50px;gap:10px;align-items:center}.simple-bars b{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#12b76a,#8cffb1)}.simple-bars strong{text-align:right}.simple-bars span{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v55-label-grid,.v55-integration-grid,.ops-permission-matrix,.crm-flow-grid,.feature-story-grid,.module-roadmap-grid,.trust-grid-pro,.pricing-grid-pro{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.v55-label-card,.v55-integration-card,.ops-permission-matrix article,.crm-flow-grid div,.feature-story-card,.module-card-pro,.trust-grid-pro article,.pricing-card-pro{border-radius:24px;background:linear-gradient(180deg,#fff,#f8fffb);border:1px solid rgba(22,201,111,.14);box-shadow:var(--ok-shadow);padding:20px}.v55-card-head{display:flex;justify-content:space-between;align-items:center}.v55-label-dot{width:14px;height:14px;border-radius:50%;display:inline-block}.premium-feature-list{display:grid;gap:14px}.premium-feature-list div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px}.premium-feature-list img,.crm-flow-grid img,.feature-story-card img,.module-card-pro img,.trust-grid-pro img{width:46px;height:46px;object-fit:contain}.premium-feature-list span{grid-column:2;color:var(--muted);font-size:13px}.crm-flow-grid span,.crm-flow-grid p,.module-card-pro p,.feature-story-card p,.trust-grid-pro p{color:var(--muted);font-size:14px;line-height:1.6}.module-card-pro span{display:inline-flex;border-radius:999px;padding:6px 10px;background:rgba(22,201,111,.1);color:var(--ok-green-2);font-weight:800;font-size:11px}.pricing-card-pro.featured{border-color:rgba(22,201,111,.55);box-shadow:0 24px 80px rgba(22,201,111,.18)}.plan-price .amount{font-size:46px;font-weight:900;letter-spacing:-.06em}.pricing-card-pro ul{display:grid;gap:9px;padding:0;margin:18px 0;list-style:none}.pricing-card-pro li{display:flex;gap:10px;align-items:flex-start}.pricing-card-pro li span{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#12b76a,#80ffb7);flex:none;margin-top:3px}.addon-premium-toggle{max-width:720px;margin:0 auto 22px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid rgba(22,201,111,.25);border-radius:22px;padding:16px 18px;box-shadow:var(--ok-shadow)}.addon-premium-toggle input{width:22px;height:22px}.addon-premium-toggle small{display:block;color:var(--muted);margin-top:3px}.addon-premium-toggle em{font-style:normal;font-weight:900;color:var(--ok-green-2)}.checkout-summary-pro,.compliance-note{border-radius:22px;background:#0b2418;color:#dfffee;padding:20px;margin-top:22px}.checkout-summary-pro span,.compliance-note p{display:block;color:#b9e9ce;margin-top:6px}.hero-split{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.ops-hero-final{padding:70px 0}.annotated-preview{position:relative;min-height:360px;background:radial-gradient(circle at 30% 30%,rgba(22,201,111,.28),transparent 38%),#081e14;border-radius:34px;padding:26px;box-shadow:0 30px 100px rgba(0,0,0,.22)}.mini-window{height:300px;background:#fff;border-radius:24px;display:grid;grid-template-columns:84px 1fr;overflow:hidden}.mini-sidebar{background:#0c2519}.mini-main{padding:22px;display:grid;gap:16px}.mini-main div{border-radius:18px;background:linear-gradient(90deg,#e9fff4,#fff);border:1px solid #d5f6e2}.callout{position:absolute;background:#fff;border:1px solid rgba(22,201,111,.22);border-radius:999px;padding:9px 12px;font-weight:900;font-size:12px;box-shadow:0 14px 40px rgba(0,0,0,.15)}.c1{left:24px;top:32px}.c2{right:24px;top:120px}.c3{left:120px;bottom:30px}.public-cta-row{display:flex;justify-content:center;gap:12px;margin-top:26px}.trust-stack{display:grid;gap:12px}.trust-stack div{padding:18px;border-radius:18px;background:#fff;border:1px solid rgba(22,201,111,.12);box-shadow:var(--ok-shadow)}.faq-search-pro{width:100%;max-width:680px;margin:0 auto 22px;display:block;padding:16px 18px;border-radius:18px}.faq-grid-pro{display:grid;gap:12px;max-width:900px;margin:0 auto}.faq-grid-pro details{background:#fff;border:1px solid rgba(22,201,111,.14);border-radius:18px;padding:16px;box-shadow:0 12px 40px rgba(9,44,30,.07)}.faq-grid-pro summary{cursor:pointer;display:grid;gap:4px}.faq-grid-pro summary span{color:var(--ok-green-2);font-size:12px;font-weight:900;text-transform:uppercase}.faq-grid-pro p{color:var(--muted)}
@media (max-width:1180px){.app-shell{grid-template-columns:1fr}.wa-sidebar{position:fixed;z-index:1002;inset:0 auto 0 0;width:min(320px,86vw);transform:translateX(-105%);transition:.2s}.app-sidebar-open .wa-sidebar{transform:translateX(0)}.main-shell{grid-column:1}.wa-searchbar{display:none}.wa-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-split{grid-template-columns:1fr}.report-date-form{grid-template-columns:1fr 1fr}.preset-group{grid-column:1/-1}.wa-form-grid.two,.settings-grid,.wa-settings-main{grid-template-columns:1fr}.wa-panel:has(#qual-donut) > div:not(.wa-panel-head),.wa-panel:has(#bot-donut) > div:not(.wa-panel-head){grid-template-columns:1fr!important;justify-items:center}.simple-bars div{grid-template-columns:90px 1fr 42px}}
@media (max-width:640px){.content{padding:16px}.wa-page-head{display:grid;gap:12px}.wa-head-actions{flex-wrap:wrap}.wa-metrics-grid,.wa-metrics-grid.five,.wa-metrics-grid.six,.wa-grid,.wa-grid.cols-2,.wa-grid.cols-3-2{grid-template-columns:1fr!important}.wa-quick-actions{grid-template-columns:1fr!important}.wa-quick-card{min-height:96px!important}.wa-topbar-actions .wa-date-pill,.theme-toggle span:last-child{display:none}.report-date-form{grid-template-columns:1fr}.pricing-grid-pro,.module-roadmap-grid,.feature-story-grid,.trust-grid-pro{grid-template-columns:1fr}.addon-premium-toggle{grid-template-columns:auto 1fr}.addon-premium-toggle em{grid-column:2}.annotated-preview{min-height:260px}.mini-window{height:220px}.callout{font-size:10px}.wa-data-table{min-width:680px}.table-wrap{overflow:auto}}


/* Watilo v5.7 verified correction patch */
.wa-icon-btn>span.wa-icon-symbol,.wa-icon-btn .wa-icon-symbol{position:static!important;inset:auto!important;min-width:0!important;width:24px!important;height:24px!important;padding:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;display:grid!important;place-items:center!important;box-shadow:none!important;transform:none!important;}
.wa-icon-btn>span.wa-icon-symbol img,.wa-icon-btn .wa-icon-symbol img{width:24px!important;height:24px!important;object-fit:contain!important;display:block!important;}
.wa-icon-btn>b{position:absolute!important;top:-5px!important;right:-5px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;display:grid!important;place-items:center!important;line-height:1!important;}
.wa-chart-balanced,.chart-fit,.v55-chart-fit{min-height:210px!important;display:grid!important;grid-template-columns:minmax(120px,170px) minmax(0,1fr)!important;gap:18px!important;align-items:center!important;}
.chart-fit canvas,.v55-chart-fit canvas,.wa-chart-balanced canvas{width:170px!important;height:170px!important;max-width:170px!important;max-height:170px!important;margin:auto!important;}
#bot-donut-wrap canvas,.v55-compact-donut{width:158px!important;height:158px!important;max-width:158px!important;max-height:158px!important;}
.crm-locked-panel{border-color:rgba(255,197,85,.32)!important;background:linear-gradient(135deg,rgba(255,197,85,.09),rgba(32,212,123,.04))!important;}
.locked-blur{opacity:.55;filter:saturate(.7);}
.wa-table-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.wa-table-actions form{margin:0}.wa-ghost-btn.danger{border-color:rgba(239,77,90,.28)!important;color:#ff8b93!important;}
@media(max-width:760px){.wa-chart-balanced,.chart-fit,.v55-chart-fit{grid-template-columns:1fr!important}.chart-fit canvas,.v55-chart-fit canvas,.wa-chart-balanced canvas{width:150px!important;height:150px!important}.pricing-grid-pro{grid-template-columns:1fr!important}.addon-premium-toggle{border-radius:20px!important;align-items:flex-start!important}.wa-table-actions{display:grid}}


/* v5.8 SaaS Admin Separation + Access Release Console */
.admin-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:#f4f8f6;color:#0b1f2f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.admin-main-shell{min-width:0}.admin-content{padding:30px 38px 70px;max-width:1680px;margin:0 auto}.admin-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#052d24,#074633 55%,#05261f);padding:22px 18px;display:flex;flex-direction:column;gap:18px;color:#eafff6;border-right:1px solid rgba(255,255,255,.08);box-shadow:14px 0 40px rgba(0,40,20,.18);z-index:20}.admin-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;padding:8px 8px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.admin-brand-logo{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.08);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.admin-brand-logo img{width:32px;height:32px;object-fit:contain}.admin-brand strong{display:block;font-size:18px;letter-spacing:-.02em}.admin-brand small{display:block;color:#a8d5c5;font-size:12px;margin-top:2px}.admin-owner-badge{background:rgba(44,211,139,.1);border:1px solid rgba(93,255,178,.18);border-radius:18px;padding:14px}.admin-owner-badge span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#68efad;font-weight:800}.admin-owner-badge strong{display:block;font-size:13px;line-height:1.35;margin-top:8px;color:#dbfff0}.admin-nav{display:grid;gap:8px}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:14px;color:#c9f5e5;text-decoration:none;font-weight:700;border:1px solid transparent}.admin-nav-item img{width:24px;height:24px;object-fit:contain}.admin-nav-item:hover,.admin-nav-item.active{background:rgba(63,213,136,.18);border-color:rgba(93,255,178,.22);color:#fff}.admin-sidebar-foot{margin-top:auto;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px;background:rgba(255,255,255,.06)}.admin-sidebar-foot a{color:#fff;font-weight:800;text-decoration:none}.admin-sidebar-foot small{display:block;color:#b6ddce;margin-top:6px;line-height:1.35}.admin-topbar{height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 38px;border-bottom:1px solid #dce9e4;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.admin-search{flex:1;max-width:760px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d9e8e1;border-radius:18px;padding:10px 12px;box-shadow:0 8px 24px rgba(9,50,35,.06)}.admin-search img{width:22px;height:22px}.admin-search input{flex:1;border:0;outline:0;background:transparent;color:#6b7d83;font-size:14px}.admin-search a,.admin-action,.admin-signout{border:1px solid #cfe5dc;background:#fff;color:#0d2f27;text-decoration:none;border-radius:14px;padding:11px 15px;font-weight:800;white-space:nowrap}.admin-top-actions{display:flex;align-items:center;gap:10px}.admin-action:hover,.admin-search a:hover{background:#eefaf5}.admin-signout{cursor:pointer}.admin-hero{background:linear-gradient(135deg,#ffffff,#edf8f2);border:1px solid #d8ebe2;border-radius:30px;padding:34px;display:flex;align-items:flex-start;justify-content:space-between;gap:32px;box-shadow:0 24px 60px rgba(11,53,36,.08);margin-bottom:22px}.admin-hero.compact{padding:28px}.admin-eyebrow{display:inline-flex;align-items:center;text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:11px;color:#0a9f60;background:#e1faef;border-radius:999px;padding:7px 10px;margin-bottom:12px}.admin-hero h1{font-size:clamp(28px,3vw,48px);line-height:1.05;margin:0;color:#0a1d2d;letter-spacing:-.05em;max-width:880px}.admin-hero p{font-size:16px;color:#36545d;line-height:1.6;max-width:1050px;margin:18px 0 0}.admin-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.admin-btn{border:0;border-radius:15px;padding:12px 17px;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}.admin-btn.primary{background:linear-gradient(135deg,#2fd47f,#19aa65);color:#061d14;box-shadow:0 14px 28px rgba(26,180,103,.24)}.admin-btn.secondary{background:#fff;border:1px solid #d4e7df;color:#0d2f27}.admin-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:22px}.admin-metrics article,.admin-panel{background:#fff;border:1px solid #dbeae4;border-radius:24px;box-shadow:0 18px 50px rgba(10,45,33,.06)}.admin-metrics article{padding:22px}.admin-metrics span{display:block;color:#53706c;font-size:13px;font-weight:800}.admin-metrics strong{display:block;font-size:34px;line-height:1;margin:10px 0;color:#071e2d;letter-spacing:-.04em}.admin-metrics small{color:#67837d}.admin-panel-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.admin-panel{padding:22px}.admin-panel.wide{grid-row:span 2}.admin-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.admin-panel-head h2{margin:0;font-size:22px;letter-spacing:-.03em;color:#0a1d2d}.admin-panel-head a{color:#0fa76a;text-decoration:none;font-weight:900}.admin-table-wrap{overflow:auto;border-radius:18px;border:1px solid #e0ece7}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th{text-align:left;background:#f5fbf8;color:#53706c;text-transform:uppercase;letter-spacing:.08em;font-size:11px;padding:13px}.admin-table td{padding:14px 13px;border-top:1px solid #e5f0eb;vertical-align:top;color:#0d2a38}.admin-table td strong{display:block;color:#071e2d}.admin-table td small{display:block;color:#6a817b;margin-top:4px}.admin-status,.admin-feature{display:inline-flex;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.admin-status.active,.admin-feature.on{background:#dff9ec;color:#087247}.admin-status.suspended,.admin-feature.off{background:#fff0d8;color:#8a5200}.admin-status.cancelled{background:#ffe1e1;color:#a32626}.admin-mini-link{display:inline-flex;border-radius:10px;background:#ecfbf4;color:#07814d;text-decoration:none;font-weight:900;padding:8px 10px}.admin-check-list{display:grid;gap:12px}.admin-check-list p,.admin-revenue-list p{margin:0;padding:14px;border:1px solid #e0eee8;border-radius:16px;background:#f8fdfa}.admin-check-list strong,.admin-revenue-list strong{display:block;color:#092536}.admin-check-list span,.admin-revenue-list span{display:block;color:#58746d;margin-top:4px}.admin-muted{color:#66817b}.access-table td{min-width:150px}.access-table td[colspan]{min-width:720px}.admin-release-form{display:grid;gap:14px}.admin-release-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.release-card{position:relative;border:1px solid #dbeae4;border-radius:16px;background:#f9fdfb;padding:14px 14px 14px 44px;cursor:pointer;min-height:74px}.release-card input{position:absolute;left:15px;top:16px;width:18px;height:18px;accent-color:#27c77b}.release-card span{display:block;font-weight:900;color:#0b2b36}.release-card small{display:block;color:#5d7770;margin-top:4px;line-height:1.3}.release-card.checked{border-color:#29cc7f;background:linear-gradient(135deg,#e9fff4,#f9fffc);box-shadow:inset 0 0 0 1px rgba(41,204,127,.15)}.release-card.small{min-height:auto}.admin-release-row{display:grid;grid-template-columns:140px 180px 160px 1fr auto;gap:10px}.admin-release-row select,.admin-release-row input{width:100%;border:1px solid #d5e7df;border-radius:12px;padding:11px 12px;background:#fff;color:#0d2a38;font-weight:700}.admin-admin-note{background:#eafff4;border:1px solid #c9f4de;border-radius:18px;padding:18px}@media(max-width:1100px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-topbar{position:relative;flex-direction:column;height:auto;align-items:stretch}.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-panel-grid{grid-template-columns:1fr}.admin-release-grid{grid-template-columns:1fr 1fr}.admin-release-row{grid-template-columns:1fr}}@media(max-width:640px){.admin-content{padding:20px}.admin-metrics,.admin-release-grid{grid-template-columns:1fr}.admin-hero{flex-direction:column}.admin-top-actions{flex-wrap:wrap}.admin-search{max-width:none}.access-table td[colspan]{min-width:480px}}


/* v6.0 admin review fix: hardened logo sizing, login pages, admin shell and access console */
html,body{max-width:100%;overflow-x:hidden;}
img[data-logo-guard],.login-logo,.login-logo-mark,.khp-brand-logo,.wa-brand-icon img,.admin-brand-logo img,.portal-head img{object-fit:contain!important;display:block!important;}
.login-logo,.login-logo-mark{width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;border-radius:16px!important;}
.admin-brand-logo,.wa-brand-icon,.khp-brand-logo{overflow:hidden!important;}
.admin-shell{grid-template-columns:280px minmax(0,1fr)!important;background:#f5f8fb!important;color:#0d2235!important;}
.admin-content{width:100%;max-width:1680px!important;box-sizing:border-box!important;}
.admin-sidebar img,.admin-topbar img,.admin-panel img{max-width:100%;height:auto;}
.admin-topbar{box-sizing:border-box!important;}
.admin-search input{cursor:text!important;}
.admin-panel-grid.settings-grid{grid-template-columns:2fr 1fr!important;align-items:start;}
.admin-form{display:grid;gap:16px}.admin-form.compact{gap:12px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-form-grid .span-2{grid-column:span 2}.admin-form label{display:grid;gap:7px;color:#35524c;font-weight:800}.admin-form input,.admin-form select,.admin-form textarea{width:100%;box-sizing:border-box;border:1px solid #d5e7df;border-radius:14px;background:#fff;color:#0b2535;padding:12px 13px;font-weight:700;outline:0}.admin-form textarea{min-height:96px;resize:vertical}.admin-form-actions{display:flex;justify-content:flex-end;gap:10px}.admin-brand-upload{display:grid;gap:14px}.admin-logo-preview{width:92px;height:92px;border-radius:24px;background:#ecfbf4;border:1px solid #ccebdd;display:grid;place-items:center}.admin-logo-preview img{width:58px!important;height:58px!important;object-fit:contain!important}.admin-release-list{display:grid;gap:18px}.admin-tenant-card{display:grid;gap:16px;padding:18px;border:1px solid #dbeae4;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(13,46,35,.05)}.admin-tenant-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.admin-tenant-head strong{display:block;color:#0a1d2d;font-size:18px}.admin-tenant-head small{display:block;color:#607b75;margin-top:4px}.admin-empty-state{padding:32px;border:1px dashed #c6e4d7;border-radius:20px;background:#f8fffb;color:#55726c;font-weight:800}.admin-ticket-thread{display:grid;gap:12px;margin-bottom:18px}.admin-ticket-message{border:1px solid #e0eee8;border-radius:18px;background:#f8fdfa;padding:16px}.admin-ticket-message strong{display:block;color:#0a1d2d}.admin-ticket-message small{display:block;color:#687f79;margin-top:2px}.admin-ticket-message p{color:#294d54;line-height:1.55}.admin-panel .admin-status{vertical-align:middle}.login-page .login-card img{width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;object-fit:contain!important}
@media(max-width:1100px){.admin-panel-grid.settings-grid{grid-template-columns:1fr!important}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .span-2{grid-column:auto}.admin-hero,.admin-tenant-head{flex-direction:column}.admin-release-row{grid-template-columns:1fr!important}.admin-release-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.admin-release-grid{grid-template-columns:1fr!important}.admin-sidebar{padding:16px!important}.admin-topbar{padding:16px!important}.admin-content{padding:18px!important}.admin-metrics{grid-template-columns:1fr!important}}


/* v6.1 full audit refinement pass: global professional UI, sticky shell, charts, cards, forms, dark mode */
:root{--ok-bg:#f5f8fb;--ok-card:#ffffff;--ok-card-soft:#f7fffb;--ok-ink:#0b1f33;--ok-muted:#61748a;--ok-line:#dcece5;--ok-green:#35c982;--ok-green2:#13a764;--ok-shadow:0 22px 70px rgba(16,45,36,.10);--ok-shadow-sm:0 12px 32px rgba(16,45,36,.08);--ok-radius:24px;--ok-radius-sm:16px}
html[data-theme='dark']{--ok-bg:#061713;--ok-card:#0b211c;--ok-card-soft:#0f2b24;--ok-ink:#effff7;--ok-muted:#a6c8ba;--ok-line:#23483d;--ok-shadow:0 24px 70px rgba(0,0,0,.38);--ok-shadow-sm:0 14px 34px rgba(0,0,0,.28)}
body{background:radial-gradient(circle at 15% 0,rgba(53,201,130,.08),transparent 360px),var(--ok-bg);color:var(--ok-ink)}
.app-shell{display:grid;grid-template-columns:242px minmax(0,1fr);height:100vh;min-height:100vh;overflow:hidden}.main-shell{height:100vh;min-height:0;overflow:auto}.content{max-width:1660px;width:100%;margin:0 auto;padding:28px 34px 70px}.wa-sidebar{position:sticky;top:0;height:100vh;overflow:hidden;padding:18px 16px}.wa-nav{overflow:auto;padding-right:4px}.wa-sidebar-foot{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(7,38,31,.72),#07261f 34%);padding-top:12px}.wa-topbar{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,var(--ok-bg),rgba(245,248,251,.86));backdrop-filter:blur(18px);padding:18px 34px 14px}.wa-icon-btn span.wa-icon-symbol{position:static!important;top:auto!important;right:auto!important;background:transparent!important;color:inherit!important;width:22px;height:22px;min-width:22px;padding:0;border-radius:0}.wa-icon-btn span.wa-icon-symbol img{width:22px;height:22px;object-fit:contain}.wa-icon-btn b{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;border-radius:999px;background:#f04f55;color:#fff;font-size:11px;display:grid;place-items:center;border:2px solid var(--ok-card)}
.wa-brand strong,.wa-nav-item span:last-child,.wa-user-card strong{letter-spacing:-.02em}.wa-brand-icon img,.ok-premium-nav-icon img,.wa-metric-icon img,.premium-metric-img{width:28px!important;height:28px!important;object-fit:contain!important}.ok-premium-nav-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(70,232,145,.18),rgba(39,182,112,.08));box-shadow:inset 0 0 0 1px rgba(142,255,196,.16)}
.wa-panel,.wa-mini-panel,.panel,.metric,.wa-metric-card,.ok-card{background:linear-gradient(180deg,var(--ok-card),var(--ok-card-soft));border:1px solid var(--ok-line);border-radius:var(--ok-radius);box-shadow:var(--ok-shadow)}.wa-metric-card{min-height:106px;padding:20px 22px}.wa-metric-card .wa-metric-icon,.wa-metric-icon{width:58px;height:58px;border-radius:18px;background:radial-gradient(circle at 32% 24%,#86f5b5,rgba(53,201,130,.14) 50%,transparent 76%);box-shadow:inset 0 0 0 1px rgba(53,201,130,.22)}.wa-metric-card strong{font-size:28px}.wa-metrics-grid.five,.wa-metrics-grid.six{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.wa-grid.cols-2,.wa-grid.cols-3,.wa-grid.cols-4,.wa-grid.cols-3-2,.wa-grid.cols-broadcast{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.span-2,.span-3{grid-column:auto}.wa-panel-head h3,.wa-mini-panel h4{font-size:20px;letter-spacing:-.03em}.wa-page-head h1,.page-head h1{letter-spacing:-.055em;color:var(--ok-ink)}
.inline-gap,.card-title-row,.meta-row,.ok-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.badge,.wa-pill,.admin-status,.admin-feature,.wa-inline-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.ok-muted{color:var(--ok-muted)}.ok-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--ok-green2);font-weight:900;font-size:11px}.ok-section-title{font-size:clamp(24px,3vw,42px);line-height:1.05;letter-spacing:-.055em;margin:0 0 8px}.ok-section-copy{color:var(--ok-muted);max-width:900px}.ok-action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn,.wa-primary-btn,.wa-ghost-btn,.admin-btn,.khp-btn,.ok-btn{min-height:46px;border-radius:15px;padding:12px 18px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px}.wa-primary-btn,.admin-btn.primary,.khp-btn-primary,.ok-btn.primary{background:linear-gradient(135deg,#57e79a,#17aa67);color:#052216;border:0;box-shadow:0 14px 30px rgba(29,191,115,.22)}.wa-ghost-btn,.admin-btn.secondary,.khp-btn-secondary,.ok-btn.secondary{background:var(--ok-card);border:1px solid var(--ok-line);color:var(--ok-ink)}button:not(.unstyled){cursor:pointer}.full,.btn.full,.ok-btn.full{width:100%}
input,select,textarea{border:1px solid var(--ok-line)!important;background:rgba(255,255,255,.72);color:var(--ok-ink);border-radius:15px!important;padding:13px 14px!important;box-shadow:none}html[data-theme='dark'] input,html[data-theme='dark'] select,html[data-theme='dark'] textarea{background:#102a24;color:var(--ok-ink)}label{color:var(--ok-muted);font-weight:800}.form-grid,.wa-form-grid,.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.block-label,.full{grid-column:1/-1}.form-actions,.admin-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.equal-card-grid,.ok-module-grid,.ok-command-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.equal-card-grid>*{height:100%}.ok-equal-card{display:flex;align-items:center;gap:16px;min-height:118px;padding:20px;border-radius:22px;border:1px solid var(--ok-line);background:linear-gradient(180deg,var(--ok-card),var(--ok-card-soft));box-shadow:var(--ok-shadow-sm)}.ok-equal-card .ok-card-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(53,201,130,.12);flex:none}.ok-equal-card .ok-card-icon img{width:32px;height:32px}.ok-equal-card strong{display:block;font-size:18px;margin-bottom:4px}.ok-equal-card p{margin:0;color:var(--ok-muted)}.ok-equal-card .ok-arrow{margin-left:auto;width:34px;height:34px;border-radius:50%;background:#dcfaeb;color:#0b8f56;display:grid;place-items:center;font-weight:900}
.wa-radio-card,.ok-select-card,.release-card{display:grid!important;grid-template-columns:auto 1fr;align-items:start;gap:12px;min-height:86px;padding:18px!important;border-radius:18px!important;border:1px solid var(--ok-line)!important;background:linear-gradient(180deg,var(--ok-card),var(--ok-card-soft))!important;position:relative}.wa-radio-card input,.ok-select-card input,.release-card input{position:static!important;width:20px!important;height:20px!important;accent-color:var(--ok-green);margin:2px 0 0!important}.wa-radio-card.selected,.ok-select-card.selected,.release-card.checked{border-color:var(--ok-green)!important;box-shadow:0 0 0 3px rgba(53,201,130,.12),var(--ok-shadow-sm)}.release-card span{font-size:15px}.release-card small{font-size:13px;color:var(--ok-muted);line-height:1.4}.admin-release-grid{display:grid!important;grid-template-columns:repeat(4,minmax(180px,1fr))!important;gap:14px!important}.admin-release-row{display:grid!important;grid-template-columns:140px 170px 160px minmax(220px,1fr) auto!important;gap:12px!important;align-items:end}.admin-tenant-card{padding:24px!important}.admin-table{min-width:980px}.admin-table th,.admin-table td{white-space:normal;line-height:1.45}.admin-panel,.admin-hero,.admin-metrics article{border-radius:28px}.admin-form-grid .span-2{grid-column:1/-1}
.ok-chart-card{min-height:280px;display:flex;flex-direction:column}.ok-chart-body{flex:1;display:grid;grid-template-columns:minmax(140px,210px) 1fr;align-items:center;gap:22px}.wa-donut{width:150px;height:150px;margin:auto}.wa-donut.large{width:160px;height:160px}.wa-donut.small{width:128px;height:128px}.wa-donut span{font-size:13px}.wa-donut strong{font-size:30px}.wa-legend-list li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.wa-legend-list li span{margin-left:0;text-align:right}.wa-empty-state{border:1px dashed var(--ok-line);background:rgba(53,201,130,.05);border-radius:20px;padding:26px;color:var(--ok-muted);text-align:center;font-weight:700}.wa-panel .wa-empty-state.big{min-height:150px;display:grid;place-items:center}
.ok-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.ok-action-card{display:grid;grid-template-columns:64px 1fr 38px;align-items:center;gap:18px;padding:22px;border:1px solid var(--ok-line);border-radius:24px;background:linear-gradient(135deg,var(--ok-card),var(--ok-card-soft));box-shadow:var(--ok-shadow-sm);min-height:116px}.ok-action-card .icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(53,201,130,.12)}.ok-action-card img{width:32px;height:32px;object-fit:contain}.ok-action-card strong{font-size:18px;display:block}.ok-action-card span{color:var(--ok-muted)}.ok-action-card .arrow{width:34px;height:34px;border-radius:50%;background:#e4faee;color:#119b60;display:grid;place-items:center;font-weight:900}
.ok-finance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.ok-export-bar{display:flex;gap:10px;flex-wrap:wrap}.ok-table-wrap{overflow:auto;border:1px solid var(--ok-line);border-radius:20px;background:var(--ok-card)}.ok-table{width:100%;border-collapse:collapse}.ok-table th{padding:13px 14px;text-align:left;color:var(--ok-muted);text-transform:uppercase;font-size:11px;letter-spacing:.08em;background:rgba(53,201,130,.05)}.ok-table td{padding:14px;border-top:1px solid var(--ok-line);vertical-align:middle}.ok-template-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.ok-template-duo .wa-panel{display:flex;flex-direction:column}.ok-template-duo form{display:flex;flex-direction:column;gap:14px;flex:1}.ok-template-duo .form-actions{margin-top:auto}.ok-file-input{display:block;width:100%;padding:18px!important;border:1px dashed var(--ok-line)!important;background:rgba(53,201,130,.04)!important}.v55-label-card{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:10px!important}.v55-label-card strong{display:inline!important}.v55-label-card small{display:inline-flex!important;margin-left:6px!important;padding:4px 9px!important;border-radius:999px!important;background:rgba(53,201,130,.11)!important;color:var(--ok-green2)!important}.v55-label-card p{grid-column:2/-1;margin:0;color:var(--ok-muted)}.v55-label-card form{grid-column:2/-1}.v55-sensitive-box{display:grid!important;gap:10px!important}.v55-sensitive-box label,.ok-check-row{display:grid!important;grid-template-columns:22px 1fr!important;align-items:center!important;gap:12px!important;padding:13px 14px!important;border:1px solid var(--ok-line)!important;border-radius:14px!important;background:rgba(53,201,130,.04)!important}.v55-sensitive-box input,.ok-check-row input{margin:0!important;width:18px!important;height:18px!important}.permission-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.permission-card{border:1px solid var(--ok-line);border-radius:18px;padding:16px;background:linear-gradient(180deg,var(--ok-card),var(--ok-card-soft));box-shadow:var(--ok-shadow-sm)}.permission-card strong{display:block;margin-bottom:6px}.permission-card p{margin:0;color:var(--ok-muted)}
.khp-main{background:radial-gradient(circle at 20% 0,rgba(53,201,130,.12),transparent 440px),var(--ok-bg)}.khp-hero,.khp-section{padding:80px 20px}.khp-container{max-width:1240px;margin:0 auto}.khp-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(53,201,130,.12);color:#0f9b60;text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:11px}.khp-hero h1,.khp-section h1,.khp-section h2{font-size:clamp(38px,6vw,78px);line-height:.96;letter-spacing:-.07em;color:var(--ok-ink);margin:20px 0}.khp-hero p,.khp-section p{font-size:18px;line-height:1.7;color:var(--ok-muted)}.hero-split{display:grid;grid-template-columns:1fr .9fr;gap:54px;align-items:center}.hero-board{border-radius:34px;min-height:420px;background:linear-gradient(135deg,#07231d,#0e392e);box-shadow:0 30px 90px rgba(2,22,15,.32);border:1px solid rgba(53,201,130,.22);position:relative;overflow:hidden}.feature-story-grid,.pricing-grid-pro{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.feature-story-card,.pricing-card-pro{border:1px solid var(--ok-line);border-radius:30px;padding:28px;background:linear-gradient(180deg,var(--ok-card),var(--ok-card-soft));box-shadow:var(--ok-shadow);position:relative;overflow:hidden}.feature-story-card img{width:42px;height:42px}.feature-story-card strong{display:block;font-size:21px;margin:16px 0 8px}.feature-story-card span{position:absolute;right:22px;top:22px;color:rgba(53,201,130,.25);font-weight:900;font-size:34px}.pricing-card-pro.featured{border-color:var(--ok-green);box-shadow:0 30px 90px rgba(53,201,130,.18)}.plan-head em{display:inline-flex;border-radius:999px;padding:6px 10px;background:#e4faef;color:#0a9a5e;font-weight:900;font-style:normal}.plan-head strong{display:block;font-size:26px;margin:16px 0 8px}.plan-price .amount{font-size:64px;font-weight:950;letter-spacing:-.07em}.pricing-card-pro ul{list-style:none;margin:24px 0;padding:0;display:grid;gap:12px}.pricing-card-pro li{display:grid;grid-template-columns:18px 1fr;gap:10px}.pricing-card-pro li span{width:12px;height:12px;border-radius:999px;background:var(--ok-green);margin-top:6px}.addon-premium-toggle,.checkout-summary-pro{max-width:760px;margin:28px auto;display:grid;grid-template-columns:24px 1fr auto;gap:16px;align-items:center;border:1px solid var(--ok-line);border-radius:24px;padding:20px;background:linear-gradient(180deg,var(--ok-card),var(--ok-card-soft));box-shadow:var(--ok-shadow-sm)}.checkout-summary-pro{grid-template-columns:1fr;margin-top:22px}.khp-billing-toggle{display:flex;justify-content:center;gap:8px}.khp-billing-toggle button{border:1px solid var(--ok-line);border-radius:999px;padding:13px 22px;background:var(--ok-card);font-weight:900}.khp-billing-toggle .is-active{background:linear-gradient(135deg,#57e79a,#17aa67);color:#052216}
html[data-theme='dark'] .wa-panel,html[data-theme='dark'] .wa-mini-panel,html[data-theme='dark'] .wa-metric-card,html[data-theme='dark'] .ok-card,html[data-theme='dark'] .ok-equal-card,html[data-theme='dark'] .ok-action-card,html[data-theme='dark'] .pricing-card-pro,html[data-theme='dark'] .feature-story-card{background:linear-gradient(180deg,#0b211c,#0f2b24);color:var(--ok-ink)}html[data-theme='dark'] .wa-searchbar,html[data-theme='dark'] .wa-icon-btn,html[data-theme='dark'] .theme-toggle,html[data-theme='dark'] .wa-date-pill,html[data-theme='dark'] .wa-ghost-btn{background:#0c241f;border-color:var(--ok-line);color:var(--ok-ink)}html[data-theme='dark'] .wa-donut::after{background:#0b211c}.ai-summary-card,.crm-summary-card{background:linear-gradient(180deg,var(--ok-card),var(--ok-card-soft))!important;color:var(--ok-ink)!important;border-color:var(--ok-line)!important}.ai-summary-card *,.crm-summary-card *{color:var(--ok-ink)!important}.wa-chat-bubble,.chat-bubble{color:var(--ok-ink);background:var(--ok-card-soft)}
@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.wa-sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-105%);transition:.2s;z-index:100;width:290px}.app-sidebar-open .wa-sidebar{transform:translateX(0)}.app-sidebar-close{display:block;position:absolute;right:12px;top:12px}.main-shell{height:100vh}.app-mobile-menu{display:block}.wa-topbar{align-items:stretch;flex-direction:column}.wa-searchbar{max-width:none}.content{padding:22px}.hero-split{grid-template-columns:1fr}.admin-release-grid{grid-template-columns:1fr 1fr!important}.admin-release-row{grid-template-columns:1fr 1fr!important}.admin-release-row .admin-btn{grid-column:1/-1}}@media(max-width:700px){.wa-metrics-grid,.wa-metrics-grid.five,.wa-metrics-grid.six,.ok-template-duo,.form-grid,.wa-form-grid,.admin-form-grid{grid-template-columns:1fr}.ok-chart-body{grid-template-columns:1fr}.ok-action-card{grid-template-columns:54px 1fr 34px}.admin-release-grid,.admin-release-row{grid-template-columns:1fr!important}.khp-hero h1,.khp-section h1,.khp-section h2{font-size:42px}.wa-page-head{flex-direction:column}.form-actions{justify-content:stretch}.form-actions>*{width:100%;justify-content:center}}
/* v6.1 quick-action card polish */
.wa-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.wa-quick-card{display:grid!important;grid-template-columns:62px 1fr 34px;align-items:center;gap:18px;border:1px solid var(--ok-line)!important;border-radius:24px!important;background:linear-gradient(135deg,var(--ok-card),var(--ok-card-soft))!important;box-shadow:var(--ok-shadow-sm)!important;padding:22px!important;min-height:116px;color:var(--ok-ink)!important}.wa-quick-card .wa-metric-icon,.wa-quick-card > span:first-child{width:58px!important;height:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:rgba(53,201,130,.12)!important}.wa-quick-card img{width:32px!important;height:32px!important;object-fit:contain!important}.wa-quick-card strong{display:block;font-size:17px;letter-spacing:-.02em}.wa-quick-card small,.wa-quick-card span:not(:first-child){color:var(--ok-muted)}.wa-quick-card b{margin-left:auto;width:34px;height:34px;border-radius:50%;background:#e4faee;color:#119b60;display:grid;place-items:center;font-weight:900}


/* v6.2 emergency customer app render fix: use body scroll, fixed sidebar, no nested blank pages */
.app-shell{display:block!important;min-height:100vh!important;height:auto!important;overflow:visible!important;background:var(--ok-bg,#f4f8fb)!important;}
.wa-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:242px!important;height:100vh!important;z-index:60!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
.wa-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:5px!important;}
.wa-sidebar-foot{flex:0 0 auto!important;margin-top:12px!important;position:relative!important;bottom:auto!important;background:linear-gradient(180deg,rgba(7,38,31,.64),#07261f 42%)!important;}
.main-shell{display:block!important;margin-left:242px!important;min-height:100vh!important;height:auto!important;overflow:visible!important;min-width:0!important;}
.content{display:flex!important;flex-direction:column!important;gap:22px!important;max-width:1660px!important;width:100%!important;margin:0 auto!important;padding:28px 34px 70px!important;min-height:calc(100vh - 92px)!important;}
.wa-topbar{position:sticky!important;top:0!important;z-index:55!important;background:linear-gradient(180deg,rgba(244,248,251,.96),rgba(244,248,251,.88))!important;backdrop-filter:blur(18px)!important;}
.wa-panel,.wa-page-head,.wa-metrics-grid,.wa-grid,.ok-module-grid,.ok-command-grid,.wa-metric-card{visibility:visible!important;opacity:1!important;}
html[data-theme='dark'] .wa-topbar{background:linear-gradient(180deg,rgba(6,23,19,.96),rgba(6,23,19,.82))!important;}
html[data-theme='dark'] .wa-panel,html[data-theme='dark'] .wa-mini-panel,html[data-theme='dark'] .wa-metric-card,html[data-theme='dark'] .ok-equal-card,html[data-theme='dark'] .ok-action-card{background:linear-gradient(180deg,#0d241e,#0a1e19)!important;color:#eff8f3!important;border-color:#214c40!important;}
html[data-theme='dark'] .wa-mini-panel p,html[data-theme='dark'] .wa-panel p,html[data-theme='dark'] .wa-subtext,html[data-theme='dark'] small{color:#a8cfc1!important;}
html[data-theme='dark'] .wa-mini-panel[style],html[data-theme='dark'] .wa-mini-panel{color:#eff8f3!important;}
@media(max-width:1180px){.wa-sidebar{transform:translateX(-105%)!important;width:min(320px,86vw)!important}.app-sidebar-open .wa-sidebar{transform:translateX(0)!important}.main-shell{margin-left:0!important}.content{padding:20px!important}.app-sidebar-open .app-sidebar-backdrop{display:block!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.42)!important;z-index:50!important}.wa-topbar{padding:14px 18px!important;}}
@media(max-width:700px){.content{padding:16px!important}.wa-metrics-grid,.wa-grid,.ok-module-grid,.ok-command-grid{grid-template-columns:1fr!important}}

/* bundled from watilo-v63-final-audit.css */
/* Watilo v6.3 final audit visual recovery and consistency pass */
:root{
  --ok-bg:#f4f8fb;--ok-card:#ffffff;--ok-card-soft:#f8fcfa;--ok-line:#dbe8e3;--ok-ink:#071e2d;--ok-muted:#647481;--ok-green:#24d17e;--ok-green2:#0a9f61;--ok-shadow:0 18px 50px rgba(7,30,45,.08);--ok-shadow-sm:0 10px 28px rgba(7,30,45,.06);--ok-radius:24px;--ok-radius-sm:16px;
}
html[data-theme="dark"]{--ok-bg:#061713;--ok-card:#0d241f;--ok-card-soft:#102d26;--ok-line:#1b463a;--ok-ink:#effdf7;--ok-muted:#a3c1b5;--ok-shadow:0 18px 55px rgba(0,0,0,.28);--ok-shadow-sm:0 10px 30px rgba(0,0,0,.22)}
html,body{min-height:100%;background:var(--ok-bg)!important;color:var(--ok-ink)!important}*{box-sizing:border-box}.app-shell{min-height:100vh!important;background:var(--ok-bg)!important}.main-shell{min-width:0!important;background:var(--ok-bg)!important}.content{display:flex!important;flex-direction:column!important;gap:22px!important;width:100%!important;max-width:1660px!important;margin:0 auto!important;padding:28px 34px 70px!important;min-height:calc(100vh - 92px)!important;color:var(--ok-ink)!important;visibility:visible!important;opacity:1!important}.content>*{visibility:visible!important;opacity:1!important}.wa-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;height:100vh!important;z-index:80!important;overflow:hidden!important;box-shadow:0 0 0 1px rgba(255,255,255,.05),18px 0 52px rgba(0,0,0,.10)}.wa-nav{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important}.wa-sidebar-foot{flex:0 0 auto!important;position:relative!important;margin-top:12px!important}.main-shell{margin-left:242px!important}.wa-topbar{position:sticky!important;top:0!important;z-index:70!important;background:linear-gradient(180deg,rgba(244,248,251,.96),rgba(244,248,251,.84))!important;backdrop-filter:blur(18px)!important;padding:16px 34px!important;border-bottom:1px solid rgba(20,80,55,.06)}html[data-theme="dark"] .wa-topbar{background:linear-gradient(180deg,rgba(6,23,19,.98),rgba(6,23,19,.82))!important;border-bottom-color:rgba(92,255,168,.08)}
.wa-page-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:22px!important;margin-bottom:0!important}.wa-page-head h1{font-size:clamp(30px,3.2vw,48px)!important;line-height:1!important;letter-spacing:-.06em!important;margin:0 0 8px!important;color:var(--ok-ink)!important}.wa-page-head p{font-size:17px!important;line-height:1.6!important;color:var(--ok-muted)!important;max-width:880px!important;margin:0!important}.wa-head-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}.ok-eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.14em;color:var(--ok-green2);font-size:11px;font-weight:900;margin-bottom:10px}
.wa-panel,.wa-mini-panel,.wa-metric-card,.ok-card,.admin-panel,.admin-metric,.feature-story-card,.pricing-card-pro{background:linear-gradient(180deg,var(--ok-card),var(--ok-card-soft))!important;border:1px solid var(--ok-line)!important;border-radius:var(--ok-radius)!important;box-shadow:var(--ok-shadow)!important;color:var(--ok-ink)!important}.wa-panel{padding:24px!important}.wa-mini-panel{padding:22px!important}.wa-panel-head,.admin-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:18px!important}.wa-panel-head h3,.wa-mini-panel h3,.admin-panel-head h2,.admin-panel-head h3{font-size:20px!important;line-height:1.15!important;letter-spacing:-.035em!important;margin:0!important;color:var(--ok-ink)!important}.wa-subtext,.wa-empty-state,.wa-panel p,.wa-mini-panel p{color:var(--ok-muted)}.wa-empty-state{display:grid;place-items:center;min-height:112px;text-align:center;border:1px dashed var(--ok-line);border-radius:18px;background:rgba(36,209,126,.045);padding:22px;line-height:1.55}.wa-empty-state.big{min-height:170px}
.wa-metrics-grid,.ok-module-grid,.ok-command-grid,.equal-card-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:18px!important}.wa-metrics-grid.five,.wa-metrics-grid.six{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important}.wa-metric-card{display:flex!important;align-items:center!important;gap:16px!important;min-height:112px!important;padding:20px!important}.wa-metric-icon,.wa-metric-card .wa-metric-icon{width:58px!important;height:58px!important;min-width:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 30% 18%,#a8ffd0,rgba(36,209,126,.20) 50%,rgba(36,209,126,.06) 80%)!important;border:1px solid rgba(36,209,126,.22)!important}.wa-metric-icon img,.wa-metric-card img.premium-metric-img{width:32px!important;height:32px!important;object-fit:contain!important}.wa-metric-card span{display:block;color:var(--ok-muted);font-weight:800}.wa-metric-card strong{display:block;font-size:26px!important;letter-spacing:-.04em;color:var(--ok-ink)}.wa-metric-card small{display:block;color:var(--ok-muted)}
.wa-grid{display:grid!important;gap:18px!important}.wa-grid.cols-2,.wa-grid.cols-3,.wa-grid.cols-4,.wa-grid.cols-3-2,.wa-grid.cols-broadcast{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important}.span-2,.span-3{grid-column:auto!important}.ok-table-wrap{width:100%;overflow:auto;border-radius:18px;border:1px solid var(--ok-line);background:var(--ok-card)}.ok-table,.wa-data-table{width:100%;border-collapse:separate!important;border-spacing:0!important}.ok-table th,.ok-table td,.wa-data-table th,.wa-data-table td{padding:14px 16px!important;border-bottom:1px solid var(--ok-line)!important;text-align:left;vertical-align:middle!important;white-space:normal}.ok-table th,.wa-data-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ok-muted);background:rgba(36,209,126,.055)}.ok-table td strong{display:block;margin-bottom:3px}.ok-table td small{display:block;color:var(--ok-muted)}
.btn,.wa-primary-btn,.wa-ghost-btn,.admin-btn,.khp-btn,.ok-btn,.wa-link-inline,button,input[type="submit"]{min-height:44px!important;border-radius:15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-weight:900!important;text-decoration:none!important;line-height:1.1!important}.wa-primary-btn,.admin-btn.primary,.khp-btn-primary,.ok-btn.primary{border:0!important;background:linear-gradient(135deg,#6af0a4,#19ad6b)!important;color:#052218!important;box-shadow:0 14px 34px rgba(26,183,105,.22)!important}.wa-ghost-btn,.admin-btn.secondary,.khp-btn-secondary,.ok-btn.secondary,.wa-link-inline{border:1px solid var(--ok-line)!important;background:var(--ok-card)!important;color:var(--ok-ink)!important;padding:12px 16px!important}.wa-link-inline{min-height:34px!important;border-radius:999px!important;font-size:13px!important}.form-actions,.admin-form-actions,.ok-action-row{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:wrap!important}.form-actions.full,.full.form-actions{grid-column:1/-1}.form-actions .wa-primary-btn,.form-actions .wa-ghost-btn{min-width:150px}.wa-form-grid,.form-grid,.admin-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.wa-form-grid.one{grid-template-columns:1fr!important}.wa-form-grid label,.form-grid label,.admin-form-grid label{display:grid!important;gap:8px!important;color:var(--ok-muted)!important;font-weight:850!important}.wa-form-grid .full,.form-grid .full,.admin-form-grid .full{grid-column:1/-1!important}.block-label{display:grid!important;gap:8px!important}
input,select,textarea{width:100%;min-height:44px;border:1px solid var(--ok-line)!important;background:rgba(255,255,255,.76)!important;color:var(--ok-ink)!important;border-radius:15px!important;padding:12px 14px!important;outline:0!important}textarea{min-height:110px;resize:vertical}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#102d26!important;color:#effdf7!important}.ok-check-row,.permission-row,.admin-check-row,.release-card,.ok-select-card,.wa-radio-card{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:14px 16px!important;border:1px solid var(--ok-line)!important;border-radius:18px!important;background:linear-gradient(180deg,var(--ok-card),var(--ok-card-soft))!important;color:var(--ok-ink)!important}.ok-check-row input,.permission-row input,.admin-check-row input,.release-card input,.ok-select-card input,.wa-radio-card input{width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;margin:2px 0 0!important;padding:0!important}.release-card.checked,.ok-select-card.selected,.ok-select-card.checked,.wa-radio-card.selected,.wa-radio-card.checked{border-color:rgba(36,209,126,.75)!important;box-shadow:0 16px 38px rgba(36,209,126,.12)!important;background:linear-gradient(180deg,rgba(36,209,126,.11),var(--ok-card))!important}.release-card strong,.ok-select-card strong,.wa-radio-card strong{display:block}.release-card small,.ok-select-card small,.wa-radio-card small{display:block;color:var(--ok-muted);margin-top:3px}.wa-pill,.wa-inline-badge,.badge,.admin-status,.admin-feature{display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;border-radius:999px!important;padding:6px 10px!important;font-weight:900!important;font-size:12px!important;background:rgba(36,209,126,.12)!important;color:var(--ok-green2)!important;margin-left:0!important}.inline-gap,.card-title-row,.meta-row,.ok-inline{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.wa-list-stack{display:grid!important;gap:14px!important}.wa-action-row{display:flex!important;align-items:center!important;gap:12px!important;min-width:0}.wa-action-row>div{min-width:0}.wa-action-row strong{display:block;color:var(--ok-ink)}.wa-action-row small{display:block;color:var(--ok-muted);line-height:1.35}.ok-equal-card,.ok-action-card{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;min-height:112px!important;padding:18px!important;border:1px solid var(--ok-line)!important;border-radius:22px!important;background:linear-gradient(180deg,var(--ok-card),var(--ok-card-soft))!important;box-shadow:var(--ok-shadow-sm)!important;color:var(--ok-ink)!important;text-decoration:none!important}.ok-equal-card span,.ok-action-card span{min-width:0}.ok-equal-card strong,.ok-action-card strong{display:block!important;margin:0 0 5px!important;color:var(--ok-ink)!important}.ok-equal-card p,.ok-action-card em{display:block!important;margin:0!important;color:var(--ok-muted)!important;font-style:normal!important;line-height:1.45!important}.ok-card-icon,.ok-action-card .icon{width:58px!important;height:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:rgba(36,209,126,.12)!important}.ok-card-icon img,.ok-action-card .icon img{width:32px!important;height:32px!important;object-fit:contain!important}.ok-arrow,.ok-action-card .arrow{width:34px!important;height:34px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#dcfaeb!important;color:#0b8f56!important;font-weight:900!important}
.ok-chart-card,.wa-panel:has(canvas),.wa-panel:has(.wa-donut){overflow:hidden}.ok-chart-body,.wa-donut-block,.wa-panel-center{display:grid!important;grid-template-columns:minmax(120px,180px) minmax(0,1fr)!important;align-items:center!important;gap:18px!important}.wa-donut{width:154px!important;height:154px!important;margin:0 auto!important;flex:none!important}.wa-donut.large{width:174px!important;height:174px!important}.wa-donut.small{width:122px!important;height:122px!important}.wa-donut strong{font-size:28px!important}.wa-legend-list{display:grid!important;gap:8px!important}.wa-legend-list li{display:grid!important;grid-template-columns:10px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}.wa-legend-list li em{font-style:normal!important;min-width:0!important}.wa-legend-list li span{margin-left:0!important}.donut-legend-row{display:grid!important;grid-template-columns:10px minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;width:100%!important}.wa-rate-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--ok-line)!important;background:rgba(36,209,126,.08)!important;border-radius:999px!important;padding:8px 12px!important;color:var(--ok-green2)!important;font-weight:900!important}
.admin-shell{background:var(--ok-bg)!important}.admin-content{background:var(--ok-bg)!important}.admin-release-grid{display:grid!important;grid-template-columns:repeat(2,minmax(220px,1fr))!important;gap:14px!important}.admin-release-row{display:grid!important;grid-template-columns:repeat(2,minmax(160px,1fr)) auto!important;gap:14px!important;align-items:end!important}.admin-release-row .admin-btn{min-width:150px}.admin-plan-table,.admin-matrix{overflow:auto;border:1px solid var(--ok-line);border-radius:20px;background:var(--ok-card)}.admin-plan-table table,.admin-matrix table{width:100%;border-collapse:separate;border-spacing:0}.admin-plan-table th,.admin-plan-table td,.admin-matrix th,.admin-matrix td{padding:14px 16px;border-bottom:1px solid var(--ok-line);vertical-align:middle;white-space:normal}.admin-plan-actions{display:flex;gap:8px;flex-wrap:wrap}.khp-main,.khp-section,.khp-hero{background:var(--ok-bg)!important;color:var(--ok-ink)!important}.khp-hero h1,.khp-section h1,.khp-section h2{color:var(--ok-ink)!important}.pricing-grid-pro{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:22px!important}.pricing-card-pro{padding:28px!important}.pricing-card-pro.featured{border-color:var(--ok-green)!important;box-shadow:0 30px 90px rgba(36,209,126,.18)!important}.addon-premium-toggle,.checkout-summary-pro{border:1px solid var(--ok-line)!important;background:linear-gradient(180deg,var(--ok-card),var(--ok-card-soft))!important;color:var(--ok-ink)!important}
@media(max-width:1180px){.wa-sidebar{transform:translateX(-105%)!important;width:min(320px,86vw)!important}.app-sidebar-open .wa-sidebar{transform:translateX(0)!important}.main-shell{margin-left:0!important}.content{padding:20px!important}.app-sidebar-open .app-sidebar-backdrop{display:block!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.44)!important;z-index:70!important}.wa-topbar{position:sticky!important;top:0!important;align-items:stretch!important;flex-direction:column!important}.wa-searchbar{max-width:none!important}.admin-release-row{grid-template-columns:1fr 1fr!important}.admin-release-row .admin-btn{grid-column:1/-1}.hero-split{grid-template-columns:1fr!important}}
@media(max-width:720px){.content{padding:16px!important}.wa-page-head{flex-direction:column!important}.wa-head-actions,.form-actions,.admin-form-actions{width:100%;justify-content:stretch!important}.wa-head-actions>* ,.form-actions>* ,.admin-form-actions>*{width:100%;justify-content:center!important}.wa-metrics-grid,.wa-grid,.ok-module-grid,.ok-command-grid,.equal-card-grid,.wa-form-grid,.form-grid,.admin-form-grid,.admin-release-grid,.admin-release-row,.pricing-grid-pro{grid-template-columns:1fr!important}.ok-chart-body,.wa-donut-block,.wa-panel-center{grid-template-columns:1fr!important}.ok-equal-card,.ok-action-card{grid-template-columns:50px 1fr 30px!important}.wa-page-head h1{font-size:34px!important}.wa-panel{padding:18px!important}.admin-content{padding:18px!important}}

/* bundled from watilo-v64-final-correction.css */
/* Watilo v6.4 final correction: fixed shell, premium sidebars, centered analytics, settings/admin polish */
:root{--ok-sidebar-w:242px;--ok-admin-sidebar-w:282px;--ok-sidebar-top:#0b5f42;--ok-sidebar-mid:#073f31;--ok-sidebar-bottom:#041d18;--ok-scroll-thumb:rgba(122,255,184,.35);--ok-scroll-track:rgba(255,255,255,.05)}
html,body{min-height:100%;overflow-x:hidden;background:var(--ok-bg,#f4f8fb)!important}.app-shell,.admin-shell{min-height:100vh!important;background:var(--ok-bg,#f4f8fb)!important}
/* Desktop customer shell: sidebar never moves with page scroll. */
.app-sidebar-close{display:none!important}.app-mobile-menu{display:none!important}.wa-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:var(--ok-sidebar-w)!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;padding:18px 14px!important;background:linear-gradient(180deg,var(--ok-sidebar-top),var(--ok-sidebar-mid) 42%,var(--ok-sidebar-bottom))!important;color:#eafff6!important;z-index:90!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;border-right:1px solid rgba(165,255,205,.10)!important;box-shadow:18px 0 55px rgba(0,0,0,.10)!important}.main-shell{margin-left:var(--ok-sidebar-w)!important;min-height:100vh!important;background:var(--ok-bg,#f4f8fb)!important;overflow:visible!important}.wa-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:6px!important;margin-top:14px!important}.wa-nav::-webkit-scrollbar,.admin-nav::-webkit-scrollbar{width:7px}.wa-nav::-webkit-scrollbar-track,.admin-nav::-webkit-scrollbar-track{background:var(--ok-scroll-track);border-radius:999px}.wa-nav::-webkit-scrollbar-thumb,.admin-nav::-webkit-scrollbar-thumb{background:var(--ok-scroll-thumb);border-radius:999px}.wa-nav{scrollbar-width:thin;scrollbar-color:var(--ok-scroll-thumb) transparent}.wa-sidebar-foot{flex:0 0 auto!important;margin-top:14px!important;padding-top:14px!important;background:linear-gradient(180deg,rgba(4,29,24,0),rgba(4,29,24,.94) 18%,#041d18)!important}.wa-brand{flex:0 0 auto!important}.wa-crm-button{flex:0 0 auto!important;margin-top:12px!important}.wa-contact-card.connected-false small,.wa-contact-card small.not-connected{color:#ffd37a!important}.wa-contact-card.connected-false small::first-letter{color:inherit}
/* Mobile/off-canvas sidebar. */
@media(max-width:1180px){.app-mobile-menu{display:inline-flex!important}.app-sidebar-close{display:grid!important;position:absolute!important;right:14px!important;top:14px!important;width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;place-items:center!important;box-shadow:none!important}.wa-sidebar{transform:translateX(-110%)!important;width:min(320px,88vw)!important;transition:transform .22s ease!important}.app-sidebar-open .wa-sidebar{transform:translateX(0)!important}.main-shell{margin-left:0!important}.app-sidebar-open .app-sidebar-backdrop{display:block!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.45)!important;z-index:80!important}}
/* SaaS admin shell: fixed full-height admin sidebar, no white bottom gap. */
.admin-shell{display:block!important}.admin-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:var(--ok-admin-sidebar-w)!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;background:linear-gradient(180deg,#0b5f42,#063c30 48%,#031d18)!important;color:#eafff6!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:22px 18px!important;z-index:95!important;border-right:1px solid rgba(165,255,205,.1)!important}.admin-main-shell{margin-left:var(--ok-admin-sidebar-w)!important;min-height:100vh!important;background:var(--ok-bg,#f4f8fb)!important}.admin-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:6px!important}.admin-sidebar-foot{flex:0 0 auto!important;margin-top:14px!important;background:linear-gradient(180deg,rgba(4,29,24,0),rgba(4,29,24,.94) 22%,#031d18)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;padding:16px!important}.admin-sidebar-foot a{display:block;color:#fff!important;text-decoration:none!important;font-weight:900!important}.admin-sidebar-foot small{display:block;margin-top:8px;color:#bde8d5!important;line-height:1.45!important}.admin-topbar{position:sticky!important;top:0!important;z-index:70!important}.admin-content{min-height:calc(100vh - 86px)!important}.admin-panel.wide{min-height:0!important}.admin-table-wrap{background:var(--ok-card,#fff)!important}.admin-empty-balance{display:grid;place-items:center;min-height:170px;border:1px dashed var(--ok-line,#dbe8e3);border-radius:18px;background:rgba(36,209,126,.045);color:var(--ok-muted,#647481);font-weight:800;margin-top:18px;text-align:center;padding:22px}.admin-panel-grid{align-items:start!important}.admin-panel{min-width:0!important}
@media(max-width:980px){.admin-sidebar{position:relative!important;width:100%!important;height:auto!important;min-height:auto!important}.admin-main-shell{margin-left:0!important}.admin-nav{max-height:none!important}.admin-sidebar-foot{margin-top:12px!important}}
/* Premium analytics: chart card balance and perfectly centered donut labels. */
.wa-panel:has(#status-chart),.wa-panel:has(#source-chart),.wa-panel:has(#source-donut),.wa-panel:has(#qual-donut){min-height:330px!important}.ok-donut-shell,.wa-donut-shell{position:relative!important;width:174px!important;height:174px!important;margin:0 auto!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}.ok-donut-shell.compact{width:154px!important;height:154px!important}.ok-donut-shell canvas,.wa-donut-shell canvas,#status-chart,#source-chart,#source-donut,#qual-donut{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important}.ok-donut-center{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;pointer-events:none!important;z-index:2!important;transform:none!important}.ok-donut-center strong{display:block!important;font-size:30px!important;line-height:1!important;letter-spacing:-.04em!important;color:var(--ok-ink,#071e2d)!important}.ok-donut-center small{display:block!important;margin-top:4px!important;font-size:11px!important;line-height:1!important;color:var(--ok-muted,#647481)!important}.ok-chart-stack{display:grid!important;grid-template-rows:auto 1fr auto!important;gap:16px!important}.ok-chart-center-row{display:flex!important;align-items:center!important;justify-content:center!important;min-height:210px!important}.donut-legend-row,.ok-legend-row{display:grid!important;grid-template-columns:10px minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;width:100%!important;padding:9px 0!important;border-bottom:1px solid var(--ok-line,#dbe8e3)!important}.donut-legend-row span,.ok-legend-row span{min-width:0!important;white-space:normal!important}.donut-legend-dot{width:10px!important;height:10px!important;border-radius:50%!important}.ok-row-list{display:grid!important;gap:12px!important}.ok-owner-row{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:8px 0!important}.ok-owner-name-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-width:0!important}.ok-owner-name-line strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ok-owner-count{white-space:nowrap!important;color:var(--ok-muted,#647481)!important;font-size:13px!important}.ok-priority-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important}.ok-priority-label{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}.ok-priority-value{white-space:nowrap!important;color:var(--ok-muted,#647481)!important}.ok-new-leads-action{display:flex!important;justify-content:flex-end!important;margin-top:16px!important}.wa-loading-state{color:var(--ok-muted,#647481)!important}.wa-chart-card canvas{border-radius:12px!important}.wa-panel-head a,.admin-panel-head a{font-weight:900!important;text-decoration:none!important;color:var(--ok-green2,#0a9f61)!important}.wa-stats-list div{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;align-items:center!important;padding:12px 0!important;border-bottom:1px solid var(--ok-line,#dbe8e3)!important}.wa-stats-list dt,.wa-stats-list dd{margin:0!important}.wa-stats-list dd{font-weight:900!important;color:var(--ok-ink,#071e2d)!important}
/* Settings premium tabs/uploads/business-hours. */
.settings-tabs{display:flex!important;gap:10px!important;flex-wrap:wrap!important;padding:8px!important;margin-bottom:22px!important;border:1px solid var(--ok-line,#dbe8e3)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(36,209,126,.055),rgba(255,255,255,.58))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important}.settings-tabs button{appearance:none!important;border:1px solid transparent!important;border-radius:16px!important;background:transparent!important;color:var(--ok-muted,#647481)!important;min-height:44px!important;padding:0 16px!important;font-weight:900!important;box-shadow:none!important;transition:.16s ease!important}.settings-tabs button.active{background:linear-gradient(135deg,#5be69a,#18ad6b)!important;color:#052218!important;border-color:rgba(12,118,72,.12)!important;box-shadow:0 14px 30px rgba(29,191,115,.22)!important}.settings-tab-panel{display:none!important}.settings-tab-panel.active{display:block!important}.v55-upload-card{padding:24px!important}.wa-logo-box.professional{min-height:210px!important;display:grid!important;place-items:center!important;text-align:center!important;gap:8px!important;border:1px dashed var(--ok-line,#dbe8e3)!important;border-radius:20px!important;background:radial-gradient(circle at top,rgba(101,240,164,.13),transparent 58%),var(--ok-card-soft,#f8fcfa)!important;overflow:hidden!important}.wa-logo-box.professional img{width:74px!important;height:74px!important;object-fit:contain!important;border-radius:18px!important}.ok-upload-dropzone{display:grid!important;gap:8px!important;align-items:center!important;justify-items:center!important;min-height:84px!important;border:1px dashed rgba(36,209,126,.42)!important;border-radius:18px!important;background:rgba(36,209,126,.055)!important;color:var(--ok-ink,#071e2d)!important;font-weight:900!important;text-align:center!important;padding:16px!important;cursor:pointer!important}.ok-upload-dropzone input[type=file]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}.ok-upload-dropzone small{color:var(--ok-muted,#647481)!important;font-weight:700!important}.wa-list-stack{display:grid!important;gap:12px!important}.wa-action-row,.ok-hours-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;min-height:58px!important;border:1px solid var(--ok-line,#dbe8e3)!important;border-radius:16px!important;background:var(--ok-card-soft,#f8fcfa)!important;padding:14px 16px!important}.wa-action-row span,.ok-hours-row span{font-weight:800!important;color:var(--ok-muted,#647481)!important}.wa-action-row strong,.ok-hours-row strong{white-space:nowrap!important}.nested hr{border:0!important;border-top:1px solid var(--ok-line,#dbe8e3)!important;margin:22px 0!important}.wa-inline-badge,.ok-status-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;border-radius:999px!important;background:rgba(36,209,126,.13)!important;color:var(--ok-green2,#0a9f61)!important;padding:7px 12px!important;font-size:12px!important;font-weight:900!important}
/* SaaS admin release cards. */
.admin-release-grid{grid-template-columns:repeat(4,minmax(190px,1fr))!important}.release-card{display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;column-gap:14px!important;row-gap:8px!important;min-height:164px!important;padding:20px!important;border-radius:20px!important}.release-card input{grid-row:1 / span 2!important}.release-card span{display:block!important;font-size:15px!important;font-weight:950!important;line-height:1.25!important;letter-spacing:-.015em!important;min-width:0!important;word-break:normal!important}.release-card small{display:block!important;grid-column:2!important;line-height:1.45!important;color:var(--ok-muted,#647481)!important}.admin-release-row{grid-template-columns:150px 180px 170px minmax(260px,1fr) auto!important;align-items:end!important}.admin-release-row label{display:grid!important;gap:8px!important;font-weight:850!important;color:var(--ok-muted,#647481)!important}.admin-release-row .admin-btn{height:54px!important;min-width:150px!important}.admin-plan-table th,.admin-plan-table td,.admin-matrix th,.admin-matrix td{line-height:1.45!important}.admin-feature,.admin-status,.wa-pill{white-space:nowrap!important}
@media(max-width:1380px){.admin-release-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}.admin-release-row{grid-template-columns:repeat(2,minmax(180px,1fr))!important}.admin-release-row .admin-btn{grid-column:1/-1!important;justify-self:end!important}}
@media(max-width:720px){.settings-tabs{flex-wrap:nowrap!important;overflow-x:auto!important}.settings-tabs button{white-space:nowrap!important}.admin-release-grid,.admin-release-row{grid-template-columns:1fr!important}.admin-release-row .admin-btn{justify-self:stretch!important}.ok-chart-center-row{min-height:180px!important}.ok-owner-row{grid-template-columns:34px minmax(0,1fr)!important}.ok-owner-row>span:last-child{grid-column:2!important}.ok-priority-row{grid-template-columns:1fr!important}}
/* Dark mode final guards. */
html[data-theme="dark"] .settings-tabs{background:linear-gradient(180deg,rgba(36,209,126,.10),rgba(13,36,31,.92))!important}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0f2b24!important;color:#effdf7!important}html[data-theme="dark"] .ok-donut-center strong,html[data-theme="dark"] .wa-stats-list dd{color:#effdf7!important}html[data-theme="dark"] .wa-logo-box.professional,html[data-theme="dark"] .ok-upload-dropzone,html[data-theme="dark"] .wa-action-row,html[data-theme="dark"] .ok-hours-row{background:#0f2b24!important}html[data-theme="dark"] .admin-table-wrap{background:#0d241f!important}

/* bundled from watilo-v65-visual-pass.css */
/* Watilo v6.5 VISUAL PASS
   Screenshot-level correction for customer/admin layout, charts, settings controls and spacing. */
:root{
  --ok-sidebar-w:248px;
  --ok-admin-sidebar-w:282px;
  --ok-bg:#f4f8fb;
  --ok-card:#ffffff;
  --ok-card-soft:#f8fcfa;
  --ok-ink:#071e2d;
  --ok-muted:#617385;
  --ok-line:#dce9e4;
  --ok-green:#43d98f;
  --ok-green2:#139866;
  --ok-shadow:0 18px 48px rgba(15,47,38,.08);
  --ok-soft-shadow:0 10px 26px rgba(15,47,38,.055);
  --ok-sidebar-top:#0e6b50;
  --ok-sidebar-mid:#083e31;
  --ok-sidebar-bottom:#041c18;
}
html[data-theme="dark"]{
  --ok-bg:#071713;
  --ok-card:#0d251f;
  --ok-card-soft:#112d26;
  --ok-ink:#f1fbf6;
  --ok-muted:#a2bdb2;
  --ok-line:#214e42;
  --ok-shadow:0 18px 48px rgba(0,0,0,.28);
  --ok-soft-shadow:0 10px 26px rgba(0,0,0,.2);
}
html,body{min-height:100%;overflow-x:hidden;background:var(--ok-bg)!important;color:var(--ok-ink)!important;}
.app-mobile-menu{display:none!important;visibility:hidden!important;}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
/* Desktop customer shell: the menu bar never scrolls with page content. */
.app-shell{display:block!important;min-height:100vh!important;background:var(--ok-bg)!important;overflow:visible!important;}
.wa-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:var(--ok-sidebar-w)!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;max-height:100vh!important;padding:16px 14px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:12px!important;overflow:hidden!important;background:linear-gradient(180deg,var(--ok-sidebar-top),var(--ok-sidebar-mid) 42%,var(--ok-sidebar-bottom))!important;color:#ecfff6!important;border-right:1px solid rgba(170,255,213,.12)!important;box-shadow:18px 0 54px rgba(0,0,0,.10)!important;z-index:100!important;}
.main-shell{display:block!important;margin-left:var(--ok-sidebar-w)!important;min-height:100vh!important;height:auto!important;overflow:visible!important;background:radial-gradient(circle at top left,rgba(67,217,143,.10),transparent 340px),var(--ok-bg)!important;}
.wa-topbar{position:sticky!important;top:0!important;z-index:70!important;margin:0!important;padding:16px 28px!important;background:linear-gradient(180deg,rgba(244,248,251,.98),rgba(244,248,251,.88))!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(220,233,228,.66)!important;}
html[data-theme="dark"] .wa-topbar{background:linear-gradient(180deg,rgba(7,23,19,.98),rgba(7,23,19,.86))!important;border-bottom-color:rgba(51,100,84,.7)!important;}
.content{box-sizing:border-box!important;max-width:1680px!important;width:100%!important;margin:0 auto!important;padding:30px 38px 80px!important;display:flex!important;flex-direction:column!important;gap:24px!important;min-height:calc(100vh - 76px)!important;}
.app-sidebar-close{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;position:absolute!important;left:-9999px!important;}
.app-sidebar-backdrop{display:none!important;}
.wa-brand{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:58px!important;padding:4px 8px 14px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;color:#fff!important;text-decoration:none!important;}
.wa-brand-icon{width:44px!important;height:44px!important;min-width:44px!important;border-radius:15px!important;background:rgba(255,255,255,.10)!important;display:grid!important;place-items:center!important;overflow:hidden!important;}
.wa-brand-icon img{width:32px!important;height:32px!important;object-fit:contain!important;display:block!important;}
.wa-brand strong{font-size:15px!important;line-height:1.05!important;letter-spacing:-.02em!important;display:block!important;}
.wa-brand span{font-size:12px!important;color:rgba(239,255,248,.74)!important;display:block!important;margin-top:2px!important;}
.wa-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;gap:5px!important;padding:4px 5px 4px 0!important;margin:0!important;scrollbar-width:thin!important;scrollbar-color:rgba(91,230,154,.44) transparent!important;}
.wa-nav::-webkit-scrollbar,.admin-nav::-webkit-scrollbar{width:6px!important;}
.wa-nav::-webkit-scrollbar-track,.admin-nav::-webkit-scrollbar-track{background:transparent!important;}
.wa-nav::-webkit-scrollbar-thumb,.admin-nav::-webkit-scrollbar-thumb{background:rgba(91,230,154,.42)!important;border-radius:999px!important;}
.wa-nav-item{min-height:44px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;border-radius:14px!important;color:rgba(244,255,249,.86)!important;text-decoration:none!important;font-weight:850!important;letter-spacing:-.01em!important;}
.wa-nav-item.active,.wa-nav-item:hover{background:linear-gradient(90deg,rgba(91,230,154,.26),rgba(91,230,154,.11))!important;box-shadow:inset 3px 0 0 #55e39a,inset 0 0 0 1px rgba(255,255,255,.07)!important;color:#fff!important;}
.ok-premium-nav-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(91,230,154,.26),rgba(26,143,95,.22))!important;display:grid!important;place-items:center!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;}
.ok-premium-nav-icon img{width:20px!important;height:20px!important;object-fit:contain!important;display:block!important;}
.wa-crm-button{flex:0 0 auto!important;margin-top:8px!important;border-radius:16px!important;padding:14px!important;border:1px solid rgba(202,255,225,.18)!important;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04))!important;color:#fff!important;text-decoration:none!important;}
.wa-crm-button span{display:block!important;font-weight:950!important;}
.wa-crm-button small{display:block!important;margin-top:3px!important;color:rgba(232,255,245,.72)!important;}
.wa-sidebar-foot{flex:0 0 auto!important;display:grid!important;gap:12px!important;margin-top:0!important;padding-top:12px!important;background:linear-gradient(180deg,rgba(4,28,24,0),rgba(4,28,24,.96) 26%,var(--ok-sidebar-bottom))!important;}
.wa-user-card,.wa-contact-card{border-radius:18px!important;border:1px solid rgba(202,255,225,.16)!important;background:rgba(255,255,255,.06)!important;padding:14px!important;box-sizing:border-box!important;}
.wa-user-card{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;}
.wa-user-card strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;}
.wa-user-card span{font-size:12px!important;color:rgba(236,255,246,.72)!important;text-transform:none!important;}
.wa-avatar{width:44px!important;height:44px!important;min-width:44px!important;border-radius:15px!important;background:linear-gradient(135deg,#5be69a,#18ad6b)!important;color:#052218!important;display:grid!important;place-items:center!important;font-weight:950!important;overflow:hidden!important;}
.wa-avatar.sm{width:36px!important;height:36px!important;min-width:36px!important;border-radius:12px!important;font-size:12px!important;}
.wa-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.wa-contact-label{font-size:11px!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:rgba(236,255,246,.68)!important;}
.wa-contact-card strong{display:block!important;margin:7px 0 4px!important;color:#fff!important;font-size:18px!important;line-height:1.2!important;word-break:break-word!important;}
.wa-contact-card small{display:inline-flex!important;align-items:center!important;gap:5px!important;font-weight:850!important;font-size:12px!important;}
.wa-contact-card.connected-false small,.wa-contact-card .not-connected{color:#ffd37a!important;}
.wa-contact-card.connected-true small,.wa-contact-card .connected{color:#8cf5ba!important;}
/* SaaS Admin fixed sidebar. */
.admin-shell{display:block!important;min-height:100vh!important;background:var(--ok-bg)!important;overflow:visible!important;}
.admin-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:var(--ok-admin-sidebar-w)!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;max-height:100vh!important;padding:20px 18px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:14px!important;overflow:hidden!important;background:linear-gradient(180deg,#0b5f47,#083e31 44%,#041c18)!important;color:#ecfff6!important;border-right:1px solid rgba(170,255,213,.12)!important;box-shadow:18px 0 54px rgba(0,0,0,.10)!important;z-index:100!important;}
.admin-main-shell{display:block!important;margin-left:var(--ok-admin-sidebar-w)!important;min-height:100vh!important;background:radial-gradient(circle at top left,rgba(67,217,143,.10),transparent 340px),var(--ok-bg)!important;}
.admin-content{max-width:1680px!important;width:100%!important;margin:0 auto!important;box-sizing:border-box!important;padding:30px 38px 80px!important;}
.admin-topbar{position:sticky!important;top:0!important;z-index:70!important;padding:16px 38px!important;background:linear-gradient(180deg,rgba(244,248,251,.98),rgba(244,248,251,.88))!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(220,233,228,.66)!important;}
.admin-brand,.admin-owner-badge{flex:0 0 auto!important;}
.admin-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:4px 5px 4px 0!important;scrollbar-width:thin!important;scrollbar-color:rgba(91,230,154,.44) transparent!important;}
.admin-sidebar-foot{flex:0 0 auto!important;margin-top:0!important;border-radius:18px!important;border:1px solid rgba(202,255,225,.18)!important;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04))!important;padding:16px!important;color:#ecfff6!important;}
.admin-sidebar-foot a{display:block!important;color:#fff!important;text-decoration:none!important;font-weight:950!important;margin-bottom:6px!important;}
.admin-sidebar-foot small{display:block!important;color:rgba(236,255,246,.72)!important;line-height:1.35!important;}
/* Cards and visual balance. */
.wa-panel,.admin-panel,.wa-metric-card,.admin-kpi,.release-card,.wa-quick-card{background:linear-gradient(180deg,var(--ok-card),var(--ok-card-soft))!important;border:1px solid var(--ok-line)!important;box-shadow:var(--ok-soft-shadow)!important;}
.wa-panel,.admin-panel{border-radius:26px!important;padding:24px!important;}
.wa-panel-head,.admin-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:18px!important;}
.wa-panel-head h3,.admin-panel-head h2,.admin-panel-head h3{margin:0!important;color:var(--ok-ink)!important;letter-spacing:-.035em!important;line-height:1.15!important;}
.wa-page-head h1,.admin-hero h1{letter-spacing:-.055em!important;line-height:1.03!important;color:var(--ok-ink)!important;}
.wa-metrics-grid{gap:16px!important;}
.wa-metric-card{min-height:112px!important;border-radius:22px!important;padding:20px!important;display:flex!important;align-items:center!important;gap:16px!important;}
.wa-metric-icon{width:56px!important;height:56px!important;min-width:56px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(91,230,154,.24),rgba(255,255,255,.86))!important;border:1px solid rgba(91,230,154,.38)!important;display:grid!important;place-items:center!important;}
.wa-metric-icon img{width:28px!important;height:28px!important;object-fit:contain!important;display:block!important;}
.wa-metric-card span{font-size:12px!important;font-weight:900!important;color:var(--ok-muted)!important;letter-spacing:-.01em!important;}
.wa-metric-card strong{font-size:28px!important;line-height:1!important;color:var(--ok-ink)!important;letter-spacing:-.055em!important;}
.wa-grid{gap:20px!important;}
.wa-grid.cols-3-2{grid-template-columns:minmax(340px,1fr) minmax(340px,1fr) minmax(340px,1fr)!important;}
.wa-grid.cols-2,.wa-grid.cols-3{align-items:stretch!important;}
/* Donut cards: exact center label and balanced legend. */
.wa-panel:has(.ok-donut-shell){min-height:330px!important;display:flex!important;flex-direction:column!important;}
.ok-donut-shell,.wa-donut-shell{position:relative!important;width:172px!important;height:172px!important;min-width:172px!important;min-height:172px!important;margin:0 auto!important;display:grid!important;place-items:center!important;isolation:isolate!important;}
.ok-donut-shell.compact{width:156px!important;height:156px!important;min-width:156px!important;min-height:156px!important;}
.ok-donut-shell canvas,.wa-donut-shell canvas,#status-chart,#source-chart,#source-donut,#qual-donut{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:block!important;z-index:1!important;}
.ok-donut-center{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:80px!important;height:80px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;z-index:3!important;pointer-events:none!important;line-height:1!important;}
.ok-donut-center strong{font-size:30px!important;line-height:.95!important;margin:0!important;color:var(--ok-ink)!important;letter-spacing:-.06em!important;}
.ok-donut-center small{font-size:11px!important;line-height:1!important;margin-top:6px!important;color:var(--ok-muted)!important;font-weight:800!important;}
.donut-legend-row,.ok-legend-row{display:grid!important;grid-template-columns:12px minmax(0,1fr) 38px 46px!important;gap:10px!important;align-items:center!important;width:100%!important;min-height:34px!important;padding:8px 0!important;border-bottom:1px solid var(--ok-line)!important;font-size:13px!important;}
.donut-legend-row span,.ok-legend-row span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--ok-muted)!important;}
.donut-legend-row span:nth-child(2),.ok-legend-row span:nth-child(2){color:var(--ok-ink)!important;font-weight:800!important;}
.donut-legend-dot{width:10px!important;height:10px!important;border-radius:999px!important;}
/* Lead page generated rows. */
.ok-row-list{display:grid!important;gap:14px!important;}
.ok-owner-row{display:grid!important;grid-template-columns:38px minmax(0,1fr) 52px!important;gap:12px!important;align-items:center!important;min-width:0!important;padding:8px 0!important;}
.ok-owner-name-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;min-width:0!important;}
.ok-owner-name-line strong{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.ok-owner-count{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;color:var(--ok-muted)!important;font-size:13px!important;font-weight:850!important;}
.ok-priority-row{display:grid!important;grid-template-columns:minmax(0,1fr) 62px!important;gap:14px!important;align-items:center!important;min-width:0!important;}
.ok-priority-label{display:flex!important;align-items:center!important;gap:8px!important;font-weight:850!important;color:var(--ok-ink)!important;}
.ok-priority-value{white-space:nowrap!important;text-align:right!important;color:var(--ok-muted)!important;font-weight:850!important;font-variant-numeric:tabular-nums!important;}
.ok-new-leads-action{display:flex!important;justify-content:flex-end!important;margin-top:18px!important;}
/* Settings tabs and upload controls: no native browser chrome. */
.settings-tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;padding:8px!important;margin-bottom:24px!important;border:1px solid var(--ok-line)!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(67,217,143,.08),rgba(255,255,255,.72))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.74),var(--ok-soft-shadow)!important;}
.settings-tabs button{appearance:none!important;-webkit-appearance:none!important;border:0!important;border-radius:18px!important;background:transparent!important;color:var(--ok-muted)!important;min-height:46px!important;padding:0 18px!important;font-weight:950!important;letter-spacing:-.01em!important;box-shadow:none!important;outline:none!important;}
.settings-tabs button.active,.settings-tabs button:hover{background:linear-gradient(135deg,#5be69a,#17b873)!important;color:#052218!important;box-shadow:0 14px 30px rgba(29,191,115,.22)!important;}
.settings-tab-panel{display:none!important;}.settings-tab-panel.active{display:block!important;}
.ok-upload-dropzone{position:relative!important;display:grid!important;place-items:center!important;gap:8px!important;min-height:88px!important;border:1px dashed rgba(24,184,115,.45)!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(91,230,154,.08),rgba(255,255,255,.54))!important;color:var(--ok-ink)!important;font-weight:950!important;text-align:center!important;cursor:pointer!important;padding:16px 18px!important;overflow:hidden!important;}
.ok-upload-dropzone input[type="file"]{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;font-size:0!important;color:transparent!important;}
.ok-upload-dropzone span,.ok-upload-dropzone [data-file-name],.ok-upload-dropzone small{pointer-events:none!important;}
.ok-upload-dropzone [data-file-name],.ok-upload-dropzone small{display:block!important;color:var(--ok-muted)!important;font-size:12px!important;font-weight:800!important;}
.wa-logo-box.professional{min-height:214px!important;border-radius:22px!important;border:1px dashed var(--ok-line)!important;background:radial-gradient(circle at top,rgba(91,230,154,.14),transparent 60%),var(--ok-card-soft)!important;}
.ok-hours-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;border:1px solid var(--ok-line)!important;border-radius:18px!important;background:var(--ok-card-soft)!important;padding:14px 16px!important;min-height:58px!important;}
.ok-hours-row strong{white-space:nowrap!important;}
/* Admin release and dashboard visual balance. */
.admin-release-grid{display:grid!important;grid-template-columns:repeat(4,minmax(210px,1fr))!important;gap:16px!important;}
.release-card{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;gap:10px 14px!important;min-height:170px!important;padding:20px!important;border-radius:22px!important;align-items:start!important;}
.release-card input{grid-row:1 / span 2!important;width:22px!important;height:22px!important;accent-color:var(--ok-green2)!important;}
.release-card span{display:block!important;font-size:15px!important;font-weight:950!important;line-height:1.25!important;word-break:normal!important;}
.release-card small{grid-column:2!important;line-height:1.45!important;color:var(--ok-muted)!important;font-weight:760!important;}
.admin-release-row{display:grid!important;grid-template-columns:150px 180px 170px minmax(240px,1fr) auto!important;gap:12px!important;align-items:end!important;}
.admin-release-row label{display:grid!important;gap:8px!important;color:var(--ok-muted)!important;font-weight:850!important;}
.admin-release-row .admin-btn{height:54px!important;min-width:150px!important;}
.admin-empty-balance,.admin-empty-state{min-height:180px!important;display:grid!important;place-items:center!important;text-align:center!important;border:1px dashed var(--ok-line)!important;border-radius:22px!important;background:var(--ok-card-soft)!important;color:var(--ok-muted)!important;font-weight:800!important;}
.admin-table-wrap,.admin-matrix-wrap{overflow-x:auto!important;border-radius:22px!important;border:1px solid var(--ok-line)!important;background:var(--ok-card)!important;box-shadow:var(--ok-soft-shadow)!important;}
/* Dark mode guards. */
html[data-theme="dark"] .wa-panel,html[data-theme="dark"] .admin-panel,html[data-theme="dark"] .wa-metric-card,html[data-theme="dark"] .admin-kpi,html[data-theme="dark"] .release-card{background:linear-gradient(180deg,var(--ok-card),var(--ok-card-soft))!important;}
html[data-theme="dark"] .settings-tabs,html[data-theme="dark"] .ok-upload-dropzone{background:linear-gradient(180deg,rgba(67,217,143,.12),rgba(17,45,38,.88))!important;}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#102b24!important;color:#effdf7!important;border-color:#255b4c!important;}
html[data-theme="dark"] .ok-donut-center strong,html[data-theme="dark"] .wa-metric-card strong{color:#effdf7!important;}
/* Responsive. */
@media(max-width:1380px){.wa-grid.cols-3-2{grid-template-columns:1fr 1fr!important}.wa-grid.cols-3-2>.span-2{grid-column:1/-1!important}.admin-release-grid{grid-template-columns:repeat(2,minmax(240px,1fr))!important}.admin-release-row{grid-template-columns:repeat(2,minmax(170px,1fr))!important}.admin-release-row .admin-btn{grid-column:1/-1!important;justify-self:end!important}}
@media(max-width:1180px){.app-mobile-menu{display:inline-grid!important;visibility:visible!important}.wa-sidebar{transform:translateX(-105%)!important;width:min(320px,88vw)!important;transition:transform .22s ease!important}.app-sidebar-open .wa-sidebar{transform:translateX(0)!important}.main-shell{margin-left:0!important}.app-mobile-menu{display:inline-grid!important}.app-sidebar-open .app-sidebar-backdrop{display:block!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.44)!important;z-index:90!important}.admin-sidebar{position:relative!important;width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important}.admin-main-shell{margin-left:0!important}.content,.admin-content{padding:22px!important}.wa-topbar,.admin-topbar{padding:14px 22px!important}.admin-nav{max-height:none!important;overflow:visible!important}}
@media(max-width:760px){.wa-grid.cols-3-2,.wa-grid.cols-2,.wa-grid.cols-3,.settings-grid{grid-template-columns:1fr!important}.wa-metrics-grid,.wa-metrics-grid.five,.wa-metrics-grid.six{grid-template-columns:1fr!important}.settings-tabs{flex-wrap:nowrap!important;overflow-x:auto!important}.settings-tabs button{white-space:nowrap!important}.admin-release-grid,.admin-release-row{grid-template-columns:1fr!important}.admin-release-row .admin-btn{justify-self:stretch!important}.ok-owner-row{grid-template-columns:36px minmax(0,1fr)!important}.ok-owner-row>span:last-child{grid-column:2!important;text-align:left!important}.ok-priority-row{grid-template-columns:1fr!important}.ok-priority-value{text-align:left!important}.donut-legend-row,.ok-legend-row{grid-template-columns:12px minmax(0,1fr) auto auto!important}}

/* bundled from watilo-v66-runtime-visual-fix.css */
/* Watilo v6.6 — Runtime + dark visual fix
   Targets: Integrations dark mode readability and Leads page no-response fallback. */
:root{
  --ok-v66-card-light:#ffffff;
  --ok-v66-card-soft:#f7fdf9;
  --ok-v66-dark-card:#0c251f;
  --ok-v66-dark-card-2:#102f27;
  --ok-v66-dark-text:#f2fff8;
  --ok-v66-dark-muted:#a8c9bc;
  --ok-v66-dark-line:#265a4b;
}
/* Premium integration cards - readable in both light and dark mode */
.v55-integration-grid{align-items:stretch!important;}
.v55-integration-card{
  min-height:245px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  border-radius:24px!important;
  border:1px solid rgba(22,201,111,.16)!important;
  background:linear-gradient(180deg,var(--ok-v66-card-light),var(--ok-v66-card-soft))!important;
  box-shadow:0 18px 52px rgba(15,47,38,.075)!important;
  color:var(--ok-ink,#071e2d)!important;
}
.v55-integration-card h3{margin:0!important;font-size:18px!important;line-height:1.18!important;color:var(--ok-ink,#071e2d)!important;letter-spacing:-.025em!important;}
.v55-integration-card p{margin:0!important;color:var(--ok-muted,#617385)!important;line-height:1.55!important;font-weight:650!important;}
.v55-integration-card small{display:block!important;margin-top:auto!important;color:var(--ok-muted,#617385)!important;font-weight:800!important;}
.v55-integration-card .wa-primary-btn{width:100%!important;justify-content:center!important;margin-top:4px!important;}
.v55-integration-card .v55-card-head{gap:12px!important;margin-bottom:2px!important;}
.v55-integration-card .wa-metric-icon{background:linear-gradient(135deg,rgba(67,217,143,.20),rgba(19,152,102,.09))!important;border:1px solid rgba(22,201,111,.18)!important;}
html[data-theme="dark"] .v55-integration-card{
  background:linear-gradient(180deg,var(--ok-v66-dark-card),var(--ok-v66-dark-card-2))!important;
  border-color:var(--ok-v66-dark-line)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035)!important;
  color:var(--ok-v66-dark-text)!important;
}
html[data-theme="dark"] .v55-integration-card h3{color:var(--ok-v66-dark-text)!important;}
html[data-theme="dark"] .v55-integration-card p{color:var(--ok-v66-dark-muted)!important;}
html[data-theme="dark"] .v55-integration-card small{color:#90b8aa!important;}
html[data-theme="dark"] .v55-integration-card .wa-metric-icon{background:linear-gradient(135deg,rgba(91,230,154,.20),rgba(26,143,95,.16))!important;border-color:rgba(91,230,154,.22)!important;}
html[data-theme="dark"] .v55-integration-card .wa-pill{background:rgba(91,230,154,.13)!important;color:#9ff2bf!important;border-color:rgba(91,230,154,.24)!important;}
html[data-theme="dark"] .v55-integration-card .wa-pill.muted{background:rgba(255,211,122,.10)!important;color:#ffd37a!important;border-color:rgba(255,211,122,.18)!important;}
html[data-theme="dark"] .wa-modal-card{background:linear-gradient(180deg,#0d251f,#102f27)!important;color:var(--ok-v66-dark-text)!important;border-color:var(--ok-v66-dark-line)!important;}
/* Leads page no-response / fallback visual states */
.wa-loading-state.is-resolved{min-height:120px!important;}
.wa-loading-state .wa-empty-state{width:100%!important;box-sizing:border-box!important;}
.ok-leads-mini-bars{display:grid!important;gap:11px!important;width:100%!important;}
.ok-leads-mini-bar{display:grid!important;grid-template-columns:120px minmax(0,1fr) 76px!important;gap:12px!important;align-items:center!important;}
.ok-leads-mini-bar span:first-child{font-size:13px!important;color:var(--ok-muted,#617385)!important;font-weight:850!important;}
.ok-leads-mini-track{height:26px!important;border-radius:10px!important;background:rgba(97,115,133,.13)!important;overflow:hidden!important;}
.ok-leads-mini-fill{height:100%!important;border-radius:10px!important;background:linear-gradient(90deg,#43d98f,#139866)!important;}
.ok-leads-mini-value{text-align:right!important;font-size:13px!important;font-weight:900!important;color:var(--ok-muted,#617385)!important;}
.ok-no-chart-note{display:grid!important;place-items:center!important;min-height:44px!important;border:1px dashed var(--ok-line,#dce9e4)!important;border-radius:14px!important;background:rgba(67,217,143,.06)!important;color:var(--ok-muted,#617385)!important;font-size:12px!important;font-weight:850!important;text-align:center!important;padding:10px!important;}
html[data-theme="dark"] .ok-no-chart-note{background:rgba(91,230,154,.08)!important;border-color:#265a4b!important;color:#a8c9bc!important;}
html[data-theme="dark"] .wa-loading-state,html[data-theme="dark"] .donut-legend-row,html[data-theme="dark"] .ok-owner-count,html[data-theme="dark"] .ok-priority-value{color:var(--ok-v66-dark-muted)!important;}
html[data-theme="dark"] .ok-leads-mini-track{background:rgba(168,201,188,.12)!important;}
html[data-theme="dark"] .ok-leads-mini-bar span:first-child,html[data-theme="dark"] .ok-leads-mini-value{color:var(--ok-v66-dark-muted)!important;}
@media(max-width:760px){.ok-leads-mini-bar{grid-template-columns:1fr!important}.ok-leads-mini-value{text-align:left!important}.v55-integration-card{min-height:auto!important}}

/* bundled from watilo-v67-leads-freeze-fix.css */
/* Watilo v6.7 — Leads no-freeze visual runtime guard */
html[data-theme='dark'] .wa-empty-state{background:rgba(42,213,136,.08);border-color:rgba(112,255,180,.14);color:#c6f5df}
.wa-empty-state{min-height:74px;display:grid;place-items:center;text-align:center;padding:18px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);background:rgba(43,191,115,.04)}
#funnel-block.wa-empty-state,#new-leads-block.wa-empty-state,#owners-block.wa-empty-state,#priority-block.wa-empty-state,#tasks-block.wa-empty-state,#activity-block.wa-empty-state{min-height:150px}
.ok-donut-shell canvas[style*="display: none"] + .ok-donut-center{opacity:1}

/* bundled from watilo-v68-dark-mode-final-fix.css */
/* Watilo v6.8 — Final dark-mode visual correction
   Scope: customer workspace, CRM legacy screens, SaaS admin shell, tables, forms, cards, modals and topbar controls. */
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#071713;
  --panel:#0d251f;
  --panel-2:#102d26;
  --text:#f1fbf6;
  --muted:#a7c8bb;
  --line:#26564a;
  --ok-bg:#071713;
  --ok-card:#0d251f;
  --ok-card-soft:#102d26;
  --ok-ink:#f1fbf6;
  --ok-muted:#a7c8bb;
  --ok-line:#26564a;
  --ok-green:#57e79a;
  --ok-green2:#7ff0b5;
  --ok-shadow:0 24px 70px rgba(0,0,0,.38);
  --ok-soft-shadow:0 14px 38px rgba(0,0,0,.26);
}
html[data-theme="dark"],html[data-theme="dark"] body{
  background:#071713!important;
  color:var(--ok-ink)!important;
}
html[data-theme="dark"] body{
  background:radial-gradient(circle at 16% 0,rgba(87,231,154,.11),transparent 360px),#071713!important;
}
html[data-theme="dark"] .app-shell,
html[data-theme="dark"] .admin-shell,
html[data-theme="dark"] .portal-shell{
  background:#071713!important;
  color:var(--ok-ink)!important;
}
html[data-theme="dark"] .main-shell,
html[data-theme="dark"] .admin-main-shell,
html[data-theme="dark"] .content,
html[data-theme="dark"] .admin-content,
html[data-theme="dark"] .portal-content{
  background:radial-gradient(circle at top left,rgba(87,231,154,.10),transparent 340px),#071713!important;
  color:var(--ok-ink)!important;
}
html[data-theme="dark"] .wa-topbar,
html[data-theme="dark"] .admin-topbar,
html[data-theme="dark"] .portal-head{
  background:linear-gradient(180deg,rgba(7,23,19,.98),rgba(7,23,19,.86))!important;
  border-bottom-color:rgba(87,231,154,.12)!important;
  color:var(--ok-ink)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .wa-searchbar,
html[data-theme="dark"] .admin-search,
html[data-theme="dark"] .wa-notification-menu,
html[data-theme="dark"] .wa-modal-card,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .dropdown,
html[data-theme="dark"] .khp-nav.is-open{
  background:linear-gradient(180deg,#0d251f,#102d26)!important;
  border-color:var(--ok-line)!important;
  color:var(--ok-ink)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.36)!important;
}
html[data-theme="dark"] .wa-searchbar input,
html[data-theme="dark"] .admin-search input{
  background:transparent!important;
  color:var(--ok-ink)!important;
}
html[data-theme="dark"] .wa-searchbar input::placeholder,
html[data-theme="dark"] .admin-search input::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{
  color:#83a99b!important;
}
/* Legacy CRM layout guard: pages such as customer profile, tickets, subscription and portal still use old class names. */
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:0;}
.page-head h1{font-size:clamp(30px,3.2vw,48px);line-height:1;margin:0 0 8px;letter-spacing:-.055em;color:var(--ok-ink,var(--text));}
.page-head p{font-size:17px;line-height:1.6;color:var(--ok-muted,var(--muted));max-width:880px;margin:0;}
.page-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.14em;color:var(--ok-green2,var(--green-2));font-size:11px;font-weight:900;margin-bottom:10px;}
.dashboard-grid,.profile-grid,.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;}
.metric-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));}
.profile-grid{grid-template-columns:1.05fr .95fr;}
.span-2{grid-column:span 2;}
.panel{padding:22px;min-width:0;}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;}
.panel-head h2,.panel-head h3{margin:0;font-size:20px;line-height:1.15;letter-spacing:-.03em;color:var(--ok-ink,var(--text));}
.panel-head.top-border{border-top:1px solid var(--ok-line,var(--line));padding-top:18px;margin-top:18px;}
.pad{padding:18px;}.prewrap{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;}
.stack-form,.compact-form{display:grid;gap:14px;}
.list{display:grid;gap:12px;}
.list-item{display:block;padding:14px 16px;border:1px solid var(--ok-line,var(--line));border-radius:16px;background:var(--ok-card-soft,var(--panel-2));color:var(--ok-ink,var(--text));}
.list-item strong,.list-item small{display:block;}.list-item small{color:var(--ok-muted,var(--muted));margin-top:4px;}
.detail-list{display:grid;grid-template-columns:170px minmax(0,1fr);gap:11px 18px;margin:0;}
.detail-list dt{color:var(--ok-muted,var(--muted));font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em;}
.detail-list dd{margin:0;color:var(--ok-ink,var(--text));font-weight:750;word-break:break-word;overflow-wrap:anywhere;}
.table-wrap{overflow:auto;border:1px solid var(--ok-line,var(--line));border-radius:20px;background:var(--ok-card,var(--panel));}
table{width:100%;border-collapse:collapse;color:var(--ok-ink,var(--text));}
th,td{padding:14px;border-bottom:1px solid var(--ok-line,var(--line));text-align:left;vertical-align:top;}
th{color:var(--ok-muted,var(--muted));font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:rgba(67,217,143,.055);font-weight:900;}
tbody tr:last-child td{border-bottom:0;}
.text-link{color:var(--ok-green2,var(--green-2));font-weight:900;}
.muted,.wa-muted{color:var(--ok-muted,var(--muted))!important;}
/* Final dark surface correction. */
html[data-theme="dark"] .panel,
html[data-theme="dark"] .wa-panel,
html[data-theme="dark"] .wa-mini-panel,
html[data-theme="dark"] .metric,
html[data-theme="dark"] .wa-metric-card,
html[data-theme="dark"] .admin-panel,
html[data-theme="dark"] .admin-kpi,
html[data-theme="dark"] .ok-card,
html[data-theme="dark"] .ok-equal-card,
html[data-theme="dark"] .ok-action-card,
html[data-theme="dark"] .wa-quick-card,
html[data-theme="dark"] .khp-info-card,
html[data-theme="dark"] .khp-plan-card,
html[data-theme="dark"] .khp-addon-box,
html[data-theme="dark"] .khp-signup-form,
html[data-theme="dark"] .khp-preview-card,
html[data-theme="dark"] .khp-cta-banner,
html[data-theme="dark"] .release-card,
html[data-theme="dark"] .ok-select-card,
html[data-theme="dark"] .wa-radio-card,
html[data-theme="dark"] .wa-profile-line.card,
html[data-theme="dark"] .v55-label-card,
html[data-theme="dark"] .v55-integration-card,
html[data-theme="dark"] .v55-sensitive-box,
html[data-theme="dark"] .v55-crm-overview>div,
html[data-theme="dark"] .wa-empty-state,
html[data-theme="dark"] .admin-empty-state,
html[data-theme="dark"] .admin-empty-balance,
html[data-theme="dark"] .ok-no-chart-note,
html[data-theme="dark"] .list-item,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .ok-table-wrap,
html[data-theme="dark"] .admin-table-wrap,
html[data-theme="dark"] .admin-matrix-wrap,
html[data-theme="dark"] .settings-tabs,
html[data-theme="dark"] .ok-upload-dropzone,
html[data-theme="dark"] .ok-hours-row,
html[data-theme="dark"] .wa-action-row,
html[data-theme="dark"] .wa-logo-box.professional{
  background:linear-gradient(180deg,var(--ok-card),var(--ok-card-soft))!important;
  border-color:var(--ok-line)!important;
  color:var(--ok-ink)!important;
  box-shadow:var(--ok-soft-shadow)!important;
}
html[data-theme="dark"] .wa-panel.nested{background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
html[data-theme="dark"] .wa-panel-head h3,
html[data-theme="dark"] .wa-mini-panel h4,
html[data-theme="dark"] .panel-head h2,
html[data-theme="dark"] .panel-head h3,
html[data-theme="dark"] .page-head h1,
html[data-theme="dark"] .wa-page-head h1,
html[data-theme="dark"] .admin-hero h1,
html[data-theme="dark"] .admin-panel-head h2,
html[data-theme="dark"] .admin-panel-head h3,
html[data-theme="dark"] .ok-section-title,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] strong,
html[data-theme="dark"] .ok-action-card strong,
html[data-theme="dark"] .ok-equal-card strong,
html[data-theme="dark"] .wa-metric-card strong,
html[data-theme="dark"] .metric strong{
  color:var(--ok-ink)!important;
}
html[data-theme="dark"] .page-head p,
html[data-theme="dark"] .wa-page-head p,
html[data-theme="dark"] .wa-subtext,
html[data-theme="dark"] .ok-section-copy,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .wa-muted,
html[data-theme="dark"] .ok-muted,
html[data-theme="dark"] .metric span,
html[data-theme="dark"] .metric small,
html[data-theme="dark"] .wa-metric-card span,
html[data-theme="dark"] .wa-metric-card small,
html[data-theme="dark"] .ok-action-card em,
html[data-theme="dark"] .ok-action-card span,
html[data-theme="dark"] .ok-equal-card p,
html[data-theme="dark"] .release-card small,
html[data-theme="dark"] .list-item small,
html[data-theme="dark"] label,
html[data-theme="dark"] .detail-list dt,
html[data-theme="dark"] .wa-detail-list dt,
html[data-theme="dark"] .wa-chat-meta span,
html[data-theme="dark"] .wa-table-user span,
html[data-theme="dark"] .wa-status-dot,
html[data-theme="dark"] .admin-sidebar-foot small{
  color:var(--ok-muted)!important;
}
html[data-theme="dark"] .detail-list dd,
html[data-theme="dark"] .wa-detail-list dd,
html[data-theme="dark"] .wa-stats-list dd,
html[data-theme="dark"] .prewrap,
html[data-theme="dark"] .list-item,
html[data-theme="dark"] .wa-chat-meta strong,
html[data-theme="dark"] .wa-table-user strong{
  color:var(--ok-ink)!important;
}
html[data-theme="dark"] table,
html[data-theme="dark"] .ok-table,
html[data-theme="dark"] .admin-table,
html[data-theme="dark"] .wa-data-table{
  color:var(--ok-ink)!important;
  background:transparent!important;
}
html[data-theme="dark"] th,
html[data-theme="dark"] .ok-table th,
html[data-theme="dark"] .admin-table th,
html[data-theme="dark"] .wa-data-table th{
  background:rgba(87,231,154,.07)!important;
  color:var(--ok-muted)!important;
  border-color:var(--ok-line)!important;
}
html[data-theme="dark"] td,
html[data-theme="dark"] .ok-table td,
html[data-theme="dark"] .admin-table td,
html[data-theme="dark"] .wa-data-table td{
  border-color:var(--ok-line)!important;
  color:var(--ok-ink)!important;
}
html[data-theme="dark"] tbody tr:hover,
html[data-theme="dark"] .wa-data-table tbody tr:hover{
  background:rgba(87,231,154,.055)!important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .wa-input,
html[data-theme="dark"] .khp-signup-form input,
html[data-theme="dark"] .khp-signup-form select,
html[data-theme="dark"] .v55-faq-search{
  background:#0b211c!important;
  color:var(--ok-ink)!important;
  border-color:var(--ok-line)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus{
  border-color:rgba(126,240,181,.72)!important;
  box-shadow:0 0 0 3px rgba(87,231,154,.14)!important;
}
html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] textarea:-webkit-autofill,
html[data-theme="dark"] select:-webkit-autofill{
  -webkit-text-fill-color:var(--ok-ink)!important;
  box-shadow:0 0 0 1000px #0b211c inset!important;
  caret-color:var(--ok-ink)!important;
}
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .wa-ghost-btn,
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .khp-btn-secondary,
html[data-theme="dark"] .admin-btn.secondary,
html[data-theme="dark"] .admin-action,
html[data-theme="dark"] .admin-signout,
html[data-theme="dark"] .wa-icon-btn,
html[data-theme="dark"] .wa-date-pill,
html[data-theme="dark"] .wa-searchbar button,
html[data-theme="dark"] .admin-search a{
  background:linear-gradient(180deg,#0e2a24,#0b211c)!important;
  border-color:var(--ok-line)!important;
  color:var(--ok-ink)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.25)!important;
}
html[data-theme="dark"] .wa-primary-btn,
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .admin-btn.primary,
html[data-theme="dark"] .khp-btn-primary,
html[data-theme="dark"] .ok-btn.primary{
  background:linear-gradient(135deg,#57e79a,#18ad6b)!important;
  color:#052218!important;
  border-color:transparent!important;
}
html[data-theme="dark"] .wa-pill,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .admin-status,
html[data-theme="dark"] .admin-feature,
html[data-theme="dark"] .wa-inline-badge,
html[data-theme="dark"] .ok-status-badge{
  background:rgba(87,231,154,.13)!important;
  border-color:rgba(87,231,154,.22)!important;
  color:#9ff2bf!important;
}
html[data-theme="dark"] .wa-pill.muted,
html[data-theme="dark"] .badge-muted{
  background:rgba(167,200,187,.12)!important;
  color:var(--ok-muted)!important;
}
html[data-theme="dark"] .wa-pill.high,
html[data-theme="dark"] .badge-cancelled,
html[data-theme="dark"] .badge-overdue,
html[data-theme="dark"] .negative{
  background:rgba(255,125,125,.14)!important;
  color:#ffaaaa!important;
}
html[data-theme="dark"] .wa-pill.medium,
html[data-theme="dark"] .badge-draft,
html[data-theme="dark"] .badge-pending{
  background:rgba(255,211,122,.12)!important;
  color:#ffd37a!important;
}
html[data-theme="dark"] .positive,
html[data-theme="dark"] .text-link,
html[data-theme="dark"] .wa-panel-head a,
html[data-theme="dark"] .admin-panel-head a,
html[data-theme="dark"] .wa-link-inline{
  color:#83f3b5!important;
}
html[data-theme="dark"] .wa-metric-icon,
html[data-theme="dark"] .ok-card-icon,
html[data-theme="dark"] .ok-action-card .icon,
html[data-theme="dark"] .wa-template-icon,
html[data-theme="dark"] .ok-premium-nav-icon{
  background:linear-gradient(135deg,rgba(87,231,154,.22),rgba(19,152,102,.14))!important;
  border-color:rgba(87,231,154,.24)!important;
  box-shadow:inset 0 0 0 1px rgba(180,255,214,.10)!important;
}
html[data-theme="dark"] .ok-arrow,
html[data-theme="dark"] .ok-action-card .arrow,
html[data-theme="dark"] .wa-pagination button{
  background:rgba(87,231,154,.13)!important;
  color:#9ff2bf!important;
  border-color:rgba(87,231,154,.20)!important;
}
html[data-theme="dark"] .wa-donut::after,
html[data-theme="dark"] .ok-donut-center{
  background:var(--ok-card)!important;
  border-color:var(--ok-line)!important;
  color:var(--ok-ink)!important;
}
html[data-theme="dark"] hr,
html[data-theme="dark"] .nested hr,
html[data-theme="dark"] .panel-head.top-border{
  border-color:var(--ok-line)!important;
}
html[data-theme="dark"] svg text{fill:var(--ok-muted)!important;}
html[data-theme="dark"] ::selection{background:rgba(87,231,154,.35);color:#fff;}
html[data-theme="dark"] ::-webkit-scrollbar{width:10px;height:10px;}
html[data-theme="dark"] ::-webkit-scrollbar-track{background:#071713;}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#285f50;border-radius:999px;border:2px solid #071713;}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:#36745f;}
@media(max-width:900px){
  .dashboard-grid,.profile-grid,.metric-grid{grid-template-columns:1fr;}
  .span-2{grid-column:auto;}
  .detail-list{grid-template-columns:1fr;}
  .page-head{flex-direction:column;}
  .page-actions>*{width:100%;justify-content:center;}
}

/* bundled from watilo-v69-whatsapp-enterprise-pack.css */
/* Watilo v6.9 WhatsApp Enterprise Pack UI */
.ok-green-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0 28px}.ok-green-card{border:1px solid rgba(26,187,109,.24);background:linear-gradient(180deg,rgba(31,191,115,.08),var(--panel,#fff));border-radius:20px;padding:16px;box-shadow:0 12px 34px rgba(12,42,31,.06)}.ok-green-card span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;color:#087b45;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.2);border-radius:999px;padding:5px 9px;margin-bottom:9px}.ok-green-card strong{display:block;font-size:15px;color:var(--text,#0b1f2f);margin-bottom:6px}.ok-green-card small{display:block;color:var(--muted,#657184);line-height:1.45}.ok-green-matrix.admin-version{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.wa-stack-form{display:grid;gap:12px}.wa-stack-form input,.wa-stack-form select,.wa-stack-form textarea,.wa-form-grid input,.wa-form-grid select,.wa-form-grid textarea{width:100%;box-sizing:border-box;border:1px solid var(--line,#dbe5ef);border-radius:14px;background:var(--input,#fff);color:var(--text,#0b1f2f);padding:12px 13px;outline:0}.wa-stack-form label,.wa-form-grid label{display:grid;gap:6px;font-weight:800;color:var(--text,#0b1f2f);font-size:13px}.wa-stack-form label small,.wa-form-grid label small{font-weight:600;color:var(--muted,#657184)}.wa-form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wa-form-grid .span-2,.wa-stack-form .span-2{grid-column:1/-1}.wa-inline-badge.green{background:rgba(31,191,115,.12);color:#087b45;border-color:rgba(31,191,115,.25)}.wa-table-wrap{overflow:auto}.wa-table{width:100%;border-collapse:collapse}.wa-table th,.wa-table td{border-bottom:1px solid var(--line,#dbe5ef);padding:12px;text-align:left;vertical-align:top}.wa-table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#657184)}.wa-table td small{display:block;color:var(--muted,#657184)}.wa-mini-panel{border:1px solid var(--line,#dbe5ef);border-radius:16px;padding:12px;margin-bottom:10px;background:rgba(255,255,255,.42)}
html[data-theme='dark'] .ok-green-card{background:linear-gradient(180deg,rgba(31,191,115,.12),#0e211d)!important;border-color:rgba(71,255,166,.2)!important;box-shadow:none!important}html[data-theme='dark'] .ok-green-card strong,html[data-theme='dark'] .wa-stack-form label,html[data-theme='dark'] .wa-form-grid label{color:#f3fff8!important}html[data-theme='dark'] .ok-green-card small{color:#a8d8c6!important}html[data-theme='dark'] .ok-green-card span{background:rgba(72,255,167,.12)!important;color:#78f0b2!important;border-color:rgba(72,255,167,.2)!important}html[data-theme='dark'] .wa-stack-form input,html[data-theme='dark'] .wa-stack-form select,html[data-theme='dark'] .wa-stack-form textarea,html[data-theme='dark'] .wa-form-grid input,html[data-theme='dark'] .wa-form-grid select,html[data-theme='dark'] .wa-form-grid textarea{background:#0b1e1a!important;color:#f3fff8!important;border-color:rgba(140,255,198,.16)!important}html[data-theme='dark'] .wa-table th,html[data-theme='dark'] .wa-table td{border-color:rgba(140,255,198,.12)!important}html[data-theme='dark'] .wa-mini-panel{background:#0b1e1a!important;border-color:rgba(140,255,198,.12)!important}
@media(max-width:820px){.wa-form-grid.two{grid-template-columns:1fr}.ok-green-matrix{grid-template-columns:1fr}.wa-form-grid .span-2{grid-column:auto}}

/* bundled from watilo-v70-next-level-upgrade.css */
/* Watilo v7.0 Next-Level WhatsApp Command Upgrade */
.wa-metrics-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.v70-score-card{border-color:rgba(34,197,94,.28)!important;background:linear-gradient(135deg,rgba(34,197,94,.12),var(--panel,#fff))!important}.v70-score-ring{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:950;color:#087b45;background:conic-gradient(#22c55e calc(var(--score,85)*1%),rgba(34,197,94,.12) 0);border:1px solid rgba(34,197,94,.25);box-shadow:inset 0 0 0 6px var(--panel,#fff)}
.v70-launch-board{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.8fr);gap:18px;margin:20px 0 28px}.v70-readiness-card,.v70-action-card{border:1px solid var(--line,#dbe5ef);background:linear-gradient(180deg,rgba(34,197,94,.06),var(--panel,#fff));border-radius:24px;padding:20px;box-shadow:0 18px 48px rgba(6,31,25,.06)}.v70-readiness-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.v70-readiness-top h2{margin:8px 0 6px;font-size:clamp(26px,3vw,40px);letter-spacing:-.04em;color:var(--text,#0b1f2f)}.v70-readiness-top p,.v70-action-card p{margin:0;color:var(--muted,#657184);line-height:1.55}.v70-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v70-check{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line,#dbe5ef);background:rgba(255,255,255,.56);border-radius:16px;padding:11px}.v70-check span{width:30px;height:30px;border-radius:11px;display:grid;place-items:center;font-weight:950}.v70-check.ready span{background:rgba(34,197,94,.14);color:#087b45}.v70-check.todo span{background:rgba(245,158,11,.13);color:#92400e}.v70-check strong{display:block;font-size:13px;color:var(--text,#0b1f2f)}.v70-check small{display:block;color:var(--muted,#657184);line-height:1.35;margin-top:2px}.v70-check em{font-style:normal;font-weight:900;color:#087b45}.v70-action-card{display:grid;align-content:start;gap:14px}.v70-action-card h3{margin:0;color:var(--text,#0b1f2f)}.v70-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v70-mini-stats span{border:1px solid rgba(34,197,94,.18);background:rgba(34,197,94,.07);border-radius:14px;padding:10px;color:var(--muted,#657184);font-size:12px}.v70-mini-stats strong{display:block;color:var(--text,#0b1f2f);font-size:22px}.v70-small-btn{border:0;border-radius:999px;padding:8px 12px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:900;cursor:pointer}.v70-policy{display:grid;gap:4px}.v70-admin-score{display:grid;gap:2px}.v70-admin-score strong{font-size:18px;color:#087b45}.v70-admin-score small{color:var(--muted,#657184)}
html[data-theme='dark'] .v70-score-card,html[data-theme='dark'] .v70-readiness-card,html[data-theme='dark'] .v70-action-card{background:linear-gradient(180deg,rgba(31,191,115,.13),#0b1e1a)!important;border-color:rgba(140,255,198,.16)!important;box-shadow:none!important}html[data-theme='dark'] .v70-score-ring{box-shadow:inset 0 0 0 6px #0b1e1a;color:#78f0b2;border-color:rgba(120,240,178,.22)}html[data-theme='dark'] .v70-readiness-top h2,html[data-theme='dark'] .v70-action-card h3,html[data-theme='dark'] .v70-check strong,html[data-theme='dark'] .v70-mini-stats strong{color:#f3fff8!important}html[data-theme='dark'] .v70-readiness-top p,html[data-theme='dark'] .v70-action-card p,html[data-theme='dark'] .v70-check small,html[data-theme='dark'] .v70-admin-score small{color:#a8d8c6!important}html[data-theme='dark'] .v70-check{background:#0d2621!important;border-color:rgba(140,255,198,.12)!important}html[data-theme='dark'] .v70-mini-stats{background:transparent}html[data-theme='dark'] .v70-mini-stats span{background:rgba(69,255,164,.09)!important;border-color:rgba(69,255,164,.14)!important;color:#a8d8c6!important}html[data-theme='dark'] .v70-admin-score strong{color:#78f0b2!important}
@media(max-width:1320px){.wa-metrics-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.v70-launch-board{grid-template-columns:1fr}}@media(max-width:820px){.wa-metrics-grid.six,.v70-checklist{grid-template-columns:1fr}.v70-readiness-top{display:grid}.v70-launch-board{grid-template-columns:1fr}}
.v70-anchor-focus{outline:3px solid rgba(34,197,94,.35);outline-offset:4px;transition:outline-color .3s ease}

/* bundled from watilo-v71-whatsapp-10-10-upgrade.css */
/* Watilo v7.1 WhatsApp 10/10 Production Upgrade */
.v71-capability-board{border:1px solid rgba(34,197,94,.22);background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(255,255,255,.72));border-radius:28px;padding:22px;margin:18px 0 24px;box-shadow:0 20px 60px rgba(14,64,43,.07)}
.v71-board-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.v71-board-head h2{margin:8px 0 4px;color:var(--text,#0b1f2f);font-size:clamp(24px,3vw,36px);letter-spacing:-.04em}.v71-board-head p{margin:0;max-width:720px;color:var(--muted,#657184);line-height:1.55}.v71-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v71-cap-card{border:1px solid rgba(34,197,94,.2);background:rgba(255,255,255,.72);border-radius:18px;padding:16px;display:grid;gap:8px}.v71-cap-card span{width:max-content;border-radius:999px;padding:6px 10px;background:rgba(34,197,94,.12);color:#087b45;font-size:12px;font-weight:950}.v71-cap-card strong{font-size:16px;color:var(--text,#0b1f2f)}.v71-cap-card small{color:var(--muted,#657184);line-height:1.45}.v71-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 24px}.v71-control-grid .wa-panel{min-height:100%;border-color:rgba(34,197,94,.16)!important}.v71-mini-list{display:grid;gap:8px;margin-top:12px}.v71-mini-list span{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(34,197,94,.14);background:rgba(34,197,94,.06);border-radius:14px;padding:10px 12px;color:var(--text,#0b1f2f)}.v71-mini-list strong{font-size:13px}.v71-mini-list em{font-style:normal;color:#087b45;font-weight:900;font-size:12px}.wa-stack-form.compact{gap:9px}.v71-broadcast-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.v71-broadcast-tools .wa-stack-form{border:1px solid rgba(34,197,94,.14);background:rgba(34,197,94,.04);border-radius:18px;padding:14px}.v71-capability-board .wa-inline-badge,.v71-control-grid .wa-inline-badge{box-shadow:none}
html[data-theme='dark'] .v71-capability-board{background:linear-gradient(135deg,rgba(31,191,115,.14),#071c18)!important;border-color:rgba(140,255,198,.16)!important;box-shadow:none!important}html[data-theme='dark'] .v71-board-head h2,html[data-theme='dark'] .v71-cap-card strong,html[data-theme='dark'] .v71-mini-list span{color:#f3fff8!important}html[data-theme='dark'] .v71-board-head p,html[data-theme='dark'] .v71-cap-card small{color:#a8d8c6!important}html[data-theme='dark'] .v71-cap-card,html[data-theme='dark'] .v71-broadcast-tools .wa-stack-form{background:#0d2621!important;border-color:rgba(140,255,198,.13)!important}html[data-theme='dark'] .v71-mini-list span{background:rgba(69,255,164,.08)!important;border-color:rgba(69,255,164,.13)!important}html[data-theme='dark'] .v71-mini-list em,html[data-theme='dark'] .v71-cap-card span{color:#78f0b2!important}html[data-theme='dark'] .v71-cap-card span{background:rgba(69,255,164,.1)!important}
@media(max-width:1280px){.v71-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v71-control-grid{grid-template-columns:1fr}}@media(max-width:760px){.v71-board-head{display:grid}.v71-capability-grid,.v71-broadcast-tools{grid-template-columns:1fr}.v71-capability-board{padding:16px;border-radius:22px}}

/* bundled from watilo-v72-power-pack.css */
/* Watilo v7.2 Powerful Omnichannel Upgrade */
.v72-power-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:22px;align-items:stretch;padding:28px;border-radius:30px;background:linear-gradient(135deg,rgba(12,55,45,.96),rgba(16,116,77,.92));color:#f4fff9;box-shadow:0 28px 80px rgba(4,48,32,.22);overflow:hidden;position:relative}
.v72-power-hero:after{content:"";position:absolute;right:-80px;top:-120px;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(99,255,178,.22),transparent 68%);pointer-events:none}.v72-power-hero>*{position:relative;z-index:1}.v72-power-hero h2{font-size:clamp(28px,3vw,48px);line-height:1.02;letter-spacing:-.06em;margin:10px 0 12px;color:#fff}.v72-power-hero p{max-width:850px;color:#c7f8df;line-height:1.65}.v72-score-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v72-score-stack span{border:1px solid rgba(189,255,220,.22);border-radius:20px;background:rgba(255,255,255,.08);padding:14px}.v72-score-stack strong{display:block;font-size:26px;color:#fff}.v72-score-stack small{display:block;color:#c7f8df;font-weight:800;margin-top:5px}.v72-quick-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.v72-quick-nav a,.v72-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(16,185,129,.22);background:rgba(16,185,129,.12);color:#06613e!important;border-radius:999px;padding:8px 11px;text-decoration:none;font-weight:900;font-size:12px}.v72-power-hero .v72-quick-nav a{color:#eafff5!important;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1)}.v72-section{display:grid;gap:18px;margin-top:22px}.v72-section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.v72-section-head h2{margin:6px 0 0;font-size:clamp(22px,2vw,32px);letter-spacing:-.035em}.v72-section-head p{margin:7px 0 0;color:#667085;line-height:1.55}.v72-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v72-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.v72-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.v72-card{background:#fff;border:1px solid #e3eee8;border-radius:24px;padding:20px;box-shadow:0 18px 50px rgba(7,36,27,.06);min-width:0}.v72-card h3{margin:0 0 8px;font-size:19px;letter-spacing:-.02em}.v72-card p,.v72-card small{color:#667085;line-height:1.5}.v72-form{display:grid;gap:10px}.v72-form.two{grid-template-columns:repeat(2,minmax(0,1fr))}.v72-form .span-2{grid-column:1/-1}.v72-form input,.v72-form select,.v72-form textarea{width:100%;box-sizing:border-box;border:1px solid #d9e8e1;border-radius:14px;background:#fbfffd;color:#10231c;padding:12px 13px;outline:0}.v72-form textarea{resize:vertical}.v72-list{display:grid;gap:10px;margin-top:12px}.v72-list-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border:1px solid #e6f0ea;border-radius:16px;padding:12px;background:#fbfffd}.v72-list-item strong{display:block;color:#12251e}.v72-list-item small{display:block;color:#76837d}.v72-status{white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;background:#e8fff3;color:#057647;text-transform:capitalize}.v72-status.failed,.v72-status.disabled{background:#fff0f0;color:#b42318}.v72-status.draft,.v72-status.available,.v72-status.requested{background:#f2f5f7;color:#475467}.v72-status.connected,.v72-status.enabled,.v72-status.installed,.v72-status.configured{background:#e6fff1;color:#067647}.v72-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v72-matrix-card{background:linear-gradient(180deg,#fff,#fbfffd);border:1px solid #e1eee8;border-radius:20px;padding:16px;min-height:122px}.v72-matrix-card span{display:inline-flex;border-radius:999px;background:#dcfae6;color:#067647;font-size:11px;font-weight:900;padding:6px 8px;margin-bottom:10px}.v72-matrix-card strong{display:block;margin-bottom:6px}.v72-matrix-card small{display:block;color:#667085;line-height:1.45}.v72-meter{height:9px;background:#edf4f0;border-radius:999px;overflow:hidden;margin-top:8px}.v72-meter i{display:block;height:100%;background:linear-gradient(90deg,#12b76a,#32d583);border-radius:inherit}.v72-pipeline{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.v72-block{min-width:160px;border:1px solid #dff2e9;border-radius:18px;background:#f6fffa;padding:14px}.v72-block b{display:block;color:#0b5136}.v72-block em{display:inline-flex;margin-top:8px;color:#087443;font-style:normal;font-weight:900;font-size:11px;text-transform:capitalize}.v72-admin-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.v72-admin-band article{border:1px solid #dcf3e7;background:#f4fff9;border-radius:20px;padding:18px}.v72-admin-band span{color:#667085}.v72-admin-band strong{display:block;font-size:28px;color:#073f2a}.v72-table-note{color:#667085;font-size:13px;line-height:1.45;margin-top:10px}.v72-danger-free{border-color:#c4f7d9;background:linear-gradient(180deg,#f6fffa,#fff)}
html[data-theme='dark'] .v72-power-hero{background:linear-gradient(135deg,#061713,#0b3b2a);box-shadow:0 28px 80px rgba(0,0,0,.4)}html[data-theme='dark'] .v72-section-head p{color:#9ab7a9}html[data-theme='dark'] .v72-card,html[data-theme='dark'] .v72-matrix-card{background:#0c211a;border-color:#204235;color:#eefcf4;box-shadow:none}html[data-theme='dark'] .v72-card h3,html[data-theme='dark'] .v72-list-item strong,html[data-theme='dark'] .v72-matrix-card strong{color:#f4fff9}html[data-theme='dark'] .v72-card p,html[data-theme='dark'] .v72-card small,html[data-theme='dark'] .v72-list-item small,html[data-theme='dark'] .v72-matrix-card small{color:#a9c5b8}html[data-theme='dark'] .v72-form input,html[data-theme='dark'] .v72-form select,html[data-theme='dark'] .v72-form textarea{background:#071a14;border-color:#22483a;color:#f4fff9}html[data-theme='dark'] .v72-list-item,html[data-theme='dark'] .v72-block{background:#071a14;border-color:#214638}html[data-theme='dark'] .v72-meter{background:#10271f}html[data-theme='dark'] .v72-chip{background:#102b21;border-color:#1f6b49;color:#7ff0b2!important}html[data-theme='dark'] .v72-admin-band article{background:#0c211a;border-color:#204235}html[data-theme='dark'] .v72-admin-band strong{color:#f4fff9}html[data-theme='dark'] .v72-admin-band span,html[data-theme='dark'] .v72-table-note{color:#a9c5b8}
@media(max-width:1200px){.v72-grid,.v72-grid.four,.v72-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.v72-power-hero{grid-template-columns:1fr}.v72-admin-band{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.v72-grid,.v72-grid.two,.v72-grid.four,.v72-matrix,.v72-score-stack,.v72-form.two,.v72-admin-band{grid-template-columns:1fr}.v72-section-head{display:block}.v72-power-hero{padding:20px;border-radius:22px}.v72-card{padding:16px;border-radius:20px}}

/* bundled from watilo-v76-wati-parity.css */
/* v7.6 Meta Setup + full benchmark parity polish */
.v76-command-board{margin:22px 0;padding:22px;border:1px solid rgba(31,214,125,.22);border-radius:28px;background:linear-gradient(135deg,rgba(240,255,248,.96),rgba(255,255,255,.94));box-shadow:0 22px 70px rgba(7,47,39,.08)}
[data-theme="dark"] .v76-command-board{background:linear-gradient(135deg,rgba(8,28,25,.98),rgba(12,18,27,.96));border-color:rgba(50,255,154,.18);box-shadow:0 22px 70px rgba(0,0,0,.35)}
.v76-meta-band article{position:relative;overflow:hidden}.v76-meta-band article:before{content:"";position:absolute;right:-18px;top:-20px;width:74px;height:74px;border-radius:999px;background:rgba(30,215,96,.12)}
.v76-command-board .admin-table-wrap{border-radius:20px;overflow:auto;border:1px solid rgba(7,47,39,.08)}
[data-theme="dark"] .v76-command-board .admin-table-wrap{border-color:rgba(255,255,255,.08)}
.v76-command-board .v72-matrix-card span,.v76-command-board .wa-inline-badge.green{letter-spacing:.08em;text-transform:uppercase}
.v76-command-board input,.v76-command-board select,.v76-command-board textarea{min-height:42px}
.v76-command-board textarea{min-height:96px}
.admin-status.verified,.admin-status.live,.admin-status.configured{background:rgba(30,215,96,.14);color:#078543;border-color:rgba(30,215,96,.22)}
.admin-status.rejected,.admin-status.blocked,.admin-status.failed,.admin-status.revoked{background:rgba(239,68,68,.12);color:#b91c1c;border-color:rgba(239,68,68,.22)}
.admin-status.pending,.admin-status.needs_review,.admin-status.warning{background:rgba(245,158,11,.14);color:#92400e;border-color:rgba(245,158,11,.24)}
[data-theme="dark"] .admin-status.verified,[data-theme="dark"] .admin-status.live,[data-theme="dark"] .admin-status.configured{color:#8fffc1}
[data-theme="dark"] .admin-status.rejected,[data-theme="dark"] .admin-status.blocked,[data-theme="dark"] .admin-status.failed,[data-theme="dark"] .admin-status.revoked{color:#fecaca}
[data-theme="dark"] .admin-status.pending,[data-theme="dark"] .admin-status.needs_review,[data-theme="dark"] .admin-status.warning{color:#fde68a}

/* bundled from watilo-v80-dashboard-experience.css */

/* Watilo v8.0 Dashboard Experience Rebuild */
:root{--v80-bg:#f5fbf8;--v80-card:#ffffff;--v80-text:#0b1720;--v80-muted:#60716b;--v80-border:#dcebe4;--v80-green:#07c970;--v80-green-dark:#069b5b;--v80-navy:#071827;--v80-soft:#e8fff4;--v80-shadow:0 22px 70px rgba(4,38,27,.10)}
[data-theme="dark"]{--v80-bg:#06110d;--v80-card:#0c1b16;--v80-text:#eefdf6;--v80-muted:#a8bbb2;--v80-border:#1f372e;--v80-soft:#0d2a20;--v80-shadow:0 24px 80px rgba(0,0,0,.35)}
.v80-customer-dashboard,.v80-admin-dashboard{display:grid;gap:24px;min-width:0;color:var(--v80-text)}
.v80-customer-dashboard *,.v80-admin-dashboard *{box-sizing:border-box;min-width:0}.v80-customer-dashboard p,.v80-admin-dashboard p{color:var(--v80-muted);line-height:1.6}.v80-customer-dashboard a,.v80-admin-dashboard a{text-decoration:none}
.v80-hero,.v80-admin-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;padding:30px;border:1px solid var(--v80-border);border-radius:30px;background:radial-gradient(circle at 82% 20%,rgba(7,201,112,.24),transparent 34%),linear-gradient(135deg,var(--v80-card),var(--v80-soft));box-shadow:var(--v80-shadow);overflow:hidden}
.v80-hero h1,.v80-admin-hero h1{font-size:clamp(32px,4vw,56px);line-height:1.02;margin:10px 0;color:var(--v80-text);letter-spacing:-.055em}.v80-hero-copy{max-width:860px}.v80-badge,.v80-section-head span,.v80-flow>span,.v80-advanced-card>span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(7,201,112,.35);background:rgba(7,201,112,.12);color:var(--v80-green-dark);padding:7px 11px;border-radius:999px;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.09em}
[data-theme="dark"] .v80-badge,[data-theme="dark"] .v80-section-head span,[data-theme="dark"] .v80-flow>span{color:#7ff0b6}.v80-hero-actions,.v80-admin-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.v80-btn,.v80-admin-dashboard .admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--v80-border);border-radius:15px;padding:12px 16px;font-weight:900;color:var(--v80-text);background:var(--v80-card);box-shadow:0 8px 20px rgba(0,0,0,.05)}.v80-btn.primary,.v80-admin-dashboard .admin-btn.primary{background:linear-gradient(135deg,#06d77a,#02b866);color:#001b10;border-color:transparent}.v80-btn.ghost{background:transparent}.v80-btn.full,.v80-admin-dashboard .admin-btn.full{width:100%}
.v80-score-card{border-radius:26px;border:1px solid var(--v80-border);background:rgba(255,255,255,.72);padding:22px;display:grid;place-items:center;text-align:center}.v80-score-ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--v80-green) calc(var(--score)*1%),rgba(128,128,128,.18) 0);position:relative}.v80-score-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--v80-card)}.v80-score-ring strong,.v80-score-ring span{position:relative}.v80-score-ring strong{font-size:42px}.v80-progress{height:9px;border-radius:20px;background:rgba(128,128,128,.18);width:100%;overflow:hidden}.v80-progress i{display:block;height:100%;background:linear-gradient(90deg,#04b863,#12e28a);border-radius:20px}
.v80-wallet-strip,.v80-admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v80-admin-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.v80-wallet-strip article,.v80-admin-kpis article{background:var(--v80-card);border:1px solid var(--v80-border);border-radius:22px;padding:20px;box-shadow:0 12px 38px rgba(0,0,0,.05)}.v80-wallet-strip span,.v80-admin-kpis span{display:block;color:var(--v80-muted);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.v80-wallet-strip strong,.v80-admin-kpis strong{display:block;font-size:26px;margin:6px 0;color:var(--v80-text)}.v80-wallet-strip small,.v80-admin-kpis small{color:var(--v80-muted)}
.v80-modebar{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--v80-border);border-radius:22px;background:var(--v80-card);padding:16px 18px}.v80-modebar strong{display:block}.v80-modebar small{display:block;color:var(--v80-muted);margin-top:4px}.v80-segmented{display:flex;background:rgba(128,128,128,.12);border-radius:16px;padding:5px}.v80-segmented button{border:0;background:transparent;color:var(--v80-muted);font-weight:900;padding:10px 14px;border-radius:12px;cursor:pointer}.v80-segmented button.active{background:var(--v80-card);color:var(--v80-green-dark);box-shadow:0 8px 18px rgba(0,0,0,.08)}
.v80-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px}.v80-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v80-module-card,.v80-checklist,.v80-flow,.v80-advanced-card,.v80-table-section,.v80-admin-panel{background:var(--v80-card);border:1px solid var(--v80-border);border-radius:24px;padding:22px;box-shadow:0 10px 34px rgba(0,0,0,.05)}.v80-module-card img{width:36px;height:36px}.v80-module-card h3{font-size:21px;margin:14px 0 8px}.v80-module-card a{font-weight:900;color:var(--v80-green-dark)}.v80-checklist{display:grid;gap:13px;align-content:start}.v80-section-head{margin-bottom:14px}.v80-section-head h2{margin:8px 0 0;font-size:24px}.v80-check{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;border:1px solid var(--v80-border);background:rgba(128,128,128,.05)}.v80-check b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ffedc2;color:#7a4c00}.v80-check.done b{background:#dfffea;color:#006635}.v80-check strong,.v80-check small{display:block}.v80-check small{color:var(--v80-muted);margin-top:2px}
.v80-workflows,.v80-advanced-grid,.v80-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.v80-admin-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.v80-flow h2,.v80-advanced-card h3{margin:12px 0 8px}.v80-flow form,.v80-form{display:grid;gap:10px;margin-top:14px}.v80-flow input,.v80-flow select,.v80-form input,.v80-form select{width:100%;border:1px solid var(--v80-border);border-radius:14px;padding:12px;background:var(--v80-bg);color:var(--v80-text)}.v80-advanced-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v80-advanced-card dl{display:grid;gap:8px}.v80-advanced-card dt{color:var(--v80-muted);font-size:12px;text-transform:uppercase;font-weight:900}.v80-advanced-card dd{margin:0;font-weight:900}.v80-chip-list{display:flex;flex-wrap:wrap;gap:8px}.v80-chip-list span{padding:8px 10px;border-radius:999px;background:rgba(7,201,112,.12);color:var(--v80-green-dark);font-size:12px;font-weight:800}
.v80-table-wrap{overflow:auto;border:1px solid var(--v80-border);border-radius:18px}.v80-table-wrap table{width:100%;border-collapse:collapse}.v80-table-wrap th,.v80-table-wrap td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--v80-border);vertical-align:top}.v80-table-wrap th{color:var(--v80-muted);font-size:12px;text-transform:uppercase;letter-spacing:.07em}.v80-admin-stack{display:grid;gap:12px}.v80-admin-stack strong,.v80-admin-stack span{display:block;padding:12px;border-radius:16px;background:rgba(128,128,128,.07)}
[data-theme="dark"] .v80-score-card{background:rgba(12,27,22,.82)}[data-theme="dark"] .v80-btn.primary,[data-theme="dark"] .v80-admin-dashboard .admin-btn.primary{color:#002114}[data-theme="dark"] .v80-chip-list span{color:#79efb2}.v80-module-card,.v80-checklist,.v80-flow,.v80-advanced-card,.v80-table-section,.v80-admin-panel,.v80-wallet-strip article,.v80-admin-kpis article{overflow:hidden;overflow-wrap:anywhere}
@media(max-width:1200px){.v80-admin-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.v80-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v80-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v80-admin-grid.three{grid-template-columns:1fr}}
@media(max-width:900px){.v80-hero,.v80-admin-hero,.v80-main-grid,.v80-workflows,.v80-admin-grid,.v80-advanced-grid{grid-template-columns:1fr}.v80-wallet-strip,.v80-admin-kpis{grid-template-columns:1fr 1fr}.v80-modebar{align-items:stretch;flex-direction:column}.v80-hero,.v80-admin-hero{padding:22px;border-radius:24px}.v80-module-grid{grid-template-columns:1fr}}
@media(max-width:560px){.v80-wallet-strip,.v80-admin-kpis{grid-template-columns:1fr}.v80-hero-actions,.v80-admin-actions{flex-direction:column}.v80-btn,.v80-admin-dashboard .admin-btn{width:100%}.v80-segmented{width:100%}.v80-segmented button{flex:1}.v80-hero h1,.v80-admin-hero h1{font-size:34px}.v80-score-ring{width:120px;height:120px}.v80-score-ring strong{font-size:34px}}

/* bundled from watilo-v81-dashboard-polish.css */

/* Watilo v8.1 dashboard polish */
.wa-sidebar{width:258px!important;padding:18px 16px 14px!important;gap:16px!important}
.main-shell{margin-left:258px!important}
.wa-brand-wordmark-wrap,.admin-brand-wordmark-wrap{display:flex!important;align-items:center!important;justify-content:center!important;min-height:64px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;padding:8px 4px 16px!important}
.wa-brand-wordmark,.admin-brand-wordmark{width:170px!important;height:auto!important;max-width:100%!important;display:block!important;object-fit:contain!important}
.wa-brand-icon,.admin-brand-logo,.wa-brand strong,.wa-brand span,.admin-brand strong,.admin-brand small{display:none!important}
.wa-nav-item{min-height:48px!important;border-radius:16px!important;font-weight:700!important}
.ok-premium-nav-icon{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;flex:none}
.ok-premium-nav-icon img{width:20px!important;height:20px!important;display:block!important}
.wa-topbar{padding:14px 28px 14px!important;gap:14px!important;border-bottom:1px solid rgba(18,70,53,.08)!important;flex-wrap:wrap!important}
.wa-searchbar{flex:1 1 320px!important;min-width:280px!important;max-width:680px!important;margin-right:0!important}
.wa-top-shortcuts{display:flex!important;align-items:center!important;gap:10px!important;flex:1 1 auto!important;flex-wrap:wrap!important}
.wa-top-shortcut{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 14px!important;border-radius:14px!important;background:rgba(255,255,255,.84)!important;border:1px solid rgba(18,70,53,.10)!important;color:var(--text)!important;text-decoration:none!important;font-weight:700!important;box-shadow:0 10px 24px rgba(11,31,47,.05)!important;white-space:nowrap!important}
.wa-top-shortcut img{width:18px!important;height:18px!important;display:block!important;object-fit:contain!important}
.wa-top-shortcut:hover,.wa-top-shortcut.active{background:linear-gradient(180deg,rgba(29,191,115,.18),rgba(29,191,115,.08))!important;border-color:rgba(29,191,115,.28)!important}
.wa-topbar-actions{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;margin-left:auto!important}
.wa-icon-btn,.theme-toggle,.wa-ghost-btn,.wa-date-pill{height:44px!important}
.wa-icon-btn{overflow:visible!important}
.wa-icon-symbol{position:static!important;display:grid!important;place-items:center!important}
.wa-icon-btn b[data-notification-count]{position:absolute!important;top:-5px!important;right:-5px!important;display:grid!important;place-items:center!important;min-width:18px!important;height:18px!important;border-radius:999px!important;background:#ff4a4a!important;color:#fff!important;font-size:11px!important;padding:0 5px!important}
.wa-page-head,.v80-hero,.v80-wallet-strip,.v80-modebar,.v80-main-grid,.v80-workflows,.v80-advanced,.v80-table-section,.wa-panel,.wa-metric-card,.wa-quick-card{border-radius:22px!important}
.v80-wallet-strip article,.wa-metric-card,.wa-quick-card,.v80-module-card,.v80-checklist,.v80-flow,.v80-advanced-card{box-shadow:0 12px 32px rgba(9,28,22,.05)!important}
.v80-wallet-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.v80-module-card img{width:22px!important;height:22px!important}
.v80-module-card a,.v80-btn,.admin-top-shortcut{transition:all .18s ease}
.v80-btn:hover,.admin-top-shortcut:hover{transform:translateY(-1px)}
.admin-topbar{padding:14px 32px!important;gap:14px!important;flex-wrap:wrap!important}
.admin-top-shortcuts{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.admin-top-shortcut{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 14px!important;border-radius:14px!important;background:rgba(255,255,255,.9)!important;border:1px solid rgba(18,70,53,.09)!important;color:#0b1f2f!important;text-decoration:none!important;font-weight:700!important;box-shadow:0 10px 24px rgba(11,31,47,.05)!important}
.admin-search{flex:1 1 320px!important}
.admin-top-actions{margin-left:auto!important;display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important}
html[data-theme='dark'] .wa-topbar{border-bottom-color:rgba(92,255,168,.08)!important}
html[data-theme='dark'] .wa-top-shortcut,html[data-theme='dark'] .admin-top-shortcut{background:rgba(12,29,24,.9)!important;border-color:rgba(118,255,183,.12)!important;color:#eff8f3!important;box-shadow:none!important}
html[data-theme='dark'] .wa-top-shortcut:hover,html[data-theme='dark'] .wa-top-shortcut.active{background:linear-gradient(180deg,rgba(29,191,115,.22),rgba(29,191,115,.10))!important;border-color:rgba(79,245,148,.30)!important}
html[data-theme='dark'] .wa-searchbar,html[data-theme='dark'] .admin-search{box-shadow:none!important}
html[data-theme='dark'] .v80-wallet-strip article,html[data-theme='dark'] .wa-metric-card,html[data-theme='dark'] .wa-panel,html[data-theme='dark'] .wa-quick-card,html[data-theme='dark'] .v80-module-card,html[data-theme='dark'] .v80-checklist,html[data-theme='dark'] .v80-flow,html[data-theme='dark'] .v80-advanced-card{box-shadow:none!important}
@media (max-width:1400px){.wa-topbar{padding:14px 20px!important}.wa-top-shortcuts{flex:1 1 100%!important;order:3}.wa-topbar-actions{margin-left:0!important}.v80-wallet-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:1180px){.main-shell{margin-left:0!important}.wa-topbar,.admin-topbar{padding:14px 18px!important}.wa-searchbar,.admin-search{max-width:none!important;width:100%!important}.wa-top-shortcuts,.admin-top-shortcuts,.wa-topbar-actions,.admin-top-actions{width:100%!important}.wa-topbar-actions{justify-content:flex-start!important}.v80-wallet-strip{grid-template-columns:1fr 1fr!important}}
@media (max-width:760px){.wa-top-shortcut,.admin-top-shortcut{flex:1 1 calc(50% - 10px)!important;justify-content:center!important}.v80-wallet-strip{grid-template-columns:1fr!important}.wa-sidebar{width:min(320px,88vw)!important}}

/* bundled from watilo-v82-public-production-fixes.css */

/* v8.2 public production fixes */
.khp-footer a,.khp-footer span{display:block;margin:8px 0}.khp-footer-contact a,.khp-footer-contact span{word-break:normal;white-space:normal}.khp-footer-bottom .khp-container{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}.khp-footer-bottom span{display:inline-block;margin:0}.v82-form-help,.v82-auth-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;color:var(--muted);margin:16px 0 0}.v82-auth-links a,.v82-form-help a{color:var(--green-2);font-weight:800}.v82-secure-note{border:1px solid rgba(105,255,181,.18);border-radius:14px;background:rgba(105,255,181,.08);padding:10px 12px;color:#b8ffe0;margin:12px 0 18px;font-weight:700;font-size:13px}.v82-pricing-matrix{margin-top:34px}.v82-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}.v82-table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.v82-table-wrap th,.v82-table-wrap td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:left}.v82-table-wrap th{background:var(--panel-2);font-weight:900}.v82-table-wrap tr:last-child td{border-bottom:0}.v82-integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.v82-public-proof{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px;padding:18px 20px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow);flex-wrap:wrap}.v82-public-proof strong{font-size:20px}.v82-public-proof span{color:var(--muted);font-weight:700}.v82-dashboard-preview{display:grid;grid-template-columns:260px 1fr;gap:0;border:1px solid var(--line);border-radius:30px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.v82-dashboard-preview aside{background:linear-gradient(180deg,#063b2f,#04231d);padding:24px;display:flex;flex-direction:column;gap:12px}.v82-dashboard-preview aside img{width:170px;height:auto;margin-bottom:12px}.v82-dashboard-preview aside a{color:#eafff6;text-decoration:none;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);font-weight:800}.v82-dashboard-preview aside a.active{background:rgba(41,213,128,.24)}.v82-dashboard-preview section{padding:24px;background:linear-gradient(180deg,#f8fbfa,#eef6f2)}.v82-preview-top{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.v82-preview-top span{padding:10px 14px;border-radius:14px;background:#fff;border:1px solid #dce9e4;font-weight:900}.v82-preview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v82-preview-metrics article,.v82-preview-grid article{background:#fff;border:1px solid #dce9e4;border-radius:20px;padding:18px}.v82-preview-metrics small,.v82-preview-metrics em{display:block;color:#64748b}.v82-preview-metrics strong{font-size:24px}.v82-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.v82-preview-grid h3{margin-top:0}.v82-step-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:18px}.v82-step-strip span{padding:10px;border-radius:999px;background:rgba(29,191,115,.10);border:1px solid rgba(29,191,115,.20);font-weight:900;text-align:center;color:var(--green-2)}.v82-partner-grid label small{display:block;color:var(--muted);font-weight:600;margin-bottom:4px}.alert-error{background:rgba(255,74,74,.10);border:1px solid rgba(255,74,74,.25);color:#b91c1c;border-radius:14px;padding:12px;margin-bottom:14px}.khp-checkbox a{color:var(--green-2);font-weight:800}.public-cta-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:24px}.feature-story-card .wa-inline-badge{display:inline-flex;margin-top:auto;width:max-content;text-decoration:none}.login-card.v82-portal-card{max-width:480px}
html[data-theme='dark'] .v82-table-wrap,html[data-theme='dark'] .v82-public-proof{box-shadow:none}html[data-theme='dark'] .v82-dashboard-preview section{background:#061713}html[data-theme='dark'] .v82-preview-metrics article,html[data-theme='dark'] .v82-preview-grid article,html[data-theme='dark'] .v82-preview-top span{background:#0c211c;border-color:rgba(118,255,183,.12);color:#eff8f3}.khp-site .khp-nav a[href='/integrations'],.khp-site .khp-nav a[href='/dashboard-preview']{white-space:nowrap}
@media(max-width:1180px){.v82-integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v82-dashboard-preview{grid-template-columns:1fr}.v82-dashboard-preview aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.v82-dashboard-preview aside img{grid-column:1/-1}.v82-preview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v82-step-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.v82-integration-grid,.v82-preview-metrics,.v82-preview-grid{grid-template-columns:1fr}.v82-dashboard-preview aside{grid-template-columns:1fr}.v82-auth-links{align-items:center}.v82-table-wrap table{min-width:640px}.v82-step-strip{grid-template-columns:1fr}.khp-footer-bottom .khp-container{display:block}.khp-footer-bottom span+span{margin-top:8px}}

/* bundled from watilo-v85-public-enterprise.css */
/* Watilo v8.5 public website enterprise polish — public pages only. */
:root{
  --wt-ink:#06121f;
  --wt-ink-2:#10243a;
  --wt-muted:#5b6b7f;
  --wt-line:#dbe5ee;
  --wt-soft:#f4f8fb;
  --wt-soft-2:#eef6f3;
  --wt-white:#ffffff;
  --wt-green:#0aa86f;
  --wt-green-2:#12c987;
  --wt-teal:#0f766e;
  --wt-blue:#2563eb;
  --wt-dark:#071421;
  --wt-card:#ffffff;
  --wt-shadow:0 26px 70px rgba(10,24,40,.13);
  --wt-shadow-soft:0 18px 45px rgba(10,24,40,.08);
  --wt-radius:28px;
}
html{scroll-behavior:smooth;}
body{background:#f8fbfd;color:var(--wt-ink);}
.khp-container{width:min(1180px,calc(100% - 40px));}
.premium-public,.khp-public-page,.khp-inner-site{background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 42%,#f4f8fb 100%);}
.wt-public-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,229,238,.82);box-shadow:0 14px 40px rgba(6,18,31,.05);}
.wt-header-inner{min-height:82px;}
.wt-brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
.wt-brand-logo{width:150px!important;height:auto!important;max-width:150px!important;display:block;object-fit:contain;}
.wt-brand-meta{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--wt-teal);border-left:1px solid var(--wt-line);padding-left:12px;white-space:nowrap;}
.wt-public-nav{gap:4px;align-items:center;}
.wt-public-nav>a:not(.khp-btn){position:relative;font-size:14px;font-weight:800;color:#243549;text-decoration:none;padding:11px 9px;border-radius:13px;}
.wt-public-nav>a:not(.khp-btn):hover,.wt-public-nav>a.is-active:not(.khp-btn){background:#eef8f4;color:#063d32;}
.wt-login-link{color:#0f766e!important;}
.wt-header-secondary{background:#fff!important;color:#0c2a25!important;border:1px solid #cfe1da!important;box-shadow:none!important;}
.wt-header-primary{box-shadow:0 14px 26px rgba(10,168,111,.25)!important;}
.wt-menu-button span{background:#092135!important;}
.wt-hero{position:relative;overflow:hidden;padding:86px 0 46px;background:radial-gradient(circle at 80% 12%,rgba(18,201,135,.18),transparent 32%),radial-gradient(circle at 8% 20%,rgba(37,99,235,.10),transparent 30%),linear-gradient(180deg,#ffffff 0%,#f4fbf8 100%);}
.wt-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,20,33,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,20,33,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,#000,transparent 76%);pointer-events:none;}
.wt-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);gap:42px;align-items:center;}
.wt-kicker,.khp-kicker{display:inline-flex;align-items:center;gap:9px;background:#eafaf3;color:#08704e;border:1px solid #caecdf;border-radius:999px;padding:9px 13px;font-weight:900;font-size:12px;letter-spacing:.12em;text-transform:uppercase;}
.wt-kicker::before,.khp-kicker::before{content:"";width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,var(--wt-green),var(--wt-green-2));box-shadow:0 0 0 5px rgba(10,168,111,.12);}
.wt-hero-copy h1,.premium-public h1,.khp-public-hero h1{font-size:clamp(42px,5vw,76px);line-height:.96;letter-spacing:-.058em;color:#06121f;margin:22px 0 22px;font-weight:950;}
.wt-hero-copy p,.premium-public .khp-section-head p,.khp-public-hero p{font-size:18px;line-height:1.75;color:var(--wt-muted);max-width:720px;}
.wt-hero-actions,.khp-hero-actions,.public-cta-row,.khp-public-actions{display:flex;flex-wrap:wrap;gap:13px;align-items:center;margin-top:28px;}
.khp-btn{border-radius:999px!important;font-weight:900!important;letter-spacing:-.01em;padding:14px 20px!important;min-height:48px;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;}
.khp-btn:hover{transform:translateY(-2px);}
.khp-btn-primary{background:linear-gradient(135deg,#059669,#16c784)!important;color:white!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 16px 34px rgba(5,150,105,.26)!important;}
.khp-btn-secondary,.khp-btn-outline-white,.khp-btn-dark{background:#ffffff!important;color:#0a2236!important;border:1px solid #cfe0da!important;box-shadow:0 10px 26px rgba(15,35,55,.08)!important;}
.wt-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;color:#4f6175;font-size:13px;font-weight:800;}
.wt-hero-trust span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--wt-line);border-radius:999px;padding:9px 12px;box-shadow:0 12px 24px rgba(10,24,40,.05);}
.wt-hero-trust span::before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#e7fbf2;color:#08704e;font-size:12px;}
.wt-dashboard-card{position:relative;background:linear-gradient(180deg,#0c2337,#06121f);border-radius:34px;box-shadow:0 32px 80px rgba(4,18,31,.32);padding:16px;border:1px solid rgba(255,255,255,.14);overflow:hidden;}
.wt-dashboard-card::before{content:"";position:absolute;inset:-30% -20% auto auto;width:340px;height:340px;border-radius:999px;background:rgba(18,201,135,.22);filter:blur(45px);}
.wt-window{position:relative;display:grid;grid-template-columns:118px 1fr;min-height:455px;background:#f5f8fb;border-radius:24px;overflow:hidden;}
.wt-window-sidebar{background:#081d2e;color:#d5fbec;padding:20px 14px;display:flex;flex-direction:column;gap:10px;}
.wt-window-logo{height:34px;background:rgba(255,255,255,.09);border-radius:12px;margin-bottom:10px;}
.wt-window-sidebar span{height:34px;border-radius:12px;background:rgba(255,255,255,.07);}
.wt-window-sidebar span:nth-child(2){background:linear-gradient(135deg,#0aa86f,#12c987);}
.wt-window-main{padding:18px;display:grid;grid-template-rows:auto auto 1fr;gap:15px;}
.wt-window-top{display:flex;justify-content:space-between;gap:10px;}
.wt-window-pill{height:36px;border-radius:999px;background:#fff;border:1px solid #dce7ef;flex:1;}
.wt-metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.wt-metric{background:#fff;border:1px solid #dce7ef;border-radius:18px;padding:13px;}
.wt-metric small{display:block;color:#6b7b8e;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.08em;}
.wt-metric strong{display:block;margin-top:10px;font-size:22px;color:#06121f;}
.wt-preview-body{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;}
.wt-chat-list,.wt-flow-card{background:#fff;border:1px solid #dce7ef;border-radius:20px;padding:14px;box-shadow:0 14px 30px rgba(10,24,40,.05);}
.wt-chat-line{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eef2f6;}
.wt-chat-line:last-child{border-bottom:0;}
.wt-avatar-dot{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#12c987,#2563eb);}
.wt-chat-line b{display:block;height:10px;border-radius:999px;background:#112942;width:78%;}
.wt-chat-line i{display:block;height:8px;border-radius:999px;background:#dce7ef;width:62%;margin-top:8px;}
.wt-flow-card h3{margin:0 0 12px;color:#06121f;}
.wt-flow-step{display:flex;align-items:center;gap:9px;margin:10px 0;color:#40546b;font-weight:800;font-size:13px;}
.wt-flow-step span{width:24px;height:24px;border-radius:8px;background:#e8fbf3;color:#08704e;display:grid;place-items:center;font-size:12px;}
.wt-floating-note{position:absolute;right:22px;bottom:24px;background:#fff;border:1px solid #dce7ef;border-radius:18px;padding:13px 15px;box-shadow:var(--wt-shadow-soft);max-width:255px;font-size:13px;color:#51647b;}
.wt-floating-note strong{display:block;color:#06121f;margin-bottom:3px;}
.wt-logo-strip{position:relative;padding:20px 0 32px;background:#fff;border-bottom:1px solid #e6eef5;}
.wt-proof-strip{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;}
.wt-proof-strip p{margin:0;color:#5b6b7f;font-weight:700;}
.wt-proof-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.wt-proof-pills span{background:#f5fbf8;border:1px solid #d7eee4;border-radius:999px;padding:9px 12px;color:#0f766e;font-weight:900;font-size:13px;}
.wt-section{padding:76px 0;}
.wt-section.alt{background:#f3f8fb;border-block:1px solid #e7eef5;}
.khp-section{padding-block:76px;}
.khp-section-head.centered,.khp-center{text-align:center;max-width:880px;margin:0 auto 38px;}
.khp-section-head h2,.premium-public h2,.khp-public-copy h2{font-size:clamp(30px,3.2vw,48px);line-height:1.06;letter-spacing:-.045em;color:#071421;margin:14px 0 12px;font-weight:950;}
.wt-card-grid,.feature-story-grid,.trust-grid-pro,.v82-integration-grid,.pricing-grid-pro,.faq-grid-pro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.feature-story-card,.trust-grid-pro article,.v82-integration-grid article,.pricing-card-pro,.faq-grid-pro details,.wt-card{background:var(--wt-card)!important;border:1px solid #dbe6ee!important;border-radius:26px!important;padding:24px!important;box-shadow:0 18px 42px rgba(10,24,40,.07)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.feature-story-card:hover,.trust-grid-pro article:hover,.v82-integration-grid article:hover,.pricing-card-pro:hover,.faq-grid-pro details:hover,.wt-card:hover{transform:translateY(-4px);box-shadow:var(--wt-shadow)!important;border-color:#bfe5d6!important;}
.feature-story-card img,.trust-grid-pro article img,.v82-integration-grid article img{width:42px!important;height:42px!important;border-radius:14px;background:#e9fbf3;padding:9px;box-sizing:border-box;object-fit:contain;}
.feature-story-card strong,.trust-grid-pro article strong,.v82-integration-grid article strong,.pricing-card-pro strong,.faq-grid-pro details strong{display:block;color:#071421;font-size:19px;line-height:1.2;margin:16px 0 9px;font-weight:950;letter-spacing:-.025em;}
.feature-story-card p,.trust-grid-pro article p,.v82-integration-grid article p,.pricing-card-pro p,.faq-grid-pro details p{color:#5d6e82;line-height:1.65;margin:0;}
.feature-story-card span{color:#0aa86f!important;font-weight:950!important;}
.wa-inline-badge,.wt-badge{display:inline-flex;align-items:center;width:max-content;margin-top:16px;background:#eafbf3;border:1px solid #caecdf;border-radius:999px;color:#08704e!important;padding:7px 10px;text-decoration:none;font-size:12px;font-weight:900;}
.wt-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;}
.wt-process{display:grid;gap:13px;}
.wt-process article{display:grid;grid-template-columns:54px 1fr;gap:15px;align-items:start;background:#fff;border:1px solid #dde8ef;border-radius:23px;padding:18px;box-shadow:0 12px 32px rgba(10,24,40,.06);}
.wt-process b{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#06121f;color:#12c987;font-size:18px;}
.wt-process h3{margin:0 0 7px;color:#06121f;font-size:18px;}
.wt-process p{margin:0;color:#607184;line-height:1.55;}
.wt-dark-band{position:relative;overflow:hidden;background:linear-gradient(135deg,#06121f,#0a293d 55%,#064235);color:#e7fff6;border-radius:36px;padding:44px;box-shadow:0 26px 70px rgba(6,18,31,.22);}
.wt-dark-band::after{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:999px;background:rgba(18,201,135,.17);filter:blur(20px);}
.wt-dark-band h2,.wt-dark-band h3{color:#fff;}
.wt-dark-band p{color:#b8d4d0;}
.wt-dark-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;}
.wt-dark-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.wt-dark-points span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;color:#eafff7;font-weight:800;}
.wt-cta-panel,.khp-cta,.khp-public-cta{background:linear-gradient(135deg,#071421,#0b3045)!important;color:#fff!important;border-radius:34px!important;padding:44px!important;box-shadow:0 26px 70px rgba(6,18,31,.22)!important;border:1px solid rgba(255,255,255,.08)!important;}
.wt-cta-panel h2,.khp-cta h2,.khp-public-cta h2{color:#fff!important;margin-top:0;}
.wt-cta-panel p,.khp-cta p,.khp-public-cta p{color:#c8d7df!important;}
.v82-dashboard-preview{background:#071421!important;border-radius:34px!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:var(--wt-shadow)!important;overflow:hidden!important;}
.v82-dashboard-preview aside{background:#091d2e!important;color:#d9fbef!important;}
.v82-dashboard-preview section{background:#f5f8fb!important;}
.v82-preview-metrics article,.v82-preview-grid article{background:#fff!important;border:1px solid #dce7ef!important;border-radius:22px!important;box-shadow:0 14px 30px rgba(10,24,40,.06)!important;}
.v82-preview-metrics strong{color:#06121f!important;}
.pricing-grid-pro{align-items:stretch;margin-top:26px;}
.pricing-card-pro{position:relative;display:flex;flex-direction:column;min-height:100%;}
.pricing-card-pro.featured{border-color:#56d9a5!important;box-shadow:0 28px 76px rgba(6,168,111,.18)!important;transform:translateY(-8px);}
.pricing-card-pro.featured::before{content:"Recommended for growth teams";position:absolute;top:16px;right:16px;background:#071421;color:#12c987;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;}
.plan-head em{display:inline-flex;border-radius:999px;background:#effaf5;color:#08704e;padding:7px 10px;font-size:12px;font-weight:900;font-style:normal;margin-bottom:12px;}
.plan-price{display:flex;align-items:flex-end;gap:8px;margin:18px 0 20px;color:#06121f;}
.plan-price .amount{font-size:48px;font-weight:950;letter-spacing:-.06em;}
.plan-price small{color:#5b6b7f;font-weight:800;}
.pricing-card-pro ul{display:grid;gap:11px;margin:0 0 22px;padding:0;list-style:none;}
.pricing-card-pro li{display:grid;grid-template-columns:20px 1fr;gap:9px;color:#40546b;font-weight:700;line-height:1.45;}
.pricing-card-pro li span{width:20px;height:20px;border-radius:999px;background:#e8fbf3;position:relative;}
.pricing-card-pro li span::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#08704e;font-size:12px;font-weight:950;}
.pricing-card-pro .khp-btn{margin-top:auto;}
.khp-billing-toggle{display:flex;justify-content:center;gap:8px;background:#eaf2f7;border:1px solid #d8e4ec;border-radius:999px;padding:6px;width:max-content;margin:0 auto 20px;}
.khp-billing-toggle button{border:0;background:transparent;border-radius:999px;padding:11px 16px;font-weight:900;color:#52657a;cursor:pointer;}
.khp-billing-toggle button.is-active{background:#fff;color:#071421;box-shadow:0 10px 24px rgba(10,24,40,.08);}
.addon-premium-toggle{background:#fff!important;border:1px solid #cfe0da!important;border-radius:24px!important;box-shadow:0 18px 42px rgba(10,24,40,.07)!important;padding:18px!important;}
.checkout-summary-pro{background:#071421!important;color:#eafff7!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.08)!important;}
.v82-pricing-matrix{margin-top:54px;}
.v82-table-wrap{border-radius:24px;overflow:hidden;border:1px solid #dbe6ee;box-shadow:0 18px 42px rgba(10,24,40,.07);}
.v82-table-wrap table{width:100%;border-collapse:collapse;background:#fff;}
.v82-table-wrap th{background:#071421;color:#fff;padding:16px;text-align:left;}
.v82-table-wrap td{padding:14px 16px;border-top:1px solid #e8eef4;color:#4f6175;font-weight:700;}
.faq-search-pro,.khp-signup-form input,.khp-signup-form select,.khp-signup-form textarea,.khp-public-form input,.khp-public-form select,.khp-public-form textarea{border:1px solid #d8e4ec!important;border-radius:16px!important;background:#fff!important;padding:14px 15px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;outline:none!important;}
.faq-search-pro:focus,.khp-signup-form input:focus,.khp-signup-form select:focus,.khp-signup-form textarea:focus,.khp-public-form input:focus,.khp-public-form select:focus,.khp-public-form textarea:focus{border-color:#0aa86f!important;box-shadow:0 0 0 4px rgba(10,168,111,.10)!important;}
.khp-signup-form,.khp-public-form,.khp-public-content,.khp-public-sidebar{background:#fff!important;border:1px solid #dbe6ee!important;border-radius:28px!important;box-shadow:var(--wt-shadow-soft)!important;}
.khp-signup-form{padding:28px!important;}
.khp-checkbox{background:#f7fbfd;border:1px solid #e2ebf2;border-radius:16px;padding:13px 14px;margin-top:12px;}
.khp-plan-summary{background:#071421!important;color:#dcefed!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;}
.khp-plan-summary span{color:#b9d4ce!important;}
.khp-public-hero{background:radial-gradient(circle at 72% 10%,rgba(18,201,135,.16),transparent 35%),linear-gradient(180deg,#fff,#f4fbf8)!important;padding:82px 0 62px!important;}
.khp-overline{color:#08704e!important;font-weight:950!important;letter-spacing:.13em!important;}
.khp-onboarding-list{display:grid;gap:14px;}
.khp-onboarding-list article{background:#fff!important;border:1px solid #dbe6ee!important;border-radius:24px!important;box-shadow:0 14px 34px rgba(10,24,40,.06)!important;}
.khp-onboarding-list article>div{background:#071421!important;color:#12c987!important;border-radius:18px!important;}
.wt-public-footer{background:#071421!important;color:#d7e7ec!important;margin-top:0!important;border-top:0!important;}
.wt-footer-top{display:grid;grid-template-columns:1.35fr .8fr .8fr .95fr;gap:34px;padding:54px 0 38px;}
.wt-footer-brand img{width:150px;height:auto;filter:brightness(1.08);background:rgba(255,255,255,.04);border-radius:14px;padding:8px;}
.wt-footer-brand p{color:#b9cad1;line-height:1.7;margin:18px 0;max-width:440px;}
.wt-footer-badges{display:flex;flex-wrap:wrap;gap:8px;}
.wt-footer-badges span{background:rgba(18,201,135,.11);border:1px solid rgba(18,201,135,.24);border-radius:999px;padding:7px 9px;color:#c8fff0;font-weight:800;font-size:12px;}
.wt-public-footer h4{color:#fff;margin:0 0 15px;font-size:15px;text-transform:uppercase;letter-spacing:.08em;}
.wt-public-footer a,.wt-public-footer span{display:block;color:#b9cad1;text-decoration:none;margin:9px 0;font-weight:700;}
.wt-public-footer a:hover{color:#12c987;}
.wt-footer-bottom{border-top:1px solid rgba(255,255,255,.09)!important;color:#a9bcc5!important;}
.wt-footer-bottom .khp-container{display:flex;justify-content:space-between;gap:20px;padding:18px 0;}
@media(max-width:1080px){
  .wt-hero-grid,.wt-split,.wt-dark-grid{grid-template-columns:1fr;}
  .wt-hero-copy h1,.premium-public h1,.khp-public-hero h1{font-size:clamp(38px,9vw,60px);}
  .wt-card-grid,.feature-story-grid,.trust-grid-pro,.v82-integration-grid,.pricing-grid-pro,.faq-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr));}
  .wt-footer-top{grid-template-columns:1fr 1fr;}
  .wt-proof-strip{grid-template-columns:1fr;}
  .wt-proof-pills{justify-content:flex-start;}
}
@media(max-width:900px){
  .wt-public-nav{position:absolute;left:20px;right:20px;top:78px;background:#fff;border:1px solid #dbe6ee;border-radius:24px;padding:14px;box-shadow:var(--wt-shadow);display:none;flex-direction:column;align-items:stretch;}
  .wt-public-nav.is-open{display:flex;}
  .wt-public-nav>a:not(.khp-btn),.wt-public-nav .khp-btn{width:100%;justify-content:center;}
  .wt-brand-meta{display:none;}
}
@media(max-width:720px){
  .khp-container{width:min(100% - 28px,1180px);}
  .wt-hero{padding-top:54px;}
  .wt-card-grid,.feature-story-grid,.trust-grid-pro,.v82-integration-grid,.pricing-grid-pro,.faq-grid-pro,.wt-metric-row,.wt-preview-body,.wt-dark-points{grid-template-columns:1fr;}
  .wt-window{grid-template-columns:1fr;min-height:auto;}
  .wt-window-sidebar{display:none;}
  .wt-floating-note{position:relative;right:auto;bottom:auto;margin-top:14px;max-width:none;}
  .wt-footer-top{grid-template-columns:1fr;}
  .wt-footer-bottom .khp-container{flex-direction:column;}
  .wt-cta-panel,.khp-cta,.khp-public-cta,.wt-dark-band{border-radius:26px!important;padding:28px!important;}
  .pricing-card-pro.featured{transform:none;}
}

/* bundled from watilo-v86-public-10-10.css */
/* Watilo v8.6 public website 10/10 enterprise upgrade — public pages only. */
:root{
  --wt-v86-navy:#05131f;
  --wt-v86-ink:#071421;
  --wt-v86-muted:#52677d;
  --wt-v86-line:#d9e6ef;
  --wt-v86-soft:#f5f9fc;
  --wt-v86-green:#0aa86f;
  --wt-v86-green-2:#16c784;
  --wt-v86-shadow:0 26px 80px rgba(5,19,31,.13);
}
.premium-public{font-feature-settings:"cv02","cv03","cv04","cv11";}
.wt-hero-v86 .wt-hero-copy h1{max-width:800px;}
.wt-hero-v86 .wt-hero-copy p{max-width:760px;}
.wt-sample-label,.wt-sample-disclaimer{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:9px 12px;border:1px solid rgba(10,168,111,.22);border-radius:999px;background:#ecfbf4;color:#08704e;font-size:12px;font-weight:900;letter-spacing:.01em;}
.wt-dashboard-card .wt-sample-label{position:absolute;left:22px;bottom:24px;z-index:3;margin:0;box-shadow:0 12px 30px rgba(5,19,31,.12);}
.wt-dashboard-card .wt-floating-note{bottom:70px;}
.wt-note-panel{margin-top:22px;display:grid;gap:6px;padding:18px 20px!important;}
.wt-note-panel span{color:#c4d9d3!important;line-height:1.6;}
.wt-pricing-v86 .plan-price{align-items:flex-start;margin:20px 0;}
.wt-pricing-v86 .wt-quote-price .amount{font-size:clamp(28px,3.5vw,42px);line-height:1.05;letter-spacing:-.04em;}
.wt-demo-form textarea{resize:vertical;min-height:110px;}
.wt-demo-form .top-gap{margin-top:16px;}
.wt-legal-copy{padding:34px!important;line-height:1.75;color:var(--wt-v86-muted);}
.wt-legal-copy h2{margin:28px 0 8px!important;font-size:24px!important;letter-spacing:-.03em!important;color:var(--wt-v86-ink)!important;}
.wt-legal-copy h2:first-child{margin-top:0!important;}
.wt-legal-copy p{margin:0 0 12px!important;}
.wt-legal-copy a{color:var(--wt-v86-green);font-weight:900;}
.wt-process-wide{max-width:980px;margin:0 auto;}
.faq-grid-pro details{open:open;}
.faq-grid-pro summary{list-style:none;cursor:pointer;}
.faq-grid-pro summary::-webkit-details-marker{display:none;}
.faq-grid-pro details p{margin-top:12px!important;}
.wt-footer-contact span:last-child{font-size:12px;color:#8ea4af;line-height:1.55;}
.wt-public-footer .wt-footer-bottom span:last-child{max-width:620px;text-align:right;}
.wt-public-nav .khp-btn{white-space:nowrap;}
.v82-dashboard-preview{position:relative;}
.v82-dashboard-preview::after{content:"Sample dashboard data";position:absolute;right:18px;bottom:18px;background:#ecfbf4;color:#08704e;border:1px solid rgba(10,168,111,.22);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;}
.trust-grid-pro article,.feature-story-card,.pricing-card-pro,.v82-integration-grid article{min-height:100%;}
.khp-section-head.centered{margin-bottom:44px!important;}
.khp-signup-form label{color:#182c3f;font-weight:850;}
.khp-signup-form input::placeholder,.khp-signup-form textarea::placeholder{color:#8ca0b2;}
.khp-checkbox a{color:var(--wt-v86-green);font-weight:900;}
.khp-form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
.full{width:100%;}
@media(max-width:900px){
  .wt-dashboard-card .wt-sample-label,.wt-dashboard-card .wt-floating-note{position:relative;left:auto;right:auto;bottom:auto;display:flex;margin-top:14px;max-width:none;}
  .wt-dashboard-card .wt-floating-note{bottom:auto;}
  .wt-public-footer .wt-footer-bottom span:last-child{text-align:left;}
}
@media(max-width:720px){
  .khp-form-grid.two{grid-template-columns:1fr;}
  .wt-legal-copy{padding:24px!important;}
  .wt-sample-disclaimer{border-radius:16px;align-items:flex-start;}
}

/* bundled from watilo-v89-production-fix.css */
/* Watilo v8.9 original production fix: dark mode, alignment, charts, billing buttons */
:root{
  --wt-bg:#f4f8fb;--wt-surface:#ffffff;--wt-surface-2:#f8fcfa;--wt-border:#dce9e4;
  --wt-text:#071e2d;--wt-muted:#5f7480;--wt-soft:#7a909b;--wt-green:#16a36a;--wt-green-2:#0d7f52;
  --wt-danger:#b42318;--wt-warning:#b7791f;--wt-shadow:0 18px 55px rgba(7,30,45,.08);
}
html[data-theme="dark"]{
  --wt-bg:#061713;--wt-surface:#0c211c;--wt-surface-2:#102a23;--wt-border:rgba(139,255,194,.16);
  --wt-text:#f2fff8;--wt-muted:#b8d8ca;--wt-soft:#8fb8a6;--wt-green:#48df96;--wt-green-2:#25c579;
  --wt-danger:#ff8a7a;--wt-warning:#f5c46b;--wt-shadow:0 22px 65px rgba(0,0,0,.35);
}
html[data-theme="dark"] body{background:var(--wt-bg)!important;color:var(--wt-text)!important;}
html[data-theme="dark"] .content,
html[data-theme="dark"] .main-shell,
html[data-theme="dark"] .app-shell{background:var(--wt-bg)!important;color:var(--wt-text)!important;}
.wa-panel,.wa-metric-card,.v80-advanced-card,.v80-wallet-strip article,.ok-equal-card,.wa-card,.admin-card{background:var(--wt-surface)!important;border:1px solid var(--wt-border)!important;color:var(--wt-text)!important;box-shadow:var(--wt-shadow);}
.wa-panel p,.wa-panel small,.wa-metric-card small,.wa-metric-card span,.v80-wallet-strip span,.v80-wallet-strip small,.ok-equal-card p,.wa-empty-state,.wa-detail-list dt{color:var(--wt-muted)!important;}
.wa-panel h1,.wa-panel h2,.wa-panel h3,.wa-panel h4,.wa-metric-card strong,.v80-wallet-strip strong,.ok-equal-card strong,.wa-detail-list dd{color:var(--wt-text)!important;}
.wa-form-grid input,.wa-form-grid select,.wa-form-grid textarea,.login-card input,.login-card select,.login-card textarea,input,select,textarea{background:var(--wt-surface-2)!important;color:var(--wt-text)!important;border:1px solid var(--wt-border)!important;}
.wa-form-grid input::placeholder,.wa-form-grid textarea::placeholder,input::placeholder,textarea::placeholder{color:var(--wt-soft)!important;opacity:1;}
.wa-primary-btn,.v80-btn.primary{background:linear-gradient(135deg,var(--wt-green),var(--wt-green-2))!important;color:#052218!important;border:0!important;box-shadow:0 12px 28px rgba(38,213,135,.22);}
.wa-primary-btn:disabled,.v80-btn:disabled,button[disabled]{opacity:.48!important;cursor:not-allowed!important;filter:grayscale(.2);box-shadow:none!important;}
.wa-ghost-btn,.v80-btn,.wa-inline-badge{border:1px solid var(--wt-border)!important;color:var(--wt-text)!important;background:var(--wt-surface-2)!important;}
.wa-grid,.wa-metrics-grid,.v80-wallet-strip{align-items:stretch;}
.wa-panel-head{gap:14px;align-items:flex-start;}
.wa-panel-head h3,.wa-page-head h1{letter-spacing:-.03em;}
.wa-list-stack{display:grid;gap:12px;}
.ok-table-wrap{width:100%;overflow-x:auto;border-radius:18px;border:1px solid var(--wt-border);}
.ok-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px;}
.ok-table th{background:var(--wt-surface-2)!important;color:var(--wt-muted)!important;font-size:12px;text-transform:uppercase;letter-spacing:.08em;}
.ok-table td,.ok-table th{border-bottom:1px solid var(--wt-border)!important;padding:13px 14px;vertical-align:middle;color:var(--wt-text)!important;}
.ok-table tr:last-child td{border-bottom:0!important;}
svg text,.recharts-text,.recharts-cartesian-axis-tick-value{fill:var(--wt-muted)!important;color:var(--wt-muted)!important;}
.recharts-cartesian-grid line{stroke:var(--wt-border)!important;}
.recharts-tooltip-wrapper,.chart-tooltip{color:var(--wt-text)!important;}
.wa-empty-state{border:1px dashed var(--wt-border)!important;background:var(--wt-surface-2)!important;color:var(--wt-muted)!important;}
.wa-contact-card.connected-true{border-color:rgba(72,223,150,.36)!important;background:linear-gradient(180deg,rgba(72,223,150,.13),rgba(72,223,150,.04))!important;}
.wa-contact-card.connected-false{border-color:rgba(245,196,107,.34)!important;background:linear-gradient(180deg,rgba(245,196,107,.10),rgba(245,196,107,.03))!important;}
.wa-contact-card strong,.wa-contact-card small{overflow-wrap:anywhere;}
@media(max-width:900px){.content{padding:20px 16px 72px!important}.wa-page-head{display:grid!important;gap:16px!important}.wa-head-actions{width:100%;display:grid!important;grid-template-columns:1fr!important}.wa-grid.cols-2,.wa-metrics-grid.four,.v80-wallet-strip{grid-template-columns:1fr!important}.wa-form-grid.two{grid-template-columns:1fr!important}.wa-panel,.wa-metric-card{min-width:0!important}.ok-table{min-width:680px}.wa-sidebar{width:min(88vw,300px)!important}.main-shell{margin-left:0!important}}

/* bundled from watilo-v90-visual-hotfix.css */
/* Watilo v9.0 visual hotfix — screenshots 1059-1063: status sync, public login, dark cards, charts, alignment. */
:root{
  --w90-dark-bg:#061713;
  --w90-dark-panel:#0d261f;
  --w90-dark-panel-2:#113126;
  --w90-dark-border:rgba(128,255,190,.18);
  --w90-dark-text:#f2fff8;
  --w90-dark-muted:#b8decd;
  --w90-green:#4be08f;
  --w90-green-2:#22c777;
  --w90-blue:#6fa8ff;
}
html[data-theme="dark"] .wa-panel,
html[data-theme="dark"] .wa-mini-panel,
html[data-theme="dark"] .wa-metric-card,
html[data-theme="dark"] .wa-quick-card,
html[data-theme="dark"] .premium-feature-list>div,
html[data-theme="dark"] .ops-permission-matrix article,
html[data-theme="dark"] .crm-flow-grid div,
html[data-theme="dark"] .feature-story-card,
html[data-theme="dark"] .module-card-pro,
html[data-theme="dark"] .trust-grid-pro article,
html[data-theme="dark"] .pricing-card-pro{
  background:linear-gradient(180deg,rgba(20,60,48,.96),rgba(8,32,25,.96))!important;
  border:1px solid var(--w90-dark-border)!important;
  color:var(--w90-dark-text)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
}
html[data-theme="dark"] .ops-permission-matrix article strong,
html[data-theme="dark"] .ops-permission-matrix article span,
html[data-theme="dark"] .premium-feature-list strong,
html[data-theme="dark"] .premium-feature-list span,
html[data-theme="dark"] .wa-quick-card strong,
html[data-theme="dark"] .wa-quick-card span,
html[data-theme="dark"] .wa-panel h1,
html[data-theme="dark"] .wa-panel h2,
html[data-theme="dark"] .wa-panel h3,
html[data-theme="dark"] .wa-panel h4{
  color:var(--w90-dark-text)!important;
  opacity:1!important;
}
html[data-theme="dark"] .ops-permission-matrix article span,
html[data-theme="dark"] .premium-feature-list span,
html[data-theme="dark"] .wa-quick-card span,
html[data-theme="dark"] .wa-panel p,
html[data-theme="dark"] .wa-panel small,
html[data-theme="dark"] .wa-detail-list dt{
  color:var(--w90-dark-muted)!important;
}
.ops-permission-matrix article{min-height:96px;display:grid;align-content:center;gap:4px;overflow:hidden;}
.ops-permission-matrix article strong{font-size:15px;line-height:1.25;white-space:normal;}
.ops-permission-matrix article span{font-size:13px;line-height:1.45;white-space:normal;}
.wa-conversations-layout{grid-template-columns:minmax(250px,.96fr) minmax(420px,1.75fr) minmax(300px,.88fr)!important;align-items:start;}
.wa-chat-window{border-radius:0 0 22px 22px;}
html[data-theme="dark"] .wa-bubble{background:#0b2a21!important;border-color:rgba(130,255,190,.18)!important;color:#dffff1!important;}
html[data-theme="dark"] .wa-bubble.outgoing{background:#164f37!important;border-color:rgba(77,224,143,.32)!important;color:#effff7!important;}
html[data-theme="dark"] .wa-bubble small{color:#b8decd!important;}
html[data-theme="dark"] .wa-reply-box{background:#061713!important;border-top-color:rgba(128,255,190,.18)!important;}
html[data-theme="dark"] .wa-reply-box textarea{background:#082019!important;color:#effff7!important;border-color:rgba(128,255,190,.28)!important;}
.wa-contact-card.connected-true strong{color:var(--w90-dark-text)!important;}
.wa-contact-card.connected-true small.connected{color:#77ffb3!important;font-weight:900;}
.wa-contact-card.connected-false small.not-connected{color:#ffd778!important;font-weight:900;}
/* Professional chart styling */
.wa-chart-card{min-height:310px;overflow:hidden;}
.wa-chart-card canvas{max-width:100%;}
.ok-donut-shell{width:180px!important;height:180px!important;position:relative;}
.ok-donut-shell canvas{width:180px!important;height:180px!important;}
.ok-donut-center strong{font-size:34px!important;letter-spacing:-.04em;}
html[data-theme="dark"] .donut-legend-row,
html[data-theme="dark"] .wa-source-bar{color:#ecfff6!important;border-color:rgba(128,255,190,.16)!important;}
html[data-theme="dark"] .donut-legend-val,
html[data-theme="dark"] .wa-source-bar .val{color:#b8decd!important;}
.chart-empty{min-height:220px;display:grid!important;place-items:center;text-align:center;border-radius:18px!important;}
/* Public pages must remain readable even when the app theme is dark. */
html[data-theme="dark"] .premium-public,
html[data-theme="dark"] .khp-main.premium-public,
html[data-theme="dark"] .khp-public-page,
html[data-theme="dark"] .khp-inner-site{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbfd 48%,#f2fbf6 100%)!important;
  color:#071421!important;
}
html[data-theme="dark"] .wt-public-header,
html[data-theme="dark"] .khp-header.wt-public-header{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid #dce7ef!important;
  box-shadow:0 14px 40px rgba(6,18,31,.06)!important;
}
html[data-theme="dark"] .wt-public-nav>a:not(.khp-btn),
html[data-theme="dark"] .wt-login-link{color:#243549!important;}
html[data-theme="dark"] .premium-public h1,
html[data-theme="dark"] .khp-public-hero h1,
html[data-theme="dark"] .wt-hero-copy h1,
html[data-theme="dark"] .premium-public .khp-section-head h1{
  color:#06121f!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .premium-public p,
html[data-theme="dark"] .khp-public-hero p,
html[data-theme="dark"] .premium-public .khp-section-head p{color:#52677d!important;opacity:1!important;}
html[data-theme="dark"] .khp-signup-form,
html[data-theme="dark"] .khp-public-form,
html[data-theme="dark"] .khp-public-content,
html[data-theme="dark"] .khp-public-sidebar{
  background:#ffffff!important;
  color:#071421!important;
  border:1px solid #dbe6ee!important;
  box-shadow:0 24px 70px rgba(10,24,40,.14)!important;
}
html[data-theme="dark"] .khp-signup-form label,
html[data-theme="dark"] .khp-signup-form a{color:#0f3d32!important;opacity:1!important;}
html[data-theme="dark"] .khp-signup-form input,
html[data-theme="dark"] .khp-signup-form select,
html[data-theme="dark"] .khp-signup-form textarea{
  background:#f9fcfb!important;color:#071421!important;border:1px solid #cfe0da!important;
}
/* Clean public header brand: remove the tiny tagline/vertical divider/dash feel and make navigation balanced. */
.wt-header-inner{min-height:76px!important;gap:26px!important;}
.wt-brand{gap:0!important;min-width:160px!important;}
.wt-brand-logo{width:160px!important;max-width:160px!important;height:auto!important;}
.wt-brand-meta{display:none!important;}
.wt-public-nav{gap:8px!important;}
.wt-public-nav>a:not(.khp-btn){font-size:14px!important;padding:10px 10px!important;}
.wt-header-secondary,.wt-header-primary{min-height:46px!important;padding:12px 18px!important;}
@media(max-width:1280px){.wa-conversations-layout{grid-template-columns:320px minmax(460px,1fr)!important}.wa-customer-panel{grid-column:1/-1;}.wa-metrics-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.wa-conversations-layout{grid-template-columns:1fr!important}.wa-chat-window{min-height:420px}.wt-brand-logo{width:142px!important;max-width:142px!important}.wt-public-nav{gap:6px!important}}

/* bundled from watilo-v91-deep-audit.css */
/* Watilo v9.1 deep professional audit hotfix: search, diagnostics, chart fallback and responsive polish */
.wa-searchbar-wide{max-width:960px;margin:0 0 18px}.wa-searchbar-wide form{display:flex;gap:10px;align-items:center}.wa-searchbar-wide input{flex:1;min-width:0}.watilo-v91-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.watilo-v91-search-grid .wa-panel{min-width:0}.watilo-v91-search-grid .wa-panel-head{align-items:flex-start}.watilo-v91-search-grid .wa-table-wrap{overflow:auto}.watilo-v91-funnel{display:grid;grid-template-columns:minmax(160px,1fr) minmax(220px,1fr);gap:22px;align-items:center}.watilo-v91-funnel-bars{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 0}.watilo-v91-funnel-bars>div{height:32px;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.12);background:linear-gradient(135deg,rgba(62,215,140,.95),rgba(48,129,255,.85))}.chart-empty,.watilo-chart-empty{display:grid;place-items:center;min-height:240px;border:1px dashed rgba(68,211,139,.28);border-radius:20px;background:rgba(68,211,139,.06);color:var(--muted,#6d8b80);text-align:center;padding:24px}.watilo-v91-selftest{margin:0 0 18px;text-align:left}.watilo-v91-selftest[hidden]{display:none!important}.watilo-v91-selftest-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}.watilo-v91-selftest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.watilo-v91-selftest-grid>div{border:1px solid rgba(68,211,139,.18);border-radius:14px;padding:12px;background:rgba(255,255,255,.04)}.watilo-v91-selftest-grid small{display:block;color:var(--muted,#75a796);font-weight:800;margin-bottom:4px}.watilo-v91-selftest-grid strong{display:block;color:var(--text,#09251d);word-break:break-word}.watilo-v91-status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;text-transform:capitalize}.watilo-v91-status-badge.ok{background:rgba(62,215,140,.16);color:#16a464}.watilo-v91-status-badge.warn{background:rgba(246,180,60,.16);color:#a16400}.watilo-v91-status-badge.bad{background:rgba(255,91,91,.16);color:#b42323}.watilo-v91-warning{color:#b66a00;font-weight:800}.watilo-v91-raw{margin-top:14px}.watilo-v91-raw summary{cursor:pointer;font-weight:900}.watilo-v91-raw pre{white-space:pre-wrap;overflow:auto;border-radius:14px;padding:12px;max-height:280px;background:rgba(0,0,0,.06);color:inherit}.dashboard-chart-canvas{max-width:100%}.wa-page-head,.wa-panel,.wa-metric-card{min-width:0}.wa-bubble p,.wa-detail-list dd,.wa-chat-meta span{word-break:break-word}.wa-table-wrap table{min-width:720px}html[data-theme='dark'] .chart-empty,html[data-theme='dark'] .watilo-chart-empty{background:rgba(62,215,140,.08);border-color:rgba(126,255,187,.22);color:#b9e6d4}html[data-theme='dark'] .watilo-v91-selftest-grid>div{background:rgba(5,32,26,.7);border-color:rgba(126,255,187,.18)}html[data-theme='dark'] .watilo-v91-selftest-grid strong{color:#f3fff8}html[data-theme='dark'] .watilo-v91-raw pre{background:rgba(0,0,0,.28);color:#e8fff4}html[data-theme='dark'] .watilo-v91-status-badge.ok{color:#7ff0b6}html[data-theme='dark'] .watilo-v91-status-badge.warn{color:#ffd27a}html[data-theme='dark'] .watilo-v91-status-badge.bad{color:#ff9a9a}
@media(max-width:1100px){.watilo-v91-search-grid{grid-template-columns:1fr}.watilo-v91-selftest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watilo-v91-funnel{grid-template-columns:1fr}}
@media(max-width:640px){.wa-searchbar-wide form{flex-direction:column;align-items:stretch}.watilo-v91-selftest-grid{grid-template-columns:1fr}.watilo-v91-selftest-head{align-items:flex-start;flex-direction:column}.chart-empty,.watilo-chart-empty{min-height:180px}.wa-table-wrap table{min-width:620px}}

/* bundled from watilo-v92-production-final.css */
/* Watilo v9.2 production final visual/option/status hardening */
.wa-new-outbound-panel{margin:18px 0 22px;background:linear-gradient(180deg,rgba(21,74,58,.94),rgba(9,39,32,.96));border:1px solid rgba(87,236,158,.24);box-shadow:0 18px 44px rgba(0,0,0,.16);}
.wa-form-grid.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end;}
.wa-form-grid .full{grid-column:1/-1;}
.wa-form-help{color:var(--muted);font-size:13px;line-height:1.5;}
.wa-new-outbound-form textarea{min-height:88px;resize:vertical;}
.v80-wallet-strip article strong{font-size:clamp(23px,2.2vw,34px);line-height:1.08;word-break:break-word;}
.v80-wallet-strip article small{max-width:320px;line-height:1.45;}
.v80-score-card{min-width:280px;}
.v80-score-ring strong{line-height:1;}
.v80-score-card p{font-weight:750;}
.v80-module-card a[href="#campaigns"],.v80-hero-actions a[href="#campaigns"]{scroll-behavior:smooth;}
.wa-metric-icon img[src*="meta.svg"],.premium-metric-img[src*="meta.svg"]{filter:none!important;}
.wa-panel .wa-panel-head h3,.v80-section-head h2,.v80-flow h2{letter-spacing:-.02em;}
html[data-theme="dark"] .wa-new-outbound-panel input,html[data-theme="dark"] .wa-new-outbound-panel textarea{background:#09271f!important;color:#ecfff6!important;border-color:rgba(103,236,164,.28)!important;}
html[data-theme="dark"] .wa-new-outbound-panel input::placeholder,html[data-theme="dark"] .wa-new-outbound-panel textarea::placeholder{color:rgba(209,255,233,.58)!important;}
html[data-theme="dark"] .v80-wallet-strip article strong{color:#f5fff9!important;text-shadow:0 1px 0 rgba(0,0,0,.22);}
html[data-theme="dark"] .v80-wallet-strip article small{color:#bfe8d8!important;}
@media(max-width:1200px){.wa-form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));}.v80-wallet-strip{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.wa-form-grid.four,.v80-wallet-strip{grid-template-columns:1fr;}.wa-new-outbound-panel{margin-top:12px}.v80-score-card{min-width:0;width:100%;}.v80-hero{grid-template-columns:1fr!important;}.v80-hero-actions{display:grid;grid-template-columns:1fr;}.wa-head-actions{flex-wrap:wrap}.wa-page-head h1{font-size:clamp(34px,11vw,52px)!important;}}

/* v9.3 AI Training Governance Hotfix */
.watilo-training-list{display:grid;gap:14px}
.watilo-training-card{border:1px solid rgba(86,232,151,.22);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(12,45,35,.70));box-shadow:0 18px 50px rgba(0,0,0,.12);overflow:hidden}
.watilo-training-card summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;color:var(--ok-ink,#eefdf5)}
.watilo-training-card summary::-webkit-details-marker{display:none}
.watilo-training-card summary span{min-width:0;display:grid;gap:4px}
.watilo-training-card summary strong{font-size:16px;color:var(--ok-ink,#eefdf5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.watilo-training-card summary small{color:var(--ok-muted,#a7cdbc);font-weight:700}
.watilo-training-card .wa-form-grid{padding:0 20px 18px}
.watilo-training-actions{border-top:1px solid rgba(86,232,151,.15);padding:14px 20px 18px;justify-content:flex-end}
.watilo-training-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.watilo-training-checks>div{border:1px solid rgba(86,232,151,.18);border-radius:18px;padding:16px;background:rgba(255,255,255,.045)}
.watilo-training-checks strong{display:block;margin-bottom:6px;color:var(--ok-ink,#eefdf5)}
.watilo-training-checks small{display:block;color:var(--ok-muted,#a7cdbc);line-height:1.45}
.watilo-ai-test-result{margin-top:16px;border-color:rgba(86,232,151,.34)!important;background:linear-gradient(135deg,rgba(54,213,126,.10),rgba(255,255,255,.045))!important}
.wa-table-actions .small,.wa-primary-btn.small,.wa-ghost-btn.small{min-height:38px;padding:9px 13px;border-radius:13px;font-size:13px}
.wa-pill.muted{background:rgba(255,255,255,.07)!important;color:var(--ok-muted,#a7cdbc)!important}
html:not([data-theme="dark"]) .watilo-training-card{background:linear-gradient(180deg,#ffffff,#f6fffb);border-color:rgba(20,126,82,.16)}
html:not([data-theme="dark"]) .watilo-training-card summary strong{color:#0b1b16}
html:not([data-theme="dark"]) .watilo-training-card summary small{color:#5b7569}
html:not([data-theme="dark"]) .watilo-training-checks>div{background:#f8fffb;border-color:rgba(20,126,82,.14)}
html:not([data-theme="dark"]) .watilo-training-checks small{color:#5b7569}
@media(max-width:980px){.watilo-training-checks{grid-template-columns:1fr 1fr}.watilo-training-card summary{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.watilo-training-checks{grid-template-columns:1fr}.watilo-training-actions{justify-content:stretch}.watilo-training-actions form,.watilo-training-actions button{width:100%}}
/* v9.5 AI draft / governance polish */
.wa-ai-draft-bubble{border:1px dashed rgba(245,158,11,.65)!important;background:linear-gradient(180deg,rgba(245,158,11,.12),rgba(245,158,11,.05))!important;}
.wa-ai-draft-bubble small{color:var(--text-muted,#7b8794)!important;font-weight:700;}
.wa-ai-draft-bubble .wa-form-help{display:block;margin-top:6px;font-size:11px;opacity:.86;}
.wa-mini-panel .wa-table-actions{justify-content:space-between;border-top:1px solid var(--cardBorder,rgba(148,163,184,.18));padding-top:8px;margin-top:8px;}
input[readonly]{cursor:not-allowed;opacity:.82;background:var(--surfaceElevated,rgba(148,163,184,.08));}


/* Watilo v9.6 production clean hardening */
.wa-readonly-status{display:block;width:100%;min-height:42px;border-radius:14px;border:1px solid var(--line,rgba(255,255,255,.12));background:rgba(255,255,255,.045);color:var(--ink,#eefdf5);padding:10px 12px;font-weight:800}
html:not([data-theme="dark"]) .wa-readonly-status{background:#f7faf8;color:#14231e}
.wa-pagination button[disabled],.wa-pagination .is-disabled{opacity:.45;cursor:not-allowed}
.wa-security-note{font-size:12px;color:var(--muted,#8aa095);line-height:1.45}
.wa-api-badge.warn{background:rgba(245,158,11,.14)!important;color:#b45309!important}
.wa-api-badge.bad{background:rgba(239,68,68,.14)!important;color:#b91c1c!important}
/* Watilo v7.3 AI Credit Gateway: customer-facing AI usage, top-up and SaaS admin governance UI */
.v73-section{margin:28px 0;padding:26px;border:1px solid rgba(148,163,184,.22);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.92));box-shadow:0 24px 70px rgba(15,23,42,.08)}
body.dark .v73-section,.dark .v73-section,[data-theme="dark"] .v73-section{background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(2,6,23,.92));border-color:rgba(148,163,184,.22);box-shadow:0 24px 70px rgba(0,0,0,.34);color:#e5e7eb}
.v73-usage-hero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.v73-usage-hero article{border:1px solid rgba(148,163,184,.22);border-radius:22px;padding:18px;background:rgba(255,255,255,.9)}body.dark .v73-usage-hero article,.dark .v73-usage-hero article,[data-theme="dark"] .v73-usage-hero article{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.24)}.v73-usage-hero span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:800}.v73-usage-hero strong{display:block;margin-top:8px;font-size:28px;color:#0f172a}.v73-usage-hero small{display:block;margin-top:4px;color:#64748b}body.dark .v73-usage-hero strong,.dark .v73-usage-hero strong,[data-theme="dark"] .v73-usage-hero strong{color:#f8fafc}body.dark .v73-usage-hero span,body.dark .v73-usage-hero small,.dark .v73-usage-hero span,.dark .v73-usage-hero small,[data-theme="dark"] .v73-usage-hero span,[data-theme="dark"] .v73-usage-hero small{color:#94a3b8}.v73-progress{height:12px;border-radius:999px;background:rgba(148,163,184,.22);overflow:hidden;margin:0 0 18px}.v73-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#16a34a,#0f766e)}.v73-limit-banner{border:1px solid rgba(239,68,68,.35);background:rgba(254,226,226,.78);color:#7f1d1d;border-radius:18px;padding:14px 16px;margin:14px 0;font-weight:700}body.dark .v73-limit-banner,.dark .v73-limit-banner,[data-theme="dark"] .v73-limit-banner{background:rgba(127,29,29,.35);color:#fecaca}.v73-card h3{margin:0 0 14px}.v73-note-list{margin-top:16px;display:grid;gap:10px}.v73-note-list p{margin:0;padding:12px;border-radius:16px;background:rgba(15,23,42,.04);color:#475569}.dark .v73-note-list p,body.dark .v73-note-list p,[data-theme="dark"] .v73-note-list p{background:rgba(148,163,184,.1);color:#cbd5e1}.v73-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.v73-package{border:1px solid rgba(34,197,94,.22);border-radius:24px;padding:18px;background:linear-gradient(180deg,rgba(240,253,244,.9),rgba(255,255,255,.95));box-shadow:0 18px 50px rgba(22,163,74,.08)}.v73-package span{display:block;color:#15803d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.v73-package strong{display:block;margin-top:8px;font-size:20px;color:#0f172a}.v73-package p{font-size:28px;font-weight:900;margin:12px 0;color:#064e3b}.v73-package select{width:100%;margin:8px 0 10px;border:1px solid rgba(148,163,184,.35);border-radius:12px;padding:10px;background:#fff;color:#0f172a}body.dark .v73-package,.dark .v73-package,[data-theme="dark"] .v73-package{background:linear-gradient(180deg,rgba(20,83,45,.22),rgba(15,23,42,.88));border-color:rgba(74,222,128,.24)}body.dark .v73-package strong,.dark .v73-package strong,[data-theme="dark"] .v73-package strong{color:#f8fafc}body.dark .v73-package p,.dark .v73-package p,[data-theme="dark"] .v73-package p{color:#bbf7d0}body.dark .v73-package select,.dark .v73-package select,[data-theme="dark"] .v73-package select{background:#0f172a;color:#e5e7eb;border-color:rgba(148,163,184,.3)}.v73-admin-adjust{margin-top:18px;padding:16px;border:1px solid rgba(148,163,184,.24);border-radius:18px;background:rgba(248,250,252,.85)}body.dark .v73-admin-adjust,.dark .v73-admin-adjust,[data-theme="dark"] .v73-admin-adjust{background:rgba(15,23,42,.82);border-color:rgba(148,163,184,.24)}
@media(max-width:1100px){.v73-usage-hero,.v73-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.v73-section{padding:18px;border-radius:22px}.v73-usage-hero,.v73-package-grid{grid-template-columns:1fr}.v73-usage-hero strong{font-size:24px}}

/* Watilo v7.4 Usage Limits + Campaign Scale Engine */
.v74-command-board{margin:22px 0;padding:24px;border:1px solid rgba(14,165,233,.22);border-radius:28px;background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(16,185,129,.08));box-shadow:0 22px 60px rgba(15,23,42,.08)}
.v74-board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.v74-board-head h2{margin:6px 0 6px;font-size:clamp(24px,3vw,36px);letter-spacing:-.04em}.v74-board-head p{max-width:900px;color:var(--muted,#64748b);line-height:1.6}.v74-score-pill{display:grid;place-items:center;min-width:114px;height:114px;border-radius:999px;background:#06111f;color:#fff;border:8px solid rgba(16,185,129,.5);box-shadow:0 18px 45px rgba(2,6,23,.22);font-weight:900;font-size:26px}.v74-score-pill small{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:#a7f3d0}.v74-feature-grid,.v74-usage-grid,.v74-mini-grid{display:grid;gap:14px}.v74-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v74-usage-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin:18px 0}.v74-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v74-card,.v74-usage-card,.v74-panel{background:var(--card,#fff);color:var(--text,#0f172a);border:1px solid var(--border,#e5e7eb);border-radius:22px;padding:18px;box-shadow:0 16px 36px rgba(15,23,42,.06)}.v74-card span,.v74-panel .eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#059669}.v74-card strong,.v74-usage-card strong{display:block;margin:7px 0 4px;font-size:17px}.v74-card small,.v74-usage-card small{color:var(--muted,#64748b);line-height:1.45}.v74-usage-card .bar{height:8px;border-radius:999px;background:rgba(148,163,184,.25);overflow:hidden;margin:12px 0}.v74-usage-card .bar i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#06b6d4);border-radius:999px}.v74-usage-card.blocked{border-color:#ef4444;background:rgba(239,68,68,.08)}.v74-usage-card.blocked .bar i{background:#ef4444}.v74-form{display:grid;gap:12px}.v74-form.two{grid-template-columns:repeat(2,minmax(0,1fr))}.v74-form.three{grid-template-columns:repeat(3,minmax(0,1fr))}.v74-form input,.v74-form select,.v74-form textarea{width:100%;border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:12px 13px;background:var(--input-bg,#fff);color:var(--text,#0f172a);font:inherit}.v74-form textarea{min-height:92px}.v74-form .span-2{grid-column:span 2}.v74-form .span-3{grid-column:span 3}.v74-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.v74-list{display:grid;gap:8px;margin-top:12px}.v74-list span{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:10px 12px;background:rgba(148,163,184,.07)}.v74-list em{font-style:normal;color:var(--muted,#64748b);font-size:12px}.v74-polish-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.v74-polish-grid article{border-radius:18px;border:1px solid var(--border,#e5e7eb);padding:14px;background:rgba(16,185,129,.08)}.v74-polish-grid strong{display:block;font-size:24px}.admin-panel .v74-admin-band{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.v74-admin-band article{background:var(--card,#fff);border:1px solid var(--border,#e5e7eb);border-radius:18px;padding:14px}.v74-admin-band span{display:block;color:var(--muted,#64748b);font-size:12px}.v74-admin-band strong{font-size:22px}html.dark .v74-command-board,body.dark .v74-command-board,.dark .v74-command-board{background:linear-gradient(135deg,rgba(14,165,233,.17),rgba(16,185,129,.10));border-color:rgba(125,211,252,.25)}html.dark .v74-card,html.dark .v74-panel,html.dark .v74-usage-card,body.dark .v74-card,body.dark .v74-panel,body.dark .v74-usage-card,.dark .v74-card,.dark .v74-panel,.dark .v74-usage-card{background:#111827!important;color:#f8fafc!important;border-color:#273244!important;box-shadow:none}html.dark .v74-form input,html.dark .v74-form select,html.dark .v74-form textarea,body.dark .v74-form input,body.dark .v74-form select,body.dark .v74-form textarea,.dark .v74-form input,.dark .v74-form select,.dark .v74-form textarea{background:#0b1220!important;color:#f8fafc!important;border-color:#334155!important}html.dark .v74-list span,body.dark .v74-list span,.dark .v74-list span{background:#0b1220!important;border-color:#273244!important}html.dark .v74-card small,html.dark .v74-usage-card small,html.dark .v74-board-head p,body.dark .v74-card small,body.dark .v74-usage-card small,body.dark .v74-board-head p,.dark .v74-card small,.dark .v74-usage-card small,.dark .v74-board-head p{color:#94a3b8!important}@media(max-width:1100px){.v74-feature-grid,.v74-usage-grid,.v74-tabs,.admin-panel .v74-admin-band{grid-template-columns:repeat(2,minmax(0,1fr))}.v74-board-head{flex-direction:column}.v74-score-pill{width:102px;height:102px}}@media(max-width:680px){.v74-feature-grid,.v74-usage-grid,.v74-tabs,.v74-mini-grid,.v74-form.two,.v74-form.three,.admin-panel .v74-admin-band{grid-template-columns:1fr}.v74-form .span-2,.v74-form .span-3{grid-column:auto}.v74-command-board{padding:16px;border-radius:20px}.v74-polish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Watilo v7.5 Customer Balance Wallet */
.v75-wallet-board{display:grid;gap:18px;padding:22px;border:1px solid rgba(25,128,83,.16);border-radius:30px;background:linear-gradient(135deg,rgba(240,253,244,.96),rgba(255,255,255,.98));box-shadow:0 24px 80px rgba(2,44,34,.08)}
.v75-wallet-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:18px;align-items:stretch}.v75-wallet-hero h2{margin:8px 0 8px;font-size:clamp(26px,3vw,40px);line-height:1.02;letter-spacing:-.04em;color:#06291f}.v75-wallet-hero p{max-width:920px;color:#52635d;line-height:1.65;margin:0}.v75-balance-card{border-radius:28px;padding:24px;background:linear-gradient(135deg,#0d3b2f,#14664a);color:#effff7;display:flex;flex-direction:column;justify-content:center;box-shadow:0 24px 70px rgba(12,91,63,.2)}.v75-balance-card.low{background:linear-gradient(135deg,#4a2b05,#8a5c08)}.v75-balance-card span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#bdf7d4}.v75-balance-card strong{display:block;font-size:clamp(30px,4vw,52px);letter-spacing:-.05em;margin:8px 0}.v75-balance-card small{color:#d7ffed}.v75-credit-snapshot{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.v75-credit-snapshot article{border:1px solid rgba(12,91,63,.13);background:#fff;border-radius:22px;padding:16px;display:grid;gap:6px}.v75-credit-snapshot article.blocked{border-color:rgba(185,28,28,.25);background:#fff7ed}.v75-credit-snapshot span{font-weight:900;color:#53615d;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.v75-credit-snapshot strong{font-size:26px;color:#06291f}.v75-credit-snapshot small{color:#64736e}.v75-limit-banner{padding:16px 18px;border-radius:20px;border:1px solid rgba(217,119,6,.28);background:#fffbeb;color:#78350f;line-height:1.55}.v75-wallet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v75-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v75-panel{background:#fff;border:1px solid rgba(12,91,63,.12);border-radius:24px;padding:18px;box-shadow:0 15px 40px rgba(2,44,34,.06)}.v75-panel h3{margin:6px 0 12px;color:#06291f;font-size:19px}.v75-panel .eyebrow{display:inline-flex;font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#15803d;background:#dcfce7;border-radius:999px;padding:6px 10px}.v75-form{display:grid;gap:10px}.v75-form.two{grid-template-columns:repeat(2,minmax(0,1fr))}.v75-form .span-2{grid-column:1/-1}.v75-form input,.v75-form select,.v75-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(12,91,63,.16);border-radius:15px;background:#f8fcfa;color:#10251f;padding:12px 13px;font:inherit;font-weight:750;outline:none}.v75-form textarea{min-height:82px;resize:vertical}.v75-help{display:block;margin-top:12px;color:#60736b;line-height:1.5}.v75-list{display:grid;gap:10px;max-height:360px;overflow:auto}.v75-list span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:12px;border-radius:16px;background:#f7fbf9;border:1px solid rgba(12,91,63,.09)}.v75-list strong{color:#0d2d24}.v75-list small{display:block;color:#66746f;margin-top:2px}.v75-list em{font-style:normal;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#047857;background:#d1fae5;border-radius:999px;padding:5px 8px;white-space:nowrap}
html[data-theme='dark'] .v75-wallet-board{background:linear-gradient(135deg,#071713,#0d201b);border-color:rgba(97,255,177,.14);box-shadow:0 24px 80px rgba(0,0,0,.25)}html[data-theme='dark'] .v75-wallet-hero h2,html[data-theme='dark'] .v75-panel h3,html[data-theme='dark'] .v75-credit-snapshot strong,html[data-theme='dark'] .v75-list strong{color:#f0fff8}html[data-theme='dark'] .v75-wallet-hero p,html[data-theme='dark'] .v75-credit-snapshot small,html[data-theme='dark'] .v75-help,html[data-theme='dark'] .v75-list small{color:#a9c4ba}html[data-theme='dark'] .v75-panel,html[data-theme='dark'] .v75-credit-snapshot article{background:#0f241e;border-color:rgba(133,255,194,.13);box-shadow:none}html[data-theme='dark'] .v75-credit-snapshot article.blocked{background:#2d1b12;border-color:rgba(251,146,60,.25)}html[data-theme='dark'] .v75-form input,html[data-theme='dark'] .v75-form select,html[data-theme='dark'] .v75-form textarea{background:#102920;color:#effff7;border-color:rgba(133,255,194,.16)}html[data-theme='dark'] .v75-list span{background:#10241f;border-color:rgba(133,255,194,.12)}html[data-theme='dark'] .v75-limit-banner{background:#2b1d05;border-color:rgba(245,158,11,.28);color:#fde68a}
@media(max-width:1180px){.v75-wallet-hero,.v75-wallet-grid,.v75-history-grid{grid-template-columns:1fr}.v75-form.two{grid-template-columns:1fr}.v75-form .span-2{grid-column:auto}}@media(max-width:640px){.v75-wallet-board{padding:16px;border-radius:22px}.v75-balance-card{border-radius:22px}.v75-credit-snapshot{grid-template-columns:1fr}.v75-list span{grid-template-columns:1fr}.v75-list em{width:max-content}}
/* Watilo v8.9 original production fix: dark mode, alignment, charts, billing buttons */
:root{
  --wt-bg:#f4f8fb;--wt-surface:#ffffff;--wt-surface-2:#f8fcfa;--wt-border:#dce9e4;
  --wt-text:#071e2d;--wt-muted:#5f7480;--wt-soft:#7a909b;--wt-green:#16a36a;--wt-green-2:#0d7f52;
  --wt-danger:#b42318;--wt-warning:#b7791f;--wt-shadow:0 18px 55px rgba(7,30,45,.08);
}
html[data-theme="dark"]{
  --wt-bg:#061713;--wt-surface:#0c211c;--wt-surface-2:#102a23;--wt-border:rgba(139,255,194,.16);
  --wt-text:#f2fff8;--wt-muted:#b8d8ca;--wt-soft:#8fb8a6;--wt-green:#48df96;--wt-green-2:#25c579;
  --wt-danger:#ff8a7a;--wt-warning:#f5c46b;--wt-shadow:0 22px 65px rgba(0,0,0,.35);
}
html[data-theme="dark"] body{background:var(--wt-bg)!important;color:var(--wt-text)!important;}
html[data-theme="dark"] .content,
html[data-theme="dark"] .main-shell,
html[data-theme="dark"] .app-shell{background:var(--wt-bg)!important;color:var(--wt-text)!important;}
.wa-panel,.wa-metric-card,.v80-advanced-card,.v80-wallet-strip article,.ok-equal-card,.wa-card,.admin-card{background:var(--wt-surface)!important;border:1px solid var(--wt-border)!important;color:var(--wt-text)!important;box-shadow:var(--wt-shadow);}
.wa-panel p,.wa-panel small,.wa-metric-card small,.wa-metric-card span,.v80-wallet-strip span,.v80-wallet-strip small,.ok-equal-card p,.wa-empty-state,.wa-detail-list dt{color:var(--wt-muted)!important;}
.wa-panel h1,.wa-panel h2,.wa-panel h3,.wa-panel h4,.wa-metric-card strong,.v80-wallet-strip strong,.ok-equal-card strong,.wa-detail-list dd{color:var(--wt-text)!important;}
.wa-form-grid input,.wa-form-grid select,.wa-form-grid textarea,.login-card input,.login-card select,.login-card textarea,input,select,textarea{background:var(--wt-surface-2)!important;color:var(--wt-text)!important;border:1px solid var(--wt-border)!important;}
.wa-form-grid input::placeholder,.wa-form-grid textarea::placeholder,input::placeholder,textarea::placeholder{color:var(--wt-soft)!important;opacity:1;}
.wa-primary-btn,.v80-btn.primary{background:linear-gradient(135deg,var(--wt-green),var(--wt-green-2))!important;color:#052218!important;border:0!important;box-shadow:0 12px 28px rgba(38,213,135,.22);}
.wa-primary-btn:disabled,.v80-btn:disabled,button[disabled]{opacity:.48!important;cursor:not-allowed!important;filter:grayscale(.2);box-shadow:none!important;}
.wa-ghost-btn,.v80-btn,.wa-inline-badge{border:1px solid var(--wt-border)!important;color:var(--wt-text)!important;background:var(--wt-surface-2)!important;}
.wa-grid,.wa-metrics-grid,.v80-wallet-strip{align-items:stretch;}
.wa-panel-head{gap:14px;align-items:flex-start;}
.wa-panel-head h3,.wa-page-head h1{letter-spacing:-.03em;}
.wa-list-stack{display:grid;gap:12px;}
.ok-table-wrap{width:100%;overflow-x:auto;border-radius:18px;border:1px solid var(--wt-border);}
.ok-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px;}
.ok-table th{background:var(--wt-surface-2)!important;color:var(--wt-muted)!important;font-size:12px;text-transform:uppercase;letter-spacing:.08em;}
.ok-table td,.ok-table th{border-bottom:1px solid var(--wt-border)!important;padding:13px 14px;vertical-align:middle;color:var(--wt-text)!important;}
.ok-table tr:last-child td{border-bottom:0!important;}
svg text,.recharts-text,.recharts-cartesian-axis-tick-value{fill:var(--wt-muted)!important;color:var(--wt-muted)!important;}
.recharts-cartesian-grid line{stroke:var(--wt-border)!important;}
.recharts-tooltip-wrapper,.chart-tooltip{color:var(--wt-text)!important;}
.wa-empty-state{border:1px dashed var(--wt-border)!important;background:var(--wt-surface-2)!important;color:var(--wt-muted)!important;}
.wa-contact-card.connected-true{border-color:rgba(72,223,150,.36)!important;background:linear-gradient(180deg,rgba(72,223,150,.13),rgba(72,223,150,.04))!important;}
.wa-contact-card.connected-false{border-color:rgba(245,196,107,.34)!important;background:linear-gradient(180deg,rgba(245,196,107,.10),rgba(245,196,107,.03))!important;}
.wa-contact-card strong,.wa-contact-card small{overflow-wrap:anywhere;}
@media(max-width:900px){.content{padding:20px 16px 72px!important}.wa-page-head{display:grid!important;gap:16px!important}.wa-head-actions{width:100%;display:grid!important;grid-template-columns:1fr!important}.wa-grid.cols-2,.wa-metrics-grid.four,.v80-wallet-strip{grid-template-columns:1fr!important}.wa-form-grid.two{grid-template-columns:1fr!important}.wa-panel,.wa-metric-card{min-width:0!important}.ok-table{min-width:680px}.wa-sidebar{width:min(88vw,300px)!important}.main-shell{margin-left:0!important}}
/* Watilo v9.0 visual hotfix — screenshots 1059-1063: status sync, public login, dark cards, charts, alignment. */
:root{
  --w90-dark-bg:#061713;
  --w90-dark-panel:#0d261f;
  --w90-dark-panel-2:#113126;
  --w90-dark-border:rgba(128,255,190,.18);
  --w90-dark-text:#f2fff8;
  --w90-dark-muted:#b8decd;
  --w90-green:#4be08f;
  --w90-green-2:#22c777;
  --w90-blue:#6fa8ff;
}
html[data-theme="dark"] .wa-panel,
html[data-theme="dark"] .wa-mini-panel,
html[data-theme="dark"] .wa-metric-card,
html[data-theme="dark"] .wa-quick-card,
html[data-theme="dark"] .premium-feature-list>div,
html[data-theme="dark"] .ops-permission-matrix article,
html[data-theme="dark"] .crm-flow-grid div,
html[data-theme="dark"] .feature-story-card,
html[data-theme="dark"] .module-card-pro,
html[data-theme="dark"] .trust-grid-pro article,
html[data-theme="dark"] .pricing-card-pro{
  background:linear-gradient(180deg,rgba(20,60,48,.96),rgba(8,32,25,.96))!important;
  border:1px solid var(--w90-dark-border)!important;
  color:var(--w90-dark-text)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
}
html[data-theme="dark"] .ops-permission-matrix article strong,
html[data-theme="dark"] .ops-permission-matrix article span,
html[data-theme="dark"] .premium-feature-list strong,
html[data-theme="dark"] .premium-feature-list span,
html[data-theme="dark"] .wa-quick-card strong,
html[data-theme="dark"] .wa-quick-card span,
html[data-theme="dark"] .wa-panel h1,
html[data-theme="dark"] .wa-panel h2,
html[data-theme="dark"] .wa-panel h3,
html[data-theme="dark"] .wa-panel h4{
  color:var(--w90-dark-text)!important;
  opacity:1!important;
}
html[data-theme="dark"] .ops-permission-matrix article span,
html[data-theme="dark"] .premium-feature-list span,
html[data-theme="dark"] .wa-quick-card span,
html[data-theme="dark"] .wa-panel p,
html[data-theme="dark"] .wa-panel small,
html[data-theme="dark"] .wa-detail-list dt{
  color:var(--w90-dark-muted)!important;
}
.ops-permission-matrix article{min-height:96px;display:grid;align-content:center;gap:4px;overflow:hidden;}
.ops-permission-matrix article strong{font-size:15px;line-height:1.25;white-space:normal;}
.ops-permission-matrix article span{font-size:13px;line-height:1.45;white-space:normal;}
.wa-conversations-layout{grid-template-columns:minmax(250px,.96fr) minmax(420px,1.75fr) minmax(300px,.88fr)!important;align-items:start;}
.wa-chat-window{border-radius:0 0 22px 22px;}
html[data-theme="dark"] .wa-bubble{background:#0b2a21!important;border-color:rgba(130,255,190,.18)!important;color:#dffff1!important;}
html[data-theme="dark"] .wa-bubble.outgoing{background:#164f37!important;border-color:rgba(77,224,143,.32)!important;color:#effff7!important;}
html[data-theme="dark"] .wa-bubble small{color:#b8decd!important;}
html[data-theme="dark"] .wa-reply-box{background:#061713!important;border-top-color:rgba(128,255,190,.18)!important;}
html[data-theme="dark"] .wa-reply-box textarea{background:#082019!important;color:#effff7!important;border-color:rgba(128,255,190,.28)!important;}
.wa-contact-card.connected-true strong{color:var(--w90-dark-text)!important;}
.wa-contact-card.connected-true small.connected{color:#77ffb3!important;font-weight:900;}
.wa-contact-card.connected-false small.not-connected{color:#ffd778!important;font-weight:900;}
/* Professional chart styling */
.wa-chart-card{min-height:310px;overflow:hidden;}
.wa-chart-card canvas{max-width:100%;}
.ok-donut-shell{width:180px!important;height:180px!important;position:relative;}
.ok-donut-shell canvas{width:180px!important;height:180px!important;}
.ok-donut-center strong{font-size:34px!important;letter-spacing:-.04em;}
html[data-theme="dark"] .donut-legend-row,
html[data-theme="dark"] .wa-source-bar{color:#ecfff6!important;border-color:rgba(128,255,190,.16)!important;}
html[data-theme="dark"] .donut-legend-val,
html[data-theme="dark"] .wa-source-bar .val{color:#b8decd!important;}
.chart-empty{min-height:220px;display:grid!important;place-items:center;text-align:center;border-radius:18px!important;}
/* Public pages must remain readable even when the app theme is dark. */
html[data-theme="dark"] .premium-public,
html[data-theme="dark"] .khp-main.premium-public,
html[data-theme="dark"] .khp-public-page,
html[data-theme="dark"] .khp-inner-site{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbfd 48%,#f2fbf6 100%)!important;
  color:#071421!important;
}
html[data-theme="dark"] .wt-public-header,
html[data-theme="dark"] .khp-header.wt-public-header{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid #dce7ef!important;
  box-shadow:0 14px 40px rgba(6,18,31,.06)!important;
}
html[data-theme="dark"] .wt-public-nav>a:not(.khp-btn),
html[data-theme="dark"] .wt-login-link{color:#243549!important;}
html[data-theme="dark"] .premium-public h1,
html[data-theme="dark"] .khp-public-hero h1,
html[data-theme="dark"] .wt-hero-copy h1,
html[data-theme="dark"] .premium-public .khp-section-head h1{
  color:#06121f!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .premium-public p,
html[data-theme="dark"] .khp-public-hero p,
html[data-theme="dark"] .premium-public .khp-section-head p{color:#52677d!important;opacity:1!important;}
html[data-theme="dark"] .khp-signup-form,
html[data-theme="dark"] .khp-public-form,
html[data-theme="dark"] .khp-public-content,
html[data-theme="dark"] .khp-public-sidebar{
  background:#ffffff!important;
  color:#071421!important;
  border:1px solid #dbe6ee!important;
  box-shadow:0 24px 70px rgba(10,24,40,.14)!important;
}
html[data-theme="dark"] .khp-signup-form label,
html[data-theme="dark"] .khp-signup-form a{color:#0f3d32!important;opacity:1!important;}
html[data-theme="dark"] .khp-signup-form input,
html[data-theme="dark"] .khp-signup-form select,
html[data-theme="dark"] .khp-signup-form textarea{
  background:#f9fcfb!important;color:#071421!important;border:1px solid #cfe0da!important;
}
/* Clean public header brand: remove the tiny tagline/vertical divider/dash feel and make navigation balanced. */
.wt-header-inner{min-height:76px!important;gap:26px!important;}
.wt-brand{gap:0!important;min-width:160px!important;}
.wt-brand-logo{width:160px!important;max-width:160px!important;height:auto!important;}
.wt-brand-meta{display:none!important;}
.wt-public-nav{gap:8px!important;}
.wt-public-nav>a:not(.khp-btn){font-size:14px!important;padding:10px 10px!important;}
.wt-header-secondary,.wt-header-primary{min-height:46px!important;padding:12px 18px!important;}
@media(max-width:1280px){.wa-conversations-layout{grid-template-columns:320px minmax(460px,1fr)!important}.wa-customer-panel{grid-column:1/-1;}.wa-metrics-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.wa-conversations-layout{grid-template-columns:1fr!important}.wa-chat-window{min-height:420px}.wt-brand-logo{width:142px!important;max-width:142px!important}.wt-public-nav{gap:6px!important}}
/* Watilo v9.1 deep professional audit hotfix: search, diagnostics, chart fallback and responsive polish */
.wa-searchbar-wide{max-width:960px;margin:0 0 18px}.wa-searchbar-wide form{display:flex;gap:10px;align-items:center}.wa-searchbar-wide input{flex:1;min-width:0}.watilo-v91-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.watilo-v91-search-grid .wa-panel{min-width:0}.watilo-v91-search-grid .wa-panel-head{align-items:flex-start}.watilo-v91-search-grid .wa-table-wrap{overflow:auto}.watilo-v91-funnel{display:grid;grid-template-columns:minmax(160px,1fr) minmax(220px,1fr);gap:22px;align-items:center}.watilo-v91-funnel-bars{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 0}.watilo-v91-funnel-bars>div{height:32px;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.12);background:linear-gradient(135deg,rgba(62,215,140,.95),rgba(48,129,255,.85))}.chart-empty,.watilo-chart-empty{display:grid;place-items:center;min-height:240px;border:1px dashed rgba(68,211,139,.28);border-radius:20px;background:rgba(68,211,139,.06);color:var(--muted,#6d8b80);text-align:center;padding:24px}.watilo-v91-selftest{margin:0 0 18px;text-align:left}.watilo-v91-selftest[hidden]{display:none!important}.watilo-v91-selftest-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}.watilo-v91-selftest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.watilo-v91-selftest-grid>div{border:1px solid rgba(68,211,139,.18);border-radius:14px;padding:12px;background:rgba(255,255,255,.04)}.watilo-v91-selftest-grid small{display:block;color:var(--muted,#75a796);font-weight:800;margin-bottom:4px}.watilo-v91-selftest-grid strong{display:block;color:var(--text,#09251d);word-break:break-word}.watilo-v91-status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;text-transform:capitalize}.watilo-v91-status-badge.ok{background:rgba(62,215,140,.16);color:#16a464}.watilo-v91-status-badge.warn{background:rgba(246,180,60,.16);color:#a16400}.watilo-v91-status-badge.bad{background:rgba(255,91,91,.16);color:#b42323}.watilo-v91-warning{color:#b66a00;font-weight:800}.watilo-v91-raw{margin-top:14px}.watilo-v91-raw summary{cursor:pointer;font-weight:900}.watilo-v91-raw pre{white-space:pre-wrap;overflow:auto;border-radius:14px;padding:12px;max-height:280px;background:rgba(0,0,0,.06);color:inherit}.dashboard-chart-canvas{max-width:100%}.wa-page-head,.wa-panel,.wa-metric-card{min-width:0}.wa-bubble p,.wa-detail-list dd,.wa-chat-meta span{word-break:break-word}.wa-table-wrap table{min-width:720px}html[data-theme='dark'] .chart-empty,html[data-theme='dark'] .watilo-chart-empty{background:rgba(62,215,140,.08);border-color:rgba(126,255,187,.22);color:#b9e6d4}html[data-theme='dark'] .watilo-v91-selftest-grid>div{background:rgba(5,32,26,.7);border-color:rgba(126,255,187,.18)}html[data-theme='dark'] .watilo-v91-selftest-grid strong{color:#f3fff8}html[data-theme='dark'] .watilo-v91-raw pre{background:rgba(0,0,0,.28);color:#e8fff4}html[data-theme='dark'] .watilo-v91-status-badge.ok{color:#7ff0b6}html[data-theme='dark'] .watilo-v91-status-badge.warn{color:#ffd27a}html[data-theme='dark'] .watilo-v91-status-badge.bad{color:#ff9a9a}
@media(max-width:1100px){.watilo-v91-search-grid{grid-template-columns:1fr}.watilo-v91-selftest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watilo-v91-funnel{grid-template-columns:1fr}}
@media(max-width:640px){.wa-searchbar-wide form{flex-direction:column;align-items:stretch}.watilo-v91-selftest-grid{grid-template-columns:1fr}.watilo-v91-selftest-head{align-items:flex-start;flex-direction:column}.chart-empty,.watilo-chart-empty{min-height:180px}.wa-table-wrap table{min-width:620px}}
/* Watilo v9.2 production final visual/option/status hardening */
.wa-new-outbound-panel{margin:18px 0 22px;background:linear-gradient(180deg,rgba(21,74,58,.94),rgba(9,39,32,.96));border:1px solid rgba(87,236,158,.24);box-shadow:0 18px 44px rgba(0,0,0,.16);}
.wa-form-grid.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end;}
.wa-form-grid .full{grid-column:1/-1;}
.wa-form-help{color:var(--muted);font-size:13px;line-height:1.5;}
.wa-new-outbound-form textarea{min-height:88px;resize:vertical;}
.v80-wallet-strip article strong{font-size:clamp(23px,2.2vw,34px);line-height:1.08;word-break:break-word;}
.v80-wallet-strip article small{max-width:320px;line-height:1.45;}
.v80-score-card{min-width:280px;}
.v80-score-ring strong{line-height:1;}
.v80-score-card p{font-weight:750;}
.v80-module-card a[href="#campaigns"],.v80-hero-actions a[href="#campaigns"]{scroll-behavior:smooth;}
.wa-metric-icon img[src*="meta.svg"],.premium-metric-img[src*="meta.svg"]{filter:none!important;}
.wa-panel .wa-panel-head h3,.v80-section-head h2,.v80-flow h2{letter-spacing:-.02em;}
html[data-theme="dark"] .wa-new-outbound-panel input,html[data-theme="dark"] .wa-new-outbound-panel textarea{background:#09271f!important;color:#ecfff6!important;border-color:rgba(103,236,164,.28)!important;}
html[data-theme="dark"] .wa-new-outbound-panel input::placeholder,html[data-theme="dark"] .wa-new-outbound-panel textarea::placeholder{color:rgba(209,255,233,.58)!important;}
html[data-theme="dark"] .v80-wallet-strip article strong{color:#f5fff9!important;text-shadow:0 1px 0 rgba(0,0,0,.22);}
html[data-theme="dark"] .v80-wallet-strip article small{color:#bfe8d8!important;}
@media(max-width:1200px){.wa-form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));}.v80-wallet-strip{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.wa-form-grid.four,.v80-wallet-strip{grid-template-columns:1fr;}.wa-new-outbound-panel{margin-top:12px}.v80-score-card{min-width:0;width:100%;}.v80-hero{grid-template-columns:1fr!important;}.v80-hero-actions{display:grid;grid-template-columns:1fr;}.wa-head-actions{flex-wrap:wrap}.wa-page-head h1{font-size:clamp(34px,11vw,52px)!important;}}

/* v9.3 AI Training Governance Hotfix */
.watilo-training-list{display:grid;gap:14px}
.watilo-training-card{border:1px solid rgba(86,232,151,.22);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(12,45,35,.70));box-shadow:0 18px 50px rgba(0,0,0,.12);overflow:hidden}
.watilo-training-card summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;color:var(--ok-ink,#eefdf5)}
.watilo-training-card summary::-webkit-details-marker{display:none}
.watilo-training-card summary span{min-width:0;display:grid;gap:4px}
.watilo-training-card summary strong{font-size:16px;color:var(--ok-ink,#eefdf5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.watilo-training-card summary small{color:var(--ok-muted,#a7cdbc);font-weight:700}
.watilo-training-card .wa-form-grid{padding:0 20px 18px}
.watilo-training-actions{border-top:1px solid rgba(86,232,151,.15);padding:14px 20px 18px;justify-content:flex-end}
.watilo-training-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.watilo-training-checks>div{border:1px solid rgba(86,232,151,.18);border-radius:18px;padding:16px;background:rgba(255,255,255,.045)}
.watilo-training-checks strong{display:block;margin-bottom:6px;color:var(--ok-ink,#eefdf5)}
.watilo-training-checks small{display:block;color:var(--ok-muted,#a7cdbc);line-height:1.45}
.watilo-ai-test-result{margin-top:16px;border-color:rgba(86,232,151,.34)!important;background:linear-gradient(135deg,rgba(54,213,126,.10),rgba(255,255,255,.045))!important}
.wa-table-actions .small,.wa-primary-btn.small,.wa-ghost-btn.small{min-height:38px;padding:9px 13px;border-radius:13px;font-size:13px}
.wa-pill.muted{background:rgba(255,255,255,.07)!important;color:var(--ok-muted,#a7cdbc)!important}
html:not([data-theme="dark"]) .watilo-training-card{background:linear-gradient(180deg,#ffffff,#f6fffb);border-color:rgba(20,126,82,.16)}
html:not([data-theme="dark"]) .watilo-training-card summary strong{color:#0b1b16}
html:not([data-theme="dark"]) .watilo-training-card summary small{color:#5b7569}
html:not([data-theme="dark"]) .watilo-training-checks>div{background:#f8fffb;border-color:rgba(20,126,82,.14)}
html:not([data-theme="dark"]) .watilo-training-checks small{color:#5b7569}
@media(max-width:980px){.watilo-training-checks{grid-template-columns:1fr 1fr}.watilo-training-card summary{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.watilo-training-checks{grid-template-columns:1fr}.watilo-training-actions{justify-content:stretch}.watilo-training-actions form,.watilo-training-actions button{width:100%}}
/* v9.5 AI draft / governance polish */
.wa-ai-draft-bubble{border:1px dashed rgba(245,158,11,.65)!important;background:linear-gradient(180deg,rgba(245,158,11,.12),rgba(245,158,11,.05))!important;}
.wa-ai-draft-bubble small{color:var(--text-muted,#7b8794)!important;font-weight:700;}
.wa-ai-draft-bubble .wa-form-help{display:block;margin-top:6px;font-size:11px;opacity:.86;}
.wa-mini-panel .wa-table-actions{justify-content:space-between;border-top:1px solid var(--cardBorder,rgba(148,163,184,.18));padding-top:8px;margin-top:8px;}
input[readonly]{cursor:not-allowed;opacity:.82;background:var(--surfaceElevated,rgba(148,163,184,.08));}

/* Watilo v9.7 production runtime & compliance final clean */
[data-confirm], [data-print-button] { cursor: pointer; }
img[data-hide-on-error].is-hidden { display: none !important; }
.wa-live-only-note { color: var(--muted, #64748b); }
html[data-theme='dark'] .wa-live-only-note { color: #a7c8bd; }
.chart-fallback-note { padding: 14px 16px; border: 1px dashed rgba(18,70,53,.18); border-radius: 14px; color: var(--muted, #64748b); background: rgba(255,255,255,.55); }
html[data-theme='dark'] .chart-fallback-note { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.12); color: #b8d8ce; }

/* v9.9 strict CSP media and no-inline utility hardening */
.wa-media-card{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface,#fff)}
.wa-media-preview{width:140px;max-height:110px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}
.wa-media-file-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:rgba(25,191,115,.12);font-size:24px}
.wa-media-card strong{display:block}.wa-media-card small{display:block;color:var(--muted);margin:3px 0 8px}.wa-legend-list b{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--green)}.wa-list-stack.has-top-gap{margin-top:18px}.wt-link-inherit{color:inherit;text-decoration:none}.wt-flex-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wt-compact-select{width:auto;font-size:13px;padding:5px 10px}.wt-icon-button{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:18px}.wt-minh-100{min-height:100px}.wt-minh-120{min-height:120px}.wt-chart-box{display:flex;flex-direction:column;align-items:center;gap:16px}.wt-donut-wrap{position:relative;width:168px;height:168px}.wt-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.wt-donut-center strong{font-size:28px;line-height:1}.wt-muted{color:var(--muted)}.wt-full{width:100%}.wt-hidden-chart{display:none;max-height:220px}.wt-activity-time{font-size:13px;color:var(--muted)}

/* Watilo v10.2 Omnichannel + Commerce + Flow Builder upgrade */
.v100-suite{display:grid;gap:24px;max-width:1680px;margin:0 auto;padding-bottom:48px}.v100-hero,.v100-page-head{display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;background:linear-gradient(135deg,#052b23,#0b4535 55%,#06201b);border:1px solid rgba(87,255,174,.18);border-radius:30px;padding:30px;color:#effff7;box-shadow:0 26px 70px rgba(0,0,0,.18)}.v100-page-head{display:block}.v100-kicker{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;background:rgba(68,230,142,.14);color:#7cffb6;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.v100-hero h1,.v100-page-head h1{margin:12px 0 10px;font-size:clamp(30px,4vw,58px);letter-spacing:-.055em;line-height:1.02;color:#fff}.v100-hero p,.v100-page-head p{color:#bfe7d6;max-width:920px;line-height:1.65;margin:0}.v100-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.v100-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(18,87,61,.18);border-radius:16px;padding:12px 16px;background:#fff;color:#093328;text-decoration:none;font-weight:900;cursor:pointer}.v100-btn.primary{background:linear-gradient(135deg,#42dd8d,#19af70);border-color:transparent;color:#042217}.v100-btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}.v100-score{border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:24px;background:rgba(255,255,255,.07);display:grid;place-items:center;text-align:center}.v100-score strong{font-size:64px;letter-spacing:-.08em;color:#fff}.v100-score span{font-weight:900;color:#9dffd0}.v100-score p{font-size:13px;margin:0;color:#c8efdf}.v100-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.v100-metrics article,.v100-card,.v100-panel{background:var(--surface,#fff);border:1px solid var(--border,#dce8e3);border-radius:24px;padding:22px;box-shadow:0 18px 40px rgba(13,42,31,.06)}.v100-metrics span,.v100-card span,.v100-panel small{color:var(--muted,#6a7d75);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.v100-metrics strong{display:block;margin-top:8px;font-size:30px;color:var(--text,#102a22)}.v100-metrics small{display:block;margin-top:5px;color:var(--muted,#6a7d75)}.v100-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v100-card h3,.v100-panel h2{margin:10px 0 8px;color:var(--text,#0f2b23);letter-spacing:-.025em}.v100-card p{color:var(--muted,#5f736d);line-height:1.62}.v100-card a{font-weight:900;color:#0f9e67;text-decoration:none}.v100-status{display:inline-flex;padding:5px 10px;border-radius:999px;background:#e7fff2!important;color:#08754d!important}.v100-status.needs_credentials,.v100-status.pending,.v100-status.in_review{background:#fff8de!important;color:#8a5b00!important}.v100-status.disabled,.v100-status.blocked{background:#ffe7e7!important;color:#a02222!important}.v100-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v100-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v100-form{display:grid;gap:12px}.v100-form.compact{gap:10px}.v100-form label{display:grid;gap:7px;font-weight:800;color:var(--text,#173129)}.v100-form input,.v100-form select,.v100-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--border,#dce8e3);border-radius:14px;padding:12px 13px;background:var(--input,#fff);color:var(--text,#102a22)}.v100-form textarea{min-height:110px;resize:vertical}.v100-list{display:grid;gap:12px;max-height:660px;overflow:auto}.v100-list>div{padding:14px;border:1px solid var(--border,#dce8e3);border-radius:16px;background:var(--soft,#f7fbf8)}.v100-list strong{display:block;color:var(--text,#0f2b23)}.v100-list span{display:block;margin-top:5px;color:#138b5f;font-weight:800}.v100-list small{display:block;margin-top:6px;text-transform:none;letter-spacing:0;font-weight:700}.v100-table{overflow:auto}.v100-table table{width:100%;border-collapse:collapse}.v100-table th,.v100-table td{text-align:left;padding:12px;border-bottom:1px solid var(--border,#dce8e3)}.v100-table th{font-size:12px;text-transform:uppercase;color:var(--muted,#687d75)}
[data-theme="dark"] .v100-metrics article,[data-theme="dark"] .v100-card,[data-theme="dark"] .v100-panel{background:#0d231e;border-color:rgba(128,255,190,.14);box-shadow:none}[data-theme="dark"] .v100-card h3,[data-theme="dark"] .v100-panel h2,[data-theme="dark"] .v100-metrics strong,[data-theme="dark"] .v100-form label,[data-theme="dark"] .v100-list strong{color:#f2fff8}[data-theme="dark"] .v100-card p,[data-theme="dark"] .v100-metrics small,[data-theme="dark"] .v100-list small{color:#a7d2c0}[data-theme="dark"] .v100-form input,[data-theme="dark"] .v100-form select,[data-theme="dark"] .v100-form textarea,[data-theme="dark"] .v100-list>div{background:#102c25;border-color:rgba(143,255,197,.16);color:#f2fff8}[data-theme="dark"] .v100-btn{background:#16372e;border-color:rgba(143,255,197,.16);color:#f2fff8}[data-theme="dark"] .v100-btn.primary{color:#042217}
@media(max-width:1200px){.v100-grid,.v100-three{grid-template-columns:repeat(2,minmax(0,1fr))}.v100-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v100-hero{grid-template-columns:1fr}}@media(max-width:760px){.v100-grid,.v100-three,.v100-two,.v100-metrics{grid-template-columns:1fr}.v100-hero,.v100-page-head{padding:22px;border-radius:22px}.v100-hero h1,.v100-page-head h1{font-size:34px}.v100-actions{display:grid}.v100-btn{width:100%}}
.v100-inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.v100-inline-form input{max-width:120px}.v100-status.available{background:rgba(59,130,246,.12);color:#1d4ed8}.v100-status.partial{background:rgba(245,158,11,.14);color:#92400e}.v100-status.configured{background:rgba(22,163,74,.14);color:#166534}.v100-status.needs_credentials{background:rgba(220,38,38,.10);color:#991b1b}.v100-status.failed{background:rgba(220,38,38,.12);color:#991b1b}
[data-theme="dark"] .v100-status.available{color:#93c5fd}[data-theme="dark"] .v100-status.partial{color:#fcd34d}[data-theme="dark"] .v100-status.configured{color:#86efac}[data-theme="dark"] .v100-status.needs_credentials,[data-theme="dark"] .v100-status.failed{color:#fca5a5}
.v100-builder{border:1px solid var(--line,#d9e1ef);border-radius:18px;padding:14px;background:rgba(248,250,252,.72);display:grid;gap:12px}.v100-builder-toolbar{display:flex;gap:8px;flex-wrap:wrap}.v100-builder-canvas{display:grid;gap:10px}.v100-flow-block{border:1px solid rgba(15,23,42,.12);border-radius:16px;background:#fff;padding:12px;display:grid;gap:8px}.v100-flow-block header{display:flex;justify-content:space-between;gap:8px;align-items:center}.v100-flow-block strong{text-transform:capitalize}.v100-flow-block input,.v100-flow-block select{width:100%}.v100-flow-actions{display:flex;gap:6px;flex-wrap:wrap}.v100-flow-actions button{border:1px solid rgba(15,23,42,.14);background:transparent;border-radius:10px;padding:6px 9px;cursor:pointer}[data-theme="dark"] .v100-builder{background:rgba(15,23,42,.55);border-color:rgba(148,163,184,.22)}[data-theme="dark"] .v100-flow-block{background:rgba(15,23,42,.82);border-color:rgba(148,163,184,.18)}