/* Anastasia Owner Review v2 — mobile-first interaction layer */
:root{--brand-primary:#8b5e83;--brand-deep:#3c293d;--brand-soft:#f2eaf1;--brand-accent:#c5a36b}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
button,.card,.nav button{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease}
.nav button{position:relative;overflow:hidden}
.nav button.active:after{content:"";position:absolute;inset-inline-start:8px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--brand-accent);transform:translateY(-50%)}
.page.active{animation:pageIn .32s cubic-bezier(.2,.75,.25,1)}
@keyframes pageIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.card:hover{box-shadow:0 16px 36px #342a2412}
.btn:active,.nav button:active{transform:scale(.98)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary) 55%,white);outline-offset:2px}
.inventory-tools{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;margin-bottom:16px}
.barcode-panel{background:linear-gradient(145deg,var(--brand-deep),var(--brand-primary));color:#fff;border:0}
.barcode-panel h3{margin:0 0 6px}
.barcode-panel p{color:#f1e7ef;font-size:12px}
.barcode-panel input,.barcode-panel select{background:#fff;color:#342a24}
.barcode-panel .btn{background:var(--brand-accent);color:#342a24}
.barcode-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.barcode-form .wide{grid-column:1/-1}
.scan-video{width:100%;max-height:230px;object-fit:cover;border-radius:12px;background:#1e1720;display:none;margin-top:10px}
.scan-status{font-size:12px;color:#f7e7c6;min-height:20px;margin-top:8px}
.inventory-tools .card{min-width:0}
@media(max-width:900px){
 .shell{display:block}
 .side{position:sticky;top:0;z-index:20;height:auto;padding:10px 12px;backdrop-filter:blur(14px);background:#30251fee}
 .brand{padding:0 4px 8px}
 .brand .seal{width:36px;height:36px}
 .nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:8px 0 0;padding:0 0 3px}
 .nav::-webkit-scrollbar{display:none}
 .nav button{flex:0 0 auto;white-space:nowrap;font-size:12px;padding:9px 12px}
 .sidefoot{display:none}
 main{padding:16px 14px 34px}
 .top{margin-bottom:18px}
}
@media(max-width:600px){
 .inventory-tools{grid-template-columns:1fr}
 .barcode-form{grid-template-columns:1fr}
 .barcode-form .wide{grid-column:auto}
 .stats{gap:9px}
 .card{border-radius:14px}
 .sectionhead{align-items:flex-start}
 .sectionhead .btn{white-space:nowrap}
 table{min-width:560px}
 .card:has(table){overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Provisional Anastasia palette direction based on prior design discussion.
   Exact color sampling from the original logo remains pending until the image asset is accessible. */
:root{
 --bg:#f5f1eb;--paper:#fffdf9;--ink:#514238;--muted:#8a796b;--line:#e8ddd1;
 --rose:#b78370;--rose2:#f3e6df;--gold:#c8a76d;--olive:#a99a76;--green:#597a68;
 --dark:#59473b;--brand-primary:#b78370;--brand-deep:#59473b;--brand-soft:#f3e6df;--brand-accent:#c8a76d;
 --shadow:0 12px 34px #59473b0d;
}
body{background:var(--bg);color:var(--ink)}
.side{background:var(--dark)}
.seal{border-color:var(--gold);color:#e6d3b3}
.brand small{color:#e0c7a8}
.nav button.active,.nav button:hover{color:#f1d8b4}
.btn{background:var(--rose)}
.btn.light{background:var(--rose2);color:#8f5f50}
.barcode-panel{background:linear-gradient(145deg,#59473b,#9d7463)}
.barcode-panel .btn{background:#d7bd91;color:#514238}
.preview .visual{background:linear-gradient(135deg,#59473b,#b78370);color:#f7ecdc}
.eyebrow{color:#9d6f5c}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Owner Experience v2 — visible inventory intelligence and mobile polish */
.inventory-toolbar{margin:0 0 14px;box-shadow:none}
.inventory-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.inventory-summary>div{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#fffdf9,#f8f1e9)}
.inventory-summary small{display:block;color:var(--muted);font-size:11px}
.inventory-summary strong{display:block;margin-top:5px;font-size:20px;color:var(--dark);font-variant-numeric:tabular-nums}
.inventory-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.5fr) auto;gap:10px;align-items:end;margin-top:14px}
.inventory-filters .btn{height:42px;white-space:nowrap}
.inventory-note{font-size:11px;color:var(--muted);margin:10px 0 0}
.inventory-history{margin-top:14px;box-shadow:none}
.inventory-history h3{font-size:15px;margin:0}
.inventory-history ol{margin:10px 0 0;padding-inline-start:22px;color:var(--ink);font-size:12px}
.inventory-history li{padding:6px 0;border-bottom:1px solid var(--line)}
.inventory-history li:last-child{border:0}
#stockRows tr[hidden]{display:none}
#invEmpty{padding:12px;text-align:center}
.nav button{scroll-margin-top:80px}
.nav button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c8a76d;outline-offset:2px}
@media(max-width:600px){
 .inventory-summary{gap:7px}
 .inventory-summary>div{padding:10px 8px}
 .inventory-summary strong{font-size:16px}
 .inventory-filters{grid-template-columns:1fr 1fr}
 .inventory-search{grid-column:1/-1}
 .inventory-filters .btn{grid-column:1/-1;width:100%}
}

/* V3 brand-led mobile image and data layout */
:root{--bg:#f5f2eb;--paper:#fffdf9;--ink:#514238;--muted:#89796c;--line:#e4d5c8;--rose:#b59177;--rose2:#efe3d9;--gold:#ceBBA6;--olive:#a99a76;--dark:#59473b;--brand-primary:#b59177;--brand-deep:#59473b;--brand-soft:#f1e8df;--brand-accent:#c8a76d}
img,picture,video,canvas,svg{max-width:100%;height:auto}
.card img,.preview img{display:block;width:100%;object-fit:contain;object-position:center;border-radius:12px}
.brand-logo{display:block;width:100%;max-width:170px;max-height:120px;object-fit:contain;object-position:center;margin-inline:auto}
.service-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.service-choice span{min-width:0;overflow-wrap:anywhere}.service-choice b{white-space:nowrap}
#serviceCatalog{min-height:46px}
@media(max-width:600px){.brand-logo{max-width:128px;max-height:88px}.preview{max-width:100%;padding:12px}.service-choice{align-items:flex-start}.service-choice b{font-size:12px}.formgrid{grid-template-columns:minmax(0,1fr)}.formgrid label{min-width:0}input,select,textarea{max-width:100%;font-size:16px}}