#creator-dashboard .creator-ai { min-width:0; }
#creator-dashboard .creator-ai-settings { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px; margin:20px 0 14px; border:1px solid var(--line); border-radius:14px; background:var(--bg-card); }
#creator-dashboard .creator-ai-settings h3 { margin:0 0 6px; font-size:1.12rem; }
#creator-dashboard .creator-ai-settings p { margin:0; color:var(--muted); font-size:.77rem; line-height:1.7; max-width:68ch; }
#creator-dashboard .creator-ai-switch { display:flex; align-items:center; gap:10px; flex-shrink:0; padding:8px 10px; border:0; border-radius:10px; color:var(--ink); background:transparent; font:inherit; }
#creator-dashboard .creator-ai-switch > span { display:block; position:relative; width:42px; height:25px; border-radius:20px; background:var(--muted); }
#creator-dashboard .creator-ai-switch > span::after { content:''; position:absolute; inset:4px auto auto 4px; width:17px; height:17px; border-radius:50%; background:var(--bg-card); transition:transform .15s ease; }
#creator-dashboard .creator-ai-switch[aria-checked=true] > span { background:var(--accent-color); }
#creator-dashboard .creator-ai-switch[aria-checked=true] > span::after { transform:translateX(17px); }
#creator-dashboard .creator-ai-switch b { min-width:23px; font-size:.75rem; font-weight:500; }
#creator-dashboard .creator-ai-switch:disabled { opacity:.55; cursor:wait; }
#creator-dashboard .creator-ai-capabilities { padding:15px 17px; margin:0 0 15px; border:1px solid var(--line); border-left:3px solid var(--accent-color); border-radius:10px; background:var(--tint); }
#creator-dashboard .creator-ai-capabilities strong { font-size:.8rem; }
#creator-dashboard .creator-ai-capabilities p { font-size:.76rem; line-height:1.75; color:var(--muted); margin:5px 0 0; }
#creator-dashboard .creator-ai-sync,#creator-dashboard .creator-ai-results { color:var(--muted); font-size:.73rem; line-height:1.7; margin:12px 0; }
#creator-dashboard .creator-ai-sync[data-error=true],#creator-dashboard .creator-ai-error { color:var(--red); }
#creator-dashboard .creator-ai-filters { display:grid; grid-template-columns:minmax(0,1fr) 190px; gap:18px; margin:15px 0; }
#creator-dashboard .creator-ai-filters label { min-width:0; display:grid; gap:8px; font-size:.74rem; }
#creator-dashboard .creator-ai-filters input { width:100%; min-width:0; padding:11px 12px; min-height:44px; border:1px solid var(--control-line); border-radius:var(--radius-control); background:var(--control-bg); color:var(--ink); font:inherit; }
#creator-dashboard .creator-ai-job { margin:0 0 12px; border:1px solid var(--line); border-radius:13px; background:var(--bg-card); overflow:hidden; }
#creator-dashboard .creator-ai-job > summary { display:flex; align-items:center; gap:15px; padding:18px 20px; list-style:none; cursor:pointer; }
#creator-dashboard .creator-ai-job > summary::-webkit-details-marker { display:none; }
#creator-dashboard .creator-ai-job-copy { display:grid; gap:6px; flex:1; min-width:0; }
#creator-dashboard .creator-ai-category { text-transform:uppercase; letter-spacing:.1em; font-size:.61rem; color:var(--accent-color); }
#creator-dashboard .creator-ai-job-copy strong { font-size:.94rem; line-height:1.5; overflow-wrap:anywhere; }
#creator-dashboard .creator-ai-job-copy small { font-size:.7rem; color:var(--muted); }
#creator-dashboard .creator-ai-chevron { font-size:1.1rem; color:var(--muted); }
#creator-dashboard .creator-ai-job[open] > summary { border-bottom:1px solid var(--line); }
#creator-dashboard .creator-ai-job[open] .creator-ai-chevron { transform:rotate(180deg); }
#creator-dashboard .creator-ai-review { padding:22px; display:grid; gap:21px; min-width:0; }
#creator-dashboard .creator-ai-review h4 { font-size:.78rem; font-weight:600; margin:0 0 9px; color:var(--ink); }
#creator-dashboard .creator-ai-review p,#creator-dashboard .creator-ai-review li { font-size:.78rem; line-height:1.8; color:var(--text); overflow-wrap:anywhere; white-space:pre-wrap; }
#creator-dashboard .creator-ai-review p { margin:0; }
#creator-dashboard .creator-ai-review ul { padding-left:19px; margin:8px 0 0; }
#creator-dashboard .creator-ai-original { background:var(--soft); border-radius:9px; padding:15px; }
#creator-dashboard .creator-ai-recommendation { display:inline-block; font-size:.66rem; margin-top:10px; padding:4px 8px; background:var(--tint); color:var(--accent-color); border:1px solid var(--line); border-radius:6px; }
#creator-dashboard .creator-ai-brief > summary { font-size:.75rem; cursor:pointer; color:var(--muted); }
#creator-dashboard .creator-ai-brief > p { padding:12px 0 0; }
#creator-dashboard .creator-ai-artifact { min-width:0; padding-top:20px; border-top:1px solid var(--line); }
#creator-dashboard .creator-ai-artifact-heading { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
#creator-dashboard .creator-ai-artifact-heading > span { font-size:.68rem; color:var(--muted); }
#creator-dashboard .creator-ai-artifact > h4 { margin-top:22px; }
#creator-dashboard .creator-ai-files { list-style:none; padding:0!important; }
#creator-dashboard .creator-ai-files li { display:grid; gap:3px; padding:10px 0; border-bottom:1px solid var(--line); }
#creator-dashboard .creator-ai-files code { font-size:.72rem; color:var(--ink); }
#creator-dashboard .creator-ai-files span { font-size:.72rem; color:var(--muted); }
#creator-dashboard .creator-ai-checks { padding:0!important; list-style:none; display:grid; gap:8px; }
#creator-dashboard .creator-ai-checks > li { display:flex; align-items:start; gap:12px; padding:11px 12px; background:var(--soft); border-radius:8px; }
#creator-dashboard .creator-ai-checks > li > span { flex-shrink:0; border:1px solid var(--line); border-radius:5px; padding:1px 6px; font-size:.61rem; }
#creator-dashboard .creator-ai-checks > li[data-check-status=passed] > span { color:var(--accent-color); background:var(--tint); }
#creator-dashboard .creator-ai-checks > li[data-check-status=failed] > span { color:var(--red); }
#creator-dashboard .creator-ai-checks strong { font-size:.74rem; }
#creator-dashboard .creator-ai-checks p { font-size:.71rem; color:var(--muted); }
#creator-dashboard .creator-ai-artifact-links { display:flex; flex-wrap:wrap; gap:15px; margin:18px 0; }
#creator-dashboard .creator-ai-artifact-links a { font-size:.74rem; color:var(--accent-color); }
#creator-dashboard .creator-ai-diff { max-height:430px; max-width:100%; margin:10px 0; padding:16px; border:1px solid var(--line); border-radius:9px; overflow:auto; background:var(--soft); color:var(--ink); font-size:.71rem; line-height:1.7; tab-size:2; white-space:pre; }
#creator-dashboard .creator-ai-digest { display:grid; gap:4px; font-size:.64rem!important; color:var(--muted)!important; }
#creator-dashboard .creator-ai-digest code { overflow-wrap:anywhere; font-size:.65rem; }
#creator-dashboard .creator-ai-decision { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:15px; padding:17px; border-radius:10px; border:1px solid var(--line); background:var(--tint); }
#creator-dashboard .creator-ai-decision p { flex:1 1 240px; font-size:.73rem; }
#creator-dashboard .creator-ai-decision button { font-size:.75rem; }
#creator-dashboard .creator-ai-reject { display:flex; flex-wrap:wrap; align-items:end; gap:14px; border-top:1px solid var(--line); padding-top:18px; }
#creator-dashboard .creator-ai-reject label { display:grid; gap:8px; flex:1 1 250px; font-size:.72rem; color:var(--muted); }
#creator-dashboard .creator-ai-reject textarea { width:100%; box-sizing:border-box; background:var(--control-bg); color:var(--ink); border:1px solid var(--control-line); border-radius:9px; padding:10px; font:inherit; }
#creator-dashboard .creator-ai-complete { color:var(--accent-color)!important; }
#fragrance-request-form [hidden] { display:none!important; }
@media(max-width:700px) { #creator-dashboard .creator-ai-filters { grid-template-columns:minmax(0,1fr); } #creator-dashboard .creator-ai-job > summary { flex-wrap:wrap; gap:10px; padding:15px; } #creator-dashboard .creator-ai-job-copy { flex-basis:calc(100% - 35px); } #creator-dashboard .creator-ai-review { padding:16px; } #creator-dashboard .creator-ai-decision button { width:100%; } #creator-dashboard .creator-ai-settings { padding:16px; gap:12px; } #creator-dashboard .creator-ai-filters input,#creator-dashboard .creator-ai-reject textarea { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { #creator-dashboard .creator-ai-switch > span::after { transition:none; } }

/* ---- the Requests screen and the AI screen point at each other ---- */
#creator-dashboard .creator-ai-chip { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 99px; background: color-mix(in srgb, var(--accent-color) 12%, transparent); color: var(--ink); font: 700 .62rem/1.3 system-ui, sans-serif; letter-spacing: .04em; white-space: nowrap; }
#creator-dashboard .creator-ai-chip[data-ai=awaiting_approval] { background: color-mix(in srgb, #2f8f5b 20%, transparent); }
#creator-dashboard .creator-ai-chip[data-ai=unsent], #creator-dashboard .creator-ai-chip[data-ai=failed], #creator-dashboard .creator-ai-chip[data-ai=blocked], #creator-dashboard .creator-ai-chip[data-ai=needs_information] { background: color-mix(in srgb, #c98a1b 22%, transparent); }
#creator-dashboard .creator-ai-chip[data-ai=applied] { background: color-mix(in srgb, #2f8f5b 14%, transparent); }
#creator-dashboard .creator-request-ai { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 14px 0 4px; padding: 14px 16px; border: 1px solid color-mix(in srgb, var(--accent-color) 30%, var(--line)); border-radius: 16px; background: color-mix(in srgb, var(--accent-color) 7%, transparent); }
#creator-dashboard .creator-request-ai[data-ai-state=unsent] { border-color: color-mix(in srgb, #c98a1b 55%, var(--line)); background: color-mix(in srgb, #c98a1b 9%, transparent); }
#creator-dashboard .creator-request-ai[data-ai-state=unknown] { opacity: .7; }
#creator-dashboard .creator-request-ai[data-ai=awaiting_approval] { border-color: color-mix(in srgb, #2f8f5b 55%, var(--line)); background: color-mix(in srgb, #2f8f5b 9%, transparent); }
#creator-dashboard .creator-request-ai > div { display: grid; gap: 3px; min-width: 0; }
#creator-dashboard .creator-request-ai strong { font: 700 .7rem/1.3 system-ui, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
#creator-dashboard .creator-request-ai span { font-size: .84rem; line-height: 1.5; color: var(--ink); }
#creator-dashboard .creator-request-ai button { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; }
#creator-dashboard .creator-request-ai button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#creator-dashboard .creator-request-photo { display: grid; gap: 6px; max-width: 280px; margin: 14px 0 0; }
#creator-dashboard .creator-request-photo img { display: block; width: 100%; max-height: 300px; object-fit: contain; border: 1px solid var(--line); border-radius: 16px; background: var(--bg-surface, var(--soft)); }
#creator-dashboard .creator-request-photo figcaption { font-size: .72rem; color: var(--muted); }
#creator-dashboard .creator-ai-unqueued { display: grid; gap: 12px; margin: 4px 0 18px; padding: 18px 20px; border: 1px solid color-mix(in srgb, #c98a1b 50%, var(--line)); border-radius: 20px; background: color-mix(in srgb, #c98a1b 8%, var(--bg-card, transparent)); }
#creator-dashboard .creator-ai-unqueued[hidden] { display: none; }
#creator-dashboard .creator-ai-unqueued-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
#creator-dashboard .creator-ai-unqueued-head h3 { margin: 0 0 3px; font: 600 1.15rem/1.25 var(--studio-serif, Georgia, serif); }
#creator-dashboard .creator-ai-unqueued-head p { margin: 0; font-size: .82rem; color: var(--muted); }
#creator-dashboard .creator-ai-unqueued ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
#creator-dashboard .creator-ai-unqueued li { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--bg-card); }
#creator-dashboard .creator-ai-unqueued li > div { display: grid; gap: 2px; min-width: 0; }
#creator-dashboard .creator-ai-unqueued li small { color: var(--muted); font-size: .74rem; }
#creator-dashboard .creator-ai-unqueued-actions { display: inline-flex; align-items: center; gap: 8px; }
#creator-dashboard .creator-ai-links { display: flex; justify-content: flex-end; padding: 0 18px 14px; }
#creator-dashboard .creator-ai-job.is-flash { animation: creator-flash 2.2s ease-out; }
@keyframes creator-flash { 0%, 40% { box-shadow: 0 0 0 3px var(--accent-color); } 100% { box-shadow: 0 0 0 3px transparent; } }
@media (max-width: 640px) { #creator-dashboard .creator-request-ai { flex-direction: column; align-items: stretch; } }
@media (prefers-reduced-motion: reduce) { #creator-dashboard .creator-ai-job.is-flash { animation: none; outline: 3px solid var(--accent-color); } }

/* ---- what has to be connected before the AI can review anything ---- */
#creator-dashboard .creator-ai-capabilities { display: grid; gap: 10px; padding: 18px 20px; border: 1px solid color-mix(in srgb, #c98a1b 55%, var(--line)); border-radius: 20px; background: color-mix(in srgb, #c98a1b 9%, var(--bg-card, transparent)); }
#creator-dashboard .creator-ai-capabilities[hidden] { display: none; }
#creator-dashboard .creator-ai-capabilities > strong { font: 600 1.2rem/1.25 var(--studio-serif, Georgia, serif); color: var(--ink); }
#creator-dashboard .creator-ai-capabilities > p { margin: 0; font-size: .84rem; line-height: 1.55; color: var(--muted); }
#creator-dashboard .creator-ai-setup { display: grid; gap: 10px; margin: 4px 0 0; padding: 0; list-style: none; }
#creator-dashboard .creator-ai-setup li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 12px; align-items: start; padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--bg-card); }
#creator-dashboard .creator-ai-setup li > span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; border: 1.5px dashed color-mix(in srgb, var(--muted) 60%, transparent); color: var(--muted); font-size: .8rem; }
#creator-dashboard .creator-ai-setup li.is-done > span { border: 0; background: #2f8f5b; color: #fff; font-weight: 800; }
#creator-dashboard .creator-ai-setup strong { font-size: .8rem; color: var(--ink); overflow-wrap: anywhere; }
#creator-dashboard .creator-ai-setup code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .78rem; }
#creator-dashboard .creator-ai-setup p { margin: 3px 0 0; font-size: .78rem; line-height: 1.5; color: var(--muted); }
#creator-dashboard .creator-ai-capabilities.is-flash { animation: creator-flash 2.2s ease-out; }
#creator-dashboard .creator-request-tools { display: flex; justify-content: flex-end; margin: 4px 0 0; }