/* Packning uses the shared Skog & papper tokens. */
.rp-tabs-secondary { display:flex; gap:1rem; }
.rp-tabs-more { display:none; }
.inv-container { max-width:780px; padding-top:1rem; padding-bottom:1.5rem; }
.inv-page h1 { font-family:var(--st-serif); font-size:clamp(1.9rem,5vw,2.5rem); margin:0 0 .8rem; overflow-wrap:anywhere; }
.inv-page h2 { font-family:var(--st-serif); font-size:1.35rem; margin:.5rem 0; }
.inv-page button,.inv-page input,.inv-page select,.inv-page textarea { font:inherit; }
.inv-page button:disabled { opacity:.55; cursor:default; }
.inv-icon { width:22px; height:22px; flex-shrink:0; }
.inv-status { display:flex; justify-content:space-between; gap:1rem; align-items:center; color:var(--rp-muted); font-size:.75rem; margin-bottom:.5rem; min-height:44px; }
.inv-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:.4rem 0 1rem; }
.inv-heading h1 { margin:0; }.inv-heading p { font-size:.8rem; color:var(--rp-muted); margin:.4rem 0 0; }
.inv-page .rp-text-button { min-height:44px; }
.inv-search { display:flex; gap:.7rem; align-items:center; border:1px solid var(--st-input-line); border-radius:10px; background:var(--rp-paper); padding:0 .8rem; min-height:48px; margin:.8rem 0; color:var(--rp-muted); }
.inv-search input { width:100%; min-width:0; border:0; background:transparent; color:var(--rp-ink); min-height:46px; font-size:1rem; outline:none; }
.inv-search:focus-within { outline:2px solid var(--rp-gold); outline-offset:2px; }
.inv-filters { display:flex; flex-wrap:wrap; gap:.45rem; margin:1rem 0; }
.inv-filters button { min-height:44px; border:1px solid var(--rp-line); background:var(--rp-paper); color:var(--rp-ink); border-radius:24px; padding:.4rem .9rem; font-size:.8rem; }
.inv-filters button[aria-pressed=true] { background:var(--st-primary); color:var(--st-on-primary); border-color:var(--st-primary); }
.inv-group { margin:1.2rem 0; }.inv-group>summary { display:flex; align-items:center; gap:.6rem; min-height:48px; cursor:pointer; font-weight:750; font-size:.9rem; list-style:none; }
.inv-group>summary::-webkit-details-marker { display:none; }.inv-group>summary>.inv-icon { color:var(--rp-gold); width:19px; }
.inv-group>summary:after { content:'›'; margin-left:auto; font-size:1.4rem; }.inv-group[open]>summary:after { transform:rotate(90deg); }
.inv-group>summary small { font-size:.75rem; color:var(--rp-muted); font-weight:400; }
.inv-items { border:1px solid var(--rp-line); border-radius:12px; background:var(--rp-paper); overflow:hidden; }
.inv-row { display:flex; align-items:center; min-width:0; padding:0 .7rem; gap:.5rem; }.inv-row+.inv-row { border-top:1px solid var(--rp-line); }
.inv-item-open { display:flex; align-items:center; gap:.75rem; min-height:82px; width:100%; min-width:0; background:transparent; color:var(--rp-ink); border:0; text-align:left; padding:.65rem 0; }
.inv-item-icon { display:flex; align-items:center; justify-content:center; color:var(--st-primary); background:var(--rp-wash); border-radius:9px; flex-shrink:0; width:38px; height:42px; }
.inv-item-title { flex:1; min-width:0; }.inv-item-title strong { font-size:.9rem; overflow-wrap:anywhere; display:block; }
.inv-row-count { white-space:nowrap; font-size:.8rem; }.inv-tags { display:flex; flex-wrap:wrap; gap:.3rem .5rem; margin-top:.35rem; font-size:.7rem; color:var(--rp-muted); align-items:center; overflow-wrap:anywhere; }
.inv-tags>span { padding:.15rem .4rem; border-radius:4px; background:var(--rp-wash); color:var(--rp-ink); font-size:.65rem; }
.inv-tags small { font-size:.7rem; }.inv-tags .is-unknown,.inv-item-icon.is-unknown { color:var(--st-warning-ink); background:var(--st-warning-bg); }
.inv-use { flex-shrink:0; min-height:44px; padding:.45rem .65rem; background:var(--rp-paper); border:1px solid var(--st-input-line); color:var(--rp-ink); border-radius:8px; font-size:.8rem !important; font-weight:750 !important; }
.inv-primary,.inv-secondary,.inv-danger { display:flex; align-items:center; justify-content:center; gap:.6rem; min-height:48px; border-radius:10px; padding:.65rem 1rem; font-weight:700 !important; text-align:center; }
.inv-primary { width:100%; background:var(--st-primary); color:var(--st-on-primary); border:1px solid var(--st-primary); }.inv-secondary { border:1px solid var(--st-input-line); background:var(--rp-paper); color:var(--rp-ink); }
.inv-danger { border:1px solid var(--st-error); color:var(--st-error); background:var(--rp-paper); }
.inv-actionbar { position:sticky; bottom:0; z-index:3; padding:12px 0 max(12px,env(safe-area-inset-bottom)); background:var(--rp-bg); margin-top:1.5rem; border-top:1px solid var(--rp-line); }
.inv-actionbar p { font-size:.7rem; margin:0 0 .6rem; text-align:center; }
.inv-container[data-inventory-view=list] { min-height:calc(100dvh - 180px); display:flex; flex-direction:column; }.inv-container[data-inventory-view=list]>.inv-actionbar { margin-top:auto; }
.inv-back { min-height:44px; border:0; padding:.3rem 0; margin:0 0 .8rem; background:transparent; color:var(--rp-ink); font-size:.85rem !important; font-weight:650 !important; text-align:left; }
.inv-muted { color:var(--rp-muted); font-size:.85rem; line-height:1.6; }.inv-empty { text-align:center; padding:2.5rem 1rem; max-width:32rem; margin:auto; }.inv-empty>.inv-icon { width:40px; height:40px; color:var(--rp-gold); }.inv-empty p { color:var(--rp-muted); line-height:1.8; font-size:.9rem; }.inv-empty button { margin:1rem auto; }
.inv-callout { background:var(--rp-wash); border:1px solid var(--rp-line); border-radius:10px; padding:.9rem; font-size:.85rem; line-height:1.6; margin:1rem 0; overflow-wrap:anywhere; }.inv-callout p { margin:.4rem 0; }.inv-callout button.inv-secondary { width:100%; margin-top:.8rem; }
.inv-use-notice { display:flex; align-items:center; justify-content:space-between; gap:.5rem; }.inv-use-notice span { flex:1; }
.inv-detail-heading { display:flex; align-items:center; gap:.8rem; }.inv-detail-heading h1 { font-size:clamp(1.7rem,5vw,2.3rem); margin:0; }.inv-detail-heading>.inv-item-icon { width:48px; height:54px; }.inv-detail-heading p { margin:.5rem 0; }
.inv-detail-section { margin:1.5rem 0; }.inv-detail-section>h2 { font:750 .9rem/1.5 var(--st-sans); margin-bottom:.6rem; }.inv-prose { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.8; font-size:.95rem; }
.inv-fields { border:0; margin:1rem 0 0; padding:0; display:flex; flex-direction:column; gap:1.1rem; min-width:0; }.inv-fields>label,.inv-field { display:flex; flex-direction:column; gap:.45rem; font-size:.85rem; font-weight:650; }.inv-fields small { font-size:.75rem; color:var(--rp-muted); font-weight:400; }
.inv-fields input:not([type=checkbox]),.inv-fields select,.inv-fields textarea,.inv-field select,.inv-filterrow select,.inv-quantity-edit input { min-height:48px; width:100%; min-width:0; padding:.65rem .75rem; border:1px solid var(--st-input-line); border-radius:9px; color:var(--rp-ink); background:var(--rp-paper); font-size:1rem; font-weight:400; }.inv-fields textarea { resize:vertical; }
.inv-toggle { display:flex !important; flex-direction:row !important; justify-content:space-between; align-items:center; gap:1rem !important; min-height:48px; }.inv-toggle span { flex:1; }.inv-toggle small { display:block; margin-top:.25rem; line-height:1.6; }.inv-toggle input { appearance:none; width:44px; min-width:44px; height:26px; border:1px solid var(--st-input-line); border-radius:20px; background:var(--rp-line); position:relative; cursor:pointer; }.inv-toggle input:before { content:''; display:block; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:var(--rp-paper); }.inv-toggle input:checked { background:var(--st-primary); }.inv-toggle input:checked:before { left:21px; background:var(--st-on-primary); }
.inv-stepper { display:flex; border:1px solid var(--st-input-line); border-radius:9px; overflow:hidden; background:var(--rp-paper); }.inv-stepper button { width:48px; min-width:48px; min-height:48px; border:0; background:transparent; color:var(--rp-ink); font-size:1.4rem; }.inv-stepper input { border:0 !important; border-radius:0 !important; text-align:center; }
.inv-quantity-edit { display:flex; gap:.6rem; align-items:center; }.inv-quantity-edit input { flex:1; }.inv-quantity-edit button { flex-shrink:0; }
.inv-actions { display:flex; flex-wrap:wrap; gap:.6rem; margin:1.2rem 0; }.inv-actions>button { flex:1; min-height:48px; }.inv-actions>.inv-danger { flex-basis:100%; }
.inv-place-row { display:flex; justify-content:space-between; align-items:center; gap:.8rem; padding:1rem 0; border-bottom:1px solid var(--rp-line); }.inv-place-row small { display:block; color:var(--rp-muted); font-size:.75rem; margin-top:.2rem; }.inv-place-row span { min-width:0; overflow-wrap:anywhere; }
.inv-checkbox { flex-direction:row !important; gap:.7rem; align-items:center; min-height:48px; }.inv-checkbox input { width:20px; height:20px; flex-shrink:0; accent-color:var(--st-primary); }
.inv-picker { margin:1rem 0; }.inv-custom { margin:.8rem 0 1.5rem; width:100%; }.inv-filterrow { display:flex; gap:1rem; align-items:end; justify-content:space-between; margin:1rem 0; }.inv-filterrow label { display:flex; flex-direction:column; gap:.35rem; font-size:.75rem; }.inv-search-status { font-size:.75rem; color:var(--rp-muted); margin:1rem 0; min-height:1.5rem; }
.inv-hit { display:flex; width:100%; min-width:0; align-items:center; gap:.8rem; text-align:left; background:var(--rp-paper); color:var(--rp-ink); border:1px solid var(--rp-line); border-radius:12px; padding:1rem .8rem; margin:.65rem 0; }.inv-hit>span:nth-child(2) { flex:1; min-width:0; }.inv-hit strong { display:block; font-size:.95rem; overflow-wrap:anywhere; }.inv-hit small { display:block; font-size:.7rem; color:var(--rp-muted); margin-top:.5rem; overflow-wrap:anywhere; }
.inv-source { border:1px solid var(--rp-line); border-radius:12px; background:var(--rp-paper); padding:1rem; margin:1.3rem 0; min-width:0; overflow-wrap:anywhere; }.inv-source h2 { font-size:1.5rem; }.inv-source-reference { font-size:.75rem; white-space:pre-line; border-top:1px solid var(--rp-line); padding-top:.6rem; margin-top:.8rem; }.inv-source summary { cursor:pointer; font-size:.85rem; font-weight:700; min-height:44px; padding:.6rem 0; }.inv-source summary small { font-weight:400; color:var(--rp-muted); }.inv-original { font-family:var(--st-serif); font-size:1rem; line-height:1.8; }.inv-original h3 { font-size:1.1rem; }.inv-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.5rem; font-size:.75rem; color:var(--rp-muted); border-top:1px solid var(--rp-line); padding-top:.8rem; }.inv-meta strong { color:var(--rp-ink); }
.inv-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:600px) {
    .rp-tabs:has(.rp-tabs-more) { position:relative; overflow:visible; justify-content:space-between; gap:0; }
    .rp-tabs-secondary { display:none; position:absolute; top:100%; right:.7rem; z-index:12; padding:.5rem; border:1px solid var(--rp-line); border-radius:10px; background:var(--rp-paper); box-shadow:var(--st-shadow); min-width:170px; flex-direction:column; gap:0; }.rp-tabs-secondary.is-open { display:flex; }.rp-tabs-secondary a { min-height:48px; }
    .rp-tabs-more { display:flex; align-items:center; gap:.4rem; padding:0 .5rem; min-height:52px; font:inherit; font-size:.75rem; background:transparent; color:var(--rp-ink); border:0; border-bottom:3px solid transparent; }
    .rp-tabs-more.active { color:var(--rp-gold); border-bottom-color:var(--rp-gold); font-weight:700; }
    .inv-container { padding-inline:1rem; }.inv-heading { align-items:start; gap:.5rem; }.inv-heading .rp-text-button { font-size:.7rem; max-width:95px; }.inv-row { padding-inline:.65rem; gap:.3rem; }.inv-item-open { gap:.55rem; }.inv-item-icon { width:32px; height:38px; }.inv-item-title strong { font-size:.85rem; }.inv-use { padding-inline:.55rem; font-size:.72rem !important; }.inv-filterrow { gap:.5rem; }
}