/* Approved Velvet UI: roster, Today handoffs, and focused content review. */
#page-clients,#page-today,#page-presence-content-engine{color:var(--vu-ink);background:var(--vu-paper)}
#page-clients,#page-presence-content-engine{padding:32px;max-width:1240px;margin-inline:auto;width:100%;box-sizing:border-box}
#page-clients .page-title{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:44px!important;font-style:normal!important;line-height:1.1}
#page-clients .page-header{margin:0 0 30px;padding:0;align-items:center}
#page-clients .clients-roster-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:22px}
#page-clients .clients-roster-search{flex:1 1 300px;min-width:0;max-width:none}
#page-clients input,#page-clients select,.vu-queue-search input{width:100%;min-width:0;min-height:44px;background:var(--vu-surface);color:var(--vu-ink);border:1px solid var(--vu-line);border-radius:3px;padding:12px 14px;font:inherit;box-sizing:border-box}
.vu-sort{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--vu-muted)}
#page-clients .vu-sort select{width:auto;max-width:210px}
#page-clients .clients-roster-filters{flex-basis:100%;display:flex;gap:8px;flex-wrap:wrap}
#page-clients .clients-roster-filter-btn,.te-filter{min-height:44px!important;font-size:12px!important;border:1px solid transparent!important;border-radius:3px!important;padding:10px 14px!important;background:transparent;color:var(--vu-muted)}
#page-clients .clients-roster-filter-btn[aria-pressed=true],#page-presence-content-engine .te-filter[aria-pressed=true]{background:var(--vu-linen)!important;border-color:var(--vu-line)!important;color:var(--vu-ink)!important}
#page-clients .clients-roster-count{border-top:1px solid var(--vu-line);padding-top:22px;margin-bottom:20px;font-size:12px;color:var(--vu-muted)}
#page-clients #clients-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vu-client-card{min-width:0;border:1px solid var(--vu-line);background:var(--vu-surface);border-radius:4px;overflow:hidden}
.vu-client-open{display:grid;grid-template-columns:84px minmax(0,1fr) 12px;gap:17px;width:100%;padding:18px;border:0;background:transparent;color:inherit;text-align:left;align-items:center;font:inherit;cursor:pointer}
.vu-client-open:hover{background:var(--vu-linen)}
.vu-client-photo{width:84px;height:108px;background:var(--vu-linen);display:flex;align-items:center;justify-content:center;border-radius:3px;overflow:hidden;font:30px 'Cormorant Garamond',Georgia,serif}
.vu-client-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.vu-client-copy{min-width:0;display:grid;gap:7px;overflow-wrap:anywhere}
.vu-client-copy strong{font:26px/1.1 'Cormorant Garamond',Georgia,serif}
.vu-client-copy small{font-size:11px;color:var(--vu-muted)}
.vu-client-work{font-size:12px;color:var(--vu-olive)}
.vu-client-actions{display:flex;gap:18px;padding:0 18px 12px 119px;flex-wrap:wrap}
.vu-client-actions button{border:0;background:transparent;font:11px 'DM Sans',sans-serif;color:var(--vu-muted);padding:8px 0;min-height:32px;cursor:pointer}
.vu-pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap;margin-top:25px;padding-top:20px;border-top:1px solid var(--vu-line);font-size:12px}
.vu-pagination span{margin-right:auto}
.vu-pagination button,.vu-work-button{font:13px 'DM Sans',sans-serif;color:var(--vu-ink);border:1px solid var(--vu-line);background:var(--vu-surface);padding:12px 16px;min-height:44px;border-radius:3px;cursor:pointer}
.vu-pagination button:disabled{opacity:.4;cursor:default}
#page-today .today-view{max-width:1176px;margin:auto;padding:32px}
#page-today .today-hero{background:none!important;min-height:0;height:auto;border-radius:0;box-shadow:none;border-bottom:1px solid var(--vu-line);padding:0 0 38px;margin:0 0 30px}
#page-today .today-hero::before,#page-today .today-hero::after,#today-hero-img{display:none!important}
#page-today .today-hero-content{position:static;padding:0;background:none;color:var(--vu-ink);display:flex;flex-direction:column}
#page-today .today-date{order:-1;color:var(--vu-olive);font-size:11px;letter-spacing:.12em;margin:0 0 14px}
#page-today .today-greeting{font:46px/1.1 'Cormorant Garamond',Georgia,serif;color:var(--vu-ink);margin:0 0 16px;text-shadow:none}
#page-today .today-synthesis-line{font:14px/1.6 'DM Sans',sans-serif;color:var(--vu-muted);max-width:780px;margin:0}
#page-today .today-attention-list{display:grid;gap:14px}
#page-today .today-attention-label{font:25px 'Cormorant Garamond',Georgia,serif;color:var(--vu-ink);letter-spacing:0;text-transform:none;margin-bottom:22px}
#page-today .today-attention-row{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:22px;align-items:center;background:var(--vu-surface);border:1px solid var(--vu-line);border-radius:4px;padding:20px;margin:0}
#page-today .today-attention-photo{width:84px;height:105px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--vu-linen);border-radius:3px;overflow:hidden;font:28px 'Cormorant Garamond',Georgia,serif}
#page-today .today-attention-photo>img{width:100%;height:100%;object-fit:cover;object-position:top}
#page-today .today-attention-headline{font:27px/1.15 'Cormorant Garamond',Georgia,serif;color:var(--vu-ink);margin:6px 0 9px}
#page-today .today-attention-sub{font:13px/1.5 'DM Sans',sans-serif;color:var(--vu-muted);margin:0}
.vu-eyebrow{font:10px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.13em;color:var(--vu-olive);margin:0}
.vu-today-empty{padding:25px;border:1px solid var(--vu-line)}
.vu-today-empty h3{font:28px 'Cormorant Garamond',Georgia,serif;margin:0 0 12px}
#page-presence-content-engine .te-page-title{font:44px/1.1 'Cormorant Garamond',Georgia,serif}
#page-presence-content-engine .te-page-header{margin-bottom:30px}
.vu-queue-search{display:block;max-width:540px;font-size:12px;color:var(--vu-muted);margin:0 0 22px}
.vu-queue-search input{display:block;margin-top:8px}
#page-presence-content-engine .te-filters{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--vu-line);flex-wrap:wrap}
.vu-week-list{display:grid;gap:14px}
.vu-week-card{display:grid;grid-template-columns:90px minmax(0,1fr) 12px;align-items:center;gap:22px;width:100%;padding:20px;border:1px solid var(--vu-line);border-radius:4px;background:var(--vu-surface);color:var(--vu-ink);text-align:left;cursor:pointer}
.vu-week-thumb{display:flex;width:90px;height:112px;background:var(--vu-linen);align-items:center;justify-content:center;overflow:hidden;border-radius:3px}
.vu-week-card>span:nth-child(2){display:grid;gap:9px;min-width:0;overflow-wrap:anywhere}
.vu-week-card strong{font:30px/1.1 'Cormorant Garamond',Georgia,serif}
.vu-week-card small,.vu-week-card>span>span{font:12px/1.5 'DM Sans',sans-serif;color:var(--vu-muted)}
.vu-content-cover{width:100%;height:100%;display:block;position:relative;overflow:hidden;background:#f5f0e7;color:#302c25}
.vu-content-cover img{width:100%;height:100%;object-fit:cover;display:block}
.vu-cover-copy{position:absolute;inset:auto 0 0;padding:7%;background:#f5f0e7;display:grid;gap:5px}
.vu-cover-copy strong{font:11px/1.1 'Cormorant Garamond',Georgia,serif!important;overflow-wrap:anywhere}
.vu-cover-copy small{font:7px/1.2 'DM Sans',sans-serif!important;max-height:3.6em;overflow:hidden}
.vu-cover-ink,.vu-cover-ink .vu-cover-copy{background:#282822;color:#f5f0e7}
.vu-cover-sand,.vu-cover-sand .vu-cover-copy{background:#dfd0bc;color:#302c25}
.vu-content-symbol{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font:28px Georgia,serif;color:#766d61}
.vu-back-week{margin-bottom:24px;min-height:44px}
#page-presence-content-engine .te-week-heading h2{font:38px/1.1 'Cormorant Garamond',Georgia,serif}
.vu-post-nav{display:flex;gap:8px;flex-wrap:wrap;padding:20px 0;border-block:1px solid var(--vu-line);margin:22px 0}
.vu-post-nav button{font:12px 'DM Sans',sans-serif;border:1px solid transparent;background:transparent;color:var(--vu-muted);min-height:44px;padding:10px 15px;border-radius:3px;cursor:pointer}
.vu-post-nav button[aria-pressed=true]{background:var(--vu-linen);border-color:var(--vu-line);color:var(--vu-ink)}
.vu-week-actions{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
#te-week-detail .rq-days-row{display:block}
#te-week-detail .ig-post-card{max-width:680px;margin-inline:auto;width:100%}
#te-week-detail .rq-story-item{max-width:420px;margin-inline:auto;width:100%}
#te-week-detail .rq-stories-row{display:block}
.vu-post-design-cover{aspect-ratio:4/5;max-width:480px;margin:auto}
.vu-post-design-cover .vu-cover-copy strong{font-size:32px!important}
.vu-post-design-cover .vu-cover-copy small{font-size:16px!important;max-height:none}
#te-week-detail [hidden],#te-draft-shelf[hidden]{display:none!important}
#vu-back-client{border:0;background:none;font:inherit;cursor:pointer}
@media(max-width:760px){
 #page-clients,#page-presence-content-engine,#page-today .today-view{padding:22px 18px}
 #page-clients #clients-grid{grid-template-columns:minmax(0,1fr)}
 #page-clients .page-title,#page-presence-content-engine .te-page-title{font-size:38px!important}
 #page-today .today-greeting{font-size:38px}
 #page-today .today-attention-row{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:16px}
 #page-today .today-attention-photo{width:64px;height:80px;grid-row:1/3}
 #page-today .today-attention-body{grid-column:2;min-width:0}
 #page-today .vu-work-button{grid-column:2;justify-self:start;max-width:100%}
 .vu-week-card{grid-template-columns:64px minmax(0,1fr) 10px;padding:16px;gap:14px}
 .vu-week-thumb{width:64px;height:80px}
 .vu-week-card strong{font-size:25px}
 .vu-post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .vu-post-nav button{padding:10px 8px;overflow-wrap:anywhere}
 .vu-client-actions button{min-height:44px}
 #page-presence-content-engine input,#page-presence-content-engine textarea,#page-clients input,#page-clients select{font-size:16px}
}
@media(max-width:400px){.vu-client-open{grid-template-columns:66px minmax(0,1fr) 10px;gap:12px;padding:14px}.vu-client-photo{width:66px;height:90px}.vu-client-copy strong{font-size:24px}.vu-client-actions{padding-left:92px;gap:12px}.vu-sort{flex-wrap:wrap}#page-clients .vu-sort select{max-width:100%}}
@font-face{font-family:'Velvet Editorial';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/cormorant-garamond-latin-400-normal.woff2') format('woff2')}
#page-clients .page-title,#page-presence-content-engine .te-page-title,#page-presence-content-engine .te-week-heading h2,#page-today .today-greeting,#page-today .today-attention-headline,#page-today .today-attention-label,.vu-client-copy strong,.vu-week-card strong,.vu-client-photo{font-family:'Velvet Editorial',Georgia,serif!important;font-weight:400!important}
#page-clients .clients-roster-toolbar{border-bottom:0}
#page-clients .clients-roster-filter-btn{text-transform:none;letter-spacing:0}
#page-clients .clients-roster-empty{grid-column:1/-1}
#page-today .today-hero-content{padding-left:0!important}
#page-today .today-view{padding:32px!important}
#page-clients :focus-visible,#page-today :focus-visible,#page-presence-content-engine :focus-visible{outline:2px solid var(--vu-olive);outline-offset:3px}
@media(max-width:760px){#page-today .today-view{padding:22px 18px!important}}

/* Shared frame and type scale from the approved design study. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/dm-sans-400.ttf') format('truetype')}
body{--vu-paper:#faf8f5;--vu-surface:#fffdfa;--vu-linen:#ede8df;--vu-ink:#2c2620;--vu-muted:#70675d;--vu-line:#ddd6cb;--vu-olive:#4a5240;--vu-on-olive:#fffdfa;--vu-tint:#e9ecdf;--vu-danger:#87382d;--vu-danger-bg:#f8ebe6;--vu-header-height:88px}
@media(prefers-color-scheme:dark){body{--vu-paper:#211f1b;--vu-surface:#2b2823;--vu-linen:#373229;--vu-ink:#f0eade;--vu-muted:#bdb2a3;--vu-line:#51493e;--vu-olive:#b9c4a4;--vu-on-olive:#20271c;--vu-tint:#333b2a;--vu-danger:#f0b5a6;--vu-danger-bg:#412a23}}
body.app-ready{background:var(--vu-paper)}
body:not(.app-ready) .vu-app-header{display:none!important}
.vu-app-header{position:fixed;top:0;left:0;right:0;height:var(--vu-header-height);display:flex;align-items:center;gap:20px;padding:18px max(28px,calc((100vw - 1184px)/2));background:var(--vu-surface);border-bottom:1px solid var(--vu-line);color:var(--vu-ink);z-index:100}
.vu-wordmark{font:36px/1 'Velvet Editorial',Georgia,serif;letter-spacing:-1px;color:inherit;border:0;background:none;padding:4px 0;min-height:44px;margin-right:auto}
.vu-app-header #velvet-pill-nav{position:static!important;transform:none!important;opacity:1!important;display:flex;align-items:center;gap:5px;box-shadow:none;border-radius:0;padding:0;background:none;min-width:0;flex-shrink:1}
.vu-app-header .velvet-pill-nav-item{background:none;border:0;border-radius:4px;color:var(--vu-muted);font:400 14px/1.4 'DM Sans',sans-serif;letter-spacing:0;text-transform:none;padding:11px 15px;min-height:44px}
.vu-app-header .velvet-pill-nav-item.active,.vu-app-header .velvet-pill-nav-item:hover{background:var(--vu-linen);color:var(--vu-ink)}
.vu-app-header #velvet-pill-nav-settings{position:static!important;transform:none!important;opacity:1!important;flex-shrink:0;box-shadow:none;width:42px;height:42px;background:none;color:var(--vu-muted);border:1px solid var(--vu-line);font:24px 'Velvet Editorial',Georgia,serif;letter-spacing:0;padding:0}
#velvet-account-menu{top:calc(var(--vu-header-height) - 8px);bottom:auto;left:auto;right:max(24px,calc((100vw - 1184px)/2));background:var(--vu-surface);border:1px solid var(--vu-line);color:var(--vu-ink);box-shadow:0 10px 30px #0002;max-width:calc(100vw - 32px)}
#velvet-account-menu .velvet-account-menu-item{color:var(--vu-ink);min-height:44px}
#velvet-account-menu .velvet-account-menu-item:hover{background:var(--vu-linen)}
#velvet-account-menu .velvet-account-menu-signout{color:var(--vu-danger)}
.vu-app-header :focus-visible,#velvet-account-menu :focus-visible{outline:2px solid var(--vu-olive);outline-offset:3px}
body.app-ready #screen-app{padding-top:var(--vu-header-height);width:100%}
body.app-ready .mobile-header{display:none!important}
body.app-ready .main{padding-bottom:40px}
:is(#page-clients,#page-today,#page-presence-content-engine,#page-settings,#page-client-detail){--parchment:var(--vu-paper);--vellum:var(--vu-surface);--linen:var(--vu-linen);--seam:var(--vu-line);--charcoal:var(--vu-ink);--slate:var(--vu-muted);--ash:var(--vu-muted);--olive:var(--vu-olive);--bg:var(--vu-paper);--surface:var(--vu-surface);--surface2:var(--vu-linen);--border:var(--vu-line);--text:var(--vu-ink);--muted:var(--vu-muted);--accent:var(--vu-olive);--danger:var(--vu-danger);--font-display:'Velvet Editorial',Georgia,serif;color:var(--vu-ink);background:var(--vu-paper);font:400 15px/1.5 'DM Sans',sans-serif;color-scheme:light dark}
#page-clients,#page-presence-content-engine,#page-settings{max-width:1240px;width:100%;padding:40px 28px 48px;margin-inline:auto}
#page-today .today-view{max-width:1240px;padding:40px 28px 48px!important}
#page-clients .page-header,#page-settings .page-header{margin-bottom:32px;gap:24px;display:flex;justify-content:space-between;align-items:center}
#page-clients .page-title,#page-settings .page-title,#page-presence-content-engine .te-page-title{font:400 44px/1.05 'Velvet Editorial',Georgia,serif!important;letter-spacing:-.025em;margin:6px 0 12px;padding:0}
.vu-page-intro,#page-presence-content-engine .te-page-intro{font:14px/1.6 'DM Sans',sans-serif;color:var(--vu-muted);margin:0;max-width:560px}
.vu-eyebrow,#page-presence-content-engine .te-eyebrow{font:11px/1.5 'DM Sans',sans-serif;letter-spacing:.14em;color:var(--vu-olive);text-transform:uppercase;margin:0 0 8px}
:is(#page-clients,#page-today,#page-presence-content-engine,#page-settings,#page-client-detail) .btn,.vu-work-button,.vu-pagination button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--vu-line);border-radius:4px;background:var(--vu-surface);color:var(--vu-ink);padding:11px 16px;min-height:44px;font:400 13px/1.4 'DM Sans',sans-serif;text-transform:none;letter-spacing:0;white-space:normal;box-shadow:none}
:is(#page-clients,#page-today,#page-presence-content-engine,#page-settings,#page-client-detail) .btn-primary{background:var(--vu-olive);border-color:var(--vu-olive);color:var(--vu-on-olive)}
:is(#page-clients,#page-today,#page-presence-content-engine,#page-settings,#page-client-detail) .btn:hover:not(:disabled),.vu-work-button:hover{filter:brightness(.95)}
#page-clients .clients-roster-search{flex-basis:460px;max-width:620px}
#page-clients .clients-roster-toolbar{justify-content:space-between;gap:22px;margin-bottom:0}
#page-clients input,#page-clients select,.vu-queue-search input{font:15px/1.5 'DM Sans',sans-serif;min-height:48px;padding:12px 14px;border-radius:4px}
#page-clients input::placeholder,.vu-queue-search input::placeholder{color:var(--vu-muted);opacity:1}
#page-clients .clients-roster-filters{gap:8px;padding-bottom:20px}
#page-clients .clients-roster-filter-btn,.te-filter{font-size:13px!important;padding:10px 14px!important;font-weight:400!important}
#page-clients .clients-roster-count{font-size:13px;padding-top:22px;margin-bottom:20px}
.vu-client-card{border-radius:5px}
.vu-client-open{padding:22px 20px 12px;grid-template-columns:84px minmax(0,1fr) 12px;gap:18px}
.vu-client-copy{gap:8px}
.vu-client-copy strong{font-size:28px;letter-spacing:-.015em}
.vu-client-copy small{font-size:12px;line-height:1.5}
.vu-client-work{font-size:13px}
.vu-client-actions{padding:0 20px 14px 122px;gap:20px}
.vu-client-actions button{font-size:12px;min-height:36px}
.vu-client-actions button:hover{text-decoration:underline;color:var(--vu-ink)}
#page-today .today-greeting{font-style:normal;letter-spacing:-.025em;font-size:46px}
#page-today .today-hero{padding-bottom:30px;margin-bottom:28px}
#page-today .today-attention-label,#page-today .nya-label{font:400 26px/1.2 'Velvet Editorial',Georgia,serif!important;letter-spacing:0;text-transform:none;color:var(--vu-ink);margin-bottom:20px}
#page-today .today-attention-row{padding:22px 24px;gap:24px;border-radius:5px}
#page-today .today-attention-headline{font-size:28px}
#page-today .today-attention-sub{max-width:610px;font-size:14px}
#page-today .today-attention-section{margin-bottom:32px}
#page-today .nya-section{margin:36px 0 0}
#page-today .nya-card{background:var(--vu-surface);border:1px solid var(--vu-line);border-radius:5px;padding:8px 20px}
#page-today .nya-row{background:transparent;border-color:var(--vu-line);color:var(--vu-ink)}
#page-presence-content-engine .te-page-header{gap:28px;align-items:center;margin-bottom:32px}
#page-presence-content-engine .te-page-actions{gap:10px;max-width:100%;flex-wrap:wrap}
#page-presence-content-engine .te-filters{gap:8px}
#page-presence-content-engine .te-filter span{color:var(--vu-muted);background:transparent}
#page-presence-content-engine .te-selected-week{background:transparent;border:0;padding:0}
#page-presence-content-engine .te-text-button{color:var(--vu-muted);font:13px/1.4 'DM Sans',sans-serif;min-height:44px}
#page-presence-content-engine .te-week-heading h2{font:38px/1.15 'Velvet Editorial',Georgia,serif}
#page-presence-content-engine .te-special-state,#page-presence-content-engine .te-empty-state{background:var(--vu-surface);border:1px solid var(--vu-line);border-radius:5px;padding:32px;color:var(--vu-ink)}
#page-presence-content-engine .te-special-state h3{font:28px/1.2 'Velvet Editorial',Georgia,serif;margin-bottom:12px;color:var(--vu-ink)}
#page-presence-content-engine .te-notice{background:var(--vu-tint);color:var(--vu-ink)}
#page-presence-content-engine .te-section-heading{margin-top:28px}
#page-presence-content-engine .ig-post-card,#page-presence-content-engine .rq-story-item{background:var(--vu-surface);color:var(--vu-ink);border:1px solid var(--vu-line);border-radius:5px;box-shadow:none;overflow:hidden}
#page-presence-content-engine .ig-post-caption{font-size:14px;line-height:1.65;color:var(--vu-ink)}
#page-presence-content-engine .rq-journal-placeholder{background:var(--vu-linen);color:var(--vu-muted)}
.vu-week-card{padding:24px;gap:24px;border-radius:5px}
.vu-week-card:hover{background:var(--vu-linen)}
.vu-week-card small,.vu-week-card>span>span{font-size:13px}
.vu-content-symbol{color:var(--vu-muted)}
#page-settings .settings-tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--vu-line);margin-bottom:28px;padding-bottom:12px}
#page-settings .settings-tab{font:13px/1.4 'DM Sans',sans-serif;min-height:44px;color:var(--vu-muted);padding:11px 14px;border:0;border-radius:4px;background:transparent}
#page-settings .settings-tab.active{color:var(--vu-ink);background:var(--vu-linen);box-shadow:none}
#page-settings .card{background:var(--vu-surface);border:1px solid var(--vu-line);border-radius:5px;padding:28px;box-shadow:none}
#page-settings .settings-tab-panel{max-width:100%}
#page-settings .settings-tab-panel[data-tab=profile]{max-width:760px}
#page-settings .field{margin-bottom:22px}
#page-settings label{font-size:13px;color:var(--vu-muted);margin-bottom:8px}
#page-settings input,#page-settings select,#page-settings textarea{font-size:15px;min-height:44px;background:var(--vu-paper);color:var(--vu-ink);border:1px solid var(--vu-line);border-radius:4px;max-width:100%}
#page-settings :focus-visible{outline:2px solid var(--vu-olive);outline-offset:3px}
@media(max-width:900px){
 .vu-app-header{padding-inline:22px;gap:12px}
 .vu-app-header .velvet-pill-nav-item{padding-inline:10px;font-size:13px}
 #page-presence-content-engine .te-page-header{align-items:flex-start;flex-direction:column;gap:22px}
}
@media(max-width:640px){
 body{--vu-header-height:132px}
 .vu-app-header{padding:12px 18px;display:grid;grid-template-columns:1fr 42px;grid-template-rows:44px 48px;gap:10px 12px}
 .vu-wordmark{justify-self:start;font-size:32px}
 .vu-app-header #velvet-pill-nav-settings{grid-column:2;grid-row:1}
 .vu-app-header #velvet-pill-nav{grid-row:2;grid-column:1/-1;overflow-x:auto;max-width:100%;justify-content:space-between;padding:2px!important;scroll-padding-inline:4px}
 .vu-app-header .velvet-pill-nav-item{font-size:13px;padding:10px 12px;flex-shrink:0}
 #page-clients,#page-presence-content-engine,#page-settings,#page-today .today-view{padding:28px 18px 48px!important}
 #page-clients .page-header{align-items:flex-start;gap:16px;flex-wrap:wrap}
 #page-clients .page-title,#page-settings .page-title,#page-presence-content-engine .te-page-title{font-size:38px!important}
 .vu-page-intro{font-size:14px}
 #page-clients .clients-roster-toolbar{gap:16px}
 #page-clients .clients-roster-search{flex-basis:100%;max-width:none}
 .vu-sort{width:100%;justify-content:space-between;margin-bottom:0}
 #page-clients .vu-sort select{max-width:220px}
 #page-clients .clients-roster-filters{gap:4px}
 #page-clients .clients-roster-filter-btn{padding:10px 11px!important}
 .vu-client-open{padding:18px 16px 10px;gap:14px;grid-template-columns:72px minmax(0,1fr) 10px}
 .vu-client-photo{width:72px;height:96px}
 .vu-client-copy strong{font-size:26px}
 .vu-client-copy small{font-size:11px}
 .vu-client-actions{padding:0 16px 10px 102px;gap:18px}
 .vu-client-actions button{min-height:44px}
 #page-today .today-greeting{font-size:38px}
 #page-today .today-attention-row{grid-template-columns:64px minmax(0,1fr);padding:18px 16px;gap:14px}
 #page-today .today-attention-headline{font-size:25px}
 #page-today .today-attention-sub{font-size:13px}
 .vu-week-card{padding:18px 16px;gap:14px}
 #page-settings .card{padding:20px 16px}
 #page-settings input,#page-settings textarea,#page-settings select{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.vu-app-header *,.vu-client-card *,.vu-week-card{transition:none!important}}
/* Clear the former full-bleed hero offsets so every section shares one edge. */
#page-today{padding:0!important}
#page-today .today-hero{width:100%;overflow:visible}
#page-today .today-hero-content{margin:0;max-width:none;height:auto}
#page-today .today-hero-content>*{padding:0!important;max-width:none}
#page-presence-content-engine .photo-library-section{padding:24px;background:var(--vu-surface);border-radius:5px}
#page-presence-content-engine .photo-library-title{font:28px/1.2 'Velvet Editorial',Georgia,serif}
#page-presence-content-engine .photo-library-header{margin-bottom:22px}
#page-presence-content-engine .photo-filter-select,#page-presence-content-engine .btn-upload-photo{font-size:13px;min-height:44px;padding:10px 14px}
#page-presence-content-engine .btn-upload-photo{background:var(--vu-olive);color:var(--vu-on-olive);border-color:var(--vu-olive)}
#page-presence-content-engine .photo-upload-form{padding:22px;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:4px}
#page-presence-content-engine .photo-upload-field label{font-size:13px;margin-bottom:8px;color:var(--vu-muted)}
#page-presence-content-engine .photo-upload-field input,#page-presence-content-engine .photo-upload-field select{min-height:46px;font-size:15px;border-radius:4px}
#page-presence-content-engine #photo-upload-file{padding:8px;width:100%;max-width:100%;background:var(--vu-surface);color:var(--vu-muted)}
#page-presence-content-engine #photo-upload-file::file-selector-button{font:13px 'DM Sans',sans-serif;background:var(--vu-linen);color:var(--vu-ink);border:1px solid var(--vu-line);border-radius:4px;padding:10px 14px;margin-right:12px;cursor:pointer}
#page-presence-content-engine #photo-upload-status{color:var(--vu-muted)!important;font-size:13px!important}
#page-presence-content-engine .photo-upload-actions{flex-wrap:wrap;gap:10px}
@media(max-width:640px){#page-presence-content-engine .photo-library-section{padding:18px 14px}#page-presence-content-engine .photo-upload-form{grid-template-columns:minmax(0,1fr);padding:16px 12px}#page-presence-content-engine .photo-upload-field input,#page-presence-content-engine .photo-upload-field select{font-size:16px}#page-presence-content-engine .photo-library-header>div{max-width:100%;flex-wrap:wrap}#page-presence-content-engine .photo-filter-select{width:auto;min-width:100px;flex:1}}
body.app-ready .bottom-tab-bar{display:none!important}
body.app-ready :focus{scroll-margin-top:calc(var(--vu-header-height) + 16px)}
#page-settings>.settings-tabs{gap:10px}
#page-settings>.settings-tabs>.settings-tab{flex:0 0 auto;letter-spacing:0;white-space:nowrap}
.vu-cover-text .vu-cover-copy{inset:0;align-content:center;padding:12%;text-align:center}
.vu-cover-text .vu-cover-copy strong{font-family:'Velvet Editorial',Georgia,serif!important;font-weight:400}
#te-week-detail .ig-post-card{max-width:none;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto 1fr auto}
#te-week-detail .ig-post-head{grid-column:1/-1;padding:18px 22px;border-bottom:1px solid var(--vu-line)}
#te-week-detail .ig-post-photo-wrap{grid-column:1;grid-row:2/5;min-width:0;padding:24px;background:var(--vu-linen);display:flex;align-items:center;justify-content:center}
#te-week-detail .vu-post-design-cover{width:100%;max-width:340px;flex-shrink:1;box-shadow:0 3px 18px #0001}
#te-week-detail .ig-post-photo{width:100%;height:auto;aspect-ratio:4/5;max-width:340px;display:flex;align-items:center;justify-content:center}
#te-week-detail .ig-post-photo-empty{background:var(--vu-paper);color:var(--vu-muted)}
#te-week-detail .ig-post-body,#te-week-detail .ig-post-edit-body{grid-column:2;grid-row:2;padding:28px}
#te-week-detail .ig-post-caption{font-size:15px}
#te-week-detail .rq-day-pill-foot{grid-column:2;grid-row:3;align-self:start;padding:20px 28px;margin:0;justify-content:space-between}
#te-week-detail .te-post-tools{grid-column:2;grid-row:4;align-self:start}
#te-week-detail .te-card-open{font-size:13px;min-height:44px;padding:10px 14px;border:1px solid var(--vu-line);border-radius:4px}
#te-week-detail .rq-day-status{font-size:12px}
#te-week-detail .rq-day-name{font-size:12px}
#te-week-detail .rq-day-role{font-size:11px}
#te-week-detail .te-post-tools button{font-size:12px;min-height:44px}
@media(max-width:640px){
 #te-week-detail .ig-post-card{display:flex}
 #te-week-detail .ig-post-photo-wrap{padding:18px}
 #te-week-detail .vu-post-design-cover,#te-week-detail .ig-post-photo{max-width:270px}
 #te-week-detail .ig-post-body,#te-week-detail .ig-post-edit-body,#te-week-detail .rq-day-pill-foot{padding:18px}
 #te-week-detail .vu-post-design-cover .vu-cover-copy strong{font-size:26px!important}
 #te-week-detail .vu-post-design-cover .vu-cover-copy small{font-size:13px!important}
}
.vu-cover-text .vu-cover-copy{text-align:left}
.vu-cover-title .vu-cover-copy{text-align:center}
#page-client-detail{--canvas-warm:var(--vu-paper);--surface-card-warm:var(--vu-surface);--text-body:var(--vu-ink);--label-muted:var(--vu-muted);--rule-subtle:var(--vu-line);max-width:1240px;padding:28px 28px 48px;margin-inline:auto;width:100%}
#page-client-detail .vl-hero-zone{background:var(--vu-paper);margin:0;padding:24px 0 28px;border-bottom:1px solid var(--vu-line)}
#page-client-detail .vl-client-name{font:44px/1.1 'Velvet Editorial',Georgia,serif;letter-spacing:-.025em;padding-right:160px;color:var(--vu-ink)}
#page-client-detail .vl-client-meta{font-size:13px;color:var(--vu-muted);margin-bottom:16px}
#page-client-detail .vl-hero-palette:empty,#page-client-detail .vl-hero-mira:empty,#page-client-detail .vl-hero-zone:has(.vl-hero-mira:empty) .vl-mira-attribution{display:none}
#page-client-detail .vl-client-actions{margin-top:12px!important;padding:0;gap:18px}
#page-client-detail .vl-action-link{min-height:44px;font-size:13px;letter-spacing:0;color:var(--vu-muted)}
#page-client-detail .vl-hero-new-edit{top:24px;right:0;min-height:44px;padding:11px 16px;border:1px solid var(--vu-olive);background:var(--vu-olive);color:var(--vu-on-olive);font:13px 'DM Sans',sans-serif;border-radius:4px;letter-spacing:0}
#page-client-detail #vu-back-client{color:var(--vu-muted);min-height:44px;font-size:13px}
#page-client-detail .vl-status-section{border-radius:5px;background:var(--vu-surface)}
#page-client-detail :focus-visible{outline:2px solid var(--vu-olive);outline-offset:3px}
#page-client-detail :is(.client-section,.vl-status-section){scroll-margin-top:calc(var(--vu-header-height) + 18px)}
@media(max-width:640px){#page-client-detail{padding:22px 18px 48px}#page-client-detail .vl-client-name{font-size:38px;padding-right:0}#page-client-detail .vl-hero-new-edit{position:static;align-self:flex-start;margin-bottom:20px}#page-client-detail .vl-client-actions{gap:8px 18px}}
#page-client-detail #mira-summary-panel.mira-panel--empty{background:var(--vu-surface);border:1px solid var(--vu-line);border-radius:5px;padding:22px 24px}
#page-client-detail .mira-panel--empty .mira-panel-content,#page-client-detail .mira-panel--empty .mira-panel-content>span{color:var(--vu-muted);opacity:1!important;font:14px/1.6 'DM Sans',sans-serif!important}
