/* Punktik 0.9.9 — stage 5 unified UI tokens, desktop shell, stock layout */
body.ux093{--p99-purple:#6934df;--p99-purple-light:#f1ecff;--p99-border:#e5dff2;--p99-ink:#242048;--p99-radius:16px;--p99-safe-bottom:env(safe-area-inset-bottom,0px);background:#f7f8fd;color:var(--p99-ink)}
body.ux093 .p99-sidebar{display:none}
body.ux093 .ux-top-inner{max-width:none}
body.ux093 main#ux-main{box-sizing:border-box;max-width:none!important;width:auto!important}
body.ux093 :is(a,button,input,select,textarea):focus-visible{outline:3px solid #9c74ee;outline-offset:3px}
body.ux093 .p99-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 17px;border-radius:12px;background:var(--p99-purple);color:white!important;border:1px solid var(--p99-purple);font-weight:750;text-decoration:none!important;cursor:pointer}
body.ux093 .p99-btn:hover{background:#5321bc}body.ux093 .p99-btn.p99-secondary{background:white;color:#5f2cbb!important;border-color:#cdbbe9}body.ux093 .p99-btn:disabled{opacity:.5;cursor:not-allowed}
body.ux093 .p99-action-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}body.ux093 .p99-action-row>*{flex:0 1 auto}
@media(min-width:1024px){
 body.ux093>.ux-top{margin-left:240px;width:calc(100% - 240px);box-sizing:border-box}
 body.ux093 .p99-sidebar{display:flex;flex-direction:column;gap:3px;position:fixed;left:0;top:0;bottom:0;width:240px;box-sizing:border-box;overflow-y:auto;padding:16px 10px 24px;background:white;border-right:1px solid var(--p99-border);z-index:1099;box-shadow:4px 0 20px #42307509}
 body.ux093 .p99-sidebar-brand{display:flex;align-items:center;gap:10px;font-size:21px!important;font-weight:850;padding:5px 12px 18px;text-decoration:none!important;color:#27145b!important}
 body.ux093 .p99-sidebar-label{padding:19px 12px 8px;color:#777391;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:850}
 body.ux093 .p99-sidebar>a:not(.p99-sidebar-brand){min-height:40px;display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:12px;font-size:13px;color:#373051!important;text-decoration:none!important;line-height:1.3}
 body.ux093 .p99-sidebar>a:not(.p99-sidebar-brand):hover,body.ux093 .p99-sidebar>a[aria-current="page"]{background:var(--p99-purple-light);color:#5724c3!important}
 body.ux093 .p99-sidebar .p94-icon{width:20px;height:20px;flex:0 0 20px}
 body.ux093 .p99-nav-image{width:23px;height:23px;object-fit:contain}
 body.ux093 main#ux-main{margin-left:240px!important;margin-right:0!important;padding:18px clamp(18px,2.2vw,40px) 60px!important;max-width:none!important}
 body.ux093 .p96-shell,body.ux093 .p99-planner{max-width:none!important}
 body.ux093 .ux-brand{display:none}
}
@media(max-width:1023px){body.ux093 .p99-sidebar{display:none}body.ux093 main#ux-main{max-width:100%!important}body.ux093 .p99-action-row>.p99-btn{flex:1 1 145px}}
/* Stock: carefully scoped so legacy pages keep working. */
body.ux093 .stock-page{max-width:1320px;margin:0 auto}
body.ux093 .stock-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(118deg,#f6f1ff,#fff);border:1px solid var(--p99-border);border-radius:20px;padding:15px 22px;margin:0 0 14px}
body.ux093 .stock-hero-copy{flex:1;min-width:0}body.ux093 .stock-hero-copy h1{font-size:clamp(22px,2.2vw,33px);margin:0 0 8px}body.ux093 .stock-hero-copy p{margin:0;font-size:14px;color:#6c6684}
body.ux093 .stock-hero .stock-hamster{flex:none;width:clamp(180px,23vw,310px)!important;max-width:310px!important;max-height:240px;object-fit:contain;margin:0}
body.ux093 .stock-hero .stock-hamster[style*="display:none"]{display:none!important}
body.ux093 .stock-tabs{display:flex;gap:7px;overflow-x:auto;flex-wrap:nowrap;padding:7px 2px 13px;margin:8px 0;scrollbar-width:thin}
body.ux093 .stock-tabs :is(a,button){flex:0 0 auto;min-height:42px;padding:8px 16px!important;border:1px solid #e0d5f5!important;border-radius:12px!important;background:#f5f1fc!important;color:#514077!important;text-decoration:none!important;box-shadow:none!important;font-size:13px!important;font-weight:750!important;line-height:1.3!important;white-space:nowrap}
body.ux093 .stock-tabs :is(.current,[aria-pressed=true]){background:#7236de!important;color:white!important;border-color:#7236de!important}
body.ux093 .stock-item{box-sizing:border-box;min-height:78px;padding:9px 13px;margin:6px 0;cursor:pointer;transition:border-color .15s,background .15s}
body.ux093 .stock-item:has(input:checked){border-color:#9261df;background:#f5efff}
body.ux093 .stock-item:focus-within{outline:3px solid #ae8ae9;outline-offset:1px}
body.ux093 .stock-item img{width:65px;height:65px;object-fit:contain}body.ux093 .stock-item span{font-size:14px;font-weight:650;line-height:1.35}
body.ux093 .stock-cta{z-index:12;border:1px solid #e9dff8;display:flex;align-items:center;justify-content:space-between;gap:12px;bottom:12px;padding:12px 15px}
body.ux093 .stock-cta button{min-height:44px}
body.ux093 .stock-success{max-width:610px;margin:20px auto;text-align:center;padding:24px}
body.ux093 .stock-success .stock-hamster{width:min(100%,340px)!important;max-width:340px!important;margin:0 auto 10px}
@media(min-width:800px){body.ux093 .stock-item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}}
@media(max-width:940px){body.ux093 .stock-hero{display:flex;flex-direction:column-reverse;text-align:center;gap:5px;padding:12px 12px 18px}body.ux093 .stock-hero .stock-hamster{width:min(78vw,310px)!important;max-width:310px!important;max-height:235px}body.ux093 .stock-cta{bottom:calc(74px + var(--p99-safe-bottom))}body.ux093 .stock-page{padding-bottom:25px}}
@media(max-width:430px){body.ux093 .stock-item{min-height:77px;padding:8px}body.ux093 .stock-hero .stock-hamster{width:min(82vw,290px)!important}body.ux093 .stock-cta{flex-wrap:wrap}body.ux093 .stock-cta button{flex:1}}
/* Stage 5 completion: period metrics, common form layout and PWA touch targets */
body.ux093 .p99-kpi{max-width:none!important;width:100%;box-sizing:border-box}
body.ux093 .p99-kpi h1{font-size:clamp(23px,2.2vw,34px);margin-bottom:8px}
body.ux093 .p99-kpi h2{margin-top:24px;font-size:19px}
body.ux093 .p99-kpi p{color:#635e80;max-width:950px}
body.ux093 .p99-kpi :is(.p99-kpi-entry,.p99-kpi-filter){display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end;padding:18px;border-radius:18px;background:#fbfaff;border:1px solid var(--p99-border)}
body.ux093 .p99-kpi label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:13px}
body.ux093 .p99-kpi :is(input,select){width:100%;box-sizing:border-box;min-height:44px;border:1px solid #d5c9ed;border-radius:10px;padding:9px;background:#fff;color:#2b2549}
body.ux093 .p99-kpi-reason{grid-column:1/-1}
body.ux093 .p99-kpi-table{width:100%;overflow-x:auto;border:1px solid var(--p99-border);border-radius:14px}
body.ux093 .p99-kpi-table table{min-width:860px;width:100%;border-collapse:collapse}
body.ux093 .p99-kpi-table :is(td,th){padding:12px;border-bottom:1px solid #ece8f5;text-align:left;vertical-align:top;white-space:nowrap}
body.ux093 .p99-kpi-table th{background:#f2edfc;color:#514075;font-size:12px}
body.ux093 .p99-kpi-table td strong{display:block;color:#5e25bd;font-size:13px}
body.ux093 .p99-kpi-table td small{display:block;color:#79718d;margin-top:4px}
@media(max-width:600px){body.ux093 .p99-kpi :is(.p99-kpi-entry,.p99-kpi-filter){grid-template-columns:1fr 1fr;padding:12px;gap:10px}body.ux093 .p99-kpi-reason{grid-column:1/-1}body.ux093 .p99-kpi-entry button{grid-column:1/-1}}

/* UI hotfix: one desktop navigation, breadcrumb header, ergonomic buttons. */
@media(min-width:1024px){
 body.ux093 .ux-top .ux-nav,body.ux093 .ux-top .ux-brand,body.ux093 .ux-top .ux-section{display:none!important}
 body.ux093 .ux-top{height:62px;min-height:62px}
 body.ux093 .ux-top-inner{justify-content:flex-end!important}
 body.ux093 main#ux-main .ux-breadcrumb{font-size:14px;margin-bottom:20px;padding:4px 0}
 body.ux093 main#ux-main :is(.card,.ux-card,form):not(.p96-filter):not(.p99-bulk):not(.stock-form){max-width:min(100%,1080px)}
 body.ux093 main#ux-main :is(button,.btn,.button,.p96-primary,.p96-secondary){width:auto!important;max-width:360px;flex-grow:0;align-self:flex-start}
 body.ux093 main#ux-main .p99-action-row :is(a,button){flex:0 0 auto!important}
}
body.ux093 .stock-hero{display:block!important;padding:14px 18px!important}
body.ux093 .stock-hero .stock-hamster,body.ux093 .stock-success .stock-hamster{display:none!important}
body.ux093 .stock-hero-copy h1{font-size:24px!important}
body.ux093 .p99-availability .p99-day span{transition:background .15s,outline .15s}
body.ux093 .p99-availability .p99-form{border:1px solid #d9cbee}
body.ux093 .p99-planner .p99-cell-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
body.ux093 .p99-planner .p99-cell-actions a{display:inline-flex!important;align-items:center;justify-content:center;font-size:11px!important;min-height:31px!important;padding:4px 7px!important;border-radius:8px!important;background:#f0e8ff;color:#5728af!important;text-decoration:none!important;white-space:normal!important}
body.ux093 .p99-planner .p99-cell-actions a:first-child{background:#6c38ca!important;color:white!important;font-weight:800}
body.ux093 .p99-reset-list{max-width:950px;margin:10px auto}
body.ux093 .p99-reset-list .p99-reset-staff{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #eee7f7}
body.ux093 .p99-reset-list .p99-reset-staff button{min-height:42px;max-width:210px;width:auto!important;background:#6840bf;color:white;border:0;border-radius:11px;padding:9px 16px;cursor:pointer}
body.ux093 .p99-reset-list .p99-reset-staff strong{min-width:0;overflow-wrap:anywhere}
@media(max-width:540px){body.ux093 .p99-reset-list .p99-reset-staff{align-items:flex-start;flex-direction:column}body.ux093 .p99-reset-list .p99-reset-staff button{width:100%!important;max-width:100%}}