/* One palette throughout the product. Accent colors communicate purpose. */
.footer-premium-notice{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:10px 0 16px;padding:10px 12px;border:1px solid #3c315f;border-radius:8px;background:#161127;color:#c5bddb;font-size:12px;line-height:1.5}
.footer-premium-notice>strong{color:#d3bcff;background:#2c1e46;padding:3px 7px;border-radius:4px;font-size:11px}
.footer-premium-notice>span{flex:1 1 170px}
.app main.content .footer-premium-notice button{background:#392654;border:1px solid #6e5196;color:#f2eaff;padding:7px 10px;cursor:pointer}
.role-preview-footer img{width:16px;height:16px;object-fit:cover;border-radius:50%;vertical-align:middle;margin-right:6px}
.app{background:#03050b;color-scheme:dark}
.app main.content :is(.music-cover,.music-plan,.settings-pro-hero aside,.custom-bot-settings,.settings-backup,.settings-subscription,.custom-bot-onboarding,.custom-bot-connect-form,.settings-section-nav){background:#0a0d1a!important;border-color:#24263a!important}
.app main.content :is(.music-cover span,.music-plan){color:#aaaabd!important}
.command-dialog,.notification-drawer,.experience-dialog{background:#070b18!important;border-color:#2b2e45!important;color:#f0f0f7}
.command-dialog :is(input,a),.notification-drawer :is(header,footer,.notification-item){background:transparent;color:#e6e6f2}
.command-dialog a.is-selected{background:#17172c!important}
.app .control-tools>button,.app .dashboard-menu-toggle,.app .guild-menu{background:#0a0d1a!important;border-color:#24263a!important;color:#e6e6f2!important}
.app{--accent:#d34b64;--accent-hover:#e66379;--accent-wash:#d34b641c;--good:#65d6b1;--warn:#edc477;--info:#8cbcff;--neutral:#a6b8ce}
.app .rail{background:linear-gradient(180deg,#03050a,#060817)!important;border-color:#24263a!important}
.app main.content{background:#03050b!important;--nc-surface:#070b18;--nc-surface-inset:#050813;--nc-line:#24263a;--nc-text:#f0f0f7;--nc-muted:#a4a5b8;--nc-red:#be354e;color:var(--nc-text)!important}
.app .railnav .navlink.active{background:#11142d!important;border-color:#343b70!important;color:#d6ddff!important}
.app .railnav .navlink:hover{background:#11152a!important}
.app main.content .eyebrow{color:#acadc2!important}
.app main.content :is(.btn-primary,.music-primary){background:#be354e!important;border-color:#de6279!important;color:#fff!important}
.app main.content :is(.btn-primary,.music-primary):hover{background:#a92d44!important}
.app main.content :is(.btn-secondary,.music-controls button){background:#11152a!important;border-color:#2b2e45!important;color:#e6e6f2!important}
.app main.content :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea){background:#050813!important;border-color:#2b2e45!important;color:#f0f0f7}
.app main.content :is(.ticket-metrics,.submission-metrics,.dashboard-metrics,.reaction-role-metrics,.community-stat-grid,.mod-stats,.bd-metrics,.settings-overview-pro){background:#070b18!important;border-color:#24263a!important}
.app main.content :is(.community-panel,.operations-overview,.dashboard-recent,.dashboard-operations,.module-secondary,.module-settings-card,.music-panel){background:#070b18!important;border-color:#24263a!important}
.app main.content :is(.dashboard-stat-icon,.ticket-metric-icon,.stat-icon){background:#111a3c!important;color:#9fc8ff!important}
.app main.content .metric-red .dashboard-stat-icon{background:#432936!important;color:#ffadbc!important}
.app main.content .metric-violet .dashboard-stat-icon{background:#34304d!important;color:#c6b7ff!important}
.app main.content .metric-amber .dashboard-stat-icon{background:#3e3527!important;color:#edc477!important}
.app main.content .metric-green .dashboard-stat-icon{background:#203e38!important;color:#65d6b1!important}
.app main.content .module-guide-pages a[aria-current=page]{background:#11142d;border-color:#343b70;color:#d6ddff}
.app main.content :is(.dashboard-setup,.music-player,.settings-pro-hero aside){background:linear-gradient(120deg,#111033,#050916)!important;border-color:#2b2c4a!important}
.app main.content :is(.dashboard-setup__progress i,.health-category-grid .is-healthy i){background:#65d6b1!important}
.app main.content .operations-alert{background:#382f22!important;border-color:#715c35!important;color:#f4d79e!important}
.app main.content :is(.good-text,.autosave-status[data-state=saved]){color:#65d6b1!important}
.app main.content :is(.danger-text,.music-feedback.is-error){color:#ff9eb0!important}
.app main.content :is(.module-help-items,.module-guide-help[open]>summary){background:#0a0d1a!important;border-color:#2b2e45!important}
.app main.content .module-help-items button{display:block;width:100%;text-align:left;min-height:38px;padding:8px 12px;background:transparent;border:0;color:#e6e6f2;font:inherit;font-size:13px;cursor:pointer}
.app main.content .module-help-items :is(a,button):hover{background:#1a1b36!important}
.recent-pages{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 24px;padding:14px 18px;border:1px solid #24263a;border-radius:8px;background:#070b18}
.recent-pages>strong{font-size:13px;color:#aaaabd}.recent-pages nav{display:flex;flex-wrap:wrap;gap:8px}
.recent-pages a{padding:6px 10px;background:#11162b;border:1px solid #2b2c4a;border-radius:6px;color:#dcdcf6;font-size:13px}
.preview-explanation{font-size:12px!important;color:#a4a5b8!important;line-height:1.5;margin:10px 0;max-width:65ch}
.experience-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;background:#070b18;color:#f0f0f7;border:1px solid #2b2e45;border-radius:12px;font-family:'Proxima Nova',system-ui,sans-serif;box-shadow:0 24px 80px #0008}
.experience-dialog::backdrop{background:#01030bc9}
.experience-dialog>header,.experience-dialog>footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 22px;background:#0d1022}
.experience-dialog>header{border-bottom:1px solid #24263a}.experience-dialog>footer{border-top:1px solid #24263a}
.experience-dialog h2,.experience-dialog h3{font-family:'Proxima Nova',system-ui,sans-serif!important;font-weight:600!important;letter-spacing:normal!important;text-transform:none!important}
.experience-dialog h2{margin:0;font-size:20px}.experience-dialog h3{font-size:19px;line-height:1.4;margin:12px 0}
.experience-body{padding:22px;line-height:1.65;min-height:170px;overflow-wrap:anywhere}.experience-body p{margin:0 0 14px}
.experience-dialog :is(button,a){box-sizing:border-box;font:inherit;font-size:13px;padding:9px 12px;min-height:38px;border:1px solid #343551;border-radius:6px;background:#17172c;color:#ececf8;cursor:pointer;text-decoration:none}
.experience-dialog .experience-primary{background:#be354e;border-color:#de6279;color:white}
.experience-dialog button:disabled{opacity:.45;cursor:default}
.experience-dialog :is(button,a):focus-visible{outline:2px solid #9fc8ff;outline-offset:3px}
.experience-step{color:#9fc8ff;font-size:13px;font-weight:600}.experience-note{color:#aaaabd;font-size:13px}.experience-error{color:#ffacbc}
.experience-loading{color:#a4a5b8}
.readiness-check{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:16px 0;border-bottom:1px solid #24263a}
.readiness-check p{grid-column:1/-1;font-size:13px;margin:0}.readiness-status{font-size:12px;color:#9fc8ff}.is-healthy>.readiness-status{color:#65d6b1}.is-warning>.readiness-status{color:#edc477}.is-critical>.readiness-status{color:#ffacbc}
@media(max-width:560px){.experience-dialog>header,.experience-dialog>footer,.experience-body{padding:16px}.readiness-check{grid-template-columns:1fr}.experience-dialog>footer a{flex:1;text-align:center}}

/* Reference direction: near-black canvas, indigo depth, small colored accents. */
.app main.content{background:linear-gradient(135deg,transparent 0 18%,#11133430 18% 30%,transparent 30% 100%),#03050b!important}
.app main.content :is(.submissions-card,.application-saved-replies,.ticket-pro-table,.ticket-saved-replies,.application-queue-intelligence,.ticket-insights){background:#070b18!important;border-color:#24263a!important}
.app main.content :is(.submissions-card,.community-panel,.operations-overview,.dashboard-recent,.dashboard-operations,.music-panel,.cw-panel,.platform-panel,.moderation-section,.application-pro-card,.app-editor-card,.wizard-form-card,.panel-library,.embed-editor-card,.welcome-message-card,.plan-card,.command-card,.role-rule-card,.schedule-card,.voice-template-card,.game-card){background-image:linear-gradient(120deg,#22145d33,transparent 70%)!important}
.app main.content :is(.submission-metrics,.dashboard-metrics,.ticket-metrics)>:nth-child(1){background:linear-gradient(120deg,#0b1749aa,#060a19)!important}
.app main.content :is(.submission-metrics,.dashboard-metrics,.ticket-metrics)>:nth-child(2){background:linear-gradient(120deg,#24115399,#060a19)!important}
.app main.content :is(.submission-metrics,.dashboard-metrics,.ticket-metrics)>:nth-child(3){background:linear-gradient(120deg,#37260f55,#060a19)!important}
.app main.content :is(.submission-metrics,.dashboard-metrics,.ticket-metrics)>:nth-child(4){background:linear-gradient(120deg,#3a122955,#060a19)!important}
.app main.content :is(.submission-search,.ticket-search,.module-guide-help>summary){background:#050813!important;border-color:#24263a!important}
.app main.content :is(.submission-status-tabs,.filter-pills) a.active{background:#151334!important;border-color:#4b4274!important;color:#e4ddff!important}
.app main.content :is(.btn-primary,.music-primary){background:#bd2945!important;border-color:#d94b65!important}
.app main.content :is(.community-head-badge,.bd-date,.cw-badge,.premium-item-mark,.panel-info__icon,.embed-template-chip){background:#11152a!important;color:#bfc4e8!important;border-color:#292e4a!important}
.app main.content :is(.submission-row,.ticket-pro-row){background:#0b0e1e!important;border-color:#24263a!important}
.app main.content :is(.submission-row,.ticket-pro-row):hover{background:#12162c!important}