/* Reports and point-in-time attendance. Shared typography comes from styles.css. */
.report-filter{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap;padding:20px 23px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:25px}.report-filter .field{flex:1;min-width:145px;max-width:230px;margin:0}.report-filter input,.report-filter select{min-height:40px}.report-filter label{display:block;font-size:11px;font-weight:600;color:#687d56;margin-bottom:7px}.report-filter .form-error{flex-basis:100%}
.report-context{display:flex;gap:10px 25px;align-items:center;flex-wrap:wrap;padding:0 2px;margin:8px 0 24px;font-size:11px;color:#7c9069}.report-context strong{font-weight:600;color:#506c3f}.report-context span:last-child{margin-left:auto}
.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:25px 0}.report-grid>.panel{min-width:0}.report-grid .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.report-grid h2{font-size:15px;color:#49663c;margin:0}.report-grid .panel-heading .small{font-size:10px;white-space:nowrap}.report-bars{display:flex;flex-direction:column;gap:18px}.report-bar{display:block;font-size:12px;color:#71865f}.report-bar>.split{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:8px}.report-bar>.split>span{overflow-wrap:anywhere}.report-bar strong{white-space:nowrap;font-size:11px;font-weight:600}.report-bar-track{height:10px;background:#f1f4ea;border-radius:6px;overflow:hidden}.report-bar-total{display:block;height:100%;background:#d9e4c8;border-radius:6px}.report-bar-completed{display:block;height:100%;background:#8eab6f;border-radius:6px}.report-bar>small{display:block;margin-top:7px;font-size:10px}.text-danger{color:#b27e65}
.kpi-note{font-size:11px;color:#7e926d;line-height:1.8;margin:16px 0 24px}.report-limitations{align-items:flex-start;margin-top:28px;font-size:11px;line-height:1.8}.report-limitations svg{flex-shrink:0;margin-top:3px}.report-limitations p{margin:0 0 6px}.report-limitations p:last-child{margin-bottom:0}.report-table{margin:28px 0}.report-table td{font-size:11px}.report-table .section-heading h2{font-size:15px}
.attendance-clock{padding:28px;margin:24px 0;background:#f0f5e8;border-color:#dce7cd}.attendance-clock>.split{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.attendance-clock h2{font-size:24px;color:#486737;letter-spacing:-.5px;margin:10px 0}.attendance-clock p{font-size:12px;line-height:1.8;color:#71865f}.attendance-clock .eyebrow{font-size:9px;color:#81996b}.attendance-clock-icon{display:flex;width:60px;height:60px;flex:0 0 60px;align-items:center;justify-content:center;background:#e4ecd6;border-radius:18px;color:#88a56c}.attendance-mark{min-height:50px;padding:13px 25px;margin:18px 0 4px;font-size:14px}.attendance-clock .kpi-note{font-size:11px;margin:12px 0}.attendance-privacy{display:flex;align-items:flex-start;gap:8px;padding-top:13px;border-top:1px solid #dce6d0;font-size:11px!important}.attendance-privacy svg{flex-shrink:0;margin-top:3px}.attendance-open{background:#edf4e3}.attendance-stats{margin-top:24px}
.attendance-review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:17px 0 26px}.attendance-review{padding:21px}.attendance-review>.split{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.attendance-review strong{font-size:12px;color:#526f41}.attendance-review p{font-size:11px;line-height:1.8;color:#7b9069;margin:7px 0 15px}.attendance-review .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.attendance-review .badge{flex-shrink:0;font-size:9px}.attendance-stats+.kpi-note{margin-bottom:30px}.attendance-geo{font-size:10px;line-height:1.8;white-space:normal;min-width:145px}.attendance-geo small{display:block}.attendance-clock .notice-error{flex-wrap:wrap}.attendance-clock .notice-error span{flex:1;min-width:180px}
.detail-section .table-wrap td{vertical-align:top}.detail-section .table-wrap .muted{font-size:10px}.detail-section .table-wrap td small{display:block;font-size:9px;line-height:1.6}.detail-section .table-wrap td p{font-size:11px;line-height:1.6;margin:6px 0}.notice.warning{background:#fff7e8;border-color:#efdfbf;color:#9f8551}.report-filter+.empty-state{min-height:260px}
@media(max-width:1050px){.report-filter .field{max-width:none}.report-context span:last-child{margin-left:0}.attendance-review-list{grid-template-columns:1fr}}
@media(max-width:800px){.report-filter{padding:18px;gap:12px}.report-grid{gap:15px}.report-filter input,.report-filter select{font-size:16px}.attendance-clock{padding:24px}.attendance-clock h2{font-size:23px}.report-context{font-size:11px;gap:8px 18px}}
@media(max-width:550px){.report-grid{grid-template-columns:1fr}.report-filter .field{min-width:125px}.report-filter>.btn{width:100%}.report-grid .panel{padding:20px}.report-context{flex-direction:column;align-items:flex-start}.attendance-clock{padding:21px}.attendance-clock-icon{width:42px;height:42px;flex-basis:42px;border-radius:12px}.attendance-clock-icon svg{width:25px}.attendance-clock h2{font-size:21px}.attendance-mark{width:100%;font-size:14px}.attendance-review>.split{flex-wrap:wrap}.report-grid .panel-heading .small{font-size:9px}.report-grid h2{font-size:14px}.kpi-note{font-size:11px}.attendance-review .btn{min-height:42px}.report-table td{font-size:11px}}
@media print{body{background:#fff!important}.report-filter{display:none!important}.report-context{font-size:10pt;margin-bottom:18px}.report-grid{grid-template-columns:1fr 1fr}.report-grid>.panel,.attendance-clock{break-inside:avoid}.report-table{overflow:visible!important}.report-table table{font-size:9pt}.report-table thead{display:table-header-group}.report-table tr{break-inside:avoid}.stats-grid{grid-template-columns:repeat(4,1fr)}.report-bar-total,.report-bar-completed{print-color-adjust:exact;-webkit-print-color-adjust:exact}.table-wrap{overflow:visible}thead{display:table-header-group}tr{break-inside:avoid}.kpi-note,.report-limitations{font-size:9pt;color:#46583b}.report-table td,.report-table th{padding:10px 12px}.report-context span:last-child{margin-left:0}}
@media(max-width:550px){.page-heading:has(+.report-filter){flex-direction:column;align-items:stretch}.page-heading:has(+.report-filter) .subtitle{max-width:none}.page-heading:has(+.report-filter) .page-actions{gap:8px;margin-top:8px;justify-content:flex-start}.page-heading:has(+.report-filter) .page-actions .btn{font-size:11px}.attendance-location{font-size:13px;line-height:1.7}.attendance-stats .stat-value{font-size:29px}}