/* Paylink Studio · Cards, 2026. Shared presentation for both workspaces. */
.task-item{content-visibility:auto;contain-intrinsic-size:0 230px}.proxy-pool-secondary{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.proxy-pool-secondary textarea{min-height:92px}.proxy-pool-secondary small{font-size:11px;color:var(--muted)}
:root{color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface-soft:#f8fafd;--text:#25334d;--muted:#6d7b93;--faint:#8391a7;--border:#e7ecf4;--border-strong:#d2daea;--primary:#506deb;--primary-hover:#3b55cb;--primary-soft:#edf1ff;--success:#18a67f;--success-text:#178367;--danger:#d26479;--warning:#d89d43;--shadow:0 4px 18px rgb(30 51 87 / 3%);font-family:Inter,'Segoe UI','PingFang SC','Microsoft YaHei',system-ui,sans-serif;font-synthesis:none;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-size:13px;line-height:1.6}[hidden]{display:none!important}::selection{background:#dce5ff;color:#1c3e89}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}button,a{touch-action:manipulation}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b1bff7;outline-offset:3px}button,a,input,select,textarea{transition:background .16s,border-color .16s,box-shadow .16s,color .16s}svg{display:block;width:20px;height:20px;flex-shrink:0}.icon,.nav-icon,.icon-box svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.4;letter-spacing:-.8px;font-weight:700}h2{font-size:16px;letter-spacing:-.2px;font-weight:650}h3{font-size:13px;font-weight:650}strong,b{font-weight:650}small{font-size:12px;color:var(--muted)}code,textarea,.admin-cdk-code{font-family:'Cascadia Code','SFMono-Regular',Consolas,'Microsoft YaHei',monospace}.skip-link{position:fixed;top:8px;left:8px;z-index:100;transform:translateY(-150%);padding:10px 18px;border-radius:10px;color:#fff;background:var(--primary)}.skip-link:focus{transform:translateY(0)}

/* Layout */
.app-layout,.workspace-layout{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100vh}.sidebar,.workspace-sidebar{width:216px;position:fixed;inset:0 auto 0 0;z-index:30;background:#fff;border-right:1px solid var(--border);padding:30px 18px 22px;display:flex;flex-direction:column}.sidebar-brand,.workspace-brand{color:var(--text);display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:750;letter-spacing:-.7px;padding:0 9px;margin-bottom:44px;line-height:1.3}.sidebar-brand:hover,.workspace-brand:hover{color:var(--text)}.brand-mark{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;background:var(--primary);color:#fff;border-radius:11px;box-shadow:0 5px 12px #506deb22}.brand-mark svg{width:22px;height:22px}.brand-subtitle,.brand-copy small{display:block;color:#7d8ba2;margin-top:5px;font-size:11px;letter-spacing:.3px;font-weight:450}.brand-copy b{font-size:17px;font-weight:700}.brand-copy b span{margin-left:4px;color:#91a0b8;font-weight:450;font-size:13px}.nav-caption,.sidebar-label{color:#7d8ba2;font-size:12px;font-weight:600;letter-spacing:1px;padding:0 13px;margin:0 0 12px}.sidebar-nav,.workspace-nav{display:grid;gap:8px}.nav-link{min-height:44px;padding:0 13px;border-radius:9px;display:flex;align-items:center;gap:11px;color:#718098;font-size:12px;font-weight:500;white-space:nowrap}.nav-link:hover{color:var(--primary);background:#f7f9ff}.nav-link.active,.nav-link.is-active{background:var(--primary-soft);color:var(--primary);font-weight:650}.nav-link svg{width:17px;height:17px}.nav-count{margin-left:auto;background:#fff;color:var(--primary);border-radius:5px;padding:0 6px;font-size:11px}.sidebar-bottom{margin-top:auto;display:grid;gap:14px;padding-top:30px}.sidebar-note{padding:16px;border:1px solid #e8edf8;background:#f9faff;border-radius:12px}.sidebar-note svg{color:#879adc;margin-bottom:10px}.sidebar-note strong{font-size:12px;display:block;margin-bottom:6px;color:#6a7b98}.sidebar-note p{font-size:12px;line-height:1.9;color:#74839d}.sidebar-copyright,.sidebar-bottom>p{color:#a4aec0;font-size:11px;letter-spacing:1px;padding:0 12px}.sidebar-bottom>p span{display:block;margin-top:4px}.workspace,.workspace-main{grid-column:2;min-width:0}.workspace-header{height:72px;background:#fff;border-bottom:1px solid var(--border);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.workspace-breadcrumb,.header-breadcrumb{font-size:12px;color:#7887a0;display:flex;align-items:center;gap:11px}.workspace-breadcrumb strong,.header-breadcrumb strong{color:#62728c;font-weight:500}.header-breadcrumb>span{color:#c4cbda}.header-actions{display:flex;align-items:center;gap:18px}.admin-timezone{color:#9ba6b9;font-size:12px}.admin-avatar{width:31px;height:31px;border-radius:50%;background:#edf1fb;color:#7d92c7;font-size:12px;font-weight:700;display:grid;place-items:center}.workspace-content{max-width:1440px;padding:32px 36px;margin:0 auto}.page-heading,.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-kicker,.section-kicker{margin-bottom:7px;color:#9ba8c0;font-size:11px;font-weight:600;letter-spacing:1.6px}.page-heading .page-kicker,.page-intro>.page-kicker{color:#8c9bc3}.page-description{margin-top:8px;color:#74829a;font-size:12px}.heading-dot,.intro-dot{color:#6c88ee;margin-left:2px}.page-date{color:#99a7bd;font-size:12px;white-space:nowrap}.service-state,.dashboard-live{display:inline-flex;gap:7px;align-items:center;color:#8997ac;font-size:12px;white-space:nowrap}.service-state span,.dashboard-live>span{width:6px;height:6px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 3px #d89d4310}.service-state strong{font-weight:450}.service-state[data-state=online] span,.dashboard-live>span{background:var(--success);box-shadow:0 0 0 3px #18a67f10}.service-state[data-state=offline] span{background:var(--danger)}.site-footer,.workspace-footer{padding:30px 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#a7b1c1;font-size:12px}.workspace-footer{margin-top:12px}

/* Cards and forms */
.card,.section-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:23px}.card-heading,.card-header,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.card-subtitle{font-size:12px;color:var(--muted);margin-top:6px}.card-icon,.icon-box{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f0f3fb;color:#96a6cb;flex-shrink:0}.card-icon svg,.icon-box svg{width:18px;height:18px}.section-status,.ready-badge,.channel-summary{background:#f1f4fb;color:#8999b6;font-size:12px;border-radius:6px;padding:5px 9px;font-weight:500;white-space:nowrap}.start-button,.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 20px;color:#fff;background:var(--primary);border:1px solid var(--primary);border-radius:9px;font-size:12px;font-weight:550;box-shadow:0 3px 7px #506deb15}.start-button:hover:not(:disabled),.button-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.start-button svg{width:16px;height:16px}.button-secondary,.ghost-button,.batch-action-button,.result-card-actions button,.result-open,.admin-proxy-copy,.copy-email{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;background:#fff;color:#8492ab;border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:500}.button-secondary:hover:not(:disabled),.ghost-button:hover:not(:disabled),.batch-action-button:hover,.result-card-actions button:hover,.result-open:hover{border-color:#cbd5f6;background:#f8faff;color:var(--primary)}.stop-button,.danger-button{min-height:34px;border:1px solid #f1d9df;border-radius:8px;color:var(--danger);background:#fff8fa;padding:0 12px;font-size:12px}.stop-button:hover,.danger-button:hover{background:#ffeef3}label{color:#6a7b97;font-size:12px;font-weight:550}.text-input,input[type=text],input[type=number],input[type=search],select,textarea{width:100%;background:#fafbfe;color:#536683;border:1px solid #e5ebf4;border-radius:9px;outline:none}.text-input,input[type=text],input[type=number],select{min-height:41px;padding:0 12px}select{cursor:pointer;font-size:12px;padding-right:25px}textarea{padding:12px 13px;resize:vertical;min-height:126px;font-size:12px;line-height:1.85;display:block}textarea::placeholder,input::placeholder{color:#a5b1c5}input:focus,textarea:focus,select:focus{border-color:#a1b1f1;box-shadow:0 0 0 3px #506deb0c;background:#fff}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}.field+.field{margin-top:18px}.label-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.label-row>span{font-size:12px;color:#a0aec3;font-variant-numeric:tabular-nums}.field>small{display:block;margin-top:8px;font-size:12px;line-height:1.7}#cdk-note[data-state=valid]{color:var(--success-text)}#cdk-note[data-state=invalid]{color:var(--danger)}.form-message{padding:12px 15px;color:var(--danger);background:#fff3f6;border:1px solid #f5e0e7;border-radius:10px;font-size:12px;overflow-wrap:anywhere;margin:16px 0}.form-message[data-state=success],.form-message.is-success{color:var(--success-text);background:#edf9f4;border-color:#d6f0e5}

/* Client cards */
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px}.overview-card{min-height:143px;padding:20px 22px}.overview-label{display:flex;align-items:center;justify-content:space-between;color:#8190a8;font-size:12px}.overview-success .card-icon{color:#35ac8d;background:#ebf9f3}.overview-card:nth-child(2) .card-icon{color:#7f96ea;background:#eff2ff}.overview-card:nth-child(3) .card-icon{color:#d7a45d;background:#fff5e9}.overview-value{display:block;margin:2px 0 5px;font-size:32px;line-height:1.25;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums}.overview-card>p{font-size:12px;color:#74839b}#run-form{margin:0}.channel-section{margin-bottom:20px}.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0;padding:0;margin:0;min-width:0}.channel-card{position:relative;min-width:0;cursor:pointer}.channel-card>input{position:absolute;width:1px;height:1px;opacity:0}.channel-card-body{display:block;min-height:127px;padding:15px 16px;border:1px solid var(--border);border-radius:12px;background:#fff;transition:border-color .16s,background .16s,box-shadow .16s}.channel-card:hover .channel-card-body{border-color:#cbd6f7;background:#fcfdff}.channel-card input:checked+.channel-card-body{border-color:#9cacfa;background:#f8faff;box-shadow:0 0 0 1px #9cacfa1a}.channel-card input:focus-visible+.channel-card-body{outline:3px solid #b4c2f9;outline-offset:3px}.channel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.channel-logo{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#eef3ff;color:#486bcc}.channel-logo svg{width:20px;height:20px}.channel-gopay{background:#e9f8fd;color:#43b4d5}.channel-pix{background:#e8f8f3;color:#54b9a7}.channel-momo{background:#fdeff7;color:#be589b}.channel-gcash{background:#edf3ff;color:#5987e4}.channel-ideal{background:#fff0f7;color:#d773a6}.channel-upi{background:#fff5e9;color:#d9a15b}.channel-paypal{background:#edf2fb;color:#6a8fcd}.channel-channel_check{background:#f0f3f8;color:#96a5bd}.channel-card-body>strong{font-size:12px;color:#576883;font-weight:650}.channel-card-body>small{display:flex;justify-content:space-between;gap:5px;margin-top:4px;font-size:11px;color:#74839b;font-weight:400}.channel-card-body>small>span{font-size:10px;letter-spacing:.5px}.channel-check{width:15px;height:15px;border:1px solid #e3e8f2;border-radius:50%;color:transparent;display:grid;place-items:center}.channel-check svg{width:10px;height:10px;stroke-width:2.5}.channel-card input:checked+span .channel-check{background:var(--primary);border-color:var(--primary);color:#fff}.setup-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:20px;align-items:stretch}.credentials-card,.proxy-card{min-width:0}.credentials-card textarea{min-height:150px}.proxy-card textarea{min-height:132px}.field-tip{display:flex;align-items:center;gap:7px;padding-top:17px;font-size:12px;color:#74839b}.field-tip svg{width:14px;height:14px}.proxy-mode-switch{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.proxy-mode-switch label{position:relative;cursor:pointer}.proxy-mode-switch input{position:absolute;opacity:0;width:1px;height:1px}.proxy-mode-switch span{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:7px;background:#fff;color:#74839b;font-size:12px}.proxy-mode-switch span::before{content:'';width:10px;height:10px;border:1px solid #c6cee0;border-radius:50%}.proxy-mode-switch input:checked+span{color:#7a8ed5;border-color:#d4dcf7;background:#f7f9ff}.proxy-mode-switch input:checked+span::before{border:3px solid #8198e9}.proxy-mode-switch input:focus-visible+span{outline:2px solid #aebdfa;outline-offset:2px}.concurrency-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.concurrency-row small{display:block;font-size:11px;margin-top:4px}.concurrency-row input{width:72px;flex-shrink:0;text-align:center;font-variant-numeric:tabular-nums}.launch-card{margin-top:20px;padding:17px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.launch-description{display:flex;align-items:center;gap:11px}.launch-description strong{display:block;color:#7a89a4;font-size:12px;font-weight:550}.launch-description p{color:#a5afc0;font-size:12px;margin-top:4px}.launch-card .start-button{min-width:156px}.results-workspace,.activity-workspace{margin-top:30px}.empty-state,.admin-empty,.filter-empty{min-height:180px;padding:30px 20px;display:grid;align-content:center;justify-items:center;gap:9px;text-align:center;color:#99a6bb}.empty-state h3,.admin-empty strong{font-size:12px;color:#8797b1}.empty-state p,.admin-empty p{font-size:12px;color:#a7b3c5;max-width:440px}.empty-state-icon,.admin-empty-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#f0f4fc;color:#a9b9dc;margin-bottom:5px}.empty-state-icon svg{width:22px;height:22px}.text-link{display:inline-flex;align-items:center;gap:7px;color:#8da0da;font-size:12px;margin-top:6px}.text-link svg{width:13px;height:13px}.run-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:var(--muted);font-size:12px}.batch-progress{margin:16px 0}.batch-progress-head{display:flex;justify-content:space-between;font-size:12px;color:#8a9ab3;margin-bottom:9px}.progress-track{height:5px;background:#edf1f7;border-radius:8px;overflow:hidden}.progress-track>span{display:block;height:100%;background:var(--primary);border-radius:inherit;transition:width .25s}.progress-track[data-state=error]>span{background:var(--danger)}.batch-progress[data-state=done] .progress-track>span{background:var(--success)}.batch-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.result-filters{display:inline-flex;gap:3px;padding:4px;background:#edf1f8;border-radius:9px;margin-right:auto;flex-wrap:wrap}.result-filter{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:0;background:transparent;border-radius:6px;color:#74839b;font-size:12px}.result-filter strong{font-size:11px;color:inherit}.result-filter.is-active{background:#fff;color:var(--primary);box-shadow:0 1px 5px #233e6810}.batch-actions-hint{width:100%;color:var(--muted);font-size:12px}.task-list{display:grid;gap:16px}.task-item{padding:20px;border:1px solid #e6ebf3;border-radius:13px;background:#fff;min-width:0}.task-item.is-success{border-color:#d4ece3}.task-item[data-result-group=failed]{border-color:#efdce2}.task-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.task-head-main{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}.task-head-main strong{font-size:12px;overflow-wrap:anywhere}.copy-email{min-height:26px;padding:0 8px;font-size:12px}.task-success-badge,.task-state-badge{padding:3px 8px;border-radius:5px;color:var(--success-text);background:#eaf9f3;font-size:12px;white-space:nowrap}.task-state-badge.state-running,.task-state-badge.state-queued{color:#af934f;background:#fff7e8}.task-state-badge.state-error{color:var(--danger);background:#fff0f5}.task-state-badge.state-cancelled{color:#74839b;background:#f1f3f8}.process-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.process-step{display:flex;align-items:center;gap:7px;color:#b0b9ca;font-size:12px}.process-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f1f3f8;color:#adb9cd;font-size:12px;flex-shrink:0}.process-step.is-done{color:#549b86}.process-step.is-done .process-dot{background:#eaf8f2;color:#549b86}.process-step.is-current{color:#6d86d9}.process-step.is-current .process-dot{background:var(--primary);color:#fff;box-shadow:0 0 0 3px #edf1ff}.task-detail{color:#74839b;font-size:12px;margin-top:10px;overflow-wrap:anywhere}.task-detail.is-error{color:var(--danger)}.result-card{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:22px;padding:18px;border-radius:11px;background:#f7fbfa}.result-card-actions{display:flex;gap:8px;margin-bottom:14px}.result-card-actions button,.result-open{min-height:32px;background:#fff;color:#489781;border-color:#dbece5;font-size:12px}.result-link-block{display:grid;gap:5px;padding:10px 12px;background:#fff;border:1px solid #e0ede8;border-radius:8px}.result-link-block>span{font-size:12px;color:var(--muted)}.result-link-block a{font-size:12px;color:#579c8c;overflow-wrap:anywhere}.result-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin:14px 0 0}.result-meta>div{min-width:65px}.result-meta dt{font-size:11px;color:#74839b}.result-meta dd{font-size:12px;margin:3px 0 0;color:#73938b}.result-qr-wrap{margin:0;min-height:125px;padding:9px;display:grid;place-items:center;background:#fff;border:1px solid #dfebe7;border-radius:10px}.result-qr{width:100%;height:auto}.result-qr-state{color:var(--muted);font-size:12px;text-align:center}.task-check{background:#f4f8fd;border-radius:8px;padding:12px;font-size:12px}.is-available{color:var(--success-text)}.is-unavailable{color:var(--danger)}.step-timeline{margin-top:14px}.step-timeline-title{font-size:12px;color:#8e9cb3;margin-bottom:8px}.step-entry{display:grid;grid-template-columns:65px 1fr;gap:3px 10px;padding:8px 0;font-size:12px;border-top:1px solid var(--border)}.step-entry time{color:var(--faint)}.step-entry span{grid-column:2;color:var(--muted);overflow-wrap:anywhere}

/* Activity */
.success-dashboard{position:relative;padding:0}.success-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 23px;list-style:none}.success-dashboard-head::-webkit-details-marker{display:none}.success-dashboard-head::after{content:'⌄';color:#a3afc4}.success-dashboard[open]>.success-dashboard-head::after{transform:rotate(180deg)}.success-dashboard-head>div{margin-right:auto}.success-dashboard-subtitle{color:#74839b;font-size:12px;margin-top:4px}.success-dashboard-body{padding:0 23px 20px}.success-channel-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 17px}.success-channel-tabs button{padding:5px 10px;background:#f5f7fb;border:1px solid transparent;border-radius:6px;color:#74839d;font-size:12px}.success-channel-tabs button.is-active{background:#eaf9f3;color:#53a58b;border-color:#d3eee4}.success-grid{display:grid;grid-template-columns:repeat(48,minmax(0,1fr));gap:4px}.success-cell{aspect-ratio:1;min-width:0;border-radius:3px;background:#edf1f6}.success-cell.level-1{background:#d3eee2}.success-cell.level-2{background:#a3dcc4}.success-cell.level-3{background:#6dc4a2}.success-cell.level-4{background:#319b75}.success-cell:hover{outline:2px solid #798daa;outline-offset:1px}.success-tooltip{position:absolute;z-index:20;padding:6px 10px;background:#344863;color:#fff;border-radius:7px;pointer-events:none;font-size:12px}.activity-footer{display:flex;justify-content:space-between;gap:12px;margin-top:13px}.success-dashboard-note{color:#a7b2c3;font-size:11px}.dashboard-legend{display:flex;align-items:center;gap:4px;color:#a3afc1;font-size:11px;white-space:nowrap}.dashboard-legend i{width:9px;height:9px;border-radius:2px;background:#d3eee2}.dashboard-legend .legend-empty{background:#edf1f6}.dashboard-legend .legend-success-strong{background:#319b75}.stats-loading{color:#9caac0;font-size:12px;text-align:center;padding:24px}

/* Administration */
.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px}.admin-metrics article{padding:22px;background:#fff;border:1px solid var(--border);border-radius:16px;position:relative;min-height:134px;box-shadow:var(--shadow)}.admin-metrics article>span{display:block;font-size:12px;color:#8f9db3}.admin-metrics article>strong{display:block;font-size:31px;line-height:1.3;margin:10px 0 6px;letter-spacing:-.8px;font-weight:650;font-variant-numeric:tabular-nums}.admin-metrics article>small{font-size:12px;color:#a5afbf}.admin-metrics article::after{content:'';position:absolute;right:20px;top:23px;width:8px;height:8px;border-radius:50%;background:#a7b9f2;box-shadow:0 0 0 6px #f0f3ff}.admin-metrics article:first-child::after{background:#6cc6aa;box-shadow:0 0 0 6px #edfaf5}.admin-metrics article:nth-child(3)::after{background:#e6c183;box-shadow:0 0 0 6px #fff8ed}.admin-metrics article:nth-child(4)::after{background:#b0a1dc;box-shadow:0 0 0 6px #f6f2fc}.admin-grid{display:grid;grid-template-columns:268px minmax(0,1fr);gap:20px;align-items:start;margin-bottom:24px}.admin-create-card .admin-form{display:grid;gap:19px;margin:0}.admin-form>label{display:grid;gap:8px}.admin-field-help{font-size:12px;font-weight:400;color:#74839b}.admin-form .admin-check{display:flex;gap:9px;align-items:start;background:#f8faff;border-radius:10px;padding:12px;font-size:12px;font-weight:400}.admin-check input{margin:3px 0 0}.admin-check strong{font-size:12px;font-weight:550}.admin-check small{display:block;font-size:11px;margin-top:3px}.admin-form .button-primary{width:100%}.admin-create-note{font-size:12px;color:#a6b1c3;margin-top:18px;line-height:1.9;padding-top:16px;border-top:1px solid var(--border)}.admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-cdk-card{padding:17px;border:1px solid #e4eaf4;border-radius:12px;background:#fff;min-width:0}.admin-cdk-card[data-disabled=true]{background:#fafbfc}.admin-cdk-heading{display:flex;align-items:start;justify-content:space-between;gap:8px;margin-bottom:7px}.admin-cdk-label{color:#adb8ca;font-size:11px}.admin-cdk-code{display:block;font-size:12px;color:#7285a4;letter-spacing:.1px;overflow-wrap:anywhere}.admin-status{background:#eaf9f2;color:#57a68c;border-radius:5px;padding:3px 7px;font-size:11px;white-space:nowrap}.admin-status[data-status=disabled],.admin-status[data-status=cancelled],.admin-status[data-status=interrupted]{background:#f0f3f8;color:#a0acc0}.admin-status[data-status=running],.admin-status[data-status=queued]{color:#b29a60;background:#fff8eb}.admin-status[data-status=error]{color:#d17a90;background:#fff1f5}.admin-cdk-quota{display:grid;grid-template-columns:repeat(3,1fr);margin:17px 0 12px;gap:10px}.admin-cdk-quota dt{color:#a8b2c4;font-size:11px}.admin-cdk-quota dd{font-size:21px;margin:2px 0 0;color:#7d8eaa;font-weight:550;font-variant-numeric:tabular-nums}.admin-cdk-quota>div:first-child dd{color:#6f87df}.admin-quota-progress{display:block;appearance:none;width:100%;height:4px;border:0;border-radius:6px;color:#9baef0;background:#f0f3fa;overflow:hidden;margin-bottom:12px}.admin-quota-progress::-webkit-progress-bar{background:#f0f3fa;border-radius:6px}.admin-quota-progress::-webkit-progress-value{background:#9baef0;border-radius:6px}.admin-quota-progress::-moz-progress-bar{background:#9baef0}.internal-proxy-state{display:inline-flex;background:#f2f5fa;color:#a3aec0;border-radius:5px;padding:3px 6px;font-size:11px}.internal-proxy-state.enabled{color:#71a99b;background:#f0f9f5}.admin-cdk-actions{display:flex;flex-wrap:wrap;gap:6px;padding-top:13px;margin-top:12px;border-top:1px solid var(--border)}.admin-cdk-actions button{flex:1;min-width:max-content;min-height:30px;padding:3px 7px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:11px;color:#92a0b8}.admin-cdk-actions button:hover{border-color:#c8d3f4;background:#f7f9ff;color:var(--primary)}.admin-cdk-actions .danger-button{color:#d792a0;border-color:#f4e5e9}.admin-cdk-actions .proxy-permission-button{flex-basis:100%}.admin-cdk-actions .proxy-permission-button.enabled{color:#6eac99;background:#f6fbf8;border-color:#e1f0e9}.admin-pagination{border-top:1px solid var(--border);padding-top:18px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-page-summary{display:grid;gap:2px;font-size:11px;color:#a3aec0}.admin-page-summary>span:first-child{color:#8d9eb8}.admin-page-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.admin-page-controls button{min-height:29px;font-size:11px;padding:0 8px}.admin-page-size{display:flex;align-items:center;gap:6px;font-size:11px;color:#a6b1c3}.admin-page-size .text-input{width:67px;min-height:29px;border-radius:6px;padding:0 6px;font-size:11px}.admin-page-numbers{display:flex;align-items:center;gap:4px}.page-number{min-width:29px;min-height:29px;border:1px solid var(--border);background:#fff;border-radius:6px;color:#94a3bc;font-size:11px}.page-number.active{background:var(--primary-soft);border-color:#d9e0ff;color:#7b90db;opacity:1}.page-ellipsis{color:var(--faint)}.admin-page-jump{display:flex;align-items:center;gap:6px;margin:0}.admin-page-jump label{font-size:11px;color:#a4b0c3}.admin-page-jump input{width:45px;min-height:29px;font-size:11px;padding:0 6px;border-radius:6px}.admin-proxy-panel,.admin-database-card{margin-top:24px}.admin-proxy-form{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:start;margin:0}.admin-proxy-config,.admin-proxy-editor{min-width:0;display:grid;gap:9px}.admin-proxy-config .button-primary{margin-top:8px}.admin-proxy-guidance{padding:13px;background:#f7f9fe;border:1px solid #edf1f8;border-radius:9px;margin-top:5px}.admin-proxy-guidance strong{font-size:12px;color:#93a2bc}.admin-proxy-guidance p{font-size:12px;color:#a7b2c5;margin-top:5px;line-height:1.9}.admin-proxy-editor textarea{min-height:210px}.admin-proxy-editor small{font-size:12px;overflow-wrap:anywhere}.admin-filters{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:12px;padding:16px;background:#f8fafd;border-radius:11px;margin-bottom:20px}.admin-filters label{display:grid;gap:7px;font-size:12px;color:#a1aec3}.admin-filters select{background:#fff;min-height:38px;font-size:12px}.admin-audit-list{display:grid;gap:12px}.admin-audit-card{padding:18px 20px;border:1px solid var(--border);border-radius:12px;background:#fff}.admin-audit-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-audit-title{display:flex;align-items:center;gap:11px;min-width:0}.admin-audit-title>div{min-width:0;display:grid;gap:3px}.admin-audit-title strong{font-size:12px;overflow-wrap:anywhere}.admin-provider-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#f0f4fd;color:#819dcc;font-size:12px;font-weight:650;flex-shrink:0}.admin-provider-name{color:#a1aec2;font-size:12px}.admin-audit-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:17px 0 0}.admin-audit-meta dt,.admin-audit-detail-grid dt{font-size:11px;color:#a2afc4;margin-bottom:4px}.admin-audit-meta dd,.admin-audit-detail-grid dd{margin:0;font-size:12px;color:#869ab7;overflow-wrap:anywhere;white-space:pre-wrap}.admin-audit-proxy{font-size:12px;color:#9babc0;padding-top:13px}.admin-audit-details{margin-top:15px;border-top:1px solid var(--border);padding-top:12px}.admin-audit-details>summary{font-size:12px;color:#9caac0;list-style:none;display:flex;align-items:center;gap:7px}.admin-audit-details>summary::-webkit-details-marker{display:none}.admin-audit-details>summary::before{content:'+';font-size:15px}.admin-audit-details[open]>summary::before{content:'−'}.admin-audit-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding-top:14px;margin:0}.admin-audit-detail-grid>div{padding:10px 12px;border-radius:8px;background:#f8fafd;min-width:0}.admin-proxy-cell{display:grid;gap:5px;min-width:0;margin-top:14px}.admin-proxy-label{font-size:11px;color:#a4b2c7;margin-top:5px}.admin-proxy-used,.admin-proxy-success{font-size:12px;color:#869cb7;overflow-wrap:anywhere;white-space:pre-wrap}.admin-proxy-success-label,.admin-proxy-success{color:#6caa97}.admin-proxy-cell summary{color:#98a9c2;font-size:12px;margin-top:10px}.admin-proxy-pool{max-height:150px;overflow:auto;background:#f5f8fc;border-radius:8px;padding:10px;font-size:12px;color:#9fadc4;white-space:pre-wrap;overflow-wrap:anywhere}.admin-proxy-copy{min-height:28px;font-size:12px}.admin-proxy-repeated{color:#a7b3c6;font-size:12px}.admin-empty{grid-column:1/-1;background:#fcfdff;border:1px dashed var(--border);border-radius:11px}.admin-records-note{font-size:11px;color:#acb6c7;text-align:right;margin-top:16px}

/* Responsive composition */
@media(min-width:1600px){.workspace-content{padding-right:55px;padding-left:55px}}
@media(max-width:1200px){.sidebar,.workspace-sidebar{width:192px;padding:28px 14px 20px}.app-layout,.workspace-layout{grid-template-columns:192px minmax(0,1fr)}.workspace-content{padding:27px}.workspace-header{padding:0 27px}.sidebar-brand,.workspace-brand{padding:0 5px}.brand-copy b{font-size:15px}.brand-copy b span{font-size:12px}.admin-grid{grid-template-columns:224px minmax(0,1fr)}.admin-list{grid-template-columns:1fr}.channel-card-body{padding:13px}.overview-grid{gap:14px}}
@media(max-width:960px){.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.channel-card-body{padding:11px;min-height:122px}.channel-card-body>small{flex-direction:column;gap:2px}.setup-grid{grid-template-columns:1fr}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}.admin-list{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-card{padding:17px}.overview-value{font-size:28px}.overview-label{font-size:12px}.overview-label .card-icon{width:28px;height:28px}.overview-card>p{font-size:11px}.page-date{display:none}.page-heading h1{font-size:25px}.admin-proxy-form{grid-template-columns:175px minmax(0,1fr);gap:18px}.admin-audit-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.success-grid{grid-template-columns:repeat(36,minmax(0,1fr))}}
@media(max-width:720px){html{scroll-padding-top:20px}.app-layout,.workspace-layout{display:block}.sidebar,.workspace-sidebar{width:auto;position:relative;inset:auto;padding:17px 18px 11px;border-right:0;border-bottom:1px solid var(--border);gap:0}.sidebar-brand,.workspace-brand{align-self:start;font-size:18px;margin-bottom:18px;padding:0}.brand-mark{width:33px;height:33px;border-radius:10px}.brand-copy b{font-size:16px}.brand-copy b span{font-size:12px}.nav-caption,.sidebar-label,.sidebar-note,.sidebar-copyright,.sidebar-bottom>p{display:none}.sidebar-nav,.workspace-nav{display:flex;gap:6px;overflow-x:auto}.nav-link{flex-shrink:0;min-height:37px;padding:7px 11px;gap:7px;font-size:12px}.nav-link svg{width:15px;height:15px}.sidebar-bottom{position:absolute;top:17px;right:18px;margin:0;padding:0}.sidebar-bottom>.nav-link{font-size:11px;padding:7px}.sidebar-bottom>.nav-link svg{width:13px;height:13px}.workspace-header{height:52px;padding:0 20px}.admin-timezone{font-size:11px}.workspace-content{padding:24px 18px}.page-heading,.page-intro{margin-bottom:21px;gap:10px;align-items:start}.page-heading h1,.page-intro h1{font-size:23px}.page-description{font-size:12px}.page-intro>.button-secondary{font-size:11px;padding:0 8px;min-height:32px}.page-kicker{font-size:10px}.card,.section-card{padding:18px;border-radius:13px}.card-heading,.card-header,.section-heading{margin-bottom:17px;gap:10px}h2{font-size:15px}.overview-grid{gap:8px;margin-bottom:22px}.overview-card{padding:13px;min-height:134px;border-radius:12px}.overview-label{align-items:start;flex-direction:column-reverse;gap:8px;font-size:11px}.overview-label .card-icon{width:25px;height:25px;border-radius:7px}.overview-label .card-icon svg{width:14px;height:14px}.overview-value{font-size:25px;margin:7px 0 4px}.overview-card>p{font-size:10px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.channel-card-body{min-height:112px;padding:13px}.channel-card-body>small{flex-direction:row;font-size:11px}.channel-top{margin-bottom:8px}.channel-summary{font-size:10px;padding:5px 6px}.setup-grid{gap:16px}.launch-card{padding:15px;gap:14px;flex-wrap:wrap}.launch-card .start-button{width:100%;min-height:44px}.launch-description strong{font-size:12px}.launch-description p{font-size:11px}.results-workspace,.activity-workspace{margin-top:25px}.empty-state{padding:26px 18px;min-height:188px}.empty-state p{font-size:12px}.section-status{font-size:11px}.task-item{padding:14px}.process-steps{gap:4px}.process-step{flex-direction:column;gap:6px;text-align:center;font-size:11px}.result-card{grid-template-columns:1fr;padding:13px}.result-qr-wrap{width:135px;margin:0 auto}.result-filters{width:100%;justify-content:space-between}.result-filter{padding:6px;font-size:12px}.batch-action-button{font-size:12px;min-height:33px}.success-dashboard{padding:0}.success-dashboard-head{padding:18px}.success-dashboard-head h3{font-size:12px}.success-dashboard-subtitle{font-size:11px}.success-dashboard-body{padding:0 18px 18px}.success-grid{grid-template-columns:repeat(24,minmax(0,1fr));gap:3px}.success-channel-tabs button{font-size:11px;padding:5px 8px}.activity-footer{flex-wrap:wrap}.site-footer,.workspace-footer{font-size:11px}.admin-list{grid-template-columns:1fr}.admin-metrics{gap:12px}.admin-metrics article{padding:18px;min-height:122px;border-radius:13px}.admin-metrics article>strong{font-size:28px}.admin-metrics article>span{font-size:12px}.admin-metrics article>small{font-size:11px}.admin-metrics article::after{top:23px;right:19px;width:6px;height:6px}.admin-proxy-form{grid-template-columns:1fr;gap:18px}.admin-proxy-config{grid-template-columns:1fr 1fr;align-items:center}.admin-proxy-config>label{grid-column:1/-1}.admin-proxy-config>.admin-proxy-guidance{grid-column:1/-1;grid-row:3}.admin-proxy-config>.button-primary{grid-column:2;grid-row:2;margin:0;min-height:41px;font-size:12px}.admin-filters{padding:12px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filters>:first-child{grid-column:1/-1}.admin-audit-card{padding:15px}.admin-audit-meta{gap:12px}.admin-audit-detail-grid{grid-template-columns:1fr}.admin-audit-title strong{font-size:12px}.admin-page-controls{width:100%;gap:5px}.admin-page-controls .admin-page-edge{display:none}.admin-pagination{gap:13px}.admin-page-jump{margin-left:auto}.admin-page-controls button{min-height:32px}.admin-cdk-actions button{min-height:34px}.admin-audit-details>summary{min-height:34px}}

.task-status-group{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.task-success-countdown{padding:3px 8px;border-radius:5px;color:#5e8e83;background:#f1faf6;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.task-success-countdown.is-expired{color:#9a7d83;background:#f7f1f3}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

.admin-audit-proxy{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#75849b}.admin-audit-proxy code{overflow-wrap:anywhere}.admin-audit-proxy.is-success code{color:var(--success-text)}

/* UPI payment confirmation */
.task-payment-badge{padding:3px 8px;border-radius:6px;background:#fff5e9;color:#c8944b;font-size:12px;line-height:1.7;white-space:nowrap}
.task-payment-badge[data-state=succeeded]{background:#edf9f4;color:var(--success-text)}
.task-payment-badge[data-state=failed],.task-payment-badge[data-state=expired]{background:#fff1f5;color:var(--danger)}
.upi-payment-status{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:13px;padding:11px 12px;border:1px solid var(--border);border-radius:8px;background:#fff}
.upi-payment-status-marker{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#eef3ff;color:var(--primary);font-weight:700}
.upi-payment-status-copy{display:grid;gap:2px;min-width:0}.upi-payment-status-copy strong{color:var(--text);font-size:12px}.upi-payment-status-copy small{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.upi-payment-status-live{color:var(--primary);font-size:11px;white-space:nowrap}
.upi-payment-status[data-state=succeeded]{border-color:#bfe8d8;background:#edf9f4}.upi-payment-status[data-state=succeeded] .upi-payment-status-marker{background:var(--success-text);color:#fff}.upi-payment-status[data-state=succeeded] .upi-payment-status-live{color:var(--success-text)}
.upi-payment-status[data-state=failed],.upi-payment-status[data-state=expired]{border-color:#f1ced8;background:#fff1f5}.upi-payment-status[data-state=failed] .upi-payment-status-marker,.upi-payment-status[data-state=expired] .upi-payment-status-marker{background:var(--danger);color:#fff}.upi-payment-status[data-state=failed] .upi-payment-status-live,.upi-payment-status[data-state=expired] .upi-payment-status-live{color:var(--danger)}
@media(max-width:720px){.upi-payment-status{grid-template-columns:26px minmax(0,1fr)}.upi-payment-status-live{grid-column:2}}
@media(max-width:720px){.workspace-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.workspace-nav .nav-link{min-width:0;flex-direction:column;gap:4px;padding:7px 4px;font-size:11px;white-space:nowrap}.page-intro>.button-secondary{min-width:108px;flex-shrink:0;white-space:nowrap}.sidebar-bottom>.nav-link span{display:none}.sidebar-bottom>.nav-link svg{width:20px;height:20px}.sidebar-bottom>.nav-link{padding:7px}}

/* Compact client workspace: activity first, then full-width account and proxy panels. */
.client-page .page-heading { margin-bottom: 20px; }
.client-page .activity-workspace { margin-top: 0; margin-bottom: 24px; }
.client-page .activity-workspace > .section-heading { margin-bottom: 12px; }
.client-page .activity-workspace .section-kicker { margin-bottom: 3px; }
.client-page .success-dashboard-head { padding: 14px 18px; }
.client-page .success-dashboard-body { padding: 0 18px 14px; }
.client-page .success-channel-tabs { margin-bottom: 12px; }
.client-page .success-grid { gap: 3px; }
.client-page .success-cell { aspect-ratio: auto; height: 14px; }
.client-page .activity-footer { margin-top: 10px; }
.client-page .overview-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.client-page .overview-card {
  position: relative;
  min-height: 96px;
  padding: 12px 16px;
  border-radius: 12px;
}
.client-page .overview-label {
  display: block;
  padding-right: 34px;
  font-size: 12px;
}
.client-page .overview-label .card-icon {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 27px;
  height: 27px;
  border-radius: 8px;
}
.client-page .overview-label .card-icon svg { width: 15px; height: 15px; }
.client-page .overview-value { font-size: 25px; margin: 3px 0; line-height: 1.2; }
.client-page .overview-card > p { font-size: 11px; }
.client-page .channel-section { padding: 16px 18px; margin-bottom: 18px; }
.client-page .channel-section .card-heading { margin-bottom: 14px; }
.client-page .channel-section .section-kicker { margin-bottom: 3px; }
.client-page .channel-grid { gap: 10px; }
.client-page .channel-card-body {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 15px;
  align-content: center;
  align-items: center;
  column-gap: 10px;
  min-height: 76px;
  padding: 11px 12px;
  border-radius: 10px;
}
.client-page .channel-top { display: contents; }
.client-page .channel-logo { grid-column: 1; grid-row: 1 / 3; width: 30px; height: 30px; }
.client-page .channel-logo svg { width: 18px; height: 18px; }
.client-page .channel-check { grid-column: 3; grid-row: 1 / 3; }
.client-page .channel-card-body > strong { grid-column: 2; grid-row: 1; }
.client-page .channel-card-body > small {
  grid-column: 2;
  grid-row: 2;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2px 6px;
  margin-top: 2px;
  font-size: 10px;
}
.client-page .channel-card-body > small > span { font-size: 9px; }
.client-page .setup-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
.client-page .credentials-card,
.client-page .proxy-card { padding: 18px 20px; }
.client-page .setup-grid .card-heading { margin-bottom: 16px; }
.client-page .setup-grid .section-kicker { margin-bottom: 4px; }
.client-page .credentials-card textarea { min-height: 132px; }
.client-page .proxy-card textarea { min-height: 110px; }
.client-page .field-tip { padding-top: 12px; }
.client-page .launch-card { margin-top: 18px; padding: 14px 20px; }

/* External publisher API */
.publisher-workspace{margin-top:30px}.publisher-services{display:grid;gap:16px;margin-top:16px}.publisher-card{display:grid;gap:22px}.publisher-card[data-selected=true]{border-color:#7ea8ff;box-shadow:0 0 0 2px rgba(75,124,255,.1)}.publisher-target-card{display:flex;align-items:center;gap:20px}.publisher-target-card>div:first-child{margin-right:auto}.publisher-target-card strong{font-size:13px;color:#647591}.publisher-target-card p{margin-top:4px;color:#8a98ae;font-size:12px}.publisher-targets{display:flex;gap:8px;flex-wrap:wrap}.publisher-targets label{cursor:pointer}.publisher-targets input{position:absolute;opacity:0;pointer-events:none}.publisher-targets span{display:block;padding:8px 13px;border:1px solid var(--border);border-radius:9px;background:#fff;color:#71819a;font-size:12px;font-weight:600}.publisher-targets input:checked+span{border-color:#4b7cff;background:#eef3ff;color:#3567dd}.publisher-intro{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--border)}.publisher-intro>div{margin-right:auto}.publisher-intro strong{display:block;font-size:13px;color:#647591}.publisher-intro p{margin-top:4px;color:#8a98ae;font-size:12px}.publisher-config-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;align-items:start}.publisher-actions{display:flex;gap:9px;margin-top:15px}.publisher-metrics{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.publisher-metrics>div{padding:15px;border:1px solid var(--border);border-radius:11px;background:#f9fafd;min-width:0}.publisher-metrics dt{font-size:11px;color:#9aa7bb}.publisher-metrics dd{margin:4px 0 0;font-size:16px;color:#6f82a0;font-weight:600;overflow-wrap:anywhere}.publisher-metrics>div:nth-child(2) dd{color:var(--success-text)}#publisher-cdk-note[data-state=valid],#cdk-scan-api-key-note[data-state=valid],#masi-cdk-note[data-state=valid]{color:var(--success-text)}#publisher-cdk-note[data-state=invalid],#cdk-scan-api-key-note[data-state=invalid],#masi-cdk-note[data-state=invalid]{color:var(--danger)}

@media (max-width: 960px) {
  .client-page .channel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .publisher-config-grid { grid-template-columns: 1fr; }
  .publisher-target-card { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 720px) {
  .client-page .activity-workspace { margin-bottom: 20px; }
  .client-page .success-dashboard-head { padding: 14px; }
  .client-page .success-dashboard-body { padding: 0 14px 14px; }
  .client-page .success-cell { height: 10px; }
  .client-page .overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 16px; }
  .client-page .overview-card { min-height: 100px; padding: 11px 10px; }
  .client-page .overview-label { padding-right: 0; font-size: 11px; }
  .client-page .overview-label .card-icon { display: none; }
  .client-page .overview-value { font-size: 23px; margin: 5px 0 3px; }
  .client-page .overview-card > p { font-size: 10px; }
  .client-page .channel-section { padding: 14px; margin-bottom: 16px; }
  .client-page .channel-grid { gap: 8px; }
  .client-page .channel-card-body {
    grid-template-columns: 26px minmax(0, 1fr) 13px;
    column-gap: 7px;
    padding: 10px;
    min-height: 74px;
  }
  .client-page .channel-logo { width: 26px; height: 26px; border-radius: 7px; }
  .client-page .channel-logo svg { width: 16px; height: 16px; }
  .client-page .channel-check { width: 13px; height: 13px; }
  .client-page .setup-grid { gap: 16px; }
  .client-page .credentials-card,
  .client-page .proxy-card { padding: 16px; }
  .client-page .launch-card { padding: 14px; margin-top: 16px; }
  .publisher-intro { align-items: flex-start; flex-wrap: wrap; }
  .publisher-intro .button-secondary { width: 100%; }
  .publisher-actions > * { flex: 1; }
  .publisher-metrics { grid-template-columns: 1fr; }
  .publisher-targets { width: 100%; }
  .publisher-targets label { flex: 1; min-width: 42%; text-align: center; }
}
@media (max-width: 380px) {
  .client-page .overview-label { font-size: 10px; white-space: nowrap; }
  .client-page .overview-card > p { line-height: 1.45; }
}

/* Current-run log console. */
.logs-workspace { margin-top: 30px; }
.live-log-card { padding: 0; overflow: hidden; background: #111827; border-color: #1f2937; }
.live-log-toolbar { min-height: 54px; display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: #182235; border-bottom: 1px solid #293548; }
.live-log-filter-label,.live-log-follow { display: inline-flex; align-items: center; gap: 8px; color: #aebbd0; font-size: 12px; }
.live-log-filter-label select { min-width: 88px; min-height: 32px; padding: 0 28px 0 10px; color: #dce6f6; background: #111827; border-color: #344158; }
.live-log-follow input { accent-color: #8da2f2; }
.live-log-spacer { flex: 1; }
.live-log-toolbar .button-secondary { min-height: 32px; color: #c4cfe1; background: #202c40; border-color: #344158; }
.live-log-toolbar .button-secondary:hover { color: #fff; background: #28364d; border-color: #465774; }
.live-log-output { max-height: 460px; min-height: 230px; overflow: auto; overscroll-behavior: contain; padding: 8px 0 14px; color: #cad5e5; background: #111827; font: 11px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; scrollbar-color: #46536a #111827; }
.live-log-empty { min-height: 230px; display: grid; place-items: center; padding: 28px; color: #78869e; background: #111827; font-size: 12px; text-align: center; }
.live-log-empty[hidden],.live-log-output[hidden] { display: none; }
.live-log-row { display: grid; grid-template-columns: 142px minmax(130px,220px) 44px minmax(0,1fr); gap: 10px; align-items: start; padding: 6px 14px; border-left: 2px solid transparent; }
.live-log-row:hover { background: #172136; }
.live-log-row time { color: #718099; white-space: nowrap; }
.live-log-account { color: #96a8c3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-log-badge { display: inline-flex; justify-content: center; padding: 1px 5px; border-radius: 4px; color: #8fa0b9; background: #263247; font-size: 10px; }
.live-log-message { min-width: 0; overflow-wrap: anywhere; }
.live-log-message b { color: #d7e0ed; font-weight: 600; margin-right: 8px; }
.live-log-message span { color: #91a0b6; }
.live-log-row.is-ok { border-left-color: #3fb98e; }
.live-log-row.is-ok .live-log-badge { color: #7ce0bd; background: #14392f; }
.live-log-row.is-warn { border-left-color: #e1ad53; }
.live-log-row.is-warn .live-log-badge { color: #f3c979; background: #44351b; }
.live-log-row.is-fail { border-left-color: #e66b83; }
.live-log-row.is-fail .live-log-badge { color: #f4a0b0; background: #462332; }
.live-log-row.is-info { border-left-color: #6f8ee8; }
.live-log-row.is-info .live-log-badge { color: #a9bbf6; background: #23345c; }
@media (max-width: 720px) {
  .logs-workspace { margin-top: 25px; }
  .live-log-toolbar { align-items: stretch; flex-wrap: wrap; }
  .live-log-spacer { display: none; }
  .live-log-toolbar .button-secondary { flex: 1; }
  .live-log-row { grid-template-columns: 82px 42px minmax(0,1fr); gap: 7px; padding: 7px 10px; }
  .live-log-account { grid-column: 1 / -1; grid-row: 1; color: #8291aa; }
  .live-log-row time { grid-column: 1; grid-row: 2; }
  .live-log-badge { grid-column: 2; grid-row: 2; }
  .live-log-message { grid-column: 3; grid-row: 2; }
}