@font-face{font-family:SpecialPoppins;src:url('./special-poppins-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:SpecialPoppins;src:url('./special-poppins-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:SpecialPoppins;src:url('./special-poppins-700.ttf') format('truetype');font-weight:700;font-display:swap}
.special-day-editor [hidden],[hidden].special-day-legacy,.special-day-legacy{display:none!important}
.special-day-editor{width:100%;font-family:SpecialPoppins,Arial,sans-serif}
.special-day-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:5px 0 22px}
.special-day-intro span{font-size:.61rem;color:#c4a3ff;letter-spacing:.16em}
.special-day-intro h3{margin:6px 0;font-size:1.25rem;color:#fff}
.special-day-intro>small{font-size:.65rem;line-height:1.6;color:#d3c4ee;border:1px solid #9e63f33b;padding:6px 10px;border-radius:12px;background:#7d38d20d}
.special-day-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(210px,.85fr);gap:24px}
.special-day-fields{display:flex;flex-direction:column;gap:15px;min-width:0}
.special-day-fields label{display:flex;flex-direction:column;gap:7px;color:#d1ccd9;font-size:.78rem}
.special-day-fields label small{font-size:.65rem;color:#a59caf}
.special-day-fields input:not([type=checkbox]),.special-day-fields select,.special-day-fields textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #a38ab32e;border-radius:12px;background:#141319;color:#eee8f7;padding:11px;font:inherit;resize:vertical}
.special-day-fields input[type=file]{font-size:.7rem}
.special-day-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.special-day-logo{border:1px solid #a38ab329;border-radius:12px;padding:12px}
.special-day-logo summary{cursor:pointer;color:#d9c6f8;font-size:.77rem}
.special-day-note{font-size:.72rem;color:#afa5bd;line-height:1.65}
.special-day-checks{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}
.special-day-checks label{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:.7rem}
.special-day-checks input{accent-color:#ac68ff;width:17px;height:17px}
.special-day-result{display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:flex-start;padding:16px;border:1px solid #9b6be02b;border-radius:18px;background:#120f1873;min-height:230px}
.special-day-result>p{font-size:.75rem;line-height:1.6;color:#b9aec9;text-align:center;margin:0}
#specialDayOutput{width:min(100%,330px)}
#specialDayPreview{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:8px;box-shadow:0 15px 40px #0006}
#specialDayDownload{width:100%;margin-top:auto}
#specialDayProduce{background:linear-gradient(110deg,#7825e8,#b251ff);box-shadow:0 5px 20px #8b30de24;width:100%;min-height:45px}
@media(max-width:680px){.special-day-grid{grid-template-columns:1fr}.special-day-intro{flex-direction:column;gap:5px}.special-day-result{min-height:130px}.special-day-intro h3{font-size:1.1rem}}

.special-day-business-picker{grid-template-columns:1fr!important}
/* Canva setup stays within the existing compact special-day editor. */
#canvaStudio {display:grid;gap:12px;margin-bottom:14px}
#canvaStudio details {min-width:0}
#canvaStudio summary {cursor:pointer;padding:8px 0;font-weight:600}
#canvaStudio p,#canvaStudio small {font-size:12px;line-height:1.6;color:var(--muted,#bdb4cf)}
#canvaStudio code {display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;padding:10px;border-radius:10px;background:#ffffff08;color:inherit}
#canvaStudio a {color:#c49aff}
#canvaStudio form {display:grid;gap:12px;margin-top:12px}
#canvaStudio label {display:grid;gap:6px;font-size:12px}
.canva-actions {display:flex;flex-wrap:wrap;gap:8px}
.canva-template-row {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #ffffff10;font-size:12px}
#canvaFieldMapping {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.canva-mode .canva-local-control {display:none!important}
@media(max-width:540px) {#canvaFieldMapping{grid-template-columns:1fr}.canva-actions{display:grid;grid-template-columns:1fr}}

.canva-mode .canva-layout-row{display:none}
.canva-mode .canva-date-row{grid-template-columns:1fr}

#canvaStudio .canva-auth-feedback{padding:14px;border:1px solid #f070864d;border-radius:14px;background:#f0708612;color:#ff9da8;line-height:1.65;overflow-wrap:anywhere;margin:0}
#storyTypeControls,#storyLegacyControls{display:grid;gap:12px;margin:0 0 14px}#storyAutomation,#storySportsSetup,#storyLibrary{margin-top:18px;padding:14px;border:1px solid #b787ff26;border-radius:18px;background:#ffffff03}#storyAutomation summary,#storySportsSetup summary,#storyLibrary summary{cursor:pointer;font-weight:600;color:#d3baff;padding:5px 0}#storyAutomation p,#storySportsSetup p,#storyLibrary p{font-size:12px;line-height:1.6}#storyAutomation label,#storySportsSetup label,#storyLibrary label,#storyTypeControls label{display:grid;gap:6px;margin:12px 0;font-size:12px}#storySportsSetup form{display:grid;gap:8px}.story-option-checks{display:grid;grid-template-columns:1fr 1fr}.story-option-checks label{display:flex!important;gap:8px;align-items:center}#storyAutomation input[type=checkbox],#storySportsSetup input[type=checkbox]{width:18px;height:18px;accent-color:#b34bff}.story-library-item{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff16}.story-library-item>div{flex:1;min-width:0}.story-library-item strong{font-size:13px}.story-library-item img{width:56px;height:100px;object-fit:cover;border-radius:9px}.story-library-item p{margin:5px 0;overflow-wrap:anywhere}.story-library-item small{font-size:10px;color:#bcafd0}.story-legacy-mode .special-day-fields>:not(#canvaStudio):not(#storyLegacyControls),.story-legacy-mode .special-day-result{display:none!important}#storyLegacyControls[hidden]{display:none!important}#storyLegacyControls #adminContentEngineGenerate{display:block!important;padding:14px;border-radius:12px;background:#8c28ed;color:white;border:0}#storyAutomation textarea{width:100%;box-sizing:border-box}#storyCenterMessage:empty{display:none}@media(max-width:540px){.story-option-checks{grid-template-columns:1fr}.story-library-item{flex-wrap:wrap}}

/* Bright violet accent across customer and management views. */
:root{--lime:#bd38ff;--purple:#b32bff;--purple-soft:#d18aff;--violet:#cf69ff}
.primary-button{background:linear-gradient(125deg,#a926f4,#c342ff);box-shadow:0 8px 24px rgba(179,43,255,.2)}
.primary-button:hover:not(:disabled){background:linear-gradient(125deg,#b638ff,#d05aff);box-shadow:0 10px 28px rgba(179,43,255,.3)}
.bottom-nav button.active{background:rgba(179,43,255,.16);color:#e9c9ff;box-shadow:inset 0 0 0 1px rgba(196,103,255,.22)}
.login-view:after{-webkit-text-stroke-color:rgba(193,91,255,.11)}
.story-workspace-summary{grid-template-columns:minmax(0,1fr) auto 18px!important}
.story-workspace-summary .story-workspace-soon{padding:5px 9px;border:1px solid rgba(193,91,255,.16);border-radius:999px;background:rgba(179,43,255,.07);color:#a794b4;font-size:10px;font-weight:700;opacity:.68}
.story-workspace-summary .single-section-title{color:#c36bff!important}
.story-paused-note{display:grid;gap:6px;margin:0 0 16px;padding:14px 15px;border:1px solid rgba(179,43,255,.23);border-left:3px solid #b32bff;border-radius:15px;background:linear-gradient(115deg,rgba(179,43,255,.1),rgba(255,255,255,.02))}
.story-paused-note strong{font-size:12px;color:#e8d5f2}
.story-paused-note span,.story-paused-note small{color:#aaa2b1;font-size:11px;line-height:1.55}
.special-day-intro>div>span{font-size:.72rem!important;letter-spacing:.14em!important;text-transform:none!important;color:#d18aff!important}
@media(max-width:390px){.story-workspace-summary{grid-template-columns:minmax(0,1fr) auto!important}.story-workspace-summary>i{display:none}}
