:root{--bg:#f4f7fb;--card:#fff;--text:#152033;--muted:#6e7b90;--line:#e5eaf1;--primary:#1478ff;--primary2:#0f5fd0;--green:#19a85b;--red:#d64747;--orange:#f59e0b;--nav:#111c2a;--nav2:#18283a;--shadow:0 12px 30px rgba(27,43,67,.08);font-family:"Segoe UI",Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:12px;padding:11px 13px;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#9fc6ff;box-shadow:0 0 0 3px rgba(20,120,255,.1)}textarea{resize:vertical;line-height:1.7}label{display:block;font-weight:600;margin:0 0 12px}label input,label select,label textarea{margin-top:7px}.ltr{direction:ltr;text-align:right}.muted{color:var(--muted)}.full{width:100%;justify-content:center}.narrow{max-width:720px}.span2{grid-column:span 2}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.table-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.card{padding:20px}.table-card{overflow:auto}.card h2{margin:0 0 16px;font-size:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.card-head h2{margin:0}.card-head span,.card-head a{color:var(--muted);font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--text);padding:10px 14px;font-weight:700;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(20,50,90,.08)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary2)}.btn.whatsapp{background:#14b85c;border-color:#14b85c;color:#fff}.btn.next{background:#eef8f2;border-color:#cdebd9;color:#11763f}.btn.small{padding:7px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.link{border:0;background:none;cursor:pointer;padding:0}.danger-text{color:var(--red)}.alert{border-radius:13px;padding:12px 15px;margin:0 0 16px;border:1px solid transparent}.alert.success{background:#ecf9f1;border-color:#c8ecd6;color:#177944}.alert.danger{background:#fff0f0;border-color:#f5cece;color:#9b2828}.alert.warning{background:#fff8e9;border-color:#f3ddae;color:#855d00}.install-body{min-height:100vh;background:radial-gradient(circle at top right,#17314f 0,#101a28 38%,#0c141e 100%);display:grid;place-items:center;padding:28px}.install-shell{width:min(820px,100%)}.install-card{background:#fff;border-radius:24px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.login-card{max-width:470px;margin:auto}.install-card h1{margin:10px 0 6px}.brand-mark{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#0e7bff,#43a2ff);color:#fff;font-weight:800;font-size:20px;box-shadow:0 10px 24px rgba(20,120,255,.28)}.brand-mark.small{width:42px;height:42px;border-radius:12px;font-size:14px}.section-title{font-size:16px;font-weight:800;padding-top:6px}.install-notes,.callout{margin-top:18px;border:1px solid var(--line);background:#f7f9fc;border-radius:14px;padding:13px 14px;color:var(--muted);line-height:1.7}.callout b{color:var(--text)}.callout.warning{background:#fff9ed;border-color:#f3dfb4}.app-shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.sidebar{background:linear-gradient(180deg,var(--nav),#0d1722);color:#dbe6f2;padding:18px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:30}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:4px 6px 20px}.sidebar-brand b{display:block;color:#fff;font-size:15px}.sidebar-brand small,.sidebar-foot small{display:block;color:#8498ad;margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{color:#b8c5d3;padding:11px 12px;border-radius:11px;display:flex;align-items:center;gap:11px;font-weight:650}.sidebar nav a span{width:20px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#1478ff,#1d89ff);color:#fff}.sidebar-foot{margin-top:auto;padding:15px 7px 3px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-foot b{color:#fff}.sidebar-foot a{color:#ffb3b3;font-size:12px}.main{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 220px 1fr auto;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:20}.menu-toggle{display:none;border:0;background:#eef3f8;border-radius:10px;padding:9px 11px}.country-switch select{margin:0;background:#f8fafc}.top-title b{display:block;font-size:16px}.top-title small{color:var(--muted)}.user-chip{display:flex;align-items:center;gap:10px}.user-chip>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:var(--primary);font-weight:800}.user-chip b{display:block}.user-chip small{display:block;color:var(--muted);font-size:11px}.content{padding:22px}.hero{background:linear-gradient(125deg,#0f1d2b,#18375b 68%,#1763b8);color:#fff;border-radius:22px;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow);margin-bottom:18px}.hero h1{font-size:28px;margin:4px 0 8px}.hero p{margin:0;color:#cbd8e6}.eyebrow{font-size:11px;letter-spacing:1.6px;color:#8fd1ff}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(27,43,67,.05)}.kpi span,.kpi small{display:block;color:var(--muted)}.kpi b{display:block;font-size:26px;margin:6px 0}.danger-lite{background:#fffafa}.dashboard-grid{align-items:stretch}.bar-list{display:flex;flex-direction:column;gap:13px}.bar-list>div{display:grid;grid-template-columns:130px 1fr 45px;gap:10px;align-items:center}.bar-list i{height:8px;border-radius:20px;background:linear-gradient(90deg,var(--primary) var(--w),#edf1f6 var(--w));display:block}.bar-list b{text-align:left}.workflow{list-style:none;padding:0;margin:0;display:grid;gap:14px}.workflow li{display:flex;align-items:center;gap:12px}.workflow li>b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:var(--primary)}.workflow strong,.workflow small{display:block}.workflow small{color:var(--muted);margin-top:3px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.page-head h1{margin:0 0 5px;font-size:25px}.page-head p{margin:0;color:var(--muted)}.back{display:inline-block;margin-bottom:8px;color:var(--muted)}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:16px;padding:14px}.filters input,.filters select{margin:0}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}th{font-size:12px;color:#5f6f83;background:#f8fafc;white-space:nowrap}td small{display:block;color:var(--muted);margin-top:4px}.empty{text-align:center;color:var(--muted);padding:30px}.status,.consent,.pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#eef3f8;color:#536273;white-space:nowrap}.s-new{background:#edf5ff;color:#176bd4}.s-opened{background:#fff6df;color:#946200}.s-sent,.s-active{background:#e8f8ef;color:#157944}.s-replied{background:#f1edff;color:#6338b5}.s-interested{background:#e6fbf5;color:#0d8068}.s-not_interested,.s-do_not_contact,.s-failed{background:#fff0f0;color:#a62d2d}.s-follow_up,.s-draft{background:#fff4e7;color:#a55c00}.c-opted_in{background:#e8f8ef;color:#157944}.c-opted_out,.c-restricted{background:#fff0f0;color:#a62d2d}.pagination{display:flex;justify-content:center;gap:7px;margin:18px}.pagination a{width:34px;height:34px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--text)}.pagination a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.lead-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:18px}.lead-info{grid-row:span 2}.lead-info dl{display:grid;grid-template-columns:110px 1fr;margin:0}.lead-info dt,.lead-info dd{padding:9px 0;border-bottom:1px dashed var(--line);margin:0}.lead-info dt{color:var(--muted)}.note-box{background:#f8fafc;padding:12px;border-radius:12px;margin-top:15px;color:#5d6a7b;line-height:1.7}.contact-actions{display:flex;gap:8px;flex-wrap:wrap}.contact-actions form{margin:0}.contact-panel hr{border:0;border-top:1px solid var(--line);margin:18px 0}.cooldown{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff5e8;border:1px solid #f0d3a6;border-radius:14px;padding:14px;margin-top:14px;color:#815600}.cooldown b{font-size:24px}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.outcomes label{margin:0}.outcomes input{display:none}.outcomes span{display:block;text-align:center;padding:9px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.outcomes input:checked+span{background:#edf5ff;border-color:#8ebeff;color:#176bd4}.history{grid-column:2}.timeline{display:flex;gap:11px;padding:9px 0;border-bottom:1px solid var(--line)}.timeline i{width:9px;height:9px;border-radius:50%;background:var(--primary);margin-top:5px}.timeline b,.timeline small{display:block}.timeline small{color:var(--muted);margin-top:3px}.timeline p{margin:5px 0 0}.mapping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview-table{overflow:auto;border:1px solid var(--line);border-radius:12px;margin:15px 0}.preview-table table{min-width:1100px;font-size:12px}.dropzone{border:2px dashed #b9c8da;border-radius:16px;padding:26px;text-align:center;color:var(--muted);background:#fafcff}.dropzone input{margin-top:12px}.import-row,.template-item,.campaign-item,.user-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.import-row small,.template-item small,.campaign-item small,.user-row small{display:block;color:var(--muted);margin-top:4px}.import-row>div:last-child,.campaign-item>div:last-child{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pill{margin-right:4px}.pill.bad{background:#fff0f0;color:#a62d2d}.template-item p{white-space:pre-wrap;color:#4c5a6b;line-height:1.65}.template-item.disabled{opacity:.55}.campaign-item form{display:inline}.menu-open .sidebar{transform:translateX(0)!important}
@media(max-width:1180px){.kpis{grid-template-columns:repeat(3,1fr)}.lead-layout{grid-template-columns:1fr}.lead-info,.history{grid-row:auto;grid-column:auto}}
@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;right:0;transform:translateX(105%);transition:.22s;width:255px}.topbar{grid-template-columns:auto 1fr auto;height:auto;padding:10px 14px}.menu-toggle{display:block}.country-switch{grid-column:1/-1;grid-row:2}.top-title{display:none}.content{padding:14px}.grid.two,.kpis{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.filters{grid-template-columns:1fr}.mapping-grid{grid-template-columns:1fr}.outcomes{grid-template-columns:repeat(2,1fr)}.user-chip div{display:none}.span2{grid-column:auto}}
@media(max-width:520px){.hero{padding:20px}.hero h1{font-size:22px}.page-head{align-items:flex-start;flex-direction:column}.install-card{padding:22px}.bar-list>div{grid-template-columns:92px 1fr 35px}}
.role-stack{display:flex;flex-direction:column;gap:14px}.role-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfcfe}.role-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.role-title code{font-size:11px;background:#eef3f8;padding:4px 7px;border-radius:7px;color:#5e6b7d}.perm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px}.perm-grid label{margin:0;display:flex;gap:8px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff;font-weight:600}.perm-grid input{width:auto;margin:3px 0 0}.perm-grid span{display:block}.perm-grid small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.country-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.country-row small{display:block;color:var(--muted);margin-top:4px}@media(max-width:860px){.perm-grid{grid-template-columns:1fr}}
/* Phase 1.1 — Production / Data Quality / Assignment Authority */
.grid.compact{gap:10px}.grid.compact label{margin-bottom:0}.quality-score{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850}.quality-score.q-good{background:#e8f8ef;color:#157944}.quality-score.q-mid{background:#fff4e7;color:#9a5a00}.quality-score.q-bad{background:#fff0f0;color:#a62d2d}.quality-kpis{margin-top:4px}.duplicate-row{padding:11px 0;border-bottom:1px solid var(--line)}.duplicate-row small{display:block;color:var(--muted);margin-top:4px}.merge-form{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.team-picker{margin:14px 0}.team-picker>b{display:block;margin-bottom:8px}.agent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.agent-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfcfe}.agent-card>b,.agent-card>small,.agent-card>span{display:block}.agent-card>small,.agent-card>span{color:var(--muted);margin-top:3px}.agent-card>strong{display:block;font-size:28px;margin:10px 0 0}.agent-card form{margin-top:12px}.production-badge{display:inline-flex;padding:8px 13px;border-radius:999px;font-weight:900;letter-spacing:.6px}.p-pass{background:#e8f8ef;color:#157944}.p-warning{background:#fff4e7;color:#9a5a00}.p-fail{background:#fff0f0;color:#a62d2d}.check-list{display:flex;flex-direction:column}.check-row{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.check-row:last-child{border-bottom:0}.check-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900}.c-pass{background:#e8f8ef;color:#157944}.c-warning{background:#fff4e7;color:#9a5a00}.c-fail{background:#fff0f0;color:#a62d2d}.check-row b{display:block}.check-row p{margin:4px 0;color:#4f5c6d}.check-row small{display:block;color:var(--muted);line-height:1.6}.btn.danger{background:#fff0f0;border-color:#f1bebe;color:#a62d2d}.card code{background:#eef3f8;border-radius:6px;padding:2px 5px}
@media(max-width:1180px){.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.agent-grid{grid-template-columns:1fr}.quality-kpis{grid-template-columns:1fr}}
/* Phase 1.2 — Agent Workspace & Follow-up Authority */
.progress{height:32px;background:#fff;border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden;margin:12px 0 18px}.progress i{position:absolute;inset:0 auto 0 0;width:var(--w);background:#e7f1ff}.progress span{position:relative;z-index:1;height:100%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#526274}.session-state{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:850}.ss-active{background:#e8f8ef;color:#157944}.ss-paused{background:#fff4e7;color:#9a5a00}.session-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 16px}.session-meta>div{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fbfcfe}.session-meta small,.session-meta b{display:block}.session-meta small{color:var(--muted);margin-bottom:4px}.checkline{display:flex!important;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfcfe}.checkline input,.mini-check input{width:auto;margin:0}.follow-row,.saved-filter{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--text)}.follow-row small,.saved-filter small{display:block;color:var(--muted);margin-top:4px}.follow-row.overdue{color:#a62d2d}.saved-filter>div:last-child{display:flex;gap:6px}.saved-filter form{margin:0}.workspace-shell{max-width:1500px;margin:0 auto}.workspace-top{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}.workspace-top h1{margin:2px 0 5px}.workspace-top p{margin:0;color:var(--muted)}.workspace-top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.7fr);gap:16px}.workspace-contact{grid-column:1}.workspace-info{grid-column:2;grid-row:1 / span 2}.workspace-outcome{grid-column:1}.workspace-notes{grid-column:2}.workspace-history{grid-column:1 / -1}.workspace-info dl{display:grid;grid-template-columns:95px 1fr;margin:0}.workspace-info dt,.workspace-info dd{margin:0;padding:8px 0;border-bottom:1px dashed var(--line)}.workspace-info dt{color:var(--muted)}.workspace-info h3{font-size:14px;margin-top:18px}.phone-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.phone-row small{display:block;color:var(--muted);margin-top:3px}.mini-check{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);font-weight:600;margin:0}.send-row{display:grid;grid-template-columns:180px 1fr;gap:10px;align-items:end}.send-row label{margin:0}.workspace-outcomes{grid-template-columns:repeat(4,1fr)}kbd{font:inherit;font-size:9px;background:#fff;border:1px solid #cbd4df;border-radius:5px;padding:1px 4px;margin-inline-start:4px;color:#69788b}.follow-task{margin-top:12px;padding:12px;border:1px solid #f0d3a6;background:#fff8ed;border-radius:12px}.follow-task small{display:block;color:var(--muted);margin-top:4px}.follow-task p{margin:7px 0 0}.note-entry{padding:11px 0;border-bottom:1px solid var(--line)}.note-entry b,.note-entry small{display:block}.note-entry small{color:var(--muted);margin-top:3px}.note-entry p{margin:6px 0 0;line-height:1.7}.segmented,.follow-tabs{display:flex;gap:6px;flex-wrap:wrap}.segmented a,.follow-tabs a{padding:8px 11px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:#fff}.segmented a.active,.follow-tabs a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.follow-tabs{margin-bottom:14px}.follow-tabs a b{margin-inline-start:5px}.row-overdue td{background:#fffafa}.live-agent{position:relative}.live-dot{position:absolute;left:12px;top:12px;width:9px;height:9px;border-radius:50%}.live-dot.on{background:#20a46b;box-shadow:0 0 0 4px #e8f8ef}.live-dot.pause{background:#d18b22;box-shadow:0 0 0 4px #fff4e7}.activity-feed{display:flex;flex-direction:column}.activity-feed a{display:grid;grid-template-columns:160px 1fr 150px;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--text)}.activity-feed small{color:var(--muted);text-align:left}.bulk-bar{position:sticky;bottom:10px;z-index:5;margin:12px 0;padding:12px 14px;border:1px solid #bcd4f1;background:#f4f9ff;border-radius:14px;display:grid;grid-template-columns:1fr 260px auto;gap:12px;align-items:center;box-shadow:0 8px 30px rgba(34,67,105,.10)}.bulk-bar small{display:block;color:var(--muted);margin-top:3px}.bulk-bar select{margin:0}.s-converted{background:#def8eb;color:#08764b}.s-lost{background:#f4f0f0;color:#7a5454}
@media(max-width:1100px){.workspace-grid{grid-template-columns:1fr}.workspace-contact,.workspace-info,.workspace-outcome,.workspace-notes,.workspace-history{grid-column:1;grid-row:auto}.workspace-outcomes{grid-template-columns:repeat(2,1fr)}.bulk-bar{grid-template-columns:1fr}.activity-feed a{grid-template-columns:120px 1fr}.activity-feed small{grid-column:2;text-align:right}.session-meta{grid-template-columns:1fr}}
@media(max-width:620px){.workspace-top{align-items:flex-start;flex-direction:column}.send-row{grid-template-columns:1fr}.workspace-outcomes{grid-template-columns:1fr}.bulk-bar{position:static}}
/* Phase 1.2.1 — Native ENV & Production Closure */
.sidebar nav{overflow-y:auto;padding-inline-end:2px}.nav-section{color:#70859b;font-size:10px;font-weight:800;letter-spacing:.7px;padding:13px 12px 5px}.nav-section:first-child{padding-top:2px}.onboarding-card{margin-bottom:18px}.onboarding-card .card-head>div h2{margin-bottom:4px}.onboarding-card .card-head strong{font-size:24px;color:var(--primary)}.onboarding-progress{height:8px;background:#edf1f6;border-radius:20px;overflow:hidden;margin:4px 0 16px}.onboarding-progress i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#1478ff,#46a1ff);border-radius:20px}.onboarding-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.onboarding-step{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:13px;padding:12px;color:var(--text);background:#fbfcfe}.onboarding-step>span{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:var(--primary);font-weight:900}.onboarding-step b,.onboarding-step small{display:block}.onboarding-step small{color:var(--muted);margin-top:4px;line-height:1.45}.onboarding-step.done{background:#f3fbf6;border-color:#d2ecdc}.onboarding-step.done>span{background:#dff5e8;color:#157944}.prod-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.prod-meta span{display:block;padding:11px;border:1px solid var(--line);border-radius:11px;background:#fbfcfe;color:var(--muted)}.prod-meta b{display:block;color:var(--text);margin-top:5px}.secret-control{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center;margin-top:7px}.secret-control input{margin:0;direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.cron-preview{border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:#f8fafc;margin:12px 0}.cron-preview small{display:block;color:var(--muted);margin-bottom:6px}.cron-preview code{display:block;direction:ltr;text-align:left;overflow-wrap:anywhere}.production-tools{margin-top:18px}
@media(max-width:1180px){.onboarding-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.onboarding-steps{grid-template-columns:1fr}.prod-meta{grid-template-columns:1fr}.secret-control{grid-template-columns:1fr 1fr}.secret-control input{grid-column:1/-1}}

/* Phase 1.2.2 — Sidebar Navigation & UI Spacing Authority */
:root{--ui-space-1:6px;--ui-space-2:10px;--ui-space-3:14px;--ui-space-4:18px;--ui-space-5:24px;--ui-space-6:30px}
.app-shell{grid-template-columns:272px minmax(0,1fr)}
.sidebar{padding:14px 12px 12px;overflow:hidden;box-shadow:-10px 0 30px rgba(6,18,31,.08)}
.sidebar-brand{flex:0 0 auto;padding:5px 7px 15px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-brand .brand-mark{box-shadow:0 8px 22px rgba(20,120,255,.22)}
.sidebar-nav{flex:1;min-height:0;overflow-y:auto!important;overflow-x:hidden;padding:4px 3px 12px!important;display:block!important;scrollbar-width:thin;scrollbar-color:rgba(151,176,201,.35) transparent;overscroll-behavior:contain}
.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(151,176,201,.28);border-radius:999px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(151,176,201,.45)}
.nav-group{margin:0 0 8px;border:1px solid transparent;border-radius:13px;overflow:hidden;transition:border-color .18s,background .18s}
.nav-group.open{border-color:rgba(255,255,255,.065);background:rgba(255,255,255,.025)}
.nav-group-toggle{width:100%;border:0;background:transparent;color:#cbd7e4;padding:10px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:11px;cursor:pointer;font-weight:800;text-align:right;transition:.18s}
.nav-group-toggle:hover{background:rgba(255,255,255,.055);color:#fff}
.nav-group-title{display:flex;align-items:center;gap:10px;min-width:0}.nav-group-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.055);color:#92c8ff;font-size:12px;flex:0 0 auto}.nav-chevron{color:#71879d;font-size:15px;line-height:1;transition:transform .2s,color .2s}.nav-group.open .nav-chevron{transform:rotate(180deg);color:#b9d8f7}
.nav-group-items{max-height:0;opacity:0;overflow:hidden;padding:0 4px;transition:max-height .26s ease,opacity .18s ease,padding .2s ease}.nav-group.open .nav-group-items{max-height:460px;opacity:1;padding:3px 4px 7px}
.sidebar .sidebar-nav a{position:relative;color:#9fb0c1;padding:9px 10px;margin:2px 0;border-radius:10px;display:flex;align-items:center;gap:10px;font-weight:650;font-size:13px;min-height:39px;background:transparent!important;box-shadow:none!important;transform:none!important}
.sidebar .sidebar-nav a:hover{background:rgba(255,255,255,.055)!important;color:#eef7ff}.sidebar .sidebar-nav a.active{background:linear-gradient(90deg,rgba(20,120,255,.92),rgba(29,137,255,.82))!important;color:#fff;box-shadow:0 8px 20px rgba(0,89,209,.20)!important}
.sidebar .sidebar-nav a.active:before{content:"";position:absolute;right:0;top:9px;bottom:9px;width:3px;border-radius:999px;background:#fff}.nav-item-icon{width:20px!important;height:20px;display:grid!important;place-items:center!important;flex:0 0 20px;font-size:12px}.nav-item-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-foot{flex:0 0 auto;margin-top:8px;padding:11px 9px 6px;border-top:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;background:linear-gradient(180deg,rgba(13,23,34,.15),rgba(13,23,34,.72));border-radius:12px}
.sidebar-user{display:flex;align-items:center;gap:9px;min-width:0}.sidebar-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#1b334b;color:#cfe7ff;font-weight:900;flex:0 0 auto}.sidebar-user>div{min-width:0}.sidebar-user b{display:block;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.sidebar-user small{display:block;margin-top:2px!important;color:#8094a8!important;font-size:10px}.sidebar-logout{display:inline-flex;align-items:center;gap:5px;color:#ffb4b4!important;background:rgba(214,71,71,.08);border:1px solid rgba(214,71,71,.15);border-radius:9px;padding:7px 8px;font-size:11px;white-space:nowrap}.sidebar-logout:hover{background:rgba(214,71,71,.15);color:#ffd1d1!important}
.sidebar-backdrop{display:none}
.content{padding:24px 26px 34px}.page-head{margin-bottom:22px;align-items:center}.page-head h1{line-height:1.25}.card{padding:22px}.card h2{margin-bottom:18px}.grid{gap:20px}.grid.compact{gap:16px 14px}.grid.compact label{margin-bottom:0}.grid+.table-card,.card+.table-card,.table-card+.card{margin-top:20px}.table-card{border-radius:16px}
label{margin-bottom:16px}label input,label select,label textarea{margin-top:8px}.card form>label:last-of-type+.btn,.card form>.grid+.btn,.card form>.perm-grid+.btn,.card form>.team-picker+.btn,.merge-form>.btn{margin-top:14px}.merge-form{margin-top:22px;padding-top:20px}.merge-form .grid{margin-bottom:2px}.merge-form>.btn{margin-top:16px}
.card .callout{margin-top:22px}.production-tools{margin-top:20px}.production-tools .card>p.muted{margin:0 0 16px;line-height:1.75}.production-tools .contact-actions{margin-top:18px;gap:10px}.prod-meta{margin:15px 0 4px}.secret-control{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;margin-top:9px}.secret-control input{margin:0}.cron-preview{margin:15px 0 12px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.cron-preview small{display:block;margin-bottom:7px;color:var(--muted)}.cron-preview code{display:block;overflow-wrap:anywhere;line-height:1.65}.production-tools .inline-form{display:inline-flex;margin:10px 8px 0 0}.production-tools>.card>.btn{margin-top:2px}.production-tools>.card>.muted:last-child{display:block;margin-top:12px;line-height:1.65}
.check-row{padding:16px 0}.check-row p{line-height:1.7}.quality-kpis{margin-top:0;margin-bottom:20px}.duplicate-row{padding:13px 0}.role-card{padding:16px}.perm-grid{gap:9px;margin-bottom:16px}.perm-grid label{padding:10px}.country-row,.user-row{padding:15px 0}
.btn{min-height:40px}.btn.small{min-height:34px}.btn.danger{box-shadow:none}.btn.danger:hover{background:#ffe8e8;border-color:#eda9a9}.page-head form{margin:0}.page-head .btn{min-height:42px}
@media(max-width:1180px){.app-shell{grid-template-columns:258px minmax(0,1fr)}.content{padding:22px}.sidebar{padding-inline:10px}}
@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;right:0;top:0;bottom:0;width:min(286px,88vw);height:100dvh;transform:translateX(105%);transition:transform .22s ease;padding:13px 11px;box-shadow:-24px 0 60px rgba(0,0,0,.28)}.menu-open .sidebar{transform:translateX(0)!important}.sidebar-backdrop{display:block;position:fixed;inset:0;border:0;background:rgba(4,12,22,.48);opacity:0;pointer-events:none;z-index:29;transition:opacity .2s}.menu-open .sidebar-backdrop{opacity:1;pointer-events:auto}.sidebar-foot{padding-bottom:max(7px,env(safe-area-inset-bottom))}.content{padding:16px}.page-head{margin-bottom:18px}.secret-control{grid-template-columns:1fr 1fr}.secret-control input{grid-column:1/-1}.production-tools .inline-form{display:flex;margin:10px 0 0}.production-tools .inline-form .btn{width:100%}}
@media(max-width:520px){.card{padding:17px}.content{padding:12px}.grid{gap:14px}.page-head{gap:12px}.page-head .btn{width:100%}.page-head form{width:100%}.merge-form>.btn{width:100%}.sidebar-brand{padding-bottom:12px}.nav-group-toggle{padding:9px}.sidebar .sidebar-nav a{padding:9px}}
/* Phase 1.2.2 small corrections */
.nav-item-label{width:auto!important;flex:1 1 auto}.page-head{flex-wrap:wrap}.page-head>div{min-width:0}