#dashboard .dashboard-today-card>#basicAttendanceQuick{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;padding-left:16px;border-left:1px solid #dce5ee}
#basicAttendanceQuick>div{display:grid;gap:4px;font-variant-numeric:tabular-nums}#basicAttendanceQuick small{font-size:10px}#basicAttendanceQuick strong{font-size:14px}#basicAttendanceQuick span{font-size:11px}#basicAttendanceQuick button{font-size:12px;padding:9px 13px;border-radius:8px;white-space:nowrap}
.basic-attendance-note{font-size:12px;color:#56738c;margin:0}.basic-attendance-note:empty{display:none}
.basic-attendance-dialog{width:min(700px,calc(100vw - 32px));max-height:85dvh;padding:0;border:1px solid #dce5ee;border-radius:16px;box-shadow:0 24px 80px #17324b33;background:white;color:#273f56;overflow:hidden}
.basic-attendance-dialog::backdrop{background:#18334866;backdrop-filter:blur(3px)}
.basic-attendance-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid #e2e9ef;background:#f3f7fb}.basic-attendance-dialog h2{margin:0;font-size:20px}.basic-attendance-dialog button{font-size:13px;border-radius:8px;padding:9px 13px}
.basic-attendance-dialog .dialog-body{padding:24px;max-height:calc(85dvh - 80px);overflow:auto;font-size:13px}.basic-attendance-dialog .field{display:grid;gap:7px;margin-bottom:16px}.basic-attendance-dialog input,.basic-attendance-dialog select,.basic-attendance-dialog textarea{width:100%;min-width:0;font-size:14px;border:1px solid #d6e1eb;border-radius:8px;padding:10px}.basic-attendance-dialog textarea{min-height:80px}.basic-attendance-dialog .form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.basic-attendance-dialog .v3-process-actions{display:flex;flex-wrap:wrap;gap:8px}.basic-attendance-dialog .dialog-actions{display:flex;justify-content:flex-end;border-top:1px solid #e2e9ef;margin-top:18px;padding-top:16px}.basic-attendance-dialog .form-error{color:#af432f}.basic-attendance-dialog li{padding:9px 0;overflow-wrap:anywhere}.basic-attendance-dialog .v3-process-panel{margin-top:20px;padding-top:16px;border-top:1px solid #e2e9ef}.basic-attendance-dialog [hidden]{display:none!important}
@media(max-width:1200px){#dashboard .dashboard-today-card{flex-wrap:wrap}}
@media(max-width:760px){#dashboard .dashboard-today-card>#basicAttendanceQuick{width:100%;padding-left:0;border-left:0}.basic-attendance-dialog .form-pair{grid-template-columns:1fr}.basic-attendance-dialog .dialog-body{padding:18px}}
/* Explicit rows keep the clock, weather and attendance readable on small phones. */
@media(max-width:400px){
  #dashboard .dashboard-today-card{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px}
  #dashboard .dashboard-today-mark{grid-column:1;grid-row:1}
  #dashboard .dashboard-today-date{grid-column:2 / -1;grid-row:1}
  #dashboard .dashboard-today-clock{grid-column:1 / 3;grid-row:2}
  #dashboard .dashboard-today-weather{grid-column:3;grid-row:2}
  #dashboard .dashboard-today-clock strong{white-space:nowrap}
  #dashboard .dashboard-today-card>#basicAttendanceQuick{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin:0;min-width:0;justify-content:stretch}
  #basicAttendanceQuick>div{min-width:0}
  #basicAttendanceQuick>div small,#basicAttendanceQuick>div strong{white-space:nowrap}
  #basicAttendanceQuick>.annual-leave-badge{grid-column:1 / -1;justify-self:end;white-space:normal;overflow-wrap:anywhere}
}