/* Native date/time controls must fit the narrow personal portal. */
#time-entry-form,#time-filter-form,#approval-routes-form,#time-breaks{min-width:0;max-width:100%}
#time-entry-form input,#time-filter-form input,#time-entry-form select,#time-filter-form select{min-width:0;max-width:100%}
#time-breaks{margin:20px 0;padding:12px}
#time-breaks .workflow-card{padding:12px;margin-bottom:12px}
#time-breaks legend{padding:0 6px;font-weight:600}
#approval-routes-section .settings-facts{overflow-wrap:anywhere}
@media(max-width:400px){#time-entry-form,#time-filter-form,#approval-routes-form{padding:12px}#time-breaks .workflow-card{padding:8px}#time-entry-form .button,#time-filter-form .button,#approval-routes-form .button{max-width:100%;white-space:normal}}

/* Period filters stay compact; editing and review retain separate clear cards. */
#time-filter-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr) auto;grid-template-areas:"from-label to-label person-label action" "from to person action";gap:7px 18px;align-items:end;max-width:none;padding:24px;margin:22px 0 24px;border-radius:10px;background:#fff}
#time-filter-form label{margin:0;font-size:12px;color:#657064;font-weight:400}
#time-filter-form label[for=field-time-from]{grid-area:from-label}
#time-filter-form label[for=field-time-to]{grid-area:to-label}
#time-filter-form label[for=field-time-filter-person]{grid-area:person-label}
#field-time-from{grid-area:from}
#field-time-to{grid-area:to}
#field-time-filter-person{grid-area:person}
#time-filter-form .button{grid-area:action;min-height:46px;margin:0;white-space:nowrap}
#time-filter-form:not(:has(#field-time-filter-person)){grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"from-label to-label action" "from to action"}
#time-entry-form{max-width:900px;padding:26px;border-radius:10px;margin:24px 0;background:#fff}
#time-entry-form h4{font-size:21px;margin-bottom:18px}
#time-entry-form>label{font-size:13px;margin-top:20px}
#time-breaks{padding:16px;border-radius:8px;border-color:#e3e8df;background:#f8f9f6}
#time-breaks>.workflow-card{border-radius:7px;background:#fff;margin:12px 0;padding:16px}
#time-breaks>.workflow-card>label:first-child{margin-top:0}
#time-breaks>.button{margin:8px 0 0}
#time-entry-form>.button{margin-top:16px;margin-right:10px}
#time-export{margin:0 0 6px}
.workspace-time-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;background:transparent;padding:0}
.workspace-time-metrics>div{min-width:0;padding:19px;border:1px solid #e0e5dc;border-radius:9px;background:#fff}
.workspace-time-metrics dt{margin:0;font-size:12px;line-height:1.5}
.workspace-time-metrics dd{font-size:22px;line-height:1.4;font-weight:600;margin-top:8px}
.workspace-time-list{display:grid;gap:18px;margin:24px 0}
.workspace-time-list>.workflow-card{margin:0;background:#fff;border-radius:10px}
@media(max-width:1100px){#time-filter-form{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"from-label to-label" "from to" "person-label person-label" "person action"}#time-filter-form:not(:has(#field-time-filter-person)){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"from-label to-label" "from to" "action action"}#time-filter-form .button{justify-self:start}.workspace-time-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){#time-filter-form{padding:20px;gap:7px 14px}#time-entry-form{padding:20px}.workspace-time-metrics dd{font-size:20px}.workspace-time-metrics>div{padding:16px}}
@media(max-width:480px){#time-filter-form,#time-filter-form:not(:has(#field-time-filter-person)){grid-template-columns:minmax(0,1fr);grid-template-areas:"from-label" "from" "to-label" "to" "person-label" "person" "action";gap:7px}#time-filter-form:not(:has(#field-time-filter-person)){grid-template-areas:"from-label" "from" "to-label" "to" "action"}#time-filter-form label:not(:first-child){margin-top:9px}#time-filter-form .button{margin-top:12px;white-space:normal}#time-entry-form{padding:17px}#time-breaks{padding:12px}#time-breaks>.workflow-card{padding:12px}.workspace-time-metrics{gap:10px}.workspace-time-metrics>div{padding:14px}.workspace-time-metrics dd{font-size:18px}#time-entry-form>.button{margin-right:0}}