:root { --notification-bottom: calc(82px + env(safe-area-inset-bottom, 0px)); }
#payment-reminder {
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    background: linear-gradient(135deg, rgba(247, 239, 226, .98), rgba(226, 239, 222, .98)) !important;
    color: #26352c !important;
    border: 1px solid rgba(23, 79, 57, .18) !important;
    box-shadow: 0 14px 34px rgba(47, 37, 26, .16) !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
}
#payment-reminder #payment-reminder-text { color: rgba(38, 53, 44, .65) !important; }
#payment-reminder #open-payment-reminder > span:first-child { background: rgba(23, 79, 57, .12) !important; color: #174f39 !important; }
#payment-reminder #open-payment-reminder > span:last-child { color: #174f39 !important; }
.payment-order-panel { background: #f7efe2; border: 1px solid rgba(38, 53, 44, .08); }
.payment-order-panel-active { background: linear-gradient(135deg, #f7efe2, #eaf3e5); color: #26352c; border-color: rgba(23, 79, 57, .18); box-shadow: 0 8px 22px rgba(47, 37, 26, .1); }
.payment-order-panel-active .payment-order-caption { color: rgba(38, 53, 44, .58); }
.payment-order-panel-active .client-payment-countdown { color: #174f39; font-variant-numeric: tabular-nums; }
.client-payment-countdown.is-expired { color: rgba(38, 53, 44, .62); }
#toast {
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: var(--notification-bottom) !important;
    width: min(430px, calc(100vw - 24px));
    max-width: none !important;
    margin: 0 !important;
    transform: translateX(-50%);
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .98) !important;
    color: #26352c !important;
    border: 1px solid rgba(38, 53, 44, .12) !important;
    box-shadow: 0 18px 48px rgba(47, 37, 26, .18) !important;
}
#toast.hidden { display: none; }
#toast .toast-title { margin-bottom: 2px; font-size: 13px; font-weight: 750; line-height: 1.2; }
#toast .toast-message { font-size: 13px; font-weight: 550; line-height: 1.35; }
#toast.is-event { --toast-bg: #f7efe2; --toast-fg: #26352c; --toast-accent: #174f39; background: var(--toast-bg) !important; color: var(--toast-fg) !important; border-color: color-mix(in srgb, var(--toast-accent) 23%, transparent) !important; }
#toast.is-event #toast-icon, #toast.is-event #toast-open { background: var(--toast-accent) !important; color: #fff !important; }
#toast.is-event #toast-close { background: color-mix(in srgb, var(--toast-fg) 8%, transparent) !important; color: var(--toast-fg) !important; }
#toast[data-palette="green"] { --toast-bg: #174f39; --toast-fg: #fff; --toast-accent: #ffe14f; }
#toast[data-palette="green"] #toast-icon, #toast[data-palette="green"] #toast-open { color: #174f39 !important; }
#toast[data-palette="yellow"] { --toast-bg: #ffe14f; --toast-fg: #302d1f; --toast-accent: #174f39; }
#toast[data-palette="red"] { --toast-bg: #a71f25; --toast-fg: #fff; --toast-accent: #ffe14f; }
#toast[data-palette="red"] #toast-icon, #toast[data-palette="red"] #toast-open { color: #7e151a !important; }
@media (max-width: 759px) { #toast { bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important; } }