:root{--bg:#f6f7f8;--surface:#ffffff;--surface-strong:#f9fafb;--ink:#15171a;--muted:#59616c;--line:#dfe3e8;--accent:#176b5d;--accent-deep:#0d4f44;--accent-soft:#d9f0ea;--success:#167044;--warning:#8a6116;--danger:#a63737;--radius:8px;--shadow:0 8px 24px rgba(21,23,26,0.08)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);font-family:Aptos,Trebuchet MS,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:16px 12px 40px}.app-header{display:flex;flex-direction:column;gap:12px;margin:0 auto 20px;max-width:1180px}.brandmark{display:inline-flex;flex-direction:column;gap:2px;align-self:flex-start;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.brandmark span{font-size:.82rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.brandmark strong{font-size:1.1rem}.header-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;width:100%}.filter-pill,.ghost-button,.header-nav a,.link-button,.notification-status,.primary-button,.secondary-button{border-radius:999px;border:1px solid var(--line);padding:11px 15px;transition:transform .12s ease,background .12s ease}.filter-pill,.ghost-button,.header-nav a,.link-button,.notification-status{background:var(--surface)}.filter-pill:hover,.ghost-button:hover,.header-nav a:hover,.link-button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.dashboard-stack,.detail-grid,.page-shell,.page-stack{display:grid;grid-gap:18px;gap:18px}.page-shell,.page-stack{margin:0 auto;max-width:1180px}.page-stack.narrow{max-width:900px}.hero-card,.login-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.hero-card h1,.login-card h1,.panel h1,.panel h2{margin:0 0 10px;line-height:1.05}.hero-card p,.login-card p,.panel p{color:var(--muted)}.eyebrow{margin:0 0 8px;color:var(--accent-deep);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.dashboard-stack{align-items:start}.dashboard-toolbar,.panel-header{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.queue-header{flex:1 1;margin-bottom:0}.panel-subtitle{margin:8px 0 0;font-size:.95rem}.stats-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:14px}.empty-state,.qr-card,.stats-grid div{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-strong)}.stats-grid div{padding:14px}.stats-grid dt{margin-bottom:6px;color:var(--muted);font-size:.84rem}.stats-grid dd{margin:0;font-size:1rem;font-weight:700}.form-error,.health-error{color:var(--danger)}.qr-card{display:grid;place-items:center;grid-gap:10px;gap:10px;padding:18px;text-align:center}.button-row,.filter-row{display:flex;gap:10px}.button-row.wrap,.filter-row{flex-wrap:wrap}.primary-button{border-color:transparent;background:var(--accent);color:white}.secondary-button{background:var(--accent-soft);color:var(--accent-deep)}.ghost-button{color:var(--ink)}.notification-status{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:11px 15px;color:var(--accent-deep);font-size:.94rem;font-weight:700}.notification-status.muted{color:var(--muted)}.filter-pill.active{background:var(--ink);color:white}.field{display:grid;grid-gap:8px;gap:8px}.field span{font-size:.92rem;color:var(--muted)}.field input{width:100%;padding:13px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.status-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 11px;font-size:.82rem;border:1px solid transparent}.status-reconnecting,.status-starting{background:#fff0d6;color:var(--warning)}.status-active,.status-connected{background:rgba(22,112,68,.14);color:var(--success)}.status-archived{background:#eef1f4;color:var(--muted)}.status-disconnected,.status-error,.status-possibly_broken,.status-qr_required{background:rgba(159,47,47,.12);color:var(--danger)}.empty-state{padding:24px;text-align:center}.worker-health-body{display:grid;grid-gap:14px;gap:14px}.worker-stats-grid{margin-bottom:0}.worker-popover{position:relative;flex:0 0 auto;order:2}.header-nav a{order:1}.header-nav>.notification-status{order:2}.header-nav>.ghost-button{order:3}.worker-status-button{display:inline-flex;align-items:center;gap:8px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:0 2px 8px rgba(21,23,26,.08);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.worker-status-button:focus-visible,.worker-status-button:hover{border-color:var(--accent);box-shadow:0 4px 12px rgba(23,107,93,.18);transform:translateY(-1px)}.worker-status-button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.worker-status-badge{display:inline-flex;align-items:center;margin-right:4px;padding:5px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.worker-popover-panel{position:absolute;z-index:20;top:calc(100% + 10px);right:0;width:min(420px,calc(100vw - 28px));padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.worker-popover-panel .panel-header{align-items:center;margin-bottom:14px}.worker-popover-panel h2{font-size:1.05rem}.lead-table-wrap{margin-top:14px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.lead-table{width:100%;min-width:860px;border-collapse:collapse;table-layout:fixed}.lead-table td,.lead-table th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:.92rem}.lead-table th{background:var(--surface-strong);color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.lead-table tbody tr:last-child td{border-bottom:0}.lead-table th:first-child,.lead-table th:nth-child(3),.lead-table th:nth-child(5){width:15%}.lead-table th:nth-child(2){width:22%}.lead-table th:nth-child(4){width:25%}.lead-table th:nth-child(6){width:96px}.lead-group-name,.lead-person{color:var(--ink);font-weight:700}.table-sort-button{display:inline-flex;gap:6px;align-items:center;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-transform:inherit}.table-sort-button:focus-visible,.table-sort-button:hover{color:var(--accent-deep)}.table-sort-button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px;border-radius:2px}.button-icon{width:16px;height:16px;flex:0 0 auto}.phone-copy{display:inline-flex;gap:8px;align-items:center;min-width:0}.copy-button{flex:0 0 auto;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--accent-deep);font-size:.78rem}.copy-button:focus-visible,.copy-button:hover{border-color:var(--accent);background:var(--accent-soft)}.lead-table-message{color:var(--ink)}.lead-table-message span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35}.lead-table-message span.expanded{display:block;overflow:visible;-webkit-line-clamp:unset}.message-toggle{display:inline-flex;gap:3px;align-items:center;margin-top:5px;padding:0;border:0;background:transparent;color:var(--accent-deep);font-size:.78rem;font-weight:700}.message-toggle:hover{text-decoration:underline}.message-toggle:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px;border-radius:2px}.message-toggle .button-icon{width:14px;height:14px}.lead-table-actions{text-align:right}.compact-button{padding:7px 10px;font-size:.84rem}.login-shell{display:grid;place-items:center;min-height:calc(100vh - 180px)}.login-card{width:min(100%,480px)}.auth-form{display:grid;grid-gap:14px;gap:14px;margin-top:20px}.detail-grid{align-items:start}.detail-grid.single-column{max-width:760px}.detail-list{display:grid;grid-gap:14px;gap:14px;margin-bottom:18px}.detail-list div{display:grid;grid-gap:4px;gap:4px}.detail-list strong{font-size:.88rem;color:var(--muted)}.json-view{overflow:auto;margin:0;padding:16px;border-radius:18px;background:#201b17;color:#f7ecdd;font-family:Consolas,IBM Plex Mono,monospace;font-size:.84rem;line-height:1.5}.back-link{font-size:.95rem;color:var(--accent-deep)}@media (max-width:859px){.app-shell{padding:12px 10px 28px}.app-header{gap:8px}.brandmark{width:auto;align-self:flex-start;padding:11px 12px}.header-nav{flex-wrap:nowrap;align-items:center;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}.header-nav>*{flex:0 0 auto}.worker-popover{width:auto}.worker-status-button{padding:4px 8px}.worker-popover-panel{left:0;right:0;width:auto}.page-shell,.page-stack{gap:12px}.hero-card,.login-card,.panel{padding:15px}.hero-card-description{display:none}.dashboard-toolbar,.panel-header{flex-direction:row;align-items:center;gap:10px}.panel-subtitle{margin-top:0;font-size:.84rem}.filter-row{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-pill{flex:0 0 auto;padding:9px 12px;font-size:.9rem}.lead-table-wrap{overflow:visible;border:0;background:transparent}.lead-table{min-width:0}.lead-table thead{display:none}.lead-table,.lead-table tbody,.lead-table td,.lead-table tr{display:block}.lead-table tbody{display:grid;grid-gap:12px;gap:12px}.lead-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 10px;gap:8px 10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.lead-table td{display:flex;flex-direction:column;gap:4px;padding:0;border-bottom:0;min-width:0;text-align:left;font-size:.9rem}.lead-table td:nth-last-child(-n+2){align-self:start}.lead-table td:before{content:attr(data-label);color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:left}.lead-table td[data-label=Message]{grid-column:1/-1}.lead-table td[data-label=Message]:before{margin-bottom:2px}.lead-table-message span{-webkit-line-clamp:1}.lead-table td[data-label=Actions]{grid-column:2;align-items:flex-end;justify-self:end;text-align:right}.lead-table td[data-label=Actions]:before{display:none}.lead-table td[data-label=Actions] .compact-button{width:auto;min-width:86px;padding:6px 10px;font-size:.8rem}.lead-table td[data-label=Phone] .phone-copy{width:100%}.lead-table td[data-label=Phone] .phone-copy>span{text-align:left}.lead-table td[data-label=Phone] .copy-button{flex-shrink:0}.lead-table td[data-label=Date],.lead-table td[data-label=Phone]{min-height:0}.button-row{flex-direction:column}.button-row>button{width:100%}.worker-health-body{gap:12px}.worker-stats-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.worker-stats-grid div{padding:10px}.worker-stats-grid dt{font-size:.74rem}.worker-stats-grid dd{font-size:.92rem}.worker-status-badge{display:none}.worker-popover-panel .panel-header{flex-direction:row;align-items:center}}@media (min-width:860px){.app-shell{padding:24px 24px 60px}.app-header{flex-direction:row;align-items:center;justify-content:space-between}.brandmark,.header-nav{width:auto}.worker-popover-panel{width:460px}.detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.detail-grid.single-column{grid-template-columns:minmax(0,1fr)}}