/* IT Serwis 7.4 — Dark Mode; nadpisania ładowane po Bootstrap 6, style.css i UI v7.0.
   Cały interfejs zachowuje prostokątne narożniki i lokalną czcionkę Roboto. */
.b7-app .b74-theme-toggle {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:34px;padding:6px 11px;white-space:nowrap;
  border:1px solid #d0dce7;background:#f5f9fc;color:#35556f;
  font-family:inherit;font-size:11px;line-height:1.2;font-weight:700;
  cursor:pointer;transition:background-color .15s,color .15s,border-color .15s;
}
.b7-app .b74-theme-toggle:hover {background:#e7f3fc;border-color:#8dbbe0;color:#0669a7}
.b7-app .b74-theme-toggle:focus-visible {outline:2px solid #16adfa;outline-offset:2px}
.b7-app .b74-theme-toggle svg {display:block;flex:none}
.b7-app .b74-icon-sun {display:none}
html[data-bs-theme="dark"] .b7-app .b74-icon-moon {display:none}
html[data-bs-theme="dark"] .b7-app .b74-icon-sun {display:block}
html[data-bs-theme="dark"] {color-scheme:dark}
html[data-bs-theme="dark"] .b7-app {
  --bg:#0b1521; --card:#132334; --ink:#e6eef7; --muted:#9cb3c9;
  --line:#283e52; --line-strong:#3d5268; --brand:#56b9ff;
  --brand-dark:#94d7ff; --brand-pale:#15354b;
  --b7-navy:#071827; --b7-accent:#39b5fa; --b7-border:#2b4053;
  --b7-muted:#a1b6c8; --b7-paper:#132334; --b7-soft:#172c3f;
  --bs-body-bg:#0b1521; --bs-body-color:#e4edf6;
  --bs-secondary-color:#a4bad0; --bs-tertiary-color:#98adbf;
  --bs-border-color:#2b4053; --bs-tertiary-bg:#172a3b;
  --bs-secondary-bg:#14273a; --bs-emphasis-color:#f7fbff;
  --bs-primary:#4aaff5; --bs-primary-rgb:74,175,245;
  color:#e6eef7 !important;background:#0b1521 !important;
}
html[data-bs-theme="dark"] .b7-app .b6-workspace,
html[data-bs-theme="dark"] .b7-app .b6-content.container-fluid,
html[data-bs-theme="dark"] .b7-app #main-content {background:#0b1521 !important;color:#e6eef7}
html[data-bs-theme="dark"] .b7-app .b6-sidebar {background:linear-gradient(180deg,#061523 0%,#0a2034 100%) !important;border-right-color:#21405c !important}
html[data-bs-theme="dark"] .b7-app .b6-side-brand {border-bottom-color:#254058}
html[data-bs-theme="dark"] .b7-app .b6-topline {
  background:#111f2e !important;border-bottom:1px solid #2a3e52 !important;color:#d8e9f7;
}
html[data-bs-theme="dark"] .b7-app .b6-topline-left,
html[data-bs-theme="dark"] .b7-app .b6-topline-slash,
html[data-bs-theme="dark"] .b7-app .b6-user-chip small {color:#a8bdcf !important}
html[data-bs-theme="dark"] .b7-app .b6-user-chip {border-left-color:#33485c}
html[data-bs-theme="dark"] .b7-app .b6-user-chip strong {color:#f3f7fc}
html[data-bs-theme="dark"] .b7-app .b74-theme-toggle {
  background:#1b3044;border-color:#35516a;color:#d7ecff;
}
html[data-bs-theme="dark"] .b7-app .b74-theme-toggle:hover {background:#25455e;border-color:#5a9cc5;color:#fff}
html[data-bs-theme="dark"] .b7-app .b6-pagehead h1,
html[data-bs-theme="dark"] .b7-app .page-title h1,
html[data-bs-theme="dark"] .b7-app h1,
html[data-bs-theme="dark"] .b7-app h2,
html[data-bs-theme="dark"] .b7-app h3,
html[data-bs-theme="dark"] .b7-app h4 {color:#eef6ff !important}
html[data-bs-theme="dark"] .b7-app .b6-kicker,
html[data-bs-theme="dark"] .b7-app .b6-bottomline,
html[data-bs-theme="dark"] .b7-app .muted,
html[data-bs-theme="dark"] .b7-app .hint,
html[data-bs-theme="dark"] .b7-app .details span,
html[data-bs-theme="dark"] .b7-app .meta dt,
html[data-bs-theme="dark"] .b7-app .event small {color:#9db5ca !important}
html[data-bs-theme="dark"] .b7-app .panel,
html[data-bs-theme="dark"] .b7-app .b7-card,
html[data-bs-theme="dark"] .b7-app .stat,
html[data-bs-theme="dark"] .b7-app .br-stat,
html[data-bs-theme="dark"] .b7-app .ticket-overview,
html[data-bs-theme="dark"] .b7-app .ticket-accordion,
html[data-bs-theme="dark"] .b7-app .ticket-sidebar>.panel,
html[data-bs-theme="dark"] .b7-app .ticket-strip,
html[data-bs-theme="dark"] .b7-app .ticket-jump,
html[data-bs-theme="dark"] .b7-app .table-wrap,
html[data-bs-theme="dark"] .b7-app .card,
html[data-bs-theme="dark"] .b7-app .modal-content,
html[data-bs-theme="dark"] .b7-app .dropdown-menu,
html[data-bs-theme="dark"] .b7-app .offcanvas {
  background:#132334 !important;border-color:#2b4053 !important;color:#e1edf9 !important;
  box-shadow:none !important;
}
html[data-bs-theme="dark"] .b7-app .ticket-acc-body,
html[data-bs-theme="dark"] .b7-app .ticket-accordion>summary,
html[data-bs-theme="dark"] .b7-app .ticket-overview,
html[data-bs-theme="dark"] .b7-app .inline-form,
html[data-bs-theme="dark"] .b7-app .filters,
html[data-bs-theme="dark"] .b7-app .tiny-form,
html[data-bs-theme="dark"] .b7-app .br-info,
html[data-bs-theme="dark"] .b7-app details:not(.ticket-accordion)[open],
html[data-bs-theme="dark"] .b7-app .ticket-strip>div,
html[data-bs-theme="dark"] .b7-app .ticket-acc-text,
html[data-bs-theme="dark"] .b7-app .b7-card {
  background:#132334 !important;color:#e4edf7 !important;border-color:#2b4053 !important;
}
html[data-bs-theme="dark"] .b7-app .ticket-accordion[open]>summary,
html[data-bs-theme="dark"] .b7-app .ticket-accordion>summary:hover,
html[data-bs-theme="dark"] .b7-app .ticket-jump a:hover,
html[data-bs-theme="dark"] .b7-app tbody tr:hover>td,
html[data-bs-theme="dark"] .b7-app .br-total>td {background:#1b3449 !important;color:#ecf7ff !important}
html[data-bs-theme="dark"] .b7-app .ticket-acc-text strong,
html[data-bs-theme="dark"] .b7-app .ticket-strip strong,
html[data-bs-theme="dark"] .b7-app .details strong,
html[data-bs-theme="dark"] .b7-app .stat strong,
html[data-bs-theme="dark"] .b7-app .costs .total,
html[data-bs-theme="dark"] .b7-app .event p {color:#eef7ff !important}
html[data-bs-theme="dark"] .b7-app .stat:hover {background:#1c354c !important;border-color:#507b9a !important}
html[data-bs-theme="dark"] .b7-app label,
html[data-bs-theme="dark"] .b7-app .form-label,
html[data-bs-theme="dark"] .b7-app .form-check-label {color:#b8cee1 !important}
html[data-bs-theme="dark"] .b7-app input:not([type="checkbox"]):not([type="radio"]),
html[data-bs-theme="dark"] .b7-app textarea,
html[data-bs-theme="dark"] .b7-app select,
html[data-bs-theme="dark"] .b7-app .form-control,
html[data-bs-theme="dark"] .b7-app .form-select,
html[data-bs-theme="dark"] .b7-app .input-group-text,
html[data-bs-theme="dark"] .b7-app .form-control:focus,
html[data-bs-theme="dark"] .b7-app .form-select:focus {
  background:#0d1c2c !important;border-color:#3a536a !important;color:#f1f7fe !important;
  box-shadow:none;
}
html[data-bs-theme="dark"] .b7-app input::placeholder,
html[data-bs-theme="dark"] .b7-app textarea::placeholder {color:#829cb2 !important;opacity:1}
html[data-bs-theme="dark"] .b7-app input:focus,
html[data-bs-theme="dark"] .b7-app textarea:focus,
html[data-bs-theme="dark"] .b7-app select:focus {outline:2px solid rgba(36,166,245,.55);outline-offset:0}
html[data-bs-theme="dark"] .b7-app input[type="checkbox"],
html[data-bs-theme="dark"] .b7-app input[type="radio"] {accent-color:#16a4f6}
html[data-bs-theme="dark"] .b7-app table,
html[data-bs-theme="dark"] .b7-app .table {--bs-table-bg:#132334;--bs-table-color:#e1edf9;--bs-table-border-color:#2b4053;color:#e1edf9 !important;background:#132334 !important}
html[data-bs-theme="dark"] .b7-app th,
html[data-bs-theme="dark"] .b7-app .table th {background:#1b3044 !important;color:#b4d0e8 !important;border-color:#304961 !important}
html[data-bs-theme="dark"] .b7-app td,
html[data-bs-theme="dark"] .b7-app .table td {background:#132334 !important;color:#e1edf9 !important;border-color:#293e52 !important}
html[data-bs-theme="dark"] .b7-app .table tbody tr:hover td {background:#1b3449 !important}
html[data-bs-theme="dark"] .b7-app td small,
html[data-bs-theme="dark"] .b7-app .empty {color:#a3bbd0 !important}
html[data-bs-theme="dark"] .b7-app .button:not(.primary),
html[data-bs-theme="dark"] .b7-app .mini-button,
html[data-bs-theme="dark"] .b7-app .btn:not(.btn-primary):not(.btn-danger) {
  background:#1c3449 !important;border-color:#37516b !important;color:#e3eff9 !important;
}
html[data-bs-theme="dark"] .b7-app .button:not(.primary):hover,
html[data-bs-theme="dark"] .b7-app .mini-button:hover,
html[data-bs-theme="dark"] .b7-app .btn:not(.btn-primary):not(.btn-danger):hover {
  background:#274862 !important;color:#ffffff !important;
}
html[data-bs-theme="dark"] .b7-app .button.primary,
html[data-bs-theme="dark"] .b7-app .btn-primary {background:#087fca !important;color:#fff !important;border-color:#087fca !important}
html[data-bs-theme="dark"] .b7-app .button.primary:hover,
html[data-bs-theme="dark"] .b7-app .btn-primary:hover {background:#0b93e6 !important}
html[data-bs-theme="dark"] .b7-app .status-new {background:#173452 !important;color:#93cdfb !important;border-color:#355a77 !important}
html[data-bs-theme="dark"] .b7-app .status-in_progress {background:#163e4e !important;color:#85def1 !important;border-color:#285a6d !important}
html[data-bs-theme="dark"] .b7-app .status-waiting,
html[data-bs-theme="dark"] .b7-app .pill.amber {background:#423216 !important;color:#f1d087 !important;border-color:#71582d !important}
html[data-bs-theme="dark"] .b7-app .status-done,
html[data-bs-theme="dark"] .b7-app .pill.green {background:#173e30 !important;color:#9ee5bd !important;border-color:#34674c !important}
html[data-bs-theme="dark"] .b7-app .status-closed {background:#273443 !important;color:#c0cad8 !important;border-color:#435369 !important}
html[data-bs-theme="dark"] .b7-app .status-cancelled {background:#482a32 !important;color:#f1acb6 !important;border-color:#77505b !important}
html[data-bs-theme="dark"] .b7-app .alert.success,
html[data-bs-theme="dark"] .b7-app .alert-success {background:#153628 !important;border-color:#35654a !important;color:#a4e8c5 !important}
html[data-bs-theme="dark"] .b7-app .alert.error,
html[data-bs-theme="dark"] .b7-app .alert-danger {background:#40252c !important;border-color:#85414f !important;color:#ffcbd5 !important}
html[data-bs-theme="dark"] .b7-app .alert:not(.error):not(.success) {background:#192f44 !important;border-color:#37536e !important;color:#c5e0f8 !important}
html[data-bs-theme="dark"] .b7-app .timeline {border-left-color:#3a526a}
html[data-bs-theme="dark"] .b7-app .event-dot {background:#3daee8}
html[data-bs-theme="dark"] .b7-app a:not(.button):not(.btn):not(.b6-side-brand):not(.b6-side-links a) {color:#7ec9ff}
html[data-bs-theme="dark"] .b7-app a:hover {color:#b7e2ff}
html[data-bs-theme="dark"] .b7-app .b6-logout {color:#84cfff !important}
html[data-bs-theme="dark"] .b7-app .b6-bottomline {border-top-color:#25394d}
html[data-bs-theme="dark"] .b7-app hr,
html[data-bs-theme="dark"] .b7-app .costs {border-color:#2d4255}
html[data-bs-theme="dark"] .b7-app .accordion-item,
html[data-bs-theme="dark"] .b7-app .accordion-button,
html[data-bs-theme="dark"] .b7-app .modal-header,
html[data-bs-theme="dark"] .b7-app .modal-footer {background:#132334;color:#e4effa;border-color:#2b4053}
/* Wygląd wydruku zawsze pozostaje jasny, czytelny i niezależny od ustawienia ekranu. */
@media print {
  html[data-bs-theme="dark"] .b7-app,
  html[data-bs-theme="dark"] .b7-app .b6-workspace,
  html[data-bs-theme="dark"] .b7-app .b6-content.container-fluid {background:#fff!important;color:#000!important}
  html[data-bs-theme="dark"] .b7-app .panel,
  html[data-bs-theme="dark"] .b7-app td,
  html[data-bs-theme="dark"] .b7-app th {background:#fff!important;color:#111!important;border-color:#d4d4d4!important}
}
@media (max-width:720px) {
  .b7-app .b74-theme-toggle {width:35px;height:35px;padding:6px}
  .b7-app .b74-theme-label {display:none}
}
