/* Template-inspired photograph, warm edge glow, and translucent product surfaces. */
:root {
  --bg:#484440;
  --panel:rgba(48,46,43,.78);
  --panel-solid:#47433f;
  --panel-soft:rgba(45,42,40,.76);
  --line:rgba(255,247,230,.27);
  --line-soft:rgba(255,247,230,.15);
  --text:#fffaf2;
  --muted:#e0d7ca;
  --primary:#f4eee3;
  --primary-dark:#fffaf2;
  --shadow:0 12px 32px rgba(36,27,20,.16);
}
html { background:#484440; }
body { position:relative;isolation:isolate;background:transparent; }
body::before {
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(42,39,37,.25),rgba(49,43,39,.06) 45%,rgba(49,43,39,.18)),url('/workspace-assets/cloudscape.jpg') center center/cover no-repeat;
}
body::after {
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(110% 115% at 50% 0%,rgba(247,127,113,0) 65%,rgba(247,127,113,.14) 85%,rgba(255,111,80,.27) 100%);
}
.workspace-header { background:rgba(49,46,43,.62);border-bottom-color:rgba(255,246,229,.24);backdrop-filter:blur(22px);box-shadow:0 8px 36px rgba(27,23,19,.08); }
.workspace-header .nav-rail,.workspace-header .nav-rail:hover,.workspace-header .nav-rail:focus-within { background:rgba(27,25,23,.28);border-color:rgba(255,247,230,.22); }
.workspace-header .nav-btn { color:#e1d8cb; }
.workspace-header .nav-btn.active { background:#f4eee3;color:#302d28;box-shadow:0 2px 8px rgba(18,15,12,.12); }
.workspace-account #userLine { color:#e4ddd2; }
button.ghost,.button-link.ghost,button.secondary { background:rgba(241,227,202,.08);color:#fff5e6;border-color:var(--line); }
button.ghost:hover,.button-link.ghost:hover,button.secondary:hover { background:rgba(255,244,221,.17);border-color:rgba(255,249,235,.45); }
input,select,textarea,.mapping-form input,.filter-module .radio-filter,.filter-module .date-select-wrap,.date-range-trigger,.check-dropdown-trigger,.page-input,.page-size-select { background:rgba(37,35,32,.48);color:#fff6e7;border-color:rgba(255,247,230,.24); }
input::placeholder,textarea::placeholder { color:#ccc2b5; }
input:focus,select:focus,textarea:focus { border-color:#f3d1a8;box-shadow:0 0 0 3px rgba(243,209,168,.14); }
select option { background:#49443e;color:#fff7e9; }
#assetsView .assets-top { background:rgba(47,44,40,.67);border-color:rgba(255,247,230,.29);backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),var(--shadow); }
.filter-module .date-select-wrap > span { background:rgba(255,247,230,.05); }
.job-board { background:rgba(41,39,36,.54);border-color:rgba(255,247,230,.25);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),var(--shadow); }
.asset-section-head { background:rgba(255,247,230,.065);border-color:rgba(255,247,230,.15); }
.gallery-card,.gallery-card.feishu-glass { background:rgba(68,63,56,.92);border-color:rgba(255,247,230,.24); }
.gallery-card:hover,.gallery-card.feishu-glass:hover { background:rgba(82,75,65,.96);border-color:#cfbca0; }
.gallery-empty { color:#e5dcd0; }
.metric-total strong { color:#fff0d7; }
.config-tabs { padding:0 18px;background:rgba(47,43,39,.49);border:1px solid rgba(255,247,230,.23);border-radius:12px;backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.config-tab { color:#e3d6c5; }
.config-tab:hover,.config-tab.active { color:#fffaf2; }
.config-tab.active::after { background:#ffdbac; }
.tab-number,.config-tab.active .tab-number { color:#dac3a3; }
.config-section-heading { padding:0 2px;text-shadow:0 1px 6px rgba(23,17,12,.35); }
.config-section-heading h2 { color:#fffaf4; }
.config-section-heading p { color:#eee2d1; }
.config-model-count { background:rgba(38,34,30,.5);color:#fff0d8;border-color:rgba(255,247,230,.3); }
.model-supplier-card {
  background:linear-gradient(135deg,rgba(255,234,198,.09),rgba(255,234,198,0) 65%),rgba(43,40,37,.68);
  border-color:rgba(255,247,230,.28);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px rgba(28,20,15,.12);
}
.model-supplier-card.is-configurable { border-color:rgba(255,247,230,.28); }
.model-supplier-card:hover { border-color:rgba(255,244,217,.5);background:linear-gradient(135deg,rgba(255,234,198,.11),transparent 65%),rgba(52,47,42,.74); }
.model-entry-count,.model-save-status { color:#d4c9b9; }
.model-mode,.is-fixed .model-mode { color:#f0dfc5;background:rgba(255,243,218,.05);border-color:rgba(255,243,218,.24); }
.model-symbol { stroke:#f2d0a2; }
.supplier-segments { background:rgba(24,23,21,.3);border-color:rgba(255,247,230,.15); }
.supplier-segment { color:#eadfcd; }
.supplier-segment:hover:not(:disabled) { background:rgba(255,239,208,.12);color:#fffaf2; }
.supplier-segment.active,.supplier-segment.active:hover { background:#f0e4cf;border-color:#f0e4cf;color:#302d26;box-shadow:0 2px 8px rgba(24,19,13,.1); }
.is-fixed .supplier-segment.active { background:rgba(218,198,163,.16);border-color:rgba(242,216,178,.24);color:#f3e2c8; }
.model-supplier-card.has-error { background:rgba(85,49,40,.9);border-color:#eeb09a; }
.model-supplier-card.has-error .model-save-status { color:#ffd1bf; }
.model-supplier-card.is-saving .model-save-status { color:#ffe2ad; }
.admin-form,.mapping-form,.admin-row,.mapping-row { background:rgba(45,42,38,.7);border-color:rgba(255,247,230,.26);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.check-dropdown-menu,.date-range-menu,.modal-panel { background:#46413b;border-color:rgba(255,247,230,.3); }
.config-message { color:#ffebc9; }
body .flatpickr-calendar { background:#49433c;border-color:rgba(255,247,230,.3); }
body .flatpickr-day { color:#f7ecda; }
body .flatpickr-day.prevMonthDay,body .flatpickr-day.nextMonthDay,body .flatpickr-day.flatpickr-disabled { color:#aba192; }
body .flatpickr-day:hover,body .flatpickr-day.inRange { background:#665c4d;border-color:#665c4d; }
pre { background:#302d28;color:#f1e6d6; }
/* Media remains neutral: no brightness, color filter or opacity on actual outputs. */
.preview-images img,.preview-images video,.video-preview-placeholder,.empty-preview,.asset img,.asset video { background:#292929; }
@supports not (backdrop-filter:blur(1px)) {
  .workspace-header,#assetsView .assets-top,.job-board,.config-tabs,.model-supplier-card,.admin-form,.mapping-form,.admin-row,.mapping-row { background:#49433d; }
}
@media(max-width:760px) {
  body::before { background-position:60% center; }
  .config-tabs { padding-inline:12px; }
  .model-supplier-card { backdrop-filter:none;background:rgba(52,46,40,.9); }
}

/* Compact chrome; content begins immediately below it. */
.workspace-header { min-height:60px;padding-block:7px;gap:16px; }
.workspace-brand > span { font-size:25px; }
.workspace-brand > svg { width:28px;height:28px; }
.workspace-header .nav-rail,.workspace-header .nav-rail:hover,.workspace-header .nav-rail:focus-within { padding:3px; }
.workspace-header .nav-btn { min-height:32px;width:88px;font-size:11px; }
.workspace-account #logoutBtn { min-height:30px; }
.app-main { padding-top:78px; }
/* A bounded single-image stage: pan the image, never the UI or actual asset media. */
#workspace-scenery { position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#65574b; }
#workspace-scenery > img { position:absolute;left:50%;top:0;max-width:none;transform-origin:50% 50%; }
#workspace-scenery::after { content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(90,72,60,.12),rgba(178,151,126,.17) 60%,rgba(152,125,101,.22)); }
#workspace-scenery.is-travelling > img { will-change:transform; }
html.workspace-scene-ready body::before { background:linear-gradient(180deg,rgba(42,39,37,.10),transparent 45%,rgba(49,43,39,.04)); }
@media(max-width:760px) {
  .workspace-header { min-height:94px;padding:7px 22px;gap:7px 12px; }
  .workspace-header .nav-btn { min-height:36px;width:auto;font-size:12px; }
  .workspace-account #logoutBtn { min-height:32px; }
  .workspace-brand > span { font-size:24px; }
  .workspace-brand > svg { width:26px;height:26px; }
  .app-main { padding-top:110px; }
}
@media(max-width:380px) { .workspace-header { padding-inline:18px; } }
@media(prefers-reduced-motion:reduce) { #workspace-scenery > img { will-change:auto!important; } }
/* Blur belongs to cards and toolbars, not the entire view over the rocket. */
#assetsView,#configView,.config-panel { backdrop-filter:none;-webkit-backdrop-filter:none; }
#assetsView[tabindex='-1']:focus { outline:none; }