/* PDA rework: big text / tap targets, single-purpose views. */
.pda-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:4px 0 10px}
.pda-bar h1{margin:0}.pda-title{font-size:22px}
#clear-all{min-height:52px;padding:0 18px;background:#fff0ec;border:2px solid var(--danger,#b42318);color:var(--danger,#b42318);font-weight:800}
.pda-only-sku{display:none}.pda-view-sku .pda-only-sku{display:inline}.pda-view-sku .pda-only-box{display:none}
body[class*=pda-view] .heading,body[class*=pda-view] .steps,body[class*=pda-view] .pda-scan-mode,body[class*=pda-view] .quick-modes{display:none}
.pda-view-box #selection-panel,.pda-view-box #sku-heads,.pda-view-sku .photo-collapse,.pda-view-sku #order-summary{display:none!important}
.pda-collapse{margin:8px 0}.pda-collapse>summary{min-height:48px;padding:10px 12px;font-weight:700;cursor:pointer;border:1px dashed var(--line,#ccc);border-radius:8px;list-style-position:inside}
.pda-progress{font-size:21px;font-weight:800;padding:10px 12px;border:2px solid #1d4ed8;border-radius:10px;background:#eff6ff;color:#1e3a8a;margin:6px 0 10px;line-height:1.45}
.pda-progress .miss{color:#b42318}.pda-progress .ok{color:#17634e}
.sku-heads-title{font-weight:800;font-size:19px;margin:4px 0 6px}
.sku-head{display:flex;gap:14px;align-items:center;padding:14px;margin:8px 0;border:3px solid #f59e0b;border-radius:12px;background:#fffbeb;font-size:20px;cursor:pointer}
.sku-head input{width:34px;height:34px;flex:none}.sku-head span{display:flex;flex-direction:column}.sku-head small{font-size:17px}
.sku-head.blink{animation:pdaBlink .7s ease-in-out 8 alternate}.sku-head.on{border-color:#17634e;background:#eaf6ed}.sku-head.done{opacity:.55;border-color:#ccc;background:#f6f6f6}
@keyframes pdaBlink{to{background:#fcd34d;border-color:#d97706}}
.big-confirm #warning-title{font-size:24px}.big-confirm #warning-message{font-size:30px;font-weight:800;line-height:1.3}.big-confirm #warning-details{font-size:19px;color:#b42318;font-weight:700}
.big-confirm .dialog-actions{display:flex;gap:12px}.big-confirm .dialog-actions button{flex:1;min-height:84px;font-size:28px;font-weight:800}
.pda-group{margin:16px 0 8px}
.pda-menu{display:grid;gap:12px}.pda-menu a{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:86px;padding:10px;font-size:26px;font-weight:800;border-radius:14px;background:var(--accent,#17634e);color:#fff;text-decoration:none;text-align:center}
.pda-menu a small{font-size:16px;font-weight:500;opacity:.9}.pda-menu a.secondary{background:#fff;color:var(--ink,#222);border:2px solid var(--line,#ccc);font-size:21px;min-height:62px}
.pda-count{margin:12px 0}.pda-count-big{font-size:30px;font-weight:900;color:#1e3a8a;background:#eff6ff;border:3px solid #1d4ed8;border-radius:12px;padding:14px;margin-bottom:10px;line-height:1.3}
.pda-count-row{display:flex;justify-content:space-between;padding:8px 4px;border-bottom:1px solid var(--line,#ddd);font-size:20px}.pda-count-row strong{font-size:26px}.pda-count-row.miss strong{color:#b42318}.pda-count-row.ok strong{color:#17634e}
@media (max-width:900px){
 body{font-size:19px;line-height:1.5}
 button,.button{min-height:52px;font-size:19px}
 input,select{font-size:20px;min-height:50px}
 .barcode,#count-code{font-size:26px!important;min-height:64px}
 h1{font-size:24px}h2{font-size:21px}
 .notice{font-size:19px;padding:10px 12px}
 .metrics strong{font-size:34px}
 #scan-status,#scan-cue{font-size:20px;font-weight:700}
 footer{display:none}
}

.sku-cand{display:block;width:100%;min-height:60px;margin:6px 0;font-size:24px;font-weight:800;letter-spacing:1px}
button.pda-only-sku{display:none}.pda-view-sku button.pda-only-sku{display:inline-block}

.sku-head-date{display:block;font-size:20px;font-weight:700;color:#1f4e8c}
.sku-head.fresh{background:#eceff3!important;border-color:#9aa3ad!important}.sku-head.fresh strong,.sku-head.fresh small{color:#6b7280}.sku-head.fresh .sku-head-date{color:#b45309}

.pda-count-big.danger{background:#fee2e2!important;border:3px solid #dc2626!important;color:#b91c1c!important;font-size:30px}
#warning-dialog.danger .confirm-card,#warning-dialog.danger>*{border:4px solid #dc2626}
#warning-dialog.danger #warning-title{color:#dc2626;font-size:32px}#warning-dialog.danger #warning-message{color:#b91c1c;font-weight:800;font-size:24px}
#warning-dialog .modal-panel{box-sizing:border-box;width:auto;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow-y:auto;overflow-wrap:anywhere;padding:18px}
#warning-dialog.danger .dialog-actions,.big-confirm .dialog-actions{flex-direction:column-reverse;flex-wrap:wrap}
#warning-dialog.danger .dialog-actions button,.big-confirm .dialog-actions button{width:100%;flex:none;white-space:normal;box-sizing:border-box}
#warning-dialog.danger>*{border:0}#warning-dialog.danger .modal-panel{border:4px solid #dc2626}
@media (max-width:480px){#warning-dialog{padding:10px}#warning-dialog.big-confirm #warning-message{font-size:24px}}

/* --- simplify v1 --- */
.pda-top a{min-height:120px;font-size:36px}.pda-top a small{font-size:18px}.pda-top a.other{background:#475569}
.pda-back{display:inline-block;font-size:22px;font-weight:800;padding:10px 4px;text-decoration:none}
body[class*=pda-view] .quick-modes,body[class*=pda-view] .records-download,body[class*=pda-view] .scanner-card>.card-title,body[class*=pda-view] .scanner-card>label[for=barcode],body[class*=pda-view] .scanner-card>.muted.small,body[class*=pda-view] #scan-cue,body[class*=pda-view] #voice-state,body[class*=pda-view] #manual-add,body[class*=pda-view] #focus-scan,body[class*=pda-view] #voice{display:none!important}
body[class*=pda-view] .scanner-card>.scan-tools:empty{display:none}
body[class*=pda-view] #scan-status{font-size:26px;font-weight:900;line-height:1.35;padding:14px;min-height:64px}
body[class*=pda-view] .commit-area small{display:none}
.pda-view-sku #head-details{display:none!important}
#batch-details>summary,#head-details>summary,.sku-fold>summary,.pda-more>summary{font-size:20px}
.sku-fold>summary{background:#f3f4f6;color:#374151}

/* 1.0.8 closing putaway summary: compact so it fits 360px without scrolling */
#warning-dialog.closing #warning-message{font-size:20px}#warning-dialog.closing #warning-details{font-size:17px;color:var(--ink)}#warning-dialog.closing #warning-details p{margin:4px 0}#warning-dialog.closing .dialog-actions button{min-height:60px;font-size:22px}
