:root{--navy:#263b78;--navy-dark:#172654;--blue:#0d9fda;--magenta:#a91f68;--orange:#f26c13;--purple:#803b97;--green:#087f5b;--red:#d9041f;--ink:#172033;--muted:#64748b;--line:#dce3ed;--surface:#fff;--background:#f3f6fb;--shadow:0 12px 32px rgba(31,51,101,.09);--radius:16px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--background)}body{margin:0;min-height:100vh}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.1;margin-bottom:.55rem}h2{font-size:1.25rem}h3{font-size:1rem}small,.muted{color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.topbar{position:sticky;z-index:30;top:0;min-height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:8px 24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--navy);white-space:nowrap}.brand:hover{text-decoration:none}.brand img{width:58px;height:48px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:4px;flex:1;overflow-x:auto}.main-nav a{padding:9px 10px;border-radius:9px;font-size:.88rem;font-weight:650;white-space:nowrap}.main-nav a:hover{background:#eef2fb;text-decoration:none}.user-menu{display:flex;align-items:center;gap:10px;font-size:.82rem;white-space:nowrap}.link-button{border:0;background:none;color:var(--magenta);padding:0}.nav-toggle{display:none;border:0;background:#eef2fb;border-radius:8px;padding:8px}.page-shell{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}.page-header,.operation-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-header p,.operation-heading p{margin-bottom:0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.72rem;color:var(--navy)!important;margin-bottom:7px!important}.panel,.campaign-card,.metric-card,.empty-state{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:22px;margin-bottom:20px}.panel.narrow{max-width:620px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.panel-heading h2,.panel-heading p{margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:11px;padding:11px 17px;font-weight:750;line-height:1.1;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s}.button:hover{text-decoration:none;transform:translateY(-1px)}.button:disabled,.button.disabled{opacity:.45;pointer-events:none}.button-primary{background:var(--navy);color:#fff;box-shadow:0 7px 16px rgba(38,59,120,.2)}.button-secondary{background:#fff;color:var(--navy);border-color:#cbd5e1}.button-success,.button-whatsapp{background:var(--green);color:#fff}.button-call{background:var(--blue);color:#fff}.button-large{padding:14px 22px;font-size:1rem}.button-small{padding:8px 11px;font-size:.82rem}.button-block{width:100%}.stack{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-2{grid-column:1/-1}.field-row{display:flex;gap:16px}label{display:grid;gap:6px;color:#334155;font-size:.86rem;font-weight:700}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);padding:10px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(13,159,218,.12)}textarea{resize:vertical}.check{display:flex;grid-auto-flow:column;justify-content:start;align-items:center;gap:8px}.check input{width:auto}fieldset{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:8px}legend{font-weight:800;font-size:.85rem}.alert{border-radius:11px;padding:12px 14px;margin-bottom:14px;border:1px solid transparent}.alert-error{background:#fff1f2;color:#9f1239;border-color:#fecdd3}.alert-warning{background:#fffbeb;color:#92400e;border-color:#fde68a}.alert-success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.alert-info{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.hidden{display:none!important}.pill{display:inline-flex;align-items:center;border-radius:999px;background:#edf1f8;color:#40506b;padding:5px 9px;font-size:.72rem;font-weight:800}.pill-warning{background:#fff7d6;color:#92400e}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.status-active{background:#16a34a}.status-paused{background:#f59e0b}.status-finished{background:#64748b}.status-future{background:#3b82f6}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.campaign-card{padding:22px;display:flex;flex-direction:column;min-height:300px}.campaign-card-head{display:flex;align-items:center;margin-bottom:17px}.campaign-card p{color:var(--muted);flex:1}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:10px 0 18px}.mini-metrics span{font-size:.72rem;color:var(--muted)}.mini-metrics strong{display:block;font-size:1.1rem;color:var(--ink)}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:13px;margin-bottom:20px}.metric-grid.compact{grid-template-columns:repeat(4,minmax(140px,1fr))}.metric-card{padding:16px}.metric-card span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:7px}.metric-card strong{font-size:1.7rem;color:var(--navy)}.admin-split{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(500px,1.3fr);gap:20px;align-items:start}.list-stack{display:grid;gap:10px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--line);border-radius:12px;padding:14px}.list-item h3,.list-item p{margin-bottom:4px}.table-wrap{overflow:auto}.table-tall{max-height:600px}table{width:100%;border-collapse:collapse;font-size:.84rem}th{text-align:left;color:#526176;background:#f7f9fc;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0}th,td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}.center{text-align:center}.search-bar,.inline-form{display:flex;align-items:end;gap:12px}.search-bar label{min-width:220px}.search-bar .grow{flex:1}.empty-state{text-align:center;padding:50px 24px;grid-column:1/-1}.error-state{text-align:center;padding:60px 20px}.error-code{font-size:4rem;font-weight:900;color:var(--magenta)}.operation-heading{align-items:center}.back-link{display:inline-block;margin-bottom:8px}.operator-state{display:flex;align-items:center;gap:8px}.operator-state select{width:auto;min-width:150px}.status-badge{padding:9px 13px;border-radius:999px;font-weight:900;font-size:.75rem;letter-spacing:.05em}.status-operator{background:#dcfce7;color:#166534}.operation-app{max-width:1300px;margin:auto}.queue-idle{text-align:center;padding:50px}.queue-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:#e9f6fc;color:var(--blue);font-size:2rem}.operation-columns{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:20px}.contact-title{display:flex;align-items:start;justify-content:space-between;gap:12px}.contact-title h2{font-size:1.45rem}.contact-data{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:16px 0}.contact-data div{padding:11px 5px;border-bottom:1px solid var(--line)}.contact-data dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.contact-data dd{margin:5px 0 0;font-weight:750}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.action-grid .button-secondary{grid-column:1/-1}.script-text{white-space:pre-wrap;line-height:1.65;max-height:630px;overflow:auto;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:18px}.result-panel{margin-top:20px}.disposition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:15px}.disposition-option input{position:absolute;opacity:0}.disposition-option span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;border:1px solid #cbd5e1;border-radius:11px;padding:9px;background:#fff}.disposition-option input:checked+span{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 0 0 3px rgba(38,59,120,.12)}#dispositionForm{display:grid;gap:14px}.validation-error,.validation-warning,.validation-ok{display:block;font-size:.72rem;margin-bottom:3px}.validation-error{color:#be123c}.validation-warning{color:#a16207}.validation-ok{color:#047857}.contact-admin-list{display:grid;gap:12px}.contact-admin-card{padding:0}.contact-admin-card summary{list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:17px 20px;cursor:pointer}.contact-admin-card summary::-webkit-details-marker{display:none}.contact-admin-card summary small{display:block;margin-top:5px}.contact-admin-card[open] summary{border-bottom:1px solid var(--line)}.contact-admin-card form{margin:17px 20px}.attendance-grid{display:grid;gap:13px}.attendance-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.attendance-card h2{margin-bottom:5px}.attendance-card p{color:var(--muted);margin-bottom:10px}.attendance-done{color:var(--green);font-weight:900;text-align:right}.audit-json{display:block;max-width:420px;white-space:pre-wrap;word-break:break-word;font-size:.72rem}.guest-body{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(13,159,218,.14),transparent 35%),radial-gradient(circle at bottom right,rgba(169,31,104,.12),transparent 35%),#eef2f8}.guest-card,.install-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(23,38,84,.14);padding:34px}.install-card{width:min(620px,100%)}.guest-logo{display:block;width:min(320px,90%);height:120px;object-fit:contain;margin:0 auto 22px}.auth-panel h1{text-align:center}.auth-panel>p{text-align:center}.auth-panel .eyebrow{text-align:center}.install-card h1{text-align:center}
@media(max-width:1100px){.topbar{flex-wrap:wrap}.nav-toggle{display:block;margin-left:auto}.main-nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:10px}.user-menu{margin-left:auto}.metric-grid{grid-template-columns:repeat(3,1fr)}.admin-split,.operation-columns{grid-template-columns:1fr}}
@media(max-width:720px){.page-shell{width:min(100% - 20px,1480px);padding-top:18px}.topbar{padding:7px 11px;gap:9px}.brand span,.user-menu>span{display:none}.brand img{width:48px}.page-header,.operation-heading{align-items:stretch;flex-direction:column}.operator-state{flex-wrap:wrap}.operator-state select{flex:1}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.metric-grid,.metric-grid.compact{grid-template-columns:repeat(2,1fr)}.search-bar{flex-direction:column;align-items:stretch}.search-bar label{min-width:0}.mini-metrics{grid-template-columns:1fr}.action-grid,.contact-data{grid-template-columns:1fr}.action-grid .button-secondary{grid-column:auto}.disposition-grid{grid-template-columns:repeat(2,1fr)}.attendance-card{align-items:stretch;flex-direction:column}.attendance-card form,.attendance-card .button{width:100%}.attendance-done{text-align:left}.guest-card,.install-card{padding:24px 20px}.guest-logo{height:100px}}
