.attendance-tools{align-items:center}.attendance-tools input{min-width:170px}.attendance-tools select{margin-left:auto;max-width:350px;width:auto}.attendance-legend{display:flex;gap:20px;flex-wrap:wrap;padding:0 24px 20px;font-size:11px;color:var(--muted)}.attendance-legend span{display:flex;align-items:center;gap:7px}.attendance-legend i{width:8px;height:8px;border-radius:50%;background:#dfe4de}.attendance-legend .present{background:#77a68a}.attendance-legend .late{background:#dfb86c}.attendance-legend .absent{background:#d89687}.attendance-legend .leave{background:#81a5ca}.calendar-scroll{overflow:auto}.attendance-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:740px;border-top:1px solid var(--line)}.calendar-weekday{padding:13px;text-align:center;background:#f6f8f2;font-size:12px;font-weight:600;border-bottom:1px solid var(--line)}.calendar-day,.calendar-empty{min-height:135px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;text-align:left;padding:11px;display:flex;flex-direction:column;min-width:0;color:var(--ink)}.calendar-day:hover{background:#fafbf7}.calendar-empty{background:#f9faf7}.calendar-day.is-today{box-shadow:inset 0 0 0 2px #658575}.calendar-date{display:flex;justify-content:space-between;gap:3px;margin-bottom:12px;align-items:center}.calendar-date strong{font-size:13px}.calendar-date small{font-size:8px;color:#879386;white-space:nowrap}.calendar-records{width:100%;max-height:190px;overflow:auto}.calendar-record{padding:7px;border-radius:5px;background:#f3f5f0;margin-bottom:5px;font-size:10px;line-height:1.6}.calendar-record.present{background:#eaf3e9;color:#3d6850}.calendar-record.late{background:#fcf3dd;color:#94712d}.calendar-record.absent{background:#f9eeea;color:#a36754}.calendar-record.leave{background:#edf2f9;color:#587699}.calendar-record.holiday,.calendar-record.future,.calendar-record.inactive{background:#f3f5f0;color:#9ba493}.calendar-person{display:block;font-size:10px;overflow-wrap:anywhere;margin-bottom:3px}.calendar-clock{display:flex;justify-content:space-between;gap:4px;font-size:11px;font-weight:600;flex-wrap:wrap}.calendar-record small{display:block;font-size:9px;color:inherit}.punch-times{display:flex;gap:30px;margin-top:19px}.punch-times span{font-size:11px;color:#c4d4ca}.punch-times strong{font-size:24px;color:#fff;display:block;margin-top:5px}.punch-buttons{align-self:center;display:flex;flex-direction:column;gap:10px;min-width:185px}.punch-buttons .btn.primary{background:#e1c88f;color:#244534;border-color:#e1c88f}.punch-buttons small{font-size:10px;color:#c4d4ca}.attendance-detail-list{max-height:230px;overflow:auto;margin-bottom:20px}.attendance-detail{padding:13px 0;border-bottom:1px solid var(--line)}.attendance-detail .badge{margin-left:10px}.attendance-detail p{margin:6px 0;white-space:pre-line}.correction-times{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.attendance-today{flex-direction:column}.punch-buttons{align-self:stretch}.attendance-tools select{width:100%;max-width:none}.attendance-legend{gap:12px}.calendar-day{min-height:115px}}@media print{@page{size:A4 landscape;margin:10mm}body{background:white;font-size:10px}.sidebar,.topbar,.heading button,.attendance-today,.attendance-tools,.attendance-note,.footer,.stats,#toast,dialog{display:none!important}.main{margin:0;width:100%}.content{padding:0;max-width:none}.heading{margin-bottom:10px}.heading h1{font-size:20px}.panel{border:1px solid #ccc;overflow:visible}.calendar-scroll{overflow:visible}.attendance-calendar{min-width:0}.calendar-day{min-height:95px;break-inside:avoid;padding:6px}.calendar-records{max-height:none;overflow:visible}.calendar-record{font-size:9px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.calendar-clock{font-size:10px}.calendar-date small{font-size:7px}.panel-head{padding:12px}.attendance-legend{padding:0 12px 12px}}