@layer theme,base;@layer components{.discount-card{-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:background var(--duration-slow) ease, border-color var(--duration-slow) ease, box-shadow var(--duration-slow) ease;border:1px solid #0000;border-radius:1rem;overflow:hidden}.discount-card.is-expiring{background:linear-gradient(to bottom right, oklch(from var(--color-danger-900) l c h / .4), oklch(from var(--color-danger-900) l c h / .4));border-color:oklch(from var(--color-danger) l c h / .5);box-shadow:0 10px 15px -3px oklch(from var(--color-danger) l c h / .2)}.discount-card.is-active{background:linear-gradient(to bottom right, oklch(from var(--color-warning-900) l c h / .4), oklch(from var(--color-warning-900) l c h / .4));border-color:oklch(from var(--color-warning) l c h / .5);box-shadow:0 10px 15px -3px oklch(from var(--color-warning) l c h / .2)}.discount-icon-box{border-radius:.5rem;padding:.75rem}.discount-icon-box.is-expiring{background:oklch(from var(--color-danger) l c h / .2)}.discount-icon-box.is-active{background:oklch(from var(--color-warning) l c h / .2)}.discount-timer-box{background:#ffffff0d;background:lab(100% 0 0/.05);border:1px solid #ffffff1a;border:1px solid lab(100% 0 0/.1);border-radius:.5rem}.discount-alert{background:oklch(from var(--color-danger) l c h / .2);border:1px solid oklch(from var(--color-danger) l c h / .3);border-radius:.5rem;padding:.75rem}.discount-remove-button{background:oklch(from var(--color-danger) l c h / .3);color:var(--color-danger-400);transition:background-color var(--duration-base) ease;border-radius:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.discount-remove-button:hover{background:oklch(from var(--color-danger) l c h / .5)}.discount-remove-button:disabled{opacity:.5;cursor:not-allowed}.subscription-card{background:var(--gradient-surface);border:1px solid oklch(from var(--color-gray-700) l c h / .4);box-shadow:var(--shadow-glass-sm);border-radius:.5rem}.subscription-info-box{background:oklch(from var(--color-gray-700) l c h / .4);border:1px solid oklch(from var(--color-gray-600) l c h / .3);border-radius:.5rem}.subscription-warning{background:oklch(from var(--color-highlight-dark) l c h / .15);border:1px solid oklch(from var(--color-warning-600) l c h / .5);border-radius:.5rem}.subscription-cancel-dialog{background:oklch(from var(--color-danger-900) l c h / .2);border:1px solid var(--color-danger-700);border-radius:.5rem}.payment-form-error{border:1px solid oklch(from var(--color-danger-700) l c h / .8);background:oklch(from var(--color-danger-700) l c h / .4);color:var(--color-white);-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));border-radius:.5rem;font-size:.875rem;box-shadow:0 1px 2px #0000000d;box-shadow:0 1px 2px lab(0% 0 0/.05)}.payment-error-notice{background:oklch(from var(--color-danger-900) l c h / .2);border:1px solid var(--color-danger-700);border-radius:.5rem}.payment-success-notice{background:oklch(from var(--color-success-800) l c h / .2);border:1px solid var(--color-success-700);border-radius:.5rem}.payment-info-notice{background:oklch(from var(--color-info-700) l c h / .15);border:1px solid var(--color-info-700);border-radius:.5rem}.payment-status-badge{border:1px solid #0000;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.payment-status-badge.is-success{background:oklch(from var(--color-success) l c h / .2);color:var(--color-success-400);border-color:oklch(from var(--color-success) l c h / .3)}.payment-status-badge.is-warning{background:oklch(from var(--color-warning) l c h / .2);color:var(--color-warning-400);border-color:oklch(from var(--color-warning) l c h / .3)}.payment-status-badge.is-danger{background:oklch(from var(--color-danger) l c h / .2);color:var(--color-danger-400);border-color:oklch(from var(--color-danger) l c h / .3)}.payment-status-badge.is-brand{background:oklch(from var(--color-brand-primary) l c h / .2);color:var(--color-brand-primary-300);border-color:oklch(from var(--color-brand-primary) l c h / .3)}.payment-method-card{background:linear-gradient(135deg, oklch(from var(--color-gray-700) l c h / .5), oklch(from var(--color-gray-800) l c h / .5));border:1px solid oklch(from var(--color-gray-600) l c h / .3);transition:border-color var(--duration-base) ease;border-radius:.5rem;box-shadow:inset 0 1px #ffffff0f;box-shadow:inset 0 1px lab(100% 0 0/.06)}.payment-method-card:hover{border-color:oklch(from var(--color-gray-500) l c h / .5)}.payment-method-option{background:linear-gradient(135deg, oklch(from var(--color-gray-700) l c h / .5), oklch(from var(--color-gray-800) l c h / .5));border:2px solid oklch(from var(--color-gray-600) l c h / .3);cursor:pointer;transition:border-color var(--duration-base) ease;border-radius:.5rem}.payment-method-option.is-selected{border-color:var(--color-brand-primary)}.payment-button-info{background:var(--color-info-600);color:var(--color-white);transition:background-color var(--duration-base) ease;border-radius:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.payment-button-info:hover{background:var(--color-info-700)}.payment-button-info:disabled{opacity:.5;cursor:not-allowed}.payment-delete-button{color:var(--color-danger-400);transition:background-color var(--duration-base) ease;border-radius:.25rem;padding:.5rem}.payment-delete-button:hover{background:oklch(from var(--color-danger) l c h / .2)}.payment-delete-button:disabled{opacity:.5;cursor:not-allowed}.cancel-reason-option{background:oklch(from var(--color-gray-700) l c h / .4);border:2px solid oklch(from var(--color-gray-600) l c h / .3);cursor:pointer;transition:border-color var(--duration-base) ease;border-radius:.5rem;padding:.75rem 1rem}.cancel-reason-option:hover{border-color:oklch(from var(--color-gray-500) l c h / .5)}.cancel-reason-option.is-selected{border-color:var(--color-brand-primary)}.cancel-offer-card{background:var(--gradient-surface);border:1px solid oklch(from var(--color-success) l c h / .3);box-shadow:var(--shadow-glass-sm);border-radius:.75rem}.cancel-checklist-item{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.premium-upgrade-link{background-image:linear-gradient(to right, var(--color-brand-primary), var(--color-brand-secondary));color:var(--color-white);box-shadow:var(--shadow-glass-sm);transition:transform var(--duration-base) ease, background-color var(--duration-base) ease;border-radius:.375rem;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.premium-upgrade-link:hover{background-image:linear-gradient(to right, var(--color-brand-primary-600), var(--color-brand-secondary-600));transform:scale(1.05)}}@layer utilities;
