/* Remaining SPA screens and the two standalone assistant pages.
   The assistant scope matches their existing shared stylesheet link. */
@media screen and (max-width: 767px) {
  html[data-ddd-page="usluge"] .ddd-pageIntro .ddd-actions {
    width: 100%;
    flex-wrap: wrap;
    gap: 8px;
  }
  html[data-ddd-page="usluge"] .ddd-pageIntro .ddd-actions .ddd-btn { flex: 1 1 140px; }
  html[data-ddd-page="usluge"] .ddd-field > [style*="grid-template-columns"] {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0;
  }
  html[data-ddd-page="usluge"] .ddd-table input[type="checkbox"] { width: 24px; height: 24px; margin: 0; vertical-align: middle; }
  html[data-ddd-page="usluge"] .ddd-table :is(th, td):first-child { padding: 12px; }
  html[data-ddd-page="usluge"] .ddd-table td:nth-child(2) { min-width: 180px; max-width: 260px; white-space: normal; overflow-wrap: anywhere; }
  html[data-ddd-page="usluge"] .ddd-table .ddd-btn--icon { min-width: 62px; min-height: 44px; width: auto; padding: 8px 10px; }

  html .preparati-register { min-width: 0; gap: 12px; }
  html .preparati-register .ddd-pageIntro { gap: 12px; }
  html .preparati-register .ddd-pageIntro h2 { font-size: 22px; line-height: 1.2; }
  html .preparati-register .ddd-pageIntro p { line-height: 1.45; }
  html .preparati-register .preparati-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
  html .preparati-register .preparati-metrics > .ddd-panel { min-width: 0; min-height: 88px; padding: 11px 8px !important; }
  html .preparati-register .preparati-metrics > .ddd-panel > div:first-child { font-size: 11px !important; line-height: 1.35; overflow-wrap: anywhere; }
  html .preparati-register .preparati-metrics > .ddd-panel > div:last-child { font-size: 25px !important; overflow-wrap: anywhere; }
  html .preparati-register > .ddd-panel > div[style*="display: flex"] > .ddd-field { flex: 1 1 100% !important; min-width: 0; }
  html .preparati-register .ddd-btn,
  html .preparati-formCard .ddd-btn { min-height: 44px; white-space: normal; }
  html .preparati-register :is(input, select), html .preparati-formCard :is(input, select, textarea) { min-width: 0; max-width: 100%; font-size: 16px; }
  html .preparati-formCard .ddd-grid { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  html .preparati-register .preparati-table td { padding: 12px; }
  html .preparati-register .preparati-table td:last-child { min-width: 170px; }
  html .preparati-register .preparati-table td:last-child .ddd-btn { margin-block: 3px; }
  html .preparati-register .ddd-tableWrap { max-width: 100%; overscroll-behavior-x: contain; }
  html .preparati-formCard .ddd-field { min-width: 0; overflow-wrap: anywhere; }

  /* Daily activity remains a timeline; sales reports retain their table. */
  html .daily-work-tabs { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 8px; padding-bottom: 0; }
  html .daily-work-tabs .ddd-btn { min-width: 0; min-height: 44px; white-space: normal; line-height: 1.3; }
  html .daily-work-report { padding: 14px; }
  html .daily-work-heading { gap: 12px; }
  html .daily-work-heading h2 { font-size: 22px; line-height: 1.2; }
  html .daily-work-heading p { font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
  html .daily-work-controls { width: 100%; gap: 8px; }
  html .daily-work-controls .ddd-btn { flex: 1 1 120px; min-height: 44px; white-space: normal; }
  html .daily-work-filters { margin: 16px 0; }
  html .daily-work-controls label { flex: 1 1 100%; min-width: 0; }
  html .daily-work-controls input,
  html .daily-work-controls select { width: 100%; min-width: 0; min-height: 44px; font-size: 16px; }
  html .daily-work-note { font-size: 13px; line-height: 1.5; }
  html .daily-work-cards { grid-template-columns: minmax(0, 1fr); margin: 16px 0; gap: 10px; }
  html .daily-work-card { min-width: 0; padding: 14px; border-radius: 13px; }
  html .daily-work-card h3 { margin-bottom: 10px; overflow-wrap: anywhere; }
  html .daily-work-card strong { font-size: 25px; }
  html .daily-work-card p { margin-top: 12px; }
  html .daily-work-person { padding-top: 14px; margin-top: 16px; scroll-margin-top: 72px; }
  html .daily-work-person-heading { align-items: flex-start; gap: 8px; }
  html .daily-work-person-heading h3 { min-width: 0; overflow-wrap: anywhere; }
  html .daily-work-tags { gap: 6px; margin: 10px 0; }
  html .daily-work-tags span { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  html .daily-work-timeline { margin: 12px 0; }
  html .daily-work-timeline > li { grid-template-columns: 42px minmax(0, 1fr); gap: 9px; padding: 12px 0; }
  html .daily-work-timeline p { font-size: 14px; line-height: 1.5; }
  html .daily-work-timeline ul { padding-left: 15px; line-height: 1.5; }
  html .daily-work-empty,
  html .daily-work-error { padding: 12px; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
  html[data-ddd-page="izvjestaji"] .ddd-pageShell [style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
  html[data-ddd-page="izvjestaji"] .ddd-field { min-width: 0 !important; }
  html[data-ddd-page="izvjestaji"] .ddd-pageMetrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  html[data-ddd-page="izvjestaji"] .ddd-pageMetrics > .ddd-panel { min-width: 0; padding: 12px !important; }
  html[data-ddd-page="izvjestaji"] .ddd-pageMetrics > .ddd-panel > div:last-child { font-size: 26px !important; overflow-wrap: anywhere; }

  /* Shared standalone assistant document, without touching SPA nav or cards. */
  html:has(head > link[href*="document-assistant.css"]) { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  html:has(head > link[href*="document-assistant.css"]) main { width: 100%; min-width: 0; padding: max(12px, env(safe-area-inset-top)) 14px max(28px, env(safe-area-inset-bottom)); }
  html:has(head > link[href*="document-assistant.css"]) nav { flex-wrap: wrap; gap: 6px 12px; align-items: center; }
  html:has(head > link[href*="document-assistant.css"]) nav a { display: inline-flex; align-items: center; min-height: 44px; line-height: 1.35; }
  html:has(head > link[href*="document-assistant.css"]) nav span { margin-left: auto; font-size: 10px; letter-spacing: 0.08em; }
  html:has(head > link[href*="document-assistant.css"]) header { padding: 22px 0 18px; }
  html:has(head > link[href*="document-assistant.css"]) h1 { margin: 8px 0; font-size: 28px; line-height: 1.15; }
  html:has(head > link[href*="document-assistant.css"]) h2 { font-size: 19px; line-height: 1.25; }
  html:has(head > link[href*="document-assistant.css"]) h3 { font-size: 16px; line-height: 1.35; }
  html:has(head > link[href*="document-assistant.css"]) :is(h2, h3, p, a, .meta) { min-width: 0; overflow-wrap: anywhere; }
  html:has(head > link[href*="document-assistant.css"]) .lead { margin-bottom: 0; font-size: 15px; line-height: 1.5; }
  html:has(head > link[href*="document-assistant.css"]) :is(.card, .finding) { min-width: 0; padding: 15px; margin-bottom: 16px; border-radius: 14px; }
  html:has(head > link[href*="document-assistant.css"]) .card > p { font-size: 14px; line-height: 1.5; }
  html:has(head > link[href*="document-assistant.css"]) .row { align-items: flex-start; flex-wrap: wrap; gap: 9px; margin-bottom: 10px; }
  html:has(head > link[href*="document-assistant.css"]) .badge { max-width: 100%; padding: 6px 9px; white-space: normal; line-height: 1.35; }
  html:has(head > link[href*="document-assistant.css"]) :is(button, .button) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; padding: 10px 12px; white-space: normal; overflow-wrap: anywhere; line-height: 1.35; text-align: center; }
  html:has(head > link[href*="document-assistant.css"]) :is(.profiles, .actions) { gap: 8px; margin-top: 14px; }
  html:has(head > link[href*="document-assistant.css"]) .profiles span { max-width: 100%; overflow-wrap: anywhere; }
  html:has(head > link[href*="document-assistant.css"]) .actions > :is(button, .button) { flex: 1 1 160px; min-width: 0; }
  html:has(head > link[href*="document-assistant.css"]) #notice { padding: 12px; margin-bottom: 16px; font-size: 14px; line-height: 1.45; }
  html:has(head > link[href*="document-assistant.css"]) #findings { margin-top: 14px; }
  html:has(head > link[href*="document-assistant.css"]) .finding p { margin: 10px 0; font-size: 14px; line-height: 1.5; }
  html:has(head > link[href*="document-assistant.css"]) .finding blockquote { margin: 12px 0; padding: 10px 12px; line-height: 1.5; }
  html:has(head > link[href*="document-assistant.css"]) .empty { padding: 20px 14px; font-size: 14px; line-height: 1.5; }
  html:has(head > link[href*="document-assistant.css"]) footer { margin-top: 18px; padding-top: 14px; font-size: 12px; }
}

@media screen and (max-width: 767px) {
  /* The login has no header menu, so keep its language selector available. */
  html .ddd-loginShell { height: var(--ddd-mobile-height, 100dvh); min-height: 0; overflow-y: auto; align-items: start; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; }
  html .ddd-loginTopbar .ddd-languageControl { display: flex !important; flex-wrap: wrap; min-width: 0; max-width: 100%; padding-inline: 12px; }
  html .ddd-loginTopbar .ddd-languageControl .ddd-select { min-height: 44px; min-width: 0 !important; max-width: 100%; font-size: 16px; }
  html .ddd-loginStage,
  html .ddd-loginCard,
  html .ddd-loginBrandMeta { min-width: 0; max-width: 100%; }
  html .ddd-loginFieldHeader { flex-wrap: wrap; gap: 4px 10px; }
  html .ddd-loginFooterNote > .ddd-btn { min-height: 44px; flex: 1 1 140px; white-space: normal; }
  html .ddd-loginInput { min-height: 48px; font-size: 16px; }

  /* Customer portal uses a page header plus information grids, not form grids. */
  html:is([data-ddd-page="customer-sites"], [data-ddd-page="customer-operational-plans"], [data-ddd-page="customer-documents"], [data-ddd-page="customer-jobs"], [data-ddd-page="customer-invoices"]) .ddd-pagePanel { min-width: 0; max-width: 100%; }
  html:is([data-ddd-page="customer-sites"], [data-ddd-page="customer-operational-plans"], [data-ddd-page="customer-documents"], [data-ddd-page="customer-jobs"], [data-ddd-page="customer-invoices"]) .ddd-pageHeader h1 { font-size: 24px; line-height: 1.2; overflow-wrap: anywhere; }
  html:is([data-ddd-page="customer-sites"], [data-ddd-page="customer-operational-plans"], [data-ddd-page="customer-documents"], [data-ddd-page="customer-jobs"], [data-ddd-page="customer-invoices"]) .ddd-pagePanel :is(.ddd-grid, .ddd-panelTitle, .ddd-emptyHint) { min-width: 0; overflow-wrap: anywhere; }
  html:is([data-ddd-page="customer-jobs"], [data-ddd-page="customer-invoices"]) .ddd-pagePanel .ddd-grid { grid-template-columns: minmax(0, 1fr); }
  html:is([data-ddd-page="customer-sites"], [data-ddd-page="customer-operational-plans"], [data-ddd-page="customer-documents"], [data-ddd-page="customer-jobs"], [data-ddd-page="customer-invoices"]) .ddd-actions { max-width: 100%; flex-wrap: wrap; gap: 8px; }
  html:is([data-ddd-page="customer-sites"], [data-ddd-page="customer-operational-plans"], [data-ddd-page="customer-documents"], [data-ddd-page="customer-jobs"], [data-ddd-page="customer-invoices"]) .ddd-actions > .ddd-btn { min-height: 44px; white-space: normal; }
}