:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4efe6;--card:#fffdf8;--ink:#1f1a14;--muted:#6b6258;--line:#e4d8c6;--accent:#8b4513;--accent-soft:#f0e0d0;--ok:#1f6b3a;--error:#9b1c1c;--status-live:#8b4513;--status-pending:#9a6b2f;--status-paid:#3d5a80;--surface:var(--card);--border:var(--line);--text:var(--ink);color:var(--ink);background:var(--bg);font-family:Segoe UI,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(circle at top left, #ffe8c8 0, transparent 40%), var(--bg);min-height:100dvh;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}.shell{max-width:1100px;padding:24px 20px 48px;padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));padding-bottom:max(48px, calc(24px + env(safe-area-inset-bottom)));margin:0 auto}.loading-shell,.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 10px 30px #46280a0d}.login-card{width:min(420px,100%)}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.topbar-right{align-items:center;gap:12px;display:flex}.user-chip{align-items:center;gap:10px;display:flex}.user-chip img{border-radius:999px}.main-grid,.page-stack{gap:16px;display:grid}.top-nav{z-index:40;justify-content:space-between;align-items:flex-start;gap:.85rem;margin-bottom:1.25rem;display:flex;position:relative}.top-nav-brand{flex:1;min-width:0;padding-top:.15rem}.top-nav-brand h1{color:var(--accent);margin:.1rem 0 0;font-size:clamp(1.45rem,4vw,1.85rem)}.top-nav-actions{flex-shrink:0;position:relative}.hamburger{z-index:2;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;place-content:center;gap:5px;width:2.75rem;height:2.75rem;padding:0;display:grid;position:relative}.hamburger span{background:var(--text);transform-origin:50%;border-radius:1px;width:1.15rem;height:2px;transition:transform .2s,opacity .2s;display:block}.hamburger.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.inbox-nav-spacer{pointer-events:none;flex-shrink:0;width:2.6rem;height:2.6rem}.nav-drawer{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.25rem;width:min(18.5rem,100vw - 2rem);padding:.75rem .65rem;display:flex;position:absolute;top:calc(100% + .45rem);left:0;box-shadow:0 14px 36px #1f161229}.nav-drawer-user{appearance:none;text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:10px;margin-bottom:.35rem;padding:.35rem .65rem .85rem}.nav-drawer-user:hover,.nav-drawer-user:focus-visible{background:color-mix(in srgb, var(--accent) 8%, transparent);outline:none}.nav-user-avatar{object-fit:cover;background:color-mix(in srgb, var(--accent) 18%, var(--surface));border-radius:50%;width:2.5rem;height:2.5rem;margin-bottom:.55rem;display:block}.nav-user-avatar-fallback{letter-spacing:.02em;color:var(--accent);place-items:center;font-size:.78rem;font-weight:700;display:grid}.nav-user-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:650;overflow:hidden}.nav-user-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:.25rem 0 0;font-size:.78rem;overflow:hidden}.nav-user-role{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:.35rem 0 0;font-size:.72rem;font-weight:700}.nav-app-version{color:var(--muted);margin:.4rem 0 0;font-size:.72rem}.nav-mode{appearance:none;text-align:left;cursor:pointer;color:var(--text);background:0 0;border:none;border-left:3px solid #0000;border-radius:10px;flex-direction:column;gap:.15rem;padding:.7rem .75rem .7rem .85rem;display:flex}.nav-mode:hover{background:#f0e7db}.nav-mode.active{border-left-color:var(--accent);background:#ebe0d2}.nav-mode-title{font-size:.92rem;font-weight:700}.nav-mode-desc{color:var(--muted);font-size:.76rem;font-weight:400;line-height:1.35}.nav-logout{appearance:none;text-align:left;cursor:pointer;color:#8f3b3b;background:0 0;border:none;border-radius:10px;margin-top:.35rem;padding:.7rem .75rem;font-weight:600}.nav-logout:hover{background:#f3e4e0}.profile-hero-row{align-items:center;gap:14px;display:flex}.profile-avatar{object-fit:cover;background:color-mix(in srgb, var(--accent) 18%, var(--surface));border-radius:50%;flex-shrink:0;width:56px;height:56px}.profile-avatar-fallback{color:var(--accent);place-items:center;font-weight:700;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 4px;font-size:.75rem}h1,h2{margin:0 0 8px}.lede{color:var(--muted);margin:0 0 16px}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--error);background:#fdecec;border-radius:8px;padding:8px 10px}.ok{color:var(--ok)}.status-live{color:var(--status-live)}.status-pending{color:var(--status-pending)}.status-paid{color:var(--status-paid)}.phone-mock{color:var(--ok);font-weight:600}.stack{gap:12px;display:grid}.form label{gap:6px;font-size:.95rem;display:grid}.form input,.form textarea{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:10px 12px}.checkbox{align-items:center;gap:8px;display:flex!important}.payment-badge{border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:999px;align-items:center;margin:0;padding:2px 8px;font-size:.8rem;font-weight:600;display:inline-flex}.payment-badge:disabled{opacity:.6;cursor:wait}.payment-badge.ok{color:var(--ok);background:#e7f5ec;border-color:#9fceb0}.payment-badge.error{color:var(--error);background:#f8e8e8;border-color:#e0b0b0}.btn{appearance:none;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 16px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:var(--accent-soft);color:var(--accent)}.btn.danger{background:var(--error);border-color:var(--error);color:#fff}.btn.danger:hover:not(:disabled){filter:brightness(.92)}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.panel-header-main{flex:1;min-width:0}.panel-title-row{align-items:center;gap:8px;min-width:0;margin:0 0 6px;display:flex}.panel-title-row h2{min-width:0;margin:0}.panel-header-main .muted{color:var(--muted);margin:0;font-size:.75rem;line-height:1.4}.panel-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.icon-btn{appearance:none;border:1px solid var(--line);width:40px;height:40px;color:var(--muted);cursor:pointer;background:#fff;border-radius:12px;flex-shrink:0;place-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-grid}.icon-btn:hover:not(:disabled){color:var(--accent);background:var(--accent-soft);border-color:#d4c0a8}.icon-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.icon-btn-primary:hover:not(:disabled){color:#fff;background:#6f3610;border-color:#6f3610}.icon-btn-danger{color:var(--error);background:#fdf4f4;border-color:#e8c8c8}.icon-btn-danger:hover:not(:disabled){color:#fff;border-color:var(--error);background:var(--error)}.panel-title-row .icon-btn{border-radius:10px;width:34px;height:34px}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn.is-busy .icon-btn-svg{animation:.8s linear infinite icon-spin}@keyframes icon-spin{to{transform:rotate(-360deg)}}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}code{font-size:.9em}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:12px 0 16px;display:grid}.kpi{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px}.list-status-bar{flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px;font-size:.9rem;display:flex}.list-status-badge{letter-spacing:.02em;background:var(--accent-soft);color:var(--accent);border:1px solid var(--line);border-radius:999px;align-items:center;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.list-status-badge.ok{color:var(--ok);background:#e7f4ec;border-color:#c8e2d1}.list-status-badge.error{color:var(--error);background:#f8e8e8;border-color:#e8c8c8}.list-status-badge.muted{color:var(--muted);background:#f3eee6}.list-status-badge.status-live{background:var(--accent-soft);color:var(--status-live);border-color:tan}.list-status-badge.status-pending{color:var(--status-pending);background:#f7efdf;border-color:#e4d2a8}.kpi-label{color:var(--muted);margin-bottom:4px;font-size:.8rem;display:block}.kpi-value{color:var(--ink);font-size:1.5rem;font-weight:700;line-height:1.2}.kpi-value.ok{color:var(--ok)}.kpi-value.status-pending{color:var(--status-pending)}.kpi-value.error{color:var(--error)}.kpi-value.muted{color:var(--muted)}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow:auto}.ghost{border:1px solid var(--border);cursor:pointer;color:var(--muted);background:0 0;border-radius:8px;padding:.5rem .85rem}.ghost:hover:not(:disabled){color:var(--text);border-color:var(--muted)}.ghost:disabled{opacity:.45;cursor:not-allowed}.lookup-meta{color:var(--muted);margin:.65rem 0 0;font-size:.85rem}.customers-list-meta-row{justify-content:space-between;align-items:center;gap:.75rem;margin:.35rem 0 .75rem;display:flex}.customers-list-meta-row .lookup-meta{flex:auto;align-items:center;gap:.4rem;min-width:0;margin:0;display:inline-flex}.customers-pagination{flex:none;justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.customers-pagination-footer{border-top:1px solid var(--border);justify-content:center;margin:.85rem 0 .25rem;padding-top:.65rem}.customers-page-btn{min-width:4.5rem;min-height:2.75rem;padding:.45rem .85rem}.customers-page-label{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;padding:0 .25rem;font-size:.85rem}.schedules-add-row{flex-wrap:wrap;align-items:flex-end;gap:10px 12px;display:flex}.schedules-time-label{gap:6px;min-width:140px;display:grid}.schedules-time-label input[type=time]{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:10px 12px}.schedules-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.schedules-item{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.schedules-time{min-width:5.5rem;font-weight:700}.schedules-remove{min-height:2.25rem;color:var(--error);border-color:#e8c8c8;margin-left:auto}.schedules-remove:hover:not(:disabled){color:#fff;background:var(--error);border-color:var(--error)}.schedules-actions{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.next-call-timer{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0 12px;font-size:.92rem;display:flex}.next-call-countdown{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}th{background:#faf6ef;font-weight:600}.footer{margin-top:24px;font-size:.85rem}.login-google{margin:16px 0}.audience-block{margin-top:18px}.audience-block .row-between{align-items:center;gap:12px;margin-bottom:8px}.audience-block h3{margin:0}.call-logs-page h2{margin:0 0 4px}.call-logs-header{margin-bottom:14px}.call-logs-tabs{border:1px solid var(--line);background:#f3eee6;border-radius:12px;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding:4px;display:flex}.call-logs-tab{appearance:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.call-logs-tab:hover{color:var(--ink);background:color-mix(in srgb, var(--card) 70%, transparent)}.call-logs-tab.active{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #46280a14}.call-logs-tab-count{background:var(--accent-soft);min-width:1.25rem;color:var(--accent);border-radius:999px;padding:0 6px;font-size:.75rem;line-height:1.4}.call-logs-panel{min-height:120px}.call-logs-history{gap:14px;display:grid}.batch-picker{border:1px solid var(--line);background:#faf6f0;border-radius:12px;flex-direction:column;gap:6px;max-height:220px;padding:4px;display:flex;overflow:auto}.batch-picker-item{appearance:none;background:var(--card);text-align:left;cursor:pointer;font:inherit;border:1px solid #0000;border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;width:100%;padding:10px 12px;display:flex}.batch-picker-item:hover{border-color:var(--line)}.batch-picker-item.active{background:var(--accent-soft);border-color:tan}.batch-picker-main{flex-direction:column;gap:2px;min-width:0;display:flex}.voip-panel{border:1px solid var(--line);background:#fffaf3;border-radius:12px;margin:16px 0 8px;padding:14px}.voip-panel h3{margin:0 0 4px}.voip-batch{margin-top:12px}.voip-batch .table-wrap{margin-top:8px}.page h1{margin:0 0 4px}.call-slots{flex-wrap:nowrap;align-items:center;gap:4px;display:inline-flex}.call-slot{border:1px solid var(--line);font-variant-numeric:tabular-nums;cursor:default;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:28px;height:36px;padding:2px 4px;line-height:1.1;display:inline-flex;position:relative}.customer-name-cell{flex-direction:column;gap:2px;min-width:0;display:flex}.customer-name-line{align-items:flex-start;gap:4px;min-width:0;font-weight:600;display:inline-flex}.customer-branch-sub{color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.2}.payment-badge-super{vertical-align:super;letter-spacing:.02em;text-transform:uppercase;margin-top:1px;padding:0 5px;font-size:.62rem;font-weight:700;line-height:1.4}.due-date{font-variant-numeric:tabular-nums;font-weight:600}.due-date.past-due{color:var(--error)}.due-date.due-today{color:var(--ok)}.name-with-tip{cursor:help;border-bottom:1px dotted color-mix(in srgb, var(--muted) 55%, transparent);max-width:100%;display:inline-block;position:relative}.name-with-tip-label{font-weight:600}.name-tip{z-index:40;border:1px solid var(--line);color:#fffdf8;text-align:left;white-space:pre-wrap;pointer-events:none;background:#1f1a14;border-radius:10px;width:min(360px,100vw - 48px);padding:10px 12px;font-size:.78rem;font-weight:400;line-height:1.45;display:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 24px #0003}.name-tip-title{letter-spacing:.04em;text-transform:uppercase;color:#d4c0a8;margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.name-tip-body,.name-with-tip:hover .name-tip,.name-with-tip:focus .name-tip,.name-with-tip:focus-within .name-tip{display:block}.call-slot-tip{z-index:30;border:1px solid var(--line);color:#fffdf8;text-align:left;white-space:normal;pointer-events:none;background:#1f1a14;border-radius:8px;min-width:240px;max-width:340px;padding:8px 10px;font-size:.75rem;font-weight:400;line-height:1.35;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 20px #0000002e}.call-slot-tip-line{display:block}.call-slot-tip-line+.call-slot-tip-line{margin-top:2px}.call-slot:hover .call-slot-tip,.call-slot:focus-within .call-slot-tip{display:block}.call-slot-num{color:var(--muted);font-size:.65rem}.call-slot-mark{font-size:.85rem;font-weight:600}.call-slot-pending{color:var(--muted);background:#f7f1e8}.call-slot-queued,.call-slot-running{background:var(--accent-soft);color:var(--accent);border-color:tan}.call-slot-succeeded,.call-slot-rest{color:var(--ok);background:#e7f5ec;border-color:#9fceb0}.call-slot-rest .call-slot-mark{min-height:.85rem}.call-slot-failed{color:var(--error);background:#f8e8e8;border-color:#e0b0b0}.call-slot-excluded,.call-slot-skipped{color:#999;background:#eee;border-style:dashed}@media (width<=900px){.shell{padding-top:16px;padding-bottom:max(32px, calc(16px + env(safe-area-inset-bottom)))}.card{border-radius:14px;padding:16px}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kpi{padding:10px 12px}.kpi-value{font-size:1.3rem}}@media (width<=720px){.shell{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.top-nav{align-items:center;margin-bottom:1rem}.top-nav-brand h1{font-size:1.35rem}.panel-header{gap:10px;margin-bottom:10px}.panel-title-row h2{font-size:1.2rem;line-height:1.25}.panel-title-row .icon-btn{width:36px;height:36px}.panel-header-main .muted{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;display:-webkit-box;overflow:hidden}.panel-header-actions{gap:6px}.icon-btn{width:44px;height:44px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 0 12px}.kpi:last-child:nth-child(odd){grid-column:1/-1}.list-status-bar{gap:8px 12px;margin-bottom:12px;font-size:.85rem}.voip-panel{padding:12px}.voip-batch .row-between{align-items:flex-start}.footer{font-size:.8rem;line-height:1.4}.customers-list-meta-row{flex-wrap:wrap;gap:.5rem .75rem}.customers-pagination{justify-content:flex-end;width:100%}.table-cards{border:none;overflow:visible}.table-cards table,.table-cards tbody{width:100%;display:block}.table-cards thead{display:none}.table-cards tr{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:10px;padding:10px 12px;display:block}.table-cards tr:last-child{margin-bottom:0}.table-cards td{text-align:right;word-break:break-word;border-bottom:1px solid #f0e6d8;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.table-cards td:last-child{border-bottom:none;padding-bottom:2px}.table-cards td:first-child{padding-top:2px}.table-cards td:before{content:attr(data-label);color:var(--muted);text-align:left;flex-shrink:0;max-width:38%;font-size:.78rem;font-weight:600}.table-cards td>*{min-width:0}.call-slot-tip{min-width:min(240px,100vw - 48px);max-width:min(300px,100vw - 48px);left:auto;right:0}.name-tip{left:auto;right:0}.table-cards td[data-label=Name] .name-with-tip{text-align:right}.table-cards td[data-label=Name] .name-tip{text-align:left}}@media (width<=480px){.shell{padding-top:12px}.card{border-radius:12px;padding:14px 12px}.panel-header{flex-wrap:wrap}.panel-header-main{flex:calc(100% - 160px);min-width:140px}.panel-header-actions{margin-left:auto}.panel-header-main .muted{-webkit-line-clamp:3}.kpi-grid{gap:6px}.kpi{border-radius:10px;padding:8px 10px}.kpi-label{font-size:.72rem}.kpi-value{font-size:1.2rem}.nav-drawer{width:min(18.5rem,100vw - 1.5rem)}.profile-hero-row{flex-direction:column;align-items:flex-start}.btn{padding:10px 14px}}@media (hover:none){.call-slot:focus .call-slot-tip,.call-slot:focus-within .call-slot-tip{display:block}}
