:root {
  --bg: #f4f6f8;
  --panel: #ffffff;
  --text: #15202b;
  --muted: #667085;
  --border: #dfe3e8;
  --accent: #2457d6;
  --accent-soft: #eaf0ff;
  --success: #157347;
  --warn: #b76e00;
  --danger: #bb2d3b;
  --shadow: 0 8px 24px rgba(16, 24, 40, .07);
}
* { box-sizing: border-box; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--bg); color: var(--text); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; border: 0; border-radius: 10px; padding: 10px 14px; background: var(--accent); color: white; font-weight: 650; }
button:hover { filter: brightness(.97); }
button.secondary { background: #eef1f5; color: #2f3b4a; }
button.ghost { background: transparent; border: 1px solid var(--border); }
button.danger { color: var(--danger); }
button.full { width: 100%; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 250px 1fr; }
.sidebar { background: #102039; color: white; padding: 20px 16px; display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; }
.brand { display: flex; align-items: center; gap: 12px; padding: 6px 8px 24px; }
.brand-mark { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: #2f67ec; font-weight: 800; }
.brand strong { display: block; font-size: 18px; }
.brand small { color: #a9b8ce; }
nav { display: grid; gap: 7px; }
nav button { text-align: left; background: transparent; color: #c8d5e8; font-weight: 600; padding: 11px 12px; }
nav button.active, nav button:hover { background: rgba(255,255,255,.1); color: white; }
.sidebar-footer { margin-top: auto; display: grid; gap: 8px; }
.sidebar-footer .secondary { background: rgba(255,255,255,.12); color: white; }
.sidebar-footer .ghost { border-color: rgba(255,255,255,.2); }
main { min-width: 0; }
.topbar { padding: 24px 28px 18px; display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.topbar h1 { margin: 0 0 4px; font-size: 28px; }
.topbar p { margin: 0; color: var(--muted); }
.top-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pill { background: var(--accent-soft); color: var(--accent); font-size: 12px; padding: 7px 10px; border-radius: 999px; font-weight: 700; }
#view { padding: 0 28px 36px; }
.grid { display: grid; gap: 16px; }
.grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.card { background: var(--panel); border: 1px solid var(--border); border-radius: 16px; padding: 18px; box-shadow: var(--shadow); }
.metric { display: flex; flex-direction: column; gap: 6px; }
.metric .label { color: var(--muted); font-size: 13px; }
.metric .value { font-size: 28px; font-weight: 800; }
.metric .sub { font-size: 12px; color: var(--muted); }
.section-title { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin: 24px 0 10px; }
.section-title h2 { margin: 0; font-size: 18px; }
.table-wrap { overflow-x: auto; background: white; border: 1px solid var(--border); border-radius: 16px; box-shadow: var(--shadow); }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 13px 14px; text-align: left; border-bottom: 1px solid #edf0f2; white-space: nowrap; }
th { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
td { font-size: 14px; }
tr:last-child td { border-bottom: 0; }
.badge { display: inline-flex; align-items: center; border-radius: 999px; padding: 5px 8px; font-size: 12px; font-weight: 700; }
.badge.blue { background: #eaf0ff; color: #2457d6; }
.badge.green { background: #e8f5ee; color: #157347; }
.badge.orange { background: #fff4df; color: #9a6200; }
.badge.red { background: #feecef; color: #b4233a; }
.actions { display: flex; gap: 6px; }
.actions button { padding: 7px 10px; font-size: 12px; }
.empty { padding: 36px; text-align: center; color: var(--muted); }
.filters { display: flex; gap: 10px; margin: 0 0 12px; flex-wrap: wrap; }
.filters input, .filters select { background: white; border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; }
.progress { width: 100%; height: 8px; background: #edf1f5; border-radius: 999px; overflow: hidden; }
.progress > span { display: block; height: 100%; background: var(--accent); }
.contract-card h3 { margin: 0 0 5px; }
.contract-meta { color: var(--muted); font-size: 13px; margin-bottom: 14px; }
.kv { display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; font-size: 14px; }
.kv span:nth-child(odd) { color: var(--muted); }
.notice { border-left: 4px solid var(--accent); background: #f0f4ff; padding: 12px 14px; border-radius: 10px; color: #2d416a; }
fieldset { border: 0; padding: 0; margin: 0; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.form-row { display: grid; gap: 6px; }
.form-row.full { grid-column: 1 / -1; }
label { font-size: 13px; color: #4d5a6b; font-weight: 650; }
input, select, textarea { width: 100%; border: 1px solid #cfd5dc; border-radius: 10px; padding: 10px 11px; background: white; color: var(--text); }
textarea { min-height: 80px; resize: vertical; }
dialog { width: min(720px, calc(100vw - 28px)); border: 0; padding: 0; border-radius: 18px; box-shadow: 0 30px 80px rgba(0,0,0,.25); }
dialog::backdrop { background: rgba(15,23,42,.48); backdrop-filter: blur(2px); }
.modal-card { padding: 20px; }
.modal-head { display: flex; justify-content: space-between; gap: 16px; align-items: start; margin-bottom: 16px; }
.modal-head h2 { margin: 0 0 4px; }
.modal-head p { margin: 0; color: var(--muted); font-size: 13px; }
.icon-btn { padding: 3px 10px; font-size: 26px; line-height: 1; background: transparent; color: #596579; }
.modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
#toast { position: fixed; right: 24px; bottom: 24px; z-index: 1000; background: #172033; color: white; border-radius: 12px; padding: 12px 14px; opacity: 0; transform: translateY(12px); pointer-events: none; transition: .2s; box-shadow: var(--shadow); }
#toast.show { opacity: 1; transform: translateY(0); }
.small { font-size: 12px; color: var(--muted); }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
@media (max-width: 980px) {
  .grid-4, .grid-3 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { position: static; height: auto; }
  nav { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .sidebar-footer { margin-top: 16px; grid-template-columns: 1fr 1fr; }
  .topbar { padding: 20px 16px 14px; align-items: flex-start; flex-direction: column; }
  #view { padding: 0 16px 24px; }
  .grid-4, .grid-3, .grid-2, .form-grid { grid-template-columns: 1fr; }
}

.quick-service-card { margin-top: 16px; padding: 18px 20px; border-radius: 16px; background: #102039; color: white; display:flex; align-items:center; justify-content:space-between; gap:20px; box-shadow:var(--shadow); }
.quick-service-card strong { display:block; font-size:18px; margin-bottom:4px; }
.quick-service-card span { color:#c8d5e8; font-size:13px; }
.quick-service-btn { background:white; color:#102039; min-width:180px; }
.service-layout { display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap:18px; align-items:start; }
.service-panel { padding:22px; }
.service-head { margin-bottom:18px; }
.service-head h2 { margin:3px 0 5px; font-size:22px; }
.service-head p { margin:0; color:var(--muted); font-size:13px; }
.service-kicker { font-size:11px; font-weight:800; letter-spacing:.12em; color:var(--accent); }
.service-kicker.return { color:var(--success); }
.field-hint { min-height:18px; color:var(--muted); font-size:12px; }
.service-submit { display:flex; justify-content:flex-end; margin-top:18px; }
.big-action { padding:13px 20px; font-size:15px; }
.return-filters { margin-bottom:16px; }
.return-list { display:grid; gap:9px; max-height:530px; overflow:auto; }
.return-row { display:flex; align-items:center; justify-content:space-between; gap:14px; border:1px solid var(--border); border-radius:12px; padding:12px 13px; background:#fbfcfd; }
.return-row strong { display:block; font-size:14px; margin-bottom:3px; }
.return-row span { display:block; color:var(--muted); font-size:12px; }
.return-actions { display:flex; align-items:center; gap:6px; flex-shrink:0; }
.return-actions .return-qty { color:var(--text); font-weight:750; margin-right:4px; }
.return-actions button { padding:7px 10px; font-size:12px; }
.compact-empty { padding:22px; }
@media (max-width: 1050px) { .service-layout { grid-template-columns:1fr; } }
@media (max-width: 760px) { .quick-service-card,.return-row { align-items:stretch; flex-direction:column; } .quick-service-btn { width:100%; } .return-actions { flex-wrap:wrap; } }
.return-main { min-width:0; flex:1; }
.return-summary { margin-top:5px; }
.return-summary b { color:var(--text); }
.return-qty-input { width:92px; min-width:78px; padding:7px 8px; }
@media (max-width: 760px) { .return-qty-input { width:100%; } .return-actions button { flex:1 1 auto; } }
.ship-context { display:flex; justify-content:space-between; align-items:center; gap:20px; border-left:5px solid var(--accent); }
.ship-context h2 { margin:4px 0; font-size:26px; }
.ship-context p { margin:0; color:var(--muted); }
.ship-selector { width:min(340px,100%); }
.ship-tabs-note { margin-top:16px; padding:11px 14px; border-radius:10px; background:#eef5ff; color:#29446f; }
button:disabled { opacity:.45; cursor:not-allowed; filter:none; }
@media (max-width:760px){ .ship-context{flex-direction:column;align-items:stretch}.ship-selector{width:100%} }
.package-card .section-title{align-items:flex-start}.package-items{display:grid;gap:8px;min-height:70px}.package-line{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:10px;background:#fbfcfd}.package-line span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.package-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.package-footer>b{font-size:18px}@media(max-width:760px){.package-footer,.package-line{align-items:stretch;flex-direction:column}.package-footer>div{display:grid;gap:6px}}


/* v1.0 layout refinements */
@media (min-width: 761px) {
  .topbar { flex-direction: column; align-items: stretch; gap: 12px; }
  .top-actions { width: 100%; flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; padding-bottom: 3px; scrollbar-width: thin; }
  .top-actions > * { flex: 0 0 auto; }
  .top-actions button { padding: 9px 12px; font-size: 13px; white-space: nowrap; }
  #centralUndoBtn { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
.return-list { overflow: visible; max-height: none; }
.return-row { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; align-items: stretch; overflow: hidden; }
.return-main { min-width: 0; }
.return-main strong, .return-main span { overflow-wrap: anywhere; }
.return-note { display: grid; gap: 5px; }
.return-note label { font-size: 12px; }
.return-note input { width: 100%; }
.return-actions { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; min-width: 0; }
.return-actions button { flex: 0 0 auto; }
.return-actions .return-qty-input { flex: 0 0 90px; width: 90px; }
.service-panel { min-width: 0; overflow: hidden; }
@media (max-width: 1150px) {
  .service-layout { grid-template-columns: 1fr; }
}

/* v1.1 */
.context-undo { max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-code-end { font-weight: 500; color: var(--muted); }

/* v1.4 — ship inventory filter + editable invoice */
.ship-stock-filter { display:flex; align-items:end; gap:10px; margin: 0 0 12px; }
.ship-stock-filter .form-row { width:min(520px,100%); }
.invoice-editor-toolbar { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:14px; flex-wrap:wrap; }
.invoice-editor-actions { display:flex; gap:8px; flex-wrap:wrap; }
.invoice-sheet { background:#fff; color:#111; border:2px solid #111; max-width:1120px; margin:0 auto; font-family:Arial,sans-serif; font-size:12px; box-shadow:var(--shadow); }
.invoice-sheet input,.invoice-sheet textarea { border:0; border-radius:0; padding:4px 5px; min-height:28px; font:inherit; color:#111; background:#fff; }
.invoice-sheet textarea { min-height:70px; resize:vertical; }
.invoice-sheet input:focus,.invoice-sheet textarea:focus { outline:2px solid #2c5adf; outline-offset:-2px; background:#f7f9ff; }
.inv-top { display:grid; grid-template-columns: 43% 57%; border-bottom:2px solid #111; }
.inv-company-title { background:#050505; color:#fff; font-weight:700; font-size:16px; padding:8px; }
.inv-title-cell { display:grid; grid-template-columns: 1fr 1.6fr; border-left:2px solid #111; }
.inv-title-cell .inv-date { border-right:2px solid #111; }
.inv-title-yellow { background:#ffef00; color:#e60000; font-weight:800; text-align:center; font-size:15px; padding:6px; border-bottom:2px solid #111; }
.inv-logo-box { display:flex; align-items:center; justify-content:center; min-height:54px; font-size:30px; font-weight:800; color:#5d83a8; }
.inv-grid2 { display:grid; grid-template-columns:43% 57%; border-bottom:2px solid #111; }
.inv-cell { padding:6px; min-height:70px; border-right:2px solid #111; }
.inv-cell:last-child { border-right:0; }
.inv-label { font-size:10px; margin-bottom:3px; }
.inv-right-grid { display:grid; grid-template-columns:1fr 1fr; }
.inv-right-grid > div { padding:6px; min-height:54px; border-right:1px solid #111; border-bottom:1px solid #111; }
.inv-right-grid > div:nth-child(2n) { border-right:0; }
.inv-right-grid > div:nth-last-child(-n+2) { border-bottom:0; }
.inv-shipping { display:grid; grid-template-columns:14% 29% 14% 13% 13% 17%; border-bottom:2px solid #111; }
.inv-shipping > div { padding:5px; border-right:1px solid #111; min-height:48px; }
.inv-shipping > div:last-child { border-right:0; }
.inv-items { width:100%; border-collapse:collapse; table-layout:fixed; }
.inv-items th,.inv-items td { border-right:1px solid #111; border-bottom:1px solid #111; padding:3px; white-space:normal; vertical-align:top; }
.inv-items th:last-child,.inv-items td:last-child { border-right:0; }
.inv-items th { color:#111; text-transform:none; letter-spacing:0; font-size:10px; background:#fff; border-bottom:2px solid #111; }
.inv-items input,.inv-items textarea { width:100%; min-width:0; }
.inv-items textarea { min-height:52px; }
.inv-item-actions { display:flex; gap:5px; padding:8px; border-bottom:2px solid #111; }
.inv-summary { display:grid; grid-template-columns:43% 24% 33%; border-bottom:2px solid #111; }
.inv-summary > div { border-right:2px solid #111; min-height:48px; padding:5px; }
.inv-summary > div:last-child { border-right:0; }
.inv-summary-row { display:grid; grid-template-columns:43% 24% 33%; border-bottom:2px solid #111; }
.inv-summary-row > div { border-right:2px solid #111; min-height:42px; padding:5px; }
.inv-summary-row > div:last-child { border-right:0; }
.inv-footer { display:grid; grid-template-columns:43% 24% 33%; min-height:130px; }
.inv-footer > div { border-right:2px solid #111; padding:6px; }
.inv-footer > div:last-child { border-right:0; }
.inv-money { text-align:right; font-weight:700; }
@media (max-width:900px){ .invoice-sheet{overflow-x:auto}.inv-top,.inv-grid2,.inv-summary,.inv-summary-row,.inv-footer{min-width:850px}.inv-shipping,.inv-items{min-width:850px}.invoice-editor-toolbar{align-items:stretch}.invoice-editor-actions{width:100%} }

.inv-company-title input { background:transparent; color:#fff; font-weight:700; font-size:16px; padding:0; }
.inv-title-yellow input { background:transparent; color:#e60000; text-align:center; font-weight:800; font-size:15px; padding:0; }


/* v1.9 — kompaktowe sekcje i historia operacji */
.compact-section-wrap{margin-top:18px;display:grid;gap:10px}.compact-section{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.compact-section>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:15px 17px;font-weight:800;font-size:16px;background:#fff}.compact-section>summary::-webkit-details-marker{display:none}.compact-section>summary:after{content:'▾';font-size:14px;color:var(--muted);transition:transform .15s ease}.compact-section[open]>summary:after{transform:rotate(180deg)}.summary-count{margin-left:auto;margin-right:8px;font-size:12px;font-weight:700;color:var(--muted);background:#f0f3f7;padding:5px 8px;border-radius:999px}.compact-section .return-list{padding:0 12px 12px}.stock-details-content{padding:0 14px 14px}.stock-toolbar{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px}.stock-toolbar .form-row{width:min(560px,100%)}.history-shortcut{justify-self:start}.history-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.history-head h2{margin:4px 0}.history-head p{margin:0;color:var(--muted)}.history-filters{display:grid;grid-template-columns:minmax(260px,2fr) minmax(180px,1fr) auto;gap:12px;align-items:end;margin:14px 0}.history-count{align-self:end;padding:11px 0;color:var(--muted);font-size:12px;font-weight:700}.history-sub{font-size:11px;color:var(--muted);margin-top:3px}@media(max-width:900px){.stock-toolbar,.history-head{align-items:stretch;flex-direction:column}.history-filters{grid-template-columns:1fr}.history-count{padding:0}.history-shortcut{width:100%}}

/* v2.0 — templates + cleaner package actions */
.package-footer-v2{align-items:stretch}.package-value{min-width:130px;display:flex;flex-direction:column;justify-content:flex-end}.package-value span{font-size:12px;color:var(--muted);margin-bottom:4px}.package-actions-v2{flex:1;display:grid;gap:10px}.package-action-row,.package-invoice-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.package-invoice-row{padding-top:10px;border-top:1px solid var(--border)}.package-invoice-row label{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.package-invoice-row select{min-width:210px;max-width:320px}.template-card{display:flex;justify-content:space-between;gap:16px;align-items:center}.template-card h3{margin:10px 0 4px}.template-card p{margin:0;color:var(--muted)}.template-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.invoice-template-form textarea{min-height:76px;resize:vertical}
@media(max-width:900px){.template-card{align-items:stretch;flex-direction:column}.template-actions{justify-content:flex-start}.package-invoice-row select{width:100%;max-width:none}.package-value{min-width:0}}

/* v2.1 — opis ładunku wewnątrz faktury */
.inv-cargo-row td{background:#fff}
.inv-cargo-row td:nth-child(3){padding:5px}
.inv-cargo-editor{display:flex;gap:8px;align-items:flex-end}
.inv-cargo-editor>div{flex:1}
.inv-cargo-editor input{width:100%;font-weight:700;color:#c71f1f;border:1px solid #e4a1a1;background:#fffafa}
.invoice-editor-actions .badge{align-self:center;white-space:nowrap}
.package-invoice-row{align-items:end}

/* ShipStock MVP v2.5 */
.role-switch{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.role-switch select{min-width:125px;padding:8px 10px}
.type-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:700}.type-badge.tool{background:#e8f0ff;color:#174ea6}.type-badge.material{background:#eef7ee;color:#287a37}
.import-bulk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding:12px}.check-inline{display:inline-flex;align-items:center;gap:7px}.check-inline input{width:auto}
.issue-basket{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.basket-head,.basket-line,.basket-actions{display:flex;align-items:center;gap:10px}.basket-head{justify-content:space-between;margin-bottom:8px}.basket-line{padding:8px 0;border-bottom:1px solid var(--line)}.basket-line span{flex:1}.basket-actions{justify-content:flex-end;margin-top:10px}
.quick-products{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:0 0 12px;font-size:12px;color:var(--muted)}.quick-chip{padding:6px 9px;border-radius:999px;font-size:12px;background:#edf3ff;color:#174ea6;border:1px solid #d6e3ff}
.batch-return-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 0 12px}.batch-return-check{width:18px;height:18px;align-self:flex-start;margin-top:8px}.return-row{grid-template-columns:auto minmax(180px,1fr) minmax(160px,1fr) auto}
.ship-dashboard{margin-top:16px}.warning-strip{margin:12px 0;padding:10px 14px;border:1px solid #f0c36d;background:#fff8e6;border-radius:10px;color:#6d4b00}
.attachment-box{padding:14px}.attachment-list{margin-top:10px}.attachment-list>div{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}.attachment-list>div span{color:var(--muted);font-size:12px}.link-btn{background:none!important;color:#175bdc!important;padding:0!important}.package-status-row{display:flex;gap:8px;align-items:center;margin-top:7px;font-size:12px}.package-status-row select{padding:6px 8px}
body[data-role="viewer"] .top-actions>button,body[data-role="viewer"] .danger,body[data-role="viewer"] .package-card button,body[data-role="viewer"] .service-submit button,body[data-role="viewer"] .return-actions button{opacity:.45;pointer-events:none}
@media(max-width:1100px){.return-row{grid-template-columns:auto 1fr}.return-note,.return-actions{grid-column:2}.ship-dashboard{grid-template-columns:repeat(2,1fr)}}


/* ShipStock by KG v2.6 — polish UI from operator feedback */
.return-row{
  grid-template-columns:auto minmax(220px,1fr) auto;
  grid-template-rows:auto auto;
  align-items:start;
  column-gap:12px;
  row-gap:8px;
}
.return-row>.batch-return-check{grid-column:1;grid-row:1 / span 2}
.return-row>.return-main{grid-column:2;grid-row:1}
.return-row>.return-note{grid-column:2;grid-row:2;min-width:0}
.return-row>.return-note input{
  width:100%;
  min-width:0;
  height:38px;
  padding:8px 10px;
  border-radius:9px;
}
.return-row>.return-actions{
  grid-column:3;
  grid-row:1 / span 2;
  align-self:center;
  display:grid;
  grid-template-columns:minmax(76px,auto) auto;
  gap:6px;
}
.return-row>.return-actions .return-qty-input{grid-column:1}
.return-row>.return-actions button{white-space:nowrap}

.closing-adjustment-details{margin:16px 0 20px}
.closing-adjustment-content{padding:0 14px 14px}
.closing-adjustment-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}

.package-footer-v2{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px}
.package-actions-v2{order:1;min-width:0}
.package-value{order:2;min-width:145px;align-self:end;text-align:right;padding:10px 12px;border-radius:10px;background:#f7f9fc;border:1px solid var(--border)}
.package-value span{display:block}
.package-value b{font-size:18px}

@media(max-width:1100px){
  .return-row{grid-template-columns:auto minmax(0,1fr)}
  .return-row>.return-main,.return-row>.return-note,.return-row>.return-actions{grid-column:2}
  .return-row>.return-actions{grid-row:auto;display:flex;flex-wrap:wrap;align-items:center}
  .package-footer-v2{grid-template-columns:1fr}
  .package-value{order:1;text-align:left;min-width:0}
  .package-actions-v2{order:2}
}


/* ShipStock by KG v2.7 — return layout + attachment metadata */
.return-row{grid-template-columns:auto minmax(0,1fr) 132px;column-gap:12px}
.return-row>.return-actions{
  grid-column:3;grid-row:1 / span 2;align-self:stretch;display:grid;
  grid-template-columns:1fr;grid-auto-rows:min-content;gap:6px;min-width:132px;
}
.return-row>.return-actions .return-qty-input,
.return-row>.return-actions button{width:100%;grid-column:1}
.return-row>.return-note{grid-column:2;grid-row:2;width:100%}
.return-row>.return-note input{width:100%;min-height:42px}
.attachment-list>.attachment-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}
.attachment-copy{min-width:0;flex:1}
.attachment-title{font-weight:800!important;text-align:left!important}
.attachment-note{font-size:13px;margin:3px 0 4px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}
.attachment-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){
  .return-row{grid-template-columns:auto minmax(0,1fr)}
  .return-row>.return-main,.return-row>.return-note,.return-row>.return-actions{grid-column:2}
  .return-row>.return-actions{grid-row:auto;display:grid;grid-template-columns:1fr;min-width:0}
  .attachment-list>.attachment-item{align-items:stretch;flex-direction:column}
  .attachment-actions{justify-content:flex-start}
}


/* ShipStock by KG v2.8 — shipment checklist */
.package-checklist{margin:14px 0;border:1px solid var(--line);border-radius:12px;background:#fafcff;overflow:hidden}
.package-checklist>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;cursor:pointer;font-weight:800;list-style:none}
.package-checklist>summary::-webkit-details-marker{display:none}
.checklist-progress{font-size:12px;padding:4px 8px;border-radius:999px;background:#fff4df;color:#9a6200;white-space:nowrap}.checklist-progress.complete{background:#e8f5ee;color:#157347}
.package-checklist-body{padding:0 13px 12px;display:grid;gap:7px}
.shipment-task{display:flex;align-items:center;gap:9px;min-height:34px;padding:6px 8px;border-radius:8px;background:white;border:1px solid var(--line)}
.shipment-task.done span{text-decoration:line-through;color:var(--muted)}.shipment-task input{width:17px;height:17px}.shipment-task span{flex:1}
.task-delete{padding:4px 7px!important;background:transparent!important;color:#b4233a!important;font-size:11px!important}
.compact-btn{justify-self:start;padding:7px 10px!important}
.shipment-summary{margin:0 0 16px}.shipment-summary-grid{padding:0 14px 14px;display:grid;gap:8px}
.shipment-summary-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.shipment-summary-row>div{display:flex;flex-direction:column;gap:2px}.shipment-summary-row>div:last-child{text-align:right}.shipment-summary-row span{font-size:12px;color:var(--muted)}
.shipment-summary-row.ready{border-color:#b8ddc7;background:#f4fbf7}.shipment-summary-row.pending{border-color:#f0d59c;background:#fffbf2}

/* ShipStock by KG v2.9 — consolidated shipment checklist */
.shipment-overview-v29{margin-top:18px;margin-bottom:18px}
.shipment-overview-v29>summary{cursor:pointer}
.shipment-overview-body{padding:0 14px 14px;display:grid;gap:12px}
.shipment-overview-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px}
.shipment-overview-card.ready{border-color:#b8ddc7;background:#f4fbf7}
.shipment-overview-card.pending{border-color:#f0d59c;background:#fffbf2}
.shipment-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.shipment-overview-head>div{display:flex;flex-direction:column;gap:2px}
.shipment-overview-head>div:last-child{text-align:right}
.shipment-overview-head span{font-size:12px;color:var(--muted)}
.shipment-overview-tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:9px}
@media(max-width:800px){.shipment-overview-tasks{grid-template-columns:1fr}}
.lan-user-box{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid #dfe3e8;border-radius:10px;background:#fff}.lan-user-box span{display:flex;flex-direction:column;line-height:1.15}.lan-user-box small{font-size:11px;color:#667085;margin-top:2px}.lan-user-box button{padding:7px 10px}

/* ShipStock by KG LAN v1.1 — cargo photos */
.package-photo-overview{margin:10px 0 12px;padding-top:10px;border-top:1px solid var(--line)}
.package-photo-overview-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.package-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}
.package-photo-tile{position:relative;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;padding-bottom:8px}
.package-photo-open{display:block;width:100%;height:110px;padding:0!important;border:0!important;border-radius:0!important;background:#eef2f7!important;overflow:hidden}
.package-photo-open img{display:block;width:100%;height:100%;object-fit:cover}
.package-photo-meta{display:flex;flex-direction:column;gap:2px;padding:7px 8px 2px;min-width:0}
.package-photo-meta b,.package-photo-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.package-photo-meta span{font-size:11px;color:var(--muted)}
.package-photo-delete{margin:4px 8px 0;padding:5px 8px!important;font-size:11px!important}
.package-photo-empty{font-size:12px;color:var(--muted);padding:8px;border:1px dashed var(--line);border-radius:8px;background:#fafbfc}
.package-action-row{flex-wrap:wrap}
@media(max-width:700px){.package-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ShipStock by KG LAN v1.4 — tabele mieszczące się w obszarze roboczym */
html,body,.app-shell,main,#view{max-width:100%;min-width:0}
main{overflow-x:hidden}
.table-wrap,.responsive-table{width:100%;max-width:100%;min-width:0;overflow-x:auto}
.table-wrap table{width:100%;max-width:100%;table-layout:fixed}
.table-wrap th,.table-wrap td{min-width:0;max-width:320px;white-space:normal;overflow-wrap:anywhere;word-break:normal;vertical-align:middle}
.table-wrap th{line-height:1.2}
.table-wrap td.actions,.table-wrap .actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.table-wrap td.actions button,.table-wrap .actions button{white-space:normal;max-width:100%;padding:7px 9px}
.table-wrap input,.table-wrap select,.table-wrap textarea{max-width:100%;min-width:0}
.table-wrap .mono{overflow-wrap:anywhere}
@media(max-width:1000px){
  .table-wrap table{font-size:12px}
  .table-wrap th,.table-wrap td{padding:8px 6px}
  .table-wrap td.actions button{font-size:11px;padding:6px 7px}
}
@media(max-width:720px){
  .table-wrap table{font-size:11px}
  .table-wrap th,.table-wrap td{padding:7px 5px}
}

/* LAN v1.5 */
.stock-edit-section{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}
.stock-edit-section h3{margin:0 0 10px}
.stock-edit-list{display:grid;gap:8px}
.stock-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#f8fafc}
.stock-edit-row>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.stock-edit-row span{font-size:12px;color:var(--muted)}
.stock-edit-row input{width:100%;box-sizing:border-box}
@media(max-width:700px){.stock-edit-row{grid-template-columns:1fr}.stock-edit-row input{max-width:none}}

/* ===== LAN v1.7 closing compact sections ===== */
.unassigned-v17,.closing-adjust-v17{margin:14px 0;border:1px solid var(--border,#dbe2ea);border-radius:14px;background:#fff;overflow:hidden}
.unassigned-v17>summary,.closing-adjust-v17>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font-weight:800;cursor:pointer;list-style:none;background:#f8fafc}
.unassigned-v17>summary::-webkit-details-marker,.closing-adjust-v17>summary::-webkit-details-marker{display:none}
.unassigned-v17>summary:after,.closing-adjust-v17>summary:after{content:'▾';font-size:12px;color:#64748b;margin-left:auto}
.unassigned-v17:not([open])>summary:after,.closing-adjust-v17:not([open])>summary:after{content:'▸'}
.unassigned-body-v17,.closing-adjust-body-v17{padding:12px 14px 14px}
.unassigned-search-v17{width:min(560px,100%);margin:0 0 12px 0}
.closing-adjust-actions-v17{display:flex;justify-content:flex-end;margin-bottom:10px}
.unassigned-v17 .table-wrap,.closing-adjust-v17 .table-wrap{margin:0;max-width:100%;overflow:auto}
@media(max-width:760px){.unassigned-body-v17,.closing-adjust-body-v17{padding:10px}.closing-adjust-actions-v17{justify-content:stretch}.closing-adjust-actions-v17 button{width:100%}}

/* ShipStock by KG LAN v1.9 — compact shipment checklist */
@media (min-width:1001px){
  .shipment-overview-v29{
    width:50%;
    max-width:760px;
    min-width:560px;
    margin-right:auto;
  }
}
@media (max-width:1000px){
  .shipment-overview-v29{width:100%;max-width:none;min-width:0}
}

/* ShipStock by KG LAN v2.3 — filtr kartoteki i wykorzystanie szerokości checklisty */
.inventory-filter-block-v23{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;max-width:560px}
.inventory-filter-block-v23 label{font-size:12px;font-weight:800;color:#334155}
.inventory-filter-v23{width:100%;max-width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff}

@media (min-width:1001px){
  .shipment-overview-v29{width:100%!important;max-width:none!important;min-width:0!important}
  .shipment-overview-body{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}
@media (max-width:1000px){
  .shipment-overview-body{grid-template-columns:1fr}
}

/* LAN v2.4 */
.package-overview-action-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.package-overview-action-row{justify-content:flex-start}}

/* LAN v2.5 */
.summary-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shipment-overview-v29>summary .compact-btn{font-size:12px;padding:7px 10px}

/* LAN v3.0 */
.inventory-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-left:auto}.inventory-header-actions .secondary{order:1}.inventory-header-actions button:not(.secondary){order:2}@media(max-width:700px){.inventory-header-actions{width:100%;justify-content:flex-start;margin-left:0}}

/* v3.1 — czytelny układ akcji kontraktu */
.table-wrap td.contract-actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 7px;
  max-width: none;
  white-space: nowrap;
}
.table-wrap td.contract-actions button {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 7px 10px;
}
@media (max-width: 1180px) {
  .table-wrap td.contract-actions {
    flex-wrap: wrap;
    white-space: normal;
  }
}


/* ===== ShipStock by KG LAN v3.4 ===== */
.local-backups-details{margin-top:14px}
.local-backups-body{padding:0 14px 14px}
.local-backups-details>summary .badge{margin-left:auto;margin-right:8px}

.package-action-row-v34{
  display:grid!important;
  grid-template-columns:repeat(3,max-content);
  gap:7px!important;
  align-items:center;
  justify-content:start;
  flex-wrap:nowrap!important;
}
.package-action-row-v34 button{white-space:nowrap;padding:10px 12px;font-size:13px}

.package-invoice-row{
  margin-top:8px;
  padding-top:18px!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) repeat(3,max-content);
  gap:8px!important;
  align-items:end!important;
}
.package-template-picker{
  grid-column:1;
  display:grid;
  gap:5px;
  min-width:0;
}
.package-template-picker label{
  margin:0 0 0 2px!important;
  line-height:1.15;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.package-template-picker select{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
.package-invoice-row>button{white-space:nowrap}

@media(max-width:1100px){
  .package-action-row-v34{grid-template-columns:1fr;align-items:stretch}
  .package-action-row-v34 button{width:100%}
  .package-invoice-row{grid-template-columns:1fr!important;align-items:stretch!important}
  .package-invoice-row>button{width:100%}
}


/* ===== ShipStock by KG LAN v3.5 — kompaktowa lista kontraktów ===== */
.contract-table-wrap{
  overflow-x:hidden;
}
.contract-table{
  width:100%;
  min-width:0 !important;
  table-layout:fixed;
}
.contract-table col.c-contract{width:11%;}
.contract-table col.c-vessel{width:17%;}
.contract-table col.c-client{width:13%;}
.contract-table col.c-location{width:14%;}
.contract-table col.c-status{width:10%;}
.contract-table col.c-actions{width:35%;}
.contract-table th,
.contract-table td{
  padding:10px 10px;
  max-width:none;
}
.contract-table td:not(.contract-actions){
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.contract-table td.contract-actions{
  display:flex;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  gap:5px;
  white-space:nowrap;
  min-width:0;
}
.contract-table td.contract-actions button{
  flex:0 1 auto;
  min-width:0;
  padding:6px 8px;
  font-size:12px;
  line-height:1.15;
  white-space:nowrap;
}
@media (max-width:1180px){
  .contract-table-wrap{overflow-x:auto;}
  .contract-table{min-width:980px !important;}
  .contract-table td.contract-actions{flex-wrap:nowrap;}
}

/* ===== ShipStock by KG LAN v3.6 — package footer + stable accordions ===== */
.package-footer-v2{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:14px!important;
}
.package-actions-v2{
  order:1!important;
  width:100%!important;
  min-width:0!important;
}
.package-value{
  order:2!important;
  align-self:flex-end!important;
  min-width:150px!important;
  width:auto!important;
  margin-top:2px!important;
  text-align:right!important;
  padding:10px 14px!important;
  border-radius:10px!important;
  background:#f7f9fc!important;
  border:1px solid var(--border)!important;
}
.package-invoice-row{
  overflow:visible!important;
}
@media(max-width:700px){
  .package-value{align-self:stretch!important;text-align:left!important;min-width:0!important}
}

/* ===== ShipStock by KG LAN v3.7 — kompaktowy wybór pliku importu pracowników ===== */
#workerFile{
  display:block;
  width:280px;
  max-width:100%;
  box-sizing:border-box;
  padding:5px 8px;
  border:1px solid var(--border);
  border-radius:9px;
  background:#fff;
  font-size:13px;
  line-height:1.25;
}
#workerFile::file-selector-button{
  margin-right:10px;
  padding:6px 9px;
  border:1px solid var(--border);
  border-radius:7px;
  background:#f8fafc;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
#workerFile::-webkit-file-upload-button{
  margin-right:10px;
  padding:6px 9px;
}
@media(max-width:420px){
  #workerFile{width:100%;}
}

/* ===== ShipStock by KG LAN v3.8 — kompaktowe kafelki administracyjne i ładunki ===== */
.package-card{
  padding:14px!important;
  border-radius:14px!important;
}
.package-card .section-title{
  margin-bottom:8px!important;
  align-items:center!important;
}
.package-card .section-title h3{margin-top:4px!important}
.package-items{
  min-height:34px!important;
  gap:6px!important;
}
.package-card .compact-empty{
  padding:12px 10px!important;
  min-height:0!important;
}
.package-line{
  padding:7px 9px!important;
  border-radius:8px!important;
}
.package-footer-v2{
  margin-top:8px!important;
  padding-top:8px!important;
  gap:8px!important;
}
.package-actions-v2{gap:7px!important}
.package-action-row-v34{
  gap:6px!important;
}
.package-action-row-v34 button{
  padding:8px 10px!important;
  font-size:12px!important;
}
.package-invoice-row{
  margin-top:3px!important;
  padding-top:10px!important;
  gap:6px!important;
}
.package-invoice-row>button{
  padding:8px 10px!important;
  font-size:12px!important;
}
.package-template-picker{gap:3px!important}
.package-template-picker label{font-size:11px!important}
.package-value{
  min-width:132px!important;
  padding:8px 11px!important;
  margin-top:0!important;
}
.package-value span{font-size:11px!important}
.package-value b{font-size:16px!important}

.admin-backup-grid-v38{
  align-items:start!important;
}
.admin-backup-card-v38{
  min-height:0!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.admin-backup-card-v38 h3{margin:0!important}
.admin-backup-card-v38 p.small{display:none!important}
.admin-backup-head-v38{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.admin-backup-head-v38 button{flex:0 0 auto}
.admin-backup-card-v38 .form-row{margin:0!important}
.admin-backup-card-v38 input[type="file"]{
  max-width:100%;
  padding:6px 8px;
}
@media(max-width:900px){
  .admin-backup-head-v38{align-items:stretch;flex-direction:column}
  .admin-backup-head-v38 button{width:100%}
}


/* ===== ShipStock by KG LAN v3.9 — zwarta sekcja Raporty wg zaakceptowanego układu ===== */
.reports-title-v39{
  margin-bottom:12px!important;
  align-items:flex-end!important;
}
.reports-contract-v39{
  display:flex;
  align-items:center;
  gap:8px;
}
.reports-contract-v39 label{
  font-size:12px;
  font-weight:700;
  color:var(--muted);
  white-space:nowrap;
}
.reports-contract-v39 select{
  width:260px;
  max-width:38vw;
  padding:8px 10px;
}
.reports-grid-v39{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.report-card-v39{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:var(--shadow);
  padding:14px 16px;
  min-height:112px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
  text-align:center;
}
.report-card-v39 h3{
  margin:0 0 4px;
  font-size:16px;
}
.report-card-v39 p{
  margin:0;
  font-size:12px;
  line-height:1.3;
  color:var(--muted);
}
.report-card-v39 button{
  align-self:center;
  padding:8px 12px;
  min-width:84px;
}
@media(max-width:900px){
  .reports-grid-v39{grid-template-columns:1fr;}
  .reports-title-v39{align-items:stretch!important;flex-direction:column;}
  .reports-contract-v39{align-items:stretch;flex-direction:column;}
  .reports-contract-v39 select{width:100%;max-width:none;}
  .report-card-v39{min-height:0;}
}

/* ===== ShipStock by KG LAN v4.0 — układ palety/skrzyni wg makiety użytkownika ===== */
.package-card .package-head-v40{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  column-gap:10px!important;
  margin-bottom:8px!important;
}
.package-head-v40>div:first-child{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0;
}
.package-head-v40>div:first-child h3{
  margin:0!important;
  line-height:1.1!important;
}
.package-head-v40 .package-status-v40{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
}
.package-head-v40 .package-status-v40 label{margin:0!important;white-space:nowrap}
.package-head-v40 .package-status-v40 select{width:auto!important;min-width:94px!important}
.package-head-v40>.danger{margin:0!important}

.package-card .package-items{
  margin:4px 0 8px!important;
}
.package-card .compact-empty{
  min-height:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.package-card .package-footer-v40{
  display:block!important;
  margin-top:8px!important;
  padding-top:8px!important;
}
.package-card .package-actions-v40{
  display:grid!important;
  gap:8px!important;
  width:100%!important;
}
.package-card .package-add-row-v40,
.package-card .package-invoice-buttons-v40{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
}
.package-card .package-add-row-v40 button,
.package-card .package-invoice-buttons-v40 button{
  width:100%!important;
  white-space:nowrap!important;
  min-width:0!important;
  padding:9px 10px!important;
}
.package-card .package-invoice-buttons-v40{
  padding-top:8px!important;
  border-top:1px solid var(--border)!important;
}
.package-card .package-bottom-v40{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:end!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid var(--border)!important;
}
.package-card .package-bottom-v40 .package-template-picker{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}
.package-card .package-bottom-v40 .package-template-picker select{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.package-card .package-bottom-v40 .package-value{
  min-width:145px!important;
  margin:0!important;
  align-self:end!important;
}
@media(max-width:720px){
  .package-card .package-head-v40{grid-template-columns:1fr auto!important;row-gap:8px!important}
  .package-head-v40 .package-status-v40{grid-column:1/2;justify-self:start}
  .package-head-v40>.danger{grid-column:2/3;grid-row:1/3}
  .package-card .package-add-row-v40,
  .package-card .package-invoice-buttons-v40{grid-template-columns:1fr!important}
  .package-card .package-bottom-v40{grid-template-columns:1fr!important}
  .package-card .package-bottom-v40 .package-value{justify-self:stretch!important}
}

/* ===== ShipStock by KG LAN v4.1 — compact issue + aligned backup cards + author footer ===== */
.app-author-footer{
  padding:10px 28px 18px;
  color:#7b8491;
  font-size:11px;
  text-align:right;
}

/* Wydanie: ilość + akcje w jednym rzędzie, mniej pustej wysokości */
.issue-bottom-v41{
  display:grid;
  grid-template-columns:minmax(180px, 0.9fr) auto;
  gap:14px;
  align-items:end;
  margin-top:14px;
}
.issue-bottom-v41 .form-row{margin:0!important}
.issue-bottom-v41 .service-submit{
  margin:0!important;
  display:flex!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  justify-content:flex-end!important;
  align-items:end!important;
}
.issue-bottom-v41 .service-submit button{white-space:nowrap}
.service-layout .service-panel:first-child{
  padding-bottom:16px!important;
}
.service-layout .service-panel:first-child .service-head{
  margin-bottom:14px!important;
}
.service-layout .service-panel:first-child .form-grid{
  gap:12px!important;
}
.service-layout .service-panel:first-child .issue-basket{
  margin-top:14px!important;
}
.service-layout .service-panel:first-child .compact-empty{
  padding:16px!important;
}
@media(max-width:760px){
  .issue-bottom-v41{grid-template-columns:1fr}
  .issue-bottom-v41 .service-submit{justify-content:stretch!important}
  .issue-bottom-v41 .service-submit button{flex:1 1 auto}
}

/* Backup: wszystkie trzy kafelki równe wysokości środkowego */
.admin-backup-grid-v38{
  align-items:stretch!important;
}
.admin-backup-grid-v38 > .admin-backup-card-v38{
  height:100%!important;
  min-height:132px!important;
  justify-content:flex-start!important;
}
.admin-backup-grid-v38 > .admin-backup-card-v38:nth-child(1),
.admin-backup-grid-v38 > .admin-backup-card-v38:nth-child(3){
  justify-content:flex-start!important;
}
@media(max-width:760px){
  .app-author-footer{padding:8px 16px 16px;text-align:center}
}


/* ===== ShipStock by KG LAN v4.2 — author info only in admin ===== */
.admin-author-info-v42{
  margin-top:16px;
  padding:12px 14px;
  border:1px solid #dfe5ec;
  border-radius:12px;
  background:#f8fafc;
  color:#64748b;
  font-size:12px;
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
}
.admin-author-info-v42 strong{color:#334155;font-weight:700}


/* ===== ShipStock by KG LAN v4.3 — footer at page bottom + workers section cleanup ===== */
main{min-height:100vh;display:flex;flex-direction:column;}
#view{flex:1 0 auto;}
.app-author-footer{margin-top:auto!important;padding:14px 28px 18px!important;text-align:center!important;color:#7b8491!important;font-size:11px!important;border-top:1px solid #e8edf3;}

.workers-top-v43{
  display:grid;
  grid-template-columns:minmax(280px, 420px) minmax(240px, 1fr);
  gap:16px;
  align-items:stretch;
  margin-bottom:18px;
}
.workers-import-card-v43 h3,
.workers-actions-card-v43 h3{margin:0 0 10px;}
.workers-import-card-v43 .small{margin:0 0 12px;}
.workers-file-field-v43 input[type=file]{max-width:320px;width:auto;}
.workers-actions-card-v43{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:12px;}
.workers-actions-card-v43 button{min-width:250px;}
.workers-actions-card-v43 .workers-actions-stack-v43{display:flex;flex-direction:column;gap:10px;align-items:flex-end;}
@media(max-width:900px){
  .workers-top-v43{grid-template-columns:1fr;}
  .workers-actions-card-v43,.workers-actions-card-v43 .workers-actions-stack-v43{align-items:stretch;}
  .workers-actions-card-v43 button{min-width:0;width:100%;}
}
@media(max-width:760px){
  .app-author-footer{padding:12px 16px 16px!important;}
}

/* ===== ShipStock by KG LAN v4.4 — wydanie bez ucinania akcji ===== */
.issue-bottom-v41{min-width:0!important;}
.issue-bottom-v41 .service-submit{
  min-width:0!important;
  flex-wrap:wrap!important;
  row-gap:8px!important;
  justify-content:flex-end!important;
}
.issue-bottom-v41 .service-submit > *{max-width:100%;}
.issue-bottom-v41 #issueUndoSlot{min-width:0;overflow:hidden;}
.issue-bottom-v41 #issueUndoSlot button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.service-layout .service-panel:first-child{min-width:0!important;}
@media(max-width:1180px){
  .issue-bottom-v41{grid-template-columns:1fr!important;align-items:stretch!important;}
  .issue-bottom-v41 .service-submit{justify-content:flex-start!important;}
}


/* ===== ShipStock by KG LAN v4.7 — rzeczy wydane pracownikom ===== */
.issued-items-details-v47{margin-top:10px;}
.issued-items-body-v47{padding:12px 14px 14px;}
.issued-toolbar-v47{max-width:520px;margin-bottom:10px;}
.issued-items-list-v47{display:grid;gap:8px;}
.issued-product-v47{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden;}
.issued-product-v47>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;cursor:pointer;font-weight:650;list-style:none;}
.issued-product-v47>summary::-webkit-details-marker{display:none;}
.issued-product-v47[open]>summary{border-bottom:1px solid var(--border);background:#fafbfc;}
.issued-product-name-v47{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.issued-product-meta-v47{color:var(--muted);font-size:12px;white-space:nowrap;}
.issued-product-meta-v47 b{color:var(--text);}
.issued-table-v47{border:0;border-radius:0;box-shadow:none;}
.issued-table-v47 th,.issued-table-v47 td{padding:10px 12px;white-space:normal;}
.issued-sub-v47{margin-top:3px;color:var(--muted);font-size:11px;font-weight:400;}
@media(max-width:760px){
  .issued-product-v47>summary{align-items:flex-start;flex-direction:column;gap:4px;}
  .issued-product-name-v47{white-space:normal;}
}


/* ===== ShipStock by KG LAN v4.9 — return undo inline ===== */
.batch-return-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.batch-return-actions-v49{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-left:auto;
}
.return-undo-inline-v49{
  display:flex!important;
  align-items:center;
  margin:0!important;
}
.return-undo-inline-v49:empty{display:none!important;}
.return-undo-inline-v49 .context-undo{white-space:nowrap;}
@media(max-width:760px){
  .batch-return-actions-v49{width:100%;margin-left:0;}
  .batch-return-actions-v49 > button,
  .return-undo-inline-v49 .context-undo{flex:1 1 auto;}
}


/* ===== ShipStock by KG LAN v5.1 — notatki do aktywnych wydań ===== */
.issue-note-preview-v51{margin-top:8px;padding:8px 10px;border-radius:9px;background:#f5f7fa;color:#526173;font-size:12px;line-height:1.35;}
.basket-line-v51>span{display:flex;flex-direction:column;gap:2px;min-width:0;}
.basket-note-v51{display:block;color:#667085;font-size:11px;white-space:normal;}
.issued-note-display-v51{margin-top:7px;padding:6px 8px;border-radius:8px;background:#fff8e8;color:#705100;font-size:12px;line-height:1.35;}

/* ===== ShipStock by KG LAN v5.4 — równy pasek wydania + osobny Cofnij ===== */
.issue-bottom-v41{
  display:grid!important;
  grid-template-columns:minmax(145px,.72fr) minmax(0,2.28fr)!important;
  gap:10px 12px!important;
  align-items:end!important;
  margin-top:14px!important;
  min-width:0!important;
}
.issue-bottom-v41 #issueUndoSlot{
  grid-column:1 / -1!important;
  grid-row:1!important;
  justify-self:end!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
}
.issue-bottom-v41 #issueUndoSlot:empty{display:none!important;}
.issue-bottom-v41 #issueUndoSlot .context-undo{
  max-width:min(100%,520px)!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 16px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.issue-bottom-v41 > .form-row{
  grid-column:1!important;
  grid-row:2!important;
  min-width:0!important;
  margin:0!important;
}
.issue-bottom-v41 > .form-row input{
  height:44px!important;
  min-height:44px!important;
}
.issue-bottom-v41 > .service-submit{
  grid-column:2!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  min-width:0!important;
  align-items:end!important;
  justify-content:stretch!important;
}
.issue-bottom-v41 > .service-submit > button{
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.issue-bottom-v41 #issueNoteBtnV51{height:44px!important;min-height:44px!important;}

@media(max-width:1180px){
  .issue-bottom-v41{
    grid-template-columns:minmax(130px,.65fr) minmax(0,2.35fr)!important;
  }
}
@media(max-width:760px){
  .issue-bottom-v41{grid-template-columns:1fr!important;}
  .issue-bottom-v41 #issueUndoSlot,
  .issue-bottom-v41 > .form-row,
  .issue-bottom-v41 > .service-submit{grid-column:1!important;}
  .issue-bottom-v41 #issueUndoSlot{grid-row:1!important;justify-self:stretch!important;}
  .issue-bottom-v41 #issueUndoSlot .context-undo{max-width:100%!important;width:100%!important;}
  .issue-bottom-v41 > .form-row{grid-row:2!important;}
  .issue-bottom-v41 > .service-submit{grid-row:3!important;grid-template-columns:1fr!important;}
}


/* ===== ShipStock by KG LAN v5.7 — compact workers + collapsible final report ===== */
.workers-top-v43{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:24px!important;
  margin-bottom:18px!important;
}
.workers-import-card-v43{
  flex:0 0 auto!important;
  width:min(320px,100%)!important;
  padding:14px!important;
  min-height:0!important;
}
.workers-import-card-v43 h3{margin:0 0 8px!important;font-size:15px!important;}
.workers-import-card-v43 .small{margin:0 0 9px!important;font-size:10px!important;}
.workers-file-field-v43 input[type=file]{max-width:270px!important;width:100%!important;padding:6px!important;}
.workers-actions-card-v43{
  flex:0 0 auto!important;
  width:min(300px,100%)!important;
  min-height:0!important;
  padding:14px!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
}
.workers-actions-card-v43 .workers-actions-stack-v43{align-items:stretch!important;gap:8px!important;}
.workers-actions-card-v43 button{min-width:0!important;width:100%!important;padding:9px 11px!important;}
.final-report-details-v57{margin:16px 0 12px;}
.final-report-body-v57{padding:0 14px 14px;}
.final-report-actions-v57{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
@media(max-width:900px){
  .workers-top-v43{flex-direction:column!important;}
  .workers-import-card-v43,.workers-actions-card-v43{width:100%!important;}
}


/* ===== ShipStock by KG LAN v6.0 — import preview + file inputs ===== */
.workers-top-v60{
  display:grid;
  grid-template-columns:minmax(280px,320px) minmax(40px,1fr) minmax(250px,300px);
  gap:18px;
  align-items:start;
  margin-bottom:14px;
}
.workers-import-card-v60,
.workers-actions-card-v60{padding:14px;min-height:0;}
.workers-import-card-v60 h3{margin:0 0 7px;font-size:15px;}
.workers-import-card-v60 .small{margin:0 0 9px;font-size:10px;}
.workers-actions-card-v60{display:grid;gap:8px;}
.workers-actions-card-v60 button{width:100%;padding:9px 11px;}
.worker-import-preview-v60:empty{display:none;}
.worker-import-preview-v60{margin:0 0 18px;}
.worker-import-preview-card-v60{padding:14px;}
.worker-import-preview-head-v60{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;}
.worker-import-preview-head-v60 h3{margin:0 0 3px;font-size:16px;}
.worker-import-preview-head-v60 p{margin:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere;}
.worker-import-table-v60{width:100%;max-width:100%;}
.worker-import-table-v60 table{table-layout:auto;min-width:760px;}
.worker-import-table-v60 th,.worker-import-table-v60 td{white-space:nowrap;vertical-align:middle;}
.worker-import-table-v60 th:nth-child(1),.worker-import-table-v60 td:nth-child(1){min-width:120px;}
.worker-import-table-v60 th:nth-child(2),.worker-import-table-v60 td:nth-child(2){min-width:140px;}
.worker-import-table-v60 th:nth-child(3),.worker-import-table-v60 td:nth-child(3){min-width:250px;}
.worker-import-table-v60 th:nth-child(4),.worker-import-table-v60 td:nth-child(4){min-width:150px;}

/* Jeden wygląd wszystkich natywnych pól wyboru pliku */
.standard-file-input,
input[type="file"]{
  width:min(100%,360px);
  max-width:100%;
  min-height:42px;
  padding:5px 8px;
  border:1px solid #cfd5dc;
  border-radius:10px;
  background:#fff;
  color:#596579;
  font-size:12px;
  line-height:30px;
}
.standard-file-input::file-selector-button,
input[type="file"]::file-selector-button{
  height:30px;
  margin:0 10px 0 0;
  padding:0 12px;
  border:1px solid #d6dce4;
  border-radius:8px;
  background:#f7f8fa;
  color:#15202b;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.standard-file-input::file-selector-button:hover,
input[type="file"]::file-selector-button:hover{background:#eef1f5;}
.workers-file-field-v60 .standard-file-input{width:100%;}

@media(max-width:900px){
  .workers-top-v60{grid-template-columns:1fr;}
  .workers-spacer-v60{display:none;}
  .workers-import-card-v60,.workers-actions-card-v60{width:100%;}
  .worker-import-preview-head-v60{align-items:stretch;flex-direction:column;}
  .worker-import-preview-head-v60 button{width:100%;}
}

/* ===== ShipStock by KG LAN v6.4 — opis ładunku + stabilne mutacje karty ===== */
.package-description-v64{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:9px;
  align-items:center;
  margin:2px 0 9px;
}
.package-description-v64 label{
  margin:0;
  white-space:nowrap;
  font-size:12px;
  color:var(--muted);
}
.package-description-v64 input{
  min-width:0;
  padding:7px 10px;
  height:36px;
  background:#fbfcfd;
}
.package-card[data-package-id]{
  contain:layout style;
}
@media(max-width:720px){
  .package-description-v64{grid-template-columns:1fr;gap:5px;}
}

/* ===== ShipStock by KG LAN v6.5 — osobne sekcje narzędzi i materiałów ===== */
.material-issued-details-v65{margin-top:10px;}
.material-issued-product-v65 summary{background:#fffaf0;}

/* ===== ShipStock by KG LAN v6.7 — Cofnij: zawsze pokazuj początek tekstu ===== */
.context-undo{
  direction:ltr!important;
  text-align:left!important;
}
.issue-bottom-v41 #issueUndoSlot .context-undo{
  display:block!important;
  text-align:left!important;
  justify-content:initial!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:44px!important;
}
.return-undo-inline-v49 .context-undo{
  display:block!important;
  text-align:left!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}


/* ===== ShipStock by KG LAN v7.1 — opis ładunku w górnym pasku ===== */
.package-card .package-head-v40{
  grid-template-columns:auto minmax(190px,1fr) auto auto!important;
}
.package-head-v40 .package-description-inline-v71{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
  min-width:0!important;
  margin:0!important;
}
.package-head-v40 .package-description-inline-v71 label{
  margin:0!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
.package-head-v40 .package-description-inline-v71 input{
  width:100%!important;
  min-width:0!important;
  height:36px!important;
  padding:7px 10px!important;
}
@media(max-width:820px){
  .package-card .package-head-v40{
    grid-template-columns:minmax(0,1fr) auto!important;
    row-gap:8px!important;
  }
  .package-head-v40>div:first-child{grid-column:1/2;grid-row:1;}
  .package-head-v40>.danger{grid-column:2/3!important;grid-row:1!important;}
  .package-head-v40 .package-description-inline-v71{grid-column:1/-1;grid-row:2;}
  .package-head-v40 .package-status-v40{grid-column:1/-1!important;grid-row:3;justify-self:start!important;}
}

/* v8.0 — status chwilowej pracy offline */
.offline-sync-v80{position:fixed;left:12px;bottom:12px;z-index:1000;border:1px solid #e1b64c;background:#fff7dc;color:#6f4d00;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;box-shadow:0 4px 18px #0002}.offline-sync-v80[data-state="offline"]{background:#fff0f0;border-color:#e5a0a0;color:#9b1c1c}.offline-sync-v80[data-state="conflict"]{background:#fff0f2;border-color:#e2a1ad;color:#9e1931}

/* ===== ShipStock by KG LAN v8.1 — podgląd zdjęć w oknie ===== */
.attachment-preview-v81{
  width:min(96vw,1400px)!important;
  height:min(94vh,1000px)!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  border:0!important;
  border-radius:16px!important;
  background:#111!important;
  overflow:hidden!important;
  box-shadow:0 24px 80px #0008!important;
}
.attachment-preview-v81::backdrop{background:#000b!important;backdrop-filter:blur(2px)}
.attachment-preview-shell-v81{height:100%;display:flex;flex-direction:column;background:#111;color:#fff}
.attachment-preview-head-v81{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 12px;background:#1c1c1f;border-bottom:1px solid #ffffff18}
.attachment-preview-title-v81{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
.attachment-preview-actions-v81{display:flex;gap:8px;align-items:center;flex:0 0 auto}
.attachment-preview-v81 .attachment-preview-actions-v81 .secondary{background:#fff!important;color:#1b2638!important;border-color:#ddd!important}
.attachment-preview-close-v81{width:42px!important;min-width:42px!important;padding:6px!important;font-size:24px!important;line-height:1!important}
.attachment-preview-image-wrap-v81{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:12px}
.attachment-preview-image-wrap-v81 img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;cursor:zoom-in}
.attachment-preview-note-v81{padding:9px 12px;background:#1c1c1f;border-top:1px solid #ffffff18;color:#ddd}
.package-photo-open{cursor:zoom-in!important}
@media(max-width:700px){
  .attachment-preview-v81{width:100vw!important;height:100vh!important;border-radius:0!important}
  .attachment-preview-title-v81{font-size:13px}
  .attachment-preview-actions-v81 .secondary:first-child{display:none}
}

/* ===== ShipStock by KG LAN v8.2 — podgląd zdjęć ładunku ===== */
.attachment-preview-open-v82{overflow:hidden}
.attachment-preview-overlay-v82{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:18px}
.attachment-preview-panel-v82{width:min(1400px,96vw);height:min(900px,94vh);display:flex;flex-direction:column;background:#111;color:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 80px #0008}
.attachment-preview-head-v82{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#1c1c1f;border-bottom:1px solid #ffffff20}
.attachment-preview-title-v82{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
.attachment-preview-actions-v82{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.attachment-preview-actions-v82 .secondary{background:#fff!important;color:#1b2638!important;border-color:#ddd!important}
.attachment-preview-close-v82{width:42px!important;min-width:42px!important;padding:6px!important;font-size:24px!important;line-height:1!important}
.attachment-preview-image-v82{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:12px}
.attachment-preview-image-v82 img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px}
.attachment-preview-note-v82{padding:9px 12px;background:#1c1c1f;border-top:1px solid #ffffff20;color:#ddd}
.package-photo-actions-v82{display:flex;gap:6px;flex-wrap:wrap;padding:0 8px 8px}
.package-photo-actions-v82 .compact-btn,.package-photo-actions-v82 .package-photo-delete{font-size:11px!important;padding:6px 8px!important;min-height:30px!important}
.package-photo-open{cursor:zoom-in}
@media(max-width:700px){
  .attachment-preview-overlay-v82{padding:0}
  .attachment-preview-panel-v82{width:100vw;height:100vh;border-radius:0}
  .attachment-preview-title-v82{font-size:13px}
  .attachment-preview-actions-v82 .secondary:first-child{display:none}
}

/* ShipStock by KG LAN v8.5 — nazwy zdjęć i wyśrodkowany przycisk Usuń */
.package-photo-actions-v82{justify-content:center;padding:4px 8px 10px}
.package-photo-actions-v82 .package-photo-delete{margin:0!important;padding:8px 12px!important;min-height:36px!important;font-size:inherit!important;line-height:1.1!important}
.package-photo-meta b{font-size:13px}

/* v8.19 — szybkie wypożyczenie */
.quick-loan-dialog-v819{border:0;border-radius:18px;padding:0;width:min(620px,calc(100vw - 32px));box-shadow:0 24px 70px rgba(15,23,42,.28)}
.quick-loan-dialog-v819::backdrop{background:rgba(15,23,42,.48)}
.quick-loan-shell-v819{padding:18px;display:grid;gap:12px}
.quick-loan-head-v819{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.quick-loan-head-v819 h3{margin:2px 0 0}
.quick-loan-grid-v819{display:grid;grid-template-columns:120px 1fr;gap:10px}
.quick-loan-active-title-v819{font-weight:800;margin-top:4px;padding-top:12px;border-top:1px solid #e2e8f0}
.quick-loan-list-v819{display:grid;gap:7px;max-height:240px;overflow:auto}
.quick-loan-row-v819{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2e8f0;border-radius:12px;padding:9px 10px;background:#fff}
@media(max-width:700px){.quick-loan-grid-v819{grid-template-columns:1fr}}

/* ===== ShipStock by KG LAN v8.20 — uporządkowany panel wydania ===== */
.issue-bottom-v41{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-items:stretch!important;
  margin-top:14px!important;
}
.issue-bottom-v41 #issueUndoSlot{
  grid-column:1!important;
  grid-row:auto!important;
  justify-self:stretch!important;
  width:100%!important;
}
.issue-bottom-v41 #issueUndoSlot .context-undo{
  width:100%!important;
  max-width:none!important;
  justify-content:flex-start!important;
}
.issue-bottom-v41 > .service-submit.issue-actions-top-v820{
  grid-column:1!important;
  grid-row:auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
}
.issue-bottom-v41 > .service-submit.issue-actions-top-v820 > button{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
}
.issue-actions-bottom-v820{
  display:grid!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
}
.issue-actions-bottom-v820 > .issue-qty-row-v820{margin:0!important;min-width:0!important;}
.issue-actions-bottom-v820 > .issue-qty-row-v820 input{height:44px!important;min-height:44px!important;}
.issue-actions-bottom-v820 > button{height:44px!important;min-height:44px!important;width:100%!important;}
.issue-actions-bottom-v820 > #issueBasket{min-width:0!important;align-self:stretch!important;}

/* v8.22 — lista pusta: zwarty układ bez rezerwowania dużej kolumny. */
.issue-actions-bottom-v820.is-empty-v822{
  grid-template-columns:minmax(135px,160px) minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:end!important;
}
.issue-actions-bottom-v820.is-empty-v822 > button:not(#issueCommitBasketV822){grid-column:1!important;grid-row:1!important;}
.issue-actions-bottom-v820.is-empty-v822 > .issue-qty-row-v820{grid-column:1!important;grid-row:2!important;}
.issue-actions-bottom-v820.is-empty-v822 > #issueBasket{grid-column:2!important;grid-row:1 / span 2!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;}
.issue-actions-bottom-v820.is-empty-v822 > #issueBasket > .compact-empty{
  min-height:44px!important;height:auto!important;padding:8px 12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;
}

/* v8.22 — lista aktywna: akcje po lewej, lista po prawej. */
.issue-actions-bottom-v820.has-items-v822{
  grid-template-columns:minmax(135px,160px) minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  align-items:start!important;
}
.issue-actions-bottom-v820.has-items-v822 > #issueCommitBasketV822{grid-column:1!important;grid-row:1!important;}
.issue-actions-bottom-v820.has-items-v822 > button:not(#issueCommitBasketV822){grid-column:1!important;grid-row:2!important;}
.issue-actions-bottom-v820.has-items-v822 > .issue-qty-row-v820{grid-column:1!important;grid-row:3!important;}
.issue-actions-bottom-v820.has-items-v822 > #issueBasket{grid-column:2!important;grid-row:1 / span 3!important;}
.issue-actions-bottom-v820.has-items-v822 > #issueBasket .basket-actions{justify-content:flex-end!important;margin-top:10px!important;}
.issue-actions-bottom-v820.has-items-v822 > #issueBasket .basket-actions button{width:auto!important;min-width:96px!important;}
.issue-bottom-v41 > .issue-note-preview-v51{margin:0!important;}

.quick-return-row-v820{grid-template-columns:auto minmax(0,1fr) 132px!important;}
.quick-return-row-v820>.quick-return-check-spacer-v821{
  grid-column:1;grid-row:1 / span 2;width:18px;height:18px;margin-top:8px;display:block;
}
.desktop-sync-status-v821{
  cursor:pointer;border:0!important;font-weight:800!important;
}
.desktop-sync-status-v821[data-state="online"]{background:#eaf8ef!important;color:#18733a!important;}
.desktop-sync-status-v821[data-state="offline"]{background:#fff0f0!important;color:#9b1c1c!important;}
.desktop-sync-status-v821[data-state="queued"]{background:#fff7dc!important;color:#6f4d00!important;}
.desktop-sync-status-v821[data-state="conflict"]{background:#fff0f2!important;color:#9e1931!important;}
.shipstock-version-v821{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.shipstock-version-v821 span{font-weight:800;color:var(--muted);}

@media(max-width:760px){
  .issue-bottom-v41 > .service-submit.issue-actions-top-v820{grid-template-columns:1fr!important;}
  .issue-actions-bottom-v820.is-empty-v822,
  .issue-actions-bottom-v820.has-items-v822{grid-template-columns:1fr!important;grid-template-rows:auto!important;}
  .issue-actions-bottom-v820.is-empty-v822 > .issue-qty-row-v820,
  .issue-actions-bottom-v820.is-empty-v822 > button,
  .issue-actions-bottom-v820.is-empty-v822 > #issueBasket,
  .issue-actions-bottom-v820.has-items-v822 > .issue-qty-row-v820,
  .issue-actions-bottom-v820.has-items-v822 > button,
  .issue-actions-bottom-v820.has-items-v822 > #issueBasket{grid-column:1!important;grid-row:auto!important;}
}

@media(max-width:760px){
  .quick-return-row-v820{grid-template-columns:auto minmax(0,1fr)!important;}
  .quick-return-row-v820>.return-main,.quick-return-row-v820>.return-note,.quick-return-row-v820>.return-actions{grid-column:2!important;}
}

/* ===== ShipStock by KG LAN v8.26 — neutralne szybkie czyszczenie formularzy ===== */
.service-clear-panel-v825{position:relative}
.service-clear-panel-v825>.service-head{position:relative;padding-right:118px;min-height:54px}
.form-clear-v825{position:absolute;right:0;top:0;min-width:100px;padding:10px 16px;border:1px solid #cfd5dc!important;background:#eef1f4!important;color:#4f5965!important;font-weight:800;box-shadow:none!important}
.input-clear-wrap-v825{position:relative;width:100%}
.input-clear-wrap-v825>input{padding-right:46px!important}
.field-clear-v825{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;min-width:34px;padding:0!important;border:0!important;background:transparent!important;color:#727b86!important;font-size:29px!important;line-height:1!important;font-weight:800!important;display:grid;place-items:center;border-radius:8px!important;box-shadow:none!important}
.field-clear-v825:hover{background:#eef1f4!important;color:#4f5965!important}
.form-clear-v825:hover{background:#e2e6ea!important;border-color:#bcc4cc!important;color:#3f4852!important}
@media(max-width:900px){.service-clear-panel-v825>.service-head{padding-right:104px}.form-clear-v825{min-width:88px;padding:9px 12px}}

/* ===== ShipStock by KG LAN v8.29/v8.32 — zwijane karty ładunków na desktopie ===== */
.package-card .package-collapsible-body-v829[hidden]{display:none!important}
.package-card.package-collapsed-v829{padding-bottom:12px}
.package-card.package-collapsed-v829 .package-head-v40{margin-bottom:0!important}
.package-collapse-toggle-v829{
  width:38px!important;min-width:38px!important;height:36px!important;padding:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:18px!important;line-height:1!important;font-weight:800!important;
  background:#eef2f6!important;color:#334155!important;border-color:#dbe2ea!important;
}
.package-collapse-toggle-v829:hover{background:#e2e8f0!important}
/* Kolejność nagłówka: typ/numer | zwijanie | opis | status | usuń. */
.package-card .package-head-v40{
  grid-template-columns:auto 38px minmax(180px,1fr) auto auto!important;
  column-gap:10px!important;
}
.package-head-v40>div:first-child{grid-column:1!important;grid-row:1!important}
.package-head-v40>.package-collapse-toggle-v829{grid-column:2!important;grid-row:1!important}
.package-head-v40 .package-description-inline-v71{grid-column:3!important;grid-row:1!important}
.package-head-v40 .package-status-v40{grid-column:4!important;grid-row:1!important;justify-self:start!important}
.package-head-v40>.danger{grid-column:5!important;grid-row:1!important}
@media(max-width:820px){
  .package-card .package-head-v40{grid-template-columns:minmax(0,1fr) 38px auto!important}
  .package-head-v40>div:first-child{grid-column:1/2!important;grid-row:1!important}
  .package-head-v40>.package-collapse-toggle-v829{grid-column:2/3!important;grid-row:1!important}
  .package-head-v40>.danger{grid-column:3/4!important;grid-row:1!important}
  .package-head-v40 .package-description-inline-v71{grid-column:1/-1!important;grid-row:2!important}
  .package-head-v40 .package-status-v40{grid-column:1/-1!important;grid-row:3!important;justify-self:start!important}
}
