/* unolit K-A — Phase 4 views */
body.p4-active .app-layout .main-content>*:not(#p4-view){display:none!important}
.p4-view{max-width:1100px;margin:0 auto;color:#1e293b}
.p4-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.p4-head h2{margin:0;font-size:1.35rem;color:#1a237e}
.p4-head-act{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.p4-head-act .btn,.p4-card-act .btn{padding:7px 12px;font-size:.85rem}
.p4-card{background:#fff;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:14px 16px;margin-bottom:14px}
.p4-card-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.p4-card-h h3{margin:0;font-size:1.05rem;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.p4-card-act{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.p4-card-act a.btn{text-decoration:none}
.p4-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px}
.p4-tile{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 1px 3px rgba(0,0,0,.08);border-top:4px solid #3949ab}
.p4-paycard .p4-tile{box-shadow:none;background:#f8fafc;border:1px solid #e2e8f0;border-top-width:4px}
.p4-tile.ok{border-top-color:#16a34a}.p4-tile.warn{border-top-color:#f59e0b}.p4-tile.bad{border-top-color:#dc2626}
.p4-tile[data-go]{cursor:pointer}
.p4-tile-l{font-size:.8rem;color:#64748b}
.p4-tile-v{font-size:1.15rem;font-weight:800;margin-top:4px;word-break:break-word}
.p4-tile-s{font-size:.78rem;color:#64748b;margin-top:2px}
.p4-cur{font-size:.72rem;font-weight:500;color:#64748b}
.p4-bar{height:8px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin:-4px 0 10px}
.p4-bar span{display:block;height:100%;background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:6px}
.p4-list{list-style:none;margin:0;padding:0}
.p4-list>li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #f1f5f9}
.p4-list>li:last-child{border-bottom:0}
.p4-list>li[data-go]{cursor:pointer}.p4-list>li[data-go]:hover{background:#f8fafc}
.p4-list a{color:#1a73e8;text-decoration:none;font-weight:600}
.p4-sub{font-size:.8rem;color:#64748b;margin-top:2px}
.p4-amt{font-weight:800;white-space:nowrap;text-align:left}
.p4-amt small{display:block;font-size:.7rem;font-weight:500;color:#64748b}
.ok{color:#15803d}.bad{color:#b91c1c}.warn{color:#b45309}
.p4-chip{display:inline-block;font-size:.72rem;padding:2px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;margin-top:4px;white-space:nowrap}
.p4-chip.ok{background:#dcfce7;color:#166534}.p4-chip.warn{background:#fef3c7;color:#92400e}.p4-chip.bad{background:#fee2e2;color:#991b1b}
.p4-empty{color:#64748b;text-align:center;padding:14px 4px;margin:0}
.p4-note,.p4-alert,.p4-warnline{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:10px;padding:10px 12px;font-size:.85rem;margin:0 0 14px}
.p4-alert{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.p4-warnline{background:#fffbeb;border-color:#fde68a;color:#92400e;margin:0 0 10px}
.p4-error{background:#fef2f2;color:#991b1b;border-radius:10px;padding:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.p4-pays{list-style:none;margin:0;padding:0}
.p4-pays li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #f1f5f9}
.p4-pay-sub{font-size:.8rem;color:#64748b;margin-top:2px}
.p4-pay-act,.p4-row-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.p4-row-act .btn,.p4-pay-act .btn{padding:5px 10px;font-size:.8rem}
.p4-danger{color:#b91c1c!important}
.p4-overdue{background:#fff7f7}
.p4-done{opacity:.72}
.p4-day{background:#f1f5f9;font-weight:700;font-size:.82rem;padding:6px 10px!important;border-radius:8px;color:#334155}
.p4-tbl-wrap{overflow-x:auto}
.p4-tbl{width:100%;border-collapse:collapse;font-size:.88rem}
.p4-tbl th,.p4-tbl td{padding:8px 6px;border-bottom:1px solid #f1f5f9;text-align:right;white-space:nowrap}
.p4-tbl th{background:#f8fafc;color:#475569;font-weight:600}
.p4-tbl a{color:#1a73e8;text-decoration:none;font-weight:600}
.p4-muted{opacity:.55}
.p4-search{padding:8px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;min-width:200px}
.p4-sort,.p4-head-act select,.p4-inline select{padding:7px 8px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;background:#fff}
.p4-date{width:118px;padding:7px 8px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;text-align:center}
.p4-seg{display:inline-flex;border:1px solid #cbd5e1;border-radius:10px;overflow:hidden}
.p4-seg button{border:0;background:#fff;padding:7px 12px;font:inherit;cursor:pointer;color:#475569}
.p4-seg button.on{background:#1a237e;color:#fff}
.p4-inline{font-size:.85rem;color:#475569;display:flex;gap:6px;align-items:center}
.p4-assign select{padding:6px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;max-width:150px;background:#fff}
.p4-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.p4-range{margin:-6px 0 12px}
.p4-cust-info{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:10px;font-size:.9rem}
.p4-tel{color:#1a73e8;font-weight:700;text-decoration:none}
.p4-stock{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.p4-linkbtn{border:0;background:none;color:#1a73e8;cursor:pointer;font:inherit;font-size:.8rem;padding:0}
.p4-toggle{display:flex;gap:8px;align-items:center;color:#475569;font-size:.88rem}
.p4-linkbox{width:100%;box-sizing:border-box;direction:ltr;padding:8px;border:1px solid #cbd5e1;border-radius:8px;font-size:.78rem;margin:8px 0}
.p4-dlg{max-width:460px;width:100%;max-height:88vh;overflow-y:auto}
.p4-form .form-group{margin-bottom:10px}
.p4-form label{display:block;font-size:.85rem;margin-bottom:4px;color:#334155}
.p4-form input,.p4-form select,.p4-form textarea{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;background:#fff}
.p4-req{color:#dc2626}.p4-hint{color:#64748b;font-size:.75rem}
.p4-err{color:#b91c1c;font-size:.85rem;min-height:1em}
.p4-info{max-height:60vh;overflow-y:auto}
.p4-ac-wrap{position:relative}
.p4-ac{position:absolute;top:100%;right:0;left:0;z-index:1200;background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 10px 26px rgba(15,23,42,.16);max-height:260px;overflow-y:auto;margin-top:2px}
.p4-ac button{display:block;width:100%;text-align:right;border:0;border-bottom:1px solid #f1f5f9;background:#fff;padding:8px 10px;font:inherit;cursor:pointer}
.p4-ac button:hover,.p4-ac button:focus{background:#eef2ff}
.p4-ac small{display:block;color:#64748b;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p4-ac span{color:#475569;font-size:.85rem}
.stat-card.p4-recv{cursor:pointer;border-top-color:#dc2626}
.stat-card.p4-recv .stat-value small{font-size:.65em}
.p4-recv-s{font-size:.75rem;color:#64748b;margin-top:4px}
.stat-card.p4-recv.p4-recv-alert .p4-recv-s{color:#b45309;font-weight:700}
.p4-paycard{margin:12px 0}
.p4-inv .ux-menu{right:auto;left:0}
@media (max-width:899.98px){.ux-nav-item.p4-nav{display:none}}
@media (max-width:767.98px){
  .p4-head h2{font-size:1.15rem}
  .p4-tiles{grid-template-columns:1fr 1fr;gap:8px}
  .p4-tile{padding:10px}.p4-tile-v{font-size:1rem}
  .p4-card{padding:12px}
  .p4-search{min-width:0;flex:1}
  .p4-head-act{width:100%}
  .p4-list>li{flex-wrap:wrap}
  .p4-lots>li{flex-direction:column;align-items:stretch}
  .p4-assign select{max-width:none;width:100%}
  .p4-tbl thead{display:none}
  .p4-tbl,.p4-tbl tbody,.p4-tbl tr,.p4-tbl td{display:block;width:100%;box-sizing:border-box}
  .p4-tbl tr{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:8px;padding:6px 8px}
  .p4-tbl td{display:flex;justify-content:space-between;gap:10px;border:0;padding:4px 2px;white-space:normal}
  .p4-tbl td::before{content:attr(data-l);color:#64748b;font-size:.78rem}
  .p4-pays li{flex-wrap:wrap}
}
/* driver page */
html.p4-driver #root,html.p4-driver #ka-ai-fab,html.p4-driver #ka-ai-panel{display:none!important}
.p4-drvpage{max-width:560px;margin:0 auto;padding:0 12px calc(24px + env(safe-area-inset-bottom));color:#1e293b}
.p4-drv-h{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1a237e,#283593);color:#fff;margin:0 -12px 12px;padding:16px 16px 14px}
.p4-drv-h h1{margin:0;font-size:1.25rem}.p4-drv-h p{margin:4px 0 0;opacity:.9;font-size:.9rem}
.p4-drv-refresh{background:rgba(255,255,255,.15);border:0;color:#fff;font-size:1.3rem;border-radius:12px;width:48px;height:48px;cursor:pointer}
.p4-drv-sum{font-weight:700;color:#334155;margin:0 0 10px}
.p4-drv-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(15,23,42,.08);padding:14px;margin-bottom:12px;border-right:5px solid #3949ab}
.p4-drv-card.late{border-right-color:#dc2626}.p4-drv-card.done{border-right-color:#16a34a;opacity:.8}
.p4-drv-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.p4-drv-qty{font-size:1.5rem;font-weight:800;margin:8px 0 4px}.p4-drv-qty small{font-size:.8rem;font-weight:500;color:#64748b}
.p4-drv-who,.p4-drv-addr,.p4-drv-note{margin-top:6px;font-size:.95rem;line-height:1.6}
.p4-drv-who a,.p4-drv-addr a{color:#1a73e8;font-weight:700;text-decoration:none;margin-right:6px}
.p4-drv-act{display:flex;gap:8px;margin-top:12px}
.p4-drv-act .btn{flex:1;justify-content:center;padding:14px 10px;font-size:1rem;font-weight:700;border-radius:12px}
.p4-drv-done summary{cursor:pointer;font-weight:700;padding:10px 0;color:#166534}
.p4-drv-foot{color:#64748b;font-size:.8rem;text-align:center;margin-top:18px}
.p4-drv-err{text-align:center;padding:60px 20px}.p4-drv-err h1{font-size:3rem;margin:0}
@media print{body.p4-active .ux-nav,body.p4-active .header,.p4-head-act,.p4-row-act,.p4-card-act{display:none!important}.p4-card,.p4-tile{box-shadow:none;border:1px solid #ddd}}

/* k-a build p4.1 */