/* Shared dialogs: readable hierarchy, tactile actions and a restrained brand accent. */
#modal-root .modal-backdrop{padding:24px;background:#020915b8;backdrop-filter:blur(7px)}
#modal-root .modal{width:min(620px,100%);max-height:calc(100dvh - 48px);border:1px solid #45668f;border-radius:22px;background:#10203a;box-shadow:0 30px 100px #0009,0 0 0 1px #0a162a;overflow:hidden;color:#eaf3ff;animation:dialog-appear .18s ease-out}
#modal-root .modal.wide{width:min(920px,100%)}
#modal-root .modal-head{position:relative;background:linear-gradient(120deg,#153466,#142640 75%);padding:25px 28px;border-bottom:1px solid #365a88;gap:20px}
#modal-root .modal-head:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#265dff,#25dfff,transparent)}
#modal-root .modal-head h2{font-size:23px;line-height:1.25;letter-spacing:-.5px;font-weight:600;color:#f1f7ff}
#modal-root .modal-head .icon-btn{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#294972;border:1px solid #5577a0;color:#eaf5ff}
#modal-root .modal-body{padding:27px 28px;background:#10203a;line-height:1.6;overscroll-behavior:contain}
#modal-root .modal-foot{padding:18px 28px;background:#0d1a30;border-top:1px solid #304a6d;gap:12px}
#modal-root .modal .field{gap:8px}
#modal-root .modal .field label{font-size:12px;font-weight:600;color:#d0e3fa}
#modal-root .modal .field input,#modal-root .modal .field select,#modal-root .modal .field textarea{font-size:14px;min-height:45px;padding:11px 12px;border:1px solid #466286;background:#0a172c;color:#edf6ff;border-radius:10px;color-scheme:dark}
#modal-root .modal .field input:focus,#modal-root .modal .field select:focus,#modal-root .modal .field textarea:focus{outline:2px solid #59dfff;outline-offset:1px;box-shadow:none}
#modal-root .modal .field small{font-size:11px;color:#abc1dc}
#modal-root .modal .form-heading{font-size:14px;color:#76ddff;margin-top:24px;padding-bottom:10px;border-bottom:1px solid #325176}
#modal-root .modal .btn{min-height:44px;padding:10px 20px;font-size:13px;border-radius:11px;font-weight:600;background:#1d3454;color:#e2eeff;border:1px solid #46668e}
#modal-root .modal .btn.primary{background:linear-gradient(110deg,#265bfa,#2378df);border-color:#669aff;box-shadow:0 3px 0 #10377d;color:#fff}
#modal-root .modal .btn:hover{filter:brightness(1.14)}
#modal-root .modal .btn:focus-visible,#modal-root .modal .icon-btn:focus-visible{outline:3px solid #65dbff;outline-offset:3px}
#modal-root .modal .form-error:not(:empty){padding:12px 15px;border:1px solid #b3647c;border-left:4px solid #ff9eb6;border-radius:9px;background:#3a2237;color:#ffcfda}
#modal-root .modal .note{border-radius:12px;padding:15px;border-left:3px solid #36d3f2;background:#153554;color:#d1eaff}
#modal-root .modal .note.amber{background:#392f20;border-color:#b89045;color:#ffe2a3}
@keyframes dialog-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){#modal-root .modal-backdrop{padding:12px}#modal-root .modal{max-height:calc(100dvh - 24px);border-radius:17px}#modal-root .modal-head,#modal-root .modal-body{padding:20px}#modal-root .modal-head h2{font-size:21px}#modal-root .modal-foot{padding:16px 20px;flex-wrap:wrap}#modal-root .modal .field input,#modal-root .modal .field select,#modal-root .modal .field textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){#modal-root .modal{animation:none}}
#modal-root .order-dialog .modal-body{background:#f4f8fc;padding:16px}
#modal-root .order-dialog .form-error:empty{display:none}
#modal-root #order-list{display:grid;gap:10px}
#modal-root .order-row{display:grid;grid-template-columns:12px 58px minmax(0,1fr);gap:12px;padding:12px;border:1px solid #dce7f3;border-radius:14px;background:#fff}
#modal-root .order-row:focus-within{border-color:#8cbeef}
#modal-root .order-row .order-grip{color:#94a9bd;cursor:grab}
#modal-root .order-row .grow{min-width:0;overflow-wrap:anywhere}
#modal-root .order-row .grow strong{display:block;font-size:16px;line-height:1.3;color:#173a63}
#modal-root .order-row .grow small{margin-top:4px;font-size:11px;line-height:1.35;color:#6c8199}
#modal-root .order-position{display:grid;flex:0 0 58px;gap:4px;text-align:center;font-size:10px;color:#31567a}
#modal-root .order-position input{width:58px;min-width:0;height:42px;padding:6px;border:1px solid #b8cfee;border-radius:10px;background:#fff;color:#173a63;font-size:18px;font-weight:700;text-align:center}
#modal-root .order-position input:focus{outline:2px solid #148cf0;outline-offset:2px}
#modal-root .order-position input[aria-invalid=true]{border-color:#d83952}
@media(max-width:430px){#modal-root .order-row{grid-template-columns:50px minmax(0,1fr);gap:12px}#modal-root .order-row .order-grip{display:none}#modal-root .order-position input{width:50px}}