#loyaltyCampaignStudio{border:1px solid #5b737c;border-radius:24px;background:#10232b;padding:clamp(18px,3vw,28px);color:#eef5f5;margin-block:24px}
.loyalty-studio-heading>span{font-size:.72rem;letter-spacing:.12em;font-weight:800;color:#ffce95}.loyalty-studio-heading h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:900;margin-block:10px}.loyalty-studio-heading p{color:#cbdcdd;line-height:1.7;max-width:850px}
#loyaltyCampaignDraftForm{display:grid;gap:20px;margin-top:22px}#loyaltyCampaignDraftForm label{display:grid;gap:8px;font-size:.85rem;font-weight:700}#loyaltyCampaignDraftForm :is(input,select,textarea){min-width:0;width:100%;border-radius:12px;border:1px solid #607f89;background:#172f38;color:#fff;padding:12px;min-height:46px}#loyaltyCampaignDraftForm textarea{min-height:120px}.loyalty-studio-window{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.loyalty-studio-phases{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.loyalty-studio-phases fieldset{min-width:0;border:1px solid #5a7580;border-radius:16px;padding:16px;display:grid;gap:14px}.loyalty-studio-phases legend{font-weight:900;color:#ffce95}.loyalty-studio-actions{display:flex;flex-wrap:wrap;gap:10px}.loyalty-studio-actions button{min-height:46px;padding:12px 16px;border:1px solid #95b6b9;border-radius:12px;color:#fff;background:#234653;font-weight:800}.loyalty-studio-actions button:first-child{background:#ffce95;color:#17343b;border-color:#ffce95}#loyaltyDraftNotifications{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.loyalty-notification-example{border-radius:16px;background:#fff1df;color:#17343b;padding:18px;overflow-wrap:anywhere}.loyalty-notification-example small{font-size:.7rem;font-weight:800}.loyalty-notification-example strong{display:block;margin-block:10px}.loyalty-notification-example p{font-size:.85rem;line-height:1.6}#loyaltyCampaignStudio :is(button,input,select,textarea):focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:850px){.loyalty-studio-phases,#loyaltyDraftNotifications{grid-template-columns:minmax(0,1fr)}}
#app .card,#app .grid>section,#loyaltyProgramCardPreview{min-width:0;max-width:100%}#loyaltyProgramCardPreview .loyalty-pass{min-width:0;max-width:100%;overflow-wrap:anywhere}#app .overflow-x-auto{max-width:100%}
#loyaltyPromotionStudio{border:1px solid #587c74;border-radius:24px;background:#102923;padding:clamp(18px,3vw,28px);color:#eef5f5;margin-block:24px;min-width:0}
.promotion-form{display:grid;gap:18px;margin-top:22px}.promotion-form label{display:grid;gap:8px;font-size:.85rem;font-weight:700}.promotion-form :is(input,select,textarea){min-width:0;width:100%;border-radius:12px;border:1px solid #607f89;background:#172f38;color:#fff;padding:12px;min-height:46px}.promotion-form textarea{min-height:110px}.promotion-note{color:#cbdcdd;font-size:.85rem;line-height:1.7}.promotion-library{margin-top:24px}.promotion-library h3{font-size:1.2rem;font-weight:900}#promoList{display:grid;gap:12px;margin-top:16px}.promotion-draft{border:1px solid #587c74;border-radius:16px;padding:18px;overflow-wrap:anywhere}.promotion-draft small{color:#ffce95;font-weight:800}.promotion-draft h4{font-weight:900;margin-block:8px}.promotion-draft p{color:#cbdcdd;white-space:pre-wrap;margin-bottom:12px}#promoStatus{margin-block:16px;color:#ffce95;overflow-wrap:anywhere}#loyaltyPromotionStudio :is(button,input,select,textarea):focus-visible{outline:3px solid #fff;outline-offset:3px}#promoNotification{max-width:520px}
#loyaltyNotificationConsole{border:1px solid #587c74;border-radius:24px;background:#102923;padding:clamp(18px,3vw,28px);color:#eef5f5;margin-block:24px;min-width:0}.notification-field{display:grid;gap:8px;margin-block:18px}.notification-field select{width:100%;background:#172f38;color:#fff;border:1px solid #607f89;border-radius:12px;padding:12px}.notification-link,#noticeSave{display:inline-block;margin:8px 8px 0 0;padding:12px;border:1px solid #95b6b9;border-radius:12px;background:#234653;color:#fff;min-height:46px;font-weight:800}.notification-check{display:flex!important;align-items:center;gap:10px}.notification-check input{width:20px!important;min-height:20px!important}#noticeList{display:grid;gap:14px}#noticeStatus{color:#ffce95;margin-block:16px}#loyaltyNotificationConsole button:disabled{opacity:.5;cursor:not-allowed}#loyaltyNotificationConsole :is(button,input,select,a):focus-visible{outline:3px solid #fff;outline-offset:3px}