/* Home Staff only. Theme variables and existing actions are retained. */
#app .v61-home .v61-role-home { margin:0 2px 0; justify-content:flex-end; position:relative; z-index:5; }
#app .v61-home .staff-role-trigger { min-height:44px; font-size:13px; font-weight:600; gap:8px; }
#app .v61-home .staff-role-menu { right:0; left:auto; }
#app .v61-home .staff-greeting { margin:24px 0 32px; padding:0 4px; }
#app .v61-home .staff-greeting h1 { margin:0; font-size:clamp(25px,6.8vw,30px); font-weight:700; line-height:1.2; letter-spacing:-.025em; overflow-wrap:anywhere; }
#app .v61-home .staff-greeting p { margin:10px auto 0; max-width:38ch; font-size:13px; font-weight:400; line-height:1.5; }
#app .v61-home .staff-home-today-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0 4px 12px; }
#app .v61-home .staff-home-today-heading h2 { margin:0; font-size:15px; font-weight:700; letter-spacing:.09em; }
#app .v61-home .staff-home-today-heading > span { font-size:11px; line-height:1.4; font-weight:600; letter-spacing:.04em; text-transform:uppercase; text-align:right; }
#app .v61-home .v61-list { display:grid; gap:12px; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; overflow:visible; }
#app .v61-home .v61-today-row, #app .v61-home .v61-empty { box-sizing:border-box; min-height:80px; margin:0; padding:18px; border:1px solid var(--cio-solid-border,var(--line)); border-radius:24px; background:var(--cio-solid-surface,var(--paper)); color:var(--ink); box-shadow:0 2px 8px #00000008; }
#app .v61-home .v61-today-row { grid-template-columns:8px minmax(0,1fr) auto; gap:0 12px; overflow:hidden; }
#app .v61-home .v61-copy strong { font-size:16px; font-weight:600; line-height:1.3; color:var(--ink); }
#app .v61-home .v61-copy small { margin:3px 0 0; font-size:12px; line-height:1.4; font-weight:400; overflow-wrap:anywhere; }
#app .v61-home .v61-copy small:empty { display:none; }
#app .v61-home .v61-time { font-size:14px; font-weight:600; white-space:nowrap; color:var(--wine-deep,var(--ink)); }
#app .v61-home .staff-home-actions { grid-column:1/-1; display:flex; justify-content:flex-end; border-top:1px solid var(--cio-solid-border,var(--line)); margin:14px 0 -6px; padding-top:8px; }
#app .v61-home .v61-extend { min-height:44px; min-width:88px; padding:9px 18px; margin:0; font-family:inherit; font-size:14px; font-weight:600; line-height:1.3; border-radius:14px; border:1px solid var(--cio-solid-border,var(--line)); color:var(--wine-deep,var(--ink)); background:color-mix(in srgb,var(--wine) 8%,transparent); box-shadow:inset 0 1px 0 #ffffff60; cursor:pointer; transition:background 160ms ease,transform 160ms ease; }
#app .v61-home .v61-extend:active { transform:scale(.97); background:color-mix(in srgb,var(--wine) 15%,transparent); }
#app .v61-home :is(.v61-extend,.staff-role-trigger):focus-visible { outline:2px solid currentColor; outline-offset:3px; }
#app .v61-home .v61-empty { display:flex; flex-direction:column; justify-content:center; gap:2px; padding:18px 22px; }
#app .v61-home .v61-empty strong { font-size:16px; font-weight:600; line-height:1.3; }
#app .v61-home .v61-empty p { font-size:12px; font-weight:400; line-height:1.4; margin:0; color:var(--muted); }
#app .v61-home #v61-feedback:empty { display:none; }
#app .v61-home .v61-faction-points-mount { margin-bottom:24px; }
@media (max-width:360px) { #app .v61-home .staff-home-today-heading { gap:8px; } #app .v61-home .staff-home-today-heading > span { max-width:65%; } #app .v61-home .v61-today-row { padding:16px 14px; gap:0 10px; } }
@media (prefers-reduced-motion:reduce) { #app .v61-home .v61-extend { transition:none; } }