.inventory-workspace { --inv-gold:#9b763d; --inv-line:#e6e2db; color:#242722; }
.inventory-workspace button,.inv-capture button,.inv-detail button { cursor:pointer; }
.inventory-workspace button:disabled,.inv-capture button:disabled { cursor:default; opacity:.45; }
.inventory-workspace .sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
.inv-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px; }
.inv-heading h2 { margin:0;font-size:25px;letter-spacing:-.5px; }
.inv-heading p { margin:7px 0 0;color:#73766e;font-size:14px; }
.inv-heading-actions { display:flex;gap:8px;flex-shrink:0; }
.inv-summary { display:flex;gap:28px;padding:18px 0;border-top:1px solid var(--inv-line);border-bottom:1px solid var(--inv-line);margin-bottom:20px; }
.inv-summary span { font-size:13px;color:#62675f; }
.inv-summary strong { margin:0 5px;font-size:23px;color:#242722;font-variant-numeric:tabular-nums; }
.inv-filters { display:flex;gap:8px;margin:0 0 18px; }
.inv-filters input { min-width:120px;flex:1;margin:0; }
.inv-filters select { max-width:180px;width:180px;margin:0; }
.inv-tabs { display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--inv-line);padding-bottom:12px; }
.inv-tabs button { border:none;background:transparent;color:#686c64;box-shadow:none;padding:9px 13px; }
.inv-tabs button.active { background:#272f27;color:white;border-radius:6px; }
.inv-tabs button span { font-size:11px;margin-left:7px;opacity:.7;font-variant-numeric:tabular-nums; }
.inv-note,.inv-legacy { color:#767b72;font-size:12px;line-height:1.7;margin:12px 0; }
.inv-message { color:#446747;font-size:13px;margin:10px 0; }
.inv-message:empty,.inventory-workspace #inv-error:empty { display:none; }
.inv-bulk { display:flex;gap:12px;align-items:center;padding:14px 0 17px;flex-wrap:wrap; }
.inv-bulk label { display:flex;align-items:center;gap:7px;margin:0;font-weight:400;font-size:13px; }
.inv-bulk input,.inv-checkbox input { width:17px;height:17px;margin:0;accent-color:#52634a; }
.inv-bulk>span { color:#74796f;font-size:12px; }
.inv-bulk>small { margin-left:auto;color:#858a80;font-size:11px; }
.inv-bulk button { padding:7px 14px;font-size:12px; }
.inv-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px; }
.inv-card { border:1px solid var(--inv-line);background:#fff;border-radius:10px;overflow:hidden;min-width:0; }
.inv-card-photo { position:relative;aspect-ratio:3/4;background:#f2f1ec; }
.inv-photo-button { position:absolute;inset:0;width:100%;height:100%;display:block;padding:12px;border:0;border-radius:0;background:transparent; }
.inv-photo-button img { display:block;width:100%;height:100%;object-fit:contain; }
.inv-checkbox { position:absolute;z-index:1;left:9px;top:9px;display:flex;padding:6px;border-radius:6px;background:rgba(255,255,255,.94);margin:0; }
.inv-card-body { padding:13px 14px; }
.inv-card-meta { display:flex;justify-content:space-between;gap:8px;align-items:center; }
.inv-card-meta>strong { font:700 12px ui-monospace,Consolas,monospace;letter-spacing:.5px; }
.inv-status { display:inline-block;border-radius:4px;background:#f0f1eb;color:#68765d;font-size:10px;padding:4px 6px;white-space:nowrap; }
.inv-state-preparing { background:#f5ebd7;color:#93672b; }
.inv-state-selling { background:#e8eee7;color:#396e49; }
.inv-state-checking { background:#f7ece5;color:#9a6543; }
.inv-title { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;line-height:1.6;min-height:44px;margin:9px 0 3px;padding:0;border:0;border-radius:0;background:none;font-size:13px;font-weight:600;max-width:100%;word-break:break-word; }
.inv-product-key,.inv-seen { display:block;color:#8b8f86;font-size:10px;line-height:1.7;overflow-wrap:anywhere; }
.inv-price { margin:7px 0 0;font-size:13px;color:#496943; }
.inv-quote { margin-top:9px;padding-top:9px;border-top:1px solid #eeeee8; }
.inv-quote-main { display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px;line-height:1.7; }
.inv-quote-main>span { color:#7a806f;font-size:11px; }
.inv-quote-main>strong { color:#496943;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; }
.inv-quote-meta { display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:3px;color:#8b8f86;font-size:10px;line-height:1.7; }
.inv-quote-note { color:#9a7b44;font-size:10px;line-height:1.6;margin:4px 0 0; }
.inv-auction-panel .inv-quote-main>strong { font-size:24px; }
.inv-auction-panel .inv-quote-main>span,.inv-auction-panel .inv-quote-meta { font-size:12px; }
.inv-auction-panel .inv-quote-end,.inv-auction-panel .inv-quote-note { font-size:12px;line-height:1.7; }
.inv-edit { display:flex;justify-content:space-between;width:100%;border:0;border-top:1px solid #eeeee8;border-radius:0;background:transparent;padding:11px 0 0;margin-top:10px;color:#536048;font-size:12px; }
.inv-pagination { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 0;color:#858a80;font-size:12px; }
.inv-pagination>div { display:flex;align-items:center;gap:14px; }
.inv-pagination button { padding:7px 12px; }
.inv-empty { text-align:center;padding:70px 16px;background:#f8f8f4;border:1px dashed #dddfd6;border-radius:8px; }
.inv-empty strong { font-size:17px;font-weight:500; }
.inv-empty p { font-size:13px;color:#82877d; }
.inv-legacy { border-top:1px solid var(--inv-line);padding-top:13px; }
.inv-detail h2,.inv-capture h2 { margin-top:0;font-size:22px; }
.inv-detail h3 { line-height:1.65;overflow-wrap:anywhere;font-size:16px; }
.inv-detail-photos { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:18px 0;align-items:start; }
.inv-detail-photos figure { margin:0;min-width:0; }
.inv-detail-photo-frame { position:relative;display:block;aspect-ratio:3/4;background:#f5f5f0;border:1px solid #ebece5;border-radius:10px;overflow:hidden; }
.inv-detail-photos img { position:absolute;inset:0;display:block;width:100%;height:100%;padding:12px;object-fit:contain; }
.inv-detail-photos figcaption { text-align:center;font-size:12px;line-height:1.6;color:#818578;margin-top:9px; }
.inv-detail>p,.inv-capture>p { color:#777d71;font-size:13px;line-height:1.7; }
.inv-timeline { list-style:none;margin:16px 0;padding:0; }
.inv-timeline li { display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #efefea;font-size:12px; }
.inv-timeline time { color:#82867d;white-space:nowrap; }
.inv-photo-slots { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0; }
.inv-photo-slot { grid-column:span 2;padding:10px;border:1px solid #e2e5dc;border-radius:8px;min-width:0; }
.inv-photo-slot:nth-child(-n+2) { grid-column:span 3; }
.inv-photo-slot>label { margin:0 0 8px;display:flex;justify-content:space-between;align-items:center;font-size:13px; }
.inv-photo-slot>label>small { font-size:10px;font-weight:400;color:#8a8e82; }
.inv-slot-preview { min-height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f5f6f1;overflow:hidden; }
.inv-slot-preview img { height:140px;width:100%;object-fit:contain; }
.inv-slot-preview small { font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px;color:#7a8074; }
.inv-slot-preview>span { color:#a1a797;font-size:12px; }
.inv-photo-slot>.inv-upload-control { position:relative;display:flex;justify-content:center;align-items:center;min-height:40px;margin:10px 0 0;padding:8px 10px;border:1px solid #d7d1c2;border-radius:6px;background:#f5f1e6;color:#665334;font-size:12px;font-weight:550;cursor:pointer; }
.inv-photo-slot>.inv-upload-control:hover { background:#ebe4d3; }
.inv-photo-slot>.inv-upload-control.is-disabled { opacity:.45;cursor:default; }
.inv-upload-control:focus-within { outline:3px solid #dba639;outline-offset:2px; }
.inv-upload-control input[type=file] { position:absolute;inset:0;opacity:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;cursor:inherit; }
.inv-photo-slot button { padding:4px 8px;margin-top:7px;font-size:11px; }
.inv-capture .form-actions { position:static;background:#fff;padding:12px 0 0;margin:0;border:0; }
#inv-capture-message { color:#477146;font-size:13px;line-height:1.65; }
dialog:has(.inv-capture) { width:min(760px,95vw);height:90dvh;max-height:90dvh;overflow:hidden;padding:24px; }
dialog:has(.inv-capture) #modal-body,.inv-capture,#inv-capture-form { height:100%;min-height:0; }
#inv-capture-form { display:flex;flex-direction:column;overflow:hidden; }
.inv-capture-head,.inv-capture-footer { flex:none; }
.inv-capture-head h2 { margin:0 0 7px; }
.inv-capture-head>p { color:#777d71;font-size:13px;line-height:1.7;margin:0; }
.inv-capture-head>label { margin-top:12px; }
.inv-capture-body { flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 5px 0 0;margin-top:14px; }
.inv-capture-body .inv-photo-slots { margin:0 0 14px; }
.inv-capture-footer { border-top:1px solid #e8e5dc;padding-top:8px; }
.inv-capture-footer p { margin:6px 0; }
.inv-capture-footer .error:empty,#inv-capture-message:empty { display:none; }
.inv-capture-footer .error:not(:empty) { max-height:80px;overflow:auto;font-size:12px; }
.inv-capture-footer .inv-note { font-size:11px;margin:4px 0; }
@media(min-width:801px) {
  .inv-card-photo { width:min(100%,180px);margin-inline:auto; }
}
@media(min-width:801px) and (min-height:600px) {
  body:has(.inventory-workspace) { overflow:hidden; }
  body:has(.inventory-workspace) #app { height:100dvh;display:flex;flex-direction:column; }
  body:has(.inventory-workspace) .topline { flex:none; }
  body:has(.inventory-workspace) .layout { flex:1;min-height:0;grid-template-rows:minmax(0,1fr);overflow:hidden; }
  body:has(.inventory-workspace) .layout>aside { height:100%;overflow:auto; }
  body:has(.inventory-workspace) .main { display:flex;flex-direction:column;align-self:stretch;height:100%;max-height:100%;min-height:0;overflow:hidden;padding-top:18px;padding-bottom:10px; }
  body:has(.inventory-workspace) .main>header { display:none; }
  body:has(.inventory-workspace) .workspace-tabs { flex:none;margin-bottom:10px;padding-bottom:8px; }
  body:has(.inventory-workspace) #content { display:flex;flex:1;min-height:0;overflow:hidden; }
  body:has(.inventory-workspace) .main>.footer { display:none; }
  .inventory-workspace { display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden; }
  .inv-fixed-top,.inv-fixed-bottom { flex:none; }
  .inv-card-scroll { flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 8px 2px 1px; }
  .inv-grid { align-content:start; }
  .inv-heading { margin-bottom:10px; }
  .inv-heading p { margin-top:3px; }
  .inv-summary { display:none; }
  .inv-summary strong { font-size:20px; }
  .inv-filters { margin-bottom:8px; }
  .inv-tabs { padding-bottom:7px; }
  .inv-tabs button { padding:7px 11px;min-height:36px; }
  .inv-note { margin:6px 0; }
  .inv-bulk { padding:6px 0 10px;gap:10px; }
  .inv-bulk button { min-height:34px;padding:5px 12px; }
  .inv-pagination { padding:10px 0 5px; }
  .inv-legacy { padding-top:6px;margin:5px 0 0;font-size:11px; }
}
@media(max-width:600px) {
  dialog:has(.inv-capture) { height:94dvh;max-height:94dvh;padding:18px; }
  .inv-capture-head h2 { font-size:20px; }
  .inv-capture-head>p { font-size:12px; }
  .inv-capture-body { margin-top:12px; }
  .inv-capture-footer .form-actions { gap:10px; }
  .inv-capture-footer button { flex:1;padding:9px 10px; }
  .inv-photo-slot>.inv-upload-control { padding:7px 4px;font-size:11px; }
}
@media(min-width:1700px) { .inv-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media(max-width:1100px) { .inv-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:750px) { .inv-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }.inv-heading { display:block; }.inv-heading-actions { margin-top:14px; }.inv-summary { gap:16px; }.inv-summary strong { font-size:20px; }.inv-filters { flex-wrap:wrap; }.inv-filters input { flex-basis:100%; }.inv-filters select { flex:1;max-width:none;width:auto; }.inv-bulk>small { width:100%;margin:0; }.inv-tabs button { padding:8px 9px; }.inv-card-body { padding:10px; }.inv-card-meta { align-items:flex-start;flex-wrap:wrap; } }
@media(max-width:400px) { .inv-summary { gap:11px; }.inv-summary span { font-size:11px; }.inv-summary strong { margin:0 2px;font-size:18px; }.inv-tabs { gap:1px; }.inv-tabs button { padding:8px 6px;font-size:12px; }.inv-photo-slot { padding:6px; }.inv-photo-slots { gap:7px; }.inv-slot-preview img { height:100px; }.inv-detail-photos{gap:16px 10px}.inv-detail-photos img{padding:8px} }

.inv-no-photo{display:grid;place-items:center;height:100%;min-height:0;color:#938b79;font-size:13px}
.inv-heading-actions{flex-wrap:wrap}.inv-tabs{align-items:center}.inv-tabs #inv-more-state{width:auto;max-width:190px;min-height:36px;padding:6px 9px;font-size:12px;margin-left:auto;background:#fffdf8;color:#786343;border-color:#dfd6c4}.inv-origin{display:block;font-size:10px;color:#9a8e78;margin:4px 0 9px}.inv-state-line{font-size:12px;color:#615d50;line-height:1.6;margin:5px 0;overflow-wrap:anywhere}.inv-state-line>span{font-size:10px;color:#9b907b;margin-right:7px}.inv-scope{display:block;color:#947b50;font-size:11px;line-height:1.6;margin-top:5px}.inv-fact-panel{border:1px solid #e6dfd1;background:#fbf8f0;padding:16px 18px;border-radius:8px;margin:16px 0}.inv-fact-panel h3{margin:0 0 10px;font-size:14px;color:#817354}.inv-fact-panel strong{font-size:15px;font-weight:550}.inv-fact-panel p{font-size:13px;margin:8px 0 0;overflow-wrap:anywhere}.inv-fact-panel .inv-detail-amount{font-size:23px;color:#726039;margin:9px 0}.inv-fact-panel small{display:block;color:#918773;font-size:11px;margin-top:8px}.inv-sync-details{border-top:1px solid #e6e2db;padding-top:6px;color:#867a65;font-size:11px}.inv-sync-details summary{cursor:pointer;line-height:1.8}.inv-coverage{max-height:180px;overflow:auto;overscroll-behavior:contain;padding-right:8px}.inv-coverage-row{padding:8px 0;border-bottom:1px solid #e8e3d8}.inv-coverage-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.inv-coverage-row strong{font-size:12px;font-weight:550;color:#615a4b}.inv-coverage-row small{display:block;font-size:11px;color:#8d826d}.inv-coverage-row p{margin:4px 0;line-height:1.6}.inv-sync-time{display:block;font-size:11px;color:#938873;margin-top:4px}.inv-state-buyer_unpaid{background:#f7eddd;color:#9a7336}.inv-state-buyer_paid{background:#e8eee4;color:#567047}.inv-state-closed{background:#efefeb;color:#818176}
@media(max-width:750px){.inv-heading-actions{gap:8px}.inv-heading-actions button{font-size:12px;padding:8px 11px}.inv-tabs #inv-more-state{margin-left:0;max-width:100%;width:auto}.inv-state-line>span{display:block;margin:0}.inv-scope{font-size:10px}.inv-card-meta .inv-status{white-space:normal}.inv-coverage{max-height:240px}}
.inv-archive-panel .inv-archive-settings{margin-top:12px;font-size:12px;color:#807153}.inv-archive-settings>summary{cursor:pointer}.inv-archive-settings label{font-size:12px;margin:14px 0 6px}.inv-archive-settings textarea{min-height:84px;font-size:13px}.inv-archive-settings .form-actions{gap:12px;margin-top:14px;padding-top:12px}.inv-archive-panel [hidden]{display:none!important}.inv-archive-panel .error:empty{display:none}.inv-archive-panel .form-actions button{font-size:12px}.inv-archive-panel .inv-note{margin:7px 0}
.inv-storage-details{font-size:11px;color:#8b7b60;padding:7px 0;border-top:1px solid #e6e2db}.inv-storage-details summary{cursor:pointer;line-height:1.75}.inv-storage-details>div{max-height:110px;overflow:auto;overscroll-behavior:contain}.inv-storage-details p{margin:6px 0;line-height:1.7}