/* Midnight accents over the existing pearl and white surfaces. */
:root {
  --blue-primary:#3a2566; --blue-hover:#2b174f; --text-link:#5b4380;
  --blue-soft-bg:#f4eeff; --blue-soft-border:#e5daf7; --blue-soft-text:#5b4380;
  --bg-active-nav:#f3edff; --border-input-focus:#7a55d6;
  --badge-multiplier-bg:#f4eeff; --badge-multiplier-text:#5b4380; --badge-multiplier-border:#e5daf7;
  --badge-views-bg:#f7f2ff; --badge-views-text:#5b4380; --badge-views-border:#e5daf7;
  --badge-eng-bg:#f4eeff; --badge-eng-text:#5b4380; --badge-eng-border:#e5daf7;
}
.app-shell {background:radial-gradient(ellipse at 80% 0,#f3edff 0,transparent 45%),#faf7ff}
.brand-title-text,.view-title,.studio-empty h2 {color:#3a2566!important}
.nav-link-item.active {background:#f3edff;color:#3a2566}
.nav-link-item:hover {background:#faf6ff;color:#5b4380}
.nav-badge-pill,.ff-chat-launcher span {background:#f0e8ff;color:#5b4380}
.studio-eyebrow,.studio-assistant,.studio-empty button,.ff-chat-launcher {color:#5b4380;border-color:#e5daf7}
.ff-account-button,.ff-chat-header,.ff-plan-card.pro {background:linear-gradient(125deg,#f4eeff,#fbf8ff);border-color:#e5daf7}
.ff-chat-message.user {background:#f1eaff;color:#3a2566}
#btn-toggle-filters-sidebar {background:#f3edff!important;border-color:#e5daf7!important;color:#5b4380!important}
.filter-chip:hover,.btn-search-type {background:#f7f2ff;border-color:#e5daf7;color:#5b4380}
:is(.ideas-tab-pill-btn,.script-step-tab,.tab-btn,.btn-script-action,.btn-card-quick,.ff-secondary,.metadata-retry) {color:#5b4380;border-color:#e5daf7}
:is(.ideas-tab-pill-btn,.script-step-tab,.tab-btn).active {background:#3a2566!important;color:#fff!important;border-color:#3a2566!important}
:is(input,select,textarea):focus {border-color:#7a55d6!important;box-shadow:0 0 0 3px #7a55d61a!important}
:where(button,a,input,select,textarea,[tabindex]):focus-visible {outline-color:#7a55d6}
input[type=checkbox],input[type=radio],input[type=range] {accent-color:#3a2566}
.metric-pill {background:#f7f2ff!important;border-color:#e5daf7!important;color:#5b4380!important}
.upload-time-ago {display:block;color:#71618c;font-size:11px;line-height:1.6;white-space:normal}
.card-author-meta {flex-wrap:wrap;gap:4px 10px}
.card-metrics-pills-row {flex-wrap:wrap;gap:6px}
.metric-pill.engagement {font-size:10px}
.metadata-retry {margin-top:10px;background:#f1f5fa;border:1px solid #e5daf7;border-radius:7px;padding:6px 9px;font-size:11px;cursor:pointer}
.script-lines-container:empty::before {content:attr(data-placeholder);color:#8f80a8;pointer-events:none}

.mentor-panel {margin-bottom:24px; color:#3a2b55;}
.mentor-panel h2 {font-size:23px; letter-spacing:-.5px; margin:8px 0;}
.mentor-panel p {font-size:13px; line-height:1.7;}
.mentor-panel .mentor-eyebrow {font-size:10px; font-weight:700; letter-spacing:2px; color:#6d5a8a; margin-top:22px;}
.mentor-presets {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:20px 0;}
.mentor-presets button {background:linear-gradient(145deg,#4a2f7d,#241141); color:#f4f7ff; border:1px solid #8d6fc9; border-radius:12px; padding:14px 10px; cursor:pointer; box-shadow:inset 0 1px 0 #ffffff30,0 4px 12px #2b174f15; text-align:left;}
.mentor-presets button:hover {border-color:#b79aff; transform:translateY(-1px);}
.mentor-presets button:focus-visible {outline:3px solid #a98bf0; outline-offset:3px;}
.mentor-panel label {display:block; margin-bottom:8px; font-weight:600; font-size:13px;}
.mentor-panel textarea {line-height:1.7; resize:vertical;}
.mentor-note {color:#786891;}
@media(max-width:480px) {.mentor-presets {grid-template-columns:1fr;}}