/* Avani Listing Studio 35 · generated from styles/*.css – edit the modules, not this file. */
/* ---- 00-tokens.css ---- */
/* =====================================================================
   AVANI 35 · DESIGN TOKENS
   One palette for every layer. Components only use these variables, so
   light and dark mode stay consistent on every screen.
   ===================================================================== */
:root{--shopify:#95bf47;--shopify-deep:#5e8e3e;
  color-scheme:light;
  --font:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Inter",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Inter",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:"Cascadia Code","SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;

  /* Surfaces */
  --bg:#f5f5f7;
  --bg-elev:#ffffff;
  --bg-sunken:#f1f1f4;
  --bg-hover:#f0f0f4;
  --bg-active:#e8e8ee;
  --bg-glass:rgba(255,255,255,.78);
  --line:#e5e5ea;
  --line-strong:#d4d4dc;
  --line-field:#cfcfd8;

  /* Text */
  --text:#16161b;
  --text-2:#4b4b57;
  --text-3:#767683;
  --text-inverse:#ffffff;

  /* Brand accent (Iris) */
  --accent:#5b5bd6;
  --accent-hover:#4d4dc6;
  --accent-press:#4343b0;
  --accent-soft:#eff0ff;
  --accent-soft-2:#e2e4ff;
  --accent-text:#3c3ca8;
  --on-accent:#ffffff;

  /* Chloe identity */
  --chloe-a:#7b6cf6;
  --chloe-b:#c06fd2;
  --chloe-c:#ec8fae;
  --chloe-grad:linear-gradient(135deg,var(--chloe-a) 0%,var(--chloe-b) 55%,var(--chloe-c) 100%);
  --chloe-soft:linear-gradient(135deg,rgba(123,108,246,.10),rgba(236,143,174,.10));

  /* Semantic */
  --success:#1a9a5f;--success-soft:#e3f5ec;--success-text:#11693f;
  --warning:#c47a00;--warning-soft:#fff3d9;--warning-text:#7f5000;
  --danger:#d63a3a;--danger-soft:#fdebea;--danger-text:#a32525;
  --info:#2d7bd4;--info-soft:#e7f1fc;--info-text:#1b5c9e;

  /* Platforms */
  --ka:#3f8f1f;--vinted:#0aa3ac;--ebay:#e0343b;--etsy:#ef5f1c;--pinterest:#e60023;--shopify:#5e8e3e;

  /* Shape */
  --r-xs:6px;--r-sm:8px;--r:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;

  /* Elevation */
  --shadow-xs:0 1px 2px rgba(20,20,30,.05);
  --shadow-sm:0 1px 2px rgba(20,20,30,.04),0 2px 8px rgba(20,20,30,.04);
  --shadow-md:0 1px 3px rgba(20,20,30,.05),0 8px 24px rgba(20,20,30,.08);
  --shadow-lg:0 4px 12px rgba(20,20,30,.06),0 24px 60px rgba(20,20,30,.16);
  --ring:0 0 0 3px rgba(91,91,214,.28);

  /* Layout */
  --sidebar-w:252px;
  --topbar-h:60px;
  --bottomnav-h:66px;
  --content-max:none;
  --gutter:28px;
  --safe-t:env(safe-area-inset-top,0px);
  --safe-b:env(safe-area-inset-bottom,0px);
  --av-viewport:100dvh;

  /* Motion */
  --ease:cubic-bezier(.2,.7,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:160ms;
  --dur-slow:280ms;

  /* Legacy aliases still read by older JavaScript */
  --green:var(--success);--red:var(--danger);--muted:var(--text-3);--av-accent:var(--accent);
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0b0b0f;
  --bg-elev:#141419;
  --bg-sunken:#0f0f14;
  --bg-hover:#1b1b22;
  --bg-active:#23232c;
  --bg-glass:rgba(20,20,25,.78);
  --line:#25252e;
  --line-strong:#32323d;
  --line-field:#3a3a46;

  --text:#f1f1f4;
  --text-2:#b6b6c2;
  --text-3:#83838f;
  --text-inverse:#0b0b0f;

  --accent:#7476f2;
  --accent-hover:#8789f6;
  --accent-press:#6567e6;
  --accent-soft:rgba(116,118,242,.13);
  --accent-soft-2:rgba(116,118,242,.22);
  --accent-text:#b9bbff;
  --on-accent:#ffffff;

  --chloe-soft:linear-gradient(135deg,rgba(123,108,246,.16),rgba(236,143,174,.12));

  --success:#36c180;--success-soft:rgba(54,193,128,.13);--success-text:#74deaa;
  --warning:#efa630;--warning-soft:rgba(239,166,48,.13);--warning-text:#ffca6b;
  --danger:#ef615e;--danger-soft:rgba(239,97,94,.13);--danger-text:#ff9d9a;
  --info:#5ba3f0;--info-soft:rgba(91,163,240,.13);--info-text:#9fcbff;

  --ka:#6cbf3c;--vinted:#22c3cc;--ebay:#ff5a5f;--etsy:#ff7a3d;--pinterest:#ff3b5c;--shopify:#86b85f;

  --shadow-xs:0 1px 2px rgba(0,0,0,.35);
  --shadow-sm:0 1px 2px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.25);
  --shadow-md:0 2px 6px rgba(0,0,0,.35),0 12px 30px rgba(0,0,0,.35);
  --shadow-lg:0 8px 20px rgba(0,0,0,.4),0 30px 70px rgba(0,0,0,.55);
  --ring:0 0 0 3px rgba(116,118,242,.38);
}
/* ---- 01-base.css ---- */
/* =====================================================================
   BASE
   ===================================================================== */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg);scroll-behavior:auto}
body{
  margin:0;min-height:100%;background:var(--bg);color:var(--text);
  font:400 14px/1.55 var(--font);letter-spacing:-.003em;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  -webkit-tap-highlight-color:transparent;
}
html.ui-booting body{opacity:0}
body{transition:opacity .18s var(--ease)}
img,svg,canvas,video{display:block;max-width:100%}
svg{flex-shrink:0}
h1,h2,h3,h4,h5,h6{margin:0;color:var(--text);font-family:var(--font-display);font-weight:650;letter-spacing:-.018em;line-height:1.25}
h1{font-size:26px}
h2{font-size:17px}
h3{font-size:15px}
p{margin:0}
small{font-size:12px}
b,strong{font-weight:620}
a{color:var(--accent-text);text-decoration:none;text-underline-offset:2px}
a:hover{text-decoration:underline}
code,kbd{font-family:var(--mono);font-size:.92em;background:var(--bg-sunken);border:1px solid var(--line);padding:1px 5px;border-radius:5px}
hr{border:0;border-top:1px solid var(--line);margin:16px 0}
::selection{background:var(--accent-soft-2);color:var(--text)}

button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
button{cursor:pointer;background:none;border:0;padding:0;-webkit-appearance:none;appearance:none}
button:disabled{cursor:not-allowed}
:focus{outline:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}

/* Scrollbars */
*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:10px;border:3px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background-color:var(--text-3)}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hidden-file{position:absolute!important;width:1px;height:1px;opacity:0;pointer-events:none}
.preline{white-space:pre-line}

/* Shared micro typography */
.kicker,.st-eyebrow,.jr-kicker,.login-eyebrow,.hud-panel-label>span:first-child,
.hud-panel-heading>small,.hud-screen-heading small,.hud-operations-head small,.mini-section-head small,.system-card-head small,
.hud-dialog-heading small,.st-eyebrow{
  display:inline-block;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);line-height:1.4
}
.field-note,.jarvis-small,.st-data-note,.jr-caption,.finance-help,.system-note{font-size:12px;color:var(--text-3);line-height:1.5}
.empty,.empty-state,.compact-empty,.hud-empty,.growth-empty,.inv32-empty,.issue-empty,.queue-empty{
  color:var(--text-3);font-size:13px;text-align:center;padding:28px 16px;
  border:1px dashed var(--line-strong);border-radius:var(--r);background:var(--bg-sunken)
}
.negative{color:var(--danger-text)!important}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Inline icons inside buttons default to a calm line style */
button>svg,a>svg,summary>svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
/* ---- 02-components.css ---- */
/* =====================================================================
   COMPONENTS
   Every legacy class name is mapped onto one shared primitive.
   ===================================================================== */

/* ---------- Buttons ---------- */
.btn,.st-button,.jarvis-secondary,.jr-primary,.jr-quiet,.hud-square,.hud-sale-button,
.ws-connection-badge,#jarvisNoticeBadge,#commandOpenJarvis,#hudSettings,.issue-reply-send,
.inv32-platform-open,.st-calendar-more,.download-single,.av-chip-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:38px;padding:0 15px;border-radius:var(--r-sm);
  border:1px solid var(--line-strong);background:var(--bg-elev);color:var(--text);
  font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;text-align:center;
  box-shadow:var(--shadow-xs);
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform 80ms var(--ease);
  -webkit-user-select:none;user-select:none;
}
.btn svg,.st-button svg,.jr-primary svg,.jarvis-secondary svg,#commandOpenJarvis svg,#jarvisNoticeBadge svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.btn:hover:not(:disabled),.st-button:hover:not(:disabled),.jarvis-secondary:hover:not(:disabled),.jr-quiet:hover:not(:disabled),
.hud-square:hover:not(:disabled),.ws-connection-badge:hover,#jarvisNoticeBadge:hover,#hudSettings:hover,.inv32-platform-open:hover,
.st-calendar-more:hover,.download-single:hover,.av-chip-btn:hover{background:var(--bg-hover);border-color:var(--line-strong)}
.btn:active:not(:disabled),.st-button:active:not(:disabled),.jr-primary:active:not(:disabled),.jarvis-secondary:active:not(:disabled){transform:translateY(1px)}
.btn:disabled,.st-button:disabled,.jarvis-secondary:disabled,.jr-primary:disabled,.jr-quiet:disabled,.hud-square:disabled{opacity:.5;box-shadow:none}

/* Primary */
.btn.primary,.st-button.st-primary,.jr-primary,#commandOpenJarvis,.login-submit,#hudConnect,
#jarvisSend,#studioChatSend,#jarvisCompanionSend{
  background:var(--accent);border-color:transparent;color:var(--on-accent);box-shadow:0 1px 2px rgba(40,40,120,.18),inset 0 1px 0 rgba(255,255,255,.12)
}
.btn.primary:hover:not(:disabled),.st-button.st-primary:hover:not(:disabled),.jr-primary:hover:not(:disabled),#commandOpenJarvis:hover,
#jarvisSend:hover:not(:disabled),#studioChatSend:hover:not(:disabled),#jarvisCompanionSend:hover:not(:disabled){background:var(--accent-hover);border-color:transparent}
.btn.primary:active:not(:disabled),.st-button.st-primary:active:not(:disabled),.jr-primary:active:not(:disabled){background:var(--accent-press)}

/* Quiet / text buttons */
.jr-quiet,.hud-text-button,.st-text-button,.ghost-link,.back-link,.inv32-cleanup-link{
  background:transparent;border-color:transparent;box-shadow:none;color:var(--accent-text);font-weight:600
}
.hud-text-button,.st-text-button,.ghost-link,.back-link,.inv32-cleanup-link{
  display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 8px;border-radius:var(--r-xs);font-size:13px;
  transition:background var(--dur) var(--ease)
}
.hud-text-button:hover,.st-text-button:hover,.ghost-link:hover,.back-link:hover,.inv32-cleanup-link:hover,.jr-quiet:hover:not(:disabled){background:var(--accent-soft)}
.st-text-button svg,.hud-text-button svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9}

/* Sizes */
.btn.small,.st-button.st-small,.btn.micro{min-height:32px;padding:0 11px;font-size:12px;border-radius:7px}
.btn.micro{min-height:28px;padding:0 9px;font-size:11.5px}
.btn.xl{min-height:46px;padding:0 22px;font-size:14px;border-radius:var(--r)}

/* Tones */
.btn.warning{background:var(--warning-soft);border-color:transparent;color:var(--warning-text)}
.btn.danger,.btn.danger-soft{background:var(--danger-soft);border-color:transparent;color:var(--danger-text)}
.btn.danger:hover,.btn.danger-soft:hover{background:var(--danger);color:#fff}
.btn.danger-plain{background:transparent;border-color:transparent;box-shadow:none;color:var(--danger-text)}
.btn.danger-plain:hover{background:var(--danger-soft)}
.btn.issue-soft,.issue-progress-btn{background:var(--warning-soft);border-color:transparent;color:var(--warning-text);box-shadow:none}
.btn.issue-soft:hover,.issue-progress-btn:hover{background:var(--warning);color:#fff}
.hud-sale-button,.inv32-sale{color:var(--success-text)!important}
.hud-sale-button:hover,.inv32-sale:hover{background:var(--success-soft)!important;border-color:transparent!important}

/* Icon buttons */
.st-icon-button,.round-close,.rail-icon-btn,.hud-square.icon,.theme-fab,#hudSaleClose,#hudSettingsClose,#growthSettingsClose,
.mobile-menu-btn,.av-mobile-settings{
  display:inline-grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border-radius:var(--r-sm);
  border:1px solid var(--line);background:var(--bg-elev);color:var(--text-2);box-shadow:none;font-size:15px;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease)
}
.st-icon-button:hover,.round-close:hover,.rail-icon-btn:hover,.theme-fab:hover,#hudSaleClose:hover,#hudSettingsClose:hover,#growthSettingsClose:hover,
.mobile-menu-btn:hover,.av-mobile-settings:hover{background:var(--bg-hover);color:var(--text)}
.st-icon-button svg,.mobile-menu-btn svg,.av-mobile-settings svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.st-icon-button span:not([aria-hidden="false"]){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.round-close::before{content:"✕";font-size:13px}
.round-close{font-size:0}
#hudSaleClose,#hudSettingsClose,#growthSettingsClose{font-size:0}
#hudSaleClose::before,#hudSettingsClose::before,#growthSettingsClose::before{content:"✕";font-size:13px}

/* ---------- Fields ---------- */
.field,.st-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field>span,.st-field>span,.field>label,.view-setting-group>label,.remote-link-wrap>label{
  display:flex;align-items:baseline;justify-content:space-between;gap:8px;
  font-size:12.5px;font-weight:600;color:var(--text-2);line-height:1.35
}
.field>span em,.st-field>span em,.field>span small,.st-field>span small{font-style:normal;font-weight:500;color:var(--text-3);font-size:11.5px}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{
  width:100%;min-height:40px;padding:9px 12px;border-radius:var(--r-sm);
  border:1px solid var(--line-field);background:var(--bg-elev);color:var(--text);
  font-size:14px;line-height:1.45;box-shadow:var(--shadow-xs);
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)
}
textarea{min-height:96px;resize:vertical;line-height:1.6}
input::placeholder,textarea::placeholder{color:var(--text-3);opacity:1}
input:not([type=checkbox]):not([type=radio]):not([type=range]):hover,select:hover,textarea:hover{border-color:var(--text-3)}
input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--ring);background:var(--bg-elev)}
input:disabled,select:disabled,textarea:disabled,input[readonly]{background:var(--bg-sunken);color:var(--text-2)}
select{
  -webkit-appearance:none;appearance:none;padding-right:34px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23808090' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:12px
}
input[type=date],input[type=time],input[type=datetime-local]{min-height:40px}
input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:17px;height:17px;margin:0;cursor:pointer;flex:0 0 auto}
input[type=range]{accent-color:var(--accent);width:100%;min-height:24px}
input[type=search]::-webkit-search-cancel-button{cursor:pointer}

.money-input{position:relative;display:flex;align-items:center}
.money-input>span{position:absolute;left:12px;color:var(--text-3);font-weight:600;pointer-events:none;font-size:13px}
.money-input input{padding-left:28px!important}
.copy-field{display:flex;gap:8px}
.copy-field input{flex:1;min-width:0}

/* Search fields with leading icon */
.st-search,.inv32-search{position:relative;display:flex;align-items:center;min-width:0}
.st-search svg,.inv32-search svg{position:absolute;left:12px;width:16px;height:16px;stroke:var(--text-3);fill:none;stroke-width:2;pointer-events:none}
.st-search input,.inv32-search input{padding-left:36px!important}

/* Checkboxes in labels */
.jarvis-check,.st-review-check,.issue-urgent-toggle{
  display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-2);cursor:pointer;line-height:1.45
}
.jarvis-check input,.st-review-check input,.issue-urgent-toggle input{margin-top:2px}
.st-review-check span,.issue-urgent-toggle span{display:flex;flex-direction:column;gap:2px}
.st-review-check b,.issue-urgent-toggle strong{color:var(--text);font-size:13px}
.st-review-check small,.issue-urgent-toggle small{color:var(--text-3)}

/* Switches */
.jr-switch,.sync-switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.jr-switch input,.sync-switch input{position:absolute;opacity:0;width:1px;height:1px}
.jr-switch>span,.sync-switch>span{
  position:relative;width:40px;height:24px;border-radius:var(--r-pill);background:var(--line-strong);
  transition:background var(--dur) var(--ease);flex:0 0 auto
}
.jr-switch>span::after,.sync-switch>span::after{
  content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform var(--dur) var(--ease-out)
}
.jr-switch input:checked+span,.sync-switch input:checked+span{background:var(--accent)}
.jr-switch input:checked+span::after,.sync-switch input:checked+span::after{transform:translateX(16px)}
.jr-switch input:focus-visible+span,.sync-switch input:focus-visible+span{box-shadow:var(--ring)}
.sync-switch b{font-size:12.5px;color:var(--text-2);font-weight:600}

/* ---------- Segmented controls & filter chips ---------- */
.segmented,.st-segments,.st-calendar-modes,.av-pane-controls,.av-chloe-mobile,.av-segment{
  display:inline-flex;gap:3px;padding:3px;border-radius:var(--r-sm);background:var(--bg-sunken);border:1px solid var(--line)
}
.segmented button,.st-segments button,.st-calendar-modes button,.av-pane-controls button,.av-chloe-mobile button,.av-segment button{
  flex:1;min-height:32px;padding:0 13px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--text-2);white-space:nowrap;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)
}
.segmented button:hover,.st-segments button:hover,.st-calendar-modes button:hover,.av-pane-controls button:hover,.av-chloe-mobile button:hover,.av-segment button:hover{color:var(--text)}
.segmented button.active,.st-segments button.selected,.st-calendar-modes button.selected,.av-segment button.active,
.av-pane-controls button[aria-pressed="true"],.av-chloe-mobile button[aria-pressed="true"]{
  background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-sm)
}

.chip-filter,.st-post-filters button,.queue-folder-bar button,.sold-workflow-filters button,.inv32-stage-filters button,.av-chip{
  display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 13px;border-radius:var(--r-pill);
  border:1px solid var(--line);background:var(--bg-elev);color:var(--text-2);font-size:12.5px;font-weight:600;white-space:nowrap;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)
}
.chip-filter:hover,.st-post-filters button:hover,.queue-folder-bar button:hover,.sold-workflow-filters button:hover,.inv32-stage-filters button:hover,.av-chip:hover{border-color:var(--line-strong);color:var(--text);background:var(--bg-hover)}
.chip-filter.active,.st-post-filters button.selected,.queue-folder-bar button.active,.sold-workflow-filters button.active,.inv32-stage-filters button.active,.av-chip.active{
  background:var(--text);border-color:var(--text);color:var(--bg-elev)
}
.sold-workflow-filters button em,.queue-folder-bar button em,.inv32-stage-filters button b{
  font-style:normal;font-size:11px;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);
  display:inline-grid;place-items:center;background:var(--bg-sunken);color:var(--text-2)
}
.sold-workflow-filters button.active em,.queue-folder-bar button.active em,.inv32-stage-filters button.active b{background:rgba(255,255,255,.18);color:inherit}
:root[data-theme="dark"] .sold-workflow-filters button.active em,:root[data-theme="dark"] .queue-folder-bar button.active em,:root[data-theme="dark"] .inv32-stage-filters button.active b{background:rgba(0,0,0,.14)}

/* ---------- Pills / badges ---------- */
.system-pill,.status-chip,.st-badge,.ai-safety-pill,.jarvis-pill,.role-pill,.fulfillment-pill,.shipping-state-pill,.hud-status,
.st-post-state,.item-issue-pill,.issue-status,.ai-status,.ai-parked,.command-indicator,.av-pill{
  display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 10px;border-radius:var(--r-pill);
  font-size:11.5px;font-weight:650;line-height:1;white-space:nowrap;
  background:var(--bg-sunken);color:var(--text-2);border:1px solid var(--line)
}
.system-pill.ok,.status-chip.ok,.fulfillment-pill.done,.av-pill.ok,.jarvis-pill[data-connected="true"]{background:var(--success-soft);color:var(--success-text);border-color:transparent}
.system-pill.warn,.status-chip.warn,.fulfillment-pill.open,.av-pill.warn,.item-issue-pill{background:var(--warning-soft);color:var(--warning-text);border-color:transparent}
.system-pill.bad,.status-chip.bad,.av-pill.bad{background:var(--danger-soft);color:var(--danger-text);border-color:transparent}
.st-badge,.ai-safety-pill,.role-pill,.av-pill.accent{background:var(--accent-soft);color:var(--accent-text);border-color:transparent}
.command-indicator{background:transparent;border:0;padding:0;color:var(--text-3);font-size:11px;letter-spacing:.04em;text-transform:uppercase}

.nav-badge,.mobile-bottom-badge,.st-count{
  display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);
  font-size:11px;font-weight:700;font-style:normal;line-height:1;background:var(--bg-active);color:var(--text-2)
}
.nav-badge.nav-badge-alert,.nav-badge.sold-badge,.mobile-bottom-badge{background:var(--accent);color:var(--on-accent)}
.nav-badge:empty,.nav-badge.is-zero{display:none}
.system-nav-dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong);display:inline-block;margin-left:auto}
.system-nav-dot.ok,.system-nav-dot[data-state="ok"]{background:var(--success)}

/* ---------- Cards ---------- */
.section-card,.hud-panel,.system-card,.upload-card,.editor-card,.st-product-panel,.st-editor-panel,.ws-reference,
.st-analytics-panel,.st-recommendation-panel,.st-calendar-panel,.shipping-card,.market-transfer-card,.sale-workflow-card,
.inv32-platform-card,.external-form,.av-card{
  background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);min-width:0
}
.section-card,.system-card,.st-analytics-panel,.st-recommendation-panel,.external-form,.av-card{padding:20px}
.hud-panel{padding:18px}
.hud-panel-label,.hud-panel-heading,.section-head,.jarvis-section-head,.st-panel-title,.system-card-head,.ai-control-top,.ai-agent-head,
.photo-section-head,.shipping-panel-head,.platform-heading,.market-transfer-head,.sku-step-gallery-head,.download-sheet-head,.issue-composer-head,
.image-editor-head,.st-dialog-head,.hud-dialog-heading,.av-card-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0
}
.hud-panel-label,.hud-panel-heading{margin-bottom:12px}
.hud-panel-label b{font-size:12px;font-weight:700;color:var(--text-2);background:var(--bg-sunken);border-radius:var(--r-pill);padding:3px 9px}
.section-head{margin-bottom:14px}
.section-head h2,.st-panel-title h2,.system-card-head h2,.ai-control-top h2,.photo-section-head h2,.shipping-panel-head h2,.platform-heading h2{font-size:16px;margin-top:2px}
.section-head p,.ai-control-top p,.photo-section-head p,.shipping-panel-head p{color:var(--text-3);font-size:13px;margin-top:3px}
.section-head.compact{margin-bottom:12px}

/* ---------- KPI tiles ---------- */
.hud-operational-kpis,.ai-summary-grid,.issue-summary-grid,.activity-summary-grid,.st-insights-kpis,.growth-kpis,.jarvis-telemetry,.av-kpis{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px
}
.hud-operational-kpis>div,.ai-summary-grid>article,.issue-summary-grid>article,.activity-summary-grid>article,.st-insights-kpis>article,
.growth-kpis>article,.jarvis-telemetry>div,.av-kpi{
  position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 18px;min-width:0;
  background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)
}
.hud-operational-kpis small,.st-insights-kpis span,.growth-kpis small,.jarvis-telemetry span,.ai-summary-grid span,.issue-summary-grid span,.activity-summary-grid span,.av-kpi>span{
  font-size:12px;font-weight:600;color:var(--text-3);order:0
}
.hud-operational-kpis b,.st-insights-kpis b,.growth-kpis b,.jarvis-telemetry b,.ai-summary-grid strong,.issue-summary-grid strong,.activity-summary-grid strong,.av-kpi>b{
  font-family:var(--font-display);font-size:26px;font-weight:680;letter-spacing:-.03em;line-height:1.15;color:var(--text);font-variant-numeric:tabular-nums
}
.ai-summary-grid strong,.issue-summary-grid strong,.activity-summary-grid strong{order:1}
.ai-summary-grid span,.issue-summary-grid span,.activity-summary-grid span{order:2}
.hud-operational-kpis span,.st-insights-kpis small,.av-kpi>small{font-size:12px;color:var(--text-3)}
.ai-error-stat strong{color:var(--danger-text)}
.hud-panel.growth-kpis article,.growth-kpis .hud-panel{padding:16px 18px}

/* Legacy compact stats */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.stat{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg)}
.stat>i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent-text);font-style:normal}
.stat strong{display:block;font-size:20px;font-weight:680}
.stat small{color:var(--text-3)}

/* ---------- Details / disclosure ---------- */
details>summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}
details>summary::-webkit-details-marker{display:none}
details.hud-panel>summary,details.jarvis-settings-panel>summary,details.st-automation-settings>summary,details.st-notes>summary,
details.hud-queue-details>summary,details.jr-execution>summary,details.jr-context>summary,details.av-details>summary,.growth-settings-body details>summary{
  display:flex;align-items:center;gap:10px;min-height:44px;font-weight:620;font-size:14px;color:var(--text)
}
details.hud-panel>summary::after,details.jarvis-settings-panel>summary::after,details.st-automation-settings>summary::after,
details.st-notes>summary::after,details.hud-queue-details>summary::after,details.jr-execution>summary::after,details.jr-context>summary::after,
details.av-details>summary::after,.growth-settings-body details>summary::after{
  content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);
  transform:rotate(45deg) translateY(-2px);transition:transform var(--dur) var(--ease);flex:0 0 auto
}
details[open]>summary::after{transform:rotate(225deg) translate(-2px,0)!important}

/* ---------- Tables ---------- */
table{width:100%;border-collapse:collapse;font-size:13px}
th{font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:11px 12px;border-bottom:1px solid var(--line);color:var(--text);font-variant-numeric:tabular-nums;vertical-align:middle}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover td{background:var(--bg-hover)}

/* ---------- Progress ---------- */
.progress-track,.hud-progress,.team-progress-track,.st-style-track,.week-bar-track,.av-progress{
  position:relative;height:8px;border-radius:var(--r-pill);background:var(--bg-sunken);overflow:hidden
}
.progress-track>i,.hud-progress>i,.team-progress-track>i,.st-style-track>i,.av-progress>i{
  position:absolute;inset:0 auto 0 0;display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .5s var(--ease-out)
}

/* ---------- Platform marks ---------- */
.platform-mark,.hud-platform-token svg{display:inline-grid;place-items:center;flex:0 0 auto}
.platform-mark{width:24px;height:24px;border-radius:7px;color:#fff;background:var(--text-3)}
.platform-mark svg{width:14px;height:14px;fill:currentColor;stroke:none}
.platform-mark.mark-ka{background:var(--ka)}
.platform-mark.mark-vinted{background:var(--vinted)}
.platform-mark.mark-ebay{background:var(--ebay)}
.platform-mark.mark-etsy{background:var(--etsy)}
.platform-mark.mark-shopify{background:var(--shopify)}
.platform-mark.mark-pinterest{background:var(--pinterest)}

/* ---------- Inline messages ---------- */
.inline-error,.st-inline-error,.ai-error-text{color:var(--danger-text);font-size:13px}
.inline-error:not(:empty),.st-inline-error:not(:empty){display:block}
.inline-system-message{padding:10px 12px;border-radius:var(--r-sm);font-size:13px;background:var(--bg-sunken);color:var(--text-2)}
.inline-system-message.error{background:var(--danger-soft);color:var(--danger-text)}
.inline-system-message.success{background:var(--success-soft);color:var(--success-text)}
.ai-warning{color:var(--warning-text);font-size:12px}

/* ---------- Loading ---------- */
@keyframes av-spin{to{transform:rotate(360deg)}}
@keyframes av-pulse{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes av-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes av-fade-up{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes av-pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.download-skeleton,.market-transfer-loading,.av-skeleton{
  background:linear-gradient(90deg,var(--bg-sunken) 25%,var(--bg-hover) 50%,var(--bg-sunken) 75%);background-size:200% 100%;
  animation:av-shimmer 1.3s linear infinite;border-radius:var(--r-sm);min-height:60px
}
[aria-busy="true"]{position:relative}
.st-button[aria-busy="true"]::after,.btn[aria-busy="true"]::after{
  content:"";width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:av-spin .7s linear infinite
}
/* ---- 03-shell.css ---- */
/* =====================================================================
   SHELL · login, layout, sidebar, top bars, phone navigation
   ===================================================================== */

/* ---------- Chloe orb (brand identity of the assistant) ---------- */
.chloe-orb{
  --size:22px;position:relative;display:inline-block;flex:0 0 auto;width:var(--size);height:var(--size);border-radius:50%;
  background:
    radial-gradient(circle at 32% 28%,rgba(255,255,255,.95) 0 7%,rgba(255,255,255,0) 26%),
    conic-gradient(from 200deg,#7b6cf6,#b16ee0,#ec8fae,#8fb6ff,#7b6cf6);
  box-shadow:inset 0 -2px 6px rgba(50,20,110,.35),0 2px 10px rgba(123,108,246,.35);
}
.chloe-orb.xs{--size:18px}
.chloe-orb.sm{--size:20px}
.chloe-orb.md{--size:30px}
.chloe-orb.lg{--size:46px}
.chloe-orb.xl{--size:112px}
body[data-jarvis-mode="thinking"] .chloe-orb,body[data-agent-task-state="running"] .chloe-orb{animation:av-orb-spin 2.4s linear infinite}
body[data-jarvis-mode="speaking"] .chloe-orb,body[data-jarvis-mode="listening"] .chloe-orb{animation:av-orb-breathe 1.2s var(--ease) infinite}
@keyframes av-orb-spin{to{filter:hue-rotate(360deg)}}
@keyframes av-orb-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

.brand-logo{height:34px;width:auto;object-fit:contain}
:root[data-theme="dark"] .brand-logo{filter:invert(1)}

/* ---------- Login ---------- */
.login-screen{
  position:relative;min-height:100dvh;display:grid;place-items:center;padding:24px;
  background:
    radial-gradient(900px 500px at 12% -10%,rgba(123,108,246,.16),transparent 60%),
    radial-gradient(700px 500px at 110% 110%,rgba(236,143,174,.14),transparent 60%),
    var(--bg);
}
.theme-fab{position:absolute;top:18px;right:18px;z-index:2}
.login-shell{
  width:min(980px,100%);display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;
  background:var(--bg-elev);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-lg);min-height:560px;
  animation:av-pop .4s var(--ease-out)
}
.login-brand-panel{
  position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:38px;color:#f4f2ff;overflow:hidden;
  background:
    radial-gradient(520px 340px at 85% 0%,rgba(236,143,174,.38),transparent 65%),
    radial-gradient(520px 360px at 0% 100%,rgba(123,108,246,.55),transparent 60%),
    linear-gradient(160deg,#17142b 0%,#0e0d18 100%);
}
.login-brand-panel::after{
  content:"";position:absolute;right:-90px;bottom:-90px;width:300px;height:300px;border-radius:50%;
  background:conic-gradient(from 200deg,#7b6cf6,#b16ee0,#ec8fae,#8fb6ff,#7b6cf6);filter:blur(60px);opacity:.38;pointer-events:none
}
.login-brand-top{display:flex;align-items:center;gap:14px;position:relative;z-index:1}
.login-brand-top img{height:44px;width:auto;filter:invert(1)}
.login-brand-top span{font-size:11px;font-weight:650;letter-spacing:.14em;color:rgba(244,242,255,.72);border-left:1px solid rgba(255,255,255,.2);padding-left:14px}
.login-brand-copy{position:relative;z-index:1}
.login-brand-copy .login-eyebrow{color:rgba(244,242,255,.6)}
.login-brand-copy h1{color:#fff;font-size:38px;line-height:1.1;letter-spacing:-.035em;margin:10px 0 14px;font-weight:680}
.login-brand-copy p{color:rgba(244,242,255,.72);font-size:15px;max-width:34ch}
.login-brand-status{
  position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:13px;color:rgba(244,242,255,.8)
}
.login-brand-status i{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.18)}
.login-brand-status b{margin-left:auto;color:#fff}
.login-form-panel{display:grid;place-items:center;padding:40px}
.login-card{width:min(360px,100%);display:flex;flex-direction:column;gap:16px}
.login-mobile-logo{display:none}
.login-copy span{font-size:11px;font-weight:650;letter-spacing:.08em;color:var(--text-3)}
.login-copy h2{font-size:28px;margin:6px 0 6px;letter-spacing:-.03em}
.login-copy p{color:var(--text-2)}
.login-card input{min-height:46px!important;font-size:15px!important}
.login-submit{min-height:48px!important;font-size:15px!important;border-radius:var(--r)!important;margin-top:4px}
.login-footnote{color:var(--text-3);text-align:center}
.inline-error{padding:10px 12px;border-radius:var(--r-sm);background:var(--danger-soft);color:var(--danger-text);font-size:13px}

/* ---------- App layout ---------- */
.app-shell{min-height:100dvh}
.app-main{min-height:100dvh;padding:calc(var(--topbar-h) + 26px) var(--gutter) 48px calc(var(--sidebar-w) + var(--gutter))}
.screen{width:100%;max-width:var(--content-max);margin:0 auto;gap:20px;min-width:0;animation:av-fade-up .22s var(--ease-out)}
body.studio-docked .app-main{padding-right:calc(380px + var(--gutter))}

/* ---------- Desktop top bar ---------- */
.command-topbar{
  position:fixed;top:0;left:var(--sidebar-w);right:0;z-index:40;height:var(--topbar-h);
  display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 var(--gutter);
  background:var(--bg-glass);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);
  border-bottom:1px solid var(--line)
}
.command-title{display:flex;align-items:center;gap:12px;min-width:0}
.command-title h2{font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.command-indicator{display:inline-flex;align-items:center;gap:6px}
.command-indicator::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}
.command-indicator[data-offline="true"]::before{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}
.command-top-actions{display:flex;align-items:center;gap:8px}
.ws-connection-badge{min-height:34px;font-size:12.5px;padding:0 12px;border-radius:var(--r-pill);background:var(--bg-elev)}
.ws-connection-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--warning)}
.ws-connection-badge[data-state="ready"]::before,.ws-connection-badge[data-ready="true"]::before{background:var(--success)}
.ws-connection-badge[data-state="blocked"]::before,.ws-connection-badge[data-state="error"]::before{background:var(--danger)}
#jarvisNoticeBadge{min-height:34px;border-radius:var(--r-pill);padding:0 12px;font-size:12.5px;color:var(--accent-text);background:var(--accent-soft);border-color:transparent}
#hudSettings{min-height:34px;padding:0 12px;font-size:12.5px;border-radius:var(--r-pill)}
#hudSettings span{display:inline}
#commandOpenJarvis{min-height:34px;border-radius:var(--r-pill);padding:0 14px 0 6px;font-size:12.5px;gap:8px;
  background:var(--text);color:var(--bg-elev);box-shadow:var(--shadow-sm)}
#commandOpenJarvis:hover{background:var(--text);opacity:.9}

/* ---------- Sidebar ---------- */
.rail{
  position:fixed;inset:0 auto 0 0;z-index:45;width:var(--sidebar-w);display:flex;flex-direction:column;
  background:var(--bg-elev);border-right:1px solid var(--line);padding:16px 12px 12px
}
.rail-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 16px;border-bottom:1px solid var(--line);margin-bottom:10px}
.rail-brand .brand-logo{height:36px}
.rail-brand-tag{font-size:10.5px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);border-left:1px solid var(--line);padding-left:10px;line-height:1.2}
.rail-nav{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:2px;padding:2px 2px 12px;margin:0 -2px}
.rail-group-label,.mobile-drawer-group-label{font-size:10.5px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);padding:14px 12px 6px}
.rail-nav button,.rail-more>summary{
  position:relative;display:flex;align-items:center;gap:11px;width:100%;min-height:38px;padding:0 10px;border-radius:var(--r-sm);
  color:var(--text-2);font-size:13.5px;font-weight:550;text-align:left;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease)
}
.rail-nav button b{font-weight:inherit;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rail-nav .nav-icon{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px}
.rail-nav .nav-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rail-nav button:hover,.rail-more>summary:hover{background:var(--bg-hover);color:var(--text)}
.rail-nav button.active{background:var(--accent-soft);color:var(--accent-text);font-weight:640}
.rail-nav button.active .nav-icon svg{stroke-width:2.1}
.rail-chloe{margin:6px 0 2px;background:var(--chloe-soft)!important;color:var(--text)!important;border:1px solid var(--line)}
.rail-chloe.active{border-color:color-mix(in srgb,var(--chloe-a) 45%,var(--line))}
.rail-chloe b{font-weight:650!important}
.rail-chloe-state{font-size:10.5px;font-weight:650;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}
.rail-more{margin-top:4px}
.rail-more>summary{color:var(--text-3);font-size:11px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;min-height:34px}
.rail-more>summary::after{content:"";margin-left:auto;width:6px;height:6px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--dur) var(--ease)}
.rail-more[open]>summary::after{transform:rotate(225deg)}
.rail-more .hud-menu-content{display:flex;flex-direction:column;gap:2px;padding-bottom:4px}
.rail-subnav .platform-mark{width:20px;height:20px;border-radius:6px}
.rail-subnav .platform-mark svg{width:12px;height:12px}
.rail-footer{border-top:1px solid var(--line);padding:12px 6px 2px;display:flex;align-items:center;gap:8px}
.rail-user{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.rail-avatar,.mobile-user-avatar,#mobileDrawerAvatar{
  display:grid;place-items:center;width:34px;height:34px;border-radius:50%;flex:0 0 auto;
  background:var(--accent-soft);color:var(--accent-text);font-weight:700;font-size:14px
}
.rail-user strong{display:block;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rail-user small{display:block;color:var(--text-3);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rail-footer-actions{display:flex;gap:4px}
.rail-icon-btn{width:32px;height:32px;min-height:32px;border-color:transparent;background:transparent}
.rail-icon-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rail-icon-btn span{font-size:15px;line-height:1}

/* Role visibility */
body:not(.role-admin) .jarvis-admin-nav,body:not(.role-admin) #homeTalkJarvis,body:not(.role-admin) #homeAgentState,
body:not(.role-admin) .hud-mini-core,body:not(.role-admin) #commandOpenJarvis,body:not(.role-admin) #hudSettings,
body:not(.role-admin) #wsConnectionBadge{display:none!important}
body.role-uploader .ai-nav-btn,body.role-uploader [data-screen="ai"]{display:none!important}

/* ---------- PC access banner ---------- */
.desktop-access-banner{
  position:fixed;top:calc(var(--topbar-h) + 10px);left:50%;transform:translateX(-50%);z-index:80;
  display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:var(--r-pill);
  background:var(--danger);color:#fff;font-size:12.5px;font-weight:650;box-shadow:var(--shadow-md)
}
.desktop-access-banner button{min-height:28px;padding:0 12px;border-radius:var(--r-pill);background:#fff;color:var(--danger);font-weight:700;font-size:12px}

/* ---------- Phone top bar ---------- */
.mobile-topbar{
  position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:10px;
  height:calc(58px + var(--safe-t));padding:var(--safe-t) 14px 0;
  background:var(--bg-glass);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);
  border-bottom:1px solid var(--line)
}
.mobile-menu-btn,.av-mobile-settings{width:40px;height:40px;border-radius:12px}
.mobile-topbar-copy{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}
.mobile-topbar-copy small{font-size:10.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.mobile-topbar-copy strong{font-size:17px;font-weight:680;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-user-avatar{position:relative;width:36px;height:36px}
.mobile-connection-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--success);border:2px solid var(--bg-elev)}
.mobile-connection-dot.offline,.mobile-connection-dot[data-offline="true"]{background:var(--danger)}

/* ---------- Phone bottom navigation ---------- */
.mobile-bottom-nav,.st-mobile-nav{
  position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;
  height:calc(var(--bottomnav-h) + var(--safe-b));padding:6px 8px calc(6px + var(--safe-b));
  background:var(--bg-glass);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);
  border-top:1px solid var(--line)
}
.mobile-bottom-nav button,.st-mobile-nav button{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;
  border-radius:14px;color:var(--text-3);font-size:10.5px;font-weight:600;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)
}
.mobile-bottom-nav b,.st-mobile-nav span:not(.chloe-orb):not(.mobile-bottom-icon){font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mobile-bottom-icon{position:relative;display:grid;place-items:center}
.mobile-bottom-nav svg,.st-mobile-nav svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-bottom-nav button.active,.st-mobile-nav button.active{color:var(--accent-text)}
.mobile-bottom-nav button.active svg,.st-mobile-nav button.active svg{stroke-width:2.2}
.mobile-bottom-nav button.active::before,.st-mobile-nav button.active:not(.st-mobile-chloe)::before{
  content:"";position:absolute;top:2px;width:30px;height:3px;border-radius:3px;background:var(--accent)
}
.mobile-bottom-badge{position:absolute;top:-6px;right:-12px;min-width:18px;height:18px;font-size:10px;border:2px solid var(--bg-elev)}
.st-mobile-chloe{color:var(--text)!important}
.st-mobile-chloe .chloe-orb{--size:34px;margin-top:-16px;border:3px solid var(--bg-elev);box-sizing:content-box;box-shadow:0 6px 18px rgba(123,108,246,.45)}
.st-mobile-chloe.active span:last-child{color:var(--accent-text)}

/* ---------- "Mehr" sheet / drawer ---------- */
.mobile-drawer-backdrop{
  position:fixed;inset:0;z-index:85;background:rgba(10,10,20,.38);opacity:0;transition:opacity .25s var(--ease)
}
.mobile-drawer-backdrop.open{opacity:1}
.mobile-drawer{
  position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;flex-direction:column;gap:12px;
  max-height:min(88dvh,780px);padding:6px 16px calc(16px + var(--safe-b));overflow-y:auto;overscroll-behavior:contain;
  background:var(--bg-elev);border-radius:24px 24px 0 0;box-shadow:var(--shadow-lg);
  transform:translateY(102%);transition:transform .34s var(--ease-out)
}
.mobile-drawer.open{transform:none}
.mobile-drawer-grip{width:40px;height:5px;border-radius:5px;background:var(--line-strong);margin:4px auto 2px;flex:0 0 auto}
.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between}
.mobile-drawer-head .brand-logo{height:30px}
.mobile-drawer-user{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r);background:var(--bg-sunken)}
.mobile-drawer-user strong{display:block;font-size:14px}
.mobile-drawer-user small{color:var(--text-3)}
.mobile-drawer-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mobile-drawer-group-label{grid-column:1/-1;padding:8px 4px 0}
.mobile-drawer-nav>button,.mobile-drawer-subnav>button{
  position:relative;display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;border-radius:14px;text-align:left;
  background:var(--bg-sunken);border:1px solid var(--line);color:var(--text);min-width:0
}
.mobile-drawer-nav>button:active,.mobile-drawer-subnav>button:active{transform:scale(.98)}
.mobile-drawer-nav>button.active{background:var(--accent-soft);border-color:transparent;color:var(--accent-text)}
.mobile-drawer-nav>button>div,.mobile-drawer-subnav>button>div{min-width:0;flex:1}
.mobile-drawer-nav strong,.mobile-drawer-nav b{display:block;font-size:13px;font-weight:640;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-drawer-nav small{display:block;font-size:11px;color:var(--text-3);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-drawer-nav .drawer-icon,.mobile-drawer-nav .nav-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--bg-elev);flex:0 0 auto;color:var(--text-2)}
.mobile-drawer-nav .drawer-icon svg,.mobile-drawer-nav .nav-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mobile-drawer-nav .nav-badge,.mobile-drawer-subnav .nav-badge{position:absolute;top:6px;right:6px}
.mobile-drawer-subnav{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mobile-drawer-subnav .platform-mark{width:32px;height:32px;border-radius:10px}
.mobile-drawer-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:4px}
.mobile-drawer-foot button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:14px;border:1px solid var(--line);font-weight:620;font-size:13px;color:var(--text)}
.mobile-drawer-foot svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9}
#logoutMobile{color:var(--danger-text)}
body.mobile-drawer-open{overflow:hidden}

/* ---------- Visibility by UI mode ---------- */
body.desktop-ui #mobileTopbar,body.desktop-ui #mobileBottomNav,body.desktop-ui #studioMobileNav{display:none!important}
body.mobile-ui #desktopRail,body.mobile-ui .command-topbar{display:none!important}
body.mobile-ui .app-main{padding:calc(58px + var(--safe-t) + 18px) 16px calc(var(--bottomnav-h) + var(--safe-b) + 24px)}
body.mobile-ui .desktop-device-only{display:none!important}
body.mobile-ui .desktop-access-banner{top:calc(66px + var(--safe-t))}
body.mobile-ui[data-screen="upload"] .mobile-bottom-nav{display:none!important}
body.mobile-ui[data-screen="upload"] .app-main{padding-bottom:calc(var(--safe-b) + 24px)}
body.av-keyboard-open .st-mobile-nav,body.av-keyboard-open .mobile-bottom-nav{display:none!important}
.mobile-connection-dot.bad{background:var(--danger)}
body.assistant-docked #jarvisCompanionToggle{display:none!important}
@media (max-width:1280px){
  #hudSettings span,#jarvisNoticeBadge span{display:none}
  #hudSettings,#jarvisNoticeBadge{width:34px;padding:0}
}
/* logo-ink.png is dark ink on transparency: inverted it becomes white ink. */
:root[data-theme="dark"] .login-mobile-logo img{filter:invert(1)}
.login-card .login-submit{align-self:stretch;width:100%}
/* ---- 04-studio.css ---- */
/* =====================================================================
   PAGE HEADINGS + STUDIO (Listing, Posting, Ergebnisse)
   ===================================================================== */
.page-head,.st-page-heading,.hud-screen-heading,.hud-operations-head,.jarvis-head,.av-page-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;min-width:0
}
.page-head>div:first-child,.st-page-heading>div:first-child,.hud-screen-heading>div:first-child,.hud-operations-head>div:first-child,
.jarvis-head>div:first-child,.av-page-head>div:first-child{min-width:0;flex:1 1 360px}
.page-head h1,.st-page-heading h1,.hud-screen-heading h1,.hud-operations-head h1,.jarvis-head h1,.av-page-head h1{
  font-size:28px;font-weight:700;letter-spacing:-.035em;line-height:1.15;margin:4px 0 6px
}
.st-page-heading h1>span{color:var(--accent)}
.page-head p,.st-page-heading p,.hud-screen-heading p,.hud-operations-head p,.jarvis-head p,.av-page-head p{color:var(--text-2);font-size:14px;max-width:72ch}
.page-head p strong{color:var(--text)}
.hud-screen-heading>div:last-child,.hud-operations-head>div:last-child,.av-page-head>div:last-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#homeDateLabel{font-size:13px;color:var(--text-3);font-weight:550}
.page-head h1 span,.queue-page-head h1 span,.issues-page-head h1 span{
  display:inline-grid;place-items:center;min-width:30px;height:28px;padding:0 9px;margin-left:8px;border-radius:var(--r-pill);
  font-size:14px;vertical-align:middle;background:var(--accent-soft);color:var(--accent-text);letter-spacing:0
}
.st-page-heading h1 span{display:none}

/* ---------- Workflow steps ---------- */
.st-workflow{
  display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line);
  box-shadow:var(--shadow-xs);overflow-x:auto;scrollbar-width:none
}
.st-workflow::-webkit-scrollbar{display:none}
.st-workflow>span,.st-workflow>button{
  display:flex;align-items:center;gap:10px;min-height:38px;padding:0 14px 0 8px;border-radius:var(--r-sm);font-size:13px;font-weight:600;color:var(--text-2);white-space:nowrap
}
.st-workflow>button:hover{background:var(--bg-hover);color:var(--text)}
.st-workflow b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:11px;background:var(--bg-sunken);color:var(--text-3);border:1px solid var(--line)}
.st-workflow .current{background:var(--accent-soft);color:var(--accent-text)}
.st-workflow .current b{background:var(--accent);color:var(--on-accent);border-color:transparent}
.st-workflow>i{flex:1 1 24px;max-width:56px;min-width:12px;height:1px;background:var(--line-strong)}

/* ---------- Listing workbench ---------- */
.av-listing-mobile{display:none}
.st-listing-workbench{display:grid;grid-template-columns:280px minmax(0,1fr) 260px;gap:18px;align-items:start}
body.studio-docked .st-listing-workbench{grid-template-columns:270px minmax(0,1fr)}
body.studio-docked .ws-reference{display:none}
.st-product-panel{position:sticky;top:calc(var(--topbar-h) + 20px);padding:14px;display:flex;flex-direction:column;gap:10px;max-height:calc(100dvh - var(--topbar-h) - 44px)}
.st-panel-title{margin:0 0 2px}
.st-panel-title h2{font-size:15px}
.st-segments{display:flex}
.st-product-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;margin:0 -6px;padding:2px 6px;min-height:120px}
.st-product-item{
  display:flex;align-items:center;gap:11px;width:100%;padding:8px;border-radius:var(--r);text-align:left;border:1px solid transparent;
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)
}
.st-product-item:hover{background:var(--bg-hover)}
.st-product-item.selected{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}
.st-product-item img,.st-product-placeholder{width:44px;height:56px;border-radius:9px;object-fit:cover;flex:0 0 auto;background:var(--bg-sunken)}
.st-product-placeholder{display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:var(--text-3)}
.st-product-item>div{min-width:0;display:flex;flex-direction:column;gap:1px}
.st-product-item small{font-size:11px;color:var(--text-3);font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-product-item b{font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st-product-item em{font-style:normal;font-size:11px;font-weight:650;color:var(--accent-text)}
.st-product-more{width:100%;margin-top:6px}

.st-editor-panel{padding:22px 24px;min-height:420px}
.ws-editor-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:18px}
.ws-editor-label i{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.st-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:48px 20px;border-radius:var(--r-lg);background:var(--bg-sunken);border:1px dashed var(--line-strong)}
.st-empty h2{font-size:20px;letter-spacing:-.02em}
.st-empty p{color:var(--text-2);max-width:46ch}
.st-empty-art{display:grid;place-items:center;width:84px;height:84px;border-radius:24px;background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--accent);margin-bottom:6px}
.st-empty-art svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.6}
.st-empty .st-button{margin-top:6px}

.st-editor-intro{display:flex;align-items:center;gap:14px;padding-bottom:16px}
.st-product-photo{width:60px;height:76px;border-radius:12px;overflow:hidden;background:var(--bg-sunken);flex:0 0 auto}
.st-product-photo img{width:100%;height:100%;object-fit:cover}
.st-editor-intro>div:nth-child(2){flex:1;min-width:0}
.st-editor-intro h2{font-size:18px;line-height:1.3;margin:2px 0}
.st-editor-intro p{color:var(--text-3);font-size:12.5px}
.st-editor-intro .st-badge{align-self:flex-start}
.st-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);margin-bottom:6px}
#studioSaveState{font-size:12.5px;color:var(--text-3)}
#studioSaveState[data-state="dirty"],#studioSaveState.dirty{color:var(--warning-text)}
.ws-draft-grid{display:flex;flex-direction:column;gap:22px}
.st-form-section{display:flex;flex-direction:column;gap:10px}
.st-section-title{display:flex;align-items:flex-start;gap:12px}
.st-section-title>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--bg-sunken);color:var(--text-3);font-size:11px;font-weight:700;flex:0 0 auto;border:1px solid var(--line)}
.st-section-title h3{font-size:14px}
.st-section-title p{color:var(--text-3);font-size:12.5px;margin-top:1px}
#studioListingDescription{min-height:220px}
#studioListingTags{min-height:76px}
.st-tag-preview{display:flex;flex-wrap:wrap;gap:6px}
.st-tag-preview span{padding:4px 9px;border-radius:var(--r-pill);font-size:11.5px;background:var(--bg-sunken);border:1px solid var(--line);color:var(--text-2)}
.st-tag-preview span.over,.st-tag-preview span[data-over="true"]{background:var(--warning-soft);color:var(--warning-text);border-color:transparent}
.st-notes{border-top:1px solid var(--line);padding-top:6px}
.st-notes>summary{font-size:13px!important}
.st-notes[open]{display:flex;flex-direction:column;gap:12px}
.st-history{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--text-2)}
.st-history>div{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid var(--line)}
.st-history>div:last-child{border-bottom:0}
.st-history small{color:var(--text-3)}
.st-review-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 12px;padding:14px 16px;border-radius:var(--r);background:var(--bg-sunken);border:1px solid var(--line)}
.st-review-strip b{font-size:13px}
.st-review-strip p{font-size:12.5px;color:var(--text-2)}
.st-complete{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--accent-text);white-space:nowrap}
.st-editor-footer{display:flex;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}
.st-editor-footer .st-button{flex:1 1 200px;min-height:42px}

.ws-reference{position:sticky;top:calc(var(--topbar-h) + 20px);padding:16px;display:flex;flex-direction:column;gap:12px}
.ws-reference-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.ws-reference-head b{font-family:var(--mono);letter-spacing:0;text-transform:none;color:var(--text-2)}
.ws-reference-photo{aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--bg-sunken)}
.ws-reference-photo img{width:100%;height:100%;object-fit:cover}
.ws-reference-copy h3{font-size:14px;line-height:1.35}
.ws-reference-copy p{font-size:12.5px;color:var(--text-2);margin-top:4px}
.ws-checklist{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--text-2)}
.ws-checklist b{font-size:12px;color:var(--text)}
.ws-checklist span{display:flex;gap:8px;align-items:flex-start}
.ws-checklist span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:7px;flex:0 0 auto}

/* ---------- Posting Studio ---------- */
.st-post-summary{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-xs)
}
.st-post-summary>div{display:flex;align-items:center;gap:9px;padding:6px 14px;border-right:1px solid var(--line)}
.st-post-summary>div:nth-child(3){border-right:0}
.st-post-summary b{font-family:var(--font-display);font-size:20px;font-weight:700}
.st-post-summary span{color:var(--text-2);font-size:13px}
.st-dot{width:9px;height:9px;border-radius:50%;background:var(--text-3);display:inline-block}
.st-dot.review,[data-state="draft"] .st-dot{background:var(--warning)}
.st-dot.scheduled{background:var(--accent)}
.st-dot.posted{background:var(--success)}
#postingToggle{margin-left:auto;display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--line);font-size:12.5px;font-weight:620;color:var(--text-2)}
#postingToggle i{width:30px;height:18px;border-radius:var(--r-pill);background:var(--line-strong);position:relative}
#postingToggle i::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform var(--dur) var(--ease)}
#postingToggle[data-enabled="true"]{color:var(--success-text);background:var(--success-soft);border-color:transparent}
#postingToggle[data-enabled="true"] i{background:var(--success)}
#postingToggle[data-enabled="true"] i::after{transform:translateX(12px)}

.ws-readiness{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.ws-ready-card,.ws-connection-card{
  display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:var(--r);background:var(--bg-elev);border:1px solid var(--line)
}
.ws-ready-card b,.ws-connection-card b,.ws-connection-card strong{font-size:13.5px}
.ws-ready-card p,.ws-connection-card p{font-size:12.5px;color:var(--text-2);margin-top:2px}
.ws-connection-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--bg-sunken);flex:0 0 auto;font-weight:700}
.ws-status{font-size:11.5px;font-weight:650;padding:3px 9px;border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--text-2);white-space:nowrap}
.ws-status[data-state="ready"],.ws-status.ok{background:var(--success-soft);color:var(--success-text)}
.ws-status[data-state="missing"],.ws-status.warn,.ws-status[data-state="setup"]{background:var(--warning-soft);color:var(--warning-text)}
.ws-status[data-state="error"],.ws-status.bad{background:var(--danger-soft);color:var(--danger-text)}

.st-calendar-panel{overflow:hidden}
.st-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--line)}
.st-calendar-date{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.st-calendar-date h2{font-size:15px;min-width:180px;text-align:center}
.st-load-indicator{font-size:12px;color:var(--text-3)}
.st-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.st-calendar-day{display:flex;flex-direction:column;gap:6px;min-height:170px;padding:10px 8px;border-right:1px solid var(--line);min-width:0}
.st-calendar-day:last-child{border-right:0}
.st-calendar-day>button:first-child{
  display:flex;flex-direction:column;align-items:center;gap:0;padding:6px 0;border-radius:var(--r-sm);color:var(--text-2)
}
.st-calendar-day>button:first-child:hover{background:var(--bg-hover)}
.st-calendar-day>button:first-child span{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}
.st-calendar-day>button:first-child b{font-family:var(--font-display);font-size:20px;font-weight:680;color:var(--text)}
.st-calendar-day[data-current="true"]>button:first-child b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--on-accent)}
.st-calendar-day[data-selected="true"]{background:var(--accent-soft)}
.st-calendar-pin{display:flex;flex-direction:column;gap:1px;text-align:left;padding:7px 8px;border-radius:var(--r-sm);background:var(--bg-sunken);border-left:3px solid var(--text-3);font-size:12px;min-width:0}
.st-calendar-pin small{font-size:10.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-calendar-pin b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-calendar-pin[data-state="draft"]{border-left-color:var(--warning)}
.st-calendar-pin[data-state="queued"]{border-left-color:var(--accent)}
.st-calendar-pin[data-state="published"]{border-left-color:var(--success)}
.st-calendar-pin[data-state="error"],.st-calendar-pin[data-state="unknown"]{border-left-color:var(--danger)}
.st-calendar-pin:hover{background:var(--bg-hover)}
.st-calendar-more{min-height:28px;font-size:11.5px;padding:0 8px;box-shadow:none}
.st-day-count{margin-top:auto;font-size:11px;color:var(--text-3);text-align:center}
.st-calendar-empty{font-size:11.5px;color:var(--text-3);text-align:center;padding:10px 0}

.st-queue-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.st-queue-toolbar h2{font-size:18px;margin-top:2px}
.st-plan-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.st-plan-controls label{display:flex;flex-direction:column;gap:5px}
.av-plan-label{font-size:12px;font-weight:600;color:var(--text-2)}
.st-plan-controls input{min-width:170px}
.st-post-filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
#postingShowWeek{margin-left:auto}
.st-task-message{font-size:13px;color:var(--text-2);min-height:20px}
.st-task-message[data-error="true"]{color:var(--danger-text)}
.st-task-message[data-busy="true"]::before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:50%;border:2px solid var(--accent);border-right-color:transparent;animation:av-spin .7s linear infinite;vertical-align:-1px}
.st-post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.st-post-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}
.st-post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}
.st-post-card-image{position:relative;aspect-ratio:2/3;background:var(--bg-sunken);overflow:hidden}
.st-post-card-image img{width:100%;height:100%;object-fit:cover}
.st-post-state{position:absolute;top:10px;left:10px;background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:transparent;color:var(--text)}
.st-post-card[data-state="draft"] .st-post-state{color:var(--warning-text)}
.st-post-card[data-state="queued"] .st-post-state{color:var(--accent-text)}
.st-post-card[data-state="published"] .st-post-state{color:var(--success-text)}
.st-post-card-body{display:flex;flex-direction:column;gap:5px;padding:12px 14px 14px;flex:1}
.st-post-card-body small{font-size:10.5px;font-weight:650;letter-spacing:.06em;color:var(--text-3)}
.st-post-card-body h3{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st-post-card-body>p{font-size:12px;color:var(--text-3)}
.st-post-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.st-post-card-actions .st-button{flex:1}
.st-automation-settings{padding:4px 18px;border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line)}
.st-automation-settings>summary svg{width:17px;height:17px;stroke:var(--text-3);fill:none;stroke-width:1.9}
.st-automation-settings>summary small{color:var(--text-3);font-weight:500;margin-left:6px}
.st-automation-settings[open]{padding-bottom:18px}
.st-automation-settings>p{color:var(--text-2);font-size:13px;margin-bottom:12px}
#postingScheduleForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end}
#postingScheduleNote{font-size:12px;color:var(--text-3);margin-top:10px}

/* ---------- Insights ---------- */
.st-insights-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}
.st-analytics-panel{display:flex;flex-direction:column;gap:14px}
.st-style-bars{display:flex;flex-direction:column;gap:14px}
.st-style-row{display:flex;flex-direction:column;gap:6px}
.st-style-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.st-style-row small{color:var(--text-3)}
.st-recommendation-panel{display:flex;flex-direction:column;gap:12px;background:var(--chloe-soft),var(--bg-elev)}
#insightsRecommendations{display:flex;flex-direction:column;gap:10px}
#insightsRecommendations article{padding:12px 14px;border-radius:var(--r);background:var(--bg-elev);border:1px solid var(--line)}
#insightsRecommendations h3{font-size:13.5px}
#insightsRecommendations p{font-size:12.5px;color:var(--text-2);margin:3px 0 6px}
#insightsRecommendations b{font-size:12px;color:var(--accent-text)}
.st-performance{overflow-x:auto}
.st-memory-preview{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-2)}
.st-memory-preview>*{padding:10px 12px;border-radius:var(--r-sm);background:var(--bg-sunken)}
#insightsPeriod{padding:10px 14px;border-radius:var(--r);background:var(--info-soft);color:var(--info-text);font-size:12.5px;border:0}

/* ---------- Posting review dialog ---------- */
.st-review-columns{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;padding:4px 0}
.st-pin-preview{display:flex;flex-direction:column;gap:10px}
.st-pin-preview img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:var(--r-lg);background:var(--bg-sunken)}
.st-pin-preview h3{font-size:15px}
.st-pin-preview p{font-size:12.5px;color:var(--text-2)}
.st-review-fields{display:flex;flex-direction:column;gap:14px}
.st-date-time{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.st-dialog-footer{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line);margin-top:16px}
#postingReviewStatus{margin-right:auto;font-size:12.5px;color:var(--text-3)}
.ws-ready-card,.ws-connection-card{flex-direction:column;align-items:flex-start;gap:6px;padding:16px}
.ws-ready-card small{font-size:10.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.ws-ready-card h3,.ws-connection-card h3{font-size:14.5px}
.ws-ready-card p,.ws-connection-card p{flex:1}
.ws-ready-card .st-button,.ws-connection-card .st-button{margin-top:6px}
.ws-ready-card[data-ready="true"],.ws-connection-card[data-ready="true"]{border-color:color-mix(in srgb,var(--success) 35%,var(--line));background:color-mix(in srgb,var(--success-soft) 45%,var(--bg-elev))}
.ws-connection-icon{background:var(--accent-soft);color:var(--accent-text)}
/* ---- 05-chloe.css ---- */
/* =====================================================================
   CHLOE · screen, chat, voice, companion, studio assistant, popup
   ===================================================================== */
.chloe-hero{align-items:center}
.chloe-hero-id{display:flex;align-items:center;gap:16px;min-width:0}
.chloe-avatar{position:relative;display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:var(--chloe-soft);border:1px solid var(--line);flex:0 0 auto}
.jr-live-dot{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:50%;background:var(--success);border:3px solid var(--bg)}
body[data-jarvis-mode="error"] .jr-live-dot{background:var(--danger)}
body[data-agent-task-state="running"] .jr-live-dot{background:var(--accent);animation:av-pulse 1s ease infinite}
.chloe-hero h1{font-size:30px;margin:2px 0 4px}
.jarvis-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.jarvis-pill{min-height:30px;padding:0 12px}
.jarvis-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--warning)}
.jarvis-pill[data-connected="true"]::before{background:var(--success)}
.jarvis-pill[data-connected="false"]::before{background:var(--danger)}

/* Briefing banner */
.jr-briefing{
  display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:var(--r-lg);
  background:var(--chloe-soft),var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-xs)
}
.jr-briefing-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--bg-elev);border:1px solid var(--line);color:var(--chloe-a);flex:0 0 auto}
.jr-briefing-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.jr-briefing-copy{flex:1;min-width:0}
.jr-briefing-copy small{font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.jr-briefing-copy h2{font-size:15.5px;margin:2px 0}
.jr-briefing-copy p{font-size:13px;color:var(--text-2)}
.jr-briefing-copy .jr-caption:empty{display:none}
.jr-briefing-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}

/* Layout */
.chloe-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.chloe-chat{
  display:flex;flex-direction:column;min-height:min(72dvh,760px);max-height:calc(100dvh - var(--topbar-h) - 210px);
  background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden
}
.jr-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:calc(var(--topbar-h) + 20px);max-height:calc(100dvh - var(--topbar-h) - 40px);overflow-y:auto;padding-bottom:4px;scrollbar-width:none}
.jr-side::-webkit-scrollbar{display:none}

/* Messages */
.jarvis-messages,.st-chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:22px 22px 10px;overscroll-behavior:contain;scroll-behavior:smooth}
.jarvis-welcome{margin:auto;max-width:440px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 10px}
.jarvis-welcome .chloe-orb{--size:64px;margin-bottom:6px}
.jarvis-welcome h2{font-size:22px;letter-spacing:-.025em}
.jarvis-welcome p{color:var(--text-2);font-size:14px}
.jarvis-welcome>span:not(.chloe-orb){display:none}
.jarvis-message,.st-chat-message{display:flex;flex-direction:column;gap:6px;max-width:min(680px,88%);animation:av-fade-up .22s var(--ease-out)}
.jarvis-message>b,.st-chat-message>b{font-size:11px;font-weight:650;letter-spacing:.04em;color:var(--text-3);text-transform:none}
.jarvis-message .msg-body,.jarvis-message>p,.st-chat-message>p,.st-chat-message .msg-body{
  padding:11px 15px;border-radius:18px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere
}
.jarvis-message.assistant,.st-chat-message.assistant{align-self:flex-start}
.jarvis-message.assistant .msg-body,.jarvis-message.assistant>p,.st-chat-message.assistant>p,.st-chat-message.assistant .msg-body{background:var(--bg-sunken);border:1px solid var(--line);border-top-left-radius:6px;color:var(--text)}
.jarvis-message.user,.st-chat-message.user{align-self:flex-end;align-items:flex-end}
.jarvis-message.user .msg-body,.jarvis-message.user>p,.st-chat-message.user>p,.st-chat-message.user .msg-body{background:var(--accent);color:var(--on-accent);border-top-right-radius:6px}
.jarvis-message.assistant>b::before,.st-chat-message.assistant>b::before{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:6px;vertical-align:-2px;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.9) 0 8%,transparent 28%),conic-gradient(from 200deg,#7b6cf6,#b16ee0,#ec8fae,#8fb6ff,#7b6cf6)}
.msg-body.md{white-space:normal}
.msg-body.md p{margin:0 0 8px}
.msg-body.md p:last-child{margin-bottom:0}
.msg-body.md ul,.msg-body.md ol{margin:4px 0 8px;padding-left:20px}
.msg-body.md li{margin:2px 0}
.msg-body.md strong{font-weight:680}
.msg-body.md code{font-size:12.5px;background:var(--bg-elev)}
.msg-body.md table{margin:6px 0;font-size:12.5px;background:var(--bg-elev);border-radius:var(--r-sm);overflow:hidden;display:block;overflow-x:auto}
.msg-body.md th,.msg-body.md td{padding:6px 10px}
.jarvis-replay{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--text-3);padding:2px 6px;border-radius:6px}
.jarvis-replay:hover{color:var(--accent-text);background:var(--accent-soft)}
.jarvis-replay::before{content:"";width:12px;height:12px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4zM15.5 8.5a5 5 0 0 1 0 7M19 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4zM15.5 8.5a5 5 0 0 1 0 7M19 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E") center/contain no-repeat}

/* Action cards under Chloe's answers */
.chloe-actions{display:flex;flex-direction:column;gap:6px;width:100%}
.chloe-action{
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r);background:var(--bg-elev);border:1px solid var(--line);font-size:12.5px;min-width:0
}
.chloe-action>i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;flex:0 0 auto;font-style:normal;font-size:12px;font-weight:800;background:var(--success-soft);color:var(--success-text)}
.chloe-action[data-status="error"]>i{background:var(--danger-soft);color:var(--danger-text)}
.chloe-action[data-status="info"]>i{background:var(--accent-soft);color:var(--accent-text)}
.chloe-action>span{flex:1;min-width:0;color:var(--text-2)}
.chloe-action>span b{color:var(--text);font-weight:640}
.chloe-action>button{flex:0 0 auto;min-height:28px;padding:0 10px;font-size:12px;border-radius:7px}
.chloe-quick-replies{display:flex;gap:6px;flex-wrap:wrap}

/* Typing indicator */
.chloe-typing{align-self:flex-start;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:18px;border-top-left-radius:6px;background:var(--bg-sunken);border:1px solid var(--line);color:var(--text-2);font-size:13px}
.chloe-typing i{display:inline-flex;gap:4px}
.chloe-typing i::before,.chloe-typing i::after,.chloe-typing i span{content:"";width:6px;height:6px;border-radius:50%;background:var(--chloe-a);animation:av-dot 1.2s infinite}
.chloe-typing i::after{animation-delay:.3s;background:var(--chloe-c)}
@keyframes av-dot{0%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}

/* Composer */
.chloe-composer{display:flex;flex-direction:column;gap:8px;padding:10px 16px 14px;border-top:1px solid var(--line);background:var(--bg-elev)}
.jarvis-suggestions{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px;margin:0 -2px}
.jarvis-suggestions::-webkit-scrollbar{display:none}
.av-chip{min-height:30px;font-size:12px;flex:0 0 auto;background:var(--bg-sunken)}
.jarvis-compose,.companion-form,.st-chat-form{
  display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 14px;border-radius:20px;border:1px solid var(--line-field);background:var(--bg-elev);
  box-shadow:var(--shadow-xs);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)
}
.jarvis-compose:focus-within,.companion-form:focus-within,.st-chat-form:focus-within{border-color:var(--accent);box-shadow:var(--ring)}
.jarvis-compose textarea,.companion-form textarea,.st-chat-form textarea{
  flex:1;min-height:40px!important;max-height:180px;padding:9px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;resize:none;font-size:14.5px;line-height:1.5
}
.compose-actions{display:flex;align-items:center;gap:4px;padding-bottom:1px}
.compose-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--text-2);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.compose-icon:hover{background:var(--bg-hover);color:var(--text)}
.compose-icon svg,#jarvisSend svg,#jarvisCompanionSend svg,#studioChatSend svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body[data-jarvis-mode="listening"] #jarvisComposeMic,body[data-jarvis-mode="listening"] #jarvisCompanionMic,body[data-jarvis-mode="listening"] #studioMic{background:var(--danger);color:#fff;animation:av-pulse 1.1s ease infinite}
#jarvisSend,#jarvisCompanionSend,#studioChatSend{display:inline-grid;place-items:center;width:38px;height:38px;min-height:38px;padding:0;border-radius:50%}
#jarvisSend span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#jarvisSend:disabled,#jarvisCompanionSend:disabled,#studioChatSend:disabled{opacity:.45}
.jarvis-status{font-size:12px;color:var(--text-3);padding:0 6px;min-height:18px}
.jr-execution{border-top:1px solid var(--line);padding:2px 18px;background:var(--bg-sunken)}
.jr-execution>summary{min-height:40px!important;font-size:12.5px!important;color:var(--text-2)!important}
.jr-execution[open]{padding-bottom:12px;max-height:280px;overflow:auto}
#hudToolLog{display:flex;flex-direction:column;gap:6px}
.hud-tool-summary{font-size:12.5px;font-weight:600;color:var(--text-2)}
.hud-tool-empty{font-size:12.5px;color:var(--text-3)}
.hud-tool-row{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:var(--r-sm);background:var(--bg-elev);border:1px solid var(--line)}
.hud-tool-row>i{width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--text-3);flex:0 0 auto}
.hud-tool-row[data-status="complete"]>i,.hud-tool-row[data-status="completed"]>i{background:var(--success)}
.hud-tool-row[data-status="running"]>i,.hud-tool-row[data-status="in_progress"]>i,.hud-tool-row[data-status="pending"]>i{background:var(--accent);animation:av-pulse 1s infinite}
.hud-tool-row[data-status="error"]>i,.hud-tool-row[data-status="failed"]>i{background:var(--danger)}
.hud-tool-copy{flex:1;min-width:0;display:flex;flex-direction:column}
.hud-tool-copy strong{font-size:12.5px}
.hud-tool-detail{font-size:12px;color:var(--text-3)}
.hud-tool-row>b{font-size:10.5px;letter-spacing:.05em;color:var(--text-3);white-space:nowrap}

/* Voice card */
.jr-voice{display:flex;flex-direction:column;gap:12px}
.jr-signal{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft);padding:3px 9px;border-radius:var(--r-pill)}
.jr-voice-intro{display:flex;align-items:center;gap:14px}
.jarvis-orb{position:relative;width:96px;height:96px;flex:0 0 auto;border-radius:50%;
  background:radial-gradient(circle,rgba(123,108,246,.12),transparent 70%)}
.jarvis-orb canvas{width:100%;height:100%}
.jarvis-mode{display:flex;flex-direction:column;gap:3px;min-width:0}
#jarvisMode{font-family:var(--font-display);font-size:16px;font-weight:680;text-transform:none}
#jarvisVoiceHint{font-size:12.5px;color:var(--text-2)}
.jr-language{font-size:11px;color:var(--text-3);font-weight:600}
.jarvis-waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:26px}
.jarvis-waveform i{width:3px;height:3px;border-radius:3px;background:var(--chloe-grad);transition:height 80ms linear}
.jarvis-voice-controls{display:grid;grid-template-columns:1fr auto;gap:8px}
#jarvisMic{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:14px;font-weight:650;font-size:14px;color:#fff;background:var(--chloe-grad);box-shadow:0 6px 18px rgba(123,108,246,.3)}
#jarvisMic:hover{filter:brightness(1.05)}
#jarvisMic svg,#jarvisStopVoice svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
body[data-jarvis-mode="listening"] #jarvisMic{background:var(--danger);animation:av-pulse 1.1s ease infinite}
#jarvisStopVoice{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--line);font-weight:620;font-size:13px;color:var(--text-2)}
#jarvisStopVoice:hover{background:var(--bg-hover)}
.jarvis-voice-options{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.jr-playback{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.jr-proactive{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center}
.jr-proactive strong{font-size:13px}
.jr-proactive p{font-size:12px;color:var(--text-3)}
.jr-proactive .jr-primary{grid-column:1/-1;min-height:36px}
.jr-proactive .jr-caption{grid-column:1/-1}
.hud-core-caption{font-size:11px;color:var(--text-3)}

/* Tasks / notices */
.jr-notice-list{display:flex;flex-direction:column;gap:8px}
.jr-notice{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:var(--r);background:var(--bg-sunken);border:1px solid var(--line)}
.jr-notice strong,.jr-notice b{font-size:13px}
.jr-notice p{font-size:12.5px;color:var(--text-2)}
.jr-notice-actions{display:flex;gap:6px;flex-wrap:wrap}
.jr-notice-actions .jr-primary{min-height:30px;font-size:12px;padding:0 11px}
.jr-notice-snooze{font-size:12px;color:var(--text-3);padding:0 6px}
.jr-notice-snooze:hover{color:var(--text)}

/* Overview */
.jr-overview .jarvis-telemetry{grid-template-columns:repeat(2,1fr);gap:8px}
.jr-overview .jarvis-telemetry>div{padding:10px 12px;border-radius:var(--r);box-shadow:none;background:var(--bg-sunken)}
.jr-overview .jarvis-telemetry>div:last-child{grid-column:1/-1}
.jr-overview .jarvis-telemetry b{font-size:20px}
.jarvis-platform-bars{display:flex;flex-direction:column;gap:9px;margin-top:12px}
.jarvis-platform-bar>div{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;margin-bottom:4px}
.jarvis-platform-bar>div span{display:flex;align-items:center;gap:7px}
.jarvis-platform-bar .platform-mark{width:18px;height:18px;border-radius:5px}
.jarvis-platform-bar .platform-mark svg{width:11px;height:11px}
.jarvis-platform-bar>span{display:block;height:6px;border-radius:6px;background:var(--bg-sunken);overflow:hidden}
.jarvis-platform-bar>span>i{display:block;height:100%;background:var(--accent);border-radius:inherit}
.jarvis-focus-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.jarvis-focus-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:var(--r-sm);background:var(--bg-sunken);font-size:12.5px;text-align:left}
.jarvis-focus-list button:hover{background:var(--bg-hover)}
.jarvis-focus-list button b{min-width:24px;height:22px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--bg-elev);font-size:11.5px}

.jarvis-context-heading{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}
.jarvis-context-heading span,.jarvis-context-heading p{font-size:12.5px;color:var(--text-2)}
.hud-agent-card{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:var(--r);background:var(--bg-sunken)}
.hud-agent-card small{font-size:11px;font-weight:650;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}
.hud-agent-card p{font-size:12.5px;color:var(--text-2)}
.hud-agent-actions{display:flex;gap:6px;align-items:center;margin-top:6px;flex-wrap:wrap}
.jarvis-activity-feed{display:flex;flex-direction:column;gap:2px}
.jarvis-activity-item{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.jarvis-activity-item:last-child{border-bottom:0}
.jarvis-activity-item>i{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:6px;flex:0 0 auto}
.jarvis-activity-item p{flex:1;display:flex;flex-direction:column;min-width:0}
.jarvis-activity-item p span{color:var(--text-3)}
.jarvis-activity-item time{font-size:11px;color:var(--text-3)}
.desktop-preview-shell{border-radius:var(--r);overflow:hidden;background:var(--bg-sunken);border:1px dashed var(--line-strong);margin-bottom:10px}
.desktop-preview-shell img{width:100%}
#jarvisDesktopPlaceholder{padding:18px;text-align:center;font-size:12.5px;color:var(--text-2)}
#jarvisDesktopPlaceholder strong{display:block;color:var(--text);margin-bottom:4px}
.jarvis-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.desktop-consent{margin-top:12px;padding:14px;border-radius:var(--r);background:var(--warning-soft);color:var(--warning-text);display:flex;flex-direction:column;gap:8px;font-size:12.5px}
.desktop-consent strong{color:var(--text)}
.jarvis-desktop-panel summary .jr-signal{margin-left:8px}

/* ---------- Floating Chloe panels (companion + studio assistant) ---------- */
.chloe-panel{
  position:fixed;z-index:70;display:flex;flex-direction:column;
  background:var(--bg-elev);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);overflow:hidden;
  animation:av-pop .22s var(--ease-out)
}
.jarvis-companion{right:24px;bottom:24px;width:380px;max-height:min(560px,calc(100dvh - 120px))}
.companion-head,.st-assistant-head{display:flex;align-items:center;gap:10px;padding:14px 14px 12px 16px;border-bottom:1px solid var(--line);background:var(--chloe-soft),var(--bg-elev)}
.companion-head>div,.st-assistant-head>div{flex:1;min-width:0;display:flex;flex-direction:column}
.companion-head b,.st-assistant-head h2{font-size:15px;font-weight:680}
.companion-head small,#studioAgentState{font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.companion-head .st-icon-button,.st-assistant-head .st-icon-button{width:32px;height:32px;min-height:32px;border-color:transparent;background:transparent}
.companion-reply{flex:1;overflow-y:auto;padding:16px;font-size:14px;line-height:1.6;white-space:pre-wrap;color:var(--text)}
.companion-status{padding:0 16px 8px;font-size:12px;color:var(--text-3)}
.companion-form{margin:0 12px 12px}
.jarvis-companion-toggle{
  position:fixed;right:24px;bottom:24px;z-index:65;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 18px 0 10px;border-radius:var(--r-pill);
  background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-lg);color:var(--text);font-weight:650;font-size:14px;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)
}
.jarvis-companion-toggle:hover{transform:translateY(-2px)}
.jarvis-companion-toggle small{font-size:10.5px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);border-left:1px solid var(--line);padding-left:10px}

.st-assistant{top:calc(var(--topbar-h) + 16px);right:20px;bottom:20px;width:360px}
.ws-agent-connection{display:flex;align-items:center;gap:10px;margin:10px 12px 0;padding:10px 12px;border-radius:var(--r);background:var(--warning-soft);color:var(--warning-text);font-size:12.5px}
.ws-agent-connection[data-state="ready"],.ws-agent-connection[data-ready="true"]{display:none}
.ws-agent-connection>div{flex:1;min-width:0}
.ws-agent-connection b{display:block;color:var(--text)}
.ws-agent-connection p{font-size:12px}
.st-assistant-context{padding:12px 16px 0;display:flex;flex-direction:column;gap:2px}
.st-assistant-context b{font-size:13px;line-height:1.4}
.st-assistant-prompts{display:flex;flex-direction:column;gap:6px;padding:10px 12px}
.st-prompt{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg-elev);font-size:12.5px;font-weight:600;text-align:left;color:var(--text);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.st-prompt:hover{background:var(--accent-soft);border-color:transparent;color:var(--accent-text)}
.st-prompt svg{width:15px;height:15px;stroke:var(--chloe-a);fill:none;stroke-width:1.9;stroke-linejoin:round}
.st-chat-messages{padding:12px 14px;gap:10px;border-top:1px solid var(--line)}
.st-chat-message{max-width:100%}
.st-chat-message .msg-body,.st-chat-message>p{font-size:13px;padding:9px 12px}
.st-chat-welcome{font-size:12.5px;color:var(--text-3);text-align:center;padding:10px}
.st-agent-progress{display:flex;align-items:center;gap:8px;padding:6px 16px;font-size:12px;color:var(--text-3)}
.st-agent-progress i{width:7px;height:7px;border-radius:50%;background:var(--success)}
body[data-agent-task-state="running"] .st-agent-progress i{background:var(--accent);animation:av-pulse 1s infinite}
.st-chat-form{margin:0 12px 10px}
.st-assistant-memory{display:flex;align-items:center;gap:8px;margin:0 12px 12px;padding:8px 12px;border-radius:var(--r-sm);font-size:12.5px;font-weight:600;color:var(--text-2);border:1px solid var(--line)}
.st-assistant-memory:hover{background:var(--bg-hover)}
.st-assistant-memory svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.st-assistant-memory b{margin-left:auto;font-size:11.5px;background:var(--bg-sunken);padding:2px 8px;border-radius:var(--r-pill)}
.st-assistant-toggle{top:auto}

/* Notice popup */
.jr-popup{
  position:fixed;right:24px;bottom:92px;z-index:75;width:min(400px,calc(100vw - 32px));display:flex;gap:12px;align-items:flex-start;padding:16px;
  background:var(--bg-elev);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);animation:av-pop .25s var(--ease-out)
}
.jr-popup>div:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.jr-popup small{font-size:10.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}
.jr-popup strong{font-size:14px}
.jr-popup p{font-size:12.5px;color:var(--text-2)}
.jr-popup-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.jr-popup-actions .st-icon-button{order:-1;width:28px;height:28px;min-height:28px;border-color:transparent;background:transparent}
.jr-popup-actions .jr-primary{min-height:32px;font-size:12.5px;padding:0 12px}
.jr-popup-actions .st-icon-button svg{width:15px;height:15px}

/* Fullscreen chat */
#screenJarvis:fullscreen{padding:24px;background:var(--bg);overflow:auto;max-width:none}
#screenJarvis:fullscreen .chloe-chat{max-height:calc(100dvh - 220px)}

/* Desktop arrangement: hero row, chat fills the viewport, briefing on top of the side column */
.av-chloe-mobile{display:none}
.chloe-chat{height:calc(100dvh - var(--topbar-h) - 168px);min-height:520px;max-height:none}
.jr-side .jr-briefing{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}
.jr-side .jr-briefing-actions{justify-content:flex-start}
.chloe-hero .jarvis-head-actions .jarvis-secondary{min-height:34px;font-size:12.5px;padding:0 12px}
#jarvisMode,#jarvisDockState{display:inline-block;text-transform:lowercase}
#jarvisMode::first-letter,#jarvisDockState::first-letter{text-transform:uppercase}
.companion-reply.md{white-space:normal}
.companion-reply.md p{margin:0 0 8px}
.companion-reply.md ul,.companion-reply.md ol{margin:4px 0 8px;padding-left:20px}
/* ---- 06-operations.css ---- */
/* =====================================================================
   OPERATIONS · home, inventory, editor, queue, upload, issues, ai,
   activity, system, growth, external
   ===================================================================== */

/* ---------- Home ---------- */
.hud-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hud-pipeline .hud-panel{display:flex;flex-direction:column;gap:8px}
.hud-pipeline h2{font-size:15px;margin-bottom:4px}
.hud-pipeline-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border-radius:var(--r-sm);text-align:left;background:var(--bg-sunken);transition:background var(--dur) var(--ease)}
button.hud-pipeline-row:hover{background:var(--bg-hover)}
.hud-pipeline-row>span{display:flex;flex-direction:column;min-width:0}
.hud-pipeline-row small{font-size:11px;color:var(--text-3);font-family:var(--mono)}
.hud-pipeline-row b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hud-pipeline-row i{font-style:normal;color:var(--text-3)}
.hud-pipeline .hud-text-button{align-self:flex-start;margin-top:auto}
.hud-operations-lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px}
.hud-ops-focus{display:flex;flex-direction:column;gap:12px}
.hud-mini-core{display:flex;align-items:center;gap:16px;padding:14px;border-radius:var(--r);background:var(--chloe-soft),var(--bg-sunken)}
.hud-mini-core canvas{width:84px;height:84px;flex:0 0 auto}
.hud-mini-core h2{font-size:15px}
.hud-mini-core p{font-size:12.5px;color:var(--text-2);margin:2px 0 8px}
#commandFocusList{display:flex;flex-direction:column;gap:6px}
#commandFocusList button{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r);text-align:left;border:1px solid var(--line);transition:background var(--dur) var(--ease)}
#commandFocusList button:hover{background:var(--bg-hover)}
#commandFocusList button>span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent-text);font-weight:700}
#commandFocusList button>div{flex:1;min-width:0;display:flex;flex-direction:column}
#commandFocusList strong{font-size:13px}
#commandFocusList small{font-size:12px;color:var(--text-3)}
#commandFocusList button>b{color:var(--text-3);font-weight:500}
.smart-focus-card{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--r);background:var(--info-soft);color:var(--info-text)}
.smart-focus-card:empty{display:none}
.smart-focus-icon{width:30px;height:30px;border-radius:9px;background:var(--bg-elev);flex:0 0 auto}
.smart-focus-icon:empty{display:none}
.smart-focus-card strong{color:var(--text);font-size:13px}
.smart-focus-card p{font-size:12.5px}
.today-agenda{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.today-agenda button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border-radius:var(--r);background:var(--bg-sunken);text-align:left;position:relative;transition:background var(--dur) var(--ease)}
.today-agenda button:hover{background:var(--bg-hover)}
.today-agenda span{font-size:12px;color:var(--text-3)}
.today-agenda strong{font-family:var(--font-display);font-size:20px;font-weight:700}
.today-agenda i{position:absolute;top:10px;right:12px;font-style:normal;color:var(--text-3)}
#homeTodayText{font-size:13px;color:var(--text-2)}
#homeTodayMeta{display:flex;gap:6px;flex-wrap:wrap}
#homeTodayMeta span{font-size:12px;padding:3px 9px;border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--text-2)}
.hud-ops-history{display:flex;flex-direction:column;gap:14px}
.week-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:170px}
.week-bar-item{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;min-width:0}
.week-bar-value{font-size:10.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.week-bar-track{flex:1;width:100%;max-width:38px;height:auto;border-radius:9px;display:flex;align-items:flex-end;background:var(--bg-sunken)}
.week-bar-track i{display:block;width:100%;border-radius:9px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 70%,var(--chloe-c)));min-height:4px}
.week-bar-item strong{font-size:12px;font-weight:650}
.week-bar-item small{font-size:10.5px;color:var(--text-3)}
.hud-platform-performance{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;align-items:center}
.sales-donut{position:relative;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:var(--bg-sunken)}
.sales-donut::before{content:"";position:absolute;inset:16px;border-radius:50%;background:var(--bg-elev)}
.sales-donut>div{position:relative;text-align:center;display:flex;flex-direction:column}
.sales-donut strong{font-family:var(--font-display);font-size:24px;font-weight:700}
.sales-donut span{font-size:11px;color:var(--text-3)}
#salesPlatformLegend{display:flex;flex-direction:column;gap:6px}
.sales-legend-row{display:flex;align-items:center;gap:10px;font-size:12.5px}
.sales-legend-row>div{flex:1;display:flex;flex-direction:column;min-width:0}
.sales-legend-row span{color:var(--text-3);font-size:11.5px}
.sales-legend-row .platform-mark{width:22px;height:22px}
.profit-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.profit-strip>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--r);background:var(--bg-sunken)}
.profit-strip span{font-size:11.5px;color:var(--text-3)}
.profit-strip strong{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.profit-strip small{font-size:11px;color:var(--text-3)}
.hud-team{display:flex;flex-direction:column;gap:12px}
#teamSectionText{font-size:13px;color:var(--text-2)}
.team-cockpit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.team-person-card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r-lg);background:var(--bg-sunken);border:1px solid var(--line)}
.team-task-top{display:flex;justify-content:space-between;align-items:center}
.team-person-head{display:flex;align-items:center;gap:10px}
.team-person-head>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-weight:700}
.team-person-card.nastja .team-person-head>span{background:var(--warning-soft);color:var(--warning-text)}
.team-person-card.luca .team-person-head>span{background:var(--success-soft);color:var(--success-text)}
.team-person-head small{font-size:10.5px;font-weight:650;letter-spacing:.06em;color:var(--text-3)}
.team-person-head strong{display:block;font-size:14px}
.team-task-state{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-2)}
.team-task-copy small{font-size:10.5px;font-weight:650;letter-spacing:.06em;color:var(--text-3)}
.team-task-copy h3{font-size:14px;margin:1px 0 4px}
.team-task-copy strong{font-size:13px}
.team-task-copy p{font-size:12.5px;color:var(--text-2)}
.team-progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-2);margin-bottom:5px}
.team-mini-kpis{display:flex;gap:6px;flex-wrap:wrap}
.team-mini-kpis span{font-size:11.5px;padding:3px 9px;border-radius:var(--r-pill);background:var(--bg-elev);color:var(--text-2)}
.team-mini-kpis b{color:var(--text)}
.hud-queue-details{padding:4px 18px;border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line)}
.hud-queue-details[open]{padding-bottom:16px}
.hud-team-row{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.hud-team-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-weight:700}

/* ---------- Generic item cards (legacy lists) ---------- */
.cards-list{display:flex;flex-direction:column;gap:10px}
.item-card{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(0,1.2fr) minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line)}
.item-main{display:flex;gap:12px;align-items:center;min-width:0}
.item-thumb{width:52px;height:64px;border-radius:10px;object-fit:cover;background:var(--bg-sunken);flex:0 0 auto}
.item-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.item-title-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.item-title-line strong{font-family:var(--mono);font-size:12.5px}
.item-copy small{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-subline{font-size:11.5px;color:var(--text-3)}
.status-row{display:flex;flex-wrap:wrap;gap:4px}
.item-meta{display:flex;flex-direction:column;font-size:12.5px;min-width:0}
.item-meta small{color:var(--text-3)}
.item-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.item-readonly{font-size:12px;color:var(--text-3)}

/* ---------- Inventory ---------- */
.inv32-platform-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.inv32-platform-overview.has-shop{grid-template-columns:repeat(5,minmax(0,1fr))}
.inv32-shop-link{font-size:12px;font-weight:600}
.inv32-platform-card{display:flex;flex-direction:column;gap:10px;padding:14px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.inv32-platform-card.is-active{border-color:var(--accent);box-shadow:var(--ring)}
.inv32-platform-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.inv32-platform-brand{display:flex;align-items:center;gap:9px;min-width:0}
.inv32-platform-brand strong{font-size:14px}
.inv32-platform-open{min-height:28px;padding:0 10px;font-size:12px;box-shadow:none}
.inv32-platform-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.inv32-platform-stat{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:8px 10px;border-radius:var(--r-sm);background:var(--bg-sunken);text-align:left;transition:background var(--dur) var(--ease)}
.inv32-platform-stat:hover{background:var(--bg-hover)}
.inv32-platform-stat b{font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1.2}
.inv32-platform-stat span{font-size:11px;color:var(--text-3)}
.inv32-platform-stat[data-inv32-stage="online"] b{color:var(--success-text)}
.inv32-platform-card footer{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--text-3)}
.inv32-cleanup-link{color:var(--danger-text);padding:0;min-height:0;font-size:12px}
.inv32-source-note{font-size:12px;color:var(--text-3)}
.inventory-section{padding:16px}
.inv32-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.inv32-list-toolbar h2{font-size:16px}
#inventoryResultCount{font-size:12.5px;color:var(--text-3)}
.inventory-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.inventory-tools .inv32-search{width:280px}
.inventory-tools select{width:auto;min-width:160px}
.inv32-stage-filters,.sold-workflow-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.hud-ledger-head{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(0,1.4fr) minmax(0,1fr) 200px;gap:14px;padding:0 14px 8px;font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}
.inventory-cards{gap:6px}
.inv32-row,.hud-article-row{
  display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(0,1.4fr) minmax(0,1fr) 200px;gap:14px;align-items:center;
  padding:10px 14px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg-elev);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)
}
.inv32-row:hover,.hud-article-row:hover{border-color:var(--line-strong);background:color-mix(in srgb,var(--bg-elev) 70%,var(--bg-hover))}
.inv32-row.has-conflict{border-color:color-mix(in srgb,var(--danger) 40%,var(--line));background:color-mix(in srgb,var(--danger-soft) 40%,var(--bg-elev))}
.inv32-identity,.hud-article-identity{display:flex;align-items:center;gap:12px;min-width:0}
.inv32-identity img,.hud-article-identity img,.inv32-no-photo,.hud-no-photo{width:46px;height:58px;border-radius:9px;object-fit:cover;flex:0 0 auto;background:var(--bg-sunken)}
.inv32-no-photo,.hud-no-photo{display:grid;place-items:center;color:var(--text-3)}
.inv32-no-photo svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6}
.inv32-identity>div,.hud-article-identity>div{display:flex;flex-direction:column;min-width:0;gap:1px}
.inv32-identity small,.hud-article-identity small{font-family:var(--mono);font-size:11.5px;color:var(--text-3)}
.inv32-title,.hud-article-title{font-size:13.5px;font-weight:620;text-align:left;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}
button.inv32-title:hover,button.hud-article-title:hover{color:var(--accent-text);text-decoration:underline}
.inv32-identity span,.hud-article-identity span{font-size:11.5px;color:var(--text-3)}
.inv32-statuses,.hud-article-platforms{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.inv32-status,.hud-platform-token{
  display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 2px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;
  background:var(--bg-sunken);color:var(--text-2);border:1px solid var(--line);white-space:nowrap
}
.inv32-status .platform-mark,.hud-platform-token .platform-mark{width:18px;height:18px;border-radius:50%}
.inv32-status .platform-mark svg,.hud-platform-token .platform-mark svg{width:10px;height:10px}
.hud-platform-token small{color:var(--text-3)}
.inv32-status[data-stage="online"]{background:var(--success-soft);color:var(--success-text);border-color:transparent}
.inv32-status[data-stage="ready"],.inv32-status[data-stage="platform_draft"]{background:var(--accent-soft);color:var(--accent-text);border-color:transparent}
.inv32-status[data-stage="draft"]{background:var(--warning-soft);color:var(--warning-text);border-color:transparent}
.inv32-status[data-stage="sold"],.inv32-status[data-stage="sold_elsewhere"]{background:var(--info-soft);color:var(--info-text);border-color:transparent}
.inv32-status[data-stage="reserved"],.inv32-status[data-stage="reserved_elsewhere"]{background:var(--warning-soft);color:var(--warning-text);border-color:transparent}
.inv32-status[data-stage="removed"]{opacity:.65}
.inv32-status[data-conflict="true"]{background:var(--danger-soft);color:var(--danger-text);border-color:transparent}
.inv32-detail,.hud-article-state{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:12.5px}
.inv32-detail strong,.hud-article-state b{font-size:13.5px;font-variant-numeric:tabular-nums}
.inv32-detail span,.hud-article-state span{color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv32-detail small{color:var(--text-3)}
.inv32-conflict{color:var(--danger-text)!important;font-weight:600}
.inv32-actions,.hud-article-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.inv32-actions .btn{min-height:32px;padding:0 11px;font-size:12px}
.hud-article-actions .hud-square,.hud-article-actions .hud-sale-button{min-height:32px;padding:0 11px;font-size:12px}
.load-more{align-self:center;margin-top:12px}

/* ---------- Editor ---------- */
.editor-header{display:flex;flex-direction:column;gap:12px}
.back-link{align-self:flex-start;padding-left:4px}
.back-link::before{content:"←";margin-right:4px}
.editor-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.editor-title h1{font-size:26px;letter-spacing:-.03em;margin-top:3px}
.editor-top-actions{display:flex;gap:8px;flex-wrap:wrap}
.editor-sku-row{display:flex;align-items:flex-end;gap:8px;max-width:520px}
.inline-field{flex:1}
#editorSku{font-family:var(--mono);font-size:14px}
#editorSkuState,#skuState{font-size:12px;color:var(--text-3)}
.editor-card{padding:0;overflow:hidden}
.tabs{display:flex;gap:2px;padding:8px 10px 0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;background:var(--bg-elev)}
.tabs::-webkit-scrollbar{display:none}
.tabs button{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 14px;font-size:13px;font-weight:600;color:var(--text-3);white-space:nowrap;border-radius:var(--r-sm) var(--r-sm) 0 0}
.tabs button:hover{color:var(--text);background:var(--bg-hover)}
.tabs button.active{color:var(--text)}
.tabs button.active::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--accent)}
.shipping-tab-button span{font-size:10.5px;padding:2px 7px;border-radius:var(--r-pill);background:var(--warning-soft);color:var(--warning-text)}
.listing-sync-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 20px 0;padding:12px 14px;border-radius:var(--r);background:var(--accent-soft)}
.listing-sync-bar>div{display:flex;align-items:center;gap:10px}
.listing-sync-bar strong{font-size:13px;display:block}
.listing-sync-bar small{font-size:12px;color:var(--text-2)}
.listing-sync-bar>div:first-child{flex:1;min-width:0}
.listing-sync-bar .listing-sync-controls{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:10px 16px}
.sync-icon{width:28px;height:28px;border-radius:8px;background:var(--bg-elev)}
.editor-panel{display:none;flex-direction:column;gap:16px;padding:20px}
.editor-panel.active{display:flex}
.sale-workflow-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--success-soft);border-color:transparent;flex-wrap:wrap}
.sale-workflow-card h3{font-size:15px}
.sale-workflow-card p{font-size:12.5px;color:var(--text-2)}
.platform-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.platform-card{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:var(--r);background:var(--bg-sunken);border:1px solid var(--line)}
.platform-card.has-conflict{background:var(--danger-soft);border-color:transparent}
.platform-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.platform-card-brand{display:flex;align-items:center;gap:8px}
.platform-card p{font-size:12.5px;color:var(--text-2)}
.platform-tags-preview{font-size:11.5px;color:var(--text-3)}
.tracking-section{display:flex;flex-direction:column;gap:12px}
.listing-age-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.listing-age-card{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:var(--r);border:1px solid var(--line)}
.listing-age-card>div{display:flex;justify-content:space-between;font-size:12.5px}
.listing-age-card>div span{color:var(--text-3)}
.listing-age-card>b{font-size:16px}
.listing-age-card small{font-size:11.5px;color:var(--text-3)}
.product-insight,.product-timeline{font-size:13px;color:var(--text-2)}
.product-insight .insight{padding:10px 12px;border-radius:var(--r-sm);background:var(--info-soft);color:var(--info-text);margin-bottom:6px}
.product-timeline>*{padding:8px 0;border-bottom:1px solid var(--line)}
.platform-heading-brand{display:flex;align-items:center;gap:12px}
.platform-heading-brand .platform-mark{width:36px;height:36px;border-radius:11px}
.platform-heading-brand .platform-mark svg{width:19px;height:19px}
.platform-heading-actions{display:flex;align-items:center;gap:8px}
.platform-form-grid{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:14px}
.editor-panel textarea[id^="desc-"]{min-height:200px}
.sale-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px;border-radius:var(--r);background:var(--success-soft)}
.market-transfer-card{padding:14px 16px;background:var(--bg-sunken);box-shadow:none}
.market-transfer-head h3{font-size:14px}
.market-transfer-head p{font-size:12.5px;color:var(--text-2)}
.market-transfer-body{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.market-transfer-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.market-transfer-copy{display:flex;gap:6px;flex-wrap:wrap}
.market-transfer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.market-transfer-tile{display:flex;flex-direction:column;border-radius:var(--r-sm);overflow:hidden;background:var(--bg-elev);border:1px solid var(--line);cursor:grab}
.market-transfer-tile img{aspect-ratio:4/5;object-fit:cover;width:100%}
.market-transfer-tile div{display:flex;justify-content:space-between;padding:5px 8px;font-size:11.5px}
.market-transfer-tile span{color:var(--text-3)}
.market-transfer-note{font-size:12px;color:var(--text-3)}
.photo-section-head{flex-wrap:wrap}
.photo-head-actions{display:flex;gap:8px}
.drop-note{font-size:12.5px;color:var(--text-3)}
.drop-zone.drag-active,.image-grid.drag-active{outline:2px dashed var(--accent);outline-offset:4px;border-radius:var(--r-lg);background:var(--accent-soft)}
.photo-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px;border-radius:var(--r-lg);border:1px dashed var(--line-strong);background:var(--bg-sunken);text-align:center}
.photo-empty-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--bg-elev);font-size:24px;color:var(--accent)}
.photo-empty-state p{color:var(--text-2);font-size:13px;max-width:40ch}
.photo-studio-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.photo-studio-count{display:flex;align-items:baseline;gap:6px}
.photo-studio-count strong{font-family:var(--font-display);font-size:22px}
.photo-studio-count span{font-size:13px;color:var(--text-3)}
.photo-studio-hint{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-3)}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success)}
.photo-studio-grid,.upload-preview,.review-photos,.sku-step-gallery,.issue-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.studio-photo-card,.server-upload-photo{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-elev);border:1px solid var(--line);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.studio-photo-card.selected{border-color:var(--accent);box-shadow:var(--ring)}
.studio-photo-select{display:block;text-align:left}
.studio-photo-image,.server-upload-image{position:relative;aspect-ratio:4/5;background:var(--bg-sunken);overflow:hidden}
.studio-photo-image img,.server-upload-image img{width:100%;height:100%;object-fit:cover}
.server-upload-image span{position:absolute;top:8px;left:8px;min-width:24px;height:24px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--bg-glass);font-size:11.5px;font-weight:700}
.gallery-placeholder{display:grid;place-items:center;height:100%;color:var(--text-3)}
.studio-photo-meta{display:flex;justify-content:space-between;padding:8px 10px;font-size:12px;color:var(--text-2)}
.studio-photo-meta b{font-size:10.5px;padding:2px 7px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-text)}
.photo-order-row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-top:1px solid var(--line)}
.photo-order-row.is-moving{opacity:.55}
.photo-order-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--line);color:var(--text-2);flex:0 0 auto}
.photo-order-btn:hover:not(:disabled){background:var(--bg-hover)}
.photo-order-btn:disabled{opacity:.35}
.photo-order-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}
.photo-order-label{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column}
.photo-order-label strong{font-size:11.5px}
.photo-order-label small{font-size:10px;color:var(--text-3)}
.studio-photo-actions,.server-upload-tools{display:flex;gap:4px;padding:6px 8px 8px}
.photo-action,.upload-edit{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;border-radius:8px;border:1px solid var(--line);font-size:12px;font-weight:600;color:var(--text-2)}
.photo-action:hover,.upload-edit:hover{background:var(--bg-hover);color:var(--text)}
.photo-icon-action,.upload-rotate-left,.upload-rotate-right,.remove-server-upload{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);color:var(--text-2);font-size:14px}
.photo-icon-action:hover,.upload-rotate-left:hover,.upload-rotate-right:hover{background:var(--bg-hover)}
.photo-icon-action.danger,.remove-server-upload{color:var(--danger-text)}
.photo-icon-action.danger:hover,.remove-server-upload:hover{background:var(--danger-soft)}
.shipping-panel-head{flex-wrap:wrap}
.shipping-state-pill{background:var(--warning-soft);color:var(--warning-text);border-color:transparent}
.shipping-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.shipping-card{padding:16px;box-shadow:none}
.mini-section-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.shipping-icon,.finance-icon{width:34px;height:34px;border-radius:10px;background:var(--accent-soft)}
.finance-icon{background:var(--success-soft)}
.mini-section-head h3{font-size:14px}
.shipping-sale-context{font-size:12.5px;color:var(--text-2);margin-bottom:10px}
.shipping-form-grid,.finance-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.shipping-wide{grid-column:1/-1}
.finance-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.finance-result-grid>div{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:var(--r-sm);background:var(--bg-sunken)}
.finance-result-grid span{font-size:11px;color:var(--text-3)}
.finance-result-grid strong{font-size:15px;font-variant-numeric:tabular-nums}
.finance-profit{background:var(--success-soft)!important}
.finance-profit strong{color:var(--success-text)}
.editor-save-state{margin:0 20px;padding:10px 12px;border-radius:var(--r-sm);font-size:13px;background:var(--bg-sunken)}
.editor-save-state.error{background:var(--danger-soft);color:var(--danger-text)}
.editor-save-state.success,.editor-save-state.ok{background:var(--success-soft);color:var(--success-text)}
.editor-actions{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--line);background:var(--bg-sunken)}

/* ---------- Queue ---------- */
.queue-folder-bar{display:flex;gap:8px;flex-wrap:wrap}
.queue-folder-bar button{min-height:40px;border-radius:var(--r);padding:0 14px}
.queue-folder-bar button span{font-size:13px}
.queue-folder-bar button b{font-weight:500;color:inherit;opacity:.7;font-size:12px}
.queue-section{padding:14px}
.queue-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.queue-card{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line)}
.queue-card.is-due{border-color:color-mix(in srgb,var(--warning) 50%,var(--line))}
.queue-card.priority-high{box-shadow:inset 3px 0 0 var(--danger)}
.queue-card-top{display:flex;justify-content:space-between;gap:12px}
.queue-article{display:flex;gap:12px;min-width:0}
.queue-photo{width:56px;height:70px;border-radius:10px;overflow:hidden;background:var(--bg-sunken);flex:0 0 auto}
.queue-photo img{width:100%;height:100%;object-fit:cover}
.queue-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.queue-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.queue-title strong{font-family:var(--mono);font-size:13px}
.queue-title span{font-size:10.5px;font-weight:650;padding:2px 8px;border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--text-2)}
.queue-copy small{font-size:12px;color:var(--text-3)}
.queue-state{display:flex;gap:8px;align-items:flex-start;text-align:right}
.queue-state i{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:6px}
.queue-state strong{display:block;font-size:12.5px}
.queue-state span{font-size:11.5px;color:var(--text-3)}
.queue-meta-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.queue-meta-strip>div{display:flex;flex-direction:column;padding:8px 10px;border-radius:var(--r-sm);background:var(--bg-sunken)}
.queue-meta-strip span{font-size:10.5px;color:var(--text-3)}
.queue-meta-strip strong{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.queue-plan-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.queue-plan-editor label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;color:var(--text-2)}
.queue-plan-editor select,.queue-plan-editor input{min-height:34px;padding:6px 10px;font-size:12.5px}
.queue-plan-saving{opacity:.6;pointer-events:none}
.queue-actions{display:flex;gap:6px;flex-wrap:wrap}
.queue-actions .btn{flex:1}
.queue-readonly{font-size:12px;color:var(--text-3)}

/* ---------- Upload ---------- */
.upload-screen{max-width:none}
.uploader-status{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;align-items:center;padding:18px 20px;border-radius:var(--r-xl);background:var(--chloe-soft),var(--bg-elev);border:1px solid var(--line)}
.score-line{display:flex;align-items:baseline;gap:8px;margin:4px 0}
.score-line strong{font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:-.03em}
.score-line span{color:var(--text-3)}
.score-line b{font-size:14px;color:var(--accent-text)}
#dailyMessage{font-size:13px;color:var(--text-2)}
.goal-wrap{display:flex;flex-direction:column;gap:8px}
.progress-track{height:10px}
.daily-milestones{display:flex;justify-content:space-between;font-size:11px;color:var(--text-3)}
.daily-milestones b{color:var(--text-2)}
.goal-meta{display:flex;gap:6px;flex-wrap:wrap}
.goal-meta span{font-size:11.5px;padding:3px 9px;border-radius:var(--r-pill);background:var(--bg-elev);color:var(--text-2)}
.upload-card{padding:22px;display:flex;flex-direction:column;gap:18px}
.upload-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.upload-head h1{font-size:24px;margin:3px 0}
.upload-head p{color:var(--text-2);font-size:13.5px}
.stepper{display:flex;align-items:center;gap:8px}
.stepper>i{flex:1;height:2px;border-radius:2px;background:var(--line)}
.wizard-step{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-3)}
.wizard-step b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bg-sunken);border:1px solid var(--line);font-size:12px}
.wizard-step.active{color:var(--text)}
.wizard-step.active b{background:var(--accent);color:var(--on-accent);border-color:transparent}
.wizard-step.done b{background:var(--success);color:#fff;border-color:transparent}
.wizard-page{display:flex;flex-direction:column;gap:16px}
.step-title{display:flex;gap:12px;align-items:flex-start}
.step-title>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent-soft);color:var(--accent-text);font-weight:700;flex:0 0 auto}
.step-title h2{font-size:17px}
.step-title p{font-size:13px;color:var(--text-2)}
.upload-picker{
  display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 20px;border-radius:var(--r-xl);
  border:2px dashed var(--line-strong);background:var(--bg-sunken);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)
}
.upload-picker:hover{border-color:var(--accent);background:var(--accent-soft)}
.picker-plus{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--accent);color:var(--on-accent);font-size:30px;font-weight:300;box-shadow:0 8px 20px rgba(91,91,214,.3)}
.upload-picker strong{font-size:16px}
.upload-picker small{color:var(--text-3)}
#uploadStep1.has-images .upload-picker{padding:16px;flex-direction:row;justify-content:center}
#uploadStep1.has-images .picker-plus{width:36px;height:36px;font-size:20px;border-radius:11px}
.upload-state{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
#uploadFeedback{color:var(--text-3)}
.sticky-actions{position:sticky;bottom:12px;z-index:5;display:flex;gap:10px;justify-content:flex-end;padding:12px;border-radius:var(--r-lg);background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow-md)}
.sticky-actions .btn.xl{flex:1;max-width:320px}
.save-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:var(--r);background:var(--bg-sunken);font-size:13px}
#draftSaveState{color:var(--text-3)}
.sku-main input{font-family:var(--mono);font-size:22px!important;font-weight:650;min-height:58px!important;letter-spacing:.02em}
.sku-similar-wrap{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--r-lg);background:var(--warning-soft)}
.sku-similar-wrap.confirmed{background:var(--success-soft)}
.sku-similar-head{display:flex;gap:10px}
.sku-warning-icon{width:30px;height:30px;border-radius:9px;background:var(--warning);flex:0 0 auto}
.sku-similar-head p{font-size:12.5px;color:var(--text-2)}
.sku-similar-list{display:flex;flex-direction:column;gap:6px}
.sku-similar-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);background:var(--bg-elev)}
.sku-similar-card>div{flex:1;min-width:0;display:flex;flex-direction:column}
.sku-similar-card span{font-size:10.5px;font-weight:650;color:var(--text-3)}
.sku-similar-card small{font-size:12px;color:var(--text-2)}
.sku-similar-card em{font-style:normal;font-size:11.5px;color:var(--warning-text)}
.sku-similar-thumb,.sku-check-thumb{width:40px;height:50px;border-radius:8px;object-fit:cover;background:var(--bg-sunken)}
.sku-similar-actions{display:flex;gap:8px;flex-wrap:wrap}
.sku-step-gallery-wrap{display:flex;flex-direction:column;gap:8px}
.sku-step-gallery-head small{color:var(--text-3)}
.sku-step-gallery img,.review-photos img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
.review-summary{display:flex;padding:16px;border-radius:var(--r-lg);background:var(--bg-sunken)}
.review-summary small{font-size:11.5px;color:var(--text-3)}
.review-summary strong{display:block;font-family:var(--mono);font-size:22px}
.success-card{display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--r-lg);background:var(--success-soft)}
.success-card>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--success);color:#fff;font-size:20px}
.success-card>div{flex:1}
.success-card small{color:var(--text-2)}
.recent-section{padding:16px}
.recent-list{display:flex;flex-direction:column;gap:6px}
.recent-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--r);border:1px solid var(--line)}
.recent-row img,.recent-row .item-thumb{width:44px;height:54px;border-radius:8px;object-fit:cover}
.recent-copy{flex:1;display:flex;flex-direction:column;min-width:0}
.recent-copy strong{font-family:var(--mono);font-size:13px}
.recent-copy small,.recent-copy span{font-size:12px;color:var(--text-3)}
.recent-delete{font-size:12px;font-weight:600;color:var(--danger-text);padding:6px 10px;border-radius:8px}
.recent-delete:hover{background:var(--danger-soft)}
.uploader-logout{align-self:center;font-size:13px;color:var(--text-3);padding:8px 14px;border-radius:var(--r-sm)}
.uploader-logout:hover{background:var(--bg-hover);color:var(--text)}
body.role-admin .uploader-logout{display:none}

/* ---------- Issues ---------- */
.issues-workspace{padding:16px}
.issues-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.issue-filter-group,.activity-filters,.ai-filter-group{display:flex;gap:6px;flex-wrap:wrap}
#issueRoleHint{font-size:12px;color:var(--text-3)}
.issue-list{display:flex;flex-direction:column;gap:10px}
.issue-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line)}
.issue-card.urgent{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));box-shadow:inset 3px 0 0 var(--danger)}
.issue-card.resolved{opacity:.7}
.issue-card-top{display:flex;justify-content:space-between;gap:12px}
.issue-product{display:flex;gap:12px;min-width:0}
.issue-product img,.issue-product-thumb{width:50px;height:62px;border-radius:9px;object-fit:cover;background:var(--bg-sunken);flex:0 0 auto}
.issue-product>div{min-width:0;display:flex;flex-direction:column;gap:1px}
.issue-sku-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.issue-sku-line strong{font-family:var(--mono);font-size:13px}
.issue-sku-line em{font-style:normal;font-size:10.5px;font-weight:700;color:var(--danger-text);background:var(--danger-soft);padding:2px 8px;border-radius:var(--r-pill)}
.issue-product small{font-size:13px}
.issue-product span{font-size:12px;color:var(--text-3)}
.issue-status.open,.issue-status.status-open{background:var(--warning-soft);color:var(--warning-text);border-color:transparent}
.issue-status.progress,.issue-status.status-progress,.issue-status.in_progress{background:var(--info-soft);color:var(--info-text);border-color:transparent}
.issue-status.review,.issue-status.status-review{background:var(--accent-soft);color:var(--accent-text);border-color:transparent}
.issue-status.resolved,.issue-status.status-resolved,.issue-status.done{background:var(--success-soft);color:var(--success-text);border-color:transparent}
.issue-message{padding:12px 14px;border-radius:var(--r);background:var(--bg-sunken);display:flex;flex-direction:column;gap:4px}
.issue-category{font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}
.issue-message p{font-size:13.5px}
.issue-message small{font-size:11.5px;color:var(--text-3)}
.issue-thread{display:flex;flex-direction:column;gap:6px;padding-left:12px;border-left:2px solid var(--line)}
.issue-thread>*{font-size:12.5px;color:var(--text-2)}
.issue-reply-row{display:flex;gap:8px}
.issue-reply-row input{flex:1}
.issue-fix-actions{display:flex;gap:8px;flex-wrap:wrap}
.issue-photo-panel{padding:12px;border-radius:var(--r);background:var(--bg-sunken)}
.issue-photo-tile{position:relative;border-radius:var(--r-sm);overflow:hidden}
.issue-photo-tile img{width:100%;aspect-ratio:4/5;object-fit:cover}

/* ---------- AI listing ---------- */
.ai-head-actions{display:flex;gap:8px}
.ai-control-card,.etsy-connection-card,.ai-agent-panel{display:flex;flex-direction:column;gap:14px}
.ai-control-top{align-items:flex-start}
.ai-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.ai-batch-tools{display:flex;gap:6px;flex-wrap:wrap}
.ai-queue-list{display:flex;flex-direction:column;gap:8px}
.ai-item{display:grid;grid-template-columns:auto 52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg-elev)}
.ai-check{display:grid;place-items:center}
.ai-check span{display:none}
.ai-thumb{width:52px;height:64px;border-radius:9px;object-fit:cover;background:var(--bg-sunken)}
.ai-item-main{min-width:0;display:flex;flex-direction:column;gap:4px}
.ai-item-top{display:flex;justify-content:space-between;gap:10px}
.ai-item-top strong{font-family:var(--mono);font-size:13px;display:block}
.ai-item-top span{font-size:12.5px;color:var(--text-2)}
.ai-item-meta{display:flex;gap:5px;flex-wrap:wrap}
.ai-item-meta span{font-size:11px;padding:2px 8px;border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--text-2)}
.ai-item-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ai-status.ready,.ai-status.status-ready{background:var(--accent-soft);color:var(--accent-text);border-color:transparent}
.ai-status.working,.ai-status.status-working{background:var(--info-soft);color:var(--info-text);border-color:transparent}
.ai-status.review,.ai-status.draft{background:var(--warning-soft);color:var(--warning-text);border-color:transparent}
.ai-status.listed{background:var(--success-soft);color:var(--success-text);border-color:transparent}
.ai-status.error{background:var(--danger-soft);color:var(--danger-text);border-color:transparent}
.etsy-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.ai-agent-actions{display:flex;gap:8px;flex-wrap:wrap}
.ai-agent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.ai-agent-data,.ai-agent-command{padding:12px;border-radius:var(--r);background:var(--bg-sunken);font-size:12.5px;overflow:auto}
.ai-agent-command{font-family:var(--mono);white-space:pre-wrap}
.ai-agent-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}
.ai-agent-images img{border-radius:var(--r-sm);aspect-ratio:4/5;object-fit:cover}

/* ---------- Activity ---------- */
.activity-card,.team-activity-card{padding:16px}
.activity-toolbar-head{flex-wrap:wrap}
.activity-list{display:flex;flex-direction:column}
.activity-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line)}
.activity-row:last-child{border-bottom:0}
.activity-event-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--bg-sunken);font-size:15px}
.activity-row.ok .activity-event-icon,.activity-row.success .activity-event-icon{background:var(--success-soft);color:var(--success-text)}
.activity-row.warn .activity-event-icon,.activity-row.warning .activity-event-icon{background:var(--warning-soft);color:var(--warning-text)}
.activity-row.info .activity-event-icon{background:var(--info-soft);color:var(--info-text)}
.activity-row.danger .activity-event-icon,.activity-row.bad .activity-event-icon{background:var(--danger-soft);color:var(--danger-text)}
.activity-event-main{min-width:0}
.activity-event-main>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.activity-event-main strong{font-size:13px;font-weight:600}
.activity-event-main em{font-style:normal;font-size:11px;padding:2px 8px;border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--text-2)}
.activity-event-main p{font-size:12px;color:var(--text-3)}
.activity-row time{font-size:12px;color:var(--text-3);white-space:nowrap}

/* ---------- System ---------- */
.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.system-card{display:flex;flex-direction:column;gap:14px}
.system-card-head>div{display:flex;align-items:center;gap:12px}
.system-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent-text)}
.system-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
.system-card>p{font-size:13px;color:var(--text-2)}
.system-kpis,.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.system-kpis>div,.health-grid>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--r);background:var(--bg-sunken)}
.system-kpis strong,.health-grid strong{font-size:15px}
.system-kpis span,.health-grid span{font-size:11.5px;color:var(--text-3)}
.remote-link-wrap{display:flex;flex-direction:column;gap:6px}
.remote-link-wrap small{color:var(--text-3)}
.remote-help{padding:12px 14px;border-radius:var(--r);background:var(--bg-sunken);font-size:13px}
.remote-help ol{margin:6px 0 0;padding-left:20px;color:var(--text-2)}
.view-setting-group{display:flex;flex-direction:column;gap:6px}
.view-setting-group small{font-size:12px;color:var(--text-3)}
.form-stack,.compact-form{display:flex;flex-direction:column;gap:12px}
.form-stack>.btn{align-self:flex-start}

/* ---------- Growth (Reichweite) ---------- */
.growth-control-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}
.growth-control,.growth-learning{display:flex;flex-direction:column;gap:10px}
.growth-needs{display:flex;flex-direction:column;gap:6px}
.growth-needs>*{padding:9px 12px;border-radius:var(--r-sm);background:var(--warning-soft);color:var(--warning-text);font-size:12.5px}
#growthMessage{font-size:12.5px;color:var(--text-2)}
.growth-pin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.growth-pin{border-radius:var(--r-lg);overflow:hidden;background:var(--bg-elev);border:1px solid var(--line);display:flex;flex-direction:column}
.growth-pin img{aspect-ratio:2/3;object-fit:cover;width:100%}
.growth-pin-copy{padding:10px 12px;display:flex;flex-direction:column;gap:3px;font-size:12.5px}
.growth-pin-date{font-size:11.5px;color:var(--text-3)}
.growth-log{display:flex;flex-direction:column;gap:6px}
#growthEvents{display:flex;flex-direction:column;gap:2px;font-size:12.5px}
.hud-status{background:var(--bg-sunken)}

/* ---------- External article ---------- */
.external-form{display:flex;flex-direction:column;gap:14px}
.external-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#externalFeedback{font-size:13px;color:var(--text-2)}
.back-link::before{content:none}
.platform-card-head{flex-wrap:wrap}
.team-cockpit-grid .hud-team-row{grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"av name today" "av role week";gap:2px 12px;padding:12px 14px;border-radius:var(--r);background:var(--bg-sunken);border:0}
.team-cockpit-grid .hud-team-row>.hud-team-avatar{grid-area:av;width:36px;height:36px}
.team-cockpit-grid .hud-team-row>strong{grid-area:name;font-size:13.5px}
.team-cockpit-grid .hud-team-row>span:not(.hud-team-avatar){grid-area:role;font-size:12px;color:var(--text-3)}
.team-cockpit-grid .hud-team-row>b:nth-of-type(1){grid-area:today;text-align:right}
.team-cockpit-grid .hud-team-row>b:nth-of-type(2){grid-area:week;text-align:right}
.team-cockpit-grid .hud-team-row b{font-size:14px}
.team-cockpit-grid .hud-team-row small{font-size:11px;color:var(--text-3);font-weight:500}
body.desktop-ui.role-admin .app-main{padding-bottom:110px}
.shipping-sale-context{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r);background:var(--bg-sunken)}
.shipping-sale-context>div{display:flex;flex-direction:column;min-width:0}
.shipping-sale-context strong{font-size:13px;color:var(--text)}
.shipping-sale-context span{font-size:12px;color:var(--text-3)}
.shipping-icon,.finance-icon{display:grid;place-items:center;font-size:15px;color:var(--accent-text)}
.finance-icon{color:var(--success-text)}

/* Wide screens: use the full width instead of leaving empty margins */
@media (min-width:1600px){
  .upload-screen .upload-card{padding:28px}
  .photo-studio-grid,.upload-preview,.review-photos,.sku-step-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
  .external-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .queue-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}
  .system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1900px){
  .st-listing-workbench{grid-template-columns:320px minmax(0,1fr) 320px}
  .chloe-layout{grid-template-columns:minmax(0,1fr) 380px}
  .hud-operational-kpis,.st-insights-kpis,.growth-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* Artikel-Editor: Fitpics-Ordner mit einem Klick, Preis-Vorschläge */
.market-transfer-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.price-suggest{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 10px;padding:8px 12px;border-radius:var(--r);
  background:var(--accent-soft);border:1px solid var(--line);font-size:12.5px;color:var(--text-2)}
.price-suggest b{color:var(--text)}
.price-suggest small{color:var(--text-2)}
.price-suggest .btn{margin-left:auto}
/* Shopify als Plattform im Artikel, Bestellung = ein Paket */
.shop-slot-note{margin:0 0 12px;padding:10px 12px;border-radius:var(--r);background:var(--bg-sunken);border:1px solid var(--line);font-size:12.5px;color:var(--text-2)}
#tab-Shopify input[readonly],#tab-Shopify textarea[readonly]{background:var(--bg-sunken);color:var(--text-2)}
.shipping-order-box{margin:10px 0;padding:12px;border-radius:var(--r-lg);border:1px solid var(--line-strong);background:var(--bg-elev);display:grid;gap:8px}
.order-box-head{display:flex;align-items:center;gap:10px}
.order-box-head div{display:grid;gap:2px}.order-box-head span{font-size:12.5px;color:var(--text-2)}
.order-items{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.order-items li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline;padding:6px 8px;border-radius:var(--r-sm);background:var(--bg-sunken);font-size:13px}
.order-items li.is-current{outline:1px solid var(--accent)}
.order-items li span{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.order-box-note{margin:0;font-size:12px;color:var(--text-2)}
.inv32-order{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--bg-elev);padding:14px;display:grid;gap:10px;margin-bottom:10px}
.inv32-order>header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.inv32-order>header>div{display:grid;gap:2px;flex:1;min-width:200px}
.inv32-order>header>div span{font-size:12.5px;color:var(--text-2)}
.inv32-order-state{padding:4px 10px;border-radius:var(--r-pill);background:var(--bg-sunken);font-size:12px;font-weight:620}
.inv32-order-state[data-state="Versendet"],.inv32-order-state[data-state="Erledigt"]{background:var(--success-soft);color:var(--success-text)}
.inv32-order-lines{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.inv32-order-lines li{display:grid;grid-template-columns:44px 1fr auto auto;gap:10px;align-items:center;padding:6px;border-radius:var(--r);background:var(--bg-sunken)}
.inv32-order-lines li.is-missing{opacity:.7}
.inv32-order-lines li div{display:grid;gap:2px;min-width:0}
.inv32-order-lines li div span{font-size:12.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inv32-order-lines em{font-style:normal;font-weight:650}
.inv32-order-thumb{width:44px;height:54px;border-radius:var(--r-sm);overflow:hidden;background:var(--bg-hover)}
.inv32-order-thumb img{width:100%;height:100%;object-fit:cover}
.inv32-order-ship{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;align-items:end}
.inv32-order-ship label{display:grid;gap:4px;font-size:12px;color:var(--text-2)}
.inv32-order-ship select,.inv32-order-ship input{min-height:36px}
.inv32-order-ship .btn{grid-column:1/-1;justify-self:end;white-space:normal}
@media (max-width:700px){.inv32-order-lines li{grid-template-columns:40px 1fr auto}.inv32-order-lines li .btn{grid-column:2/-1;justify-self:start}}

/* 25.10. Neuware in Größen beim Hochladen */
.upload-variants{margin:14px 0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-sunken);display:grid;gap:12px}
.variant-body{display:grid;gap:12px}
.variant-chips{display:flex;flex-wrap:wrap;gap:8px}
.variant-chip{min-width:48px;min-height:40px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:transparent;color:inherit;font-weight:600;font-size:14px;cursor:pointer}
.variant-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}
.variant-chip:focus-visible,.variant-qty button:focus-visible,.variant-remove:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.variant-add{display:flex;gap:8px}
.variant-add input{flex:1;min-width:0;min-height:40px}
.variant-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.variant-row{display:grid;grid-template-columns:minmax(56px,auto) 1fr 32px;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg)}
.variant-row strong{font-size:14px;white-space:nowrap}
.variant-qty{display:flex;align-items:center;gap:4px;justify-self:end}
.variant-qty button{width:32px;height:32px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:transparent;color:inherit;font-size:16px;cursor:pointer}
.variant-qty input{width:48px!important;min-width:0;min-height:32px;padding:0 4px!important;text-align:center}
.variant-remove{width:32px;height:32px;border:0;background:transparent;color:var(--text-3);font-size:18px;cursor:pointer}
.variant-cost{max-width:240px}
.variant-sum{margin:0;font-size:12.5px;color:var(--text-2)}
@media (max-width:700px){.variant-rows{grid-template-columns:1fr}.variant-cost{max-width:none}}
.variant-info-sizes{display:flex;flex-wrap:wrap;gap:6px}
.variant-info-sizes .variant-chip{min-height:32px;font-size:12.5px;padding:0 10px}
.variant-info-sizes .variant-chip:disabled{cursor:default;opacity:1}
.kind-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.kind-head strong{font-size:14.5px}
.kind-head small{font-size:12.5px;color:var(--text-2)}
.kind-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kind-option{display:grid;gap:2px;text-align:left;padding:12px 14px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--bg);color:inherit;cursor:pointer}
.kind-option strong{font-size:14px}
.kind-option small{font-size:12px;line-height:1.4;color:var(--text-2)}
.kind-option.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.kind-option.on strong{color:var(--accent-text)}
.kind-option:disabled{cursor:default;opacity:.5}
.kind-option:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.editor-kind{margin-top:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-lg);display:grid;gap:12px}
.editor-kind-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.editor-kind-actions small{flex:1;min-width:220px;font-size:12.5px;line-height:1.45;color:var(--text-2)}
@media (max-width:560px){.kind-switch{grid-template-columns:1fr}}
.variant-chip.static{display:inline-flex;align-items:center;min-height:32px;font-size:12.5px;padding:0 10px;cursor:default}
.variant-chip.empty{opacity:.55;text-decoration:line-through}
.variant-sale{display:flex;flex-wrap:wrap;gap:6px;align-items:center;width:100%}
.variant-sale select,.variant-sale input{min-height:34px}
.variant-sale select{width:auto!important;min-width:110px;flex:0 1 auto}
.variant-sale .money-input input{width:100%}
.variant-sale .money-input{width:110px}
/* ---- 07-overlays.css ---- */
/* =====================================================================
   OVERLAYS · dialogs, sheets, toast, image editor, download center
   ===================================================================== */
dialog{
  border:1px solid var(--line);border-radius:22px;padding:0;background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-lg);
  max-width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;
}
dialog[open]{animation:av-pop .22s var(--ease-out)}
dialog::backdrop{background:rgba(10,10,20,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.hud-sale-dialog{width:420px}
.hud-sale-dialog form{display:flex;flex-direction:column;gap:14px;padding:22px}
.hud-sale-dialog form>p{font-size:13px;color:var(--text-2)}
.hud-sale-dialog form>small{font-size:12px;color:var(--text-3)}
#hudSaleError:not(:empty){padding:8px 10px;border-radius:var(--r-sm);background:var(--danger-soft);color:var(--danger-text);font-size:12.5px}
.hud-dialog-heading{padding:0 0 4px}
.hud-dialog-heading h2{font-size:19px;margin-top:2px}
.hud-settings-dialog{width:min(760px,calc(100vw - 32px))}
.hud-settings-dialog>.hud-dialog-heading{position:sticky;top:0;z-index:2;padding:18px 22px 14px;background:var(--bg-elev);border-bottom:1px solid var(--line)}
#hudSettingsContent{padding:16px 22px 22px}
.jarvis-bottom-grid{display:flex;flex-direction:column;gap:12px}
.jarvis-settings-panel{border:1px solid var(--line);border-radius:var(--r-lg);padding:4px 16px;background:var(--bg-elev)}
.jarvis-settings-panel[open]{padding-bottom:16px}
.jarvis-settings-content{display:flex;flex-direction:column;gap:14px}
.jarvis-settings-content>p,.jarvis-section-head p{font-size:13px;color:var(--text-2)}
.jarvis-memory-list{display:flex;flex-direction:column;gap:8px}
.jarvis-memory-list article{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--r);background:var(--bg-sunken)}
.jarvis-memory-list article p{font-size:13px}
.jarvis-memory-list article>div{display:flex;gap:6px}
.jarvis-memory-list article button{font-size:12px;font-weight:600;padding:4px 10px;border-radius:7px;color:var(--text-2);border:1px solid var(--line);background:var(--bg-elev)}
.jarvis-memory-list article button[data-jarvis-action="forget"]{color:var(--danger-text)}
.jarvis-memory-list>p{font-size:13px;color:var(--text-3)}
.jarvis-memory-compose{display:flex;gap:8px}
.jarvis-memory-compose input{flex:1}
#jarvisMemorySave{min-height:40px;padding:0 16px;border-radius:var(--r-sm);background:var(--accent);color:var(--on-accent);font-weight:600;font-size:13px}
#jarvisConfigForm{display:flex;flex-direction:column;gap:16px}
.hud-agent-settings,.voice-settings-grid,.hud-hermes-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hud-agent-settings>p,.hud-agent-settings>.jarvis-actions,.voice-settings-grid>p,.voice-settings-grid>button{grid-column:1/-1}
#hudAccountStatus{font-size:12.5px;color:var(--text-2)}
.jr-hours{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jr-hours>p{grid-column:1/-1;font-size:12px;color:var(--text-3)}
#jarvisSetupStatus{font-size:12.5px;color:var(--text-2);padding:10px 12px;border-radius:var(--r-sm);background:var(--bg-sunken)}
#jarvisSetupStatus:empty{display:none}
.growth-settings-body{padding:16px 22px 22px;display:flex;flex-direction:column;gap:14px}
#growthSettingsDialog>.hud-dialog-heading{padding:18px 22px 12px;border-bottom:1px solid var(--line)}
#growthAccount,#growthSettingsMessage{font-size:12.5px;color:var(--text-2)}
.growth-settings-body details{border:1px solid var(--line);border-radius:var(--r);padding:2px 14px}
.growth-settings-body details[open]{padding-bottom:14px}

/* Posting review */
.st-review-dialog{width:min(980px,calc(100vw - 32px));max-width:none}
.st-review-dialog form{padding:20px 22px}
.st-dialog-head{margin-bottom:14px}
.st-dialog-head h2{font-size:19px;margin-top:2px}

/* Connections dialog */
.ws-connections-dialog{width:min(820px,calc(100vw - 32px));max-width:none}
.ws-connections-dialog>header{display:flex;justify-content:space-between;gap:14px;padding:20px 22px 14px;border-bottom:1px solid var(--line)}
.ws-connections-dialog>header h2{font-size:19px;margin:2px 0}
.ws-connections-dialog>header p{font-size:13px;color:var(--text-2)}
.ws-connections-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 22px}
.ws-connection-card{flex-direction:column}
.ws-connection-card>div{width:100%}
.ws-connection-card button{margin-top:8px}
.ws-connections-dialog>footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 22px 20px;border-top:1px solid var(--line)}
#wsConnectionsMessage{margin-right:auto;font-size:12.5px;color:var(--text-2)}
.ws-legacy-errors{font-size:12px;color:var(--text-3);padding:8px 12px;border-radius:var(--r-sm);background:var(--bg-sunken)}

/* Generic overlay sheets */
.issue-composer,.image-editor,.download-center{
  position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:20px;background:rgba(10,10,20,.45);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:av-fade-up .18s var(--ease-out)
}
.issue-composer-sheet,.image-editor-card,.download-sheet{
  width:min(560px,100%);max-height:calc(100dvh - 40px);overflow:auto;display:flex;flex-direction:column;gap:14px;padding:22px;
  background:var(--bg-elev);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);animation:av-pop .22s var(--ease-out)
}
.image-editor-card{width:min(860px,100%)}
.download-sheet{width:min(820px,100%)}
.issue-composer-head h2,.image-editor-head h2,.download-sheet-head h2{font-size:18px;margin-top:2px}
#issueComposerSku,#downloadCenterMeta{font-size:12.5px;color:var(--text-3)}
.issue-message-input{min-height:120px}
.issue-composer-actions,.image-editor-actions,.download-sheet-foot{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.canvas-wrap{position:relative;display:grid;place-items:center;border-radius:var(--r-lg);background:var(--bg-sunken);overflow:hidden;min-height:300px}
.canvas-wrap canvas{max-width:100%;max-height:60dvh;touch-action:none}
.canvas-wrap span{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:12px;padding:4px 10px;border-radius:var(--r-pill);background:var(--bg-glass);color:var(--text-2)}
.image-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.download-bulk-hint{font-size:12.5px;color:var(--text-3)}
.download-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.download-tile{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--bg-elev)}
.download-tile img,.download-tile .download-skeleton{aspect-ratio:4/5;width:100%;object-fit:cover;border-radius:0}
.download-tile>div{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;font-size:12px}
.download-single{min-height:28px;padding:0 10px;font-size:12px;box-shadow:none}
body.modal-open{overflow:hidden}

/* Toast */
.toast{
  position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:120;max-width:min(560px,calc(100vw - 32px));
  padding:12px 18px;border-radius:14px;background:var(--text);color:var(--bg-elev);font-size:13.5px;font-weight:550;box-shadow:var(--shadow-lg);
  animation:av-pop .2s var(--ease-out)
}
body.mobile-ui .toast{bottom:calc(var(--bottomnav-h) + var(--safe-b) + 14px)}
/* ---- 08-sales.css ---- */
/* =====================================================================
   UMSATZ & GEWINN · sales analysis
   Chart series colors are validated (CVD + contrast) for both themes:
   light #5b5bd6 / #16a372 on #ffffff · dark #7476f2 / #199e70 on #141419.
   ===================================================================== */
:root{--series-1:#5b5bd6;--series-2:#16a372;--chart-grid:#ececf0;--chart-axis:#cfcfd8}
:root[data-theme="dark"]{--series-1:#7476f2;--series-2:#199e70;--chart-grid:#23232b;--chart-axis:#3a3a46}

.sales-head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sales-import{cursor:pointer}
.sales-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sales-periods{display:flex;gap:6px;flex-wrap:wrap}
.sales-filters select{width:auto;min-width:150px;min-height:34px;padding-top:5px;padding-bottom:5px;font-size:13px;border-radius:var(--r-pill)}
.sales-content{display:flex;flex-direction:column;gap:16px;transition:opacity var(--dur) var(--ease)}
.sales-content.is-loading{opacity:.55}
.sales-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.sales-kpis .av-kpi>b{font-size:24px;font-variant-numeric:normal}
.sales-delta{font-style:normal;font-size:11.5px;font-weight:650;align-self:flex-start;padding:2px 8px;border-radius:var(--r-pill)}
.sales-delta.up{background:var(--success-soft);color:var(--success-text)}
.sales-delta.down{background:var(--danger-soft);color:var(--danger-text)}

.sales-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:48px 24px;border-radius:var(--r-xl);
  border:2px dashed var(--line-strong);background:var(--bg-elev);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.sales-empty.drag-active{border-color:var(--accent);background:var(--accent-soft)}
.sales-empty-art{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:var(--accent-soft);color:var(--accent)}
.sales-empty-art svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sales-empty h2{font-size:21px}
.sales-empty p{max-width:60ch;color:var(--text-2)}
.sales-empty small{color:var(--text-3)}

.sales-chart-card{display:flex;flex-direction:column;gap:12px}
.sales-legend{display:flex;gap:14px;font-size:12.5px;color:var(--text-2)}
.sales-legend span{display:inline-flex;align-items:center;gap:6px}
.sales-legend i,.sales-tip i{display:inline-block;width:10px;height:10px;border-radius:3px}
.sales-legend i.s1,.sales-tip i.s1{background:var(--series-1)}
.sales-legend i.s2,.sales-tip i.s2{background:var(--series-2)}
.sales-chart-wrap{position:relative}
.sales-chart{width:100%;min-height:260px}
.sales-svg{width:100%;height:auto;display:block;overflow:visible}
.sales-svg .grid{stroke:var(--chart-grid);stroke-width:1}
.sales-svg .axis{stroke:var(--chart-axis);stroke-width:1}
.sales-svg .tick{fill:var(--text-3);font-size:11px;font-family:var(--font);font-variant-numeric:tabular-nums}
.sales-svg .s1{fill:var(--series-1)}
.sales-svg .s2{fill:var(--series-2)}
.sales-svg .hit{fill:transparent}
.sales-svg .col{outline:none;cursor:default}
.sales-svg .col.on .hit,.sales-svg .col:focus-visible .hit{fill:var(--bg-hover)}
.sales-svg .col.on path{filter:brightness(1.08)}
.sales-tip{position:absolute;z-index:3;min-width:160px;padding:10px 12px;border-radius:var(--r);background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-md);pointer-events:none;display:flex;flex-direction:column;gap:4px;font-size:12.5px}
.sales-tip>b{font-size:12px;color:var(--text-2);font-weight:650}
.sales-tip .tip-row{display:flex;align-items:center;gap:8px}
.sales-tip .tip-row i{width:12px;height:3px;border-radius:2px}
.sales-tip strong{font-size:14px;color:var(--text);font-variant-numeric:tabular-nums}
.sales-tip span{color:var(--text-3)}
.sales-tip small{color:var(--text-3)}

.sales-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sales-grid .av-card{display:flex;flex-direction:column;gap:12px}
.sales-bars{display:flex;flex-direction:column;gap:12px}
.sales-bar-row{display:flex;flex-direction:column;gap:5px}
.sales-bar-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}
.sales-bar-name{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.sales-bar-name .platform-mark{width:20px;height:20px;border-radius:6px}
.sales-bar-name .platform-mark svg{width:11px;height:11px}
.sales-bar-head b{font-variant-numeric:tabular-nums;white-space:nowrap}
.sales-bar-track{height:8px;border-radius:var(--r-pill);background:var(--bg-sunken);overflow:hidden}
.sales-bar-track i{display:block;height:100%;border-radius:var(--r-pill);background:var(--series-1)}
.sales-bar-track i.neg{background:var(--danger)}
.sales-bar-row small{font-size:11.5px;color:var(--text-3)}
.sales-none{font-size:13px;color:var(--text-3)}

.sales-table-card{display:flex;flex-direction:column;gap:12px}
.sales-table-card .av-card-head{flex-wrap:wrap}
.sales-note{display:block;color:var(--text-3);font-size:12px;margin-top:2px}
.sales-search{width:min(320px,100%)}
.sales-table{overflow-x:auto;margin:0 -8px}
.sales-table table{font-size:13px}
.sales-table td.num,.sales-table th.num{text-align:right;white-space:nowrap}
.sales-table td.nowrap{white-space:nowrap;color:var(--text-2)}
.sales-title b{display:block;font-weight:600;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sales-title small{display:block;color:var(--text-3);font-size:11.5px}
.sales-meta{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-2)}
.sales-meta .btn{align-self:flex-start}

@media (max-width:1280px){.sales-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
  .sales-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sales-grid{grid-template-columns:1fr}
  .sales-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px}
  .sales-filters::-webkit-scrollbar{display:none}
  .sales-periods{flex-wrap:nowrap}
  .sales-filters select{flex:0 0 auto}
  .sales-table .hide-sm{display:none}
  .sales-title b{max-width:52vw}
  .sales-head-actions{width:100%}
  .sales-head-actions>*{flex:1}
}
/* ---- 09-responsive.css ---- */
/* =====================================================================
   RESPONSIVE · laptop → tablet → phone
   ===================================================================== */
@media (max-width:1380px){
  .st-listing-workbench{grid-template-columns:260px minmax(0,1fr)}
  .ws-reference{display:none}
  .chloe-layout{grid-template-columns:minmax(0,1fr) 310px}
}
@media (max-width:1180px){
  :root{--gutter:22px;--sidebar-w:228px}
  .inv32-platform-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hud-ledger-head{display:none}
  .inv32-row,.hud-article-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;grid-template-areas:"id detail actions" "status status status"}
  .inv32-identity,.hud-article-identity{grid-area:id}
  .inv32-statuses,.hud-article-platforms{grid-area:status}
  .inv32-detail,.hud-article-state{grid-area:detail}
  .inv32-actions,.hud-article-actions{grid-area:actions}
  .item-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main actions" "status status" "meta meta"}
  .item-main{grid-area:main}.status-row{grid-area:status}.item-meta{grid-area:meta}.item-actions,.item-readonly{grid-area:actions}
  .hud-operations-lower,.st-insights-grid,.growth-control-grid{grid-template-columns:1fr}
  .system-grid{grid-template-columns:1fr}
  body.studio-docked .app-main{padding-right:var(--gutter)}
  body.studio-docked .st-listing-workbench{grid-template-columns:240px minmax(0,1fr)}
  .st-assistant{width:340px}
}
@media (max-width:1000px){
  .chloe-layout{grid-template-columns:1fr}
  .jr-side{position:static;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .chloe-chat{max-height:none;height:min(72dvh,720px)}
  .hud-pipeline{grid-template-columns:1fr}
  .external-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-calendar{grid-template-columns:repeat(7,minmax(110px,1fr));overflow-x:auto}
}

/* ---------- Phone & small tablet layouts ---------- */
@media (max-width:900px){
  .screen{gap:16px}
  .page-head h1,.st-page-heading h1,.hud-screen-heading h1,.hud-operations-head h1,.jarvis-head h1,.av-page-head h1{font-size:24px}
  .page-head p,.st-page-heading p,.hud-screen-heading p{font-size:13.5px}
  .st-page-heading>.st-button,.page-head>.btn,.inventory-head>.btn{min-height:36px;font-size:12.5px}
  .hud-operational-kpis,.ai-summary-grid,.issue-summary-grid,.activity-summary-grid,.st-insights-kpis,.growth-kpis,.av-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hud-operational-kpis>div,.ai-summary-grid>article,.issue-summary-grid>article,.activity-summary-grid>article,.st-insights-kpis>article,.growth-kpis>article,.av-kpi{padding:13px 14px}
  .hud-operational-kpis b,.st-insights-kpis b,.growth-kpis b,.ai-summary-grid strong,.issue-summary-grid strong,.activity-summary-grid strong,.av-kpi>b{font-size:21px}
  .section-card,.system-card,.st-analytics-panel,.st-recommendation-panel,.external-form,.av-card{padding:16px}

  /* Listing Studio: separate product list and editor */
  .st-workflow{display:none}
  .av-listing-mobile{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-xs);position:sticky;top:calc(58px + var(--safe-t) + 8px);z-index:20}
  .av-mobile-selection{display:flex;flex-direction:column;min-width:0}
  .av-mobile-selection span{font-size:10.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
  .av-mobile-selection b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .av-pane-controls{display:flex;width:100%}
  .av-pane-controls button{min-height:36px}
  .av-pane-controls span{font-size:11px;opacity:.7;margin-left:3px}
  .st-listing-workbench{grid-template-columns:1fr!important;gap:12px}
  .st-product-panel{position:static;max-height:none}
  .st-product-list{max-height:none;overflow:visible;margin:0;padding:0}
  .st-product-item{background:var(--bg-sunken);border-color:var(--line);padding:10px}
  body[data-listing-pane="products"] .st-editor-panel{display:none}
  body[data-listing-pane="editor"] .st-product-panel{display:none}
  .st-editor-panel{padding:16px}
  .st-editor-footer{flex-wrap:nowrap;position:sticky;bottom:calc(var(--bottomnav-h) + var(--safe-b) + 8px);z-index:5;margin:0 -8px;padding:10px 8px;background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--r-lg)}
  .st-review-strip{flex-direction:column;align-items:flex-start}

  /* Posting */
  .st-post-summary>div{border-right:0;padding:6px 8px}
  #postingToggle{margin-left:0;width:100%;justify-content:center}
  #postingScheduleForm{grid-template-columns:1fr 1fr}
  #postingScheduleForm .st-button{grid-column:1/-1}
  .st-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .st-review-columns{grid-template-columns:1fr}
  .st-pin-preview img{max-height:340px;object-fit:cover}

  /* Chloe */
  .chloe-hero{align-items:center}
  .chloe-hero p,.chloe-hero .jr-kicker{display:none}
  .chloe-avatar{width:48px;height:48px;border-radius:16px}
  .chloe-avatar .chloe-orb{--size:34px}
  .chloe-hero h1{font-size:24px;margin:0}
  .jarvis-head-actions .jarvis-pill,#jarvisFullscreen{display:none}
  .jarvis-head-actions{flex-wrap:nowrap}
  .jarvis-head-actions .jarvis-secondary{min-height:34px;padding:0 11px;font-size:12px}
  .av-chloe-mobile{display:flex;width:100%}
  .jr-briefing{flex-wrap:wrap;padding:14px}
  .jr-briefing-actions{width:100%;justify-content:flex-start}
  .jr-side{grid-template-columns:1fr}
  body[data-chloe-pane="chat"] .jr-side,body[data-chloe-pane="chat"] .jr-briefing{display:none}
  body[data-chloe-pane="tasks"] .chloe-chat,body[data-chloe-pane="tasks"] .jr-voice,body[data-chloe-pane="tasks"] .jarvis-desktop-panel{display:none}
  body[data-chloe-pane="voice"] .chloe-chat,body[data-chloe-pane="voice"] .jr-briefing,body[data-chloe-pane="voice"] .jr-tasks,
  body[data-chloe-pane="voice"] .jr-overview,body[data-chloe-pane="voice"] .jr-context,body[data-chloe-pane="voice"] .jarvis-operation-panel{display:none}
  .chloe-chat{
    height:calc(var(--av-viewport,100dvh) - 58px - var(--safe-t) - var(--bottomnav-h) - var(--safe-b) - 170px);
    min-height:360px;border-radius:var(--r-lg)
  }
  body.av-keyboard-open .chloe-chat{height:calc(var(--av-viewport,100dvh) - 58px - var(--safe-t) - 120px);min-height:240px}
  .jarvis-messages{padding:16px 14px 8px}
  .jarvis-message,.st-chat-message{max-width:92%}
  .chloe-composer{padding:8px 10px 10px}
  .jarvis-orb{width:84px;height:84px}

  /* Floating Chloe → full-width sheet */
  .chloe-panel.jarvis-companion,.chloe-panel.st-assistant{
    left:8px;right:8px;top:auto;bottom:calc(var(--bottomnav-h) + var(--safe-b) + 8px);width:auto;max-height:calc(var(--av-viewport,100dvh) - 58px - var(--safe-t) - var(--bottomnav-h) - var(--safe-b) - 24px)
  }
  body.av-keyboard-open .chloe-panel.jarvis-companion,body.av-keyboard-open .chloe-panel.st-assistant{bottom:8px;max-height:calc(var(--av-viewport,100dvh) - 70px)}
  .jarvis-companion-toggle{right:14px;bottom:calc(var(--bottomnav-h) + var(--safe-b) + 14px);min-height:48px;padding:0 14px 0 8px}
  .jarvis-companion-toggle small{display:none}
  body.mobile-ui #jarvisCompanionToggle,body.mobile-ui #studioAssistantOpen{display:none!important}
  .jr-popup{left:8px;right:8px;width:auto;bottom:calc(var(--bottomnav-h) + var(--safe-b) + 10px)}

  /* Home */
  .hud-screen-heading>div:last-child{width:100%;justify-content:space-between}
  .hud-platform-performance{grid-template-columns:1fr;justify-items:center}
  #salesPlatformLegend{width:100%}
  .today-agenda{grid-template-columns:repeat(3,minmax(0,1fr))}
  .team-cockpit-grid{grid-template-columns:1fr}

  /* Inventory */
  .inv32-platform-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .inv32-platform-card{padding:12px;gap:8px}
  .inv32-platform-card footer{display:none}
  .inv32-platform-stat{padding:6px 8px}
  .inv32-platform-stat b{font-size:16px}
  .inventory-section{padding:12px}
  .inventory-tools{width:100%}
  .inventory-tools .inv32-search{flex:1;width:auto;min-width:0}
  .inventory-tools select{flex:0 0 auto;min-width:0;width:130px}
  .inv32-stage-filters,.sold-workflow-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-2px;margin-right:-2px;padding:0 2px 2px}
  .inv32-stage-filters::-webkit-scrollbar,.sold-workflow-filters::-webkit-scrollbar{display:none}
  .inv32-row,.hud-article-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"id" "status" "detail" "actions";gap:10px;padding:12px}
  .inv32-actions,.hud-article-actions{justify-content:stretch}
  .inv32-actions .btn,.hud-article-actions>*{flex:1}
  .item-card{grid-template-columns:1fr;grid-template-areas:"main" "status" "meta" "actions"}
  .item-actions{justify-content:stretch}
  .item-actions .btn{flex:1}

  /* Editor */
  .editor-title{align-items:flex-start}
  .editor-top-actions{width:100%}
  .editor-top-actions .btn{flex:1}
  .editor-panel{padding:14px}
  .platform-form-grid,.shipping-workspace,.shipping-form-grid,.finance-form-grid,.sale-fields{grid-template-columns:1fr}
  .finance-result-grid{grid-template-columns:repeat(2,1fr)}
  .editor-actions{position:sticky;bottom:calc(var(--bottomnav-h) + var(--safe-b));z-index:6;padding:10px 14px;background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .editor-actions .btn{flex:1}
  .photo-studio-grid,.upload-preview,.review-photos,.sku-step-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .listing-sync-bar{margin:12px 14px 0;flex-wrap:wrap}
  .listing-sync-bar .listing-sync-controls{width:100%;justify-content:flex-start}
  .listing-sync-controls #listingPushAll{width:100%}

  /* Queue / AI / Issues */
  .queue-list{grid-template-columns:1fr}
  .queue-folder-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .queue-folder-bar::-webkit-scrollbar{display:none}
  .queue-folder-bar button{flex:0 0 auto}
  .queue-plan-editor{grid-template-columns:1fr 1fr}
  .ai-item{grid-template-columns:auto 44px minmax(0,1fr);grid-template-areas:"check thumb main" "actions actions actions"}
  .ai-check{grid-area:check}.ai-thumb{grid-area:thumb;width:44px;height:56px}.ai-item-main{grid-area:main}.ai-item-actions{grid-area:actions;justify-content:stretch}
  .ai-item-actions .btn{flex:1}
  .issue-card-top{flex-direction:column}

  /* Upload */
  .uploader-status{grid-template-columns:1fr;padding:16px}
  .upload-card{padding:16px;border-radius:var(--r-lg)}
  .stepper .wizard-step span{display:none}
  .sticky-actions{position:fixed;left:0;right:0;bottom:0;border-radius:18px 18px 0 0;padding:10px 14px calc(10px + var(--safe-b));border-bottom:0;z-index:30}
  .sticky-actions .btn{flex:1}
  .sticky-actions .btn.xl{max-width:none}
  .wizard-page{padding-bottom:84px}

  /* System / external / activity */
  .system-kpis,.health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .external-grid{grid-template-columns:1fr}
  .activity-row{grid-template-columns:32px minmax(0,1fr);grid-template-areas:"icon main" "icon time"}
  .activity-event-icon{grid-area:icon;width:30px;height:30px}
  .activity-event-main{grid-area:main}
  .activity-row time{grid-area:time;font-size:11px}

  /* Dialogs become bottom sheets */
  dialog{width:100%!important;max-width:100%!important;margin:auto 0 0;border-radius:24px 24px 0 0;max-height:92dvh;border-bottom:0}
  dialog[open]{animation:av-sheet .28s var(--ease-out)}
  .issue-composer,.image-editor,.download-center{place-items:end stretch;padding:0}
  .issue-composer-sheet,.image-editor-card,.download-sheet{width:100%;border-radius:24px 24px 0 0;max-height:92dvh;padding:18px 16px calc(18px + var(--safe-b));animation:av-sheet .28s var(--ease-out)}
  .ws-connections-cards{grid-template-columns:1fr;padding:14px 16px}
  .hud-agent-settings,.voice-settings-grid,.hud-hermes-fields{grid-template-columns:1fr}
  #hudSettingsContent,.growth-settings-body{padding:14px 16px calc(20px + var(--safe-b))}
  .st-review-dialog form{padding:16px}
  .st-dialog-footer{position:sticky;bottom:0;background:var(--bg-elev);margin:16px -16px -16px;padding:12px 16px calc(12px + var(--safe-b))}
  .st-dialog-footer .st-button{flex:1}
}
@keyframes av-sheet{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}

@media (max-width:520px){
  .login-screen{padding:0;place-items:stretch}
  .login-shell{grid-template-columns:1fr;border-radius:0;border:0;min-height:100dvh;box-shadow:none}
  .login-brand-panel{display:none}
  .login-form-panel{padding:calc(28px + var(--safe-t)) 22px calc(28px + var(--safe-b));align-content:center}
  .login-mobile-logo{display:flex;justify-content:center;margin-bottom:8px}
  .login-mobile-logo img{height:56px;width:auto}
  .login-copy{text-align:center}
  .st-post-grid{grid-template-columns:1fr 1fr}
  .st-post-card-body{padding:10px}
  .st-post-card-body h3{font-size:13px}
  .today-agenda{grid-template-columns:1fr}
  .profit-strip{grid-template-columns:1fr 1fr 1fr}
  .profit-strip strong{font-size:14px}
  .week-bars{gap:4px;height:150px}
  .system-kpis,.health-grid{grid-template-columns:1fr 1fr}
  .queue-meta-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:420px){
  .mobile-drawer-nav>button small,.mobile-drawer-subnav>button small{display:none}
  .mobile-drawer-nav>button,.mobile-drawer-subnav>button{min-height:52px;padding:8px 10px}
}

/* Physical phones always hide desktop-only bits */
html.physical-mobile .login-brand-panel{display:none}
html.physical-mobile .login-shell{grid-template-columns:1fr}
html.physical-mobile .login-mobile-logo{display:flex;justify-content:center}
html.physical-mobile .login-mobile-logo img{height:56px;width:auto}

@media (max-width:900px){
  .st-editor-footer .st-button{flex:1 1 0;min-width:0;min-height:40px;font-size:12.5px;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ws-editor-label{flex-wrap:wrap;row-gap:2px}
  body:not([data-agent-task-state="running"]) .chloe-chat .jr-execution{display:none}
}
@media (max-width:900px){
  .inv32-platform-open{display:none}
  .inv32-platform-brand strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* ---------------------------------------------------------------- 20.10.: Handy-Feinschliff (Iwans iPhone-Screenshots)
   Nichts darf die Seite breiter als den Bildschirm machen – sonst zoomt das iPhone heraus und alles wirkt gequetscht. */
html,body{overflow-x:clip}
.ap-card,.ap-list>*{min-width:0;max-width:100%}
.inv32-empty{display:flex;flex-direction:column;align-items:center;gap:8px}
.inv32-empty strong{color:var(--text);font-size:14px}
#screenInventory.is-sold-view #inventoryPlatformOverview,#screenInventory.is-sold-view .inv32-source-note,#screenInventory.is-sold-view [data-screen="external"]{display:none}
.shop-slot-empty{display:grid;gap:8px;margin:0 0 14px;padding:14px;border-radius:var(--r-lg);border:1px dashed var(--line-strong);background:var(--bg-sunken)}
.shop-slot-empty span{font-size:13px;color:var(--text-2)}
.shop-slot-actions{display:flex;flex-wrap:wrap;gap:8px}
.shop-slot-link{justify-self:start;margin:0 0 12px}
.shop-slot-fields{display:grid}
@media (max-width:900px){
  /* Plattform-Karten: wischbare Reihe statt fünf gequetschter Spalten */
  .inv32-platform-overview,.inv32-platform-overview.has-shop{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:2px 2px 8px;scrollbar-width:none}
  .inv32-platform-overview::-webkit-scrollbar{display:none}
  .inv32-platform-overview>.inv32-platform-card{flex:0 0 176px;min-width:0;scroll-snap-align:start}
  .inv32-platform-card .inv32-platform-open{display:none}
  .inv32-platform-brand strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .inv32-platform-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inv32-platform-stat{min-width:0}
  .inv32-platform-stat span{line-height:1.25}
  /* Suche über die ganze Breite, darunter Plattform-Zurück und Artikeltyp */
  .inventory-tools{flex-wrap:wrap}
  .inventory-tools .inv32-search{flex:1 1 100%;order:-1}
  .inventory-tools .btn,.inventory-tools select{flex:1 1 0;width:auto;min-width:0}
  /* Artikel: Speichern sitzt unten in der festen Leiste – oben nur Nachbesserung und Löschen */
  #saveEditorTop{display:none}
  .editor-top-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .editor-top-actions .btn{white-space:nowrap;min-width:0}
  .editor-actions{background:var(--bg-elev);border-top:1px solid var(--line-strong);box-shadow:0 -8px 22px rgba(0,0,0,.28)}
  #tab-Shopify .platform-heading{flex-wrap:wrap;gap:8px}
}
/* ---- 10-business.css ---- */
/* =====================================================================
   EINKAUF · BUCHHALTUNG · CHLOE-ZENTRALE
   ===================================================================== */
:root{--dept-fuchsia:#c043c9;--dept-coral:#e8603f;--dept-indigo:#4f5bd5;--dept-amber:#e79a12;--dept-violet:#7b6cf6;--dept-teal:#0fa5a0;--dept-blue:#3b82f6;--dept-rose:#e2557f;--dept-green:#22a565}
:root[data-theme="dark"]{--dept-fuchsia:#e276ea;--dept-coral:#ff8a6b;--dept-indigo:#8c95ff;--dept-amber:#f5b03a;--dept-violet:#958af9;--dept-teal:#2cc5bf;--dept-blue:#5b9bff;--dept-rose:#f0729a;--dept-green:#3dc47e}

.av-head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.av-head-actions select{width:auto;min-width:110px;min-height:38px}
.av-tabs{align-self:flex-start;max-width:100%;overflow-x:auto;scrollbar-width:none}
.av-tabs::-webkit-scrollbar{display:none}
.av-tabs button{min-height:36px;padding:0 18px;flex:0 0 auto;white-space:nowrap}
@media (max-width:520px){.av-tabs{align-self:stretch}.av-tabs button{flex:1 0 auto;padding:0 12px}}
.av-empty-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:28px;border-radius:var(--r-xl);border:1px dashed var(--line-strong);background:var(--bg-elev);color:var(--text-2);font-size:13.5px}
.av-empty-card h2{font-size:19px;color:var(--text)}
.av-empty-card p{max-width:72ch}
.av-kpi.tone-warn{border-color:color-mix(in srgb,var(--warning) 45%,var(--line))}
.av-kpi.tone-warn>b{color:var(--warning-text)}
.av-kpi.tone-good>b{color:var(--success-text)}
.av-kpi.tone-bad>b{color:var(--danger-text)}
.is-loading .purch-orders,.is-loading .av-kpis,.is-loading .acc-chart-card{opacity:.55;transition:opacity var(--dur) var(--ease)}

/* ---------- Einkauf ---------- */
.purch-orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px;align-items:start}
.purch-order{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-sm);scroll-margin-top:calc(var(--topbar-h) + 16px)}
.purch-order.open{grid-column:1/-1;border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.purch-order[data-status="storniert"]{opacity:.6}
.purch-order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.purch-order-title small{font-size:11.5px;color:var(--text-3);font-family:var(--mono)}
.purch-order-title h3{font-size:16px;margin-top:2px}
.purch-status.bestellt{background:var(--info-soft);color:var(--info-text);border-color:transparent}
.purch-status.unterwegs{background:var(--accent-soft);color:var(--accent-text);border-color:transparent}
.purch-status.angekommen{background:var(--warning-soft);color:var(--warning-text);border-color:transparent}
.purch-status.geprüft{background:var(--success-soft);color:var(--success-text);border-color:transparent}
.purch-progress{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text-2)}
.purch-progress .av-progress>i{background:linear-gradient(90deg,var(--accent),var(--success))}
.purch-order-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}
.purch-stat{display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:var(--r-sm);background:var(--bg-sunken)}
.purch-stat span{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-weight:650}
.purch-stat b{font-size:13.5px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.purch-lines-preview{display:flex;flex-direction:column;gap:4px}
.purch-line-chip{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:6px 0;border-top:1px solid var(--line)}
.purch-line-chip b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.purch-line-chip span{color:var(--text-3);text-align:right;font-family:var(--mono);font-size:11.5px}
@media (max-width:640px){.purch-line-chip{flex-direction:column;gap:4px}.purch-line-chip b{white-space:normal}.purch-line-chip span{text-align:left}}
.purch-actions{display:flex;gap:6px;flex-wrap:wrap}
.purch-detail{display:flex;flex-direction:column;gap:14px;padding-top:12px;border-top:1px solid var(--line)}
.purch-quality{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:var(--r);background:var(--warning-soft);font-size:13px}
.purch-quality b{color:var(--warning-text);letter-spacing:2px}
.purch-line-detail h4{font-size:13.5px;margin-bottom:6px}
.purch-supplier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px}
.purch-supplier{display:flex;flex-direction:column;gap:12px}
.purch-supplier h3{font-size:16px}
.purch-supplier small{color:var(--text-3)}

/* Bestell-Dialog */
.purch-dialog{width:min(980px,calc(100vw - 32px));max-width:none}
.purch-dialog.small{width:min(620px,calc(100vw - 32px))}
.purch-form{display:flex;flex-direction:column;gap:14px;padding:20px 22px}
.purch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;align-items:end}
.purch-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.purch-grid .wide{grid-column:1/-1}
.purch-paid{padding-bottom:10px}
.purch-lines-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:8px;border-top:1px solid var(--line)}
.purch-lines-head b{display:block;font-size:14px}
.purch-lines-head small{color:var(--text-3)}
.purch-lines{display:flex;flex-direction:column;gap:12px}
.purch-line{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--r-lg);background:var(--bg-sunken);border:1px solid var(--line)}
.purch-line-top{display:flex;justify-content:space-between;align-items:center}
.purch-line-top b{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}
.purch-sizes-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;font-weight:600;color:var(--text-2)}
.purch-presets{display:flex;gap:6px;flex-wrap:wrap}
.purch-presets .av-chip{min-height:28px;font-size:11.5px;background:var(--bg-elev)}
.purch-variants{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.purch-variant{display:grid;grid-template-columns:minmax(84px,1fr) 76px 28px;gap:6px;align-items:center}
.purch-variant input{min-height:36px}
.purch-add-size{align-self:flex-start}
.purch-total{display:flex;gap:14px;flex-wrap:wrap;align-items:baseline;padding:12px 14px;border-radius:var(--r);background:var(--accent-soft);color:var(--accent-text);font-size:13px}
.purch-total b{font-size:15px;color:var(--text)}
.purch-total small{color:var(--text-2);width:100%}
.purch-stars{display:flex;gap:4px}
.purch-stars label{cursor:pointer}
.purch-stars input{position:absolute;opacity:0;width:1px;height:1px}
.purch-stars span{font-size:34px;line-height:1;color:var(--line-strong);transition:color var(--dur) var(--ease)}
.purch-stars:has(label:nth-child(1) input:checked) label:nth-child(-n+1) span,
.purch-stars:has(label:nth-child(2) input:checked) label:nth-child(-n+2) span,
.purch-stars:has(label:nth-child(3) input:checked) label:nth-child(-n+3) span,
.purch-stars:has(label:nth-child(4) input:checked) label:nth-child(-n+4) span,
.purch-stars:has(label:nth-child(5) input:checked) label:nth-child(-n+5) span{color:var(--warning)}
.purch-stars input:focus-visible+span{outline:2px solid var(--accent);border-radius:4px}

/* Editor: product facts & purchase link */
.editor-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.editor-purchase{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:var(--r);background:var(--accent-soft);font-size:13px;color:var(--text-2)}
.editor-purchase>span:first-child{font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}
.editor-purchase .btn{margin-left:auto}

/* ---------- Buchhaltung ---------- */
.acc-chart-card{display:flex;flex-direction:column;gap:12px}
.acc-months table{font-size:13px}
.acc-months td.num,.acc-months th.num{text-align:right}
.acc-sources{display:flex;flex-direction:column;gap:6px}
.acc-source{display:flex;justify-content:space-between;padding:8px 12px;border-radius:var(--r-sm);background:var(--bg-sunken);font-size:13px}
.acc-settings{display:flex;flex-direction:column;gap:12px}
.acc-fill{background:var(--series-2)!important}
.acc-expense{color:var(--text-2)}
.accounting-screen .sales-table td.num{white-space:nowrap}

/* ---------- Chloe-Zentrale ---------- */
.agents-head h1{font-size:32px}
.agents-autopilot{padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-elev)}
.agents-autopilot b{font-size:13px;font-weight:620}
.agents-orbit{
  position:relative;display:grid;place-items:center;min-height:560px;padding:28px;border-radius:28px;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(420px 260px at 50% 50%,rgba(116,118,242,.20),transparent 70%),
    radial-gradient(900px 500px at 50% 120%,rgba(236,143,174,.10),transparent 60%),
    linear-gradient(180deg,#14131f,#0c0c13);
  border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow-lg);color:#eef0ff
}
.agents-orbit::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;
  mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 75%)}
.agents-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.agents-link{fill:none;stroke:rgba(140,150,255,.35);stroke-width:1.4;stroke-dasharray:4 6;animation:av-flow 14s linear infinite}
.agents-link.active{stroke:rgba(180,186,255,.9);stroke-width:2}
@keyframes av-flow{to{stroke-dashoffset:-200}}
.agents-hub{position:relative;z-index:2;grid-area:1/1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px;text-align:center}
.agents-hub .chloe-orb{--size:120px;box-shadow:0 0 60px rgba(123,108,246,.55),inset 0 -6px 18px rgba(50,20,110,.4)}
.agents-hub b{font-family:var(--font-display);font-size:20px;margin-top:8px;color:#fff}
.agents-hub small{font-size:12.5px;color:rgba(238,240,255,.7)}
.agents-ring{position:absolute;left:50%;top:78px;border-radius:50%;border:2px solid rgba(120,140,255,.55);transform:translate(-50%,-50%) rotateX(66deg);pointer-events:none;box-shadow:0 0 22px rgba(110,130,255,.45)}
.agents-ring.r1{width:250px;height:250px;animation:av-ring 6s linear infinite}
.agents-ring.r2{width:170px;height:170px;border-color:rgba(160,170,255,.45)}
@keyframes av-ring{to{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(360deg)}}
.agents-running .chloe-orb{animation:av-orb-spin 1.6s linear infinite}
.agents-rooms{position:absolute;inset:28px;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto 1fr auto;gap:18px;pointer-events:none}
.agents-room{
  --tone:var(--dept-violet);pointer-events:auto;position:relative;align-self:start;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 12px;
  padding:14px 16px;border-radius:18px;text-align:left;color:#eef0ff;
  background:linear-gradient(160deg,color-mix(in srgb,var(--tone) 22%,rgba(22,22,34,.92)),rgba(18,18,28,.92));
  border:1px solid color-mix(in srgb,var(--tone) 55%,transparent);box-shadow:0 0 0 1px rgba(255,255,255,.02),0 12px 30px rgba(0,0,0,.35),0 0 28px color-mix(in srgb,var(--tone) 25%,transparent);
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)
}
.agents-room:hover{transform:translateY(-3px)}
.agents-room.active{box-shadow:0 0 0 2px var(--tone),0 14px 34px rgba(0,0,0,.4),0 0 40px color-mix(in srgb,var(--tone) 45%,transparent)}
.agents-room:nth-child(1){grid-column:1;grid-row:1}
.agents-room:nth-child(2){grid-column:2;grid-row:1}
.agents-room:nth-child(3){grid-column:3;grid-row:1}
.agents-room:nth-child(4){grid-column:1;grid-row:3;align-self:end}
.agents-room:nth-child(5){grid-column:2;grid-row:3;align-self:end}
.agents-room:nth-child(6){grid-column:3;grid-row:3;align-self:end}
.agents-room.tone-amber{--tone:var(--dept-amber)}.agents-room.tone-violet{--tone:var(--dept-violet)}.agents-room.tone-teal{--tone:var(--dept-teal)}
.agents-room.tone-blue{--tone:var(--dept-blue)}.agents-room.tone-rose{--tone:var(--dept-rose)}.agents-room.tone-green{--tone:var(--dept-green)}
.agents-room-icon{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--tone);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--tone) 50%,transparent)}
.agents-room-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.agents-room-copy{display:flex;flex-direction:column;min-width:0}
.agents-room-copy b{font-size:14.5px;font-weight:650;line-height:1.25;overflow-wrap:break-word}
.agents-room-copy small{font-size:12px;color:rgba(238,240,255,.65)}
.agents-room-people{display:flex;gap:5px;align-items:center}
.agents-person{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18)}
.agents-person.on{background:var(--tone);box-shadow:0 0 8px var(--tone)}
.agents-person.alert{background:#ffb648;box-shadow:0 0 8px #ffb648}
.agents-badge{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;padding:0 7px;display:grid;place-items:center;border-radius:var(--r-pill);font-style:normal;font-size:12px;font-weight:700;background:#ffb648;color:#1a1300;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.agents-badge.urgent{background:#ff5d6c;color:#fff}

.agents-attention{display:flex;flex-direction:column;gap:12px}
.agents-findings{display:flex;flex-direction:column;gap:8px}
.agents-finding{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 12px;border-radius:var(--r);background:var(--bg-sunken);border:1px solid var(--line)}
.agents-finding>i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-style:normal;font-weight:800;font-size:12px;background:var(--accent-soft);color:var(--accent-text)}
.agents-finding.sev-urgent>i{background:var(--danger);color:#fff}
.agents-finding.sev-warn>i{background:var(--warning-soft);color:var(--warning-text)}
.agents-finding.sev-good>i{background:var(--success-soft);color:var(--success-text)}
.agents-finding b{font-size:13.5px}
.agents-finding p{font-size:12.5px;color:var(--text-2);margin-top:2px}
.agents-from{display:block;font-size:10.5px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}
.agents-items{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
.agents-items .av-chip{min-height:24px;padding:0 8px;font-size:11px;font-family:var(--mono);background:var(--bg-elev)}
.agents-detail{display:flex;flex-direction:column;gap:14px;scroll-margin-top:calc(var(--topbar-h) + 16px)}
.agents-detail-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-left:14px;border-left:4px solid var(--tone,var(--accent))}
.agents-detail-head.tone-amber{--tone:var(--dept-amber)}.agents-detail-head.tone-violet{--tone:var(--dept-violet)}.agents-detail-head.tone-teal{--tone:var(--dept-teal)}
.agents-detail-head.tone-blue{--tone:var(--dept-blue)}.agents-detail-head.tone-rose{--tone:var(--dept-rose)}.agents-detail-head.tone-green{--tone:var(--dept-green)}
.agents-detail-head h2{font-size:20px}
.agents-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px}
.agents-card{display:flex;flex-direction:column;gap:10px}
.agents-card.off{opacity:.6}
.agents-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.agents-card-top h3{font-size:16px}
.agents-card-top small{font-size:12px;color:var(--text-3)}
.agents-desc{font-size:13px;color:var(--text-2)}
.agents-done{font-size:12.5px;font-weight:600;color:var(--success-text)}
.agents-card>.btn{align-self:flex-start}

@media (max-width:1180px){
  .agents-orbit{min-height:0;display:flex;flex-direction:column;gap:18px}
  .agents-rooms{position:static;inset:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:12px}
  .agents-room:nth-child(n){grid-row:auto;grid-column:auto;align-self:stretch}
}
@media (max-width:900px){
  .purch-orders,.purch-supplier-grid,.agents-cards{grid-template-columns:1fr}
  .purch-grid.two,.editor-facts{grid-template-columns:1fr}
  .purch-form{padding:16px}
  .purch-variants{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
  .purch-variant{grid-template-columns:minmax(0,1fr) 76px 28px}
  .av-head-actions{width:100%}
  .av-head-actions>.btn{flex:1}
  .agents-head h1{font-size:24px}
  .agents-orbit{min-height:0;display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:22px}
  .agents-hub .chloe-orb{--size:86px}
  .agents-ring{top:60px}.agents-ring.r1{width:180px;height:180px}.agents-ring.r2{width:124px;height:124px}
  .agents-rooms{position:static;inset:auto;grid-template-columns:1fr 1fr;gap:10px}
  .agents-room{grid-template-columns:36px minmax(0,1fr);padding:12px;gap:2px 10px}
  .agents-room-icon{width:36px;height:36px;border-radius:12px}
  .agents-room-copy b{font-size:13px;white-space:normal}
  .agents-room-people{grid-column:1/-1;margin-top:6px}
  .agents-finding{grid-template-columns:24px minmax(0,1fr)}
  .agents-finding>.btn{grid-column:2;justify-self:start}
}
.bz-stars{letter-spacing:1px;white-space:nowrap}.bz-stars .on{color:var(--warning)}.bz-stars .off{color:var(--line-strong,var(--line));}
/* Chloe-Zentrale: Content-Studio und Freigabe-Desk links/rechts neben Chloe */
@media (min-width:1181px){
  .agents-room:nth-child(7){grid-column:1;grid-row:2;align-self:center}
  .agents-room:nth-child(8){grid-column:3;grid-row:2;align-self:center}
}
.agents-room.tone-coral,.agents-detail-head.tone-coral{--tone:var(--dept-coral)}
.agents-room.tone-indigo,.agents-detail-head.tone-indigo{--tone:var(--dept-indigo)}
.agents-snooze{display:flex;gap:10px;margin-top:6px}
.agents-snooze .hud-text-button{font-size:12px}
.agents-level{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2)}
.agents-level select{width:auto;min-height:32px;padding:4px 28px 4px 10px;font-size:12.5px}
/* Chloe-Zentrale mit 10 Abteilungen: Ads-Abteilung und Webshop unter Content-Studio / Freigabe-Desk */
.agents-room.tone-fuchsia,.agents-detail-head.tone-fuchsia{--tone:var(--dept-fuchsia)}
.agents-room.tone-shopify,.agents-detail-head.tone-shopify{--tone:var(--shopify)}
@media (min-width:1181px){
  .agents-orbit:has(.agents-room:nth-child(9)){min-height:680px}
  .agents-rooms:has(.agents-room:nth-child(9)){grid-template-rows:auto 1fr 1fr auto}
  .agents-rooms:has(.agents-room:nth-child(9)) .agents-room:nth-child(4),.agents-rooms:has(.agents-room:nth-child(9)) .agents-room:nth-child(5),
  .agents-rooms:has(.agents-room:nth-child(9)) .agents-room:nth-child(6){grid-row:4}
  .agents-rooms:has(.agents-room:nth-child(9)) .agents-room:nth-child(7){grid-row:2;align-self:end}
  .agents-rooms:has(.agents-room:nth-child(9)) .agents-room:nth-child(8){grid-row:2;align-self:end}
  .agents-room:nth-child(9){grid-column:1;grid-row:3;align-self:start}
  .agents-room:nth-child(10){grid-column:3;grid-row:3;align-self:start}
}
/* ---- 11-autopilot.css ---- */
/* =====================================================================
   PRODUKT-AUTOPILOT · FREIGABEN
   ===================================================================== */
.autopilot-screen{display:flex;flex-direction:column;gap:16px}
.ap-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-elev);font-size:13px;font-weight:600;cursor:pointer}
.ap-toggle input{position:absolute;opacity:0;pointer-events:none}
.ap-toggle-ui{position:relative;width:36px;height:20px;border-radius:999px;background:var(--line-strong);transition:background .2s}
.ap-toggle-ui::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-xs);transition:transform .2s}
.ap-toggle input:checked+.ap-toggle-ui{background:var(--accent)}
.ap-toggle input:checked+.ap-toggle-ui::after{transform:translateX(16px)}
.ap-toggle input:focus-visible+.ap-toggle-ui{outline:2px solid var(--accent);outline-offset:2px}
.ap-status{display:flex;flex-direction:column;gap:8px}
.ap-status:empty{display:none}
.ap-note{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--r-lg);background:var(--bg-sunken);border:1px solid var(--line);font-size:13px;color:var(--text-2)}
.ap-note.warn{background:var(--warning-soft);border-color:transparent;color:var(--warning-text)}
.ap-path,.ap-folder code{font-family:var(--mono);font-size:12px;color:var(--text);word-break:break-all}
.ap-tab-count{font-style:normal;margin-left:6px;padding:0 7px;border-radius:999px;background:var(--bg-sunken);font-size:11px;font-weight:700}
.av-tabs button.active .ap-tab-count{background:var(--accent-soft);color:var(--accent-text)}
.ap-list{display:flex;flex-direction:column;gap:14px}
.ap-card{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:var(--r-xl);background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-xs)}
.ap-card-head small{font-family:var(--mono);font-size:11.5px;color:var(--text-3)}
.ap-card-head h3{font-size:17px;line-height:1.3;margin:2px 0 6px}
.ap-folder{display:inline-flex;max-width:100%;padding:4px 8px;border-radius:var(--r-sm);border:1px dashed var(--line-strong);background:transparent;cursor:pointer;text-align:left}
.ap-folder:hover{border-color:var(--accent);background:var(--accent-soft)}
.ap-facts{font-size:13px;color:var(--text-2)}
.ap-gallery{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.ap-thumb{position:relative;flex:0 0 auto;display:block;width:132px;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-sunken);border:1px solid var(--line)}
.ap-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ap-thumb span{position:absolute;left:6px;top:6px;padding:2px 7px;border-radius:999px;background:rgba(15,15,22,.72);color:#fff;font-size:10.5px;font-weight:600}
.ap-thumb.fit{border:2px solid var(--accent)}
.ap-fit{position:relative;display:flex;flex-direction:column;gap:4px;align-items:flex-start;cursor:pointer}
.ap-fit input{position:absolute;right:8px;top:8px;width:20px;height:20px;accent-color:var(--accent)}
.ap-fit-label{font-size:11.5px;color:var(--text-3)}
.ap-texts{display:grid;grid-template-columns:1fr;gap:10px}
.ap-texts .field{position:relative}
.ap-count{justify-self:end;font-size:11px;color:var(--text-3)}
.ap-alts summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--text-2)}
.ap-alts ol{margin:8px 0 0 18px;display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--text-2)}
.ap-prices{overflow-x:auto}
.ap-prices table{width:100%;border-collapse:collapse;font-size:13px}
.ap-prices th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);padding:6px 8px;border-bottom:1px solid var(--line)}
.ap-prices td{padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.ap-prices input{width:96px;min-height:34px}
.ap-why{color:var(--text-3);font-size:12px}
.ap-social{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--r-lg);background:var(--bg-sunken)}
.ap-social-row{display:flex;gap:8px;overflow-x:auto;align-items:center}
.ap-social .ap-thumb{width:96px;aspect-ratio:9/16}
.ap-social .ap-thumb.f45{width:112px;aspect-ratio:4/5}
.ap-thumb.fit{width:184px;aspect-ratio:4/3}
.ap-caption{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;font-size:12.5px}
.ap-caption span{font-weight:600;color:var(--text-2);white-space:nowrap}
.ap-caption p{white-space:pre-wrap;color:var(--text-2);max-height:4.5em;overflow:hidden}
.ap-options{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--text-2)}
.ap-actions{display:flex;flex-wrap:wrap;gap:8px}
.ap-row{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line)}
.ap-row-main{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.ap-row-main b{font-size:14px}
.ap-stage.review{background:var(--warning-soft);color:var(--warning-text)}
.ap-stage.done{background:var(--success-soft);color:var(--success-text)}
.ap-stage.error{background:var(--danger-soft);color:var(--danger-text)}
.ap-stage.working,.ap-stage.publishing{background:var(--accent-soft);color:var(--accent-text)}
.ap-steps{display:flex;flex-wrap:wrap;gap:6px}
.ap-step{padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--bg-sunken);color:var(--text-3);border:1px solid var(--line)}
.ap-step.done{background:var(--success-soft);color:var(--success-text);border-color:transparent}
.ap-step.done::before{content:"✓ "}
.ap-step.running{background:var(--accent-soft);color:var(--accent-text);border-color:transparent;animation:ap-pulse 1.4s ease-in-out infinite}
.ap-step.skipped{text-decoration:line-through;opacity:.7}
.ap-step.error{background:var(--danger-soft);color:var(--danger-text);border-color:transparent}
@keyframes ap-pulse{50%{opacity:.55}}
.ap-error{font-size:13px;color:var(--danger-text)}
.ap-form{display:flex;flex-direction:column;gap:14px}
.ap-form h2{font-size:16px}
.ap-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px 16px;font-size:13.5px}
.ap-checks label{display:flex;gap:8px;align-items:center}
.ap-fees{display:flex;flex-direction:column;gap:8px;font-size:13px}
.ap-fee{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ap-fee span{min-width:110px;font-weight:600}
#apFees .ap-fee input{width:84px;flex:0 0 84px;min-height:34px}
#apFees .ap-fee em{flex:1 1 220px;font-style:normal}
.ap-form-actions{display:flex;justify-content:flex-end}
@media (max-width:900px){
  .ap-card{padding:16px}
  .ap-thumb{width:112px}
  .ap-thumb.fit{width:150px}
  .ap-caption{grid-template-columns:1fr}
  .ap-actions .btn{flex:1 1 auto}
  .ap-prices input{width:80px}
}
@media (max-width:700px){
  .ap-prices .hide-sm{display:none}
  .ap-prices input{width:84px}
  .ap-prices td,.ap-prices th{padding:6px 4px}
  .ap-folder code{font-size:11px}
}

/* ---- Live: woran die Agenten gerade arbeiten ---- */
.live-panel{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:var(--r-xl);background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-xs)}
.live-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.live-head b{font-size:15px}
.live-head small{flex:1 1 100%;color:var(--text-3);font-size:12px}
.live-dot{width:10px;height:10px;border-radius:50%;background:var(--line-strong);flex:0 0 auto}
.live-dot.on{background:var(--success);box-shadow:0 0 0 0 color-mix(in srgb,var(--success) 60%,transparent);animation:live-pulse 1.6s ease-out infinite}
.live-dot.paused{background:var(--warning)}
@keyframes live-pulse{70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.live-current{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:14px;align-items:start;padding:12px;border-radius:var(--r-lg);background:var(--bg-sunken)}
.live-current>img,.live-noimg{width:88px;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);background:var(--line);display:block}
.live-current.idle{grid-template-columns:88px minmax(0,1fr);align-items:center}
.live-current.idle .live-noimg{opacity:.45}
#screenAutopilot,#screenAutopilot *{overflow-anchor:none}
.live-fits{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.live-info{display:flex;flex-direction:column;gap:6px;min-width:0}
.live-info>small{font-size:11.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}
.live-article{all:unset;cursor:pointer;font-weight:650;font-size:14.5px;line-height:1.3;overflow-wrap:anywhere}
.live-article:hover,.live-article:focus-visible{color:var(--accent-text);text-decoration:underline}
.live-step{font-size:13.5px;color:var(--text-2)}
.live-step b{color:var(--text)}
.live-fits{display:flex;gap:6px}
.live-fits img{width:72px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-sm);border:2px solid var(--accent)}
.live-queue{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}
.live-log summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--text-2)}
.live-events{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column}
.live-event{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:4px 10px;align-items:baseline;padding:6px 0;border-top:1px solid var(--line);font-size:12.5px}
.live-event time{font-family:var(--mono);font-size:11.5px;color:var(--text-3)}
.live-agent{font-weight:600;color:var(--text-2);white-space:nowrap}
.live-text{color:var(--text-2);overflow-wrap:anywhere}
.live-event.error .live-text{color:var(--danger-text)}
.live-event.review .live-text,.live-event.approve .live-text{color:var(--warning-text)}
.live-sku{all:unset;cursor:pointer;font-family:var(--mono);font-size:11.5px;color:var(--accent-text)}
.agents-room-live{display:block;margin-top:2px;font-size:11.5px;color:var(--success);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.agents-room.busy .agents-room-icon{animation:live-glow 1.8s ease-in-out infinite}
@keyframes live-glow{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--tone) 30%,transparent)}}
@media (max-width:700px){
  .live-current{grid-template-columns:64px minmax(0,1fr)}
  .live-current>img,.live-noimg{width:64px}
  .live-current>.btn{grid-column:1/-1}
  .live-event{grid-template-columns:auto minmax(0,1fr)}
  .live-agent{grid-column:2}
  .live-text{grid-column:1/-1}
}

/* ---- Handy: nichts darf die Seite breiter machen als den Bildschirm ---- */
@media (max-width:900px){
  .btn{white-space:normal;min-width:0}
  main.screen,.screen{min-width:0;max-width:100%}
  body.mobile-ui{overflow-x:clip}
}
@media (max-width:520px){
  .av-page-head>div.av-head-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  .av-page-head>div.av-head-actions>*{min-width:0}
  .av-page-head>div.av-head-actions>.btn.primary:last-child:nth-child(odd){grid-column:1/-1}
  .ap-toggle{justify-content:center}
}

/* ---- Bildbetrachter (öffnet über der App statt als eigene Seite) ---- */
.ap-thumb,.live-fit{cursor:zoom-in;padding:0;font:inherit;color:inherit}
.ap-thumb{appearance:none;-webkit-appearance:none}
.live-fit{appearance:none;border:0;background:none}
html.av-viewer-open,html.av-viewer-open body{overflow:hidden}
.av-viewer{position:fixed;inset:0;z-index:2000;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);
  background:rgba(8,8,12,.94);color:#fff;padding:calc(8px + env(safe-area-inset-top,0px)) calc(8px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(8px + env(safe-area-inset-left,0px));
  animation:av-viewer-in .16s ease-out}
.av-viewer[hidden]{display:none}
@keyframes av-viewer-in{from{opacity:0}}
.av-viewer-top{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 4px}
.av-viewer-count{font-family:var(--mono);font-size:12.5px;opacity:.75;min-width:38px}
.av-viewer-caption{flex:1;min-width:0;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.av-viewer-share{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;font:600 13px/1 var(--font);cursor:pointer}
.av-viewer-close{width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:30px;line-height:1;cursor:pointer;flex:0 0 auto}
.av-viewer-close:focus-visible,.av-viewer-share:focus-visible,.av-viewer-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}
.av-viewer-stage{grid-row:2;grid-column:2;position:relative;min-height:0;min-width:0;touch-action:pan-y}
.av-viewer-stage img,.av-viewer-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.45))}
.av-viewer-nav{grid-row:2;align-self:center;width:48px;height:72px;border:0;border-radius:14px;background:rgba(255,255,255,.1);color:#fff;font-size:40px;line-height:1;cursor:pointer}
.av-viewer-nav[hidden]{visibility:hidden;display:block}
@media (max-width:700px){
  .av-viewer{grid-template-columns:minmax(0,1fr)}
  .av-viewer-stage{grid-column:1}
  .av-viewer-nav{display:none}
  .av-viewer-nav[hidden]{display:none}
}

/* ---- Prüf-Siegel an jedem Fitpic ---- */
.ap-fit-badge{font-size:11px;font-weight:650;padding:2px 8px;border-radius:999px;background:var(--bg-sunken);color:var(--text-3)}
.ap-fit-badge.ok{background:var(--success-soft);color:var(--success-text)}
.ap-fit-badge.warn{background:var(--warning-soft);color:var(--warning-text)}
.ap-fit-badge.real{background:var(--accent-soft);color:var(--accent-text)}

/* ---- KI-Protokoll ---- */
.ap-log,.ap-learn{display:flex;flex-direction:column;gap:14px}
.ap-howto{padding:16px 18px;border-radius:var(--r-xl);background:var(--bg-elev);border:1px solid var(--line)}
.ap-howto summary{cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;list-style-position:outside}
.ap-howto summary b{font-size:15px}
.ap-howto summary span{font-size:12.5px;color:var(--text-3)}
.ap-flow{list-style:none;margin:14px 0 10px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.ap-flow li{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:var(--r-lg);background:var(--bg-sunken);font-size:13px;color:var(--text-2)}
.ap-flow li b{color:var(--text);font-size:13.5px}
.ap-flow li em{margin-top:auto;font-style:normal;font-size:11px;font-weight:650;color:var(--accent-text)}
.ap-log-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ap-log-filter input[type=search]{flex:1 1 220px;min-height:38px}
.ap-log-filter .av-segment{flex:1 1 auto;min-width:0}
.ap-log-list{display:flex;flex-direction:column;gap:6px}
.ap-log-day{margin:10px 0 2px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}
.ap-log-entry{border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line);border-left:4px solid var(--line-strong)}
.ap-log-entry.st-ok{border-left-color:var(--success)}
.ap-log-entry.st-abweichung,.ap-log-entry.st-korrigiert{border-left-color:var(--warning)}
.ap-log-entry.st-abgelehnt,.ap-log-entry.st-fehler{border-left-color:var(--danger)}
.ap-log-entry.st-läuft{border-left-color:var(--accent)}
.ap-log-entry>summary{cursor:pointer;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:10px 12px;font-size:13px;list-style:none}
.ap-log-entry>summary::-webkit-details-marker{display:none}
.ap-log-entry>summary time{font-family:var(--mono);font-size:11.5px;color:var(--text-3)}
.ap-log-kind{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--bg-sunken);color:var(--text-2);white-space:nowrap}
.ap-log-kind.k-fitpic,.ap-log-kind.k-szene{background:var(--accent-soft);color:var(--accent-text)}
.ap-log-kind.k-pruefung{background:var(--success-soft);color:var(--success-text)}
.ap-log-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.ap-log-label code{font-family:var(--mono);font-size:11.5px;color:var(--text-3)}
.ap-log-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3);white-space:nowrap}
.ap-score{padding:1px 7px;border-radius:999px;font-size:11.5px}
.ap-score.ok{background:var(--success-soft);color:var(--success-text)}
.ap-score.bad{background:var(--warning-soft);color:var(--warning-text)}
.ap-log-body{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px 12px;font-size:13px}
.ap-log-body>b{font-size:12.5px;color:var(--text-2)}
.ap-log-refs .ap-thumb,.ap-log-out .ap-thumb{width:110px;aspect-ratio:1}
.ap-log-out .ap-thumb{width:150px;aspect-ratio:4/3}
.ap-log-prompt summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--text-2)}
.ap-log-prompt pre{margin:6px 0 0;padding:10px 12px;max-height:320px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:var(--r);background:var(--bg-sunken);font:12px/1.5 var(--mono);color:var(--text-2)}
.ap-issues{margin:0 0 0 18px;display:flex;flex-direction:column;gap:3px;color:var(--text-2)}
.ap-log-result{display:flex;flex-direction:column;gap:6px}

/* ---- Lernen ---- */
.ap-learn-intro{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:var(--r-xl);background:var(--bg-elev);border:1px solid var(--line);font-size:13.5px;color:var(--text-2)}
.ap-learn-intro h2{font-size:16px;color:var(--text)}
.ap-learn-stats{display:flex;flex-wrap:wrap;gap:4px;font-size:13px;color:var(--text)}
.ap-lessons{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.ap-lesson{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line)}
.ap-lesson.off{opacity:.62}
.ap-lesson-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ap-lesson-head small{color:var(--text-3);font-size:11.5px}
.ap-lesson-head .ap-toggle{margin-left:auto}
.ap-lesson-text{font-size:14px;font-weight:600;color:var(--text)}
@media (max-width:700px){
  .ap-log-entry>summary{grid-template-columns:auto minmax(0,1fr);padding:10px}
  .ap-log-label{grid-column:1/-1;white-space:normal}
  .ap-log-meta{grid-column:1/-1;flex-wrap:wrap}
  .ap-log-filter .btn{flex:1 1 100%}
  .ap-flow{grid-template-columns:1fr}
  .ap-log-refs .ap-thumb{width:84px}
  .ap-log-out .ap-thumb{width:120px}
}
#apSettingsForm .purch-grid{align-items:start}
#apSettingsForm .purch-grid .field-note{font-size:11.5px}
.ap-log-kind{justify-self:start}
#screenAutopilot .av-tabs,#apLog,#apLearn{scroll-margin-top:84px}

/* ---- Social & Ads (nur auf Klick) ---- */
.ap-creatives{display:flex;flex-direction:column;gap:14px}
.ap-create{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.3fr) auto;gap:10px 12px;align-items:end;padding:16px 18px;border-radius:var(--r-xl);background:var(--bg-elev);border:1px solid var(--line)}
.ap-create-head{grid-column:1/-1}
.ap-create-head h2{font-size:16px}
.ap-create-head p{font-size:13px;color:var(--text-2);margin-top:4px}
.ap-create .btn{min-height:42px}
.ap-create #apCreateMsg{grid-column:1/-1}
.ap-create #apCreateMsg:empty{display:none}
.ap-create-queue{display:flex;flex-direction:column;gap:6px}
.ap-create-queue:empty{display:none}
.ap-create-job{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 14px;border-radius:var(--r-lg);background:var(--bg-sunken);font-size:13px}
.ap-create-job span:last-child{color:var(--text-3)}
.ap-creatives-list{display:flex;flex-direction:column;gap:14px}
.ap-creative{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:16px;padding:16px;border-radius:var(--r-xl);background:var(--bg-elev);border:1px solid var(--line)}
.ap-creative-imgs{max-width:460px}
.ap-creative-imgs .ap-thumb.f45{width:132px;aspect-ratio:4/5}
.ap-creative-imgs .ap-thumb.v916{width:104px;aspect-ratio:9/16}
.ap-creative-info{display:flex;flex-direction:column;gap:8px;min-width:0}
.ap-creative-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.ap-creative-head small{color:var(--text-3);font-family:var(--mono);font-size:11.5px}
.av-pill.ad{background:var(--accent-soft);color:var(--accent-text)}
.ap-hooks{display:flex;flex-direction:column;gap:4px;font-size:13px}
.ap-hook{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:var(--r);background:var(--bg-sunken)}
.av-chip.on{background:var(--success-soft);color:var(--success-text);border-color:transparent}
@media (max-width:900px){
  .ap-create{grid-template-columns:1fr 1fr}
  .ap-create .btn{grid-column:1/-1}
  .ap-creative{grid-template-columns:1fr}
  .ap-creative-imgs{max-width:none}
}
@media (max-width:520px){
  .ap-create{grid-template-columns:1fr}
}
.ap-creative{align-items:start}
.ap-creative-imgs{align-items:flex-start;flex-wrap:wrap}
@media (min-width:901px){.ap-creative{grid-template-columns:250px minmax(0,1fr)}.ap-creative-imgs{max-width:250px}.ap-creative-imgs .ap-thumb.f45{width:118px}.ap-creative-imgs .ap-thumb.v916{width:88px}}
.ap-creative .ap-caption{grid-template-columns:118px minmax(0,1fr) auto}
.ap-creative .ap-caption p{max-height:none}
@media (max-width:700px){.ap-creative .ap-caption{grid-template-columns:1fr}}

/* ---- Marketing-Abteilung ---- */
.marketing-screen{display:flex;flex-direction:column;gap:16px}
.mk-panel{padding:14px 16px;border-radius:var(--r-xl);background:var(--bg-elev);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.mk-panel summary{cursor:pointer;display:flex;align-items:baseline;gap:6px;font-size:14px}
.mk-panel summary span{color:var(--text-3);font-size:12.5px}
.mk-suggest-row{display:flex;flex-wrap:wrap;gap:6px}
.mk-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mk-filter input[type=search]{flex:1 1 220px;min-height:38px}
.mk-filter .av-segment{flex:1 1 auto;min-width:0}
.mk-products{display:flex;flex-direction:column;gap:14px}
.mk-product{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--r-xl);background:var(--bg-elev);border:1px solid var(--line)}
.mk-product-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.mk-product-title{display:flex;flex-direction:column;gap:2px;min-width:0}
.mk-product-title b{font-family:var(--mono);font-size:13px}
.mk-product-title span{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.mk-product-title small{color:var(--text-3);font-size:12px}
.mk-product-actions{display:flex;flex-wrap:wrap;gap:6px}
.mk-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.mk-item{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:var(--r-lg);background:var(--bg-sunken);border:1px solid transparent}
.mk-item.liked{border-color:var(--success)}
.mk-item.out{opacity:.6}
.mk-imgs{flex-wrap:wrap;align-items:flex-start}
.mk-imgs .ap-thumb.f45{width:120px;aspect-ratio:4/5}
.mk-imgs .ap-thumb.v916{width:90px;aspect-ratio:9/16}
.mk-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px}
.mk-item-meta small{color:var(--text-3);font-family:var(--mono);font-size:11px}
.mk-look{font-size:12px}
.mk-rate{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mk-rate-btn{min-width:44px;min-height:38px;border-radius:999px;border:1px solid var(--line);background:var(--bg-elev);font-size:17px;cursor:pointer}
.mk-rate-btn.on{background:var(--accent-soft);border-color:var(--accent)}
.mk-copy summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--text-2)}
.mk-copy{display:flex;flex-direction:column;gap:6px}
.mk-copy .ap-caption{grid-template-columns:96px minmax(0,1fr) auto}
.mk-copy .ap-caption p{max-height:none}
.mk-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.mk-upload{position:relative;align-self:flex-start;overflow:hidden;cursor:pointer}
.mk-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
.mk-locations{flex-wrap:wrap}
.mk-loc{position:relative}
.mk-loc .ap-thumb{width:96px;aspect-ratio:3/4}
.mk-loc-del{position:absolute;right:4px;top:4px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(15,15,22,.72);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.mk-taste-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:4px 0;border-bottom:1px solid var(--line)}
@media (max-width:700px){
  .mk-items{grid-template-columns:1fr}
  .mk-product-actions .btn{flex:1 1 auto}
  .mk-copy .ap-caption{grid-template-columns:1fr}
}

/* ---- Etsy-SEO in der Freigabe ---- */
.ap-seo{font-size:12px}
.ap-measures{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--r-lg);background:var(--warning-soft);color:var(--warning-text);font-size:12.5px}
.ap-measures input{flex:1 1 200px;min-height:36px}
.ap-pause{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.ap-pause .btn{margin-left:auto}
/* Selbst-Optimierung */
.ap-opt{display:flex;flex-direction:column;gap:14px}
.ap-opt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.ap-opt-head h2{font-size:16px;margin-bottom:4px}
.ap-opt-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ap-opt-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ap-opt-list{display:flex;flex-direction:column;gap:8px}
.ap-opt-list h3{font-size:13.5px;color:var(--text-2)}
.ap-opt-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--r-lg);background:var(--bg-sunken);border:1px solid var(--line)}
.ap-opt-item>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.ap-opt-item b{font-size:13px;font-weight:620}
.ap-opt-item small{font-size:12px;color:var(--text-3)}
.ap-opt-item.off{opacity:.55}
.ap-opt-item.lvl-warn{border-color:var(--warning)}
.ap-opt-item.lvl-fix{border-color:var(--accent)}
@media (max-width:700px){.ap-opt-kpis{grid-template-columns:1fr 1fr}.ap-opt-head{flex-direction:column}.ap-opt-item{flex-direction:column;align-items:flex-start}}
/* Anzeigen schalten: Meta & TikTok */
.ads-own{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ads-own input{flex:1;min-width:180px}
.ads-conn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.ads-conn{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--r-lg);background:var(--bg-sunken);border:1px solid var(--line)}
.ads-conn h3{font-size:14px}
.ads-sec{display:flex;flex-direction:column;gap:10px}
.ads-sec>h3{font-size:14px;color:var(--text-2)}
.ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.ads-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px;border-radius:var(--r-lg);background:var(--bg-sunken);border:1px solid var(--line)}
.ads-card>img{width:120px;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-md,10px)}
.ads-card.st-vorschlag{border-color:var(--accent)}
.ads-card.st-fehler{border-color:var(--danger)}
.ads-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.ads-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ads-top small{color:var(--text-3)}
.ads-title{font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-explain{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;margin:0;font-size:12.5px}
.ads-explain dt{font-weight:650;color:var(--text)}
.ads-explain dd{margin:0;color:var(--text-2)}
.ads-texts{font-size:12.5px}
.ads-texts summary{cursor:pointer;color:var(--accent-text)}
.ads-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ads-kpis div{display:flex;flex-direction:column;padding:6px 8px;border-radius:var(--r-sm);background:var(--bg-elev);font-size:11.5px;color:var(--text-3)}
.ads-kpis b{font-size:13.5px;color:var(--text)}
.ads-actions{display:flex;flex-wrap:wrap;gap:8px}
.ads-sugg{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--r-lg);background:var(--bg-sunken);border:1px solid var(--line)}
.ads-sugg>div:first-child{min-width:0}
.ads-sugg p{font-size:12.5px;color:var(--text-2)}
.ads-events>summary{cursor:pointer;font-size:13px;color:var(--text-2)}
.ads-ev{font-size:12.5px;padding:4px 0;border-bottom:1px solid var(--line)}
.ads-ev.lvl-brake{color:var(--danger-text)}
.ads-ev.lvl-good{color:var(--success-text,var(--text))}
@media (max-width:700px){.ads-conn-grid{grid-template-columns:1fr}.ads-card{grid-template-columns:1fr}.ads-card>img{width:100%;max-height:260px}
  .ads-sugg{flex-direction:column;align-items:flex-start}.ads-head{flex-direction:column}.ads-grid{grid-template-columns:1fr}}
.ap-results{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
/* Wert-Steuerung & Schnell-Freigabe */
.ap-value-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:4px}
.ap-value-line small{font-size:12px;color:var(--text-3)}
.ap-value-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--r-pill);font-size:11.5px;font-weight:700;white-space:nowrap;background:var(--bg-sunken);color:var(--text-2)}
.ap-value-badge.tier-A{background:var(--success-soft);color:var(--success-text)}
.ap-value-badge.tier-B{background:var(--info-soft);color:var(--info-text)}
.ap-value-badge.tier-C{background:var(--bg-sunken);color:var(--text-3)}
.ap-review-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 16px;border-radius:var(--r-xl);background:var(--chloe-soft),var(--bg-elev);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}
.ap-review-tools>div:first-child{display:flex;flex-direction:column;gap:2px}
.ap-review-tools small{font-size:12.5px;color:var(--text-3)}
body.ap-focus-open{overflow:hidden}
.ap-focus{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:var(--bg);padding-bottom:var(--safe-b)}
.ap-focus[hidden]{display:none}
.ap-focus-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:calc(12px + var(--safe-t)) 18px 10px;border-bottom:1px solid var(--line);background:var(--bg-elev)}
.ap-focus-top>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0}
.ap-focus-top small{font-size:12px;color:var(--text-3)}
.ap-focus-progress{height:3px;background:var(--bg-sunken)}
.ap-focus-progress i{display:block;height:100%;background:var(--chloe-grad);transition:width .3s var(--ease-out)}
.ap-focus-body{flex:1;overflow:auto;padding:16px;overscroll-behavior:contain}
.ap-focus-body .ap-card{max-width:1100px;margin:0 auto}
.ap-card.in-focus .ap-actions{display:none}
.ap-card.in-focus .ap-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.ap-focus-actions{display:flex;gap:10px;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--line);background:var(--bg-elev)}
.ap-focus-actions .btn{min-height:46px;padding:0 20px;font-size:15px}
.ap-focus-actions .btn.primary{min-width:200px}
.ap-value-card{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.ap-value-tiers{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.ap-value-tiers b{margin-right:10px;font-variant-numeric:tabular-nums}
.ap-value-brands{display:flex;flex-direction:column;gap:4px}
.ap-value-brands small{font-size:12px;color:var(--text-3)}
.ap-value-row{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:8px;padding:6px 0;border-top:1px solid var(--line);font-size:13px}
.ap-value-row span{color:var(--text-2);font-variant-numeric:tabular-nums}
.ap-value-impact{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:var(--r);background:var(--bg-sunken);font-size:13px}
.ap-value-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ap-value-cmp>div{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:var(--r-sm);background:var(--bg-elev)}
.ap-value-cmp small{color:var(--text-3);font-size:11.5px}.ap-value-cmp span{color:var(--text-2);font-size:12px}
@media (max-width:700px){
  .ap-focus-actions{gap:6px;padding:10px 12px}
  .ap-focus-actions .btn{flex:1;padding:0 8px;font-size:14px}
  .ap-focus-actions .btn.primary{min-width:0;flex:2}
  .ap-card.in-focus .ap-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ap-value-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

body.ap-focus-open .jarvis-companion-toggle,body.ap-focus-open .mobile-bottom-nav,body.ap-focus-open .fx-work{display:none!important}
.ap-card.in-focus .ap-gallery .ap-fit .ap-thumb img,.ap-card.in-focus .ap-gallery>.ap-thumb img{max-height:46vh}

/* Tagesberichte der täglichen Optimierung */
.ap-report summary{display:flex;flex-direction:column;gap:2px;cursor:pointer;list-style:none}
.ap-report summary::-webkit-details-marker{display:none}
.ap-report-text{white-space:pre-wrap;font:inherit;font-size:13px;line-height:1.55;margin:10px 0 0;max-height:420px;overflow:auto}
/* Gleichmäßig verteilt: echter ChatGPT-Verbrauch */
.ap-quota{display:grid;gap:6px;margin:8px 0 10px;padding:10px 12px;border-radius:var(--r-lg);background:var(--bg-sunken);border:1px solid var(--line)}
.ap-quota-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:12.5px}
.ap-quota-row small{color:var(--text-2);white-space:nowrap}
.ap-quota-bar{position:relative;height:8px;border-radius:var(--r-pill);background:var(--bg-hover);overflow:visible}
.ap-quota-bar i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--accent)}
.ap-quota-bar b{position:absolute;top:-3px;width:2px;height:14px;margin-left:-1px;background:var(--text);border-radius:1px;opacity:.7}
.ap-quota-note{margin:2px 0 0}
.ap-check{display:flex;gap:8px;align-items:flex-start;font-weight:400;color:var(--text-2);font-size:13px}
.ap-check input{margin-top:2px;accent-color:var(--accent)}
@media (max-width:520px){.ap-quota-row{grid-template-columns:44px minmax(0,1fr)}.ap-quota-row small{grid-column:1/-1}}
/* ---- 12-motion.css ---- */
/* =====================================================================
   MOTION 4.0 · Aurora, Auftritte, Mikro-Interaktionen, Chloe-Hologramm
   Flüssig zuerst: Bewegung nur über transform/opacity, keine Unschärfe-Filter
   in Animationen, nichts Dauerhaftes unter den Milchglas-Leisten (die Aurora
   ruht, sonst müsste der Grafikchip die Leisten in jedem Bild neu weichzeichnen).
   body[data-fx="kino"] = volle Effekte, "dezent" = nur ruhige Auftritte.
   „Bewegung reduzieren“ des Geräts schaltet alles ab (Regel in 01-base.css).
   ===================================================================== */
:root{--fx-ease:cubic-bezier(.2,.9,.25,1.05);--fx-out:cubic-bezier(.16,1,.3,1);--fx-spring:cubic-bezier(.34,1.56,.64,1);--fx-aurora-o:.42;--fx-blue:#8fb6ff;--fx-pink:#ec8fae;--fx-violet:#7b6cf6;--fx-orchid:#b16ee0;--fx-ice:#dfe6ff;--fx-blush:#ffd6e4;--fx-teal:#2dd4bf;--fx-mint:#5eead4;--fx-glow:#b9c4ff;--fx-ink:#eef0ff}
:root[data-theme="dark"]{--fx-aurora-o:.62}

/* ---- Aurora: weiches Licht hinter allen Bereichen (ruht – kostet nichts) ---- */
body.fx-ready[data-fx="kino"]{background:transparent}   /* html trägt die Grundfarbe, die Aurora liegt dazwischen */
.fx-aurora{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--fx-aurora-o);
  background:
    radial-gradient(60vmax 60vmax at 6% -8%,rgba(123,108,246,.55),rgba(123,108,246,0) 70%),
    radial-gradient(55vmax 55vmax at 104% 38%,rgba(236,143,174,.45),rgba(236,143,174,0) 70%),
    radial-gradient(60vmax 60vmax at 40% 112%,rgba(143,182,255,.5),rgba(143,182,255,0) 70%)}
body:not([data-fx="kino"]) .fx-aurora{display:none}

/* ---- Bereich öffnen: sanft hochgleiten, Inhalte gestaffelt ---- */
@keyframes fx-screen-in{from{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:none}}
@keyframes fx-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes fx-pop{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.02)}100%{transform:scale(1)}}
@keyframes fx-flip{from{opacity:0;transform:perspective(900px) rotateX(14deg) translateY(22px) scale(.97)}to{opacity:1;transform:none}}
.screen.fx-enter{animation:fx-screen-in .42s var(--fx-out) both}
.screen.fx-enter>*{animation:fx-rise .5s var(--fx-out) both}
.screen.fx-enter>*:nth-child(2){animation-delay:.05s}
.screen.fx-enter>*:nth-child(3){animation-delay:.1s}
.screen.fx-enter>*:nth-child(4){animation-delay:.15s}
.screen.fx-enter>*:nth-child(n+5){animation-delay:.2s}
/* Kacheln und Karten klappen nacheinander auf – nur die ersten acht, der Rest steht sofort da (spart Grafik-Ebenen) */
.fx-enter .av-kpi,.fx-enter .hud-operational-kpis>div,.fx-enter .growth-kpis>article,.fx-enter .st-insights-kpis>article,.fx-enter .agents-room,.fx-enter .ap-card,.fx-enter .ap-row,
.fx-enter .mk-product,.fx-enter .mk-item,.fx-enter .ap-lesson,.fx-enter .ap-log-entry,.fx-enter .hud-panel{animation:fx-pop .45s var(--fx-out) both}
body[data-fx="kino"] .fx-enter .av-kpi,body[data-fx="kino"] .fx-enter .hud-operational-kpis>div,body[data-fx="kino"] .fx-enter .growth-kpis>article,
body[data-fx="kino"] .fx-enter .st-insights-kpis>article,body[data-fx="kino"] .fx-enter .ap-card,body[data-fx="kino"] .fx-enter .mk-product,
body[data-fx="kino"] .fx-enter .agents-room{animation:fx-flip .6s var(--fx-out) both}
.fx-enter .av-kpi:nth-child(2),.fx-enter .hud-operational-kpis>div:nth-child(2),.fx-enter .growth-kpis>article:nth-child(2),.fx-enter .st-insights-kpis>article:nth-child(2),.fx-enter .agents-room:nth-child(2),.fx-enter .ap-card:nth-child(2),.fx-enter .mk-product:nth-child(2),.fx-enter .ap-log-entry:nth-child(2),.fx-enter .ap-row:nth-child(2),.fx-enter .mk-item:nth-child(2){animation-delay:.06s}
.fx-enter .av-kpi:nth-child(3),.fx-enter .hud-operational-kpis>div:nth-child(3),.fx-enter .growth-kpis>article:nth-child(3),.fx-enter .st-insights-kpis>article:nth-child(3),.fx-enter .agents-room:nth-child(3),.fx-enter .ap-card:nth-child(3),.fx-enter .mk-product:nth-child(3),.fx-enter .ap-log-entry:nth-child(3),.fx-enter .ap-row:nth-child(3),.fx-enter .mk-item:nth-child(3){animation-delay:.12s}
.fx-enter .av-kpi:nth-child(n+4),.fx-enter .hud-operational-kpis>div:nth-child(n+4),.fx-enter .agents-room:nth-child(n+4),.fx-enter .ap-card:nth-child(n+4),.fx-enter .mk-product:nth-child(n+4),.fx-enter .ap-log-entry:nth-child(n+4),.fx-enter .ap-row:nth-child(n+4),.fx-enter .mk-item:nth-child(n+4){animation-delay:.18s}
.fx-enter .av-kpi:nth-child(n+9),.fx-enter .agents-room:nth-child(n+9),.fx-enter .ap-card:nth-child(n+9),.fx-enter .ap-row:nth-child(n+9),.fx-enter .mk-product:nth-child(n+9),
.fx-enter .mk-item:nth-child(n+9),.fx-enter .ap-lesson:nth-child(n+9),.fx-enter .ap-log-entry:nth-child(n+9),.fx-enter .hud-panel:nth-child(n+9){animation:none}
/* weiter unten: erscheinen beim Scrollen */
@keyframes fx-reveal{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.fx-reveal{animation:fx-reveal .55s var(--fx-out) both}

/* ---- Mikro-Interaktionen ---- */
.btn,.av-chip,.mk-rate-btn,.rail-nav button,.st-mobile-nav button,.av-segment button,.ap-toggle,.st-button{transition:transform .16s var(--fx-spring),background-color .2s,box-shadow .25s,color .2s}
.btn:active,.av-chip:active,.mk-rate-btn:active,.av-segment button:active,.rail-nav button:active,.st-mobile-nav button:active,.st-button:active{transform:scale(.95)}
.fx-ripple-host{position:relative;overflow:hidden;isolation:isolate}
.fx-ripple{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,currentColor 0,currentColor 35%,transparent 70%);opacity:.26;transform:scale(0);animation:fx-ripple .6s var(--fx-out) forwards;z-index:-1}
@keyframes fx-ripple{to{transform:scale(1);opacity:0}}
/* HUD-Funke am Klickpunkt */
.fx-spark{position:fixed;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;pointer-events:none;z-index:9500;
  border:1.5px solid rgba(143,130,255,.9);box-shadow:0 0 14px rgba(123,108,246,.55),inset 0 0 10px rgba(143,182,255,.45);animation:fx-spark .5s var(--fx-out) forwards}
.fx-spark::after{content:"";position:absolute;inset:13px;border-radius:50%;background:rgba(200,190,255,.9);animation:fx-spark-dot .35s ease-out forwards}
@keyframes fx-spark{from{transform:scale(.15);opacity:1}to{transform:scale(1.5);opacity:0}}
@keyframes fx-spark-dot{from{transform:scale(1);opacity:.9}to{transform:scale(0);opacity:0}}
.fx-particles{position:fixed;max-width:none;pointer-events:none;z-index:9400}

@media (hover:hover){
  .btn.primary,.st-button.st-primary{background-image:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.26) 45%,transparent 60%);background-size:250% 100%;background-position:120% 0;
    transition:background-position .7s var(--fx-out),transform .16s var(--fx-spring),box-shadow .25s}
  .btn.primary:hover,.st-button.st-primary:hover{background-position:-20% 0;box-shadow:0 10px 28px rgba(123,108,246,.38),0 0 0 1px rgba(160,150,255,.35)}
  .av-kpi,.agents-room,.mk-item,.ap-row,.ap-lesson,.hud-operational-kpis>div,.growth-kpis>article,.st-insights-kpis>article{transition:transform .3s var(--fx-out),box-shadow .3s}
  .av-kpi:hover,.agents-room:hover,.mk-item:hover,.ap-row:hover,.ap-lesson:hover,.hud-operational-kpis>div:hover,.growth-kpis>article:hover,.st-insights-kpis>article:hover{transform:translateY(-3px);box-shadow:var(--shadow-md,0 10px 30px rgba(20,20,40,.12))}
  .ap-thumb img,.mk-item img{transition:transform .6s var(--fx-out)}
  .ap-thumb:hover img,.mk-item:hover img{transform:scale(1.06)}
  /* Karte unter der Maus: leuchtender Rand (einmal gemalt, nicht pro Mausbewegung); Neigung setzt fx35.js per transform */
  body[data-fx="kino"] .fx-lit{box-shadow:0 0 0 1px rgba(143,130,255,.45),0 16px 38px rgba(60,40,140,.16);transition:transform .3s var(--fx-out),box-shadow .3s}
}
.av-kpi,.ap-card,.ap-row,.mk-product,.mk-item,.hud-panel,.growth-kpis>article,.hud-operational-kpis>div,.st-insights-kpis>article,.ap-lesson,.st-analytics-panel{position:relative}

/* Kennzahl fertig hochgezählt: kurzes Aufleuchten in der Akzentfarbe (winzige Fläche) */
@keyframes fx-num-glow{35%{color:var(--accent-text)}}
.fx-num-done{animation:fx-num-glow .7s ease-out}

/* ---- Navigation: gleitende, leuchtende Markierung ---- */
body.fx-pill .rail-nav{position:relative}
body.fx-pill .rail-nav button{z-index:1}
body.fx-pill .rail-nav button.active{background:transparent}
.fx-nav-pill{position:absolute;top:0;left:0;z-index:0;pointer-events:none;border-radius:var(--r-sm);background:var(--accent-soft);opacity:0;
  box-shadow:inset 3px 0 0 var(--accent),0 0 0 1px rgba(123,108,246,.12),0 6px 22px rgba(123,108,246,.16);
  transition:transform .5s var(--fx-spring),width .3s var(--fx-out),height .3s var(--fx-out),opacity .25s}
body[data-fx="kino"] .fx-nav-pill{background:linear-gradient(100deg,var(--accent-soft),color-mix(in srgb,var(--accent-soft) 70%,rgba(236,143,174,.25)))}
body:not(.fx-pill) .rail-nav button.active{box-shadow:inset 3px 0 0 var(--accent)}
body.fx-tabbar .st-mobile-nav button.active:not(.st-mobile-chloe)::before{display:none}
.fx-tab-glow{position:absolute;top:0;left:0;width:56px;height:3px;border-radius:0 0 4px 4px;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,var(--fx-blue),var(--accent),var(--fx-pink));box-shadow:0 0 14px 1px rgba(123,108,246,.65);
  transition:transform .5s var(--fx-spring),opacity .25s}
.fx-tab-glow::after{content:"";position:absolute;left:4px;right:4px;top:3px;height:34px;pointer-events:none;
  background:radial-gradient(ellipse at 50% 0,rgba(123,108,246,.22),transparent 70%)}
.st-mobile-nav button.active svg,.st-mobile-nav button.active .mobile-bottom-icon{animation:fx-pop .45s var(--fx-spring)}

/* ---- Meldungen gleiten ein; Erfolg leuchtet, Fehler schüttelt ---- */
@keyframes fx-toast{0%{opacity:0;transform:translate(-50%,22px) scale(.94)}60%{opacity:1;transform:translate(-50%,-4px) scale(1.015)}100%{transform:translate(-50%,0)}}
@keyframes fx-shake{0%,100%{transform:translate(-50%,0)}20%{transform:translate(calc(-50% - 7px),0)}40%{transform:translate(calc(-50% + 6px),0)}60%{transform:translate(calc(-50% - 4px),0)}80%{transform:translate(calc(-50% + 2px),0)}}
.toast.fx-toast{animation:fx-toast .5s var(--fx-spring) both}
.toast.fx-toast-ok{box-shadow:var(--shadow-lg),0 0 0 1px rgba(143,130,255,.55),0 0 26px rgba(123,108,246,.45)}
.toast.fx-toast-err{animation:fx-toast .35s var(--fx-out) both,fx-shake .45s .3s ease-in-out;box-shadow:var(--shadow-lg),0 0 0 1px rgba(229,72,77,.45),0 0 22px rgba(229,72,77,.3)}

/* ---- Chloe: Orb mit pulsierendem Halo (nur Deckkraft) und kreisendem Lichtring (nur Drehung) ---- */
@keyframes fx-spin{to{transform:rotate(360deg)}}
@keyframes fx-halo{0%,100%{opacity:.25;transform:scale(.94)}50%{opacity:.9;transform:scale(1.06)}}
.st-mobile-chloe .chloe-orb::before,.rail-chloe .chloe-orb::before,#jarvisCompanionToggle .chloe-orb::before,.command-top-actions .chloe-orb::before{
  content:"";position:absolute;inset:-7px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,transparent 58%,rgba(177,110,224,.6) 72%,rgba(143,182,255,.28) 86%,transparent);animation:fx-halo 4s ease-in-out infinite}
body[data-fx="kino"] .st-mobile-chloe .chloe-orb::after,body[data-fx="kino"] .rail-chloe .chloe-orb::after,body[data-fx="kino"] #jarvisCompanionToggle .chloe-orb::after,
body[data-fx="kino"] .chloe-avatar .chloe-orb::after{content:"";position:absolute;inset:-5px;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,transparent 0 50%,rgba(143,182,255,.95) 68%,rgba(236,143,174,.95) 84%,transparent 96%);
  -webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2.5px),black calc(100% - 2px));mask:radial-gradient(closest-side,transparent calc(100% - 2.5px),black calc(100% - 2px));
  animation:fx-spin 2.6s linear infinite}
body[data-fx="kino"] .st-mobile-chloe .chloe-orb::after{inset:-8px}
body[data-jarvis-mode="thinking"] .chloe-orb::after,body[data-agent-task-state="running"] .chloe-orb::after{animation-duration:.8s!important}
.st-mobile-chloe:active .chloe-orb{transform:scale(.88)}
.jarvis-companion.fx-open{animation:fx-holo-in .5s var(--fx-out) both;transform-origin:100% 100%}

/* ---- Chloe-Auftritt im Bereich: Hologramm-Start ---- */
@keyframes fx-holo-in{0%{opacity:0;transform:scale(.94) translateY(12px)}60%{opacity:1}100%{transform:none}}
@keyframes fx-scan{0%{transform:translateY(-10%);opacity:0}15%{opacity:.9}100%{transform:translateY(110vh);opacity:0}}
@keyframes fx-ring{0%{transform:translate(-50%,-50%) scale(.4);opacity:.85}100%{transform:translate(-50%,-50%) scale(2.6);opacity:0}}
@keyframes fx-orb-boot{0%{transform:scale(.3) rotate(-90deg);opacity:0}55%{transform:scale(1.15) rotate(10deg);opacity:1}100%{transform:none}}
.chloe-screen{position:relative}
.chloe-screen.chloe-boot::before{content:"";position:absolute;left:0;right:0;top:0;height:120px;pointer-events:none;z-index:5;
  background:linear-gradient(180deg,transparent,rgba(143,182,255,.18) 40%,rgba(177,110,224,.35) 50%,transparent 52%);animation:fx-scan 1.2s var(--fx-out) both}
.chloe-screen.chloe-boot .chloe-avatar{position:relative}
.chloe-screen.chloe-boot .chloe-avatar .chloe-orb{animation:fx-orb-boot .9s var(--fx-ease) both}
.chloe-screen.chloe-boot .chloe-avatar::before,.chloe-screen.chloe-boot .chloe-avatar::after{content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;border-radius:50%;
  border:2px solid rgba(143,182,255,.7);pointer-events:none;animation:fx-ring 1.1s var(--fx-out) both}
.chloe-screen.chloe-boot .chloe-avatar::after{border-color:rgba(236,143,174,.6);animation-delay:.25s}
.chloe-screen.chloe-boot .chloe-hero-id h1{animation:fx-holo-in .7s .15s var(--fx-out) both}
.chloe-screen.chloe-boot .jarvis-orb{animation:fx-holo-in .8s .2s var(--fx-out) both}
.chloe-screen.chloe-boot .jarvis-messages>*{animation:fx-rise .5s var(--fx-out) both}
.chloe-screen.chloe-boot .jarvis-messages>*:nth-last-child(1){animation-delay:.3s}
.chloe-screen.chloe-boot .jarvis-messages>*:nth-last-child(2){animation-delay:.22s}
.chloe-screen.chloe-boot .jarvis-suggestions>*{animation:fx-pop .45s var(--fx-spring) both}
.chloe-screen.chloe-boot .jarvis-suggestions>*:nth-child(2){animation-delay:.05s}
.chloe-screen.chloe-boot .jarvis-suggestions>*:nth-child(3){animation-delay:.1s}
.chloe-screen.chloe-boot .jarvis-suggestions>*:nth-child(n+4){animation-delay:.15s}
/* neue Antwort von Chloe */
@keyframes fx-reply{0%{opacity:0;transform:translateY(10px) scale(.98)}100%{opacity:1;transform:none}}
.jarvis-message.fx-new{animation:fx-reply .6s var(--fx-out) both}

/* ---- Chloe-Hologramm im Vollbild (beim Öffnen) ---- */
.fx-holo{position:fixed;inset:0;z-index:9300;pointer-events:none;overflow:hidden;color:var(--fx-ink);
  background:radial-gradient(ellipse at 50% 42%,rgba(58,40,138,.88),rgba(14,10,40,.95) 45%,rgba(5,5,16,.98) 78%);animation:fx-fade-in .2s ease-out;transition:opacity .55s ease}
@keyframes fx-fade-in{from{opacity:0}to{opacity:1}}
.fx-holo.out{opacity:0}
/* Gitterboden: das Gitter wird verschoben (transform), nicht neu gemalt */
.fx-holo-floor{position:absolute;left:-50%;right:-50%;bottom:-12%;height:64%;overflow:hidden;transform-origin:50% 0;transform:perspective(380px) rotateX(64deg);
  -webkit-mask-image:linear-gradient(to top,black 5%,transparent 80%);mask-image:linear-gradient(to top,black 5%,transparent 80%)}
.fx-holo-floor i{position:absolute;left:0;right:0;top:-108px;bottom:0;
  background-image:linear-gradient(rgba(143,182,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(177,110,224,.45) 1px,transparent 1px);background-size:54px 54px;
  animation:fx-floor-run .55s linear infinite}
@keyframes fx-floor-run{from{transform:translateY(0)}to{transform:translateY(54px)}}
.fx-holo-core{position:absolute;left:50%;top:42%;width:170px;height:170px;margin:-85px 0 0 -85px;display:grid;place-items:center;
  animation:fx-core-in .7s var(--fx-spring) backwards;transition:transform .6s var(--fx-out),opacity .45s}
@keyframes fx-core-in{from{transform:scale(.2);opacity:0}to{transform:none;opacity:1}}
.fx-holo.out .fx-holo-core{transform:scale(2.4);opacity:0}
.fx-holo-core .chloe-orb{--size:92px;box-shadow:0 0 60px rgba(143,130,255,.95),0 0 140px rgba(236,143,174,.5),inset 0 -6px 18px rgba(50,20,110,.4);animation:fx-orb-boot .8s .08s var(--fx-ease) both}
.fx-holo-core i{position:absolute;inset:0;border-radius:50%;border:1.5px solid transparent;border-top-color:rgba(143,182,255,.95);border-right-color:rgba(177,110,224,.6);animation:fx-spin 1.3s linear infinite}
.fx-holo-core i.r2{inset:-24px;border-top-color:rgba(236,143,174,.9);border-left-color:rgba(143,182,255,.45);border-right-color:transparent;animation-duration:2s;animation-direction:reverse}
.fx-holo-core i.r3{inset:-50px;border:1px dashed rgba(143,182,255,.38);animation-duration:7s}
.fx-holo-core::after{content:"";position:absolute;inset:30px;border-radius:50%;border:2px solid rgba(200,210,255,.9);opacity:0}
.fx-holo.hit .fx-holo-core::after{animation:fx-shock .8s var(--fx-out) forwards}
@keyframes fx-shock{from{transform:scale(.6);opacity:1}to{transform:scale(4.2);opacity:0}}
.fx-holo-text{position:absolute;left:0;right:0;top:calc(42% + 128px);text-align:center;font-family:var(--mono);animation:fx-rise .6s .15s var(--fx-out) backwards}
.fx-holo-text b{display:block;font:700 30px/1 var(--font-display);letter-spacing:.42em;margin-right:-.42em;
  text-shadow:0 0 18px rgba(143,182,255,.95),2px 0 rgba(236,143,174,.65),-2px 0 rgba(143,182,255,.65)}
.fx-holo-text small{display:block;margin-top:12px;font-size:11px;letter-spacing:.32em;color:rgba(205,212,255,.8)}
.fx-holo-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}
.fx-holo-scan::after{content:"";position:absolute;left:0;right:0;top:0;height:140px;
  background:linear-gradient(180deg,transparent,rgba(143,182,255,.16) 45%,rgba(236,143,174,.3) 50%,transparent 53%);animation:fx-scan 1.1s .1s var(--fx-out) both}

/* ---- Viewer, Freigaben, Live ---- */
.av-viewer:not([hidden]) .av-viewer-stage img{animation:fx-holo-in .35s var(--fx-out) both}
.ap-fit-badge.ok{animation:fx-pop .4s var(--fx-spring) both}

/* ---- Einstellungen für Klang & Effekte (Chloe → Stimme) ---- */
.fx-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 14px;align-items:center}
.fx-settings label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--text-2)}
.fx-settings label.fx-check{flex-direction:row;align-items:center;gap:8px;grid-column:1 / -1}
.fx-settings input[type="range"]{width:100%;accent-color:var(--accent)}
.fx-settings select{min-height:34px}
.fx-settings .jarvis-secondary{grid-column:1 / -1;justify-self:start}
@media (max-width:560px){.fx-settings{grid-template-columns:1fr}}

/* =====================================================================
   4.0 · Arbeitsanzeige, Ladestrahl, beschäftigte Knöpfe, Überschriften,
   Chloe-Zentrale als lebendige Kommandozentrale (auch auf dem Handy)
   ===================================================================== */
@keyframes fx-bar{from{transform:translateX(-110%)}to{transform:translateX(290%)}}

/* ---- Arbeitsanzeige: was gerade läuft und seit wann ---- */
.fx-work{position:fixed;z-index:110;top:calc(var(--topbar-h) + 12px);left:calc(50% + var(--sidebar-w) / 2);transform:translate(-50%,-16px) scale(.96);opacity:0;pointer-events:none;
  display:flex;flex-direction:column;min-width:260px;max-width:min(560px,calc(100vw - var(--sidebar-w) - 40px));border-radius:16px;overflow:hidden;
  background:rgba(13,11,28,.94);color:var(--fx-ink);border:1px solid rgba(143,130,255,.38);font-size:12.5px;
  box-shadow:0 14px 36px rgba(20,10,60,.38),0 0 26px rgba(123,108,246,.28);transition:opacity .3s ease,transform .45s var(--fx-spring)}
.fx-work.show{opacity:1;transform:translate(-50%,0) scale(1);pointer-events:auto;cursor:pointer}
.fx-work-row{display:flex;align-items:center;gap:10px;padding:9px 14px;min-width:0}
.fx-work-core{position:relative;flex:0 0 16px;width:16px;height:16px;border-radius:50%;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.9) 0 10%,transparent 30%),conic-gradient(from 200deg,var(--fx-violet),var(--fx-orchid),var(--fx-pink),var(--fx-blue),var(--fx-violet))}
.fx-work-core::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;border-top-color:var(--fx-blue);border-right-color:rgba(236,143,174,.85);animation:fx-spin .9s linear infinite}
.fx-work-core.autopilot{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.9) 0 10%,transparent 30%),conic-gradient(from 200deg,var(--fx-teal),var(--fx-blue),var(--fx-violet),var(--fx-teal))}
.fx-work-core.autopilot::after{border-top-color:var(--fx-mint);border-right-color:rgba(143,182,255,.85)}
.fx-work-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;letter-spacing:.01em}
.fx-work-time{flex:0 0 auto;font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:650;color:var(--fx-glow);text-shadow:0 0 10px rgba(143,182,255,.5)}
.fx-work-n{flex:0 0 auto;padding:1px 7px;border-radius:999px;background:rgba(143,130,255,.28);font-style:normal;font-size:11px;font-weight:650}
.fx-work-bar{position:relative;height:2px;overflow:hidden;background:rgba(143,130,255,.16)}
.fx-work-bar::after{content:"";position:absolute;top:0;bottom:0;left:0;width:36%;background:linear-gradient(90deg,transparent,var(--fx-blue),var(--fx-pink),transparent);animation:fx-bar 1.5s ease-in-out infinite}
.fx-work-list{display:none;border-top:1px solid rgba(255,255,255,.08)}
.fx-work.open .fx-work-list{display:block}
.fx-work-list .fx-work-row{padding:7px 14px;font-size:12px;color:rgba(230,232,255,.85)}
.fx-work-list .fx-work-label{font-weight:550}
body.mobile-ui .fx-work{top:calc(var(--safe-t) + 66px);left:50%;width:calc(100vw - 24px);min-width:0;max-width:calc(100vw - 24px)}

/* ---- Ladestrahl oben, solange etwas lädt, das du angestoßen hast ---- */
.fx-beam{position:fixed;left:0;right:0;top:var(--safe-t);height:3px;z-index:130;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .35s}
.fx-beam.on{opacity:1}
.fx-beam::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(123,108,246,.18),rgba(143,182,255,.28),rgba(236,143,174,.18))}
.fx-beam::after{content:"";position:absolute;top:0;bottom:0;left:0;width:34%;background:linear-gradient(90deg,transparent,var(--fx-violet),var(--fx-blue),var(--fx-pink),transparent);
  box-shadow:0 0 14px rgba(123,108,246,.9);animation:fx-bar 1.05s ease-in-out infinite}
.fx-beam.done{opacity:0}

/* ---- Knopf beschäftigt: Lichtlauf im Knopf, bis er wieder frei ist ---- */
button.fx-busy{position:relative;overflow:hidden;cursor:progress}
button.fx-busy:disabled{opacity:.92}
button.fx-busy::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.38) 48%,rgba(143,182,255,.3) 52%,transparent 70%) no-repeat;background-size:220% 100%;
  animation:fx-busy-run 1.1s linear infinite}
@keyframes fx-busy-run{from{background-position:140% 0}to{background-position:-40% 0}}

/* ---- Überschrift jedes Bereichs: Decoder + aufladender Lichtstrich ---- */
.fx-head{position:relative}
.fx-head::after{content:"";position:absolute;left:0;bottom:-7px;width:min(100%,320px);height:2px;border-radius:2px;pointer-events:none;
  background:linear-gradient(90deg,var(--accent),var(--fx-blue),var(--fx-pink),transparent);box-shadow:0 0 12px rgba(123,108,246,.7);transform-origin:0 50%;
  animation:fx-head-line .95s var(--fx-out) forwards}
@keyframes fx-head-line{0%{transform:scaleX(0);opacity:1}55%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}

/* ---- Chloe-Zentrale: Radar, Energie-Wellen, Satelliten, Datenregen ---- */
.fx-hub{position:absolute;left:50%;top:78px;width:0;height:0;z-index:-1;pointer-events:none}
.fx-hub>i,.fx-hub-tilt{position:absolute;left:0;top:0}
.fx-hub-radar{width:320px;height:320px;margin:-160px 0 0 -160px;border-radius:50%;opacity:.85;
  background:conic-gradient(from 0deg,rgba(143,182,255,0) 0 72%,rgba(143,182,255,.22) 94%,rgba(210,220,255,.75) 99.4%,transparent 100%);
  -webkit-mask:radial-gradient(circle,transparent 26%,black 30%,black 62%,transparent 71%);mask:radial-gradient(circle,transparent 26%,black 30%,black 62%,transparent 71%);
  animation:fx-spin 4.5s linear infinite}
.fx-hub-wave{width:136px;height:136px;margin:-68px 0 0 -68px;border-radius:50%;border:1.5px solid rgba(143,182,255,.6);box-shadow:0 0 18px rgba(123,108,246,.4),inset 0 0 14px rgba(143,182,255,.25);
  opacity:0;animation:fx-hub-wave 3.6s var(--fx-out) infinite}
.fx-hub-wave:nth-child(3){animation-delay:1.2s}
.fx-hub-wave:nth-child(4){animation-delay:2.4s}
@keyframes fx-hub-wave{0%{transform:scale(.85);opacity:.8}100%{transform:scale(2.7);opacity:0}}
.fx-hub-tilt{transform:rotateX(68deg);transform-style:preserve-3d}
.fx-hub-orbit{position:absolute;border-radius:50%;border:1px solid rgba(143,182,255,.32);animation:fx-spin 6s linear infinite}
.fx-hub-orbit.o1{width:176px;height:176px;margin:-88px 0 0 -88px}
.fx-hub-orbit.o2{width:248px;height:248px;margin:-124px 0 0 -124px;border-color:rgba(236,143,174,.3);animation-duration:9.5s;animation-direction:reverse}
.fx-hub-orbit.o3{width:330px;height:330px;margin:-165px 0 0 -165px;border-style:dashed;border-color:rgba(143,182,255,.2);animation-duration:15s}
.fx-hub-orbit b{position:absolute;left:50%;top:-4px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--fx-ice);box-shadow:0 0 10px 3px rgba(143,182,255,.85)}
.fx-hub-orbit.o2 b{background:var(--fx-blush);box-shadow:0 0 10px 3px rgba(236,143,174,.85)}
.fx-hub-orbit.o3 b{width:6px;height:6px;margin-left:-3px;top:-3px}
.agents-hub .chloe-orb{transition:box-shadow .6s}
.fx-rain{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.fx-rain i{position:absolute;top:-30%;width:1px;height:26%;opacity:.55;background:linear-gradient(180deg,transparent,rgba(143,182,255,.7),transparent);animation:fx-rain 6s linear infinite}
.fx-rain i:nth-child(3n){background:linear-gradient(180deg,transparent,rgba(236,143,174,.6),transparent)}
@keyframes fx-rain{to{transform:translateY(560%)}}
/* arbeitet gerade: alles schneller und heller */
.agents-orbit.fx-busy .fx-hub-radar{animation-duration:2s;opacity:1}
.agents-orbit.fx-busy .fx-hub-wave{animation-duration:1.8s;border-color:rgba(190,205,255,.85)}
.agents-orbit.fx-busy .fx-hub-wave:nth-child(3){animation-delay:.6s}
.agents-orbit.fx-busy .fx-hub-wave:nth-child(4){animation-delay:1.2s}
.agents-orbit.fx-busy .fx-hub-orbit{animation-duration:2.4s}
.agents-orbit.fx-busy .fx-hub-orbit.o2{animation-duration:3.6s}
.agents-orbit.fx-busy .fx-hub-orbit.o3{animation-duration:6s}
.agents-orbit.fx-busy .fx-rain i{animation-duration:2.2s!important;opacity:.85}
.agents-orbit.fx-busy .agents-hub .chloe-orb{box-shadow:0 0 90px rgba(143,130,255,.85),0 0 30px rgba(236,143,174,.6),inset 0 -6px 18px rgba(50,20,110,.4)}
/* Abteilung arbeitet: Licht läuft durch die Karte, unten ein Fortschritts-Strahl, Laufzeit im Text */
.agents-room.busy::after,.agents-running .agents-room::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(100deg,transparent 35%,color-mix(in srgb,var(--tone) 45%,rgba(255,255,255,.3)) 50%,transparent 65%) no-repeat;background-size:260% 100%;
  animation:fx-room-scan 1.9s linear infinite}
@keyframes fx-room-scan{from{background-position:135% 0}to{background-position:-35% 0}}
.agents-room.busy::before,.agents-running .agents-room::before{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:2px;border-radius:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--tone),#fff,var(--tone),transparent) no-repeat;background-size:40% 100%;animation:fx-room-bar 1.3s ease-in-out infinite}
@keyframes fx-room-bar{from{background-position:-60% 0}to{background-position:160% 0}}
.agents-room-live .live-elapsed{font-variant-numeric:tabular-nums}
@media (max-width:900px){
  .fx-hub{top:61px}
  .fx-hub-radar{width:240px;height:240px;margin:-120px 0 0 -120px}
  .fx-hub-wave{width:100px;height:100px;margin:-50px 0 0 -50px}
  .fx-hub-orbit.o1{width:132px;height:132px;margin:-66px 0 0 -66px}
  .fx-hub-orbit.o2{width:186px;height:186px;margin:-93px 0 0 -93px}
  .fx-hub-orbit.o3{width:250px;height:250px;margin:-125px 0 0 -125px}
}
/* Ton-Schnellregler: Lautsprecher unten links (PC) und im Menü (Handy) */
.fx-quick-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fx-quick-btn .x{display:none}
.fx-quick-btn[data-state="off"] .w1,.fx-quick-btn[data-state="off"] .w2{display:none}
.fx-quick-btn[data-state="off"] .x{display:inline}
.fx-quick-btn[data-state="quiet"] .w2{display:none}
.fx-quick-btn[data-state="off"]{color:var(--danger-text)}
.mobile-drawer-foot .drawer-sound-btn{grid-column:1/-1}
.fx-quick{position:fixed;z-index:9000;width:290px;padding:14px;border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line-strong);
  box-shadow:var(--shadow-lg);color:var(--text);display:grid;gap:12px}
.fx-quick.sheet{left:16px;right:16px;bottom:calc(16px + var(--safe-b,0px));width:auto}
.fx-quick-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fx-quick-head b{font-size:14px}
.fx-quick-mute{min-height:32px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--line-strong);font-size:12.5px;font-weight:620;color:var(--text)}
.fx-quick-mute.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.fx-quick-body{display:grid;gap:10px}
.fx-quick-body.off{opacity:.45}
.fx-quick-row{display:grid;gap:4px;font-size:12.5px;color:var(--text-2)}
.fx-quick-row input[type=range]{width:100%;accent-color:var(--accent)}
.fx-quick-check{display:flex;align-items:center;gap:8px;font-size:13px}
.fx-quick-check input{accent-color:var(--accent);width:16px;height:16px}
.fx-quick-note{font-size:11.5px;color:var(--muted)}
/* ---- 13-ads-shop.css ---- */
/* Ads-Abteilung & Webshop-Abteilung: Status, Reiter, Cockpit-Karten, Tagesdiagramme, Rangliste, Shopify-Tempo */
.ads-screen,.shop-screen{gap:16px}
.ads-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ads-status>.btn{margin-left:auto}
.ads-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 11px;border-radius:var(--r-pill);background:var(--bg-elev);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--text)}
.ads-chip.good{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 35%,var(--line));color:var(--success-text)}
.ads-chip.muted{color:var(--text-3);font-weight:500}
.ads-tabs{display:flex;gap:4px;padding:4px;border-radius:var(--r-lg);background:var(--bg-sunken);border:1px solid var(--line);overflow-x:auto;scrollbar-width:none;max-width:100%}
.ads-tabs::-webkit-scrollbar{display:none}
.ads-tab{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:36px;padding:6px 14px;border:0;border-radius:var(--r);background:transparent;color:var(--text-2);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.ads-tab:hover{background:var(--bg-hover);color:var(--text)}
.ads-tab.on{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-sm)}
.ads-tab .nav-badge{position:static;margin:0}
.ads-body-wrap{display:flex;flex-direction:column;gap:16px;min-width:0}
.ads-body-wrap .ads-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr))}
.ads-body-wrap .ads-card{grid-template-columns:140px minmax(0,1fr)}
.ads-body-wrap .ads-card>img{width:140px}
.ads-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ads-panel{display:flex;flex-direction:column;gap:12px;min-width:0}
.ads-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ads-panel-head h3{font-size:15px;font-weight:650;margin-bottom:2px}
.ads-panel-head .field-note{overflow-wrap:anywhere}
.ads-kpis-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.ads-onboard{display:flex;flex-direction:column;gap:12px;background:var(--chloe-soft);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
.ads-onboard>.btn{align-self:flex-start}
.ads-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:st}
.ads-steps li{counter-increment:st;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line);font-size:13px;color:var(--text-2)}
.ads-steps li::before{content:counter(st);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700}
.ads-steps b{color:var(--text);font-size:13.5px}
.ads-link-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-radius:var(--r-xl);background:var(--chloe-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}
.ads-link-card p{font-size:13px;color:var(--text-2)}

/* Budget */
.ads-big{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-family:var(--font-display);font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}
.ads-big small{font-family:var(--font);font-size:13px;font-weight:500;color:var(--text-3)}
.ads-stack{display:flex;gap:2px;height:12px;border-radius:var(--r-pill);background:var(--bg-sunken);overflow:hidden}
.ads-stack i{display:block;height:100%;border-radius:4px;transition:width .6s var(--ease-out)}
.ads-stack i.spent,.ads-legend i.spent{background:var(--series-1)}
.ads-stack i.plan,.ads-legend i.plan{background:color-mix(in srgb,var(--series-1) 40%,var(--bg-sunken))}
.ads-legend i.free{background:var(--bg-sunken);border:1px solid var(--line-strong)}
.ads-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--text-2)}
.ads-legend span{display:inline-flex;align-items:center;gap:6px}
.ads-legend i{display:inline-block;width:10px;height:10px;border-radius:3px}
.ads-legend b{color:var(--text);font-variant-numeric:tabular-nums}
.ads-inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}
/* flex-basis statt width: die globale Formular-Regel (width:100%) ist spezifischer */
.ads-inline-form input{flex:0 0 120px;min-width:0}
.ads-inline-form select{flex:0 0 170px;min-width:0}
.ads-own select{flex:0 0 230px;min-width:0}

/* Automatik */
.ads-auto-state{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 10px}
.ads-auto-state small{grid-column:2;font-size:12.5px;color:var(--text-3)}
.ads-auto-dot{width:12px;height:12px;border-radius:50%;background:var(--line-strong)}
.ads-auto.on .ads-auto-dot{background:var(--success);box-shadow:0 0 0 4px var(--success-soft);animation:ads-pulse 2.4s ease-in-out infinite}
.ads-auto.on{border-color:color-mix(in srgb,var(--success) 40%,var(--line))}
.ads-auto.arming{border-color:color-mix(in srgb,var(--warning) 50%,var(--line))}
@keyframes ads-pulse{50%{box-shadow:0 0 0 8px transparent}}
.ads-auto-list{display:flex;flex-direction:column;gap:5px;margin:0;padding-left:18px;font-size:12.5px;color:var(--text-2)}
.ads-warn-note{padding:10px 12px;border-radius:var(--r);background:var(--warning-soft);color:var(--warning-text);font-size:13px;font-weight:600}
.ads-confirm{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text);cursor:pointer}
.ads-confirm input{flex:0 0 auto;width:18px;height:18px;margin-top:1px}

/* Tagesdiagramme (eine Kennzahl, eine Achse) */
.av-chart{position:relative;min-height:190px}
.av-chart-empty{display:grid;place-items:center;min-height:170px;text-align:center;border-radius:var(--r-lg);background:var(--bg-sunken)}
.av-svg path.av-line,.av-spark polyline.av-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.av-svg path.av-line.s1,.av-spark .av-line.s1{stroke:var(--series-1)}
.av-svg path.av-line.s2,.av-spark .av-line.s2{stroke:var(--series-2)}
.av-svg path.av-area.s1{fill:color-mix(in srgb,var(--series-1) 14%,transparent)}
.av-svg path.av-area.s2{fill:color-mix(in srgb,var(--series-2) 14%,transparent)}
.av-svg .av-cross{stroke:var(--chart-axis);stroke-width:1;stroke-dasharray:3 3;pointer-events:none}
.av-svg .av-dot{stroke:var(--bg-elev);stroke-width:2;pointer-events:none}
.av-svg .av-dot.s1{fill:var(--series-1)}.av-svg .av-dot.s2{fill:var(--series-2)}
.av-svg .col.on .hit{fill:var(--bg-hover)}
.av-tip{min-width:150px}
.av-tip .tip-row i.s1{background:var(--series-1)}.av-tip .tip-row i.s2{background:var(--series-2)}
.av-spark{width:84px;height:24px;display:block}
.av-spark .av-spark-flat{stroke:var(--line-strong);stroke-width:2;stroke-dasharray:2 4}

/* Trichter */
.ads-funnel{display:flex;flex-direction:column;gap:6px}
.ads-fstep{display:flex;flex-direction:column;align-items:center;gap:4px}
.ads-frate{font-size:12px;font-weight:600;color:var(--text-3)}
.ads-fbox{display:flex;align-items:baseline;justify-content:center;gap:8px;width:var(--w,100%);padding:10px 12px;border-radius:var(--r);background:color-mix(in srgb,var(--series-1) 12%,var(--bg-elev));border:1px solid color-mix(in srgb,var(--series-1) 30%,var(--line))}
.ads-fbox b{font-size:20px;font-variant-numeric:tabular-nums}
.ads-fbox span{font-size:12.5px;color:var(--text-2)}

/* Rangliste */
.ads-board{gap:0}
.ads-board>.ads-panel-head{margin-bottom:10px}
.ads-brow{display:grid;grid-template-columns:minmax(0,2.4fr) 0.9fr 0.8fr 0.8fr 0.9fr 96px 1fr;align-items:center;gap:10px;padding:9px 4px;border-top:1px solid var(--line);font-size:13px}
.ads-bhead{border-top:0;padding-top:0;font-size:11.5px;font-weight:650;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}
.ads-brow .num{font-variant-numeric:tabular-nums;text-align:right}
.ads-bhead span:nth-child(n+3):nth-child(-n+5){text-align:right}
.ads-brow .muted{color:var(--text-3)}
.ads-brow.st-pausiert,.ads-brow.st-beendet{opacity:.72}
.ads-bwho{display:flex;align-items:center;gap:10px;min-width:0}
.ads-bwho img{width:36px;height:45px;object-fit:cover;border-radius:var(--r-xs);flex:0 0 auto}
.ads-bwho div{display:flex;flex-direction:column;min-width:0}
.ads-bwho small{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-badge{display:inline-flex;align-items:center;justify-self:start;padding:2px 9px;border-radius:var(--r-pill);font-size:11.5px;font-weight:650;white-space:nowrap;background:var(--bg-sunken);color:var(--text-2)}
.ads-badge.good{background:var(--success-soft);color:var(--success-text)}
.ads-badge.info{background:var(--info-soft);color:var(--info-text)}
.ads-badge.warn{background:var(--warning-soft);color:var(--warning-text)}
.ads-badge.bad{background:var(--danger-soft);color:var(--danger-text)}
.ads-sold{color:var(--success-text);font-weight:600;font-size:13px}

/* Verlauf & Gelerntes */
.ads-feed{display:flex;flex-direction:column}
.ads-fitem{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:start;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.ads-fitem:first-child{border-top:0}
.ads-fitem small{font-size:11.5px;color:var(--text-3);white-space:nowrap}
.ads-ficon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--bg-sunken);font-size:11px;font-weight:700;color:var(--text-2)}
.ads-fitem.lvl-brake .ads-ficon,.ads-fitem.lvl-urgent .ads-ficon{background:var(--danger-soft);color:var(--danger-text)}
.ads-fitem.lvl-good .ads-ficon{background:var(--success-soft);color:var(--success-text)}
.ads-fitem.lvl-auto .ads-ficon{background:var(--info-soft);color:var(--info-text)}
.ads-lessons{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:13px;color:var(--text-2)}
.ads-settings{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px 12px;align-items:end}
.ads-settings>.ads-actions,.ads-settings>fieldset{grid-column:1/-1}

/* Webshop */
.shop-rings{display:flex;flex-wrap:wrap;gap:16px}
.shop-ring{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:74px;font-size:12.5px;font-weight:600;color:var(--text)}
.shop-ring small{font-size:11px;font-weight:500;color:var(--text-3)}
.shop-ring-dial{position:relative;display:grid;place-items:center}
.shop-ring-dial svg{transform:rotate(-90deg)}
.shop-ring-dial b{position:absolute;font-size:17px;font-variant-numeric:tabular-nums}
.shop-ring circle{fill:none;stroke-width:4;stroke-linecap:round}
.shop-ring circle.track{stroke:var(--bg-sunken)}
.shop-ring.good circle.bar{stroke:var(--success)}.shop-ring.good b{color:var(--success-text)}
.shop-ring.warn circle.bar{stroke:var(--warning)}.shop-ring.warn b{color:var(--warning-text)}
.shop-ring.bad circle.bar{stroke:var(--danger)}.shop-ring.bad b{color:var(--danger-text)}
.shop-card>img{background:var(--bg-elev)}
.shop-ptitle{font-size:13.5px;font-weight:600;line-height:1.35}
.shop-desc{white-space:pre-line;max-height:220px;overflow:auto}
.shop-list{display:flex;flex-direction:column}
.shop-lrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto 70px;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.shop-lrow span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-2)}
.shop-lrow a{color:var(--accent-text);font-weight:600;text-align:right}
.shop-seo{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-top:1px solid var(--line)}
.shop-seo-head{display:flex;align-items:center;gap:8px;min-width:0}
.shop-seo-head b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
.shop-seo-old{font-size:12.5px;color:var(--text-3);text-decoration:line-through}
.shop-seo textarea{width:100%;resize:vertical;font:inherit;font-size:13.5px}
.shop-count{font-size:11.5px;color:var(--text-3);text-align:right}
.shop-count.over{color:var(--danger-text);font-weight:650}
.shop-findings{display:flex;flex-direction:column}
.shop-finding{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:9px 0;border-top:1px solid var(--line);font-size:13px}
.shop-finding p{color:var(--text-2);font-size:12.5px}
.shop-pixel{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:13.5px}
.shop-way{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px 12px;margin:0;padding:12px;border:1px solid var(--line);border-radius:var(--r-lg)}
.shop-way legend{padding:0 6px;font-size:12.5px;font-weight:650;color:var(--text-2)}

@media (max-width:900px){
  .ads-row{grid-template-columns:minmax(0,1fr)}
  .ads-steps{grid-template-columns:minmax(0,1fr)}
  .ads-status>.btn{margin-left:0}
  .ads-link-card{flex-direction:column;align-items:flex-start}
  .ads-bhead{display:none}
  .ads-brow{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;padding:12px 0}
  .ads-brow .ads-bwho{grid-column:1/-1}
  .ads-brow .num{text-align:left}
  .ads-brow>[data-l]::before{content:attr(data-l);display:block;margin-bottom:2px;font-size:10.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}
  .ads-body-wrap .ads-kpis-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ads-body-wrap .ads-card{grid-template-columns:96px minmax(0,1fr)}
  .ads-body-wrap .ads-card>img{width:96px}
  .ads-big{font-size:24px}
  .shop-lrow{grid-template-columns:auto minmax(0,1fr) auto}
  .shop-lrow>:last-child{grid-column:1/-1;text-align:left}
}
@media (prefers-reduced-motion:reduce){.ads-auto.on .ads-auto-dot{animation:none}.ads-stack i{transition:none}}

/* Shop-Intelligenz: Produktseiten */
.iq-summary{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.iq-facts{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.iq-headline{font-size:15px;font-weight:650;line-height:1.35}
.iq-plan{display:flex;flex-direction:column}
.iq-measure{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px 0;border-top:1px solid var(--line);cursor:pointer}
.iq-measure input{width:18px;height:18px;margin-top:2px}
.iq-measure p{font-size:12.5px;color:var(--text-2)}
.iq-measure small{display:block;font-size:12px;color:var(--text-3);margin-top:2px}
.iq-measure.done b{text-decoration:line-through;color:var(--text-3)}
.iq-prop-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.iq-prop-head small{font-size:11.5px;color:var(--text-3)}
.iq-pages{display:flex;flex-direction:column;gap:10px}
.iq-page{border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line);overflow:hidden}
.iq-page.open{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:var(--shadow-sm)}
.iq-page-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px}
.iq-page-head .shop-ring{min-width:0}
.iq-page-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.iq-page-info b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iq-page-info small{font-size:12px;color:var(--text-3)}
.iq-page-side{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.iq-gaps{display:flex;flex-wrap:wrap;gap:4px}
.iq-gap{padding:1px 8px;border-radius:var(--r-pill);background:var(--warning-soft);color:var(--warning-text);font-size:11.5px;font-weight:600}
.iq-page-body{display:flex;flex-direction:column;gap:12px;padding:12px 14px 14px;border-top:1px solid var(--line);background:var(--bg-sunken)}
.iq-ai{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:var(--r);background:var(--chloe-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));font-size:13px}
.iq-ideas{display:flex;flex-direction:column;gap:5px;margin:0;padding-left:0;list-style:none;font-size:12.5px;color:var(--text-2)}
.iq-props{display:flex;flex-direction:column;gap:8px}
.iq-prop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--r);background:var(--bg-elev);border:1px solid var(--line)}
.iq-prop>div:first-child{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.iq-prop p{font-size:12.5px;color:var(--text-2)}
.iq-prop textarea{width:100%;resize:vertical;font:inherit;font-size:13px}
.iq-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;margin:0;font-size:12.5px}
.iq-meta dt{font-weight:650}.iq-meta dd{margin:0;color:var(--text-2);white-space:pre-line}
.iq-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:6px}
.iq-check{display:grid;grid-template-columns:20px minmax(0,1fr);gap:2px 8px;align-items:start;padding:7px 9px;border-radius:var(--r-sm);background:var(--bg-elev);font-size:12.5px}
.iq-check small{grid-column:2;color:var(--text-3);font-size:11.5px}
.iq-mark{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:700}
.iq-check.ok .iq-mark{background:var(--success-soft);color:var(--success-text)}
.iq-check.no .iq-mark{background:var(--danger-soft);color:var(--danger-text)}
.iq-howto p{font-size:13px;color:var(--text-2);margin-top:6px}

/* Chloe-Strategie (Chloe-Zentrale) */
.brain-card{position:relative;display:flex;flex-direction:column;gap:12px;overflow:hidden;background:var(--chloe-soft),var(--bg-elev);border-color:color-mix(in srgb,var(--chloe-a) 40%,var(--line))}
.brain-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--chloe-grad);background-size:200% 100%;animation:brain-flow 6s linear infinite}
@keyframes brain-flow{to{background-position:200% 0}}
.brain-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.brain-head h2{font-size:18px;line-height:1.3;margin-top:2px}
.brain-moves{display:flex;flex-direction:column;gap:8px}
.brain-move{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 12px;border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--line)}
.brain-move input{width:18px;height:18px;margin-top:3px}
.brain-move-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.brain-move p{font-size:12.5px;color:var(--text-2);margin-top:3px}
.brain-move small{font-size:12px;color:var(--text-3)}
.brain-move.done{opacity:.6}.brain-move.done b{text-decoration:line-through}
@media (max-width:900px){
  .iq-page-head{grid-template-columns:auto minmax(0,1fr)}
  .iq-page-side{grid-column:1/-1;justify-content:flex-start}
  .iq-prop{flex-direction:column}
  .brain-move{grid-template-columns:auto minmax(0,1fr)}
  .brain-move>.btn{grid-column:2;justify-self:start}
}
@media (prefers-reduced-motion:reduce){.brain-card::before{animation:none}}
.shop-seo-job{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--r);background:var(--accent-soft);font-size:13px}
.shop-stock.bad{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}
.shop-stock.bad .ads-panel-head h3{color:var(--danger-text)}
.shop-stock-group{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--r-lg);background:var(--bg-sunken);border:1px solid var(--line)}
.shop-stock-group h4{font-size:14px}
.shop-stock-group>.btn{align-self:flex-start}
.shop-stock-group>summary{cursor:pointer;font-weight:650;font-size:14px}
.shop-stock-list{display:flex;flex-direction:column}
.shop-stock-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:13px}
.shop-stock-row>div{display:flex;flex-direction:column;min-width:0}
.shop-stock-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-stock-row small{font-size:11.5px;color:var(--text-3)}
.shop-stock-row a{flex:0 0 auto;color:var(--accent-text);font-weight:600;font-size:12.5px}
.shop-theme-steps{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:13px;color:var(--text-2)}
.shop-theme-block.done{opacity:.7}
.shop-theme-where{font-size:13px;font-weight:600;color:var(--text)}
.shop-theme-code{max-height:260px;overflow:auto;margin:0;padding:12px;border-radius:var(--r);background:var(--bg-sunken);border:1px solid var(--line);
  font-family:var(--mono);font-size:12px;line-height:1.5;white-space:pre;color:var(--text)}

/* Shopify-Logo (Navigation, Kopf der Webshop-Abteilung) */
.rail-nav .nav-icon svg.brand-shopify,.mobile-drawer-nav .drawer-icon svg.brand-shopify,.shop-kicker svg.brand-shopify{stroke:none;fill:var(--shopify);width:20px;height:20px}
.brand-shopify .s{fill:#fff}
.shop-kicker{display:inline-flex;align-items:center;gap:8px}
.shop-kicker svg.brand-shopify{width:18px;height:18px}
.shop-auto{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.shop-auto select{min-height:36px}
/* eBay verbinden */
.ebay-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;padding:20px;border-radius:var(--r-xl);border:1px solid var(--line-strong);background:var(--bg-elev);color:var(--text)}
.ebay-dialog::backdrop{background:rgba(0,0,0,.55)}
.ebay-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}
.ebay-lead{color:var(--text-2);font-size:13.5px;margin:0 0 14px}
.ebay-step{border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 14px;margin-bottom:10px;background:var(--bg-sunken)}
.ebay-step>header{display:flex;align-items:center;gap:10px}
.ebay-num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-weight:700;font-size:13px}
.ebay-step.done .ebay-num{background:var(--success-soft);color:var(--success-text)}
.ebay-body{display:grid;gap:10px;margin-top:10px}
.ebay-body textarea{width:100%}
.ebay-body .btn{justify-self:start}
.ebay-todo{font-size:13px;color:var(--warning-text,var(--text-2))}