:root{font-family:'IBM Plex Sans',Arial,sans-serif;--ink:#1d2130;--muted:#646b7e;--line:#dfe3ef;--forest:#1a67fd;--forest-hover:#0753dc;--mint:#eff5ff;--surface:#fff;--danger:#ba3758}
body{color:var(--ink);background-color:#fcfcfd;background-image:linear-gradient(#dfe3ef57 1px,transparent 1px),linear-gradient(90deg,#dfe3ef57 1px,transparent 1px);background-size:28px 28px}
aside{border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 42px #1d21300c;margin-bottom:17px;padding:12px 22px}
.brand img{filter:brightness(0) saturate(100%) invert(12%) sepia(12%) saturate(1129%) hue-rotate(188deg) brightness(90%)}
.brand>span{color:#1a67fd;border-color:var(--line)}
nav button{color:#4e5668;border-radius:999px;font-weight:600}
nav button:hover{background:#eaf1ff;color:#1a67fd}
nav button.active{background:#bfff5a;color:#1d2130}
nav button.active:hover{background:#a7ec3f;color:#1d2130}
main{border:0;border-radius:24px;background:#fcfcfdeb;min-height:calc(100vh - 150px);padding-top:28px}
h1,h2,h3{color:#1d2130}
h1{font-size:clamp(27px,3vw,39px);letter-spacing:-1.2px}
.eyebrow,.ads-eyebrow{font-family:'IBM Plex Mono',monospace;color:#1a67fd;font-weight:600;letter-spacing:1.5px}
.notice{background:#ecf7ff;border:1px solid #cce8ff;color:#36516b;border-radius:12px;font-size:12px}
button{border-color:#dfe3ef;border-radius:10px}
button:hover{background:#eff5ff;border-color:#92baff}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#1a67fd}
.primary{border-radius:999px;background:#bfff5a;border-color:#bfff5a;color:#1d2130;font-weight:700;padding-inline:20px}
.primary:hover{background:#a7ec3f;border-color:#a7ec3f;color:#1d2130}
.metric,.panel{border-color:#dfe3ef;border-radius:16px;box-shadow:0 8px 30px #1d213007}
.metric:nth-child(4n+1){border-top:3px solid #1a67fd}.metric:nth-child(4n+2){border-top:3px solid #46d8ff}.metric:nth-child(4n+3){border-top:3px solid #bfff5a}.metric:nth-child(4n){border-top:3px solid #ff9dec}
.metric span,.metric small,.hint{color:#646b7e}.metric strong{color:#1d2130}
.toolbar input,.toolbar select,input,select,textarea{border-color:#dfe3ef;color:#1d2130}
input::placeholder,textarea::placeholder{color:#989fb0}
.stage-tabs button,.queue-item,.toggle-option{background:#f4f7fc;border-color:#e4eaf4;color:#485368}
.stage-tabs button.selected,.toggle-option.checked{background:#e9f2ff;border-color:#a7c7ff;color:#1755bf}
.queue-item strong,.client-btn strong{color:#1d2130}.queue-item:hover{background:#eaf1ff}
.lead-table th{background:#f5f8fd;border-color:#e8edf7;color:#646b7e}.lead-table td{border-color:#ecf0f6}.lead-table tbody tr:hover{background:#f8fbff}
.avatar{background:#def4ff;color:#1760a5}.tag{background:#e9f2ff;color:#1755bf}.tag.gray{background:#eff1f6;color:#646b7e}.tag.green{background:#e4fbde;color:#317141}
.status-pill{background:#eaf2ff;color:#265eae}.s-data{background:#e2f8ff;color:#16617b}.s-qualified{background:#fff3d8;color:#855819}.s-booked{background:#eeecff;color:#5b51a8}.s-completed{background:#e5f8db;color:#356f37}.s-lost{background:#ffebee;color:#a44858}
.ads-header{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#e9f3ff 0%,#f7fcff 55%,#efffd8 100%);border:1px solid #cfe1ff;padding:27px 30px;margin-bottom:15px}
.ads-header h2{font-size:clamp(22px,2.6vw,31px);letter-spacing:-.8px;margin:7px 0}.ads-header p{max-width:650px;color:#566179;margin:0;line-height:1.6}.ads-eyebrow{font-size:10px}
.ads-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:240px}.ads-controls select{width:auto}.ads-controls button{white-space:nowrap}
.ads-status{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;white-space:nowrap;background:#fff;color:#9a4f4b;border:1px solid #ead5d1}.ads-status.connected{background:#e8ffdf;color:#2d7437;border-color:#c4eeb6}.ads-status i{width:7px;height:7px;background:currentColor;border-radius:50%}
.ads-setup{display:flex;gap:18px;align-items:flex-start;padding:22px 26px}.ads-setup-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;background:#bfff5a;border-radius:13px;color:#1d2130;font-size:22px}.ads-setup h3{margin:0 0 6px;font-size:17px}.ads-setup p{margin:0;color:#646b7e;line-height:1.6}
.ads-period{font-family:'IBM Plex Mono',monospace;color:#646b7e;font-size:11px;margin:14px 2px}.ads-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:18px}.ads-metric{min-height:108px}.ads-metric strong{font-size:23px;overflow-wrap:anywhere}
.ads-table-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:15px}.ads-table-heading p{color:#646b7e;margin:0;font-size:12px}.ads-table-heading>span{font-family:'IBM Plex Mono',monospace;color:#1a67fd;white-space:nowrap}.ads-table{width:100%;border-collapse:collapse;min-width:760px}.ads-table th,.ads-table td{padding:12px;text-align:left;border-bottom:1px solid #e9edf5;font-size:12px}.ads-table th{color:#646b7e;background:#f5f8fd;font-size:11px}.ads-table tr:last-child td{border-bottom:0}.ads-table-panel .scroll{overflow:auto}.ads-footnote{color:#646b7e;font-size:12px;line-height:1.6;margin:4px 2px 25px}.ads-error{background:#fff0f2;border:1px solid #f2c6ce;color:#983848;border-radius:10px;padding:12px 15px;margin-bottom:14px}
@media(max-width:1100px){.ads-header{align-items:flex-start;flex-direction:column}.ads-controls{justify-content:flex-start}.ads-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body{padding:9px}aside{border-radius:18px;padding:12px;gap:12px}main{padding:18px 9px 32px}.brand img{width:112px}.brand>span{font-size:10px}.ads-header{padding:20px}.ads-metrics{grid-template-columns:1fr 1fr;gap:8px}.ads-metric{padding:13px;min-height:100px}.ads-metric strong{font-size:19px}.ads-setup{padding:18px}.ads-setup-icon{display:none}}
@media(max-width:450px){.ads-metrics{grid-template-columns:1fr 1fr}.ads-header h2{font-size:22px}.ads-controls{min-width:0}.ads-setup h3{font-size:15px}}

/* Focused daily workflow */
.topbar{border-radius:24px;margin-bottom:16px}
.topbar nav{gap:5px}
.topbar nav button{padding:10px 18px}
.pagehead{margin-bottom:4px}
.work-panel{padding:22px}
.work-head{display:flex;align-items:start;justify-content:space-between;gap:16px}
.work-head h2{margin:0 0 3px;font-size:20px}
.work-head p{margin:0;color:#646b7e;font-size:12px}
.work-toolbar{display:flex;gap:9px;margin:18px 0 12px}
.work-toolbar input{width:min(100%,410px)}
.work-toolbar select{min-width:180px}
.request-list{display:grid;gap:9px}
.request-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border:1px solid #e3e8f2;border-radius:14px;background:#fff}
.request-card:hover{border-color:#b9d3ff;background:#fbfdff}
.request-card.click-card{background:#f8fbff;border-style:dashed}
.request-main{min-width:0}
.request-top{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.request-date{color:#8892a2;font:11px 'IBM Plex Mono',monospace}
.request-card h3{font-size:15px;margin:0 0 3px}
.request-card p{font-size:12px;color:#536078;margin:0 0 3px;overflow-wrap:anywhere}
.request-card small{font-size:11px;color:#8a93a3}
.request-side{display:flex;align-items:center;gap:13px;flex:none}
.request-side strong{font-size:13px;min-width:70px;text-align:right}
.request-side button{min-width:86px}
.pager{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:18px;color:#646b7e;font-size:12px}
.pager button:disabled{opacity:.45;cursor:default}
.settings-panel{max-width:780px}
.settings-panel h2{font-size:20px}
.settings-panel p{font-size:13px;color:#646b7e}
.editor-context{background:#eff5ff;border:1px solid #cde0ff;color:#345176;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.5;margin:5px 0 18px}
.editor-context[hidden],.simple-fields label[hidden]{display:none}
.simple-fields label{color:#424c60}
.simple-fields .check{background:#eef5ff}
dialog{background:#fcfcfd;box-shadow:-15px 0 45px #1d213029}
.modalactions{background:#fcfcfd}
#toast{background:#1d2130}
.ads-metrics .metric{min-width:0}.ads-metrics .metric strong{overflow-wrap:anywhere}
@media(max-width:800px){.topbar{display:flex;border-radius:0;margin:0}.topbar nav{margin:0}.work-panel{padding:16px}.request-card{padding:14px}.request-side{gap:7px}}
@media(max-width:620px){.topbar{display:block;border-radius:0}.topbar nav{margin-top:9px}.topbar nav button{padding:9px 13px}.pagehead{align-items:flex-start}.work-toolbar{display:grid}.work-toolbar input,.work-toolbar select{width:100%}.request-card{align-items:stretch;flex-direction:column;gap:12px}.request-side{justify-content:space-between}.request-side strong{margin-left:auto}.request-side button{min-height:36px}.work-head h2{font-size:18px}.pager{gap:7px}#metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.topbar{display:flex;align-items:center;justify-content:space-between}
.quiet-button{background:#f6f8fc;color:#4b5871;border:1px solid #e2e8f2;border-radius:999px;font-size:12px}
.request-card.source-meta{background:#eaf7ff;border-color:#c7e9fa;border-left:4px solid #46b9ee}
.request-card.source-meta:hover{background:#e3f4ff;border-color:#8bd5f7}
.request-card.source-whatsapp{background:#f0faed;border-color:#d4edcd;border-left:4px solid #72c85d}
.request-card.source-instagram{background:#fff1f7;border-color:#f7d7e5;border-left:4px solid #e98cb4}
.request-card.source-google,.request-card.source-referral,.request-card.source-other,.request-card.source-organic{background:#fffaf0;border-color:#f3e7cb;border-left:4px solid #e9bf65}
.source-label{font-size:11px;font-weight:700;color:#295b79}
.source-whatsapp .source-label{color:#3f7934}.source-instagram .source-label{color:#a75078}
.source-google .source-label,.source-referral .source-label,.source-other .source-label,.source-organic .source-label{color:#85662b}
.status-select{width:auto;min-width:127px;min-height:34px;border-radius:999px;padding:6px 29px 6px 11px;font-size:11px;font-weight:700;cursor:pointer}
.status-pill.s-new,.status-select.s-new{background:#dceeff;border:1px solid #b9dbff;color:#205d96}
.status-select.s-data{background:#dff7ff;border:1px solid #b7e8f5;color:#17637b}
.status-select.s-qualified{background:#fff0d1;border:1px solid #f3d79a;color:#805817}
.status-select.s-booked{background:#eee8ff;border:1px solid #d8cafa;color:#5a4a9d}
.status-select.s-completed{background:#dff4d9;border:1px solid #bbe4ae;color:#2e7136}
.status-select.s-lost{background:#ffe7e9;border:1px solid #efc8cd;color:#a54556}
.ads-disclosure{padding:0;overflow:hidden}
.ads-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:19px 22px;font-size:16px;font-weight:700}
.ads-disclosure>summary::-webkit-details-marker{display:none}
.ads-disclosure>summary span{font-size:11px;color:#1a67fd;font-weight:600}
.ads-disclosure[open]>summary{border-bottom:1px solid #e5ebf5}
.ads-disclosure .ads-open-label,.ads-disclosure[open] .ads-closed-label{display:none}
.ads-disclosure[open] .ads-open-label{display:inline}
.campaign-state{display:inline-block;margin-left:8px;padding:3px 7px;border-radius:5px;background:#f3e9e8;color:#9c5a56;font-size:10px;font-weight:650;white-space:nowrap}
.campaign-state.active{background:#e4f5e9;color:#247146}
#adsPanel{padding:19px 21px}
#adsPanel .ads-header{box-shadow:none}
#adsPanel .ads-table-panel{box-shadow:none}
.backup-dialog{width:min(480px,100vw);padding:27px}
#backupContent p{font-size:13px;color:#646b7e;line-height:1.6}
@media(max-width:620px){.topbar{display:flex;border-radius:0}.quiet-button{font-size:11px;white-space:nowrap}.request-side{flex-wrap:wrap}.status-select{min-width:115px}.ads-disclosure>summary{padding:16px;font-size:14px}#adsPanel{padding:14px}.backup-dialog{padding:20px}}
.meta-details{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:8px;font-size:11px;color:#41647a}
.meta-details>span{padding:4px 8px;border:1px solid #c7e9fa;border-radius:999px;background:#f8fdff}
.meta-details label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600}
.meta-details select{width:auto;max-width:190px;min-height:30px;padding:4px 7px;font-size:11px;background:#fff}
.meta-details input[type="checkbox"]{width:15px;height:15px;margin:0}
.status-pill.s-completed{background:#dff4d9;border:1px solid #bbe4ae;color:#2e7136}
.status-select.s-waiting{background:#fff0d1;border:1px solid #f3d79a;color:#805817}
.work-toolbar{flex-wrap:wrap;align-items:center}
.work-toolbar>input#search{flex:2 1 260px}
.work-toolbar>select{flex:1 1 150px;min-width:0;width:auto}
.ads-setup{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;background:#f7faff;border-color:#d8e5fb}
.ads-setup>div{flex:1;min-width:0}
.ads-setup h3{margin:0 0 5px;font-size:15px}
.ads-setup p{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.5}
.meta-token-label{display:grid;gap:6px;max-width:540px;font-size:12px;font-weight:600}
.meta-token-label input{width:100%;font-weight:400}
.meta-connect-error{min-height:0;margin-top:6px;color:#aa4351;font-size:12px}
.meta-connect-error:empty{display:none}
@media(max-width:620px){.ads-setup{align-items:stretch;flex-direction:column}.ads-setup button{width:100%}}
.telegram-setup{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;background:#f5fbff;border-color:#cfe6f7}
.telegram-setup:where(details){display:block}
.telegram-setup summary{cursor:pointer;color:#155a86;font-weight:700}
.telegram-setup form{padding-top:14px}
.delete-lead{color:#a44858;border-color:#efc8cd;background:#fff8f8}
.delete-lead:hover{color:#8c3444;border-color:#d995a0;background:#ffeded}
.telegram-setup>div{flex:1;min-width:0}
.telegram-setup h3{margin:0 0 5px;font-size:15px}
.telegram-setup p{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.5}
.telegram-setup p strong{color:#155a86;font-family:'IBM Plex Mono',monospace;white-space:nowrap}
@media(max-width:620px){.telegram-setup{align-items:stretch;flex-direction:column}.telegram-setup button{width:100%}}
.work-toolbar #statusFilter{flex-basis:185px}
.work-toolbar .date-field{display:inline-flex;align-items:center;gap:7px;flex:1 1 160px;white-space:nowrap;font-size:11px;font-weight:700;color:#646b7e}
.work-toolbar .date-field[hidden],.work-toolbar select[hidden]{display:none}
.work-toolbar .date-field input{width:100%;min-width:0;font-size:12px}
@media(max-width:620px){.work-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.work-toolbar>input#search{grid-column:1/-1}.work-toolbar>select{width:100%}.work-toolbar .date-field{min-width:0}}
#form [disabled]{cursor:default;background:#f5f7fa;color:#596273;opacity:1}
#form .modalactions [hidden]{display:none}