:root{--c-brand: #0078d4;--c-brand-hover: #106ebe;--c-text: #201f1e;--c-text-muted: #605e5c;--c-bg: #faf9f8;--c-surface: #ffffff;--c-border: #edebe9;--c-border-strong: #c8c6c4;--c-hover: #f3f2f1;--c-selected: #eff6fc;--c-danger: #a4262c;--c-danger-hover: #8a1f24;--c-success: #107c10;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--t-xs: 10px;--t-sm: 12px;--t-md: 13px;--t-base: 14px;--t-lg: 18px;--fw-regular: 400;--fw-semibold: 600;--fw-bold: 700;--r-sm: 4px;--r-md: 6px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--c-text);font-size:var(--t-base)}:focus-visible{outline:2px solid var(--c-brand);outline-offset:1px;border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.app{display:flex;height:100vh}.nav{width:76px;flex-shrink:0;background:var(--c-bg);border-right:1px solid var(--c-border);display:flex;flex-direction:column;padding:var(--s-2) 0;gap:2px}.nav-brand{font-weight:var(--fw-bold);font-size:var(--t-sm);color:var(--c-brand);text-align:center;padding:var(--s-1) 0 var(--s-3);letter-spacing:.5px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;padding:var(--s-2) var(--s-1);margin:0 var(--s-2);border-radius:var(--r-md);cursor:pointer;color:var(--c-text-muted)}.nav-item:hover{background:var(--c-hover)}.nav-item.active{background:var(--c-selected);color:var(--c-brand)}.nav-icon{font-size:18px;line-height:1}.nav-label{font-size:var(--t-xs)}.nav.collapsed{width:40px}.nav.collapsed .nav-label{display:none}.nav.collapsed .nav-item{margin:0 4px}.nav-toggle{align-self:flex-end;background:none;border:none;cursor:pointer;color:var(--c-text-muted);font-size:var(--t-base);line-height:1;padding:2px var(--s-2)}.nav-toggle:hover{color:var(--c-text)}.content{flex:1;padding:var(--s-4) var(--s-4);overflow-y:auto}.content-title{margin:0 0 var(--s-3);font-size:var(--t-lg);font-weight:var(--fw-semibold)}.signin-panel{max-width:340px}.muted{color:var(--c-text-muted)}.error{color:var(--c-danger)}.success{color:var(--c-success);font-size:var(--t-md)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.list-item{border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--s-3);background:var(--c-surface)}.list-item-title{font-weight:var(--fw-semibold)}.list-item-sub{color:var(--c-text-muted);font-size:var(--t-sm);margin:2px 0 var(--s-2)}.btn{background:var(--c-brand);color:#fff;border:none;border-radius:var(--r-sm);padding:var(--s-1) var(--s-3);cursor:pointer;font-size:var(--t-md)}.btn:hover{background:var(--c-brand-hover)}.btn:disabled{opacity:.6;cursor:default}.btn-stop{background:var(--c-danger)}.btn-stop:hover{background:var(--c-danger-hover)}.btn-ghost{background:none;border:1px solid var(--c-border-strong);color:var(--c-text);border-radius:var(--r-sm);padding:var(--s-1) var(--s-2);cursor:pointer;font-size:var(--t-sm)}.btn-ghost:hover{background:var(--c-hover)}.icon-btn{background:none;border:none;cursor:pointer;color:var(--c-text-muted);padding:2px var(--s-1);border-radius:var(--r-sm);font-size:var(--t-base);line-height:1}.icon-btn:hover{background:var(--c-hover);color:var(--c-text)}.form{display:flex;flex-direction:column;gap:var(--s-3)}.field{display:flex;flex-direction:column;gap:var(--s-1)}.field label{font-size:var(--t-sm);font-weight:var(--fw-semibold);color:var(--c-text-muted)}.field select,.field input,.text-input{padding:6px var(--s-2);border:1px solid var(--c-border-strong);border-radius:var(--r-sm);font-size:var(--t-md);font-family:inherit}.readonly{font-size:var(--t-md);padding:2px 0}.browser{display:flex;flex-direction:column;gap:var(--s-3)}.search-input{width:100%;padding:6px var(--s-2);border:1px solid var(--c-border-strong);border-radius:var(--r-sm);font-size:var(--t-base);font-family:inherit}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px;font-size:var(--t-sm)}.breadcrumb button{background:none;border:none;padding:2px var(--s-1);color:var(--c-brand);cursor:pointer;font-size:var(--t-sm);border-radius:var(--r-sm)}.breadcrumb button:hover{background:var(--c-hover)}.breadcrumb .crumb-current{color:var(--c-text);font-weight:var(--fw-semibold);padding:2px var(--s-1)}.breadcrumb .crumb-sep{color:var(--c-border-strong)}.folder-list{display:flex;flex-direction:column;gap:var(--s-1)}.folder-row{display:flex;align-items:center;gap:var(--s-2);width:100%;text-align:left;border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--r-md);padding:var(--s-2) var(--s-3);cursor:pointer;color:var(--c-text)}.folder-row:hover{background:var(--c-hover)}.folder-row .folder-name{font-weight:var(--fw-semibold);flex:1}.folder-row .folder-count{font-size:var(--t-sm);color:var(--c-text-muted)}.folder-row .chev{color:var(--c-text-muted)}.browser-item{border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--s-2) var(--s-3);background:var(--c-surface)}.browser-item:hover{background:var(--c-hover)}.tpl-row{display:flex;align-items:center;gap:var(--s-2)}.tpl-text{min-width:0;flex:1}.tpl-name{font-weight:var(--fw-semibold);overflow-wrap:anywhere}.seq-row{display:flex;flex-direction:column;gap:var(--s-1);min-width:0}.seq-row .tpl-name{overflow-wrap:break-word}.seq-row-actions{display:flex;gap:var(--s-2);margin-top:2px}.tpl-subject{font-size:var(--t-sm);color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-prompt{margin-top:var(--s-2)}.btn-sm{padding:2px var(--s-2);font-size:var(--t-sm);flex-shrink:0}.folder-path{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted);margin-bottom:var(--s-1)}.browser-section-label{font-size:var(--t-xs);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-muted);margin:var(--s-2) 0 var(--s-1)}.empty{color:var(--c-text-muted);font-size:var(--t-md);padding:var(--s-3) 0}.toolbar{display:flex;align-items:center;gap:var(--s-2)}.toolbar .spacer{flex:1}.folder-entry{display:flex;flex-direction:column;gap:var(--s-1)}.folder-row-wrap{display:flex;align-items:center;gap:var(--s-1)}.folder-row-wrap .folder-row{flex:1}.folder-actions{display:flex;gap:var(--s-1);padding-left:var(--s-3)}.inline-edit{display:flex;gap:var(--s-1);align-items:center}.inline-edit .text-input{flex:1;min-width:0}.move-row{display:flex;gap:var(--s-1);align-items:center;padding-left:var(--s-3)}.move-row select{flex:1;min-width:0;padding:4px var(--s-1);border:1px solid var(--c-border-strong);border-radius:var(--r-sm);font-family:inherit;font-size:var(--t-sm)}.mgmt-error{color:var(--c-danger);font-size:var(--t-sm);margin:0}.item-line{display:flex;align-items:center;gap:var(--s-1)}.item-body{flex:1;min-width:0}.attention-item{border-left:3px solid var(--c-danger)}.ended-item{background:var(--c-bg)}.ended-reason{font-size:var(--t-sm);margin:0 0 var(--s-2)}.chip{display:inline-block;vertical-align:middle;font-size:var(--t-xs);font-weight:var(--fw-semibold);line-height:1.5;padding:0 var(--s-2);border-radius:10px;letter-spacing:.02em}.chip-info{background:var(--c-selected);color:var(--c-brand)}.chip-success{background:#dff6dd;color:var(--c-success)}.chip-danger{background:#fde7e9;color:var(--c-danger)}.chip-muted{background:var(--c-hover);color:var(--c-text-muted)}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1);margin-bottom:var(--s-1)}.editor-toolbar .icon-btn{border:1px solid var(--c-border-strong);min-width:26px;text-align:center}.editor-fields{display:flex;flex-wrap:wrap;gap:3px}.field-chip{background:var(--c-selected);color:var(--c-brand);border:none;border-radius:10px;padding:2px var(--s-2);font-size:var(--t-xs);cursor:pointer}.field-chip:hover{filter:brightness(.96)}.editor-body{min-height:150px;border:1px solid var(--c-border-strong);border-radius:var(--r-sm);padding:var(--s-2);font-size:var(--t-md);line-height:1.45;overflow-y:auto;background:var(--c-surface)}.editor-body:empty:before{content:"Write the email body… use the field buttons above to personalize.";color:var(--c-text-muted)}.seq-step .seq-step-preview{border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);padding:var(--s-2);margin-top:var(--s-1);max-height:160px;overflow-y:auto;font-size:var(--t-sm);line-height:1.4}.seq-step-edit-head{display:flex;align-items:center;gap:var(--s-1);margin-bottom:var(--s-1)}.seq-step-edit-head .spacer{flex:1}.seq-step-type{font-weight:var(--fw-semibold);font-size:var(--t-sm)}.seq-step-row{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-1);flex-wrap:wrap}.seq-day{display:flex;align-items:center;gap:var(--s-1);font-size:var(--t-sm);color:var(--c-text-muted)}.day-input{width:64px}.seq-tier{display:flex;gap:2px}.seq-template-select{flex:1;min-width:0;padding:4px var(--s-1);border:1px solid var(--c-border-strong);border-radius:var(--r-sm);font-family:inherit;font-size:var(--t-sm);background:var(--c-surface)}.seq-reminder-note{width:100%;margin-top:var(--s-1);font-family:inherit;resize:vertical}