#shifts .v322-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0}
#shifts .v322-toolbar label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:175px}
#shifts .v322-nav{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:18px 0}
#shifts .v322-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
#shifts .v322-day{border:1px solid #e7dfd2;border-radius:10px;min-height:130px;padding:11px 7px;background:#fff;text-align:center;cursor:pointer;color:#24211d;display:flex;flex-direction:column;align-items:center;gap:8px}
#shifts .v322-day:hover,#shifts .v322-day:focus-visible{border-color:#b59b6a;background:#f9f5ec}
#shifts .v322-day.selected{border:2px solid #b59b6a;background:#f8f0e2}
#shifts .v322-day .v322-date{font-size:19px;font-weight:650}
#shifts .v322-day .v322-dow{font-size:11px;color:#777}
#shifts .v322-shift{font-size:10px;background:#f0e5d2;color:#4e3f2b;border-radius:5px;padding:5px 3px;width:100%;overflow-wrap:anywhere}
#shifts .v322-editor{background:#faf8f4;border:1px solid #e9e0d2;padding:17px;border-radius:12px;margin-top:16px}
#shifts .v322-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#shifts .v322-fields label{display:flex;flex-direction:column;gap:5px}
#shifts .v322-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#shifts .v322-summary{margin:14px 0;padding:12px;border:1px solid #e9e0d2;border-radius:9px}
#shifts .v322-status{font-size:12px;color:#68543c;margin:8px 0;min-height:16px}
#shifts .v322-toolbar button{align-self:end}
@media(max-width:800px){#shifts .v322-week{grid-template-columns:repeat(2,minmax(0,1fr))}#shifts .v322-day{min-height:110px}#shifts .v322-fields{grid-template-columns:1fr}}
@media(min-width:801px) and (max-width:1150px){#shifts .v322-week{grid-template-columns:repeat(4,minmax(0,1fr))}}

#shifts .v322-week.v323-month{grid-template-columns:repeat(7,minmax(0,1fr))}
#shifts .v323-month .v322-day{min-height:90px}
#shifts .v323-rest{background:#eae7e0;border-color:#bbb5aa}
#shifts .v323-outside{opacity:.38}
@media(max-width:700px){#shifts .v322-week.v323-month{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}#shifts .v323-month .v322-day{min-height:63px;padding:4px 1px;gap:3px}#shifts .v323-month .v322-date{font-size:12px}#shifts .v323-month .v322-dow{font-size:8px}#shifts .v323-month .v322-shift{font-size:8px}}