#modal:has(.menu-os-modal) .modal-card{max-width:760px;padding:22px;background:linear-gradient(160deg,#061426,#081b2e);border:1px solid #214662}.menu-os-modal .modal-close{display:none}.menu-os-back{float:left;display:grid;place-items:center;width:43px;height:43px;margin-right:11px;border:1px solid #30d7f5;border-radius:12px;background:#0c2943;color:#66e7ff;font-size:29px}.menu-os-brand{display:block;padding-top:3px;color:#45dffc;font-size:10px;font-weight:900;letter-spacing:.12em}.menu-os-title{margin:2px 0 22px;font-size:27px}.menu-os-search{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #244760;border-radius:12px;background:#07182a}.menu-os-search input{width:100%;height:48px;border:0;background:transparent;color:#fff;font-size:16px;outline:0}.menu-os-new,.menu-os-save{width:100%;height:47px;margin:10px 0;border:0;border-radius:10px;background:linear-gradient(105deg,#116eff,#2cc8f4);color:#fff;font-weight:900;box-shadow:0 8px 22px #087eff44}.menu-os-list>nav{display:flex;gap:7px;overflow:auto;padding:8px 0;scrollbar-width:none}.menu-os-list>nav button{padding:9px 13px;border:1px solid #23445e;border-radius:20px;background:#091a2d;color:#8fa6bb;white-space:nowrap}.menu-os-list>nav button.active{border-color:#188df9;background:#123c68;color:#fff}.menu-os-count{margin:8px 2px;color:#849caf;font-size:13px}.menu-os-row{display:grid;grid-template-columns:62px 1fr auto 115px 28px;gap:12px;align-items:center;width:100%;margin-bottom:7px;padding:8px;border:1px solid #16354d;border-radius:13px;background:#091b2d;color:#fff;text-align:left;transition:.15s}.menu-os-row:active{transform:scale(.985);border-color:#35d7f4}.menu-os-row img{width:62px;height:62px;border-radius:11px;object-fit:cover;background:#10263a}.menu-os-row span{min-width:0}.menu-os-row span b,.menu-os-row span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-os-row span small{margin-top:5px;color:#8199ae;font-size:11px}.menu-os-row strong{font-size:16px}.menu-os-row em{font-size:11px;font-style:normal}.menu-os-row em.on{color:#2bd27c}.menu-os-row em.off{color:#ff893b}.menu-os-row>i{color:#8ba4ba;font-style:normal;letter-spacing:1px}.menu-os-form{clear:both}.menu-os-photo{position:relative;display:grid;place-items:center;min-height:205px;margin:12px -22px 17px;overflow:hidden;border-block:1px solid #1c405b;background:#07182b}.menu-os-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.menu-os-photo:not(.has-photo)>img{width:90px;height:90px;margin:auto;object-fit:contain;opacity:.25}.menu-os-photo>div{position:relative;z-index:1;display:grid;place-items:center;text-align:center}.menu-os-photo>div>b{color:#43dcfa;font-size:17px}.menu-os-photo>div>small{margin:7px 0 13px;color:#9bb0c3}.menu-os-photo>div>span{display:flex;gap:8px}.menu-os-photo label{padding:10px 13px;border:1px solid #24557b;border-radius:9px;background:#0d2b49;color:#fff;font-size:12px}.menu-os-photo input{position:absolute;width:1px;height:1px;opacity:0}.menu-os-fields{display:grid;gap:14px}.menu-os-fields label{display:grid;gap:6px;color:#9db0c3;font-size:12px}.menu-os-fields input,.menu-os-fields select,.menu-os-fields textarea{width:100%;min-height:47px;padding:11px;border:1px solid #234761;border-radius:10px;background:#061426;color:#fff;font:inherit;outline:none}.menu-os-fields textarea{min-height:85px;resize:vertical}.menu-os-fields input:focus,.menu-os-fields select:focus,.menu-os-fields textarea:focus{border-color:#28c9f2;box-shadow:0 0 0 2px #1d9fd733}.menu-os-fields .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-os-switch{display:flex!important;align-items:center;justify-content:space-between;padding:13px;border:1px solid #234761;border-radius:12px;background:#091b2d}.menu-os-switch span b,.menu-os-switch span small{display:block}.menu-os-switch span b{color:#dce9f5}.menu-os-switch input{position:absolute;width:1px;height:1px;opacity:0}.menu-os-switch i{position:relative;width:49px;height:28px;border-radius:20px;background:#294158}.menu-os-switch i:after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}.menu-os-switch input:checked+i{background:linear-gradient(90deg,#1278ff,#2ed8f3)}.menu-os-switch input:checked+i:after{transform:translateX(21px)}.menu-os-advanced{border:1px solid #203f58;border-radius:11px;background:#08192a}.menu-os-advanced summary{display:flex;justify-content:space-between;padding:14px;color:#b7c8d7;font-weight:800}.menu-os-advanced>div{display:grid;gap:12px;padding:0 13px 14px}.menu-os-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.menu-os-check input{width:20px;height:20px;min-height:0}.menu-os-save{margin-top:18px}.menu-os-disable{display:block;margin:4px auto;border:0;background:transparent;color:#ff6574;font-weight:800}
@media(max-width:650px){#modal:has(.menu-os-modal) .modal-card{min-height:100%;padding:17px 13px 105px;border-radius:0}.menu-os-title{font-size:23px}.menu-os-row{grid-template-columns:54px minmax(0,1fr) auto 22px;gap:9px}.menu-os-row img{width:54px;height:54px}.menu-os-row strong{font-size:14px}.menu-os-row em{grid-column:3;grid-row:2}.menu-os-row>i{grid-column:4;grid-row:1/3}.menu-os-photo{margin-inline:-13px}.menu-os-photo>div>span{gap:5px}.menu-os-photo label{padding:9px 10px}.menu-os-fields .two{gap:8px}}