/* VeroFeed identity, 2026-10-11. Original brand assets supplied by the owner. */
:root{--vf-burgundy:#801434;--vf-burgundy-hover:#651029;--vf-graphite:#2e2e2e;--vf-tint:#f8eef1;--vf-border:#e5dfe2;--brand:var(--vf-burgundy);--brand2:#a23b59;--ink:var(--vf-graphite);--muted:#665f64;--line:var(--vf-border);--soft:#f7f5f6;--panel:#fff;--nav:#fff;--shadow:0 8px 28px #2e2e2e08}
html{accent-color:var(--vf-burgundy)}
body[data-vf-brand]{color:var(--vf-graphite);background:var(--soft)}
.vf-brand-lockup{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;flex-shrink:0;line-height:1;text-decoration:none;color:var(--vf-graphite)}
.vf-brand-logo{display:block;width:200px;max-width:100%;height:auto;aspect-ratio:1000/179;object-fit:contain;background:white}
.vf-brand-lockup small{color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.sidebar .vf-brand-lockup{padding:3px 8px 22px;max-width:100%}
.sidebar{background:#fff;color:var(--vf-graphite);border-right:1px solid var(--line)}
.sidebar .tenant-box{background:#f6f3f4;border-color:var(--line)}
.sidebar .tenant-box label,.sidebar .user small{color:var(--muted)}
.sidebar .tenant-box select{background:#fff;border-color:#d4c6cb;color:var(--vf-graphite)}
.sidebar nav button,.sidebar nav a,.sidebar-bottom button,.sidebar .account-security-link{color:#555057}
.sidebar nav button:hover,.sidebar nav a:hover,.sidebar-bottom button:hover{background:#f6f3f4;color:var(--vf-graphite)}
.sidebar nav button.active,.sidebar nav a.active{background:var(--vf-tint);color:var(--vf-burgundy);box-shadow:inset 3px 0 var(--vf-burgundy);font-weight:750}
.sidebar-bottom{border-color:var(--line)}
.btn.primary{background:var(--vf-burgundy);border-color:var(--vf-burgundy);color:#fff}
.btn.primary:hover{background:var(--vf-burgundy-hover);border-color:var(--vf-burgundy-hover)}
.btn.light{color:var(--vf-burgundy);border-color:var(--vf-border)}
.btn.ghost:hover{background:var(--vf-tint)}
:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--vf-burgundy);outline-offset:3px}
input:focus,select:focus,textarea:focus{border-color:var(--vf-burgundy)}
input[type=checkbox],input[type=radio]{accent-color:var(--vf-burgundy)}
.public-head{height:auto;min-height:82px;gap:16px;padding-top:16px;padding-bottom:16px}
.hero{background:radial-gradient(ellipse at 10% 0%,#6b243b 0,transparent 65%),#28272a}
.hero .eyebrow{color:#f0b0c1}.hero .lead,.trust{color:#e6dfe2}
.hero .btn.primary{background:#a43555;border-color:#a43555}.hero .btn.primary:hover{background:#b13c5d}
.hero .flow-preview>i{color:#dab9c3}.hero .mini-log{background:#282228}
.node.transform{background:#fae8ee;color:var(--vf-burgundy)}
.benefits article{border-color:#e8bac8}
.quick-template:hover,.template-option:hover{border-color:#bb7b90}
.feature-pill.trial,.auth-tabs button.active{background:var(--vf-tint);color:var(--vf-burgundy);border-color:#e6b5c5}
.progress-line i{background:var(--vf-burgundy)}
.skip-link{color:var(--vf-burgundy)}
tbody tr:hover{background:#fcf7f9}
.vf-brand-auth{margin-bottom:24px}.vf-brand-auth .vf-brand-logo{width:180px}
.signup-shell>header,.security-shell>header{gap:18px;flex-wrap:wrap}
body[data-vf-surface=operator] aside{background:#fff;border-right:1px solid var(--line);color:var(--vf-graphite)}
body[data-vf-surface=operator] aside .vf-brand-logo{width:192px}
body[data-vf-surface=operator] aside .eyebrow,body[data-vf-surface=operator] .aside-note{color:var(--muted)}
body[data-vf-surface=operator] #drafts button{color:#555057;border-color:var(--line);padding:12px 10px}
body[data-vf-surface=operator] #drafts button.selected{background:var(--vf-tint);color:var(--vf-burgundy);box-shadow:inset 3px 0 var(--vf-burgundy)}
body[data-vf-surface=operator] button{background:var(--vf-burgundy)}
body[data-vf-surface=operator] button:hover{filter:none;background:var(--vf-burgundy-hover)}
body[data-vf-surface=operator] .secondary,body[data-vf-surface=operator] #steps button{background:#f1ecee;color:var(--vf-graphite)}
body[data-vf-surface=operator] #steps button.active{background:var(--vf-burgundy);color:white}
body[data-vf-surface=operator] .secondary:hover,body[data-vf-surface=operator] #steps button:not(.active):hover{background:#eaddE3;color:var(--vf-burgundy)}
body[data-vf-surface=operator] .badge{background:var(--vf-tint);color:var(--vf-burgundy)}
body[data-vf-surface=operator] p,body[data-vf-surface=operator] label,body[data-vf-surface=operator] .muted{color:var(--muted)}
body[data-vf-surface=operator] section,body[data-vf-surface=operator] .archive{border-color:var(--line)}
body[data-vf-surface=operator] th,body[data-vf-surface=operator] pre,body[data-vf-surface=operator] .stat{background:#f7f4f5}
.vf-busy{position:fixed;z-index:250;right:24px;bottom:24px;display:flex;align-items:center;gap:12px;width:max-content;max-width:min(390px,calc(100vw - 32px));padding:12px 20px 12px 12px;border:1px solid #e6d7dd;border-left:4px solid var(--vf-burgundy);border-radius:14px;background:#fff;color:var(--vf-graphite);box-shadow:0 8px 36px #2e2e2e20;pointer-events:none}
.vf-busy[hidden]{display:none!important}
.vf-busy img{width:64px;height:64px;object-fit:contain;flex:none;border-radius:8px}
.vf-busy strong{display:block;font-size:14px;line-height:1.5;font-weight:700}
.vf-busy small{display:block;font-size:12px;line-height:1.5;color:var(--muted)}
.vf-busy[data-reduced=true] img{width:88px;height:40px}
@media(max-width:760px){.public-head{flex-wrap:wrap}.public-head>div:last-child{flex-wrap:wrap}.public-head .vf-brand-logo{width:175px}.vf-busy{right:12px;bottom:12px;max-width:calc(100vw - 24px);padding:8px 14px 8px 8px;gap:8px}.vf-busy img{width:48px;height:48px}.vf-brand-auth .vf-brand-logo{width:160px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}

.vf-running{display:inline-flex;vertical-align:middle;margin-right:6px;background:#fff;border-radius:6px;overflow:hidden}
.vf-running img{display:block;width:28px;height:28px;object-fit:contain}
@media(prefers-reduced-motion:reduce){.vf-running img{width:64px;height:28px}}

body[data-vf-brand] main>header{flex-wrap:wrap}