/*
 * Asani New Look — white workspace, navy hierarchy, warm orange actions.
 * Presentation-only overlay: routes, forms and data contracts remain unchanged.
 */
:root {
  --as-orange: #f26a2e;
  --as-orange-dark: #d94f16;
  --as-orange-soft: #fff1e9;
  --as-orange-faint: #fff8f4;
  --as-navy: #172033;
  --as-ink: #263044;
  --as-muted: #748096;
  --as-line: #e5e9f0;
  --as-line-strong: #d8dee8;
  --as-canvas: #f5f7fa;
  --as-card: #ffffff;
  --as-green: #189b67;
  --as-green-soft: #eaf8f1;
  --as-red: #d94b4b;
  --as-red-soft: #fff0f0;
  --as-blue: #4f73d9;
  --as-blue-soft: #eef3ff;
  --as-shadow: 0 8px 28px rgba(23, 32, 51, .055);
  --v2-blue: var(--as-orange);
  --v2-blue-dark: var(--as-orange-dark);
  --v2-blue-soft: var(--as-orange-soft);
  --v2-navy: var(--as-navy);
  --v2-bg: var(--as-canvas);
  --v2-text: var(--as-navy);
  --v2-muted: var(--as-muted);
  --v2-line: var(--as-line);
}

html { color-scheme: light; }
body { color: var(--as-ink); background: var(--as-canvas); }
body, button, input, select, textarea { font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { transition: color .16s ease, background-color .16s ease, border-color .16s ease, transform .16s ease; }

/* Shared controls */
.btn,
.main-btn,
.primary-btn,
.worker-topbar-btn,
.wc-btn,
.sa-btn.primary,
button[type="submit"] {
  border-color: var(--as-orange) !important;
  background: var(--as-orange) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.btn:hover,
.main-btn:hover,
.primary-btn:hover,
.worker-topbar-btn:hover,
.wc-btn:hover,
.sa-btn.primary:hover,
button[type="submit"]:hover { background: var(--as-orange-dark) !important; border-color: var(--as-orange-dark) !important; }
.danger-btn,
.btn-danger,
.sa-btn.danger,
button.danger-btn,
button[type="submit"].danger-btn {
  background: var(--as-red) !important;
  border-color: var(--as-red) !important;
  color: #fff !important;
}
.danger-btn:hover,
.btn-danger:hover,
.sa-btn.danger:hover { background: #bd3737 !important; border-color: #bd3737 !important; }
.btn-warning,
.btn-sm.btn-warning { background: #fff2d5 !important; border-color: #eccb84 !important; color: #87590e !important; }
.btn.btn-light,
.ghost-btn,
.secondary-btn,
.wc-btn.light,
button[type="button"].ghost-btn {
  background: #fff !important;
  color: var(--as-navy) !important;
  border-color: var(--as-line-strong) !important;
}
input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  border-color: var(--as-line-strong) !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: var(--as-navy) !important;
  box-shadow: none !important;
}
input:focus, select:focus, textarea:focus {
  outline: 3px solid rgba(242, 106, 46, .14) !important;
  border-color: var(--as-orange) !important;
}
input[type="checkbox"], input[type="radio"] { accent-color: var(--as-orange); }

/* Office shell */
.asani-office-ui .app-shell { background: var(--as-canvas) !important; }
.asani-office-ui .pro-sidebar,
.asani-office-ui .sidebar {
  width: 244px !important;
  background: #fff !important;
  color: var(--as-navy) !important;
  border-right: 1px solid var(--as-line) !important;
  box-shadow: none !important;
}
.asani-office-ui .pro-content,
.asani-office-ui .content { margin-left: 244px !important; background: var(--as-canvas) !important; }
.asani-office-ui .sidebar-brand { padding: 22px 18px 18px !important; border-bottom: 1px solid #f0f2f6 !important; }
.asani-office-ui .brand-mark,
.worker-brand-mark,
.sa-mark {
  background: var(--as-orange) !important;
  color: #fff !important;
  border-radius: 11px !important;
}
.asani-office-ui .sidebar-brand strong { color: var(--as-navy) !important; font-size: 19px !important; }
.asani-office-ui .sidebar-brand span { color: var(--as-muted) !important; }
.asani-office-ui .sidebar-search { margin: 16px 14px 18px !important; background: #f8f9fb !important; border-color: var(--as-line) !important; color: var(--as-muted) !important; }
.asani-office-ui .sidebar-search input { background: transparent !important; border: 0 !important; outline: 0 !important; }
.asani-office-ui .sidebar-search kbd { color: var(--as-muted) !important; background: #fff !important; border-color: var(--as-line) !important; }
.asani-office-ui .sidebar-label { color: #a0a8b6 !important; padding-left: 20px !important; }
.asani-office-ui .nav-item {
  position: relative;
  margin: 2px 10px !important;
  padding: 11px 12px !important;
  border-radius: 11px !important;
  color: #596477 !important;
  border: 0 !important;
}
.asani-office-ui .nav-item span { color: #8993a3 !important; }
.asani-office-ui .nav-item:hover { background: #f8f9fb !important; color: var(--as-navy) !important; }
.asani-office-ui .nav-item.active { background: var(--as-orange-soft) !important; color: var(--as-orange-dark) !important; }
.asani-office-ui .nav-item.active::before { content: ""; position: absolute; left: -10px; top: 8px; bottom: 8px; width: 3px; border-radius: 0 3px 3px 0; background: var(--as-orange); }
.asani-office-ui .nav-item.active span { color: var(--as-orange) !important; }
.asani-office-ui .sidebar-mini-links a { color: var(--as-muted) !important; }
.asani-office-ui .sidebar-mini-links a:hover { color: var(--as-orange-dark) !important; }
.asani-office-ui .sidebar-user-card { margin: auto 12px 16px !important; background: #fafbfc !important; color: var(--as-navy) !important; border: 1px solid var(--as-line) !important; }
.asani-office-ui .sidebar-avatar { background: var(--as-orange-soft) !important; color: var(--as-orange-dark) !important; }
.asani-office-ui .sidebar-user-card span,
.asani-office-ui .sidebar-user-menu { color: var(--as-muted) !important; }
.asani-office-ui .pro-topbar,
.asani-office-ui .topbar {
  min-height: 72px !important;
  background: rgba(255,255,255,.97) !important;
  border-bottom: 1px solid var(--as-line) !important;
  box-shadow: none !important;
}
.asani-office-ui .topbar-title h1 { color: var(--as-navy) !important; font-size: 21px !important; }
.asani-office-ui .topbar-title p { color: var(--as-muted) !important; }
.asani-office-ui .topbar-chip { background: var(--as-orange-soft) !important; color: var(--as-orange-dark) !important; border-color: #ffd8c4 !important; }
.asani-office-ui .topbar-icon { background: #fff !important; color: var(--as-navy) !important; border-color: var(--as-line) !important; }
.asani-office-ui .topbar-lang-switch { background: #f5f7fa !important; border-color: var(--as-line) !important; }
.asani-office-ui .topbar-lang-switch a { color: var(--as-muted) !important; }
.asani-office-ui .topbar-lang-switch a.active { background: #fff !important; color: var(--as-orange-dark) !important; box-shadow: 0 1px 4px rgba(23,32,51,.09) !important; }
.asani-office-ui .workspace { max-width: 1500px !important; padding: 24px 28px 36px !important; }

/* Universal cards and tables */
.asani-office-ui .card,
.asani-office-ui .panel,
.asani-office-ui .controller-card,
.asani-office-ui .core-health-card,
.asani-office-ui .lead-calendar-card,
.asani-office-ui .lead-calendar-summary,
.asani-office-ui .dashboard-setup-card,
.asani-office-ui .manage-card,
.asani-office-ui .payroll-card,
.asani-office-ui .request-card,
.asani-office-ui .stat-card {
  background: #fff !important;
  border: 1px solid var(--as-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--as-shadow) !important;
}
.asani-office-ui table { color: var(--as-ink); }
.asani-office-ui th { background: #f8f9fb !important; color: var(--as-muted) !important; border-color: var(--as-line) !important; font-size: 11px !important; text-transform: uppercase; letter-spacing: .045em; }
.asani-office-ui td { border-color: #edf0f4 !important; }
.asani-office-ui tbody tr:hover td { background: #fffaf7; }
.status-pill.ok,
.status-pill.approved,
.status-pill.green { background: var(--as-green-soft) !important; color: #11754f !important; }
.status-pill.warning,
.status-pill.pending,
.status-pill.returned { background: #fff5df !important; color: #9a6715 !important; }
.status-pill.danger,
.status-pill.conflict { background: var(--as-red-soft) !important; color: #ad3737 !important; }
.status-pill.info,
.status-pill.submitted { background: var(--as-blue-soft) !important; color: #3e5db2 !important; }

/* Chief / Controller command dashboard */
.asani-office-ui .controller-board { display: grid; gap: 18px; }
.asani-office-ui .controller-hero {
  margin: 0 !important;
  padding: 6px 2px 2px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.asani-office-ui .controller-eyebrow { color: var(--as-orange-dark) !important; font-size: 11px !important; letter-spacing: .09em !important; }
.asani-office-ui .controller-hero h2 { color: var(--as-navy) !important; font-size: clamp(27px, 3vw, 38px) !important; letter-spacing: -.045em !important; }
.asani-office-ui .controller-hero p { color: var(--as-muted) !important; }
.asani-office-ui .controller-actions { align-items: center; }
.asani-office-ui .issue-button { background: #fff !important; color: var(--as-navy) !important; border-color: var(--as-line-strong) !important; }
.asani-office-ui .issue-button.danger { background: var(--as-red-soft) !important; color: #aa3636 !important; border-color: #f5c8c8 !important; }
.asani-office-ui .issue-button.warning,
.asani-office-ui .issue-button.request-button { background: #fff6e4 !important; color: #956315 !important; border-color: #f2d9a6 !important; }
.asani-command-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.asani-command-kpi {
  appearance: none;
  width: 100%;
  min-height: 132px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 17px;
  border: 1px solid var(--as-line);
  border-top: 3px solid #c8ced8;
  border-radius: 15px;
  background: #fff;
  color: var(--as-navy);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  box-shadow: var(--as-shadow);
}
.asani-command-kpi:hover { transform: translateY(-2px); border-color: #d8b7a7; }
.asani-command-kpi > span { color: var(--as-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .045em; }
.asani-command-kpi > strong { display: block; font-size: 28px; line-height: 1; color: var(--as-navy); letter-spacing: -.04em; }
.asani-command-kpi > small { color: var(--as-muted); font-size: 12px; }
.asani-command-kpi.is-primary { border-top-color: var(--as-orange); background: linear-gradient(145deg,#fff 55%,#fff8f4); }
.asani-command-kpi.is-danger { border-top-color: var(--as-red); }
.asani-command-kpi.is-warning { border-top-color: #e7a936; }
.asani-command-kpi.is-ok { border-top-color: var(--as-green); }
.asani-office-ui .core-health-card { order: 0; }
.asani-office-ui .core-health-card.is-clean { background: linear-gradient(145deg,#fff 60%,#f4fbf7) !important; }
.asani-office-ui .core-health-row { border-radius: 12px !important; }
.asani-office-ui .controller-card { overflow: hidden; }
.asani-office-ui .controller-head { padding-bottom: 15px !important; border-bottom: 1px solid var(--as-line) !important; }
.asani-office-ui .controller-head h3,
.asani-office-ui .lead-calendar-top h3,
.asani-office-ui .lead-calendar-summary h3 { color: var(--as-navy) !important; }
.asani-office-ui .controller-head p,
.asani-office-ui .lead-calendar-top p { color: var(--as-muted) !important; }
.asani-office-ui .lead-calendar-shell { gap: 16px !important; }
.asani-office-ui .lead-calendar-day { border-color: var(--as-line) !important; border-radius: 11px !important; background: #fff !important; }
.asani-office-ui .lead-calendar-day.today { box-shadow: inset 0 0 0 2px var(--as-orange) !important; }
.asani-office-ui .lead-calendar-nav a { color: var(--as-orange-dark) !important; background: var(--as-orange-soft) !important; border-color: #ffd8c4 !important; }
.asani-office-ui .calendar-backfill-btn { color: var(--as-orange-dark) !important; border-color: #ffd8c4 !important; background: var(--as-orange-faint) !important; }
.asani-office-ui .controller-modal { background: rgba(23,32,51,.48) !important; backdrop-filter: blur(3px); }
.asani-office-ui .controller-modal-card,
.asani-office-ui .media-details-card { border-radius: 18px !important; border-color: var(--as-line) !important; box-shadow: 0 24px 80px rgba(23,32,51,.22) !important; }

/* Lead — the Start/Finish action remains the visual anchor */
body.asani-lead-ui { background: var(--as-canvas) !important; color: var(--as-ink) !important; }
.asani-lead-ui .sidebar { background: #fff !important; color: var(--as-navy) !important; border-right: 1px solid var(--as-line) !important; box-shadow: none !important; }
.asani-lead-ui .brand-line { color: var(--as-navy) !important; }
.asani-lead-ui .brand-line::before { background: var(--as-orange) !important; }
.asani-lead-ui .sidebar-label,
.asani-lead-ui .sidebar-user small { color: var(--as-muted) !important; }
.asani-lead-ui .nav-item { color: #596477 !important; border-radius: 11px !important; }
.asani-lead-ui .nav-item.active { background: var(--as-orange-soft) !important; color: var(--as-orange-dark) !important; }
.asani-lead-ui .content,
.asani-lead-ui .workspace { background: var(--as-canvas) !important; }
.asani-lead-ui .topbar { background: #fff !important; border-bottom-color: var(--as-line) !important; }
.asani-lead-ui .topbar h1 { color: var(--as-navy) !important; }
.asani-lead-ui .lead-day-card,
.asani-lead-ui .lead-hours-hero,
.asani-lead-ui .lead-normal-time,
.asani-lead-ui .lead-report-note,
.asani-lead-ui .lead-photo-action,
.asani-lead-ui .lead-modal-card {
  border-color: var(--as-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--as-shadow) !important;
}
.asani-lead-ui .lead-hours-hero { border-top: 4px solid var(--as-orange) !important; background: linear-gradient(145deg,#fff 62%,#fff6ef) !important; }
.asani-lead-ui .lead-hours-main,
.asani-lead-ui .lead-hours-main span { color: var(--as-navy) !important; }
.asani-lead-ui .lead-hours-change,
.asani-lead-ui .lead-normal-summary-time { color: var(--as-orange-dark) !important; }
.asani-lead-ui .lead-hours-meta-pill.is-exception { background: var(--as-orange-soft) !important; color: var(--as-orange-dark) !important; }
.asani-lead-ui .lead-worker-row.has-exception td { background: var(--as-orange-faint) !important; }
.asani-lead-ui .lead-row-state { background: #f2f4f7 !important; color: #596477 !important; }
.asani-lead-ui .lead-worker-row.has-exception .lead-row-state { background: var(--as-orange-soft) !important; color: var(--as-orange-dark) !important; }
.asani-lead-ui .lead-primary-action { min-height: 52px !important; font-size: 16px !important; }
.asani-lead-ui .lead-photo-action { background: #fff !important; color: var(--as-navy) !important; }
.asani-lead-ui .lead-photo-action-icon { color: var(--as-orange) !important; }
.lead-mobile-bottom a.active { color: var(--as-orange-dark) !important; }
.lead-mobile-bottom a.active::before { background: var(--as-orange) !important; }

/* Worker portal and calendar */
body.worker-ui,
.worker-shell,
.worker-content { background: var(--as-canvas) !important; }
.worker-sidebar { width: 244px !important; background: #fff !important; border-right-color: var(--as-line) !important; }
.worker-content { margin-left: 244px !important; }
.worker-brand { border-color: var(--as-line) !important; }
.worker-brand strong,
.worker-user-card strong,
.worker-topbar h1 { color: var(--as-navy) !important; }
.worker-brand span,
.worker-user-card span,
.worker-topbar p { color: var(--as-muted) !important; }
.worker-user-card { background: #fafbfc !important; border-color: var(--as-line) !important; }
.worker-avatar { background: var(--as-orange-soft) !important; color: var(--as-orange-dark) !important; }
.worker-nav a { color: #596477 !important; }
.worker-nav a:hover { background: #f8f9fb !important; color: var(--as-navy) !important; }
.worker-nav a.active { background: var(--as-orange-soft) !important; color: var(--as-orange-dark) !important; }
.worker-nav a.active span { color: var(--as-orange) !important; }
.worker-topbar { background: #fff !important; border-bottom-color: var(--as-line) !important; }
.worker-lang-switch a.active { background: var(--as-orange) !important; }
.worker-workspace { max-width: 1500px; margin: 0 auto; }
.wc-hero { padding: 8px 2px 4px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.wc-eyebrow { color: var(--as-orange-dark) !important; text-transform: uppercase; letter-spacing: .08em; }
.wc-hero h2 { color: var(--as-navy) !important; }
.wc-hero p { color: var(--as-muted) !important; }
.wc-stat,
.wc-calendar-card,
.wc-side-card,
.wc-details-card,
.wc-modal-card { border-color: var(--as-line) !important; border-radius: 16px !important; box-shadow: var(--as-shadow) !important; }
.wc-stat strong,
.wc-card-head h3,
.wc-side-card h3 { color: var(--as-navy) !important; }
.wc-stat span,
.wc-card-head p { color: var(--as-muted) !important; }
.wc-stat-icon.orange { background: var(--as-orange-soft) !important; color: var(--as-orange) !important; }
.wc-day { border-color: var(--as-line) !important; border-radius: 11px !important; }
.wc-day.today { box-shadow: inset 0 0 0 2px var(--as-orange) !important; }
.wc-today-pill { background: var(--as-orange) !important; }
.wc-day.worked { background: #f7fdf9 !important; }
.wc-day.holiday { background: #f6f9ff !important; }
.wc-day.sick { background: #fffaf1 !important; }
.wc-day.off { background: #faf8ff !important; }
.wc-day.missing { background: var(--as-red-soft) !important; }
.wc-conflict,
.wc-draft-report-badge { background: var(--as-orange-soft) !important; color: var(--as-orange-dark) !important; }
.wc-small-link,
.wc-draft-report-badge a { color: var(--as-orange-dark) !important; }
.wc-side-note { background: var(--as-orange-faint) !important; border-color: #ffe0cf !important; }
.worker-mobile-bottom a.active { color: var(--as-orange-dark) !important; }
.worker-mobile-bottom a.active::before { background: var(--as-orange) !important; }

/* Auth */
.asani-auth-modern-body { background: var(--as-canvas) !important; }
.asani-auth-modern-body .auth-brand-mark,
.asani-auth-modern-body .login-brand-mark { background: var(--as-orange) !important; }
.asani-auth-modern-body .auth-card,
.asani-auth-modern-body .login-card { border-color: var(--as-line) !important; box-shadow: 0 20px 60px rgba(23,32,51,.09) !important; }

/* Superadmin */
.asani-superadmin-ui { --teal: var(--as-orange); --teal-soft: var(--as-orange-soft); --ink: var(--as-navy); --muted: var(--as-muted); --line: var(--as-line); --bg: var(--as-canvas); }
.asani-superadmin-ui .sa-sidebar { width: auto; border-color: var(--as-line); }
.asani-superadmin-ui .sa-nav a.active,
.asani-superadmin-ui .sa-nav a:hover { color: var(--as-orange-dark); }
.asani-superadmin-ui .sa-card,
.asani-superadmin-ui .sa-company-card,
.asani-superadmin-ui .sa-detail-head { border-radius: 16px; box-shadow: var(--as-shadow); }

/* Mobile: action-first, thumb friendly, no compressed desktop dashboard */
@media (max-width: 1100px) {
  .asani-command-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 820px) {
  body { font-size: 14px; }
  .asani-office-ui .pro-sidebar,
  .asani-office-ui .sidebar { width: min(330px,88vw) !important; }
  .asani-office-ui .pro-content,
  .asani-office-ui .content { margin-left: 0 !important; }
  .asani-office-ui .workspace { padding: 16px 14px 92px !important; }
  .asani-office-ui .topbar { min-height: 62px !important; padding: 10px 14px !important; }
  .asani-office-ui .topbar-title h1 { font-size: 18px !important; }
  .asani-office-ui .topbar-actions .topbar-chip,
  .asani-office-ui .topbar-actions .topbar-icon { display: none !important; }
  .asani-office-ui .controller-board { gap: 13px; }
  .asani-office-ui .controller-hero { display: block !important; padding: 3px 1px !important; }
  .asani-office-ui .controller-hero h2 { font-size: 27px !important; }
  .asani-office-ui .controller-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 14px; }
  .asani-office-ui .controller-actions > * { width: 100% !important; min-width: 0 !important; justify-content: center !important; }
  .asani-command-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .asani-command-kpi { min-height: 112px; padding: 13px; border-radius: 13px; }
  .asani-command-kpi > strong { font-size: 24px; }
  .asani-command-kpi > small { line-height: 1.3; }
  .asani-office-ui .controller-card,
  .asani-office-ui .core-health-card,
  .asani-office-ui .lead-calendar-card,
  .asani-office-ui .lead-calendar-summary { border-radius: 14px !important; box-shadow: 0 4px 18px rgba(23,32,51,.045) !important; }
  .asani-office-ui .controller-table-wrap { overflow: visible !important; }
  .asani-office-ui .controller-table { min-width: 0 !important; }
  .asani-office-ui .mobile-bottom-nav,
  .worker-mobile-bottom,
  .lead-mobile-bottom { background: rgba(255,255,255,.98) !important; border-top: 1px solid var(--as-line) !important; box-shadow: 0 -8px 24px rgba(23,32,51,.06) !important; }
  .asani-office-ui .mobile-bottom-item.active { color: var(--as-orange-dark) !important; }
  .asani-office-ui .mobile-bottom-item.active::before { background: var(--as-orange) !important; }

  .asani-lead-ui .content { margin-left: 0 !important; }
  .asani-lead-ui .workspace { padding: 14px 14px 88px !important; }
  .asani-lead-ui .lead-hours-hero { border-radius: 14px !important; }
  .asani-lead-ui .lead-hours-main { font-size: clamp(35px,12vw,52px) !important; }
  .asani-lead-ui .lead-crew-actions { display: grid !important; grid-template-columns: 1fr 1fr; }
  .asani-lead-ui .lead-crew-actions > * { width: 100% !important; }

  .worker-sidebar { display: none !important; }
  .worker-content { margin-left: 0 !important; }
  .worker-topbar { padding: 13px 14px !important; }
  .worker-workspace { padding: 14px 14px 88px !important; }
  .wc-hero { display: block !important; padding: 3px 1px 8px !important; }
  .wc-hero h2 { font-size: 28px !important; }
  .wc-hero-actions { grid-template-columns: repeat(2,minmax(0,1fr)) !important; margin-top: 14px; }
  .wc-stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px !important; }
  .wc-stat { padding: 13px !important; gap: 9px !important; border-radius: 13px !important; }
  .wc-stat-icon { width: 34px !important; height: 34px !important; flex-basis: 34px !important; }
  .wc-stat strong { font-size: 18px !important; }
  .wc-calendar-card,
  .wc-side-card,
  .wc-details-card { padding: 13px !important; border-radius: 14px !important; }
  .wc-calendar-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 7px !important; }
  .wc-day:not(.wc-empty) {
    min-height: 70px !important;
    display: grid !important;
    grid-template-columns: 62px minmax(0,1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 10px 12px !important;
    border-radius: 12px !important;
  }
  .wc-day-top { grid-row: 1 / span 3; align-self: stretch; justify-content: center !important; flex-direction: column; border-right: 1px solid var(--as-line); }
  .wc-day-top strong { font-size: 20px !important; }
  .wc-day-label { margin: 0 !important; font-size: 14px !important; }
  .wc-day-meta { margin: 2px 0 0 !important; }
  .wc-day-saldo { grid-column: 3; grid-row: 1 / span 3; margin: 0 !important; font-size: 13px !important; }
  .wc-conflict,
  .wc-draft-report-badge { grid-column: 2 / -1; margin-top: 4px !important; }
  .wc-side-card { order: -1; }
}

@media (max-width: 520px) {
  .asani-command-kpis { grid-template-columns: 1fr 1fr; }
  .asani-command-kpi { min-height: 104px; }
  .asani-office-ui .controller-actions { grid-template-columns: 1fr 1fr; }
  .asani-office-ui .controller-actions .btn { padding-inline: 9px !important; }
  .wc-stat span { font-size: 11px !important; }
  .wc-day:not(.wc-empty) { grid-template-columns: 52px minmax(0,1fr) auto; padding-inline: 9px !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation-duration: .01ms !important; }
}