:root{color-scheme:light;--tlo:#f3f2ef;--biel:#fff;--tekst:#1f2937;--szary:#6b7280;--linia:#e5e3dd;--marka:#9a7958;--zolty:#fef3c7;--zolty-t:#92400e;--nieb:#dbeafe;--nieb-t:#1e40af;--ziel:#dcfce7;--ziel-t:#166534;--czer:#fee2e2;--czer-t:#991b1b;--sz:#f3f4f6;--sz-t:#374151;--link:#1d4ed8;--naglowek:#1f2937;--pole:#fff;--pole-linia:#d1d5db;--wiersz-hover:#fafaf7;--suma-tlo:#faf7f2;--badge:#eef2ff;--badge-t:#3730a3;--strzalka:%23666}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--tlo:#0f1520;--biel:#1a2231;--tekst:#e5e7eb;--szary:#9ca3af;--linia:#2b3546;--marka:#c9a67f;--zolty:#5a3a08;--zolty-t:#fde68a;--nieb:#1e3a8a;--nieb-t:#bfdbfe;--ziel:#14532d;--ziel-t:#bbf7d0;--czer:#7f1d1d;--czer-t:#fecaca;--sz:#2b3546;--sz-t:#e5e7eb;--link:#93c5fd;--naglowek:#0a0f18;--pole:#111827;--pole-linia:#3b4657;--wiersz-hover:#212b3c;--suma-tlo:#20293a;--badge:#312e81;--badge-t:#c7d2fe;--strzalka:%23ccc}}
:root[data-theme="dark"]{color-scheme:dark;--tlo:#0f1520;--biel:#1a2231;--tekst:#e5e7eb;--szary:#9ca3af;--linia:#2b3546;--marka:#c9a67f;--zolty:#5a3a08;--zolty-t:#fde68a;--nieb:#1e3a8a;--nieb-t:#bfdbfe;--ziel:#14532d;--ziel-t:#bbf7d0;--czer:#7f1d1d;--czer-t:#fecaca;--sz:#2b3546;--sz-t:#e5e7eb;--link:#93c5fd;--naglowek:#0a0f18;--pole:#111827;--pole-linia:#3b4657;--wiersz-hover:#212b3c;--suma-tlo:#20293a;--badge:#312e81;--badge-t:#c7d2fe;--strzalka:%23ccc}
*{box-sizing:border-box}body{margin:0;background:var(--tlo);color:var(--tekst);font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
.top{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:var(--naglowek);color:#fff}.brand{font-weight:700;font-size:16px}.brand small{font-weight:400;opacity:.7;margin-left:6px}
.top-right{display:flex;gap:12px;align-items:center}.user{opacity:.8}.inline{display:inline}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.35);color:inherit;padding:5px 10px;border-radius:6px;cursor:pointer;font:inherit}.top .btn-ghost{color:#fff}main .btn-ghost{border-color:var(--pole-linia);color:var(--tekst)}.btn-ghost:hover{background:rgba(0,0,0,.06);text-decoration:none}
main{padding:16px 20px 40px;max-width:1500px;margin:0 auto}
.karty{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:14px}
.karta{display:block;background:var(--biel);border:1px solid var(--linia);border-radius:10px;padding:12px 14px;color:inherit}.karta:hover{text-decoration:none;border-color:var(--marka)}.karta.aktywna{border-color:var(--marka);box-shadow:0 0 0 2px rgba(154,121,88,.25)}.karta.suma{background:var(--suma-tlo)}
.karta-naglowek{font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px}.karta-naglowek small{color:var(--szary);font-weight:400}.flaga{font-size:18px;line-height:1}
.karta-liczby{display:flex;gap:14px;flex-wrap:wrap}.karta-liczby div{display:flex;flex-direction:column}.karta-liczby b{font-size:18px}.karta-liczby span{font-size:11px;color:var(--szary)}
.karta-blad{color:var(--czer-t);font-size:12px}.karta-kurs{font-size:11px;color:var(--szary);margin-top:8px}.karta-liczby b.chf{color:var(--marka)}
.statusy-pasek{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0 12px;font-size:13px}.statusy-pasek a{color:var(--link)}.statusy-pasek a.aktywny{color:var(--tekst);font-weight:700}.statusy-pasek span{color:var(--szary)}
.filtry{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filtry select,.filtry input{padding:7px 10px;border:1px solid var(--pole-linia);border-radius:6px;font:inherit;background:var(--pole);color:var(--tekst)}.filtry input{min-width:240px}.filtry button{padding:7px 14px;border:1px solid var(--marka);background:var(--marka);color:#fff;border-radius:6px;font:inherit;cursor:pointer}
.tabela-wrap{overflow-x:auto;background:var(--biel);border:1px solid var(--linia);border-radius:10px}
table.zamowienia{width:100%;border-collapse:collapse}.zamowienia th{text-align:left;font-size:12px;color:var(--szary);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--linia);white-space:nowrap}.zamowienia td{padding:9px 12px;border-bottom:1px solid var(--linia);vertical-align:middle}.zamowienia tr:hover td{background:var(--wiersz-hover)}
.zamowienia .c{text-align:center}.zamowienia .r{text-align:right}.zam a{font-weight:600}.zam small{display:block;color:var(--szary);font-size:11px;margin-top:2px;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
td.sklep,td.kraj,td.data{white-space:nowrap}td.adres{font-size:12px;color:var(--sz-t);max-width:220px}td.suma{font-weight:600;white-space:nowrap}.pusto{text-align:center;color:var(--szary);padding:30px}
.zam-3d{display:none}.badge-3d{display:inline-block;background:var(--badge);color:var(--badge-t);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}
.status-select{appearance:none;-webkit-appearance:none;border:0;border-radius:6px;padding:6px 26px 6px 10px;font:inherit;font-weight:600;font-size:13px;cursor:pointer;background:var(--sz) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E") no-repeat right 9px center;color:var(--sz-t)}
.status-select.zolty{background-color:var(--zolty);color:var(--zolty-t)}.status-select.niebieski{background-color:#2563eb;color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23fff'/%3E%3C/svg%3E")}.status-select.zielony{background-color:var(--ziel);color:var(--ziel-t)}.status-select.czerwony{background-color:var(--czer);color:var(--czer-t)}.status-select:disabled{opacity:.6}
.status-info{display:block;font-size:11px;min-height:14px;margin-top:2px;color:var(--szary)}.status-info.ok{color:var(--ziel-t)}.status-info.blad{color:var(--czer-t)}
.strony{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:14px;color:var(--szary)}
.alert{background:var(--czer);color:var(--czer-t);padding:10px 12px;border-radius:8px;margin:0 0 10px}
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.motyw-login{position:absolute;top:14px;right:14px}.login-box{background:var(--biel);border:1px solid var(--linia);border-radius:12px;padding:28px;width:340px;display:flex;flex-direction:column;gap:12px}.login-box h1{margin:0 0 6px;font-size:20px}.login-box h1 span{display:block;font-size:12px;color:var(--szary);font-weight:400;margin-top:4px}.login-box label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--szary)}.login-box input{padding:9px 10px;border:1px solid var(--pole-linia);border-radius:6px;font:inherit;background:var(--pole);color:var(--tekst)}.login-box button{padding:10px;border:0;background:var(--marka);color:#fff;border-radius:6px;font:inherit;font-weight:600;cursor:pointer}
@media (max-width:1500px){.zamowienia th,.zamowienia td{padding:8px 8px}.zamowienia th:nth-child(6),td.c{display:none}td.adres{max-width:170px}.zam-3d{display:inline-block;font-size:11px;padding:1px 6px}.zam small{max-width:220px}td.sklep,td.kraj,td.data{white-space:normal}.status-select{font-size:12px;padding:5px 22px 5px 8px;background-position:right 7px center}}
@media (max-width:900px){.filtry input{min-width:0;flex:1}
.tabela-wrap{background:transparent;border:0;overflow:visible}table.zamowienia,table.zamowienia tbody,table.zamowienia tr,table.zamowienia td{display:block;min-width:0;width:100%}table.zamowienia thead{display:none}
table.zamowienia tr{background:var(--biel);border:1px solid var(--linia);border-radius:10px;margin-bottom:10px;padding:10px 12px}.zamowienia tr:hover td{background:transparent}table.zamowienia td{border:0;padding:3px 0;white-space:normal}
table.zamowienia td.zam{padding-bottom:6px;border-bottom:1px solid var(--linia);margin-bottom:6px}.zam small{max-width:none;white-space:normal}
table.zamowienia td[data-l]::before{content:attr(data-l) ": ";color:var(--szary);font-size:12px}table.zamowienia td.status::before{display:block;margin-bottom:2px}.status-select{width:100%;font-size:13px;padding:6px 26px 6px 10px}
table.zamowienia td.sklep,table.zamowienia td.kraj,table.zamowienia td.data,table.zamowienia td.c{display:inline-block;width:auto;margin-right:12px}table.zamowienia td.adres{max-width:none;font-size:13px}table.zamowienia td.r{text-align:left;font-size:16px}.pusto{display:block;text-align:center}.zam-3d{display:none}}
@media (max-width:640px){main{padding:10px}.top{padding:8px 12px;flex-wrap:wrap;gap:6px}.brand{font-size:15px}.brand small{display:none}.top-right{gap:6px;margin-left:auto}.btn-ghost{padding:4px 8px;font-size:12px}.karta-liczby b{font-size:16px}
.filtry{flex-direction:column}.filtry select,.filtry input,.filtry button{width:100%;min-width:0}.statusy-pasek{gap:2px 10px;font-size:12px}}
.motyw{line-height:1;padding:5px 8px}.motyw .m-jasny{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .motyw .m-jasny{display:inline}:root:not([data-theme="light"]) .motyw .m-ciemny{display:none}}
:root[data-theme="dark"] .motyw .m-jasny{display:inline}:root[data-theme="dark"] .motyw .m-ciemny{display:none}