:root{color:#1b201e;background:#f4f6f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--ink: #1b201e;--muted: #68716d;--faint: #929a96;--canvas: #f4f6f5;--surface: #ffffff;--border: #dce2df;--border-strong: #c9d1cd;--sidebar: #18201e;--sidebar-muted: #98a5a0;--accent: #078b86;--accent-strong: #06716d;--accent-soft: #dff3f1;--blue: #4762b0;--blue-soft: #e9edfb;--green: #26794a;--green-soft: #e4f3e9;--amber: #a35f08;--amber-soft: #fff2d8;--red: #bd3f47;--red-soft: #fbeaec;--shadow: 0 16px 38px rgb(22 35 30 / 8%)}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--canvas)}button,input,select,textarea{font:inherit}button{color:inherit}button:not(:disabled),label,a{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;outline:none;transition:border-color .14s ease,box-shadow .14s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #078b8621}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}textarea{resize:vertical}a{color:var(--accent-strong);text-decoration:none}h1,h2,p{margin:0}svg{width:18px;height:18px;flex:0 0 auto;stroke-width:1.8}[hidden]{display:none!important}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:6px;font-weight:650;white-space:nowrap}.button.primary{color:#fff;background:var(--accent)}.button.primary:hover:not(:disabled){background:var(--accent-strong)}.button.secondary{color:var(--ink);background:var(--surface);border-color:var(--border-strong)}.button.ghost,.button.danger-text{background:transparent;border-color:transparent}.button.ghost.danger,.button.danger-text{color:var(--red)}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;background:transparent;border:1px solid transparent;border-radius:6px}.icon-button:hover{background:#eef1ef;border-color:var(--border)}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 14px 16px;color:#f4f7f6;background:var(--sidebar)}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px}.brand img{border-radius:8px}.brand div,.sidebar-account div{min-width:0;display:flex;flex-direction:column}.brand strong{font-size:16px;letter-spacing:0}.brand span{color:var(--sidebar-muted);font-size:11px;text-transform:uppercase}.main-nav{display:grid;gap:4px}.main-nav button{min-height:44px;display:grid;grid-template-columns:21px 1fr auto;align-items:center;gap:10px;padding:0 11px;color:#bdc8c4;text-align:left;background:transparent;border:0;border-radius:6px}.main-nav button:hover:not(:disabled){color:#fff;background:#ffffff0f}.main-nav button.active{color:#fff;background:#12aea42b}.nav-count{min-width:24px;padding:2px 6px;color:#cbd5d1;font-size:11px;text-align:center;background:#ffffff14;border-radius:10px}.sidebar-account{min-width:0;display:grid;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:10px;margin-top:auto;padding:14px 9px 2px;border-top:1px solid rgb(255 255 255 / 9%)}.sidebar-account strong,.sidebar-account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account strong{font-size:13px}.sidebar-account span{color:var(--sidebar-muted);font-size:11px}.status-dot{width:8px;height:8px;background:#79837f;border-radius:50%}.status-dot.ready{background:#42c878;box-shadow:0 0 0 3px #42c87824}.workspace{min-width:0}.topbar{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(24px,4vw,56px);background:#ffffffe0;border-bottom:1px solid var(--border)}.topbar h1{margin-top:3px;font-size:25px;line-height:1.2;letter-spacing:0}.eyebrow{color:var(--accent-strong);font-size:10px;font-weight:800;letter-spacing:0}.connection-state{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;color:var(--muted);font-size:12px;background:#eef1ef;border-radius:6px}.connection-state.ready{color:var(--green);background:var(--green-soft)}.page{width:100%;max-width:1380px;margin:0 auto;padding:32px clamp(24px,4vw,56px) 56px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2,.settings-copy h2{font-size:18px;letter-spacing:0}.section-heading p,.settings-copy p{margin-top:5px;color:var(--muted);font-size:13px}.auth-gate{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:20px;padding:14px 16px;background:var(--amber-soft);border:1px solid #ead09e;border-radius:6px}.auth-gate>svg{color:var(--amber)}.auth-gate div{min-width:0;display:flex;flex-direction:column;gap:2px}.auth-gate span{color:#775c31;font-size:12px}.composer-grid{min-height:620px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.composer-main{min-width:0;display:flex;flex-direction:column;padding:28px}.field-heading,.target-header,.compose-footer,.delivery-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.field-heading label,.target-header strong{font-size:14px;font-weight:700}.field-heading output,.target-header span,.compose-footer>span{color:var(--muted);font-size:12px}#message-input{min-height:270px;margin-top:10px;padding:16px;border-color:var(--border);line-height:1.65}.media-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}.media-toolbar>span{color:var(--muted);font-size:12px}.media-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:12px}.media-card{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) 34px;align-items:center;gap:9px;padding:7px;background:#f7f9f8;border:1px solid var(--border);border-radius:6px}.media-card img{width:48px;height:48px;object-fit:cover;border-radius:4px}.media-card div{min-width:0;display:flex;flex-direction:column;gap:3px}.media-card strong,.media-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card strong{font-size:12px}.media-card span{color:var(--muted);font-size:11px}fieldset{min-width:0;margin:0;padding:0;border:0}legend,.schedule-field>span{margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.segmented{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(76px,1fr);padding:3px;background:#edf1ef;border-radius:6px}.segmented label,.segmented button{min-height:34px;display:grid;place-items:center;padding:0 11px;color:var(--muted);font-size:12px;font-weight:650;background:transparent;border:0;border-radius:4px;white-space:nowrap}.segmented input{position:absolute;width:1px;height:1px;opacity:0}.segmented label:has(input:checked),.segmented button.active{color:var(--ink);background:var(--surface);box-shadow:0 1px 4px #18201e1c}.segmented.compact{grid-auto-columns:auto}.delivery-row{align-items:end;margin-top:20px}.schedule-field{width:min(240px,100%);display:flex;flex-direction:column}.schedule-field input{height:40px;padding:0 10px}.compose-footer{margin-top:auto;padding-top:24px}.target-picker{min-width:0;display:flex;flex-direction:column;padding:24px 20px;background:#f8faf9;border-left:1px solid var(--border)}.target-header>div{display:flex;flex-direction:column;gap:3px}.check-all{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.check-all input,.target-item input{width:16px;height:16px}.search-box{min-height:40px;display:flex;align-items:center;gap:8px;margin-top:16px;padding:0 11px;color:var(--faint);background:var(--surface);border:1px solid var(--border);border-radius:6px}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #078b861a}.search-box input{height:36px;padding:0;background:transparent;border:0;box-shadow:none}.target-list{min-height:0;display:grid;align-content:start;gap:4px;margin-top:12px;overflow:auto}.target-item{min-width:0;display:grid;grid-template-columns:auto 34px minmax(0,1fr);align-items:center;gap:9px;padding:8px;border-radius:6px}.target-item:hover{background:#eef3f1}.chat-avatar,.account-avatar{display:grid;place-items:center;color:#fff;font-weight:750;background:var(--blue);border-radius:50%}.chat-avatar{width:34px;height:34px;font-size:12px}.chat-avatar.color-0{background:#4762b0}.chat-avatar.color-1{background:#078b86}.chat-avatar.color-2{background:#9b6517}.chat-avatar.color-3{background:#a84c60}.chat-avatar.color-4{background:#3b7655}.target-item>span:last-child{min-width:0;display:flex;flex-direction:column}.target-item strong,.target-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-item strong{font-size:12px}.target-item small{margin-top:2px;color:var(--muted);font-size:10px}.wide-search{width:min(420px,100%);margin:0 0 18px}.chat-list,.job-list{display:grid;gap:8px}.chat-row{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:62px;padding:9px 14px;background:var(--surface);border:1px solid var(--border);border-radius:7px}.chat-row .chat-avatar{width:40px;height:40px}.chat-row-main{min-width:0;display:flex;flex-direction:column}.chat-row-main strong,.chat-row-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row-main strong{font-size:13px}.chat-row-main span{margin-top:3px;color:var(--muted);font-size:11px}.type-badge,.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;font-size:10px;font-weight:750;border-radius:10px}.type-badge{color:var(--blue);background:var(--blue-soft)}.job-card{display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:16px;padding:16px 16px 16px 0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:7px}.job-accent{background:var(--border-strong)}.job-card[data-status=scheduled] .job-accent{background:var(--blue)}.job-card[data-status=completed] .job-accent{background:var(--green)}.job-card[data-status=partial] .job-accent{background:var(--amber)}.job-card[data-status=failed] .job-accent{background:var(--red)}.job-content{min-width:0}.job-topline,.job-meta,.job-actions{display:flex;align-items:center;gap:9px}.job-topline{flex-wrap:wrap}.job-topline time{color:var(--muted);font-size:11px}.status-badge.scheduled{color:var(--blue);background:var(--blue-soft)}.status-badge.completed{color:var(--green);background:var(--green-soft)}.status-badge.partial,.status-badge.sending{color:var(--amber);background:var(--amber-soft)}.status-badge.failed{color:var(--red);background:var(--red-soft)}.status-badge.canceled{color:var(--muted);background:#edf0ef}.job-message{display:-webkit-box;margin:9px 0 8px;overflow:hidden;font-size:13px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.job-meta{flex-wrap:wrap;color:var(--muted);font-size:11px}.job-meta span{display:inline-flex;align-items:center;gap:5px}.job-meta svg{width:14px;height:14px}.failure-details{margin-top:10px;color:var(--red);font-size:11px}.failure-details summary{width:max-content}.failure-details ul{margin:7px 0 0;padding-left:18px;color:var(--muted)}.empty-state{min-height:240px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted);text-align:center;border:1px dashed var(--border-strong);border-radius:7px}.empty-state svg{width:28px;height:28px;color:var(--faint)}.empty-state strong{color:var(--ink);font-size:13px}.empty-state span{font-size:12px}.settings-page{display:grid;gap:12px}.settings-section{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(320px,1.2fr);gap:clamp(32px,6vw,80px);padding:28px 0 36px;border-bottom:1px solid var(--border)}.settings-copy{display:grid;grid-template-columns:38px minmax(0,1fr);align-content:start;gap:13px}.section-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--blue);background:var(--blue-soft);border-radius:7px}.section-icon.account{color:var(--green);background:var(--green-soft)}.settings-form{display:grid;gap:16px}.settings-form>label,.settings-field{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:650}.settings-form input:not([type=range]),.settings-field select{height:42px;padding:0 11px}.settings-form output{float:right;color:var(--accent-strong)}.settings-form input[type=range]{height:22px;padding:0;border:0;box-shadow:none}.inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.account-count{color:var(--muted);font-size:12px}.connection-panel{min-width:0;display:grid;gap:12px}.account-ready{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:7px}.account-avatar{width:46px;height:46px;font-size:17px;background:var(--accent)}.account-avatar.connected{background:var(--accent)}.account-ready>div{min-width:0;display:flex;flex-direction:column}.account-ready strong,.account-ready span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-ready strong{font-size:14px}.account-ready span{margin-top:3px;color:var(--muted);font-size:11px}.settings-note{max-width:760px;color:var(--muted);font-size:12px;line-height:1.6}.command-hint{color:var(--muted);font-size:12px;line-height:1.55}.command-hint code{display:block;margin-top:6px;padding:9px 10px;overflow-wrap:anywhere;color:var(--ink);background:#eef1ef;border-radius:6px}.toast-region{position:fixed;right:24px;bottom:24px;z-index:20;width:min(360px,calc(100vw - 32px));display:grid;gap:8px}.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:52px;padding:10px 12px;color:#fff;background:#27302d;border-radius:7px;box-shadow:0 12px 30px #0000002e}.toast.error{background:#802d33}.toast span{font-size:12px;line-height:1.4}.toast button{width:28px;height:28px;display:grid;place-items:center;padding:0;color:inherit;background:transparent;border:0}.toast button svg{width:15px;height:15px}.confirm-dialog{width:min(420px,calc(100vw - 32px));padding:0;background:var(--surface);border:0;border-radius:8px;box-shadow:0 24px 70px #00000038}.confirm-dialog::backdrop{background:#1219177a}.confirm-dialog form{padding:24px}.dialog-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--amber);background:var(--amber-soft);border-radius:7px}.confirm-dialog h2{margin-top:16px;font-size:17px}.confirm-dialog p{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.55}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}@media(max-width:900px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{justify-content:center;padding-inline:0}.brand>div,.main-nav button>span:not(.nav-count),.sidebar-account>div,.nav-count{display:none}.main-nav button{grid-template-columns:1fr;place-items:center;padding:0}.sidebar-account{grid-template-columns:1fr;justify-items:center}.composer-grid{grid-template-columns:1fr}.target-picker{min-height:360px;border-top:1px solid var(--border);border-left:0}.target-list{max-height:300px}.settings-section{grid-template-columns:1fr;gap:24px}}@media(max-width:620px){.app-shell{display:block;padding-bottom:64px}.sidebar{position:fixed;inset:auto 0 0;z-index:10;width:100%;height:64px;padding:6px 8px}.brand,.sidebar-account{display:none}.main-nav{grid-template-columns:repeat(4,1fr);gap:2px}.main-nav button{min-height:52px;grid-template-columns:1fr;grid-template-rows:23px 14px;gap:1px;font-size:10px}.main-nav button>span:not(.nav-count){display:block}.topbar{min-height:86px;padding:18px 16px}.topbar h1{font-size:21px}.connection-state{width:34px;height:34px;padding:8px}.connection-state span{display:none}.page{padding:20px 14px 36px}.auth-gate{grid-template-columns:auto 1fr}.auth-gate .button{grid-column:1 / -1}.composer-main{padding:20px 16px}.delivery-row,.section-heading{align-items:stretch;flex-direction:column}.delivery-mode .segmented,.schedule-field,.section-heading .button{width:100%}.compose-footer{align-items:stretch;flex-direction:column}.chat-row{grid-template-columns:40px minmax(0,1fr) auto}.job-card{grid-template-columns:4px minmax(0,1fr)}.job-actions{grid-column:2;justify-content:flex-end}.settings-section{padding-top:12px}.account-ready{grid-template-columns:46px minmax(0,1fr)}}
