/* pofis shared design tokens — additive, scoped, and theme aware.
   Use these values for new cards instead of another layer of !important overrides. */
:root{
 --pofis-card-gap:18px;
 --pofis-card-radius:18px;
 --pofis-card-padding:20px;
 --pofis-card-title:18px;
 --pofis-card-text:13px;
 --pofis-card-border:#e2e9e4;
 --pofis-card-subtle:#f4f7f5;
 --pofis-focus:#2baf6b;
}
html[data-theme="dark"]{
 --pofis-card-border:#404a42;
 --pofis-card-subtle:#2e3630;
 --pofis-focus:#51d796;
}
#club .social-club-grid,
#today .pofis-team-ops{gap:var(--pofis-card-gap)}
#club .social-club-column{gap:var(--pofis-card-gap)}
#club .social-club-column > .social-panel,
#today .pofis-team-ops > .card{
 border-radius:var(--pofis-card-radius);
 padding:var(--pofis-card-padding);
 min-width:0;
}
#club .social-club-column .social-card-head h2,
#today .pofis-team-ops .po-ops-heading h2{
 font-size:var(--pofis-card-title);
 line-height:1.35;
}
#club .social-club-column > .social-panel :is(input,textarea,select),
#today .pofis-team-ops :is(input,textarea,select){
 min-height:39px;
 border-radius:10px;
 box-sizing:border-box;
 max-width:100%;
}
#club .social-club-column > .social-panel :is(input,textarea,select,button):focus-visible,
#today .pofis-team-ops :is(input,textarea,select,button):focus-visible{
 outline:2px solid var(--pofis-focus);outline-offset:2px;
}
#club .social-club-column > .social-panel .sub,
#today .pofis-team-ops > .card .sub{line-height:1.55}
#today .po-presence-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
#today #officeLeaveQuick{min-height:39px;padding:8px 12px;border-radius:10px;white-space:nowrap;font-size:12px;font-weight:800}
#today .pofis-office-person-time{display:block;color:#698174;font-size:10px;line-height:1.35;min-height:14px;font-weight:650}
html[data-theme="dark"] #today .pofis-office-person-time{color:#bccbbf}
#locks .po-showcase-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
#locks .po-showcase-actions small{font-size:11px;color:#7e8e81;line-height:1.5}
html[data-theme="dark"] #locks .po-showcase-actions small{color:#c0c8c0}
#locks .po-showcase-actions button{font-size:12px}
@media(max-width:900px){:root{--pofis-card-gap:16px;--pofis-card-padding:16px}}
@media(max-width:570px){
 #today .pofis-office-presence-head{align-items:flex-start;flex-wrap:wrap}
 #today .po-presence-actions{width:100%;justify-content:space-between}
 #today #officeLeaveQuick{min-height:43px}
}

#today .po-leave-feedback{margin:5px 0 0;min-height:0;text-align:right;font-size:11px;line-height:1.4;color:#267747}
#today .po-leave-feedback:empty{display:none}
html[data-theme="dark"] #today .po-leave-feedback{color:#ade6ba}
#today #officeLeaveQuick:disabled{opacity:.65;cursor:wait}