/* Shared SmartTech layout system: visual only, no workflow changes */
:root{color-scheme:dark;--st-bg:#0b1018;--st-surface:#172435;--st-surface2:#1c2c40;--st-border:#344b63;--st-text:#eef4fb;--st-muted:#b7c9dc;--st-blue:#1679bd;--st-blue-hover:#238bd2}
html{background:var(--st-bg)}body{margin:0!important;background:var(--st-bg)!important;color:var(--st-text)!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;font-size:15px!important;line-height:1.5!important;min-height:100vh;overflow-x:hidden}
body>header{box-sizing:border-box;background:#132236!important;border-bottom:1px solid var(--st-border)!important;padding:18px max(16px,calc((100vw - 1180px)/2))!important;color:var(--st-text)!important}
body>header .inner{max-width:1180px;margin:auto!important;padding:0!important;width:100%}
body>header h1,body>header h2,body>header strong{color:#f6faff!important;letter-spacing:-.02em;line-height:1.2}
body>header h1,body>header h2{font-size:clamp(21px,3vw,27px)!important;margin:0 0 5px!important}
body>header p,body>header small,body>header .sub{color:var(--st-muted)!important;margin:3px 0 10px!important}
.st-nav{display:flex!important;align-items:center!important;gap:7px!important;overflow-x:auto!important;flex-wrap:nowrap!important;max-width:100%!important;box-sizing:border-box!important;margin:13px 0 0!important;padding:8px!important;background:#0d1929!important;border:1px solid #314b65!important;border-radius:12px!important;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.st-nav a{display:inline-flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;white-space:nowrap!important;padding:10px 13px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#dce9f8!important;text-decoration:none!important;font:600 13px system-ui,sans-serif!important;min-height:42px!important;box-sizing:border-box!important}
.st-nav a:hover,.st-nav a:focus-visible{background:#253e58!important;border-color:#45668a!important}.st-nav a.active,.st-nav a[aria-current=page]{background:var(--st-blue)!important;border-color:#4899d4!important;color:#fff!important}.st-nav .st-icon{font-size:17px!important}
body>main{box-sizing:border-box;width:min(100%,1180px)!important;max-width:1180px!important;margin:0 auto!important;padding:18px 16px 44px!important;color:var(--st-text)!important}
body>main section,body>main .card{background:var(--st-surface)!important;border:1px solid var(--st-border)!important;border-radius:13px!important;box-sizing:border-box}
body>main section{padding:clamp(14px,2.5vw,20px)!important;margin:16px 0!important}
body>main h2,body>main h3,body>main h4{color:#f4f9ff!important;line-height:1.3}
body>main p,body>main small,body>main label{line-height:1.5}
body>main input:not([type=checkbox]):not([type=radio]):not([type=file]),body>main select,body>main textarea{background:#0e1a29!important;color:#f1f7ff!important;border:1px solid #526d87!important;border-radius:9px!important;min-height:43px;max-width:100%;box-sizing:border-box}
body>main button,body>main .action{border-radius:9px!important;min-height:42px;font-family:inherit!important;cursor:pointer}
body>main button:disabled{opacity:.5;cursor:not-allowed}body>main a{color:#8dccff}body>main a:hover{color:#c0e4ff}
body>main .card{padding:15px!important}body>main img{max-width:100%}body>main table{max-width:100%}
@media(max-width:640px){body>header{padding:14px 12px!important}body>main{padding:12px 12px 32px!important}.st-nav{padding:5px!important;gap:4px!important}.st-nav a{font-size:12px!important;padding:9px 10px!important}.st-nav .st-icon{font-size:16px!important}body>main section{margin:12px 0!important}body>main form{max-width:100%}}

/* Neutral paper-inspired visual system: consistent across all modules. */
:root{color-scheme:light;--st-bg:#f5f6f7;--st-surface:#ffffff;--st-surface2:#f9fafb;--st-border:#d9dee4;--st-text:#202830;--st-muted:#586574;--st-blue:#344a5e;--st-blue-hover:#253b4e}
html,body{background:#f5f6f7!important;color:#202830!important}
body>header{background:#fff!important;border-bottom:1px solid #d9dee4!important;box-shadow:0 1px 3px #00000008!important}
body>header h1,body>header h2,body>header strong{color:#202830!important}
body>header p,body>header small,body>header .sub{color:#586574!important}
.st-nav{background:#f5f6f7!important;border-color:#e1e5e9!important}
.st-nav a{color:#384858!important}
.st-nav a:hover,.st-nav a:focus-visible{background:#e8edf1!important;border-color:#c8d1d9!important;color:#1d2c39!important}
.st-nav a.active,.st-nav a[aria-current=page]{background:#344a5e!important;border-color:#344a5e!important;color:#fff!important}
body>main,body>main h1,body>main h2,body>main h3,body>main h4,body>main strong{color:#202830!important}
body>main section,body>main .card{background:#fff!important;border-color:#d9dee4!important;box-shadow:0 1px 2px #00000008!important}
body>main p,body>main label,body>main small,body>main li,body>main span{color:inherit}
body>main small,body>main .hint{color:#586574!important}
body>main input:not([type=checkbox]):not([type=radio]):not([type=file]),body>main select,body>main textarea{background:#fff!important;color:#202830!important;border:1px solid #b8c2cc!important}
body>main input[readonly]{background:#edf0f3!important;color:#4a5663!important}
body>main input::placeholder,body>main textarea::placeholder{color:#697785!important}
body>main button,body>main button.action,body>main .action{background:#344a5e!important;color:#fff!important;border:1px solid #344a5e!important}
body>main button:hover:not(:disabled){background:#253b4e!important}
body>main button.active{background:#253b4e!important}
body>main a{color:#315e7c!important}
body>main a:hover{color:#193e57!important}
body>main table{border-color:#d9dee4!important;color:#202830!important}
body>main th{background:#edf0f3!important;color:#202830!important}
body>main td{background:#fff!important;color:#202830!important}
body>main .tabs button{background:#e8edf1!important;color:#253849!important;border-color:#ccd5de!important}
body>main .tabs button.active{background:#344a5e!important;color:#fff!important}
/* Existing scanner components use their own dark backgrounds; normalize their work surfaces. */
body>main .panel,body>main .box,body>main .tile,body>main .result,body>main .preview,body>main .workspace{background:#fff!important;color:#202830!important;border-color:#d9dee4!important}
body>main #message,body>main #selectedPath{color:#344a5e!important}
body>main .card img,body>main #preview,body>main canvas{background:#f3f4f6!important}
body>main input[type=file]{color:#344a5e!important}
body>main input[type=file]::file-selector-button{background:#e8edf1;color:#243746;border:1px solid #cbd4dc;border-radius:8px;padding:9px 12px;margin-right:12px}

/* PD brand header and SmartTech attribution */
body>header .pd-brand{display:inline-flex!important;align-items:center!important;gap:11px!important;text-decoration:none!important;color:#202830!important;margin:0 0 14px!important}
.pd-brand-mark{width:54px;height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:center;background:#202830;color:#fff!important;border-radius:9px;font:900 24px/1 system-ui,sans-serif;letter-spacing:-.09em;padding-right:3px;box-sizing:border-box}
.pd-brand-name{display:flex;flex-direction:column;gap:1px;line-height:1.2;color:#202830!important}
.pd-brand-name b{font-size:18px;letter-spacing:-.035em}
.pd-brand-name small{font-size:11px!important;color:#667380!important;letter-spacing:.025em}
.pd-site-footer{box-sizing:border-box;max-width:1180px;margin:35px auto 0;padding:20px 16px 26px;border-top:1px solid #d9dee4;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;color:#667380;font:12px/1.5 system-ui,sans-serif}
.pd-site-footer strong{color:#344a5e;font-weight:700}
@media(max-width:640px){.pd-brand-mark{width:44px;height:44px;flex-basis:44px;font-size:20px}.pd-brand-name b{font-size:16px}.pd-site-footer{margin-top:18px;padding:16px 12px 25px;flex-direction:column;gap:4px}}

/* Inventory cards: explicit contrast and paper-light surfaces */
body>main .note{background:#edf1f4!important;border:1px solid #d4dce3!important;color:#344251!important}
body>main .note strong{color:#243746!important}
body>main .items .item{background:#fff!important;border:1px solid #d8dee4!important;color:#202830!important;box-shadow:0 1px 2px #0000000a!important}
body>main .items .item.review{border-color:#aebbc7!important}
body>main .items .item h3{color:#202830!important}
body>main .items .category{color:#506477!important}
body>main .items .pn{color:#4d5b69!important}
body>main .items .fields label{color:#3f4f5d!important}
body>main .items .fields input,body>main .items .fields textarea{background:#fff!important;color:#202830!important;border:1px solid #b8c2cc!important}
body>main .items .qtybubble{background:#edf1f4!important;border:2px solid #a6b6c5!important;color:#202830!important}
body>main .items .qtybubble small{color:#516172!important}
body>main .items .qtybubble input{background:transparent!important;color:#202830!important;border:0!important}
body>main #status{color:#536474!important}
body>main .save-msg{color:#355e48!important}