.hours-panel{padding:24px;margin-top:24px}.hours-panel h3{margin:12px 0}.hours-filter{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:24px}.hours-filter label{min-width:180px;flex:1}.hours-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hours-metrics>div{border:1px solid #e7e3d9;border-radius:10px;padding:16px;min-width:0;background:#faf9f6}.hours-metrics small,.hours-metrics strong{display:block}.hours-metrics strong{margin-top:6px;font-size:18px;overflow-wrap:anywhere}.hours-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.hours-attendance,.hours-approval{border:1px solid #e7e3d9;border-radius:10px;padding:18px;margin:16px 0}.hours-attendance h4 small{display:block;font-weight:normal;margin-top:8px}.hours-attendance li{padding:12px 0;border-top:1px solid #eee;overflow-wrap:anywhere}.hours-attendance ul{list-style:none;padding:0}.hours-void{opacity:.7}.hours-void>strong{text-decoration:line-through}.hours-mail-pending{background:#fff6db;color:#75550e;border-radius:6px;padding:10px}#hoursTicketFilter{display:flex;gap:10px;align-items:end}#hoursTicketFilter label{margin:0}.hours-approval p{white-space:pre-wrap;overflow-wrap:anywhere}.hours-panel .table-scroll{overflow:auto}.hours-panel .between{gap:16px;flex-wrap:wrap}.hours-panel table{width:100%}@media(max-width:700px){.hours-panel{padding:16px}.hours-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hours-filter{display:block}.hours-filter>*{margin-bottom:12px}.hours-filter button{width:100%}.hours-panel .between{display:block}#hoursTicketFilter{margin:16px 0}.hours-metrics strong{font-size:16px}}@media print{.hours-actions,#hoursTicketFilter{display:none}}