.time-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr));
  align-items: end;
  gap: 24px;
  max-width: none;
  margin-block: 28px;
}
.time-list {
  display: grid;
  gap: 16px;
  margin-block: 24px;
}
.time-list-link,.time-export,.time-entry-summary {
  padding: clamp(20px,3vw,28px);
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface);
  color: var(--foreground);
  overflow-wrap: anywhere;
}
.time-list-link {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px 24px;
  text-decoration: none;
}
.time-list-link > span:first-of-type {
  grid-column: 1;
}
.time-list-link:hover,.time-list-link:focus-visible {
  border-color: var(--accent);
}
.time-entry-summary p,.time-export p {
  margin-block: 16px;
  line-height: 1.65;
}
.time-status {
  font-weight: 800;
}
.time-status[data-status="approved"] { color: #30995b; }
.time-status[data-status="submitted"] { color: #c87d19; }
.time-status[data-status="rejected"],.time-status[data-status="withdrawn"] { color: #df6868; }
.time-editor,.time-review {
  margin-block: 32px;
  gap: 24px;
}
.time-breaks {
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 12px;
  min-width: 0;
}
.time-break-row {
  display: grid;
  gap: 16px;
  padding-block: 20px;
  border-block-start: 1px solid var(--border);
}
.time-break-row label {
  display: grid;
  gap: 8px;
}
.time-history {
  margin-block: 20px;
  padding-block-end: 16px;
  border-block-end: 1px solid var(--border);
}
@media(max-width:600px) {
  .time-list-link { grid-template-columns: minmax(0,1fr); }
  .time-filters .button,.time-editor .button,.time-review .button { width: 100%; white-space: normal; }
}

.time-period-overview { display:grid; gap:24px; margin-block:28px; }
.time-period-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:20px; }
.time-period-cards article { display:grid; gap:16px; min-width:0; }
.time-period-cards dl { display:grid; gap:14px; }
.time-period-cards dl > div { display:flex; justify-content:space-between; gap:20px; line-height:1.6; }
.time-period-cards dt { overflow-wrap:anywhere; }
.time-period-cards dd { margin:0; white-space:nowrap; font-weight:750; }
.time-contract-reference { display:grid; gap:20px; }

.time-corrections {display:grid;gap:24px;margin-block:32px;min-width:0;}
.time-corrections .portal-card {padding:20px;border:1px solid var(--border);border-radius:12px;overflow-wrap:anywhere;}
.time-corrections .portal-card p {margin-block:14px;line-height:1.65;}
.work-order-editor {gap:24px;margin-block:24px;max-width:900px;}
.work-order-editor fieldset {min-width:0;padding:20px;border:1px solid var(--border);border-radius:12px;}
.work-order-task {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin-block:20px;}
.work-order-task label {display:grid;gap:8px;}
.work-order-editor .workflow-actions {display:flex;flex-wrap:wrap;gap:16px;}
.time-status[data-status="planned"] {color:#c87d19;}
.time-status[data-status="performed"],.time-status[data-status="checked"],.time-status[data-status="exported"] {color:#30995b;}
@media(max-width:600px){.work-order-task{grid-template-columns:minmax(0,1fr)}.work-order-task .button{white-space:normal;width:100%;}.time-corrections .button{white-space:normal;}}

/* Task-oriented work screens use the full portal width and collapse on mobile. */
.work-expansion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.5rem;align-items:start}
.work-expansion-section{display:grid;gap:1rem;min-width:0}.work-expansion-section>h2{margin-block:.6rem}
.work-expansion .portal-card{padding:1.25rem;min-width:0;overflow-wrap:anywhere}.work-expansion .portal-card p{margin-block:.65rem;line-height:1.65}
.work-expansion .button small,.work-tools-list .button small{display:block;font-size:.8em;font-weight:500}
.work-expansion-section>.button{display:block;text-align:start}.work-expansion-check{display:flex!important;align-items:start;gap:.7rem}
.work-expansion-check input{width:auto!important;margin-block-start:.3em}.work-record-hash{display:block;overflow-wrap:anywhere;white-space:normal;font-size:.8rem}
.work-expansion .portal-form{margin-block:1.2rem}.work-expansion fieldset{min-width:0}
@media print{header,footer,.portaal-toolbar,.portaal-sidebar,.portal-form button,.workflow-actions,.portaal-navigation{display:none!important}.work-order-editor{display:none!important}body{background:white!important;color:black!important}.portal-page{width:100%!important}}

.work-expansion .portal-card{display:block}.work-expansion .portal-card h3{margin-block:0 .8rem}.work-expansion .portal-card ul{padding-inline-start:1.3rem;line-height:1.7}

.work-expansion .workflow-actions{margin-block-start:.85rem}.work-expansion .portal-card>.button{margin-block:.5rem}
@media print{.portaal-shell{display:block!important}.portaal-main,.portal-page{padding:0!important;margin:0!important;max-width:none!important}.portal-page--workOrders,.portal-page--workOrders form{background:#fff!important;color:#111!important;box-shadow:none!important}.portal-page--workOrders *{color:#111!important}.portal-page--workOrders input[type=checkbox]{accent-color:#111}}

.work-expansion>.button{margin-inline-end:.75rem;margin-block:.5rem}