.top-actions .connection-state{border:1px solid var(--border-field);border-radius:var(--radius-md);background:var(--ok-soft);text-align:left;cursor:pointer;align-items:center;gap:7px;padding:6px 9px;display:flex}.connection-state>span{background:var(--ok-text);width:19px;height:19px;color:var(--surface);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.connection-state strong,.connection-state small{white-space:nowrap;display:block}.connection-state strong{color:var(--ok-text);font-size:12px}.connection-state small{color:var(--text-2);margin-top:1px;font-size:12px}.top-actions .connection-state.offline{border-color:var(--warn-line);background:var(--warn-soft)}.connection-state.offline>span{background:var(--warn-mid)}.connection-state.offline strong,.connection-state.offline small{color:var(--warn-dark)}.top-actions .notification-button{cursor:pointer;background:0 0;border:0;font-size:20px;position:relative}.offline-banner{border:1px solid var(--warn-line);border-radius:var(--radius-md);background:var(--warn-soft);color:var(--warn-dark);align-items:center;gap:10px;margin:-15px 0 18px;padding:10px 13px;display:flex}.offline-banner>span{font-size:17px}.offline-banner>div{flex:1}.offline-banner strong,.offline-banner small{display:block}.offline-banner strong{font-size:12px}.offline-banner small{color:var(--warn-dark);margin-top:2px;font-size:12px}.offline-banner>b{border-radius:var(--radius-md);background:var(--warn-line);padding:4px 7px;font-size:12px}.fx-form-note,.order-fx-snapshot{border-radius:var(--radius-md);background:var(--bg);align-items:center;gap:9px;display:flex}.fx-form-note{margin-bottom:11px;padding:9px 10px}.order-fx-snapshot{margin:8px 13px 13px;padding:9px}.fx-form-note>span,.order-fx-snapshot>span{border-radius:var(--radius-sm);background:var(--accent-dark);color:var(--surface);padding:4px 6px;font-size:12px;font-weight:900}.fx-form-note strong,.fx-form-note small,.order-fx-snapshot strong,.order-fx-snapshot small{display:block}.fx-form-note strong,.order-fx-snapshot strong{color:var(--text);font-size:12px}.fx-form-note small,.order-fx-snapshot small{color:var(--text-2);margin-top:2px;font-size:12px}@media (max-width:800px){.top-actions .connection-state div{display:none}.top-actions .connection-state{padding:6px}.offline-banner>b{display:none}}.modal-head .szkic-status{border-radius:var(--radius-lg);white-space:nowrap;background:var(--bg);color:var(--text-2);align-self:flex-start;margin-top:2px;padding:4px 9px;font-size:12px;font-weight:800}.szkic-status-zapisywanie{background:var(--info-soft);color:var(--info)}.szkic-status-zapisano{background:var(--ok-soft);color:var(--ok-text)}.szkic-status-blad{background:var(--warn-soft);color:var(--warn-text)}.szkice-modal{width:min(480px,100%)}.szkice-lista{flex-direction:column;gap:8px;max-height:280px;margin:4px 0 18px;display:flex;overflow:auto}.szkic-pozycja{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:10px 12px;display:flex}.szkic-pozycja:hover{background:var(--base);border-color:var(--accent-soft)}.szkic-pozycja strong{font-size:12px}.szkic-pozycja span,.szkic-pozycja small{color:var(--text-2);font-size:12px}
.freight-layout{grid-template-columns:1fr}.przypisanie-warunki label.pelna{grid-column:1/-1}.przypisanie-sprawdz{border-radius:var(--radius-sm);color:inherit;cursor:pointer;background:0 0;border:1px solid;margin-left:10px;padding:3px 9px;font-size:12px;font-weight:700}.przypisanie-sprawdz:disabled{opacity:.6;cursor:default}
body .btn,body .heading-actions button,body .panel-tools button,body .modal-actions button,body .formatka-przyciski button,body .formatki-akcje button,body .formatki-formularz-akcje button,body .formatki-slownik-dodaj button,body .widget-config>footer button,body .order-detail-header-actions>button,body .order-detail-footer button,body .settings-form footer button,body .odnosnik-panel button,body .formularz-konta footer button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:auto;min-height:40px;color:var(--text);text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;line-height:1.2;transition:background .12s,border-color .12s,color .12s;display:inline-flex}body .btn:hover,body .heading-actions button:hover,body .panel-tools button:hover,body .modal-actions button:hover,body .formatka-przyciski button:hover,body .formatki-akcje button:hover,body .order-detail-footer button:hover,body .settings-form footer button:hover{background:var(--base);border-color:var(--accent);color:var(--accent-dark)}body .btn:disabled,body .modal-actions button:disabled,body .order-detail-footer button:disabled,body .formatka-przyciski button:disabled{opacity:.45;cursor:not-allowed}body .btn-primary,body .primary{border:1px solid var(--navy)!important;background:var(--navy)!important;color:var(--surface)!important}body .btn-primary:hover,body .primary:hover{background:var(--navy-dark)!important}body .btn-danger{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}body .btn-sm{min-height:32px;padding:0 12px;font-size:12px}body .btn-full{width:100%}body .modal input:not([type=checkbox]):not([type=radio]),body .modal select,body .modal textarea,body .settings-form input:not([type=checkbox]):not([type=radio]),body .settings-form select,body .settings-form textarea,body .formularz-konta input:not([type=checkbox]):not([type=radio]),body .formularz-konta select,body .formatka-grid input:not([type=checkbox]):not([type=radio]),body .formatka-grid select,body .formatka-grid textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:40px;color:var(--text);padding:0 12px;font-size:13px}body .modal textarea,body .settings-form textarea,body .formatka-grid textarea{padding:10px 12px;line-height:1.45}body .modal input:focus,body .modal select:focus,body .modal textarea:focus,body .settings-form input:focus,body .settings-form select:focus,body .settings-form textarea:focus,body .formularz-konta input:focus,body .formularz-konta select:focus,body .formatka-grid input:focus,body .formatka-grid select:focus,body .formatka-grid textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}body .table-head,body .freight-columns{letter-spacing:.06em;text-transform:uppercase;background:var(--navy)!important;color:#ffffffeb!important;font-size:12px!important;font-weight:700!important}body .table-head .sortowanie{color:#ffffffeb;font-size:12px;font-weight:700}body .table-head .sortowanie:hover{color:var(--surface)}body .table-head .sortowanie i{color:#ffffff8c}body .table-head .sortowanie.aktywne,body .table-head .sortowanie.aktywne i{color:var(--sort-active)}body .pusty-stan,body .empty{align-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--text-2);text-align:center;margin:0;font-size:13px;display:grid}body .pusty-stan strong{color:var(--text);font-size:13px;font-weight:700}body .pusty-stan small{color:var(--text-2);font-size:12px}body .pusty-stan>span,body .empty>span{border-radius:var(--radius-full);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);place-items:center;font-size:17px;display:grid}body :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}body .sidebar :is(a,button,[tabindex]):focus-visible,body .table-head :is(button,[tabindex]):focus-visible{outline-color:var(--surface)}body .kpis .kpi-card,body .kpis article,body .module-kpis article,body .settings-summary article,body .settings-summary>button,body .pulpit-kpi{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-1);padding:16px 18px 14px}body .kpis .kpi-card small,body .kpis small,body .module-kpis article small,body .pulpit-kpi small{color:var(--text-2);font-size:12px;font-weight:600}body .kpis .kpi-card strong,body .kpis strong,body .module-kpis article strong,body .pulpit-kpi strong{color:var(--text);letter-spacing:-.02em;font-size:22px;font-weight:800}body .kpi-icon,body .module-kpi-icon{border-radius:var(--radius-md);place-items:center;width:38px;height:38px;font-size:16px;display:grid}body .kpis .kpi-card em,body .kpis em{color:var(--text-2);font-size:12px}body .tabs button{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-size:12px;font-weight:600}body .tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}body .tabs button:hover:not(.active){color:var(--text)}body .tabs button b{border-radius:var(--radius-full);background:var(--warn-soft);min-width:17px;color:var(--warn);padding:0 5px;font-size:12px;font-weight:800}body .ikona{flex:none;display:block}body .ikona.ikona-w-tekscie{vertical-align:middle;margin-right:.4em;display:inline-block;position:relative;top:-.08em}body .ikona.ikona-znak{vertical-align:middle;display:inline-block}body button>.ikona:not(.ikona-w-tekscie):only-child{margin-inline:auto}body .sidebar nav button span,body .sidebar-foot button span{place-items:center;width:20px;height:20px;font-size:0;display:grid}body .analityka-tabs button span,body .modul-tabs button span,body .settings-nav button span{opacity:1;place-items:center;font-size:0;display:grid}body .view-switch button{place-items:center;display:grid}body .osoba{border-radius:var(--radius-full);white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:5px 11px;font-size:13px;font-style:normal;font-weight:700;line-height:1.15;display:inline-block;overflow:hidden}body .osoba.mala{padding:3px 8px;font-size:12px;font-weight:700}body .osoba-brak{color:var(--text-3);font-style:normal;font-weight:600}body .order-table .osoba{padding:5px 8px;font-size:12px;font-weight:800;line-height:1.5}body .person-cell .osoba{max-width:100%}body .order-table .table-row>span{min-width:0}body .notatka{-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;color:var(--text-2);-webkit-box-orient:vertical;font-size:12px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}body .order-kind,body .zasieg,body .waluta,body .market-badge{border-radius:var(--radius-sm);white-space:nowrap;padding:5px 8px;font-size:12px;font-style:normal;font-weight:800;line-height:1.5;display:inline-block}body .order-kind.spedycja{background:var(--v-spedycja);color:var(--v-spedycja-txt)}body .order-kind.transport{background:var(--v-transport);color:var(--v-transport-txt)}body .zasieg.eu,body .market-badge.eu{background:var(--v-eu);color:var(--v-eu-txt)}body .zasieg.pl,body .market-badge.pl{background:var(--v-pl);color:var(--v-pl-txt)}body .zasieg.cee,body .market-badge.cee{background:var(--v-cee);color:var(--v-cee-txt)}body .waluta.eur{background:var(--v-eur);color:var(--v-eur-txt)}body .waluta.pln{background:var(--v-pln);color:var(--v-pln-txt)}body .opiekun-teraz{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}body .opiekun-pelna{color:var(--text-2);font-size:12px}body .opiekun-nieaktywne{border-radius:var(--radius-full);background:var(--warn-soft);color:var(--warn);text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;font-size:12px;font-weight:800}body .opiekun-zmiana{display:block}body .opiekun-zmiana>span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);margin-bottom:4px;font-size:12px;font-weight:700;display:block}body .opiekun-zmiana select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--base);width:100%;height:36px;color:var(--text);padding:0 8px;font-size:12px}body .order-table .table-row>span{text-align:center}body .order-table .table-row>span .sortowanie{justify-content:center}body .order-table .table-row>.rate-cell,body .order-table .table-row>.margin{text-align:right}body .order-table .table-row>.rate-cell .sortowanie,body .order-table .table-row>.margin .sortowanie{justify-content:flex-end}body .order-table .srodek{text-align:center}body .table-head .srodek .sortowanie{justify-content:center}body .anulowane{letter-spacing:.06em;text-transform:uppercase;color:var(--danger);background:var(--surface);font-size:12px;font-style:normal;font-weight:800;display:inline-block}body .nowa-wersja{z-index:60;align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);max-width:min(440px,100vw - 44px);box-shadow:var(--shadow-2);padding:12px 14px;display:flex;position:fixed;bottom:22px;right:22px}body .nowa-wersja-ikona{border-radius:var(--radius-full);background:var(--accent-soft);width:32px;height:32px;color:var(--accent);flex:none;place-items:center;font-size:16px;display:grid}body .nowa-wersja p{min-width:0;margin:0}body .nowa-wersja strong{font-size:13px;display:block}body .nowa-wersja small{color:var(--text-2);margin-top:2px;font-size:12px;display:block}body .nowa-wersja .primary{flex:none;min-height:34px;padding:0 14px;font-size:12px}body .nowa-wersja-odloz{border-radius:var(--radius-full);width:26px;height:26px;color:var(--text-3);cursor:pointer;background:0 0;border:0;flex:none;font-size:17px;line-height:1}body .nowa-wersja-odloz:hover{background:var(--base);color:var(--text)}@media (max-width:650px){body .nowa-wersja{max-width:none;bottom:12px;left:12px;right:12px}}body .modal select,body .settings-form select,body .formularz-konta select,body .formatka-grid select,body .kartoteka-pola select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8.2 1.8 4h8.4z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}body .module-kpis article{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:0 9px;padding:11px 16px 10px;display:grid}body .module-kpis article>div{display:contents}body .module-kpis .module-kpi-icon{border-radius:var(--radius-sm);grid-area:1/1;width:28px;height:28px;font-size:14px}body .module-kpis article small{text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;overflow:hidden}body .module-kpis article strong{font-variant-numeric:tabular-nums;grid-area:2/1/auto/-1;margin:7px 0 0;line-height:1.15}body .module-kpis article em{grid-area:3/1/auto/-1;margin-top:2px}body .kpis button.kpi-card{padding:11px 17px 10px}body .kpis button.kpi-card>div{grid-template-rows:28px auto;grid-template-columns:28px minmax(0,1fr);align-items:center;column-gap:9px}body .kpis button.kpi-card .kpi-icon{border-radius:var(--radius-sm);grid-row:1;width:28px;height:28px}body .kpis button.kpi-card small{text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;overflow:hidden}body .kpis button.kpi-card strong{font-variant-numeric:tabular-nums;grid-area:2/1/auto/-1;margin-top:7px;line-height:26px}body .kpis button.kpi-card em{margin-top:4px}body .kpis button.kpi-card{position:relative}body .kpis button.kpi-card.active:after{float:none;margin:0;line-height:16px;position:absolute;bottom:11px;right:17px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
