/* Mobile operations: registry, planning, commercial work and warehouse.
   Loaded after the application bundle; desktop and printed documents are untouched. */
@media screen and (max-width: 767px) {
  /* Older screens use inline grids. Only collapse their fixed-minimum layout
     tracks outside tables; the seven-day calendar and map internals stay intact. */
  html:is([data-ddd-page="planer"], [data-ddd-page="magacin-stvarni"], [data-ddd-page="ejn-tenderi"])
  :is(.ddd-pageShell, .ddd-modalBody) :is(div, section)[style*="grid-template-columns"][style*="minmax("]:not([style*="repeat(7,"]):not(table *):not(.leaflet-container *) {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
  }
  html:is([data-ddd-page="planer"], [data-ddd-page="magacin-stvarni"], [data-ddd-page="ejn-tenderi"])
  :is(.ddd-pageShell, .ddd-modalBody) :is(label, .ddd-field, .ddd-input, .ddd-select):not(table *) {
    min-width: 0 !important;
    max-width: 100%;
  }
  html:is([data-ddd-page="planer"], [data-ddd-page="magacin-stvarni"], [data-ddd-page="ejn-tenderi"])
  .ddd-pageShell :is(.ddd-input, .ddd-select)[style*="margin-left"]:not(table *) {
    margin-left: 0 !important;
    width: 100% !important;
  }
  html:is([data-ddd-page="planer"], [data-ddd-page="magacin-stvarni"], [data-ddd-page="ejn-tenderi"])
  .ddd-pageShell div[style*="display: flex"]:has(> :is(.ddd-btn, label, .ddd-input, .ddd-select)):not(table *):not(.leaflet-container *) {
    flex-wrap: wrap !important;
    min-width: 0;
    max-width: 100%;
  }
  html[data-ddd-page="planer"] .ddd-pageShell div[style*="min-width"]:has(> .ddd-input):not(table *) {
    min-width: 0 !important;
    max-width: 100%;
    flex-basis: 100%;
  }

  /* Client and branch registers remain complete cards, with the existing labels. */
  .registry-workspace .registry-navigation,
  .registry-workspace .registry-listHeading,
  .registry-workspace .registry-listMeta {
    flex-wrap: wrap;
    gap: 10px;
  }
  .registry-workspace .registry-navigation nav { width: 100%; display: flex; gap: 6px; }
  .registry-workspace .registry-navigation nav button { flex: 1; min-height: 44px; }
  .registry-workspace .registry-listHeading > .ddd-btn { width: 100%; white-space: normal; }
  .registry-workspace .registry-list { height: auto !important; min-height: 0 !important; }
  .registry-workspace .registry-filters { padding: 12px; }
  .registry-workspace .ddd-komitentiFilters,
  .registry-workspace .branch-filters { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; }
  .registry-workspace :is(.ddd-komitentiFilters, .branch-filters) .ddd-field { grid-column: 1 / -1; width: 100%; min-width: 0; }
  .registry-workspace .registry-reset { min-height: 44px; width: 100%; }
  .registry-workspace .registry-table { min-width: 0; max-width: 100%; overflow: visible; flex: none; }
  .registry-workspace .registry-dataTable,
  .registry-workspace .registry-dataTable tbody { display: block; width: 100%; min-width: 0 !important; }
  .registry-workspace .registry-dataTable :is(colgroup, thead) { display: none; }
  .registry-workspace .registry-dataTable:not(.branch-dataTable) thead,
  .registry-workspace .registry-dataTable:not(.branch-dataTable) thead tr { display: block; }
  .registry-workspace .registry-dataTable:not(.branch-dataTable) thead th { display: none; }
  .registry-workspace .registry-dataTable:not(.branch-dataTable) thead th:first-child { display: block; width: auto; padding: 8px 12px; }
  .registry-workspace .registry-sortGroup { display: flex; flex-wrap: wrap; gap: 12px; }
  .registry-workspace .registry-sortGroup button { min-height: 44px; font-size: 13px; }
  .registry-workspace .registry-dataTable .registry-row {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px; height: auto; padding: 14px 12px;
  }
  .registry-workspace .registry-dataTable .registry-row > td {
    display: block; height: auto; min-width: 0; width: auto; padding: 0;
    overflow-wrap: anywhere; white-space: normal;
  }
  .registry-workspace .registry-row > :is(.registry-identityCell, .registry-rowContact, .registry-rowActions) { grid-column: 1 / -1; }
  .registry-workspace :is(.registry-clientName, .registry-address, .branch-clientName, .branch-address) {
    overflow: visible; white-space: normal; -webkit-line-clamp: unset; overflow-wrap: anywhere;
  }
  .registry-workspace .registry-clientName { font-size: 16px; line-height: 1.4; }
  .registry-workspace .registry-rowContact > a {
    display: flex; align-items: center; min-height: 44px; white-space: normal;
    overflow: visible; overflow-wrap: anywhere; font-size: 14px;
  }
  .registry-workspace .registry-rowContracts > :is(span:not(.ddd-badge), small) {
    white-space: normal; overflow: visible; -webkit-line-clamp: unset;
  }
  .registry-workspace .registry-rowActions > div { flex-wrap: wrap; gap: 8px; }
  .registry-workspace :is(.registry-editButton, .registry-profileButton, .registry-pager button) {
    min-height: 44px !important; font-size: 14px; white-space: normal;
  }
  .registry-workspace .registry-rowActions button { flex: 1 1 110px; }
  .registry-workspace .registry-pager { align-items: stretch; gap: 10px; padding: 12px; }
  .registry-workspace .registry-pager > div { padding-right: 0; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
  .registry-workspace .registry-pager > div > span { display: inline; }
  .registry-profile :is(.registry-profileColumns, .registry-contactGrid) { grid-template-columns: minmax(0, 1fr); }
  .registry-profile .registry-profileSummary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .registry-profile :is(.registry-profileSection, .registry-contactCard) { min-width: 0; padding: 12px; }
  .registry-profile :is(a, dd, p) { overflow-wrap: anywhere; }
  .registry-profile .registry-details > div { grid-template-columns: minmax(65px, .35fr) minmax(0, 1fr); }
  .branch-profileFooter, .branch-profileFooter > div { flex-wrap: wrap; gap: 8px; }
  .registry-workspace .branch-gps { display: inline-flex; align-items: center; min-height: 44px; }

  /* Editors use one readable field per row and keep footer actions reachable. */
  .client-editor :is(.client-coreFields, .client-formColumns, .client-relatedColumns, .client-formOptions) {
    grid-template-columns: minmax(0, 1fr);
  }
  .client-editor .client-coreFields > * { grid-column: 1 / -1; }
  .client-editor .client-editorTabs { overflow-x: auto; flex-wrap: nowrap; padding-inline: 8px; }
  .client-editor .client-editorTabs button { flex: 0 0 auto; min-height: 44px; font-size: 14px; white-space: nowrap; }
  .client-editor :is(.client-formField input, .client-formField select, .client-formField textarea,
    .ddd-clientMailSection input, .ddd-clientMailSection textarea) { font-size: 16px; min-height: 44px; }
  .client-editor .client-formField textarea { min-height: 96px; }
  .client-editor .client-formOptions > label { min-height: 44px; font-size: 14px; line-height: 1.4; padding: 10px; }
  .client-editor .client-formOptions input { width: 20px; height: 20px; min-width: 20px; }
  .client-editor .ddd-modalHead .ddd-iconbtn,
  .client-editor .ddd-modalHead > button { width: 44px !important; height: 44px !important; min-height: 44px !important; }
  .client-editorFooter, .client-editorFooter > div { flex-wrap: wrap; width: 100%; }
  .client-editorFooter .ddd-btn { flex: 1 1 120px; min-height: 44px !important; font-size: 14px !important; white-space: normal; }
  .client-editor .client-contractTitle { flex-wrap: wrap; }
  .registry-editDialog .ddd-grid { grid-template-columns: minmax(0, 1fr); }

  /* Planner contract lists, monthly work cards and editing. */
  :is(.ddd-contractsPageHead, .ddd-contractCardHead, .ddd-contractSectionHead,
    .ddd-clientPlannedHeader, .ddd-clientPlannedQueueHead) { flex-direction: column; align-items: stretch; gap: 12px; }
  :is(.ddd-contractsNewClient, .ddd-contractsToolbar, .ddd-contractFieldsGrid,
    .ddd-contractWorkerGrid, .ddd-contractSitePlanRow, .ddd-clientPlannedMonthGroup,
    .ddd-clientPlannedPeriod) { grid-template-columns: minmax(0, 1fr); }
  :is(.ddd-contractsToolbar, .ddd-contractSitePlanRow) > *,
  .ddd-clientPlannedFilters > * { min-width: 0; grid-column: 1 / -1; }
  :is(.ddd-contractsPager, .ddd-contractModalHeadActions, .ddd-contractInlineAction,
    .ddd-contractAddService, .ddd-clientPlannedHeaderActions) { flex-wrap: wrap; gap: 8px; min-width: 0; white-space: normal; }
  .ddd-contractsPager { width: 100%; justify-content: space-between; }
  .ddd-contractField { min-width: 0; max-width: 100%; font-size: 13px; }
  .ddd-contractSection { padding: 12px; }
  .ddd-contractField :is(.ddd-input, .ddd-select) { width: 100% !important; max-width: 100%; }
  .ddd-contractSiteActions { grid-column: 1 / -1; }
  .ddd-contractAddService > :is(select, button),
  .ddd-contractInlineAction > :is(select, button) { flex: 1 1 100%; min-width: 0 !important; max-width: 100%; }
  .ddd-contractFooterActions { position: static; margin: 0; padding: 12px 0 max(12px, env(safe-area-inset-bottom)); }
  .ddd-contractFooterActions .ddd-btn { width: 100%; }
  .ddd-contractModalHead { padding: 12px; gap: 10px; flex-wrap: wrap; }
  .ddd-contractModalIdentity { min-width: 0; }
  .ddd-contractModalIdentity h2 { white-space: normal; overflow-wrap: anywhere; font-size: 19px; }
  .ddd-contractModalClose { width: 44px; height: 44px; flex-shrink: 0; }
  .ddd-contractModalBody .ddd-contractEditor { padding: 8px; }
  .ddd-clientPlannedFilters { grid-template-columns: minmax(0, 1fr); padding: 12px; }
  .ddd-clientPlannedActions { flex-direction: column; align-items: stretch; }
  :is(.ddd-clientPlannedQuickDates, .ddd-clientPlannedStatus, .ddd-clientPlannedQueuePath) { max-width: 100%; overflow-x: auto; }
  .ddd-clientPlannedStats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ddd-clientPlannedQueueScroll { max-height: none; padding: 8px; }
  .ddd-clientPlannedQueueContractHead { grid-template-columns: 28px minmax(0, 1fr); padding: 10px; }
  .ddd-clientPlannedQueueContractStats { grid-column: 1 / -1; padding-left: 0; flex-wrap: wrap; }
  .ddd-clientPlannedQueueContractSites { padding: 6px; }
  .ddd-clientPlannedQueueGroupHead { grid-template-columns: 26px minmax(0, 1fr); }
  .ddd-clientPlannedQueueGroupSummary { grid-column: 1 / -1; padding-left: 0 !important; flex-wrap: wrap; }
  .ddd-clientPlannedQueueMonth > summary { grid-template-columns: 24px minmax(0, 1fr); }
  :is(.ddd-clientPlannedQueueMonthServices, .ddd-clientPlannedQueueMonthStats) { grid-column: 1 / -1; padding-left: 0; }
  .ddd-clientPlannedQueueStrip { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 12px; }
  .ddd-clientPlannedQueueStripWork { border-left: 0; border-top: 1px solid #e5ebf2; padding: 10px 0 0; }
  :is(.ddd-clientPlannedQueueStripStatus, .ddd-clientPlannedQueueStripActions) { grid-column: 1 / -1; flex-wrap: wrap; }
  .ddd-clientPlannedQueueStripActions .ddd-btn { flex: 1 1 140px; min-height: 44px; }
  .ddd-clientPlannedDateValue .ddd-completedDateEdit { width: 44px; min-height: 44px; }
  .ddd-clientPlannedContractAlignmentStats { grid-template-columns: minmax(0, 1fr); }
  .ddd-clientPlannedContractAlignmentSiteHead { flex-direction: column; align-items: stretch; }
  .ddd-dateChangeJobs li { flex-wrap: wrap; gap: 6px; }
  .ddd-dateChangeActions .ddd-btn { width: 100%; }

  /* Keep all seven days visible without shrinking the page to a desktop width. */
  html[data-ddd-page="planer"] .ddd-pageShell div[style*="grid-template-columns: repeat(7,"] {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important; gap: 3px !important; min-width: 0;
  }
  html[data-ddd-page="planer"] .ddd-pageShell div[style*="grid-template-columns: repeat(7,"] > div {
    min-width: 0; padding: 5px 2px !important; font-size: 10px;
    overflow-wrap: anywhere; border-radius: 7px !important;
  }
  html[data-ddd-page="planer"] .ddd-pageShell div[style*="grid-template-columns: repeat(7,"] > div[style*="min-height"] {
    min-height: 82px !important;
  }
  html[data-ddd-page="planer"] .ddd-pageShell div[style*="grid-template-columns: repeat(7,"] > div > div > div { padding-inline: 2px !important; }

  .ddd-workerMapLayout { grid-template-columns: minmax(0, 1fr); }
  .ddd-workerMapCanvas { height: 52dvh; min-height: 300px; max-height: 460px; }
  .ddd-workerMapSidebar { height: auto; max-height: none; overflow: visible; }
  .ddd-workerMapPanel { padding: 12px; }
  :is(.ddd-workerMapSiteList, .ddd-workerMapDetailScroll) { max-height: 52dvh; overflow-y: auto; }

  /* Expiring contracts, audit agent, data review, import and branch planning. */
  :is(.contract-expiry-heading, .contract-expiry-table-heading, .planning-review-head,
    .contract-agentSummaryHead, .contract-agentPanelHead, .contract-agentActionTop,
    .contract-agentFindingFooter, .contract-agentHistoryHead) { flex-direction: column; align-items: stretch; }
  :is(.contract-expiry-actions, .contract-expiry-footer, .contract-expiry-footer > div,
    .contract-expiry-table-heading > div, .planning-review-head-actions,
    .planning-review-footer, .planning-review-footer nav) { flex-wrap: wrap; gap: 8px; }
  :is(.contract-expiry-cards, .planning-review-stats, .contract-agentMetrics, .contract-processing-stats) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contract-expiry-toolbar { grid-template-columns: minmax(0, 1fr); padding: 12px; }
  .contract-expiry-search { grid-column: 1 / -1; }
  .contract-expiry :is(.ddd-input, .ddd-select), .planning-review :is(input, select) { font-size: 16px; min-height: 44px; }
  .contract-expiry :is(button, .ddd-btn), .planning-review button { min-height: 44px; }
  .contract-expiry-dialog { padding: 16px; }
  .contract-expiry-dialog-actions { flex-direction: column; }
  .planning-review-filters { flex-direction: column; align-items: stretch; padding: 12px; }
  .planning-review-filters > label { min-width: 0 !important; width: 100%; }
  .planning-review-stat { min-width: 0; flex-wrap: wrap; gap: 8px; }
  .planning-review-stat > :is(strong, span) { min-width: 0; overflow-wrap: anywhere; }
  .planning-review-priority-guide > summary,
  .planning-review-row-details > summary { min-height: 44px; box-sizing: border-box; }
  .planning-review-table td:last-child, .planning-review-table th:last-child { position: static; }
  .planning-review-priority-guide > div { grid-template-columns: minmax(0, 1fr); }
  .contract-agentHero { grid-template-columns: minmax(0, 1fr); padding: 18px 12px; }
  .contract-agentIntro { padding: 0; }
  .contract-agentIntro h3 { font-size: 30px; }
  :is(.contract-agentContext, .contract-agentGrid, .contract-agentClientGrid) { grid-template-columns: minmax(0, 1fr); }
  .contract-agentPanel.is-expanded :is(.contract-agentActionList, .contract-agentFindings) { grid-template-columns: minmax(0, 1fr); }
  .contract-agentShell :is(button, summary) { min-height: 44px; }
  .contract-agentShell :is(.contract-agentFilters button, .contract-agentIgnore) { font-size: 13px; }
  .contract-agentClientItem > span { white-space: normal; font-size: 13px; }
  .contract-agentClientItem > small { font-size: 12px; }
  .contract-agentGroupedServiceHead { flex-wrap: wrap; }
  .contract-import-backdrop { padding: 0; }
  .contract-import-dialog { width: 100%; max-height: 100dvh; height: 100dvh; border-radius: 0; }
  .contract-import-head, .contract-import-body { padding: 14px; }
  .contract-import-head { flex-shrink: 0; }
  .contract-import-head h2 { font-size: 20px; }
  .contract-import-steps { padding: 8px 14px; gap: 6px; }
  .contract-import-grid, .contract-import-service .contract-import-grid { grid-template-columns: minmax(0, 1fr); }
  .contract-import-section, .contract-import-site, .contract-import-upload { padding: 12px; }
  .contract-import-field :is(input, select, textarea) { font-size: 16px; min-height: 44px; }
  .contract-import-footer { flex-direction: column; align-items: stretch; }
  .contract-import-files li { align-items: flex-start; flex-wrap: wrap; }
  .contract-import-source iframe { height: 55dvh; }
  .ddd-branchOverlay { padding: 8px; }
  .ddd-branchDialog { padding: 14px; max-height: calc(100dvh - 16px); }
  .ddd-branchGrid, .ddd-branchServiceGrid { grid-template-columns: minmax(0, 1fr); }
  .ddd-branchService { padding: 12px; }
  .ddd-branchServiceTop { flex-wrap: wrap; }
  .ddd-branchDialog footer button { width: 100%; }

  /* The independently loaded required-work review also appears outside #root.
     Extra specificity keeps these rules effective after its injected stylesheet. */
  html .ddd-review { min-width: 0; max-height: var(--ddd-mobile-height, 100dvh); overscroll-behavior: contain; }
  html .ddd-review .ddd-review-wrap { width: 100%; padding: 18px 12px 24px; }
  html .ddd-review :is(h1, h2, p, strong, small, .ddd-review-check span) { overflow-wrap: anywhere; }
  html .ddd-review h1 { font-size: 27px; }
  html .ddd-review .ddd-review-brand { flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
  html .ddd-review .ddd-review-brand > span { flex: 1 1 150px; min-width: 0; }
  html .ddd-review .ddd-review-message { padding: 16px; }
  html .ddd-review .ddd-review-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  html .ddd-review .ddd-review-metric { min-width: 0; padding: 12px; }
  html .ddd-review .ddd-review-metric:last-child:nth-child(odd) { grid-column: 1 / -1; }
  html .ddd-review summary { gap: 10px; min-width: 0; padding: 14px 12px; }
  html .ddd-review summary > span:first-child { min-width: 0; }
  html .ddd-review .ddd-review-badge { max-width: 80px; white-space: normal; text-align: right; }
  html .ddd-review .ddd-review-detail { padding: 0 12px 14px; }
  html .ddd-review .ddd-review-jobs li { flex-wrap: wrap; gap: 4px 10px; }
  html .ddd-review .ddd-review-jobs li > span { min-width: 0; overflow-wrap: anywhere; }
  html .ddd-review .ddd-review-check { min-height: 44px; }
  html .ddd-review .ddd-review-bottom { padding: 12px 12px max(12px, env(safe-area-inset-bottom)); }
  html .ddd-review .ddd-review-bottom-inner,
  html .ddd-review .ddd-review-adminrow { grid-template-columns: minmax(0, 1fr); }
  html .ddd-review .ddd-review-adminrow { gap: 8px; padding: 14px; }
  html .ddd-review .ddd-review-bottom button { width: 100%; white-space: normal; }
  html .ddd-review-launch { bottom: calc(84px + env(safe-area-inset-bottom)); right: 12px; max-width: calc(100vw - 24px); min-height: 44px; font-size: 13px; white-space: normal; }

  /* Commercial customers retain their existing card view and every action. */
  .commercial-workspace { min-width: 0; }
  .commercial-header, .commercial-headerActions, .commercial-primaryActions,
  .commercial-selection, .commercial-pagination { flex-wrap: wrap; gap: 8px; }
  .commercial-headerActions, .commercial-primaryActions { width: 100%; }
  .commercial-primaryActions .ddd-btn { flex: 1 1 140px; white-space: normal; }
  .commercial-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commercial-overviewItem { padding: 12px; min-width: 0; }
  .commercial-quickFilters { display: grid; grid-template-columns: minmax(0, 1fr); }
  .commercial-quickFilters label { width: 100%; display: grid; gap: 6px; }
  .commercial-quickFilters .ddd-select { max-width: 100%; width: 100%; }
  .commercial-tabs { max-width: 100%; overflow-x: auto; }
  .commercial-paginationControls { flex-wrap: wrap; width: 100%; gap: 8px; justify-content: space-between; }
  .commercial-listWrap { max-width: 100%; min-width: 0; overflow: visible; }
  .commercial-list, .commercial-list tbody { display: block; min-width: 0 !important; width: 100%; }
  .commercial-list thead { display: none; }
  .commercial-list thead:has(input[type="checkbox"]),
  .commercial-list thead:has(input[type="checkbox"]) tr { display: block; }
  .commercial-list thead th { display: none; }
  .commercial-list thead .commercial-selectCell {
    display: flex; position: static; width: 100%; align-items: center;
    gap: 10px; min-height: 44px; padding: 8px; box-sizing: border-box;
  }
  .commercial-list thead .commercial-selectCell::after { content: "Označi prikazane"; color: #334e61; font-size: 13px; }
  html[lang="en"] .commercial-list thead .commercial-selectCell::after { content: "Select displayed"; }
  .commercial-list tbody tr { grid-template-columns: minmax(0, 1fr); padding: 14px 12px 14px 44px; gap: 14px; }
  .commercial-list td { min-width: 0; overflow-wrap: anywhere; }
  .commercial-list .commercial-selectCell { left: 8px; top: 15px; }
  .commercial-list .commercial-selectCell input { width: 24px; height: 24px; }
  .commercial-customerName { font-size: 16px; line-height: 1.4; min-height: 44px; text-align: left; }
  .commercial-contactLine { flex-wrap: wrap; align-items: center; gap: 4px 8px; }
  .commercial-contactLine :is(a, button) { min-height: 44px; display: inline-flex; align-items: center; }
  .commercial-textButton { padding-inline: 10px; font-size: 13px; }
  .commercial-notePreview { -webkit-line-clamp: 3; min-height: 44px; font-size: 13px; }
  .commercial-rowActions { gap: 8px; align-items: stretch; }
  .commercial-rowActions > .ddd-btn { flex: 1 1 140px; }
  .commercial-moreActions > summary { min-height: 44px; padding: 12px 8px; box-sizing: border-box; font-size: 14px; }
  .commercial-actionMenu { grid-template-columns: minmax(0, 1fr); }
  .commercial-workspace :is(button, .ddd-btn), .commercial-customerCard :is(button, .ddd-btn) { min-height: 44px; }
  .commercial-workspace :is(.commercial-pageSize select, .commercial-pageNumber input) { min-height: 44px; height: 44px; font-size: 16px; }
  .commercial-customerCard :is(.ddd-input, .ddd-select) { font-size: 16px; min-height: 44px; }
  .commercial-customerCard .ddd-modalBody { padding: 12px; }
  .commercial-customerProfile, .commercial-activityComposer { padding: 12px; }
  .commercial-customerFacts { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .commercial-customerNavigation { width: 100%; flex-wrap: wrap; }
  .commercial-customerNavigation .ddd-btn { flex: 1; font-size: 14px; }
  .ddd-commercialTimeline-actions .ddd-btn { min-height: 44px; font-size: 13px; }
  .ddd-commercialTimeline-item { padding-left: 20px; }
  .ddd-commercialTimeline-card { padding: 12px; }
  .commercial-workspace div[style*="grid-template-columns"][style*="minmax(320px"]:not(table *) { grid-template-columns: minmax(0, 1fr) !important; }

  /* Warehouse request/document line forms and EJN detail cards. */
  .ddd-warehouseDispatchLineGrid { grid-template-columns: minmax(0, 1fr) !important; }
  #warehouse-document-edit div[style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; }
  [data-warehouse-edit-line] > div:first-child { flex-wrap: wrap; }
  [data-warehouse-edit-line] strong { overflow-wrap: anywhere; }
  html[data-ddd-page="magacin-stvarni"] .ddd-pageShell .ddd-panel { min-width: 0; }
  html[data-ddd-page="magacin-stvarni"] .ddd-pageShell .ddd-panel[style*="padding"] { padding: 12px !important; }
  html[data-ddd-page="magacin-stvarni"] [role="listbox"] { max-height: 40dvh !important; }
  html[data-ddd-page="magacin-stvarni"] [role="option"] { min-height: 44px; }
  .ejn-tenderCardGrid, .ejn-infoMetaGrid { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-ddd-page="ejn-tenderi"] .ddd-pagePanel { padding: 14px !important; }
  html[data-ddd-page="ejn-tenderi"] .ddd-pageShell h2 { font-size: 27px !important; }
  .ejn-tenderCardGrid > *, .ejn-infoMetaGrid > * { min-width: 0; overflow-wrap: anywhere; }

  /* Wide data stays in its own touch-scroll region; no columns are removed. */
  :is(.ddd-contractTableWrap, .ddd-contractServiceTable, .contract-expiry-table-scroll,
    .planning-review-table-wrap, .contract-processing-table, .ddd-dateChangeTable,
    .ddd-clientPlannedContractAlignmentTableWrap) {
    min-width: 0; max-width: 100%; overflow: auto;
    -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain;
  }
  .contract-processing-table table { min-width: 720px; }
  :is(.contract-expiry-table-scroll, .planning-review-table-wrap) { max-height: 65dvh; }
}