.delivery-options {
    margin: 30px 0;
    padding: 0;
    border: 0;
}

.delivery-options legend {
    font: 700 20px 'Sora', sans-serif;
}

.delivery-options > p {
    margin: 4px 0 16px;
    font-size: 13px;
}

.delivery-grid {
    display: grid;
    gap: 10px;
}

.delivery-option {
    display: grid;
    grid-template-columns: auto 40px 1fr;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 15px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fff;
    cursor: pointer;
    transition: .2s ease;
}

.delivery-option:has(input:checked) {
    border-color: var(--orange);
    background: #eff6ff;
    box-shadow: 0 0 0 3px #2563eb14;
}

.delivery-option input {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: var(--orange);
}

.delivery-option strong,
.delivery-option small {
    display: block;
}

.delivery-option small {
    margin-top: 2px;
    color: var(--muted);
    font-weight: 500;
}

.delivery-icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 9px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 18px;
}

.completion-panel {
    border-color: #93c5fd;
    background: linear-gradient(145deg, #fff, #eff6ff);
}

.completion-panel img {
    display: block;
    width: 100%;
    max-height: 560px;
    object-fit: cover;
    border-radius: 11px;
}

.delivery-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 20px;
}

.delivery-meta span {
    padding: 14px;
    border-radius: 9px;
    background: #eff6ff;
    color: var(--muted);
    font-size: 12px;
}

.delivery-meta strong {
    display: block;
    margin-top: 3px;
    color: var(--ink);
    font-size: 14px;
}

.cod-notice,
.cod-admin-note {
    padding: 13px 15px;
    border-radius: 9px;
    background: #fff4d6;
    color: #72510d;
}

.cod-bank {
    background: #fff4d6;
}

.admin-order-list {
    display: grid;
    gap: 18px;
}

.admin-order-card {
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
}

.admin-order-head {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--line);
}

.admin-order-head h3,
.admin-order-head p {
    margin: 0;
}

.admin-order-head > div:last-child {
    text-align: right;
}

.admin-order-head strong {
    display: block;
    margin-top: 7px;
}

.delivery-badge {
    display: inline-block;
    margin-top: 16px;
    padding: 5px 10px;
    border-radius: 20px;
    background: #dbeafe;
    color: #17478d;
    font-size: 12px;
    font-weight: 700;
}

.admin-order-form {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    align-items: end;
    gap: 12px;
    margin-top: 5px;
}

.admin-order-form label {
    margin-bottom: 0;
}

.admin-order-form small {
    display: block;
    color: var(--muted);
    font-weight: 500;
}

.completion-thumb {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--orange);
    font-size: 12px;
    font-weight: 700;
}

.completion-thumb img {
    width: 52px;
    height: 52px;
    border-radius: 8px;
    object-fit: cover;
}

@media (max-width: 900px) {
    .admin-order-form {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .delivery-meta,
    .admin-order-form {
        grid-template-columns: 1fr;
    }

    .admin-order-head {
        flex-direction: column;
    }

    .admin-order-head > div:last-child {
        text-align: left;
    }
}
.whatsapp-notice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;border-color:#a7e3c1;background:linear-gradient(135deg,#f1fff7,#e5fff0)}.whatsapp-notice h2{font-size:24px;margin-bottom:7px}.whatsapp-notice p{margin:0}.whatsapp-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;font:800 17px 'Sora';box-shadow:0 10px 25px #25d36642}.whatsapp-btn{background:#128c4a;box-shadow:0 5px 14px #128c4a35}.whatsapp-btn:hover{background:#0d7a3f}@media(max-width:800px){.whatsapp-notice{grid-template-columns:auto 1fr}.whatsapp-notice .whatsapp-btn{grid-column:1/-1;text-align:center}}@media(max-width:520px){.whatsapp-notice{grid-template-columns:1fr}.whatsapp-icon{width:48px;height:48px}}
.notification-menu{position:relative}.notification-trigger{position:relative;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:24px;cursor:pointer}.notification-trigger b{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:#ef4444;color:#fff;font:800 10px 'Manrope';line-height:19px}.notification-trigger b.hidden{display:none}.notification-dropdown{display:none;position:absolute;right:0;top:48px;width:min(370px,calc(100vw - 30px));overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 22px 60px #102a5630;z-index:50}.notification-menu.open .notification-dropdown{display:block}.notification-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.notification-head form{margin:0}.notification-head button{color:var(--orange);font-size:11px}.notification-item{display:flex;flex-direction:column;padding:14px 18px;border-bottom:1px solid var(--line);font-size:13px}.notification-item:hover{background:var(--cream)}.notification-item.unread{background:#eff6ff;border-left:3px solid var(--orange)}.notification-item small{margin-top:4px;color:var(--muted)}.notification-empty{padding:22px;text-align:center;font-size:13px}.realtime-toast{position:fixed;right:24px;bottom:24px;max-width:380px;padding:16px 20px;border-radius:12px;background:#0b1f3a;color:#fff;box-shadow:0 20px 55px #07162e40;opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s;z-index:100}.realtime-toast.show{opacity:1;transform:translateY(0)}