/* Najdi presentation layer. Integration and service settings stay in the existing application. */
@font-face {
  font-family:'Cinzel'; font-style:normal; font-weight:700; font-display:swap;
  src:url('../assets/fonts/cinzel/Cinzel-Latin-700.woff2') format('woff2');
}
@font-face {
  font-family:'Cinzel Decorative'; font-style:normal; font-weight:700; font-display:swap;
  src:url('../assets/fonts/cinzel/Cinzel-Decorative-Latin-700.woff2') format('woff2');
}
:root {
  --najdi-coffee:#28170e; --najdi-wood:#432315; --najdi-ivory:#f1eedb; --najdi-sand:#e8dbbe;
  --najdi-sadu:#b11a29; --najdi-sadu-deep:#790002;
  --color-bg-base:var(--najdi-coffee); --color-bg-surface:#332219;
  --color-text-primary:var(--najdi-ivory); --color-text-secondary:#cabca4; --color-field-border:#9a846b;
  --bg:var(--color-bg-base); --panel:var(--color-bg-surface); --panel-secondary:#39271d; --surface:var(--najdi-wood);
  --text:var(--color-text-primary); --text-muted:var(--color-text-secondary); --border:#705942;
  --accent:var(--najdi-sadu); --accent-light:#dc7b82; --accent-dark:var(--najdi-sadu-deep);
  --gold:#d3b989; --gold-light:#e8dbbe; --gold-dark:#a98c5f;
  --crimson:var(--najdi-sadu); --crimson-light:#dc7b82; --ai:#d3b989; --ai-light:#e8dbbe; --ai-dark:#a98c5f;
  --military:#005837; --military-light:#78ba94; --military-dark:#003c25; --success:#005837; --success-light:#78ba94;
  --error:#b11a29; --error-light:#f0a5ab; --danger:#b11a29; --warning:#da8d17;
  --font-main:'Thmanyah Sans',sans-serif; --font-display:'Thmanyah Display',serif;
  --radius-sm:6px; --radius-md:8px; --radius-lg:12px; --radius-xl:12px;
  --accent-glow:transparent; --crimson-glow:transparent; --ai-glow:transparent; --military-glow:transparent;
  --shadow-glow:none; --shadow-sm:none; --shadow-md:none;
  --motion-ease-out:cubic-bezier(.23,1,.32,1); --motion-feedback-duration:120ms; --motion-popover-duration:180ms;
  --transition-fast:120ms var(--motion-ease-out); --transition-normal:180ms var(--motion-ease-out); --transition-smooth:200ms var(--motion-ease-out);
}
body.najdi-app.light-mode {
  --color-bg-base:#f1eedb; --color-bg-surface:#faf8ee; --color-text-primary:#28170e; --color-text-secondary:#6a5847; --color-field-border:#8b7864;
  --bg:var(--color-bg-base); --panel:var(--color-bg-surface); --panel-secondary:#eee5d0; --surface:#e8dbbe;
  --text:var(--color-text-primary); --text-muted:var(--color-text-secondary); --border:#b8a68a;
  --accent:#b11a29; --accent-dark:#790002; --accent-light:#790002; --gold:#6b4b29; --gold-light:#6b4b29; --gold-dark:#432315;
  --ai:#6b4b29; --ai-light:#6b4b29; --military-light:#005837; --success-light:#005837; --error-light:#b11a29;
}
html { scrollbar-gutter:stable; scroll-behavior:auto; }
body.najdi-app { margin:0; min-width:0; min-height:100dvh; height:auto; overflow-x:clip; overflow-y:auto; background:var(--bg); color:var(--text); font-family:var(--font-main); font-size:16px; line-height:1.7; }
body.najdi-app::before,body.najdi-app::after,.najdi-app .mesh-bg,.najdi-app .splash-glow,.najdi-app .canvas-nameplate,.najdi-app .wizard-shortcut-hint { display:none; }
.najdi-app *, .najdi-app *::before,.najdi-app *::after { box-sizing:border-box; }
.najdi-app h1,.najdi-app h2,.najdi-app h3 { letter-spacing:normal; text-transform:none; }
.najdi-app button,.najdi-app input,.najdi-app select,.najdi-app textarea { font-family:var(--font-main); letter-spacing:normal; }
.najdi-app button { cursor:pointer; }
.najdi-app button:disabled { cursor:not-allowed; }
.najdi-app [hidden] { display:none !important; }
.najdi-app :focus-visible { outline:2px solid var(--gold); outline-offset:4px; box-shadow:none; }
.najdi-app ::selection { background:var(--surface); color:var(--text); }
.najdi-app #loader { position:fixed; inset:0; display:grid; place-items:center; background:var(--bg); color:var(--text); z-index:100; }
.najdi-app #loader.hidden { display:none; }
.najdi-skip-link { position:fixed; top:8px; right:16px; z-index:110; padding:12px 20px; background:var(--panel); color:var(--text); transform:translateY(-160%); }
.najdi-skip-link:focus { transform:none; }
.najdi-app .wizard-topbar { position:relative; inset:auto; width:100%; min-height:96px; height:auto; display:flex; justify-content:space-between; gap:24px; padding:20px max(32px,calc((100vw - 1544px)/2)); background:var(--bg); border:0; box-shadow:none; backdrop-filter:none; transform:none; }
.najdi-app .wizard-topbar-logo { gap:16px; min-width:0; color:var(--text); text-shadow:none; }
.najdi-app .wizard-topbar-royal-logo { width:48px; height:52px; filter:none; border:0; box-shadow:none; object-fit:contain; }
.najdi-brand-copy h1 { margin:0; font:700 26px/1.4 var(--font-display); color:var(--text); }
.najdi-brand-copy p { margin:3px 0 0; font-size:14px; font-weight:400; color:var(--text-muted); }
.najdi-app .wizard-topbar-actions { gap:12px; flex-wrap:wrap; justify-content:flex-end; }
.najdi-app .wizard-topbar-btn,.najdi-app .wizard-theme-toggle { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:8px 14px; border:1px solid var(--border); background:transparent; color:var(--text); font-size:14px; font-weight:500; border-radius:8px; box-shadow:none; backdrop-filter:none; transform:none; transition:background-color 120ms var(--motion-ease-out),color 120ms var(--motion-ease-out); }
.najdi-app .wizard-theme-toggle { width:44px; padding:8px; }
.najdi-app .wizard-topbar-btn.najdi-new-mission { border-color:var(--border); background:var(--panel); }
.najdi-app .wizard-status { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:4px 10px; color:var(--text-muted); font-size:14px; font-weight:400; border:0; background:none; box-shadow:none; }
.najdi-app .wizard-status.connected { color:var(--success-light); }
.najdi-sadu-band { height:14px; background:#790002 url('../assets/design/najdi-sadu.svg') repeat-x center; background-size:140px 14px; }
.najdi-main { width:min(100%,1600px); margin-inline:auto; padding:36px 32px 24px; }
.najdi-page-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-block-end:28px; }
.najdi-page-heading h2 { margin:0; font:700 clamp(28px,2.8vw,38px)/1.45 var(--font-display); }
.najdi-page-heading p { margin:8px 0 0; color:var(--text-muted); font-size:16px; }
.najdi-heading-mark { color:var(--gold); font-size:26px; padding-inline:12px; }
.najdi-steps { padding:18px 24px; margin-block-end:24px; background:var(--panel); border-radius:8px; }
.najdi-step-overview { display:none; }
.najdi-app #wizardBar { position:static; inset:auto; transform:none; display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; max-width:none; margin:0; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; backdrop-filter:none; }
.najdi-app .wizard-step { appearance:none; flex:0 1 auto; display:flex; align-items:center; justify-content:center; flex-direction:row; gap:8px; min-height:44px; padding:4px 8px; border:0; border-radius:6px; background:none; color:var(--text-muted); opacity:1; transform:none; font:500 14px/1.5 var(--font-main); }
.najdi-app .wizard-step-circle { width:32px; height:32px; flex:0 0 32px; font-size:18px; border:1px solid var(--border); border-radius:6px; background:none; color:inherit; box-shadow:none; transform:none; animation:none; }
.najdi-app .wizard-step.active { color:var(--text); }
.najdi-app .wizard-step.active .wizard-step-circle { background:var(--accent); color:#f1eedb; border-color:var(--accent); box-shadow:none; animation:none; }
.najdi-app .wizard-step.completed .wizard-step-circle { background:var(--surface); color:var(--text); border-color:var(--border); animation:none; }
.najdi-app .wizard-step.pending .wizard-step-circle { background:none; color:var(--text-muted); border-color:var(--border); }
.najdi-app .wizard-step-label { color:inherit; font-size:14px; font-weight:500; white-space:normal; }
.najdi-app .wizard-step.skipped { opacity:1; color:var(--text-muted); text-decoration:line-through; }
.najdi-app .wizard-connector { flex:1; max-width:56px; min-width:8px; height:1px; margin:0; background:var(--border); opacity:.55; }
.najdi-app .wizard-connector-fill { background:var(--gold); transition:none; }
.najdi-workspace { display:grid; grid-template-columns:minmax(340px,400px) minmax(0,1fr); gap:28px; align-items:start; }
.najdi-editor,.najdi-preview { min-width:0; }
.najdi-editor { background:var(--panel); border-radius:10px; padding:28px; border:1px solid transparent; }
/* Legacy member panels set fixed placement with !important; neutralize those declarations at the root. */
.najdi-app #wizardContent { position:static; inset:auto !important; width:100%; min-width:0; max-width:none; height:auto; min-height:0; max-height:none; margin:0; padding:0; transform:none !important; background:transparent; border:0; border-radius:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; opacity:1; visibility:visible; overflow:visible; font-family:var(--font-main); transition:opacity 120ms var(--motion-ease-out); }
.najdi-app #wizardContent.exiting { opacity:1; visibility:visible; }
.najdi-app .wizard-content-header-bar { display:none; }
.najdi-app .wizard-content-title { display:flex; align-items:center; gap:10px; margin:0 0 24px; color:var(--text); font:700 24px/1.45 var(--font-display); }
.najdi-app .wizard-content-title i { color:var(--gold); font-size:24px; }
.najdi-app .wizard-welcome { text-align:right; padding:8px 0 4px; }
.najdi-app .wizard-welcome-icon { margin-block:8px 24px; color:var(--gold); filter:none; animation:none; }
.najdi-app .wizard-welcome::before,.najdi-app .wizard-welcome-icon::after { display:none; }
.najdi-app .wizard-welcome p { animation:none; }
.najdi-app .wizard-welcome-logo { width:56px; height:56px; object-fit:contain; filter:brightness(0) invert(1); }
.najdi-app.light-mode .wizard-welcome-logo { filter:none; }
.najdi-app .welcome-title-xxl { margin:0; font:700 34px/1.4 var(--font-display); color:var(--text); text-shadow:none; }
.najdi-app .welcome-subtitle-xxl { margin:12px 0 28px; color:var(--text-muted); font:400 17px/1.8 var(--font-main); }
.najdi-app .welcome-status-grid { display:none; }
.najdi-app .wizard-btn,.najdi-app .wizard-final-btn,.najdi-app .welcome-resume-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:12px 18px; border:1px solid var(--color-field-border); border-radius:8px; background:transparent; color:var(--text); box-shadow:none; text-shadow:none; font:700 16px/1.5 var(--font-main); transition:background-color 120ms var(--motion-ease-out),transform 120ms var(--motion-ease-out); }
.najdi-app .wizard-btn::before,.najdi-app .wizard-btn::after { display:none; }
.najdi-app .wizard-btn-start,.najdi-app .wizard-btn-next,.najdi-app .btn-copy-send { background:var(--accent); border-color:var(--accent); color:#f1eedb; box-shadow:none; }
.najdi-app .wizard-btn-start { width:100%; margin-block:24px 0; font-size:18px; }
.najdi-app .wizard-btn-start i { animation:none; filter:none; }
.najdi-app .wizard-nav { position:static; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:24px 0 0; margin:24px 0 0; border-top:1px solid var(--border); background:none; }
.najdi-app .wizard-nav .wizard-btn-next { margin-inline-start:auto; }
.najdi-app .wizard-input-group { margin-block:0 24px; }
.najdi-app .wizard-input-group>label { display:block; margin-block-end:8px; color:var(--text); font-size:16px; font-weight:500; }
.najdi-app .modern-input,.najdi-app .modern-select,.najdi-app #wizardContent input[type="text"],.najdi-app #wizardContent input[type="search"],.najdi-app #wizardContent input[type="date"],.najdi-app #wizardContent input[type="time"],.najdi-app #wizardContent textarea,.najdi-app #wizardContent select { width:100%; min-width:0; min-height:48px; padding:10px 14px; background-color:var(--bg); border:1px solid var(--color-field-border); border-radius:8px; color:var(--text); font-size:16px; line-height:1.65; box-shadow:none; }
.najdi-app input::placeholder,.najdi-app textarea::placeholder { color:var(--text-muted); opacity:1; }
.najdi-app option { background:var(--panel); color:var(--text); }
.najdi-app input[type="checkbox"],.najdi-app input[type="radio"] { accent-color:var(--accent); width:20px; height:20px; flex-shrink:0; }
.najdi-app fieldset { min-width:0; border:0; padding:0; margin:0 0 24px; }
.najdi-app legend { margin-block-end:12px; font-weight:500; }
.najdi-app .event-cards-grid,.najdi-app .location-cards-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.najdi-app .event-card,.najdi-app .location-card { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; min-width:0; min-height:88px; padding:14px 10px; border:1px solid var(--border); border-radius:8px; background:var(--bg); color:var(--text-muted); box-shadow:none; font:500 15px/1.6 var(--font-main); }
.najdi-app .event-card.selected,.najdi-app .event-card.active,.najdi-app .location-card.selected,.najdi-app .location-card.active { background:var(--surface); border-color:var(--gold); color:var(--text); box-shadow:none; }
.najdi-app .event-card i,.najdi-app .location-card i { color:inherit; font-size:24px; }
.najdi-app .wizard-upload-area { min-height:220px; padding:28px 16px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; border:1px dashed var(--color-field-border); border-radius:8px; background:var(--bg); color:var(--text); }
.najdi-app .wizard-upload-area i { color:var(--gold); font-size:38px; }
.najdi-app .wizard-upload-area span { font-size:16px; }
.najdi-app .wizard-upload-area small { color:var(--text-muted); font-size:14px; }
.najdi-app .image-ai-banner,.najdi-app .participants-ai-banner,.najdi-app .send-summary-card { padding:16px; margin-block:12px; border:1px solid var(--border); border-radius:8px; background:var(--bg); color:var(--text); box-shadow:none; }
.najdi-app .image-ai-banner span,.najdi-app .send-card-label,.najdi-app .send-card-meta { color:var(--text-muted); font-size:14px; }
.najdi-app .send-summary-grid { display:grid; grid-template-columns:1fr; gap:8px; }
.najdi-app .send-card-value { color:var(--text); font:500 16px/1.7 var(--font-main); overflow-wrap:anywhere; }
.najdi-app .wizard-final-actions { display:flex; flex-direction:column; gap:12px; margin-block:24px; }
.najdi-app .btn-copy-template,.najdi-app .btn-save { background:var(--bg); color:var(--text); border-color:var(--color-field-border); }
.najdi-preview { padding-block:4px; }
.najdi-preview-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-block-end:20px; }
.najdi-preview-heading h2 { margin:0; color:var(--text); font:700 22px/1.5 var(--font-display); }
.najdi-preview-heading p { margin:6px 0 0; color:var(--text-muted); font-size:14px; }
.najdi-preview-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 10px; color:var(--text-muted); border:1px solid var(--border); border-radius:6px; font-size:14px; }
.najdi-preview-toggle { display:none; }
.najdi-app #previewArea { position:relative; display:flex; align-items:center; justify-content:center; width:100%; min-height:0; height:auto; padding:18px; background:var(--panel); border:1px solid var(--border); border-radius:8px; overflow:hidden; }
.najdi-app #cvs { display:block; width:100%; height:auto; max-width:100%; max-height:none; object-fit:contain; border:0; border-radius:3px; box-shadow:none; transition:none; will-change:auto; }
.najdi-app #cvs:hover { box-shadow:none; transform:none; }
.najdi-preview-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; color:var(--text-muted); font-size:14px; }
.najdi-app #zoomControls { position:static; inset:auto; display:flex; flex-direction:row; align-items:center; gap:6px; padding:0; border:0; border-radius:0; background:none; box-shadow:none; backdrop-filter:none; }
.najdi-app .zoom-btn { width:40px; height:44px; min-height:44px; padding:8px; background:var(--panel); border:1px solid var(--border); border-radius:6px; color:var(--text); box-shadow:none; transform:none; font-size:16px; }
.najdi-app .zoom-fit { width:auto; padding-inline:12px; font-size:14px; }
.najdi-app .zoom-level { min-width:48px; text-align:center; color:var(--text-muted); font:400 14px/1.6 var(--font-main); }
.najdi-report-details { color:var(--text-muted); font-size:14px; }
.najdi-report-details summary { min-height:44px; padding-block:10px; cursor:pointer; }
.najdi-report-details p { white-space:pre-line; margin:8px 0 0; padding:16px; border-radius:6px; background:var(--panel); color:var(--text); }
.najdi-page-note { display:flex; align-items:center; justify-content:center; gap:10px; color:var(--text-muted); font-size:14px; margin-block:36px 12px; }
.najdi-page-note svg { color:var(--gold); }
.najdi-app .wizard-footer { position:static; inset:auto; display:flex; justify-content:center; flex-wrap:wrap; gap:12px; width:auto; padding:20px 24px; border-top:1px solid var(--border); background:none; color:var(--text-muted); font:400 14px/1.6 var(--font-main); }
.najdi-app .version-badge { color:var(--text-muted); background:none; border:0; box-shadow:none; font:400 14px/1.6 var(--font-main); }
.najdi-app .version-badge-dot { display:none; }
.najdi-app .wizard-footer-link { color:var(--text); }
.najdi-app #stepCounter { position:static; inset:auto; display:inline-flex; gap:6px; margin:0; padding:0; background:none; border:0; color:var(--text-muted); box-shadow:none; font:400 14px/1.6 var(--font-main); }
.najdi-app .ai-loader { position:static; inset:auto; width:100%; max-width:none; padding:12px; margin-block-end:16px; border:1px solid var(--border); border-radius:8px; background:var(--bg); color:var(--text); box-shadow:none; transform:none; }
.najdi-app .ai-loader-header { margin:0; }
.najdi-app .ai-loader-icon { width:26px; height:26px; font-size:18px; background:none; color:var(--gold); }
.najdi-app .ai-loader-title { font-size:14px; color:var(--text); }
.najdi-app .ai-loader-stages,.najdi-app .ai-loader-percent,.najdi-app .ai-loader-track { display:none; }
.najdi-retry { width:100%; min-height:44px; padding:10px; margin-block-end:12px; background:var(--surface); color:var(--text); border:1px solid var(--border); border-radius:6px; font:500 14px var(--font-main); }
.najdi-app .stagger-reveal { opacity:1; transform:none; animation:none; }
.najdi-app .wizard-step-circle,.najdi-app .celebrate-icon,.najdi-app .welcome-title-xxl,.najdi-app .ai-loader-icon,.najdi-app .canvas-nameplate-dot { animation:none; }
.najdi-app .notif-container { z-index:120; top:16px; left:16px; right:auto; width:min(380px,calc(100vw - 32px)); }
.najdi-app .notif-item { color:var(--text); background:var(--panel); border:1px solid var(--border); border-radius:8px; box-shadow:0 12px 40px #0003; backdrop-filter:none; }
.najdi-app .notif-item::before,.najdi-app .notif-item::after { display:none; }
.najdi-app .notif-text { color:var(--text); font:400 15px/1.7 var(--font-main); overflow-wrap:anywhere; }
.najdi-app .notif-close { display:grid; place-items:center; width:44px; min-width:44px; height:44px; padding:8px; border:0; background:none; color:var(--text-muted); }
.najdi-app .copy-toast { max-width:calc(100vw - 32px); background:var(--panel); color:var(--text); border:1px solid var(--border); box-shadow:0 12px 40px #0003; backdrop-filter:none; }
.najdi-app .room-panel { position:fixed; top:16px; right:16px; bottom:16px; width:min(420px,calc(100vw - 32px)); height:auto; background:var(--panel); color:var(--text); border:1px solid var(--border); border-radius:10px; box-shadow:0 20px 70px #0005; backdrop-filter:none; z-index:80; transform:translateX(calc(100% + 24px)); transition:transform 180ms var(--motion-ease-out); visibility:hidden; }
.najdi-app .room-panel.active { transform:none; visibility:visible; }
.najdi-app .room-panel-header,.najdi-app .room-panel-footer { padding:16px; background:none; color:var(--text); border-color:var(--border); }
.najdi-app .room-member-item { min-height:48px; background:var(--bg); color:var(--text); }
.najdi-app .room-member-name { color:var(--text); }
.najdi-app .room-member-rank { color:var(--text-muted); }
.najdi-app .room-refresh-btn,.najdi-app .room-panel-close { min-height:44px; color:var(--text); border:1px solid var(--border); background:var(--bg); border-radius:6px; }
.najdi-app #imageAnalyzerModal { position:fixed; inset:0; margin:auto; padding:0; width:min(900px,calc(100vw - 32px)); height:fit-content; max-height:calc(100dvh - 32px); border:1px solid var(--border); border-radius:12px; color:var(--text); background:var(--panel); box-shadow:0 24px 100px #0006; animation:none; }
.najdi-app #imageAnalyzerModal:not([open]) { display:none; }
.najdi-app #imageAnalyzerModal[open] { display:block; }
.najdi-app #imageAnalyzerModal::backdrop { background:#160e09b8; }
.najdi-app .analyzer-modal { width:100%; max-width:none; max-height:calc(100dvh - 36px); border:0; border-radius:0; background:var(--panel); box-shadow:none; animation:none; }
.najdi-app .analyzer-header { color:var(--text); border-color:var(--border); }
.najdi-app .analyzer-header h2 { margin:0; font:700 22px/1.5 var(--font-display); }
.najdi-app .analyzer-close { width:44px; height:44px; background:none; color:var(--text); border-color:var(--border); }
.najdi-app .analyzer-body { min-height:0; max-height:70dvh; color:var(--text); }
.najdi-app .analyzer-canvas-area { background:var(--bg); border:1px dashed var(--color-field-border); color:var(--text); }
.najdi-app .analyzer-placeholder,.najdi-app .analyzer-placeholder i { color:var(--text-muted); }
.najdi-app .analyzer-btn { min-height:48px; border-radius:8px; font-size:16px; box-shadow:none; }
.najdi-app .analyzer-btn-primary { background:var(--accent); color:#f1eedb; }
.najdi-app .analyzer-btn-secondary { background:var(--bg); color:var(--text); border:1px solid var(--color-field-border); }
.najdi-app .dropdown-menu { color:var(--text); background:var(--panel); border:1px solid var(--border); border-radius:8px; transform:translate(-50%,-4px); transform-origin:top center; transition:opacity 180ms var(--motion-ease-out),transform 180ms var(--motion-ease-out); backdrop-filter:none; }
.najdi-app .dropdown-menu.show { transform:translate(-50%,0); }
.najdi-app .dropdown-item { display:flex; width:100%; min-height:44px; border:0; background:none; color:var(--text); text-align:right; }
.najdi-app .participants-exp-panel,.najdi-app .participants-exp-body,.najdi-app .participants-exp-room { display:flex; flex-direction:column; gap:16px; height:auto; min-height:0; padding:0; background:none; border:0; border-radius:0; box-shadow:none; overflow:visible; }
.najdi-app .participants-exp-header { padding:0 0 20px; margin:0; background:none; border:0; }
.najdi-app .participants-exp-header-top,.najdi-app .participants-exp-section-head { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; align-items:center; }
.najdi-app .participants-exp-section-title { color:var(--text); font:700 18px/1.6 var(--font-main); }
.najdi-app .participants-exp-title { color:var(--text); font:700 24px/1.45 var(--font-display); }
.najdi-app .participants-exp-subtitle,.najdi-app .participants-exp-meta,.najdi-app .participants-exp-room-summary { font-size:14px; line-height:1.7; white-space:normal; color:var(--text-muted); }
.najdi-app .participants-exp-room-list { max-height:440px; min-height:0; height:auto; overflow-y:auto; padding:4px; }
.najdi-app .participants-exp-room-actions { display:flex; flex-direction:column; gap:12px; margin:12px 0; }
.najdi-app .participants-exp-counter { color:var(--text); border:1px solid var(--border); background:var(--bg); box-shadow:none; font-size:14px; }
.najdi-app .wizard-select-all-btn,.najdi-app .participants-exp-selected-toggle { min-height:44px; padding:10px 12px; font:500 14px/1.6 var(--font-main); color:var(--text); background:var(--surface); border:1px solid var(--border); border-radius:6px; box-shadow:none; }
.najdi-app .participants-exp-search-wrap { width:100%; min-width:0; background:var(--bg); border:1px solid var(--color-field-border); border-radius:8px; }
.najdi-app .participants-exp-search-wrap input { border:0 !important; background:none !important; }
.najdi-app .participants-exp-nav { position:static; padding:24px 0 0; background:none; border-color:var(--border); }
.najdi-app .wizard-room-item { display:flex; align-items:center; gap:10px; min-height:64px; padding:12px; margin-block:8px; border:1px solid var(--border); border-radius:6px; background:var(--bg); color:var(--text); box-shadow:none; transform:none; transition:background-color 120ms var(--motion-ease-out); }
.najdi-app .wizard-room-item.is-selected { background:var(--surface); border-color:var(--gold); box-shadow:none; }
.najdi-app .wizard-room-item-info { display:flex; flex:1; flex-direction:column; min-width:0; gap:4px; }
.najdi-app .wizard-room-item-name { color:var(--text); font:500 16px/1.6 var(--font-main); white-space:normal; overflow-wrap:anywhere; }
.najdi-app .wizard-room-item-rank,.najdi-app .wizard-room-item.is-selected .wizard-room-item-rank { color:var(--text-muted); font:400 14px/1.6 var(--font-main); }
.najdi-app .wizard-room-item.is-selected .wizard-room-item-name { color:var(--text); }
.najdi-app .wizard-room-item-add { min-width:44px; width:44px; height:44px; color:var(--text); background:var(--surface); border:0; border-radius:6px; }
.najdi-app .participants-exp-selected-drawer { position:static; inset:auto; width:100%; max-height:none; padding:0; border:0; background:var(--bg); color:var(--text); border-radius:8px; box-shadow:none; backdrop-filter:none; transform:none; }
.najdi-app .participants-exp-selected-drawer:not(.open) { display:none; }
.najdi-app .participants-exp-selected-drawer.open { display:flex; margin-block:16px; padding:16px; }
.najdi-app .participant-item,.najdi-app .wizard-member-item { background:var(--panel); border-color:var(--border); color:var(--text); min-height:48px; }
.najdi-app .wizard-members-layout { flex-direction:column; height:auto; box-shadow:none; }
.najdi-app .wizard-members-col-right,.najdi-app .wizard-members-col-left { width:100%; min-width:0; border:0; background:none; padding:0; }
@media (hover:hover) and (pointer:fine) {
  .najdi-app .wizard-btn-next:hover,.najdi-app .wizard-btn-start:hover,.najdi-app .btn-copy-send:hover { background:var(--accent-dark); color:#f1eedb; transform:none; box-shadow:none; }
  .najdi-app .wizard-topbar-btn:hover,.najdi-app .wizard-theme-toggle:hover,.najdi-app .zoom-btn:hover { background:var(--surface); color:var(--text); transform:none; box-shadow:none; }
  .najdi-app .event-card:hover,.najdi-app .location-card:hover,.najdi-app .wizard-room-item:hover { background:var(--surface); color:var(--text); transform:none; box-shadow:none; }
  .najdi-app .wizard-btn:active { transform:scale(.98); }
}
@media (max-width:1199px) {
  .najdi-workspace { grid-template-columns:1fr; }
  .najdi-editor { padding:28px; }
  .najdi-app .wizard-welcome { max-width:600px; margin-inline:auto; }
  .najdi-preview-body { display:none; }
  .najdi-preview.is-expanded .najdi-preview-body { display:block; }
  .najdi-preview-toggle { display:flex; width:100%; min-height:48px; align-items:center; gap:12px; justify-content:center; padding:12px; color:var(--text); background:var(--panel); border:1px solid var(--color-field-border); border-radius:8px; font-size:16px; }
}
@media (max-width:767px) {
  .najdi-app .wizard-topbar { padding:16px; min-height:84px; align-items:center; gap:12px; flex-wrap:wrap; }
  .najdi-app .wizard-topbar-logo { gap:10px; }
  .najdi-app .wizard-topbar-royal-logo { width:36px; height:42px; }
  .najdi-brand-copy h1 { font-size:22px; }
  .najdi-app .wizard-topbar-actions { gap:8px; flex:1; }
  .najdi-app .wizard-topbar-actions .wizard-status { width:100%; justify-content:flex-start; font-size:14px; min-height:24px; padding:0; }
  .najdi-app .wizard-topbar-btn { padding:8px 10px; }
  .najdi-app #headerRefreshBtn span { display:none; }
  .najdi-main { padding:24px 16px 12px; }
  .najdi-page-heading { margin-block-end:24px; }
  .najdi-page-heading h2 { font-size:28px; }
  .najdi-page-heading p { font-size:15px; }
  .najdi-heading-mark { display:none; }
  .najdi-steps { padding:12px 16px; }
  .najdi-step-overview { display:flex; align-items:center; justify-content:space-between; gap:12px; }
  .najdi-step-overview>div { display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
  .najdi-text-button { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:8px; background:none; color:var(--text); border:0; font-size:14px; }
  .najdi-app #wizardBar { display:none; }
  .najdi-app .najdi-steps.is-open #wizardBar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding-block-start:16px; }
  .najdi-app .wizard-step { justify-content:flex-start; font-size:14px; padding:4px; }
  .najdi-app .wizard-connector { display:none; }
  .najdi-editor { padding:24px 20px; }
  .najdi-app .welcome-title-xxl { font-size:30px; }
  .najdi-app .wizard-content-title { font-size:23px; }
  .najdi-app .wizard-nav { gap:10px; }
  .najdi-app .wizard-btn { padding:12px 14px; }
  .najdi-preview-heading { align-items:flex-start; }
  .najdi-preview-badge { display:none; }
  .najdi-app #previewArea { padding:10px; }
  .najdi-preview-toolbar { flex-wrap:wrap; }
  .najdi-app .analyzer-header { padding:16px; }
  .najdi-app .analyzer-header h2 { font-size:19px; }
  .najdi-app .analyzer-body { padding:16px; }
  .najdi-app .analyzer-actions { flex-wrap:wrap; }
  .najdi-app .participants-exp-room .participants-exp-section-head { display:flex; flex-direction:column; align-items:stretch; }
  .najdi-app .participants-exp-nav { flex-direction:row; }
  .najdi-app .participants-exp-nav .wizard-btn { width:auto; min-width:0; flex:1; }
  .najdi-page-note { align-items:flex-start; margin-block:24px; }
}
@media (prefers-reduced-motion:reduce) {
  .najdi-app *,.najdi-app *::before,.najdi-app *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  .najdi-app .stagger-reveal { opacity:1; transform:none; }
  .najdi-app .room-panel.active,.najdi-app .wizard-content.visible { transform:none; }
}
@media (forced-colors:active) {
  .najdi-app button,.najdi-app .event-card,.najdi-app .wizard-room-item,.najdi-editor { border:1px solid CanvasText; }
  .najdi-sadu-band { display:none; }
}

/* Angular action glyphs borrow the stepped rhythm of Sadu; labels remain the primary cue. */
.najdi-app .wizard-step-circle .ph-power::before { content:""; display:block; width:20px; height:20px; background:currentColor; mask:url("../assets/design/sadu-power.svg") center/contain no-repeat; }
.najdi-app .wizard-step-circle .ph-camera::before { content:""; display:block; width:20px; height:20px; background:currentColor; mask:url("../assets/design/sadu-camera.svg") center/contain no-repeat; }
.najdi-app .wizard-step-circle .ph-flag-banner::before { content:""; display:block; width:20px; height:20px; background:currentColor; mask:url("../assets/design/sadu-flag.svg") center/contain no-repeat; }
.najdi-app .wizard-step-circle .ph-map-pin::before { content:""; display:block; width:20px; height:20px; background:currentColor; mask:url("../assets/design/sadu-pin.svg") center/contain no-repeat; }
.najdi-app .wizard-step-circle .ph-users-three::before { content:""; display:block; width:20px; height:20px; background:currentColor; mask:url("../assets/design/sadu-users.svg") center/contain no-repeat; }
.najdi-app .wizard-step-circle .ph-paper-plane-tilt::before { content:""; display:block; width:20px; height:20px; background:currentColor; mask:url("../assets/design/sadu-send.svg") center/contain no-repeat; }

/* Reset legacy decoration that outranks the shared component styles. */
.najdi-app .wizard-step.active .wizard-step-label,.najdi-app .wizard-step.pending .wizard-step-label { color:inherit; }
.najdi-app .wizard-step.completed .wizard-step-circle { box-shadow:none; }
.najdi-app .event-card::before,.najdi-app .event-card::after,.najdi-app .location-card::before,.najdi-app .location-card::after { display:none; }
.najdi-app .event-card,.najdi-app .location-card { position:relative; cursor:pointer; min-height:88px; }
.najdi-app .event-card-radio,.najdi-app .location-card-radio { position:absolute; width:1px; height:1px; padding:0; margin:0; opacity:0; }
.najdi-app .event-card:focus-within,.najdi-app .location-card:focus-within,.najdi-app .location-other-card:focus-within { outline:2px solid var(--gold); outline-offset:4px; }
.najdi-app .event-card.selected,.najdi-app .location-card.selected { border:2px solid var(--gold); padding:13px 9px; }
.najdi-app .event-card span,.najdi-app .location-card span { font-size:15px; line-height:1.6; color:inherit; }
.najdi-app .event-card:hover,.najdi-app .location-card:hover { transform:none; box-shadow:none; }
.najdi-app .wizard-rank-chip { min-height:44px; padding:8px 12px; font:500 14px/1.6 var(--font-main); color:var(--text-muted); background:none; border:1px solid var(--border); border-radius:6px; box-shadow:none; }
.najdi-app .wizard-rank-chip.active { color:var(--text); background:var(--surface); border-color:var(--gold); box-shadow:none; }
.najdi-app .wizard-room-btn { min-height:48px; color:var(--text); background:var(--bg); border:1px solid var(--color-field-border); box-shadow:none; border-radius:8px; font-size:15px; }
.najdi-app .room-btn-badge { display:none; }
.najdi-app .wizard-counters-bar { background:none; box-shadow:none; }
.najdi-app .wizard-counter-chip { background:var(--bg); border:1px solid var(--border); box-shadow:none; color:var(--text); }
.najdi-app .wizard-counter-chip strong,.najdi-app .wizard-counter-chip i,.najdi-app .wizard-counter-chip span { color:var(--text); }
.najdi-app .participants-exp-section-title i,.najdi-app .participants-exp-title i { color:var(--gold); }
.najdi-app .participants-exp-controls { padding:0; border:0; background:none; box-shadow:none; }
.najdi-app .participants-exp-selected-close { width:44px; height:44px; color:var(--text); background:none; border:1px solid var(--border); }
.najdi-app .wizard-room-item-empty { min-height:140px; color:var(--text-muted); background:none; border-color:var(--border); }
.najdi-app .wizard-room-item-empty i { color:var(--text-muted); animation:none; }
.najdi-app .wizard-room-item-checkbox { flex:0 0 20px; }
.najdi-app .wizard-room-source-badge { color:var(--text); background:var(--surface); border:1px solid var(--border); box-shadow:none; }

.najdi-app .location-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-height:340px; padding:4px; }
.najdi-app .location-other-card { display:flex; position:relative; align-items:center; gap:10px; min-height:48px; padding:10px 14px; margin-top:12px; color:var(--text); background:var(--bg); border:1px solid var(--color-field-border); border-radius:8px; cursor:pointer; box-shadow:none; }
.najdi-app .location-other-card.selected { background:var(--surface); border-color:var(--gold); }
.najdi-app .location-other-card i { color:var(--gold); }
.najdi-app .wizard-datetime-row { display:grid; grid-template-columns:1fr; gap:8px; }
.najdi-app .time-now-btn { min-height:44px; color:var(--text); background:var(--surface); border:1px solid var(--color-field-border); border-radius:6px; }
.najdi-app .send-actions-primary,.najdi-app .send-actions-secondary { display:flex; flex-direction:column; gap:12px; margin-block:16px; }
.najdi-app .send-actions-primary .wizard-final-btn,.najdi-app .send-actions-secondary .wizard-final-btn { width:100%; }
.najdi-app .send-summary-card>i { color:var(--gold); }
.najdi-app.light-mode .wizard-step.active .wizard-step-label { color:var(--text); }
@media (max-width:600px) { .najdi-app .wizard-topbar-logo { flex:1 1 100%; } .najdi-app .wizard-topbar-actions { width:100%; flex-wrap:nowrap; justify-content:flex-start; } .najdi-app .wizard-topbar-actions .wizard-status { width:auto; margin-inline-end:auto; order:4; } }

.najdi-app .members-counters { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:8px; padding:0; margin:0 0 16px; }
.najdi-app .members-counter { min-width:0; padding:8px 10px; gap:6px; border:1px solid var(--border); border-radius:6px; background:var(--bg); box-shadow:none; color:var(--text); }
.najdi-app .members-counter strong,.najdi-app .members-counter i { color:var(--text); }
.najdi-app .members-counter span { font-size:14px; color:var(--text-muted); }
.najdi-app .members-counter-sep { display:none; }
.najdi-app .members-ai-banner { padding:12px; min-width:0; border:1px solid var(--border); border-radius:6px; background:var(--bg); color:var(--text); box-shadow:none; font-size:14px; }
.najdi-app .members-ai-banner>* { color:inherit; }
.najdi-app .participants-exp-room-note { display:none; }
.najdi-app .wizard-room-item { opacity:1; animation:none; }
.najdi-app .participants-exp-room-list .wizard-room-item.is-selected { background:var(--surface); border-color:var(--gold); box-shadow:none; }
.najdi-app .participants-exp-room-list .wizard-room-item-name { font:500 16px/1.6 var(--font-main); color:var(--text); }
.najdi-app .participants-exp-room-list .wizard-room-item-rank { font:400 14px/1.6 var(--font-main); color:var(--text-muted); }
.najdi-app .wizard-room-item .wizard-room-item-avatar { display:none; }
.najdi-app .wizard-room-item-info { overflow-wrap:anywhere; }
.najdi-app .copy-toast:not(.show) { display:none; }
.najdi-app .copy-toast.show { display:flex; flex-wrap:wrap; width:max-content; max-width:calc(100vw - 32px); padding:12px; gap:10px; }
.najdi-app .copy-toast .toast-close { min-width:44px; min-height:44px; }
.najdi-app .wizard-topbar-btn { min-width:44px; }
@media (max-width:600px) { .najdi-app .wizard-topbar-actions .wizard-status { font-size:12px; max-width:90px; } .najdi-app .najdi-new-mission { white-space:nowrap; } .najdi-app .wizard-room-item { flex-wrap:wrap; } .najdi-app .wizard-room-item-info { flex:1; min-width:130px; } }

.najdi-app .wizard-member-avatar { display:none; }
.najdi-app .p-item { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:12px; margin-block:8px; background:var(--panel); color:var(--text); border:1px solid var(--border); border-radius:6px; box-shadow:none; }
.najdi-app .p-member-choice { display:flex; flex:1; flex-wrap:wrap; align-items:center; gap:8px; min-width:0; }
.najdi-app .p-name { color:var(--text); font:500 16px/1.7 var(--font-main); overflow-wrap:anywhere; white-space:normal; }
.najdi-app .p-rank,.najdi-app .p-discord-id { color:var(--text-muted); font:400 14px/1.7 var(--font-main); white-space:normal; }
.najdi-app .p-remove { min-width:44px; min-height:44px; background:none; color:var(--text); border:1px solid var(--border); border-radius:6px; font-size:24px; }
.najdi-app .selection-source-badge { color:var(--text); background:var(--surface); border:1px solid var(--border); font-size:14px; }
.najdi-app .room-member-item { display:flex; flex-wrap:wrap; gap:8px; padding:12px; }
.najdi-app .rm-name { color:var(--text); font:500 16px/1.7 var(--font-main); overflow-wrap:anywhere; min-width:0; white-space:normal; }
.najdi-app .rm-rank,.najdi-app .rm-discord-id { color:var(--text-muted); font:400 14px/1.7 var(--font-main); white-space:normal; }
.najdi-app .room-channel-name { color:var(--text); font-size:14px; overflow-wrap:anywhere; }
.najdi-app .notif-item .notif-icon { color:var(--gold); background:var(--bg); }

.najdi-app .participants-exp-selected-drawer { transition:none; }
.najdi-app .participants-exp-selected-drawer.open { opacity:1; }
.najdi-app .p-item { opacity:1; transform:none; animation:none; transition:background-color 120ms var(--motion-ease-out); }
.najdi-app .p-item:hover { transform:none; box-shadow:none; }
.najdi-app .p-item.is-ai-detected .p-name { color:var(--text); }
.najdi-app .wizard-room-list { background:var(--bg); box-shadow:none; border:1px solid var(--border); border-radius:8px; }
.najdi-app .wizard-room-item-add.added { background:var(--surface); color:var(--text); box-shadow:none; transform:none; animation:none; }
.najdi-app .wizard-room-source-badge,.najdi-app .selection-source-badge { background:var(--surface); color:var(--text); }
.najdi-app .wizard-content :focus-visible { outline:2px solid var(--gold); outline-offset:4px; box-shadow:none; }

body.najdi-app { transition:none; }
.najdi-app .najdi-analysis { --analysis-color:#cbb7ee; flex:0 0 auto; margin-block-end:6px; color:var(--analysis-color); animation:analysis-enter 180ms ease-out; }
.najdi-app.light-mode .najdi-analysis { --analysis-color:#735093; }
.najdi-app .najdi-analysis[hidden] { display:none; }
.najdi-analysis-status { display:flex; align-items:center; gap:8px; min-height:30px; font-size:13px; line-height:1.5; }
.najdi-analysis-status > i { flex:0 0 auto; font-size:16px; }
#wizardAnalysisMessage { flex:1; min-width:0; }
.najdi-analysis-status button { flex:0 0 auto; min-height:28px; padding:3px 8px; color:var(--text); background:none; border:1px solid var(--border); border-radius:6px; font:inherit; cursor:pointer; }
.najdi-analysis-status button[hidden] { display:none; }
.najdi-analysis-track { height:3px; position:relative; overflow:hidden; background:color-mix(in srgb,var(--analysis-color) 18%,transparent); border-radius:3px; }
.najdi-analysis-fill { position:absolute; inset-block:0; left:0; width:30%; background:linear-gradient(90deg,transparent,var(--analysis-color),transparent); border-radius:inherit; }
.najdi-analysis[data-state="queued"] .najdi-analysis-fill,
.najdi-analysis[data-state="running"] .najdi-analysis-fill { animation:analysis-sweep 1500ms linear infinite; }
.najdi-app .najdi-analysis[data-state="done"] { --analysis-color:var(--success-light); }
.najdi-app .najdi-analysis[data-state="error"] { --analysis-color:var(--error-light); }
.najdi-analysis[data-state="done"] .najdi-analysis-fill,
.najdi-analysis[data-state="error"] .najdi-analysis-fill { width:100%; background:var(--analysis-color); animation:none; }
@keyframes analysis-sweep { from { transform:translateX(-110%); } to { transform:translateX(340%); } }
@keyframes analysis-enter { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { .najdi-app .najdi-analysis,.najdi-app .najdi-analysis-fill { animation:none !important; } }

/* Quiet Sadu selvedges leave the solid center clear for the working interface. */
body.najdi-app { isolation:isolate; }
body.najdi-app::before,body.najdi-app::after {
  content:""; display:block; position:fixed; top:108px; bottom:20px; width:12px;
  z-index:-1; pointer-events:none; background-color:var(--gold); opacity:.12;
  mask-image:url('../assets/design/najdi-sadu-vertical.svg'); mask-mode:luminance;
  mask-repeat:repeat-y; mask-size:12px 120px; mask-position:center top;
}
body.najdi-app::before { left:8px; }
body.najdi-app::after { right:8px; }
.najdi-app .wizard-topbar { background:transparent; z-index:10; }

/* Royal Guard palette: the supplied logo stays an independent, unchanged asset. */
body.najdi-app[data-background] {
  --backdrop-shade-top:.10; --backdrop-shade-mid:.04; --backdrop-shade-bottom:.12;
  --header-tint:rgba(19,51,36,.94); --led-halo:rgba(218,191,101,.2);
  --color-bg-base:#254b36; --color-bg-surface:#173b2b; --color-text-primary:#f7faf5;
  --color-text-secondary:#c5d7c6; --color-field-border:#849a79;
  --bg:var(--color-bg-base); --panel:var(--color-bg-surface); --panel-secondary:#204a36; --surface:#2f5841;
  --text:var(--color-text-primary); --text-muted:var(--color-text-secondary); --border:#637b5e;
  --gold:#e1cd7d; --gold-light:#f0e8bc; --gold-dark:#bda350;
  --accent:#e1c35b; --accent-dark:#cbb251; --accent-light:#e1cd7d; --on-accent:#173b2b;
  --ai:var(--gold); --ai-light:var(--gold-light); --military-light:#b4dfb3; --success-light:#b4dfb3;
}
body.najdi-app.light-mode[data-background] {
  --backdrop-shade-top:.16; --backdrop-shade-mid:.08; --backdrop-shade-bottom:.14;
  --header-tint:rgba(228,235,220,.96); --led-halo:rgba(114,98,38,.12);
  --color-bg-base:#e4e9dc; --color-bg-surface:#edf0e5; --color-text-primary:#21452e;
  --color-text-secondary:#49624d; --color-field-border:#788b70;
  --bg:var(--color-bg-base); --panel:var(--color-bg-surface); --panel-secondary:#dbe3d4; --surface:#d5dfcd;
  --text:var(--color-text-primary); --text-muted:var(--color-text-secondary); --border:#9baa8b;
  --gold:#786125; --gold-light:#786125; --gold-dark:#5c4a1b;
  --accent:#28583b; --accent-dark:#183f2c; --accent-light:#28583b; --on-accent:#ffffff;
  --ai:var(--gold); --ai-light:var(--gold-light); --military-light:#28583b; --success-light:#28583b;
}
.najdi-app[data-background] .wizard-btn-start,.najdi-app[data-background] .wizard-btn-next,
.najdi-app[data-background] .btn-copy-send,.najdi-app[data-background] .analyzer-btn-primary,
.najdi-app[data-background] .wizard-step.active .wizard-step-circle { color:var(--on-accent); }
.najdi-app[data-background] .najdi-sadu-band { background:#294a2e url('../assets/design/najdi-sadu-royal.svg') repeat-x center / 140px 14px; }
.najdi-app[data-background] .wizard-topbar-royal-logo { width:56px; height:56px; }
@media (max-width:767px) { .najdi-app[data-background] .wizard-topbar-royal-logo { width:44px; height:44px; } }

/* The same compact contact card in the header and below the mission flow. */
.najdi-app .wizard-topbar { flex-wrap:wrap; }
.najdi-app .wizard-topbar-actions { flex:1 1 340px; }
.najdi-developer { display:inline-flex; align-items:center; gap:12px; max-width:100%; min-height:64px; padding:10px 12px; color:var(--text); background:var(--panel); border:1px solid var(--border); border-radius:10px; text-decoration:none; text-align:center; transition:background-color 120ms var(--motion-ease-out),border-color 120ms var(--motion-ease-out); }
.najdi-developer--header { flex:0 0 auto; margin-inline:auto; }
.najdi-developer-avatar { display:block; flex:0 0 auto; width:36px; height:36px; border:1px solid var(--gold); border-radius:50%; object-fit:cover; background:var(--surface); }
.najdi-developer-copy { display:grid; justify-items:center; min-width:0; gap:2px; }
.najdi-developer-badge { display:inline-block; padding:1px 8px; border:1px solid var(--gold); border-radius:20px; color:var(--gold); font:700 10px/1.3 var(--font-main); letter-spacing:.06em; white-space:nowrap; }
.najdi-developer-name { color:var(--text); font:700 14px/1.5 var(--font-main); }
.najdi-developer-name span { color:var(--gold); }
.najdi-developer-caption { color:var(--text-muted); font:400 12px/1.5 var(--font-main); }
.najdi-developer-discord { display:grid; place-items:center; flex:0 0 26px; width:26px; height:26px; border:1px solid var(--border); border-radius:50%; background:var(--surface); color:var(--gold); font-size:16px; }
.najdi-developer--panel { display:flex; width:100%; margin-block-start:24px; background:var(--bg); }
.najdi-developer--panel .najdi-developer-copy { flex:1; }
.najdi-developer--panel .najdi-developer-avatar { width:40px; height:40px; }
@media (hover:hover) and (pointer:fine) { .najdi-developer:hover { background:var(--surface); border-color:var(--gold); } }
@media (max-width:767px) {
  .najdi-app .wizard-topbar { display:grid; grid-template-columns:minmax(0,1fr) auto; }
  .najdi-app .wizard-topbar-actions { grid-column:1 / -1; width:100%; }
  .najdi-developer--header { min-height:44px; padding:6px 8px; gap:8px; border-radius:8px; }
  .najdi-developer--header .najdi-developer-badge,.najdi-developer--header .najdi-developer-caption { display:none; }
  .najdi-developer--header .najdi-developer-avatar { width:30px; height:30px; }
  .najdi-developer--header .najdi-developer-discord { width:22px; height:22px; flex-basis:22px; font-size:14px; }
}
@media (prefers-reduced-motion:reduce) { .najdi-developer { transition:none; } }

/* Compact working layout and quiet LED feedback; the evidence image is untouched. */
.najdi-app .wizard-topbar { min-height:80px; padding-block:6px; gap:16px; background:linear-gradient(110deg,rgba(0,0,0,.15),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 72%),var(--header-tint,var(--panel)); }
.najdi-app .wizard-topbar::after { content:""; position:absolute; inset-inline:0; bottom:0; height:1px; background:linear-gradient(90deg,transparent,var(--gold),transparent); opacity:.65; pointer-events:none; }
.najdi-brand-copy h1 { font-size:24px; }
.najdi-app .najdi-brand-copy h1 { font-size:20px; line-height:1.25; }
.najdi-header-title { display:none; }
@media (min-width:1200px) {
  .najdi-app .najdi-header-title {
    display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
    width:340px; margin:0; pointer-events:none; text-align:center; white-space:nowrap;
    font:700 44px/1.3 var(--font-display); color:transparent; -webkit-text-stroke:1px var(--text);
  }
  .najdi-app .najdi-brand-copy p { display:none; }
  .najdi-app .najdi-developer--header { min-width:0; width:166px; min-height:54px; padding:6px; gap:6px; }
  .najdi-app .najdi-developer--header .najdi-developer-avatar { width:32px; height:32px; }
  .najdi-app .najdi-developer--header .najdi-developer-badge { font-size:9px; padding:1px 5px; }
  .najdi-app .najdi-developer--header .najdi-developer-name { font-size:14px; }
  .najdi-app .najdi-developer--header .najdi-developer-caption,
  .najdi-app .najdi-developer--header .najdi-developer-discord { display:none; }
  .najdi-app .wizard-topbar-actions .wizard-status { max-width:128px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}
.najdi-app[data-background] .wizard-topbar-royal-logo { filter:brightness(1.03) drop-shadow(0 0 4px rgba(218,218,178,.18)); }
.najdi-developer--header { min-height:54px; padding:6px 10px; gap:10px; }
.najdi-app .wizard-topbar-actions { gap:8px; }
.najdi-main { padding:12px 24px; }
.najdi-intro { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; margin-block-end:10px; }
.najdi-intro .najdi-page-heading { flex:1 1 220px; margin:0; }
.najdi-page-heading h2 { font-size:28px; }
.najdi-page-heading p { margin-block-start:4px; font-size:14px; }
.najdi-heading-mark { display:none; }
.najdi-intro .background-picker { margin:0; flex:0 1 auto; }
.najdi-intro .background-picker[open] { flex-basis:100%; order:2; }
.najdi-steps { padding:4px 16px; margin-block-end:10px; }
.najdi-workspace { grid-template-columns:minmax(330px,370px) minmax(0,1fr); gap:20px; }
.najdi-editor { padding:18px; }
.najdi-app .wizard-content-title { margin-block-end:14px; font-size:22px; }
.najdi-app .wizard-welcome { padding:0; }
.najdi-app .wizard-welcome-icon { display:flex; margin-block:0 12px; font-size:0; line-height:1; }
.najdi-app .wizard-welcome-logo { width:40px; height:40px; }
.najdi-app .welcome-title-xxl { font-size:30px; }
.najdi-app .welcome-subtitle-xxl { margin:8px 0 16px; font-size:16px; opacity:1; }
.najdi-app .wizard-btn,.najdi-app .wizard-final-btn,.najdi-app .welcome-resume-btn { min-height:44px; padding:9px 14px; }
.najdi-app .wizard-btn-start { margin-block-start:12px; font-size:17px; animation:none; opacity:1; transform:none; }
.najdi-app .wizard-nav { margin-block-start:14px; padding-block-start:12px; gap:8px; }
.najdi-app .wizard-input-group { margin-block-end:16px; }
.najdi-app .wizard-upload-area { min-height:170px; padding:20px 14px; }
.najdi-app .send-summary-card { padding:12px; margin-block:8px; }
.najdi-app .wizard-final-actions { gap:8px; margin-block:16px; }
.najdi-preview-heading { margin-block-end:12px; gap:12px; }
.najdi-preview-heading h2 { font-size:20px; }
.najdi-preview-heading p { margin-block-start:2px; }
.najdi-app #previewArea { padding:12px; border-color:var(--border); background:linear-gradient(135deg,rgba(0,0,0,.18),rgba(0,0,0,.04)),var(--panel); box-shadow:0 8px 24px #0002; }
.najdi-app #previewArea::after { content:""; position:absolute; inset:0; border:1px solid var(--gold); border-radius:inherit; box-shadow:inset 0 1px 14px var(--led-halo),0 0 14px var(--led-halo); pointer-events:none; opacity:.3; transition:opacity 180ms var(--motion-ease-out); }
.najdi-preview:focus-within #previewArea::after { opacity:.8; }
.najdi-preview-toolbar { padding-block:8px; gap:8px; font-size:12px; }
.najdi-app .zoom-btn { background:var(--panel); }
.najdi-developer--panel { margin-block-start:14px; padding:8px 10px; }
.najdi-page-note { margin-block:16px 4px; font-size:13px; }
.najdi-app .wizard-footer { padding:12px 20px; font-size:13px; }
.najdi-app .wizard-btn-start,.najdi-app .wizard-btn-next,.najdi-app .btn-copy-send { background-image:linear-gradient(135deg,#ffffff20,#00000014); box-shadow:inset 0 1px 0 #fff4,0 2px 8px #0002; }
.najdi-app .wizard-btn-start::after,.najdi-app .wizard-btn-next::after { content:""; display:block; position:absolute; inset:0; width:auto; height:auto; pointer-events:none; border-radius:inherit; background:none; box-shadow:inset 0 0 0 1px var(--gold),inset 0 0 14px var(--led-halo); opacity:0; transform:none; animation:none; transition:opacity 120ms var(--motion-ease-out); }
.najdi-app .wizard-btn-start:focus-visible::after,.najdi-app .wizard-btn-next:focus-visible::after { opacity:1; }
@media (hover:hover) and (pointer:fine) {
  .najdi-app #previewArea:hover::after { opacity:1; }
  .najdi-app .wizard-btn-start:hover::after,.najdi-app .wizard-btn-next:hover::after { opacity:1; }
  .najdi-app .wizard-topbar-btn:hover,.najdi-app .zoom-btn:hover { border-color:var(--gold); }
}
@media (max-width:1199px) { .najdi-workspace { grid-template-columns:1fr; } }
@media (min-width:768px) and (max-width:1199px) {
  .najdi-app #wizardBar { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px; }
  .najdi-app .wizard-step { width:100%; min-width:0; justify-content:flex-start; gap:4px; padding:4px; }
  .najdi-app .wizard-connector { display:none; }
  .najdi-app .wizard-step-label { font-size:13px; }
}
@media (max-width:767px) {
  .najdi-app .wizard-topbar { padding:8px 14px; min-height:0; gap:8px 12px; }
  .najdi-brand-copy h1 { font-size:21px; }
  .najdi-app .wizard-topbar-logo { gap:8px; }
  .najdi-developer--header { min-height:44px; padding:5px 7px; gap:6px; }
  .najdi-main { padding:12px 14px; }
  .najdi-intro { gap:8px; margin-block-end:12px; }
  .najdi-intro .najdi-page-heading { flex-basis:160px; }
  .najdi-page-heading h2 { font-size:26px; }
  .najdi-intro .background-picker summary { padding:6px 8px; font-size:13px; gap:8px; }
  .najdi-steps { padding:4px 12px; margin-block-end:12px; }
  .najdi-editor { padding:14px; }
  .najdi-app .welcome-title-xxl { font-size:28px; }
  .najdi-app .wizard-content-title { font-size:22px; }
}
@media (prefers-reduced-motion:reduce) { .najdi-app #previewArea::after,.najdi-app .wizard-btn-start::after,.najdi-app .wizard-btn-next::after { transition:none; } }

@media (min-width:1200px) {
  .najdi-app .send-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-block-end:8px; }
  .najdi-app .send-summary-card { padding:8px; margin-block:4px; }
  .najdi-app .send-actions-primary { margin-block:8px; }
  .najdi-app .send-actions-secondary { flex-direction:row; gap:8px; margin-block:8px; }
  .najdi-app .send-actions-secondary .wizard-final-btn { flex:1; min-width:0; padding-inline:8px; }
}

/* Keep the desktop participants station inside the visible work area. */
@media (min-width:768px) {
  .najdi-app .najdi-editor:has(> #wizardContent.step-members) {
    display:flex; flex-direction:column; min-height:0;
    height:calc(100dvh - 264px); max-height:calc(100dvh - 264px);
  }
  .najdi-app #wizardContent.step-members {
    position:relative; inset:auto; transform:none; display:flex; flex:1 1 0;
    flex-direction:column; width:100%; max-width:none; min-width:0;
    height:100%; max-height:100%; min-height:0; overflow:hidden;
  }
  .najdi-app #wizardContent.step-members > .participants-exp-panel {
    display:flex; flex:1 1 0; flex-direction:column; width:100%; height:100%; min-height:0; overflow:hidden;
  }
  .najdi-app #wizardContent.step-members .participants-exp-header { flex:0 0 auto; padding-block:6px; }
  .najdi-app #wizardContent.step-members .participants-exp-subtitle { margin-block-start:3px; font-size:13px; line-height:1.4; }
  .najdi-app #wizardContent.step-members .participants-exp-body {
    display:flex; flex:1 1 0; flex-direction:column; min-height:0; gap:6px; overflow:hidden;
  }
  .najdi-app #wizardContent.step-members .participants-exp-controls {
    display:grid; flex:0 0 auto; grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"heading heading" "fetch search" "filters filters";
    gap:6px; min-width:0;
  }
  .najdi-app #wizardContent.step-members .participants-exp-controls > .participants-exp-section-head { grid-area:heading; }
  .najdi-app #wizardContent.step-members .participants-exp-controls > .participants-exp-fetch-btn {
    grid-area:fetch; min-width:0; min-height:48px; padding:5px 8px; gap:5px; font-size:13px; line-height:1.3;
  }
  .najdi-app #wizardContent.step-members #wizardQuickSearch {
    grid-area:search; min-width:0; min-height:48px; height:48px; padding-inline:9px; font-size:16px;
  }
  .najdi-app #wizardContent.step-members .participants-exp-controls .wizard-rank-filters {
    grid-area:filters; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; min-width:0;
  }
  .najdi-app #wizardContent.step-members .participants-exp-controls .wizard-rank-chip {
    min-width:0; min-height:44px; padding:4px; font-size:14px; white-space:nowrap;
  }
  .najdi-app #wizardContent.step-members .participants-exp-room {
    display:flex; flex:1 1 0; flex-direction:column; min-height:0; padding:2px 0 0; overflow:hidden;
  }
  .najdi-app #wizardContent.step-members .participants-exp-room > .participants-exp-section-head { flex:0 0 auto; }
  .najdi-app #wizardContent.step-members .participants-exp-room-list {
    flex:1 1 0; width:100%; height:0; min-height:0; max-height:none; overflow-x:hidden; overflow-y:auto;
    padding:4px 6px; border:1px solid var(--border); border-radius:8px; background:var(--bg);
    scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:var(--gold-dark) var(--panel-secondary); overscroll-behavior:contain;
  }
  .najdi-app #wizardContent.step-members .participants-exp-room-list::-webkit-scrollbar { width:10px; }
  .najdi-app #wizardContent.step-members .participants-exp-room-list::-webkit-scrollbar-track { background:var(--panel-secondary); border-radius:8px; }
  .najdi-app #wizardContent.step-members .participants-exp-room-list::-webkit-scrollbar-thumb { background:var(--gold-dark); border:2px solid var(--panel-secondary); border-radius:8px; }
  .najdi-app #wizardContent.step-members .participants-exp-room-empty { flex:1 1 0; min-height:0; }
  .najdi-app #wizardContent.step-members .participants-exp-selected-drawer.open {
    display:flex; flex:0 1 auto; min-height:0; max-height:150px; margin-block:6px; padding:6px; overflow:hidden;
  }
  .najdi-app #wizardContent.step-members .participants-exp-selected-drawer-head { flex:0 0 auto; }
  .najdi-app #wizardContent.step-members .participants-exp-selected-list {
    flex:1 1 0; min-height:0; max-height:96px; overflow-y:auto; scrollbar-gutter:stable; overscroll-behavior:contain;
  }
  .najdi-app #wizardContent.step-members .participants-exp-nav {
    flex:0 0 auto; margin-block-start:auto; padding-block:8px 0;
  }
  .najdi-app #wizardContent.step-members + .najdi-developer--panel {
    flex:0 0 44px; min-height:44px; margin-block-start:8px; padding:4px 8px; gap:8px;
  }
  .najdi-app #wizardContent.step-members + .najdi-developer--panel .najdi-developer-avatar { width:30px; height:30px; }
  .najdi-app #wizardContent.step-members + .najdi-developer--panel .najdi-developer-badge,
  .najdi-app #wizardContent.step-members + .najdi-developer--panel .najdi-developer-caption { display:none; }

  .najdi-app .wizard-room-item,.najdi-app .room-member-item {
    position:relative; min-height:48px; padding:4px 8px; border:1px solid var(--border); border-radius:6px;
    background:var(--bg); color:var(--text); box-shadow:none; transform:none;
    transition:background-color 120ms var(--motion-ease-out),border-color 120ms var(--motion-ease-out),box-shadow 120ms var(--motion-ease-out);
  }
  .najdi-app .wizard-room-item::before,.najdi-app .room-member-item::before {
    content:""; position:absolute; inset-block:6px; inset-inline-start:2px; width:3px; height:auto;
    border-radius:2px; background:var(--military-light); box-shadow:none; opacity:0; pointer-events:none;
    transition:opacity 120ms var(--motion-ease-out);
  }
  .najdi-app .wizard-room-item::after,.najdi-app .room-member-item::after { content:none; display:none; }
  .najdi-app .participants-exp-room-list .wizard-room-item { min-height:48px; margin-block:3px; padding:4px 8px; gap:8px; }
  .najdi-app .wizard-room-item-info { gap:0; }
  .najdi-app .wizard-room-item-name,.najdi-app .room-member-item .rm-name { color:var(--text); font:500 16px/1.35 var(--font-main); }
  .najdi-app .wizard-room-item-rank,.najdi-app .room-member-item .rm-rank {
    color:var(--text-muted); font:400 14px/1.3 var(--font-main);
  }
  .najdi-app .wizard-room-item.is-selected,.najdi-app .wizard-room-item:has(.wizard-room-item-checkbox:checked),
  .najdi-app .room-member-item.selected {
    background:var(--surface); border-color:var(--gold);
    box-shadow:inset 0 0 0 1px var(--gold),inset 0 0 6px var(--led-halo);
  }
  .najdi-app .wizard-room-item.is-selected::before,.najdi-app .wizard-room-item:has(.wizard-room-item-checkbox:checked)::before,
  .najdi-app .room-member-item.selected::before { background:var(--military-light); opacity:1; }
  .najdi-app .wizard-room-item.is-ai-detected::before,.najdi-app .room-member-item.selected-ai::before { background:var(--gold); }
  .najdi-app .wizard-room-item.is-manual-selected::before,.najdi-app .room-member-item.selected-manual::before { background:var(--military-light); }
  .najdi-app .wizard-room-item.is-selected .wizard-room-item-name,
  .najdi-app .wizard-room-item.is-selected .wizard-room-item-rank,
  .najdi-app .room-member-item.selected .rm-name,.najdi-app .room-member-item.selected .rm-rank { color:var(--text); }
  .najdi-app .wizard-room-item-checkbox,.najdi-app .room-member-checkbox { accent-color:var(--accent); }
  .najdi-app .wizard-room-item:has(.wizard-room-item-checkbox:focus-visible),.najdi-app .room-member-item:focus-within {
    outline:2px solid var(--gold); outline-offset:-2px; border-color:var(--gold);
    box-shadow:inset 0 0 0 1px var(--gold),inset 0 0 6px var(--led-halo);
  }
}

@media (hover:hover) and (pointer:fine) {
  .najdi-app .wizard-room-item:hover,.najdi-app .room-member-item:hover {
    border-color:var(--military-light); background:var(--surface);
    box-shadow:inset 0 0 0 1px var(--military-light),inset 0 0 5px var(--led-halo);
  }
  .najdi-app .wizard-room-item:hover::before,.najdi-app .room-member-item:hover::before { background:var(--gold); opacity:.8; }
  .najdi-app .wizard-room-item.is-selected:hover,.najdi-app .room-member-item.selected:hover {
    border-color:var(--gold); box-shadow:inset 0 0 0 1px var(--gold),inset 0 0 6px var(--led-halo);
  }
}

@media (prefers-reduced-motion:reduce) {
  .najdi-app .wizard-room-item,.najdi-app .room-member-item,
  .najdi-app .wizard-room-item::before,.najdi-app .room-member-item::before { transition:none; }
}

@media (min-width:768px) {
  .najdi-app #wizardContent.step-members > .members-counters { flex:0 0 auto; margin:0 0 4px; }
  .najdi-app #wizardContent.step-members .participants-exp-header-top { align-items:center; gap:6px; }
  .najdi-app #wizardContent.step-members .participants-exp-title { font-size:20px; line-height:1.25; }
  .najdi-app #wizardContent.step-members .participants-exp-subtitle {
    display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2;
    margin-block-start:2px; font-size:13px; line-height:1.35;
  }
  .najdi-app #wizardContent.step-members .participants-exp-controls > .participants-exp-section-head { display:none; }
  .najdi-app #wizardContent.step-members .participants-exp-room .participants-exp-section-head { min-height:44px; }
  .najdi-app #wizardContent.step-members .participants-exp-room .participants-exp-section-title { font-size:16px; line-height:1.2; }
  .najdi-app #wizardContent.step-members .participants-exp-room-head-side { flex:0 0 auto; min-width:0; }
  .najdi-app #wizardContent.step-members .participants-exp-room-summary { display:none; }
  .najdi-app #wizardContent.step-members .participants-exp-selected-toggle-inline { min-height:44px; padding:6px 8px; font-size:13px; }
  .najdi-app #wizardContent.step-members .participants-exp-room-actions { flex:0 0 auto; margin-block:2px 4px; }
  .najdi-app #wizardContent.step-members .participants-exp-room-actions .wizard-select-all-btn { min-height:40px; }
  .najdi-app #wizardContent.step-members .participants-exp-room-list .wizard-room-item-rank { font-size:13px !important; line-height:1.3; }
  .najdi-app #wizardContent.step-members .participants-exp-room-list .wizard-room-item-name { font-size:15px !important; line-height:1.35; }
  .najdi-app #wizardContent.step-members .wizard-room-item { display:grid; grid-template-columns:20px minmax(0,1fr) auto 28px; gap:6px; }
  .najdi-app #wizardContent.step-members .wizard-member-avatar { display:none; }
  .najdi-app #wizardContent.step-members .wizard-room-item-checkbox { grid-column:1; width:20px; height:20px; min-width:20px; margin:0; }
  .najdi-app #wizardContent.step-members .wizard-room-item-info { grid-column:2; min-width:0; }
  .najdi-app #wizardContent.step-members .wizard-room-item-name,
  .najdi-app #wizardContent.step-members .wizard-room-item-rank { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .najdi-app #wizardContent.step-members .wizard-room-source-badge { grid-column:3; padding:1px 4px; font-size:10px; line-height:1.4; }
  .najdi-app #wizardContent.step-members .wizard-room-source-badge[hidden] { display:none; }
  .najdi-app #wizardContent.step-members .wizard-room-item-add { grid-column:4; width:28px; min-width:28px; height:28px; min-height:28px; padding:0; font-size:16px; }
}

/* Reserve the participant station's viewport budget before the roster flexes. */
@media (min-width:768px) {
  .najdi-app:has(#wizardContent.step-members) .wizard-topbar { min-height:80px; }
  .najdi-app:has(#wizardContent.step-members) .najdi-main { padding-block-start:8px; }
  .najdi-app:has(#wizardContent.step-members) .najdi-main { padding-block-end:2px; }
  .najdi-app:has(#wizardContent.step-members) .najdi-page-note,
  .najdi-app:has(#wizardContent.step-members) .wizard-footer { display:none; }
  .najdi-app:has(#wizardContent.step-members) .najdi-intro { display:none; }
  .najdi-app:has(#wizardContent.step-members) .najdi-intro .najdi-page-heading { display:none; }
  .najdi-app:has(#wizardContent.step-members) .background-picker summary { min-height:32px; padding:4px 10px; font-size:13px; }
  .najdi-app:has(#wizardContent.step-members) .najdi-steps { padding-block:0; margin-block-end:6px; }
  .najdi-app .najdi-editor:has(> #wizardContent.step-members) {
    height:calc(100dvh - 162px); max-height:calc(100dvh - 162px); padding:12px;
  }
  .najdi-app #wizardContent.step-members > .participants-exp-panel { gap:4px; }
  .najdi-app #wizardContent.step-members > .participants-exp-panel > .members-counters {
    display:flex; flex-wrap:wrap; gap:4px 10px; margin:0 0 2px;
  }
  .najdi-app #wizardContent.step-members .members-counter { min-height:24px; padding:2px 0; gap:4px; border:0; border-radius:0; background:none; font-size:13px; line-height:1.2; }
  .najdi-app #wizardContent.step-members .members-counter i { display:none; }
  .najdi-app #wizardContent.step-members .members-counter::before { content:""; width:6px; height:6px; margin-inline-end:2px; border-radius:50%; background:var(--text-muted); }
  .najdi-app #wizardContent.step-members .members-counter.ai::before { background:var(--gold); }
  .najdi-app #wizardContent.step-members .members-counter.manual::before { background:var(--military-light); }
  .najdi-app #wizardContent.step-members .members-counter strong { font-size:16px; line-height:1.25; }
  .najdi-app #wizardContent.step-members .participants-exp-header { padding-block:2px; }
  .najdi-app #wizardContent.step-members .participants-exp-counter { min-height:24px; padding:2px 0; border:0; background:none; font-size:13px; line-height:1.25; }
  .najdi-app #wizardContent.step-members .participants-exp-counter strong { font-size:16px; line-height:1.25; }
  .najdi-app #wizardContent.step-members .participants-exp-subtitle { display:none; }
  .najdi-app #wizardContent.step-members .participants-exp-controls { gap:4px; }
  .najdi-app #wizardContent.step-members .participants-exp-controls > .participants-exp-fetch-btn,
  .najdi-app #wizardContent.step-members #wizardQuickSearch { min-height:36px; height:36px; }
  .najdi-app #wizardContent.step-members .participants-exp-controls .wizard-rank-filters { display:flex; gap:4px; }
  .najdi-app #wizardContent.step-members .participants-exp-controls .wizard-rank-chip { display:inline-flex; align-items:center; gap:5px; min-height:28px; padding:3px 10px; border:0; border-radius:999px; background:none; }
  .najdi-app #wizardContent.step-members .wizard-rank-chip::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--text-muted); opacity:.65; }
  .najdi-app #wizardContent.step-members .wizard-rank-chip.active { color:var(--text); background:var(--surface); }
  .najdi-app #wizardContent.step-members .wizard-rank-chip.active::before { background:var(--gold); opacity:1; }
  .najdi-app #wizardContent.step-members .participants-exp-fetch-btn { border-color:transparent; border-radius:999px; background:var(--surface); }
  .najdi-app #wizardContent.step-members #wizardQuickSearch { border-radius:999px; background:transparent; }
  .najdi-app #wizardContent.step-members .participants-exp-room {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto auto minmax(0,1fr); gap:4px; padding:0; overflow:hidden;
  }
  .najdi-app #wizardContent.step-members .participants-exp-room > .participants-exp-section-head,
  .najdi-app #wizardContent.step-members .participants-exp-room-head-side,
  .najdi-app #wizardContent.step-members .participants-exp-room-actions { display:contents; }
  .najdi-app #wizardContent.step-members .participants-exp-room .participants-exp-section-title {
    grid-column:1; grid-row:1; align-self:center; min-width:0; font-size:16px; line-height:1.25;
  }
  .najdi-app #wizardContent.step-members .participants-exp-room-summary { display:none; }
  .najdi-app #wizardContent.step-members .participants-exp-selected-toggle-inline {
    grid-column:1; grid-row:2; min-height:32px; padding:4px 8px; font-size:13px;
  }
  .najdi-app #wizardContent.step-members .participants-exp-room-actions .wizard-select-all-btn {
    grid-column:2; grid-row:2; min-width:0; min-height:32px; padding:4px 8px;
  }
  .najdi-app #wizardContent.step-members .participants-exp-selected-toggle-inline,
  .najdi-app #wizardContent.step-members .participants-exp-room-actions .wizard-select-all-btn { border:0; background:none; border-radius:999px; }
  .najdi-app #wizardContent.step-members .wizard-room-item {
    border:0; border-block-end:1px solid var(--border); border-radius:0; margin-block:0; background:none; box-shadow:none; cursor:pointer;
  }
  .najdi-app #wizardContent.step-members .wizard-room-item.is-selected { background:color-mix(in srgb,var(--military-light) 10%,transparent); box-shadow:none; }
  .najdi-app #wizardContent.step-members .wizard-room-item-add { display:inline-flex; align-items:center; justify-content:center; background:none; }
  .najdi-app #wizardContent.step-members .wizard-room-item:active { background:var(--surface); }
  .najdi-app #wizardContent.step-members .wizard-room-filter-empty { margin:16px 8px; color:var(--text-muted); font:400 14px/1.6 var(--font-main); text-align:center; }
  .najdi-app #wizardContent.step-members .wizard-select-all-btn:disabled,
  .najdi-app .participants-exp-fetch-btn:disabled { opacity:.55; cursor:default; }
  .najdi-app #wizardContent.step-members .wizard-room-rank-label {
    display:inline-block; padding:1px 6px; border-radius:999px; background:var(--surface); color:var(--text); font-weight:500; vertical-align:baseline;
  }
  .najdi-app #wizardContent.step-members .wizard-room-source-badge { border:0; border-radius:999px; background:var(--surface); }
  .najdi-app #wizardContent.step-members .members-ai-banner { flex:0 0 auto; padding:6px 8px; margin:0 0 2px; border:0; border-inline-start:2px solid currentColor; border-radius:0; background:color-mix(in srgb,var(--surface) 70%,transparent); }
  .najdi-app #wizardContent.step-members .members-ai-banner strong { font-size:13px; }
  .najdi-app #wizardContent.step-members .members-ai-banner span { font-size:12px; }
  .najdi-app #wizardContent.step-members .ai-banner-retry { min-height:28px; padding:4px 6px; border:0; background:none; }
  .najdi-app #wizardContent.step-members .participants-exp-room-list {
    grid-column:1 / -1; grid-row:3; width:100%; height:auto; min-height:0; max-height:none;
    overflow-x:hidden; overflow-y:auto; scrollbar-gutter:stable;
  }
  .najdi-app #wizardContent.step-members .participants-exp-room-empty { grid-column:1 / -1; grid-row:3; min-height:0; }
  .najdi-app .participants-exp-room-empty[hidden] { display:none !important; }
  .najdi-app #wizardContent.step-members .participants-exp-nav { padding-block-start:4px; }
  .najdi-app #wizardContent.step-members .participants-exp-nav .wizard-btn { min-height:36px; padding:6px 12px; font-size:15px; }
  .najdi-app #wizardContent.step-members:has(.participants-exp-selected-drawer.open) .participants-exp-body { flex:0 0 auto; }
  .najdi-app #wizardContent.step-members:has(.participants-exp-selected-drawer.open) .participants-exp-room-list { display:none; }
  .najdi-app #wizardContent.step-members .participants-exp-selected-drawer.open {
    display:flex; flex:1 1 0; min-height:0; max-height:none; margin-block:2px; overflow:hidden;
  }
  .najdi-app #wizardContent.step-members .participants-exp-selected-list { flex:1 1 0; min-height:0; max-height:none; overflow-y:auto; }
  .najdi-app:has(#wizardContent.step-members) .najdi-preview {
    display:flex; flex-direction:column; min-height:0; height:calc(100dvh - 162px); padding-block:0;
  }
  .najdi-app:has(#wizardContent.step-members) .najdi-preview-heading { flex:0 0 auto; margin-block-end:6px; }
  .najdi-app:has(#wizardContent.step-members) .najdi-preview-heading p { display:none; }
  .najdi-app:has(#wizardContent.step-members) .najdi-preview-body { display:flex; flex:1 1 0; flex-direction:column; min-height:0; }
  .najdi-app:has(#wizardContent.step-members) #previewArea { flex:1 1 0; height:0; min-height:0; }
  .najdi-app:has(#wizardContent.step-members) #cvs { width:auto; height:auto; max-width:100%; max-height:100%; }
  .najdi-app:has(#wizardContent.step-members) .najdi-preview-toolbar { flex:0 0 auto; padding-block:4px; }
  .najdi-app:has(#wizardContent.step-members) .najdi-preview-toolbar .zoom-btn { min-width:28px; min-height:28px; height:28px; }
  .najdi-app:has(#wizardContent.step-members) .najdi-report-details { flex:0 0 auto; }
  .najdi-app:has(#wizardContent.step-members) .najdi-report-details summary { min-height:28px; padding-block:4px; }
  .najdi-app:has(#wizardContent.step-members) .najdi-report-details p { max-height:120px; overflow-y:auto; }
}