/* Shared appearance from the supplied compact dashboard. */
.simple-theme .employee-mobile-list .card { margin-bottom:14px!important; }
.simple-theme .employee-mobile-list .card-body > .d-flex:first-child { gap:12px; align-items:flex-start!important; }
.simple-theme .employee-mobile-list .card-body > .d-flex:first-child > .d-flex { min-width:0; flex:1; }
.simple-theme .employee-mobile-list .card-body > .d-flex:first-child > .d-flex > div:first-child { flex-shrink:0; }
.simple-theme .employee-mobile-list strong { overflow-wrap:anywhere; line-height:1.8; }
.simple-theme .employee-mobile-list .status { flex-shrink:0; }
.simple-theme .employee-mobile-list .btn { background:var(--blue-soft); color:var(--primary); border:1px solid #bfdbfe; }
.simple-theme .jalali-picker-panel { max-height:calc(100dvh - 24px); overflow-y:auto; overscroll-behavior:contain; }
.simple-theme .form-check { display:flex; align-items:center; gap:12px; }
.simple-theme .form-check .form-check-input { float:none; margin:0; flex:0 0 20px; width:20px; height:20px; min-height:20px; }
.simple-theme .form-text { line-height:1.8; }
@media(max-width:767.98px) {
  .simple-theme .app-content { padding:16px 12px; }
  .simple-theme .table-responsive:has(> .mobile-record-table) { overflow:visible; padding:10px; }
  .simple-theme .table-responsive:has(> .mobile-record-table)::after { display:none; }
  .simple-theme .mobile-record-table { display:block; min-width:0!important; width:100%; }
  .simple-theme .mobile-record-table thead {
    position:absolute; width:1px; height:1px; margin:-1px; padding:0;
    overflow:hidden; clip-path:inset(50%); white-space:nowrap;
  }
  .simple-theme .mobile-record-table tbody { display:grid; gap:12px; }
  .simple-theme .mobile-record-table tbody tr { display:block; padding:8px 12px; border:1px solid var(--border); border-radius:12px; background:var(--surface); }
  .simple-theme .mobile-record-table tbody td {
    display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap;
    gap:8px; padding:10px 0; border:0; border-bottom:1px solid var(--surface-soft);
    background:transparent; box-shadow:none; white-space:normal; overflow-wrap:anywhere;
    font-size:.82rem; line-height:1.8;
  }
  .simple-theme .mobile-record-table td[data-label]::before {
    content:attr(data-label); font-size:.75rem; color:var(--text-muted); min-width:85px; font-weight:400;
  }
  .simple-theme .mobile-record-table td:last-child { border:0; }
  .simple-theme .mobile-record-table td[colspan] { display:block; text-align:center; }
  .simple-theme .mobile-record-table td .btn { min-height:42px; }
  .simple-theme .notification-management-card { grid-template-columns:36px minmax(0,1fr); }
  .simple-theme .notification-management-card > a { grid-column:1 / -1; min-height:42px; }
  .simple-theme .notification-management-card > div > .d-flex { flex-wrap:wrap; }
  .simple-theme .jalali-date-display { min-height:44px; font-size:16px; padding-left:42px; }
}
/* Keep filled action labels readable even inside card headers. */
.simple-theme .card-header a.btn-primary,
.simple-theme .card-header a.btn-primary:hover,
.simple-theme .card-header a.btn-primary:focus { color:#fff; }
.simple-theme .comments-page .comment-create-button {
  display:inline-flex; align-items:center; justify-content:center;
  gap:6px; min-height:42px; padding:8px 14px; flex-shrink:0;
}
.simple-theme .comments-page .comment-header > .d-flex { min-width:0; }
.simple-theme .comments-page .comment-header small { display:block; margin-top:4px; }
.simple-theme .comments-page .comment-content,
.simple-theme .comments-page .admin-response { overflow-wrap:anywhere; line-height:1.9; }
.simple-theme .comments-page .comment-card:last-child { margin-bottom:0; }
@media(max-width:767.98px) {
  .simple-theme .leave-list { border:0; background:transparent; box-shadow:none; overflow:visible; }
  .simple-theme .leave-list .table-responsive { overflow:visible; border-radius:0; }
  .simple-theme .leave-list .table-responsive::after { display:none; }
  .simple-theme .leave-list .table { display:block; min-width:0; width:100%; }
  .simple-theme .leave-list thead {
    position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip-path:inset(50%); white-space:nowrap;
  }
  .simple-theme .leave-list tbody { display:grid; gap:14px; }
  .simple-theme .leave-list tbody tr {
    display:block; padding:8px 16px; border:1px solid var(--border);
    border-radius:14px; background:var(--surface); box-shadow:0 2px 6px #0f172a05;
  }
  .simple-theme .leave-list tbody td {
    display:flex; justify-content:space-between; align-items:baseline;
    gap:12px; padding:11px 0; white-space:normal; border:0;
    border-bottom:1px solid var(--surface-soft); background:transparent; box-shadow:none;
    font-size:.85rem; line-height:1.8; overflow-wrap:anywhere;
  }
  .simple-theme .leave-list td[data-label]::before {
    content:attr(data-label); flex:0 0 76px; color:var(--text-muted); font-size:.75rem; font-weight:400;
  }
  .simple-theme .leave-list .leave-dates > div { text-align:left; min-width:0; }
  .simple-theme .leave-list .leave-dates small { display:block; line-height:1.9; }
  .simple-theme .leave-list td:last-child { border-bottom:0; }
  .simple-theme .leave-list td.leave-no-actions { display:none; }
  .simple-theme .leave-list .leave-actions {
    display:grid; grid-template-columns:1fr 1fr; width:100%; gap:8px;
  }
  .simple-theme .leave-list .leave-actions form { margin:0; }
  .simple-theme .leave-list .leave-actions .btn { width:100%; min-height:44px; }
  .simple-theme .leave-list .leave-actions > a { grid-column:1 / -1; text-align:center; }
  .simple-theme .leave-list td.empty-state { display:block; border:0; padding:32px 16px!important; }
  .simple-theme .comments-page > div > .card > .card-header { gap:12px; }
  .simple-theme .comments-page .comment-create-button { width:100%; }
  .simple-theme .comments-page .comment-card { padding:14px; }
  .simple-theme .comments-page .comment-header { gap:12px; }
  .simple-theme .comments-page .comment-actions .btn { width:100%; min-height:44px; }
}
:root {
  --primary:#2563eb; --primary-hover:#1d4ed8; --primary-2:#1d4ed8;
  --accent:#2563eb; --bg-body:#f8fafc; --sidebar-bg:#0f172a;
  --sidebar-w:260px; --topbar-h:62px; --card-radius:14px;
}
body.simple-theme { background:var(--surface-soft); color:var(--text); letter-spacing:normal; }
.simple-theme .app-sidebar { width:260px; min-width:260px; background:var(--text); box-shadow:none; z-index:1050; transition:transform .3s; }
.simple-theme .sidebar-brand { height:62px; flex-shrink:0; padding:0 1.25rem; gap:10px; }
.simple-theme .brand-icon { width:38px; height:38px; background:#2563eb; border-radius:10px; box-shadow:none; font-size:1.1rem; }
.simple-theme .brand-text strong { font-size:.95rem; }
.simple-theme .brand-text span { font-size:.7rem; }
.simple-theme .sidebar-nav { padding:1rem .75rem; overflow-y:auto; }
.simple-theme .nav-section-title { display:none; }
.simple-theme .sidebar-nav .nav-link { padding:.65rem .85rem; margin-bottom:4px; color:var(--text-light); font-size:.9rem; font-weight:400; box-shadow:none; transform:none; }
.simple-theme .sidebar-nav .nav-link:hover { background:#ffffff14; color:white; }
.simple-theme .sidebar-nav .nav-link.active { background:#2563eb; color:white; }
.simple-theme .sidebar-nav .nav-link::before,.simple-theme .sidebar-nav .nav-link::after { display:none; }
.simple-theme .sidebar-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:1rem; background:transparent; }
.simple-theme .user-mini { margin:0; min-width:0; }
.simple-theme .user-avatar { width:34px; height:34px; flex-shrink:0; border:0; border-radius:50%; background:var(--text); }
.simple-theme .user-info strong { font-size:.8rem; overflow-wrap:anywhere; }
.simple-theme .user-info span { display:none; }
.simple-theme .btn-sidebar-logout { width:auto; border:0; background:transparent; color:#ef4444; font-size:.75rem; }
.simple-theme .sidebar-overlay { z-index:1040; }
.simple-theme .app-main { margin-right:260px; }
.simple-theme .app-topbar { height:62px; min-height:62px; flex-direction:row; flex-wrap:nowrap; padding:0 1.25rem; gap:12px; background:var(--surface); backdrop-filter:none; z-index:1000; }
.simple-theme .topbar-right,.simple-theme .topbar-left { display:flex; width:auto; flex:0 1 auto; align-items:center; gap:.75rem; min-width:0; margin:0; }
.simple-theme .topbar-right { flex:1 1 auto; }
.simple-theme .topbar-title { min-width:0; }
.simple-theme .topbar-title h2 { font-size:1.05rem; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.simple-theme .topbar-title p { font-size:.75rem; margin:0; color:var(--text-muted); }
.simple-theme .btn-icon { width:38px; height:38px; flex:0 0 38px; background:var(--surface-soft); color:var(--text); }
.simple-theme .topbar-clock { width:auto; min-width:0; max-width:none; min-height:0; flex:none; padding:4px 10px; border-radius:9px; background:var(--surface-soft); box-shadow:none; white-space:nowrap; }
.simple-theme .topbar-clock .clock-time { font-size:.85rem; color:var(--text); letter-spacing:normal; }
.simple-theme .topbar-clock .clock-date { font-size:.65rem; }
.simple-theme .topbar-actions { flex:none; width:auto; }
.simple-theme .btn-topbar-primary { width:auto; min-height:0; flex:none; background:#2563eb; border-radius:9px; padding:.45rem .85rem; font-size:.82rem; font-weight:600; gap:6px; box-shadow:none; white-space:nowrap; }
.simple-theme .btn-topbar-primary:hover { background:#1d4ed8; transform:none; }
.simple-theme .app-content { padding:1.25rem; max-width:none; }
.simple-theme .app-footer { display:none; }
.simple-theme .card,.simple-theme .comment-card,.simple-theme .biometric-setup-card { background:var(--surface); border:1px solid var(--border); border-radius:14px; box-shadow:0 1px 3px #0f172a08; }
.simple-theme .card-header { background:var(--surface); padding:1rem; font-size:.9rem; color:var(--text); flex-wrap:wrap; }
.simple-theme .card-body { padding:1rem; }
.simple-theme .page-header h1 { font-size:1.2rem; color:var(--text); }
.simple-theme .page-header p { font-size:.8rem; }
.simple-theme .btn { border-radius:9px; font-size:.85rem; box-shadow:none; }
.simple-theme .btn-primary,.simple-theme .page-header .btn-primary { background:#2563eb; border-color:#2563eb; border-radius:9px; box-shadow:none; }
.simple-theme .btn-primary:hover { background:#1d4ed8; }
.simple-theme .form-control,.simple-theme .form-select { border-radius:9px; border-color:var(--border); }
.simple-theme .table { font-size:.85rem; }
.simple-theme .table thead th { background:var(--surface-soft); color:var(--text-muted); }
.simple-theme .leave-form-hero,.simple-theme .biometric-visual,.simple-theme .comment-reply { background:var(--surface-soft); }
.simple-theme .leave-form-icon { background:#2563eb; box-shadow:none; border-radius:10px; }
.simple-theme .biometric-copy { padding:24px; }
.simple-theme .biometric-copy h1 { font-size:1.2rem; color:var(--text); }
.simple-theme .stat-card { min-height:0; padding:1rem; gap:2px; background:var(--surface); border:1px solid var(--border); border-radius:14px; box-shadow:none; transform:none; }
.simple-theme .stat-card::before { display:none; }
.simple-theme .stat-card strong { font-size:1.5rem; line-height:1.5; color:var(--text); padding-left:36px; }
.simple-theme .stat-card span { font-size:.8rem; margin:0; }
.simple-theme .stat-card-icon { position:absolute; left:12px; top:12px; width:36px; height:36px; margin:0; border:0; border-radius:8px; font-size:1rem; background:var(--surface-soft); color:var(--text-muted); }
.simple-theme .stat-card-success .stat-card-icon { background:var(--positive-bg); color:var(--positive-text); }
.simple-theme .stat-card-warning .stat-card-icon { background:var(--caution-bg); color:var(--caution-text); }
.simple-theme .stat-card-danger .stat-card-icon { background:var(--negative-bg); color:var(--negative-text); }
.simple-theme .employee-dashboard .month-calendar { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); min-width:0; gap:5px; border:0; border-radius:0; }
.simple-theme .employee-calendar-body { padding:1rem; }
.simple-theme .employee-calendar-title strong { width:auto; font-size:.75rem; background:var(--surface-soft); padding:4px 8px; border-radius:6px; }
.simple-theme .employee-dashboard .month-calendar-weekday { font-size:.75rem; padding:6px 0; background:none; }
.simple-theme .employee-dashboard .month-calendar-day { min-width:0; min-height:65px; padding:4px; border:1px solid var(--border); border-radius:8px; background:var(--surface-soft); box-shadow:none; display:flex; flex-direction:column; justify-content:space-between; }
.simple-theme .employee-dashboard .month-calendar-day.is-today { border-color:#2563eb; background:var(--blue-soft); }
.simple-theme .employee-dashboard .month-calendar-day.is-holiday { background:var(--negative-bg); border-color:#fecdd3; }
.simple-theme .employee-dashboard .month-day-number { width:auto; height:auto; background:none; color:var(--text); font-size:.75rem; }
.simple-theme .month-day-top { flex-wrap:wrap; }
.simple-theme .month-today-label { font-size:.55rem; }
.simple-theme .employee-dashboard .month-status { display:block; font-size:.65rem; padding:1px 4px; border-radius:4px; text-align:center; }
.simple-theme .month-status.attendance { background:var(--positive-bg); color:var(--positive-text); }
.simple-theme .month-status.holiday { background:var(--negative-bg); color:var(--negative-text); }
.simple-theme .live-dot { font-size:.75rem; padding:3px 8px; border-radius:20px; }
.simple-theme .dashboard-side .biometric-clock-actions { display:flex!important; flex-direction:row; gap:8px!important; }
.simple-theme .dashboard-side .biometric-clock-actions .btn { width:auto; flex:1 1 0!important; padding:8px 4px; min-width:0; font-size:.85rem; }
.simple-theme .dashboard-side .card-body > .d-flex > .flex-fill { min-width:0; padding:8px!important; }
.simple-theme .dashboard-side #live-today-checkin,.simple-theme .dashboard-side #live-today-checkout { font-size:1.1rem!important; }
.simple-theme .hover-lift:hover { transform:none; }
@media(max-width:991.98px) {
  .simple-theme .app-sidebar { width:min(260px,86vw); min-width:0; transform:translateX(100%); }
  .simple-theme .app-sidebar.open { transform:translateX(0); }
  .simple-theme .app-main { margin-right:0; }
}
@media(max-width:767.98px) {
  .simple-theme .topbar-title p { display:none; }
}
@media(max-width:576px) {
  .simple-theme .app-topbar { padding:0 .75rem; gap:.4rem; }
  .simple-theme .topbar-right,.simple-theme .topbar-left { gap:.4rem; }
  .simple-theme .topbar-title h2 { max-width:110px; font-size:.95rem; }
  .simple-theme .btn-topbar-primary { width:38px; height:38px; padding:0; justify-content:center; border-radius:10px; }
  .simple-theme .btn-topbar-primary span { display:none; }
  .simple-theme .topbar-clock { padding:3px 6px; }
  .simple-theme .topbar-clock .clock-time { font-size:.78rem; }
  .simple-theme .topbar-clock .clock-date { display:none; }
  .simple-theme .employee-dashboard .month-calendar-day { min-height:48px; }
  .simple-theme .employee-dashboard .month-calendar-weekday { font-size:.6rem; }
  .simple-theme .employee-calendar-body { padding:8px; }
}