/* Scoped colors stay readable even when the panel's global accent is neon. */
#updates-studio,.update-editor,#promo-studio{--updates-green:#087f67;--updates-ink:#173b31;--updates-soft:#e9f7f1;min-width:0}
#updates-studio *,#promo-studio *{box-sizing:border-box}
body #updates-studio button,body #updates-studio .button,body #promo-studio button{background:#087f67!important;color:#fff!important;border:1px solid #087f67!important;border-radius:9px!important;box-shadow:none!important;padding:8px 12px!important;font:600 12px/1.4 Arial,sans-serif!important;min-height:34px}
body #updates-studio .secondary,body #promo-studio .secondary{background:#edf8f3!important;color:#155b47!important;border-color:#b9dfce!important}
body #updates-studio .updates-danger,body #promo-studio .studio-delete{background:#fff1f2!important;color:#a6243e!important;border-color:#fecdd3!important}
body #updates-studio :is(button,a,input,select,textarea):focus-visible,body .update-popup button:focus-visible{outline:2px solid #087f67!important;outline-offset:3px}
.updates-studio-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border:1px solid var(--line,#dbe5e1);border-radius:14px;background:var(--surface,#fff);margin-bottom:12px}
.updates-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#087f67}.updates-studio-head h2{margin:5px 0;font-size:21px}.updates-studio-head p{margin:0;font-size:12px;color:var(--muted,#64748b)}
.updates-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.updates-actions form{margin:0}.updates-settings{padding:12px 15px;border:1px solid var(--line,#dbe5e1);border-radius:11px;margin-bottom:12px;background:var(--surface,#fff)}
body #updates-studio summary,body #updates-studio summary:hover{color:var(--text,#173b31)!important;cursor:pointer;font-weight:700;box-shadow:none;outline:none;font-size:12px}.updates-settings p{font-size:12px;line-height:1.6;color:var(--muted,#64748b)}
.updates-campaign-list{display:grid;gap:9px}.updates-campaign-row{display:flex;gap:14px;align-items:center;justify-content:space-between;border:1px solid var(--line,#dbe5e1);border-radius:12px;padding:13px;background:var(--surface,#fff)}
.updates-campaign-copy{min-width:0;flex:1}.updates-campaign-copy h3{font-size:14px;margin:7px 0 5px;overflow-wrap:anywhere}.updates-campaign-copy p{margin:0 0 6px;font-size:12px;line-height:1.5;overflow-wrap:anywhere;color:var(--muted,#64748b)}.updates-campaign-copy :is(time,small){font-size:10px;color:var(--muted,#64748b)}
.updates-state{display:inline-flex;font-size:10px;font-weight:800;border-radius:20px;padding:4px 8px}.state-live{background:#dcfce7;color:#166534}.state-scheduled{background:#e0e7ff;color:#3730a3}.state-paused{background:#fff4d7;color:#854d0e}.state-expired{background:#edf0f4;color:#475569}
.update-editor{width:min(1000px,calc(100vw - 24px));max-width:1000px;max-height:90dvh;padding:18px;border:1px solid var(--line,#dbe5e1);border-radius:17px;background:var(--surface,#fff);color:var(--text,#172b3a);overflow:auto}.update-editor::backdrop{background:#102d376e;backdrop-filter:blur(3px)}
.update-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.update-editor h2{font-size:20px;margin:4px 0}.update-compose-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:18px;align-items:start}.update-compose-grid>*{min-width:0}
.update-compose-form label{font-size:12px;margin-bottom:10px}.update-compose-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.update-compose-form :is(input,select,textarea){max-width:100%;min-width:0;font:13px/1.5 Arial,sans-serif;box-sizing:border-box;padding:9px}.update-compose-form input[type=color]{padding:3px;height:36px;width:100%;cursor:pointer}.update-compose-form textarea{min-height:92px}.update-compose-form input[type=checkbox]{width:auto;accent-color:#087f67}
.update-compose-form details{padding:11px;border:1px solid var(--line,#dbe5e1);border-radius:10px;margin:10px 0}.update-compose-form details[open]>summary{margin-bottom:12px}.update-compose-form :is(.update-help,small,.update-designer p){font-size:11px;line-height:1.6;color:var(--muted,#64748b)}.update-compose-form fieldset{border:0;padding:0;margin:0;min-width:0}.update-compose-form fieldset:disabled{opacity:.65}
.update-preview-panel{position:sticky;top:0;padding:12px;border:1px solid #b9dfce;background:var(--bg,#f3f8f5);border-radius:12px}.update-preview-panel>div:first-child{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.update-preview-panel>small{display:block;margin-top:8px}.update-preview-panel [data-update-preview-note]{font-size:11px;color:#9a3412}.update-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;margin-top:14px;border-top:1px solid var(--line,#dbe5e1)}
body .update-card[data-update-design]{padding:12px;border-width:1px;border-top-width:3px;border-radius:11px;position:relative;isolation:isolate;overflow:hidden;background:var(--announcement-background,#fff)!important;color:var(--announcement-text,#172b3a)!important}
body .update-card[data-update-design] :is(h3,p){color:var(--announcement-text,#172b3a)!important}.update-card h3{font-size:14px;margin:9px 0 6px}.update-card p{font-size:12px;line-height:1.55;margin:5px 0 9px;white-space:pre-line}.update-logo{width:30px;height:30px;border-radius:9px;font-size:19px}.update-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}.update-card time{margin:0;font-size:9px}.update-card .update-label{font-size:10px;padding:3px 7px}.update-links{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.update-links:empty{display:none}
body .update-card .button,body #updates-studio .update-card .button{background:var(--announcement-button-background,#087f67)!important;color:var(--announcement-button-text,#fff)!important;border:0!important;border-radius:7px!important;font-size:11px!important;padding:7px 10px!important;margin:3px 0!important;box-shadow:none!important;min-height:0}
.update-message{font-size:12px;line-height:1.55;padding:0!important;border:0!important;margin:6px 0!important}.update-message summary{cursor:pointer;font-weight:400!important;color:inherit!important;white-space:pre-line}.update-message summary b{display:inline;color:inherit;text-decoration:underline;font-size:11px}.update-message[open] summary{font-size:0!important}.update-message[open] summary b{font-size:11px}.update-message[open] summary b:after{content:' / collapse'}
.update-high-sale{display:inline-flex;align-items:center;gap:3px;font:800 10px/1.4 Arial,sans-serif;border-radius:20px;padding:3px 7px;background:#ffedd5;color:#9a3412;border:1px solid #fed7aa}.update-high-sale>span{display:inline-block;transform-origin:center bottom;animation:update-flame 1.8s ease-in-out infinite}.update-card[data-update-animation=flame] .update-logo{animation:update-flame 1.8s ease-in-out infinite}.update-card[data-update-animation=shine]:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffff66 50%,transparent 65%);pointer-events:none;z-index:-1;animation:update-shine 6s ease-in-out infinite}.update-card[data-update-animation=glow]{animation:update-glow 4s ease-in-out infinite}
.order-updates .updates-heading{padding:11px 12px;gap:8px}.updates-heading h2{font-size:14px;margin:0 0 3px}.updates-heading>span{width:30px;height:30px;font-size:20px;background:#dcfce7;color:#166534}.order-updates .updates-feed{padding:9px;gap:8px;max-height:520px;overscroll-behavior:contain}.updates-full .updates-feed{display:grid;max-height:none}.updates-all{display:block;padding:9px 13px;border-top:1px solid var(--line,#dbe5e1);font-size:11px}.announcement-services{max-height:180px;gap:5px;margin:8px 0}.announcement-services li{padding:7px;font-size:11px}.bonus-summary{padding:9px;font-size:13px;margin:9px 0}
.update-banner{margin:8px 0;min-width:0}.update-banner .promo-banner{min-height:76px;padding:10px;gap:8px}.update-banner .promo-icon{width:30px;height:30px;font-size:25px}.update-banner .promo-copy>strong{font-size:15px}.update-banner .promo-copy>span{font-size:11px}.update-banner .promo-cta{font-size:10px;padding:6px;max-width:28%}.update-banner .promo-badge{font-size:8px;letter-spacing:.3px}
body .update-popup{width:min(420px,calc(100vw - 24px));max-width:420px;max-height:85dvh;padding:13px;border-radius:16px;box-sizing:border-box;overflow:auto;background:var(--surface,#fff);color:var(--text,#172b3a)}.update-popup-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px;font-size:12px}.update-popup .popup-close{position:static;flex:none;background:#edf8f3!important;color:#155b47!important;border:1px solid #b9dfce!important;border-radius:8px;width:30px;height:30px;padding:0!important;box-shadow:none!important}.update-popup .popup-dismiss{margin:10px 0 0}.update-popup .popup-dismiss button{background:#087f67!important;color:#fff!important;border:1px solid #087f67!important;border-radius:8px;padding:9px;font-size:12px;box-shadow:none!important}.update-popup [data-popup-error]{display:block;color:#b42340;margin-top:6px;font-size:11px}.update-popup .update-card p{max-height:38vh;overflow:auto}.update-popup .update-card{margin:0}.update-service-preview{font-size:11px;margin-top:6px}
.notification-menu{padding:10px;border-radius:12px;width:340px}.notification-menu article{padding:9px;margin-bottom:6px;border-radius:9px}.notification-menu article p{margin:5px 0;font-size:12px;line-height:1.5}.notification-menu article strong{font-size:12px}.notification-center-head{padding:15px;gap:10px;border-bottom-color:#24a27f}.notification-emblem{width:36px;height:36px;font-size:23px;border-radius:11px;background:#dcfce7;color:#166534}.notification-center-head h2{font-size:19px;margin:3px 0}.notification-cards{padding:11px;gap:8px}.notification-toolbar{padding:10px 14px}.inbox-card{padding:12px;gap:10px;border-radius:11px}.inbox-icon{height:30px;width:30px;font-size:19px}.inbox-content h3{font-size:14px;margin:7px 0 5px}.inbox-content p,.notification-more{font-size:12px;line-height:1.55}.notification-more summary{cursor:pointer;font-size:12px;white-space:pre-line;overflow-wrap:anywhere}.notification-more summary b{font-size:10px;text-decoration:underline}.notification-more[open] summary{font-size:0}.notification-more[open] summary b{font-size:11px}.notification-more[open] summary b:after{content:' / collapse'}
@keyframes update-flame{50%{transform:scale(1.15) rotate(-7deg)}}@keyframes update-shine{0%,25%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}@keyframes update-glow{50%{box-shadow:0 0 0 3px #087f6720}}
@media(max-width:760px){.updates-studio-head{align-items:flex-start;flex-wrap:wrap;padding:13px}.updates-campaign-row{align-items:stretch;flex-direction:column;gap:8px}.update-compose-grid{grid-template-columns:1fr}.update-preview-panel{position:static;order:-1}.update-preview-panel .update-card p{max-height:95px;overflow:auto}.update-editor{padding:13px}.update-editor-footer{flex-wrap:wrap}.update-compose-form .form-grid{gap:8px}.notification-center-head{padding:13px}.notification-center-head h2{font-size:18px}.order-updates .updates-feed{max-height:360px}.order-updates.updates-full .updates-feed{display:grid;max-height:none}}
@media(max-width:420px){.update-compose-form .form-grid{grid-template-columns:1fr}.update-banner .promo-banner{flex-wrap:wrap}.update-banner .promo-cta{max-width:100%;margin-left:auto}.update-editor-footer>button{width:100%}.updates-actions{gap:5px}.update-editor h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.update-card[data-update-animation],.update-card[data-update-animation]:after,.update-card .update-logo,.update-high-sale>span{animation:none!important}}
/* Social branding is shared by the editor, feed and popup. */
body #updates-studio .update-network-buttons{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}body #updates-studio .update-network-buttons button{display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--net-color) 10%,white)!important;color:var(--net-color)!important;border-color:color-mix(in srgb,var(--net-color) 30%,white)!important;font-size:11px!important;padding:6px 8px!important;min-height:32px}body #updates-studio .update-network-buttons button[aria-pressed=true]{background:var(--net-color)!important;color:#fff!important;box-shadow:0 2px 7px #0002!important}.update-network-buttons svg{width:16px;height:16px;flex:none}.update-brand-icon{width:20px;height:20px;display:block}.update-card .update-logo{display:grid;place-items:center;color:var(--announcement-accent)!important;background:var(--announcement-badge-background)!important;flex-shrink:0}.update-card[data-update-network=instagram] .update-logo{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)!important;color:white!important}.update-card[data-update-network=tiktok] .update-logo{background:#111827!important;color:#25f4ee!important;filter:drop-shadow(1px 0 #fe2c55)}.updates-campaign-row>.update-logo{flex-shrink:0;display:grid;place-items:center;align-self:flex-start}.update-card[data-update-animation=float] .update-logo{animation:update-icon-float 3s ease-in-out infinite}.update-card[data-update-animation=waves]:after,.update-card[data-update-animation=aurora]:after,.update-card[data-update-animation=stars]:after,.update-card[data-update-animation=sweep]:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}.update-card[data-update-animation=waves]:after{background:radial-gradient(ellipse at 10% 0%,color-mix(in srgb,var(--announcement-accent) 20%,transparent),transparent 70%);animation:update-wave-flow 5s ease-in-out infinite alternate}.update-card[data-update-animation=aurora]:after{background:linear-gradient(120deg,transparent,color-mix(in srgb,var(--announcement-accent) 22%,transparent),transparent);background-size:220% 220%;animation:update-aurora-flow 7s ease-in-out infinite alternate}.update-card[data-update-animation=stars]:after{background-image:radial-gradient(circle at 18% 18%,#fbbf24 0 1.5px,transparent 2px),radial-gradient(circle at 75% 25%,var(--announcement-accent) 0 1px,transparent 2px),radial-gradient(circle at 88% 72%,#fbbf24 0 1.5px,transparent 2px);animation:update-stars 4s ease-in-out infinite}.update-card[data-update-animation=sweep]:after{background:linear-gradient(110deg,transparent 35%,#ffffff88 50%,transparent 65%);animation:update-shine 6s ease-in-out infinite}.update-card[data-update-animation=glow]{animation:update-brand-glow 4s ease-in-out infinite}@keyframes update-icon-float{50%{transform:translateY(-4px)}}@keyframes update-wave-flow{to{transform:translate(8%,8%) scale(1.15)}}@keyframes update-aurora-flow{to{background-position:100% 100%}}@keyframes update-stars{50%{opacity:.3;transform:translateY(5px)}}@keyframes update-brand-glow{50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--announcement-accent) 20%,transparent)}}@media(max-width:760px){.updates-campaign-row>.update-logo{align-self:auto}.update-network-buttons{flex-wrap:nowrap!important;overflow:auto;padding:3px 0 6px}.update-network-buttons button{flex-shrink:0}.update-designer[open] .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.update-card[data-update-animation]:after,.update-card[data-update-animation] .update-logo{animation:none!important}}