.attendance-admin-bar{color:#737e91;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;display:flex}.attendance-admin-bar input{color:#596277;background:#fff;border:1px solid #e1e5ed;border-radius:7px;padding:8px 10px;font-size:13px}.attendance-edit-btn{color:var(--v2-primary);white-space:nowrap;cursor:pointer;background:0 0;border:1px dashed #c9bdf0;border-radius:7px;padding:6px 10px;font-size:12px}.attendance-edited{color:#b07a1f!important;font-size:12px!important}.attendance-log{flex-direction:column;gap:12px;display:flex}.attendance-log-filters{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.attendance-log-filters label{color:#7f8a9b;flex-direction:column;gap:5px;font-size:12px;display:flex}.attendance-log-filters input,.attendance-log-filters select{color:#596277;background:#fff;border:1px solid #e1e5ed;border-radius:7px;min-width:130px;padding:8px 10px;font-size:13px}.attendance-log-table{border:1px solid #edf0f5;border-radius:10px;overflow-x:auto}.attendance-log-table table{border-collapse:collapse;width:100%;min-width:760px;font-size:12px}.attendance-log-table th{text-align:left;color:#7f8a9b;background:#fafbfc;border-bottom:1px solid #edf0f5;padding:9px 10px;font-weight:600}.attendance-log-table td{vertical-align:top;color:#596277;border-bottom:1px solid #f1f3f7;padding:9px 10px}.attendance-log-table td small{color:#a3a9b7}.log-action{color:var(--v2-primary);white-space:nowrap;background:#f3f0fc;border-radius:999px;padding:2px 8px;display:inline-block}.log-admin_set .log-action{color:#a76a10;background:#fdf3e1}.log-detail{max-width:420px;line-height:1.5}.attendance-log-empty{color:#939bad;padding:16px 0;font-size:13px}.attendance-log-section{border-top:1px solid #edf0f5;margin-top:22px;padding-top:18px}.attendance-log-section h3{margin-bottom:12px;font-size:16px}html.dark .attendance-admin-bar input,html.dark .attendance-log-filters input,html.dark .attendance-log-filters select{color:#aeb8c8;background:#161a24;border-color:#343c4d}html.dark .attendance-log-table{border-color:#343c4d}html.dark .attendance-log-table th{color:#aeb8c8;background:#1d2230;border-color:#343c4d}html.dark .attendance-log-table td{color:#c9d0dc;border-color:#2a3040}html.dark .log-action{color:#c9bdf0;background:#2a2550}html.dark .log-admin_set .log-action{color:#e7c77b;background:#3a2e17}html.dark .attendance-log-section{border-color:#343c4d}@media (max-width:767px){.attendance-log-filters label{flex:140px}.attendance-log-filters input,.attendance-log-filters select{width:100%;min-width:0}.attendance-log-filters .btn{width:100%}}.admin-sessions{flex-direction:column;gap:8px;display:flex}.admin-session{grid-template-columns:22px 1fr 1fr 1.2fr 28px;align-items:end;gap:8px;display:grid}.admin-session label{gap:4px!important;font-size:12px!important}.admin-session select{color:#596277;background:#fff;border:1px solid #e1e5ed;border-radius:7px;width:100%;padding:9px 8px;font-size:13px}.admin-session-no{color:#9b8abe;text-align:center;padding-bottom:12px;font-size:12px}.admin-session .text-button{padding-bottom:10px}html.dark .admin-session select{color:#aeb8c8;background:#161a24;border-color:#343c4d}@media (max-width:767px){.admin-session{grid-template-columns:18px 1fr 1fr 24px}.admin-session label:nth-of-type(3){grid-area:2/2/auto/4}}.attendance-extra{color:#737e91;background:#faf8ff;border:1px dashed #d9cdf5;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 13px;font-size:13px;display:flex}.attendance-extra-badge{color:#a8701a;background:#fff4dc;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:12px;font-style:normal;font-weight:600;display:inline-block}.attendance-extra-review{flex-shrink:0;gap:6px;display:flex}.attendance-extra-review .btn{padding:6px 10px;font-size:12px}html.dark .attendance-extra{color:#aeb8c8;background:#1b1f2b;border-color:#3e3757}html.dark .attendance-extra-badge{color:#f0c46a;background:#3a2f17}.attendance-stats{border-top:1px solid #edf0f5;flex-direction:column;gap:12px;margin-top:22px;padding-top:18px;display:flex}.attendance-stats .card-heading{margin-bottom:0}.stat-session{white-space:nowrap;align-items:center;gap:4px;display:flex}.stat-chip{color:#a8701a;white-space:nowrap;background:#fff4dc;border-radius:999px;padding:2px 7px;font-size:12px;display:inline-block}.stat-warn{font-weight:600;color:#b07a1f!important}.stat-bad{font-weight:600;color:#c2413b!important}.stat-absent .log-action,.stat-missing_out .log-action{color:#c2413b;background:#fde8e7}html.dark .attendance-stats{border-color:#343c4d}html.dark .stat-chip{color:#f0c46a;background:#3a2f17}html.dark .stat-absent .log-action,html.dark .stat-missing_out .log-action{color:#f0a19c;background:#3b1e1e}@media (max-width:767px){.attendance-list .attendance-row{grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:2px 10px;padding:12px;display:grid}.attendance-row>.attendance-info{display:contents}.attendance-row>.avatar{grid-area:1/1/span 3}.attendance-row>.attendance-edit-btn{grid-area:1/3}.attendance-row>.attendance-info>*{grid-column:2/-1;min-width:0}.attendance-row>.attendance-info>strong{grid-area:1/2;align-self:center}.attendance-row>.attendance-info>.attendance-sessions,.attendance-row>.attendance-info>.attendance-photos,.attendance-row>.attendance-info>.attendance-worked,.attendance-row>.attendance-info>.attendance-edited,.attendance-row>.attendance-info>.work-report-view{grid-column:1/-1}.attendance-row>.attendance-info>.attendance-sessions{margin-top:8px}.attendance-row>.attendance-info>.attendance-worked{margin-top:4px}.attendance-row .attendance-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.attendance-row .attendance-photo{width:100%;font-size:12px}.attendance-row .attendance-photo img{aspect-ratio:4/3;border-radius:10px;width:100%;height:auto}.attendance-row>.attendance-extra-review,.attendance-row>.attendance-tabs{grid-column:1/-1;width:100%;margin-top:8px}.attendance-extra-review .btn{flex:1;justify-content:center;padding:9px 6px}.attendance-info .attendance-extra-badge{white-space:normal;width:fit-content;max-width:100%;margin:3px 0 1px;line-height:1.4;display:block}}
