@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{font-family:"DM Sans",system-ui,sans-serif;color:#163452;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}h1,h2,h3{font-family:Manrope,system-ui;letter-spacing:-.035em}button,input,textarea,select{font:inherit}button{cursor:pointer;background:#0e5f9a;color:white;border:0;border-radius:8px;font-weight:700;padding:11px 15px}button:disabled{opacity:.5;cursor:not-allowed}button.alt{background:#eaf1f7;color:#10436e}a{color:inherit;text-decoration:none}.header{background:#092f56;color:white;padding:18px 25px;display:flex;justify-content:space-between;align-items:center;gap:16px}.header strong{font-family:Manrope;font-size:20px}.header small{display:block;font-size:11px;color:#b8d4ea}.header img{background:white;padding:4px;border-radius:7px;width:126px;height:57px;object-fit:contain}.links{display:flex;gap:14px;align-items:center}.links a{font-size:12px;color:#e3f1fb}.wrap{max-width:1250px;margin:30px auto;padding:0 22px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#ea6425}.lead{color:#6a7d90;margin-top:0}.panel{background:white;border:1px solid #e0e8f1;border-radius:16px;box-shadow:0 8px 27px #0e305c0c;padding:24px;margin:18px 0}.login{max-width:510px;margin:65px auto}.field{display:grid;gap:6px;margin:15px 0;font-weight:700;font-size:12px}.field input,.field textarea,.field select{padding:12px;border:1px solid #ccd8e5;border-radius:8px;outline-color:#2b81c2;width:100%}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat{background:#fff;border:1px solid #e1e8f0;border-radius:14px;padding:19px}.stat strong{display:block;font:800 27px Manrope;color:#083d76}.stat small{color:#6b7d90}.table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.table th{background:#f0f5fa;color:#586e83}.table th,.table td{border-bottom:1px solid #e5ebf2;padding:13px 12px}.scroll{overflow:auto}.tag{border-radius:15px;background:#e6f2ff;color:#0a5d9b;font-size:10px;font-weight:800;padding:5px 9px}.tag.done{background:#e7f7eb;color:#238141}.task-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.task-title h3{margin:0}.task-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.task-card p{color:#647a90;font-size:13px}.task-action{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.error{color:#a52a2a}.success{color:#137b43}.hidden{display:none!important}.empty{text-align:center;padding:48px;color:#697d90;background:white;border:1px dashed #c6d6e6;border-radius:14px}.footer{text-align:center;color:#8291a2;font-size:11px;margin:50px 0 25px}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.task-card{grid-template-columns:1fr}.header{flex-wrap:wrap}}
@media(max-width:480px){.grid{grid-template-columns:1fr}.wrap{margin-top:15px;padding:0 14px}.panel{padding:16px}}

/* Order/item detail dialogs across customer, delivery, packing and operations */
.task-detail-dialog{border:1px solid #d9e6f1;border-radius:15px;width:min(680px,calc(100vw - 28px));max-height:85vh;overflow:auto;padding:25px;background:#fff;color:#163854;box-shadow:0 26px 70px #09284935}
.task-detail-dialog::backdrop{background:rgba(9,31,57,.65);backdrop-filter:blur(2px)}
.task-detail-dialog h2{font-size:22px;margin:0;color:#103a5c}
.task-items{display:grid;gap:8px;margin:19px 0}
.task-item-row{display:flex;justify-content:space-between;gap:14px;padding:11px 14px;border-radius:8px;background:#f0f5fa;align-items:center}
.task-item-row span{white-space:nowrap;color:#56718a;font-size:12px}
.task-delivery{padding:15px;border-left:3px solid #ed7a35;border-radius:7px;background:#fff7f0;margin-top:18px}
.task-delivery p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:640px){.task-detail-dialog{padding:16px}.task-item-row{align-items:start}.task-item-row strong{font-size:13px}}