/* Jedinstven zbir kilometraže i sklopiva organizacija vremena. */
.time-organization-section {
  display: grid;
  gap: 12px;
}

.time-organization-toggle {
  width: 100%;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
  border: 1px solid color-mix(in srgb, var(--accent, #0b8dcc) 38%, var(--border, #c7d6e0));
  border-radius: 16px;
  background: color-mix(in srgb, var(--panel, #fff) 90%, var(--accent, #0b8dcc) 10%);
  color: var(--text, #172431);
  text-align: left;
  cursor: pointer;
}

.time-organization-toggle > span { display: grid; gap: 3px; }
.time-organization-toggle strong { font-size: 18px; }
.time-organization-toggle small { color: var(--muted, #657989); font-weight: 650; }
.time-organization-toggle b {
  color: var(--accent, #0b8dcc);
  font-size: 25px;
  line-height: 1;
  transition: transform .18s ease;
}
.time-organization-toggle.is-open b { transform: rotate(180deg); }
.time-organization-toggle:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent, #0b8dcc) 34%, transparent); outline-offset: 2px; }
.time-organization-panel[hidden] { display: none !important; }
.time-organization-panel { display: grid; gap: 14px; }

#transportTaskResult:has(#timeOrganizationSection) { padding: 14px; }
#timeOrganizationPanel .transport-task-result-heading { margin: 0; }

.fuel-calculation-summary .fuel-distance-basis {
  border-color: color-mix(in srgb, var(--accent, #0b8dcc) 48%, var(--border, #c7d6e0));
  background: color-mix(in srgb, var(--panel, #fff) 88%, var(--accent, #0b8dcc) 12%);
}

.organized-schedule-table tbody tr { transition: background-color .14s ease; }
.organized-schedule-table tbody tr:hover td { background: color-mix(in srgb, var(--panel, #fff) 93%, var(--accent, #0b8dcc) 7%); }
.organized-schedule-table .organized-activity-name { font-weight: 850; }
.organized-schedule-table .organized-activity-name::before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 9px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 18%, transparent);
}

.organized-schedule-table .organized-drive .organized-activity-name { color: #dd5d70; }
.organized-schedule-table .organized-work .organized-activity-name { color: #dd8217; }
.organized-schedule-table .organized-availability .organized-activity-name { color: #8060d7; }
.organized-schedule-table .organized-rest .organized-activity-name { color: #2587c1; }

.organized-schedule-table tr.organized-daily-rest td,
.organized-schedule-table tr.organized-weekly-rest td,
.organized-schedule-table tr.organized-compensation td {
  border-top: 3px solid #42a1d2;
  border-bottom: 3px solid #42a1d2;
  background: color-mix(in srgb, var(--panel, #fff) 79%, #64b9e5 21%);
}
.organized-schedule-table tr.organized-daily-rest td:first-child,
.organized-schedule-table tr.organized-weekly-rest td:first-child,
.organized-schedule-table tr.organized-compensation td:first-child {
  border-left: 6px solid #2587c1;
}
.organized-schedule-table tr.organized-daily-rest .organized-activity-name,
.organized-schedule-table tr.organized-weekly-rest .organized-activity-name,
.organized-schedule-table tr.organized-compensation .organized-activity-name { color: #176f9f; }
.organized-schedule-table tr.organized-weekly-rest td { background: color-mix(in srgb, var(--panel, #fff) 76%, #7eb3ef 24%); }
.organized-schedule-table tr.organized-compensation td { background: color-mix(in srgb, var(--panel, #fff) 76%, #f2bd63 24%); border-color: #d79a30; }
.organized-schedule-table tr.organized-compensation td:first-child { border-left-color: #d79a30; }
.organized-schedule-table tr.organized-compensation .organized-activity-name { color: #a96300; }

.organized-day-divider {
  display: inline-flex;
  align-items: center;
  margin-left: 12px;
  padding: 3px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, currentColor 12%, var(--panel, #fff));
  color: inherit;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}

:root[data-theme="dark"] .organized-schedule-table tr.organized-daily-rest td,
:root[data-theme="dark"] .organized-schedule-table tr.organized-weekly-rest td { background: color-mix(in srgb, var(--panel, #17232d) 77%, #1e79ad 23%); }
:root[data-theme="dark"] .organized-schedule-table tr.organized-compensation td { background: color-mix(in srgb, var(--panel, #17232d) 78%, #8b5d18 22%); }

@media (max-width: 720px) {
  .time-organization-toggle { min-height: 62px; padding: 12px 14px; }
  .time-organization-toggle strong { font-size: 16px; }
  .organized-day-divider { display: flex; width: fit-content; margin: 5px 0 0 18px; }
}