.cch-v4-app{margin:0;min-height:100vh;background:var(--cch-v4-bg-primary);color:var(--cch-v4-text-primary)}
.app-header{height:64px;padding:0 clamp(16px,3vw,42px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--cch-v4-border);background:#081522;position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand img{width:38px;height:42px}.brand span{display:grid}.brand strong{font-size:1.08rem}.brand small{margin-top:2px;color:var(--cch-v4-text-secondary);font-size:.72rem}.header-actions{display:flex;align-items:center;gap:10px}.user-chip{padding:8px 12px;border:1px solid var(--cch-v4-border);border-radius:var(--cch-v4-radius-control);color:var(--cch-v4-text-secondary);font-size:.82rem}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--cch-v4-border);border-radius:var(--cch-v4-radius-control);color:var(--cch-v4-text-primary);text-decoration:none}
.primary-nav{position:fixed;inset:64px auto 0 0;z-index:32;width:196px;padding:18px 10px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--cch-v4-border);background:#081522}.nav-btn{min-height:48px;padding:0 14px;display:flex;align-items:center;gap:12px;border:0;border-left:3px solid transparent;border-radius:0 var(--cch-v4-radius-sm) var(--cch-v4-radius-sm) 0;background:transparent;color:var(--cch-v4-text-secondary);font-size:.9rem;font-weight:650;cursor:pointer;text-align:left}.nav-btn svg{width:21px;height:21px;flex:0 0 auto}.nav-btn:hover{background:var(--cch-v4-surface);color:var(--cch-v4-text-primary)}.nav-btn.active{border-left-color:var(--cch-v4-accent-strong);background:var(--cch-v4-surface-raised);color:var(--cch-v4-text-primary)}
main{width:min(calc(100% - 244px),var(--cch-v4-content-max));min-height:calc(100vh - 64px);margin-left:max(196px,calc((100vw - var(--cch-v4-content-max) + 196px)/2));padding:34px 28px 80px}.view{display:none}.view.active{display:block;animation:v4-view-in var(--cch-v4-motion-normal) var(--cch-v4-ease)}@keyframes v4-view-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.home-view{max-width:1160px}.home-heading{margin-bottom:24px}.home-heading h1{margin:0;font-size:var(--cch-v4-font-xl);line-height:1.1}.home-heading p{margin:7px 0 0;color:var(--cch-v4-text-secondary)}.function-grid .cch-v4-tile--wide{grid-column:1/-1;min-height:172px}.function-grid .cch-v4-tile--medium{grid-column:span 2}
.view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{color:var(--cch-v4-accent-soft);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.view-heading h1,.scanner-page h1{margin:5px 0 3px;font-size:var(--cch-v4-font-xl);line-height:1.05}.view-heading p,.scanner-page>p{margin:0;color:var(--cch-v4-text-secondary)}button{min-height:44px;padding:0 15px;border:1px solid var(--cch-v4-border);border-radius:var(--cch-v4-radius-control);background:var(--cch-v4-surface-raised);color:var(--cch-v4-text-primary);font:inherit;font-weight:700;cursor:pointer}button:hover{border-color:var(--cch-v4-border-strong);background:var(--cch-v4-surface-active)}button:disabled{opacity:.48;cursor:not-allowed}.primary{border-color:var(--cch-v4-accent);background:var(--cch-v4-accent);color:#fff}.primary:hover{background:var(--cch-v4-accent-strong)}.secondary{background:var(--cch-v4-surface)}.wide{width:100%;min-height:48px}
.filterbar{display:grid;grid-template-columns:minmax(280px,1.8fr) minmax(160px,.7fr) minmax(180px,.8fr) auto;gap:10px;padding:12px;border:1px solid var(--cch-v4-border);border-radius:var(--cch-v4-radius-card);background:var(--cch-v4-bg-secondary)}.search-field{display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--cch-v4-border-strong);border-radius:var(--cch-v4-radius-control);background:var(--cch-v4-input)}.search-field input{width:100%;border:0!important;background:transparent!important;padding:0!important;outline:0}input,select{min-height:46px;padding:0 12px;border:1px solid var(--cch-v4-border);border-radius:var(--cch-v4-radius-control);background:var(--cch-v4-input);color:var(--cch-v4-text-primary);font:inherit;outline:0}input:focus,select:focus{border-color:var(--cch-v4-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--cch-v4-focus) 18%,transparent)}.active-location{margin:12px 0;padding:11px 14px;display:flex;align-items:center;gap:12px;border:1px solid #247ab0;border-radius:var(--cch-v4-radius-control);background:#0c2940}.active-location span{color:var(--cch-v4-text-secondary);font-size:.72rem;font-weight:800;text-transform:uppercase}.active-location strong{flex:1}.active-location button{min-height:34px;padding:0 10px}.status-line{padding:16px 2px 9px;color:var(--cch-v4-text-secondary);font-size:.82rem}
.article-list,.location-tree{display:grid;gap:8px}.article-row{display:grid;grid-template-columns:62px minmax(220px,1.45fr) minmax(150px,.8fr) minmax(120px,.55fr) auto;gap:16px;align-items:center;min-height:88px;padding:11px 13px;border:1px solid var(--cch-v4-border);border-radius:var(--cch-v4-radius-card);background:var(--cch-v4-surface)}.article-row:hover{border-color:var(--cch-v4-border-strong);background:var(--cch-v4-surface-raised)}.article-thumb{width:60px;height:60px;border-radius:var(--cch-v4-radius-sm);object-fit:contain;background:#f3f6f8}.article-placeholder{display:grid;place-items:center;background:var(--cch-v4-surface-raised);color:var(--cch-v4-text-secondary);font-size:1.4rem}.article-main{min-width:0}.article-main strong{display:block;overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.meta{margin-top:4px;color:var(--cch-v4-text-secondary);font-size:.77rem}.location-copy{color:#d2e2ef}.stock-value{font-size:1.45rem;font-weight:800}.stock-value small,.min-stock{color:var(--cch-v4-text-secondary);font-size:.76rem}.low .stock-value,.low .min-stock{color:var(--cch-v4-warning)}.row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.row-actions button{min-height:38px;padding:0 11px}.quick-in{border-color:#2a7c60}.quick-out{border-color:#85622e}.load-more{display:block;margin:18px auto}.empty{padding:54px 20px;border:1px dashed var(--cch-v4-border);border-radius:var(--cch-v4-radius-card);color:var(--cch-v4-text-secondary);text-align:center}
.location-toolbar{display:flex;gap:10px;margin-bottom:14px}.location-toolbar input{flex:1}.location-row{display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;align-items:center;gap:12px;margin-left:calc(var(--depth,0)*22px);padding:13px 15px;border:1px solid var(--cch-v4-border);border-radius:var(--cch-v4-radius-card);background:var(--cch-v4-surface)}.location-type{display:block;margin-bottom:2px;color:var(--cch-v4-accent-soft);font-size:.68rem;font-weight:800;text-transform:uppercase}.location-row p{margin:2px 0 0;color:var(--cch-v4-text-secondary);font-size:.76rem}.location-code{color:#b9d7ea;font-family:ui-monospace,Consolas,monospace}.location-actions{display:flex;gap:6px}
.scanner-page{max-width:760px;margin:0 auto;text-align:center}.scanner-context{margin:22px 0;text-align:left}.scanner-card{padding:32px;border:1px solid var(--cch-v4-border);border-radius:var(--cch-v4-radius-dialog);background:var(--cch-v4-surface);box-shadow:var(--cch-v4-shadow-lg)}.scanner-card h2{margin:10px 0 4px}.scanner-card p,.scanner-card small{color:var(--cch-v4-text-secondary)}.scanner-icon{color:var(--cch-v4-accent-soft);font-size:3.2rem}.manual-scan{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}.scan-result{margin-top:14px;padding:18px;border:1px solid var(--cch-v4-border);border-radius:var(--cch-v4-radius-card);background:var(--cch-v4-surface);text-align:left}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.74)}.modal[hidden]{display:none}.modal-card{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:20px;border:1px solid var(--cch-v4-border-strong);border-radius:var(--cch-v4-radius-dialog);background:var(--cch-v4-bg-secondary);box-shadow:var(--cch-v4-shadow-lg)}.modal-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--cch-v4-border)}.modal-card h2{margin:5px 0 0}.modal-card>header button{width:44px;padding:0;font-size:1.35rem}.camera-card{width:min(760px,100%)}.video-shell{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:var(--cch-v4-radius-card);background:#02070b}.video-shell video{width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;inset:28% 10%;border:2px solid var(--cch-v4-accent-strong);border-radius:var(--cch-v4-radius-control);box-shadow:0 0 0 999px rgba(0,0,0,.56)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0}.segmented button{border-radius:0}.segmented button:first-child{border-radius:var(--cch-v4-radius-control) 0 0 var(--cch-v4-radius-control)}.segmented button:last-child{border-radius:0 var(--cch-v4-radius-control) var(--cch-v4-radius-control) 0}.segmented button.active{border-color:var(--cch-v4-accent);background:var(--cch-v4-accent);color:#fff}.modal-card label{display:grid;gap:7px;margin-bottom:13px;color:var(--cch-v4-text-secondary);font-size:.82rem;font-weight:700}.selected-item{padding:12px;border-radius:var(--cch-v4-radius-control);background:var(--cch-v4-surface-raised)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.span-2{grid-column:span 2}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{min-height:auto}.label-dialog{max-width:520px}.label-card{padding:24px;border-radius:var(--cch-v4-radius-sm);background:#fff;color:#07131d;text-align:center}.label-card h3{margin:0 0 4px;font-size:1.25rem}.label-card p{margin:0 0 14px}.label-card .code128{width:100%;height:88px}.label-code{margin-top:8px;font-family:ui-monospace,Consolas,monospace;font-weight:800;letter-spacing:.12em}.toast{left:auto;opacity:0;pointer-events:none;transform:translateY(14px);transition:opacity var(--cch-v4-motion-normal),transform var(--cch-v4-motion-normal)}.toast.show{opacity:1;transform:none}.toast.error{border-color:var(--cch-v4-danger)}
.action-dialog{max-width:520px}.action-list{display:grid;gap:8px}.action-list button{width:100%;justify-content:flex-start;text-align:left}.action-list button.danger{color:var(--cch-v4-danger)}
@media(max-width:1100px){.primary-nav{width:78px}.nav-btn{justify-content:center;padding:0;border-left:0;border-bottom:3px solid transparent;border-radius:var(--cch-v4-radius-sm)}.nav-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.nav-btn.active{border-bottom-color:var(--cch-v4-accent-strong)}main{width:calc(100% - 78px);margin-left:78px}}
@media(max-width:850px){.user-chip{display:none}.filterbar{grid-template-columns:1fr 1fr}.search-field{grid-column:span 2}.article-row{grid-template-columns:52px minmax(0,1fr) auto}.article-thumb{width:52px;height:52px}.location-copy{grid-column:2/4}.stock-block{grid-column:3;grid-row:1}.row-actions{grid-column:1/4;display:grid;grid-template-columns:repeat(3,1fr)}.primary-nav{position:fixed;inset:auto 0 0;width:auto;height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;border:0;border-top:1px solid var(--cch-v4-border)}.nav-btn{flex:1;flex-direction:column;gap:3px;min-height:56px;font-size:.68rem}.nav-btn svg{width:22px;height:22px}.nav-btn span{position:static;width:auto;height:auto;overflow:visible;clip:auto}.nav-btn.active{border-bottom-color:var(--cch-v4-accent-strong)}main{width:100%;margin-left:0;padding-bottom:100px}.location-row{grid-template-columns:auto 1fr auto;margin-left:calc(var(--depth,0)*10px)}.location-code{grid-column:2}.location-actions{grid-column:1/4;display:grid;grid-template-columns:repeat(3,1fr)}.view-heading{align-items:flex-start}}
@media(max-width:640px){.app-header{height:60px;padding:0 14px}.brand img{width:32px}.brand strong{font-size:1rem}.brand small{display:none}main{padding:22px 12px 96px}.home-heading h1{font-size:1.65rem}.function-grid .cch-v4-tile--wide{min-height:132px}.function-grid .cch-v4-tile--medium{grid-column:span 1}.view-heading{display:grid;gap:14px}.filterbar{grid-template-columns:1fr}.search-field{grid-column:auto}.article-row{gap:10px;padding:10px}.article-main strong{font-size:.9rem}.stock-value{font-size:1.18rem}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.modal{align-items:end;padding:0}.modal-card{width:100%;max-height:88vh;padding:18px 16px max(18px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.scanner-card{padding:20px}.manual-scan,.location-toolbar{grid-template-columns:1fr;display:grid}.toast{right:12px;bottom:82px;max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){.view.active{animation:none}}
@media print{body>*{display:none!important}#labelModal{display:block!important;position:static;padding:0;background:#fff}#labelModal .modal-card{width:100%;max-height:none;padding:0;border:0;background:#fff;box-shadow:none}#labelModal header,#printLabelBtn{display:none}.label-card{width:90mm;margin:auto;break-inside:avoid}.modal[hidden]{display:none!important}}