/* ArtyStorePOS V145.2 — restore complete original navigation, persistent below header, readable dark neon contrast. */
#app.wrap{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:12px clamp(8px,2vw,22px) 28px!important}
#app>.top{order:-2!important;position:sticky!important;top:0!important;z-index:100!important;width:100%!important;margin:0 0 10px!important}
#app>#createStore,#app>#artyMultiStoreCreate{order:-1!important;width:100%!important}
#app>#tabs{order:0!important;position:sticky!important;top:var(--arty-header-height,104px)!important;z-index:95!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0 0 14px!important;padding:10px!important;border:1px solid #315276!important;border-radius:16px!important;background:rgba(5,13,27,.98)!important;box-shadow:0 10px 30px #0008,0 0 22px #31e7ff20!important;backdrop-filter:blur(18px)!important}
#tabs button,#tabs button[data-tab]{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-width:max-content!important;min-height:43px!important;padding:9px 13px!important;border:1px solid #385777!important;border-radius:11px!important;background:linear-gradient(110deg,#13243a,#191b35)!important;color:#eaf6ff!important;font-size:13px!important;font-weight:750!important;line-height:1.35!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important;text-shadow:0 1px 2px #000!important;box-shadow:0 3px 12px #0004!important}
#tabs button:hover{background:linear-gradient(110deg,#1a4057,#30214f)!important;border-color:#43dff5!important;color:#fff!important}
#tabs button.active{background:linear-gradient(110deg,#14516a,#432568)!important;border-color:#55eaff!important;color:#fff!important;box-shadow:0 0 0 1px #55eaff55,0 0 18px #31e7ff33!important}
/* Keep permission-hidden items hidden; never remove or collapse the navigation after a selection. */
#tabs button.hide,#tabs button[hidden]{display:none!important}
#app>.arty-sidebar{display:contents!important;position:static!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#app>.arty-main{order:1!important;display:contents!important;width:100%!important;min-width:0!important;padding:0!important}
#app>.arty-main>*{min-width:0!important;max-width:100%!important}
#app>.section,#app>section.section{order:1!important;width:100%!important;min-width:0!important}
#app>.panel,#app>aside,#app>section:not(.section){order:1!important;max-width:100%!important}
#app #v20SideTools{order:2!important;position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;margin:0 0 12px!important}
/* High-contrast typography: prevent inherited black text on dark panels. */
#app{color:#edf5ff!important}
#app :where(p,span,small,label,li,dt,dd,td,th,legend,summary,.hint,.sub,.foot,.empty,.muted){color:#d5e2f3}
#app :where(h1,h2,h3,h4,h5,strong,b,th){color:#f5f9ff}
#app :where(label,.field label){color:#e5efff!important}
#app :where(.hint,.sub,.foot,.muted,.empty,small){color:#aebfd5!important}
#app :where(a){color:#69e7ff!important}
#app :where(input,select,textarea){background:#091426!important;color:#f4f8ff!important;border-color:#405875!important;caret-color:#61eaff!important}
#app :where(input,select,textarea)::placeholder{color:#91a5bf!important;opacity:1!important}
#app :where(button){color:#f7fbff}
#app :where(.panel,.stat,.card,.section-card,.tablewrap){color:#edf5ff}
#app :where(.stat strong,.stat .value,.metric-value){color:#65eaff!important}
#app :where(table td){color:#e3edfa!important}
#app :where(table th){color:#bfeaff!important}
#app :where(.danger,.text-danger){color:#ff9aaa!important}
#app :where(.success,.text-success){color:#75f2bd!important}
/* Preserve the original dashboard metrics and calculations; this file only changes presentation. */
@media(max-width:900px){#app.wrap{padding:8px 12px 20px!important}#app>#tabs{top:var(--arty-header-height,112px)!important;flex-wrap:wrap!important}}
@media(max-width:600px){#app.wrap{padding:6px 8px 16px!important}#app>#tabs{position:sticky!important;top:0!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;white-space:nowrap!important;padding:8px!important;gap:6px!important}#tabs button,#tabs button[data-tab]{min-height:43px!important;padding:9px 12px!important;font-size:12px!important}#app>.top{position:relative!important;top:auto!important}}