/* pobrania.css
   ============
   Zakladka Pobrania: przyciski/lista zadan pobrania danych z tachografu
   (DDD) oraz podzakladki Pojazdy/Kierowcy w tym widoku.
*/

  .download-requests-section { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--border); }
  .download-requests-head { font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--text-dim); margin-bottom: 8px; }
  .download-requests-buttons { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
  .dr-request-btn {
    font-size: 12px; padding: 7px 12px; border-radius: 8px; border: 1px solid var(--border);
    background: var(--surface-2); color: var(--text); cursor: pointer;
  }
  .dr-request-btn:hover:not(:disabled) { border-color: var(--accent-brand); }
  .dr-request-btn:disabled { opacity: 0.4; cursor: not-allowed; }
  /* NOWE (11.08.2026) - przycisk nowego systemu (ddd_server.py), celowo
     wizualnie odrozniony (obramowanie w kolorze marki) od zwyklego
     .dr-request-btn (ktory zostaje TachoSync) - dwa OSOBNE przyciski,
     zeby uzytkownik zawsze wiedzial, ktory system wywoluje. */
  .dr-request-ddd-btn {
    font-size: 12px; padding: 7px 12px; border-radius: 8px; border: 1px solid var(--accent-brand);
    background: var(--surface-2); color: var(--accent-brand); cursor: pointer;
  }
  .dr-request-ddd-btn:hover:not(:disabled) { background: var(--accent-brand); color: var(--surface-0, #fff); }
  .dr-request-ddd-btn:disabled { opacity: 0.4; cursor: not-allowed; }
  .download-requests-list { display: flex; flex-direction: column; gap: 6px; }
  .dr-empty { font-size: 11.5px; color: var(--text-dim); }
  .dr-row {
    display: flex; align-items: center; gap: 10px; font-size: 11.5px;
    background: var(--surface-2); border-radius: 8px; padding: 6px 10px; flex-wrap: wrap;
  }
  .dr-type { font-weight: 600; min-width: 90px; }
  .dr-date { color: var(--text-dim); font-family: 'IBM Plex Mono', monospace; flex: 1; }
  .dr-status { font-weight: 700; padding: 2px 8px; border-radius: 6px; font-size: 10.5px; }
  .dr-status-pending { background: rgba(245, 166, 35, 0.15); color: var(--accent-amber); }
  .dr-status-executed { background: rgba(52, 211, 153, 0.15); color: var(--accent-green); }
  .dr-status-failed { background: rgba(242, 84, 91, 0.15); color: var(--accent-red); }
  .dr-status-cancelled { background: rgba(139, 148, 160, 0.15); color: var(--text-dim); }
  .dr-cancel-btn {
    font-size: 10.5px; padding: 3px 8px; border-radius: 6px; border: 1px solid var(--border);
    background: none; color: var(--text-dim); cursor: pointer;
  }
  .dr-cancel-btn:hover { color: var(--accent-red); border-color: var(--accent-red); }

  .dr-hide-btn {
    background: none; border: none; color: var(--text-dim); cursor: pointer;
    font-size: 16px; line-height: 1; padding: 2px 6px; margin-left: auto;
  }
  .dr-hide-btn:hover { color: var(--accent-red); }

  /* NOWE (07.08.2026) - formularz wyboru zakresu plikow tachografu przed
     zleceniem pobrania (patrz createDownloadRequest w index.html).
     Plakietki .dr-tacho-badge/.dr-tacho-confirmed/.dr-tacho-pending/
     .dr-tacho-gaveup (uzywane tez przez renderDddStatusBadge) sa juz
     zdefiniowane nizej w tym pliku - celowo NIE duplikujemy ich tutaj. */
  .dr-scope-form { margin-bottom: 10px; }
  .dr-scope-checks { display: flex; gap: 12px; flex-wrap: wrap; font-size: 11.5px; margin-bottom: 8px; }
  .dr-scope-checks label { display: flex; align-items: center; gap: 5px; cursor: pointer; color: var(--text); }
  .dr-scope-dates { display: flex; gap: 14px; flex-wrap: wrap; font-size: 11.5px; margin-bottom: 4px; color: var(--text-dim); }
  .dr-scope-dates label { display: flex; align-items: center; gap: 6px; }
  .dr-scope-dates input[type="date"] {
    font-size: 11.5px; padding: 4px 6px; border-radius: 6px; border: 1px solid var(--border);
    background: var(--surface-2); color: var(--text);
  }

  .pobrania-subtabs { display: flex; gap: 8px; margin-bottom: 14px; }
  .pobrania-subtab-btn {
    padding: 8px 16px; border-radius: 9px; border: 1px solid var(--border);
    background: var(--surface-2); color: var(--text-dim); font-size: 13px; font-weight: 600;
    font-family: inherit; cursor: pointer;
  }
  .pobrania-subtab-btn.active { background: var(--accent-brand); color: #fff; border-color: var(--accent-brand); }

  .dr-goto-link, .dr-goto-link-driver, .dr-goto-link-driver-tab { font-size: 11px; color: var(--accent-brand); text-decoration: none; }
  .dr-goto-link:hover, .dr-goto-link-driver:hover, .dr-goto-link-driver-tab:hover { text-decoration: underline; }
  .address-maps-link { text-decoration: none; opacity: 0.75; }
  .address-maps-link:hover { opacity: 1; }

  .dr-tacho-badge { font-size: 10px; padding: 2px 7px; border-radius: 6px; white-space: nowrap; }
  .dr-tacho-pending { background: rgba(245, 166, 35, 0.15); color: var(--accent-amber); }
  .dr-tacho-confirmed { background: rgba(52, 211, 153, 0.15); color: var(--accent-green); }
  .dr-tacho-gaveup { background: rgba(242, 84, 91, 0.15); color: var(--accent-red); }

  /* NOWE (07.08.2026) - widget rejestracji numeru karty przedsiebiorstwa
     (patrz #tacho-card-widget w index.html, renderTachoCardWidget). */
  .tacho-card-widget-card { margin-bottom: 12px; }
  .tacho-card-current {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    font-size: 12px; padding: 8px 10px; margin-bottom: 10px;
    background: var(--surface-2); border-radius: 8px;
  }
  .tacho-card-form { display: flex; gap: 8px; flex-wrap: wrap; }
  .tacho-card-input {
    flex: 1; min-width: 220px; font-size: 12.5px; padding: 7px 10px;
    border-radius: 8px; border: 1px solid var(--border);
    background: var(--surface-2); color: var(--text);
  }