.work-permits { margin:24px 0;min-width:0; }
.permit-filter { display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0; }
.permit-filter label { display:grid;gap:6px; }
.permit-filter input,.permit-filter button { min-height:42px; }
.permit-period { display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;margin:20px 0 10px; }
.permit-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:16px; }
.permit-card { border:1px solid #cbd5df;border-top:4px solid #658b79;border-radius:10px;padding:18px;min-width:0;background:#fff; }
.permit-near,.permit-incomplete { border-top-color:#be8628; }
.permit-limit { border-top-color:#be4141; }
.permit-card-heading { display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap; }
.permit-card h5 { margin:0 0 5px;font-size:17px;overflow-wrap:anywhere; }
.permit-card-heading span,.permit-status { font-size:12px; }
.permit-limit .permit-status { color:#a12121; }
.permit-near .permit-status,.permit-incomplete .permit-status { color:#825707; }
.permit-hours { display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:20px 0 10px; }
.permit-hours strong { font-size:27px;color:#24445c; }
.permit-hours span { font-size:12px; }
.permit-card progress { display:block;width:100%;height:10px;accent-color:#477e67; }
.permit-near progress { accent-color:#be8628; }.permit-limit progress { accent-color:#be4141; }
.permit-card details,.permit-sources { margin-top:16px;overflow-wrap:anywhere; }
.permit-card summary,.permit-sources summary { cursor:pointer; }
.permit-card .delivery-table { font-size:12px; }
.leader-hr-view .work-permits table { min-width:0; }
@media(max-width:600px) { .permit-card { padding:14px; }.permit-filter label,.permit-filter button { width:100%; }.permit-filter input { width:100%;box-sizing:border-box; } }