.preorders-toolbar {
    margin-bottom: 16px;
}

#preorders .orders-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
}

#preorders .order-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    padding: 18px;
    border-radius: var(--radius-card);
    align-items: stretch;
}

#preorders .order-card-completed {
    opacity: 0.88;
}

#preorders .order-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

#preorders .order-title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.35;
}

#preorders .order-status-badge {
    font-size: 0.72rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 999px;
    white-space: nowrap;
}

#preorders .preorder-status-new { background: rgba(99, 102, 241, 0.18); color: #818cf8; }
#preorders .preorder-status-confirmed { background: rgba(59, 130, 246, 0.18); color: #60a5fa; }
#preorders .preorder-status-ready { background: rgba(245, 158, 11, 0.18); color: #fbbf24; }
#preorders .preorder-status-issued { background: rgba(16, 185, 129, 0.18); color: #34d399; }
#preorders .preorder-status-cancelled { background: rgba(239, 68, 68, 0.16); color: #f87171; }

#preorders .order-client {
    font-size: 0.86rem;
    margin-top: 4px;
}

#preorders .order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-top: 10px;
    font-size: 0.86rem;
}

#preorders .order-amount {
    font-weight: 700;
    color: var(--text-main);
}

#preorders .order-deadline,
#preorders .order-date {
    color: var(--text-muted);
}

#preorders .order-notes {
    margin: 10px 0 0;
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.45;
}

#preorders .preorder-created {
    margin-top: 6px;
    font-size: 0.78rem;
}

#preorders .order-actions {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
}

#preorders .preorder-ready-btn,
#preorders .preorder-issued-btn {
    color: var(--success);
}

#preorders .preorder-pay-btn {
    color: var(--accent);
}

#preorders .preorder-delete-btn {
    color: var(--danger);
}

#preorder-modal .preorder-modal-dialog,
#preorder-payment-modal .preorder-payment-modal-dialog {
    max-width: min(640px, 94vw);
}

#preorder-modal .preorder-modal-client-row,
#preorder-modal .preorder-modal-money-row,
#preorder-modal .preorder-modal-status-row,
#preorder-modal .preorder-pickup-datetime-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

#preorder-modal .preorder-textarea {
    min-height: 72px;
    resize: vertical;
}

@media (max-width: 720px) {
    #preorder-modal .preorder-modal-client-row,
    #preorder-modal .preorder-modal-money-row,
    #preorder-modal .preorder-modal-status-row,
    #preorder-modal .preorder-pickup-datetime-row {
        grid-template-columns: 1fr;
    }
}