/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Instrument_Sans","arguments":[{"subsets":["latin"],"variable":"--font-sans","display":"swap"}],"variableName":"fontSans"} ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(adb45196eddef626-s-e2385a01.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(26d0ba92e140f0dc-sp-e35fad09.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Instrument Sans Fallback';src: local("Arial");ascent-override: 94.42%;descent-override: 24.33%;line-gap-override: 0.00%;size-adjust: 102.74%
}.__className_3f4a4b {font-family: 'Instrument Sans', 'Instrument Sans Fallback';font-style: normal
}.__variable_3f4a4b {--font-sans: 'Instrument Sans', 'Instrument Sans Fallback'
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"IBM_Plex_Mono","arguments":[{"subsets":["latin"],"weight":["400","500"],"variable":"--font-mono","display":"swap"}],"variableName":"fontMono"} ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(58f386aa6b1a2a92-s-f572f7b5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(011e180705008d6f-s-cd34c779.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(7ba5fb2a8c88521c-s-afac1fab.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(92eeb95d069020cc-s-17a5b2a1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(d3ebbfd689654d3a-sp-814fe161.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(ef4d5661765d0e49-s-de1d49f2.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(d29838c109ef09b4-s-0ba762bd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(e40af3453d7c920a-s-9fb609fe.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(99dcf268bda04fe5-s-216ee1a3.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(98e207f02528a563-sp-6708425c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'IBM Plex Mono Fallback';src: local("Arial");ascent-override: 76.16%;descent-override: 20.43%;line-gap-override: 0.00%;size-adjust: 134.59%
}.__className_9f0762 {font-family: 'IBM Plex Mono', 'IBM Plex Mono Fallback';font-style: normal
}.__variable_9f0762 {--font-mono: 'IBM Plex Mono', 'IBM Plex Mono Fallback'
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-os.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * RAUMRISS 2040 · Global operating environment
 * Warm off-white OS · PDF tokens · copper accent · Rams clarity.
 */

html.raumriss-os,
body.raumriss-os {
  /* ── RAUMRISS 2040 · canonical tokens (PDF) ─ */
  --background: #f8f7f4;
  --background-elevated: #ffffff;
  --background-sunken: #f2f1ee;
  --background-hover: #eeedea;

  --text-primary: #0f0f0f;
  --text-secondary: #575757;
  --text-tertiary: #8a8a8a;
  --text-label: #4f4f4f;

  --copper: #ea580c;
  --copper-light: #fb923c;
  --copper-dark: #c2410c;
  --copper-subtle: rgba(234, 88, 12, 0.14);
  --copper-glow: rgba(251, 146, 60, 0.32);
  --copper-wash: rgba(251, 146, 60, 0.09);

  /* Milchglas · warm, leicht durchsichtig */
  --os-glass-milk: rgba(255, 252, 247, 0.62);
  --os-glass-milk-raised: rgba(255, 253, 250, 0.78);
  --os-glass-milk-hover: rgba(255, 253, 248, 0.86);
  --os-glass-border: rgba(255, 255, 255, 0.58);
  --os-glass-border-copper: rgba(251, 146, 60, 0.38);
  --os-glass-blur: blur(20px) saturate(1.28);
  --os-glass-blur-strong: blur(26px) saturate(1.38);

  --success: #2d8a4e;
  --warning: #c67d3c;
  --error: #c94040;
  --info: #3b6fd4;

  --border-default: #e4e3df;
  --border-soft: #ecebe7;
  --border-raised: rgba(255, 255, 255, 0.78);
  --border-hover: #ea580c;
  --border-focus: rgba(234, 88, 12, 0.52);

  --shadow-sm:
    0 1px 2px rgba(15, 15, 15, 0.06),
    0 3px 10px rgba(15, 15, 15, 0.05);
  --shadow-md:
    0 3px 8px rgba(15, 15, 15, 0.08),
    0 12px 28px rgba(15, 15, 15, 0.09),
    0 4px 16px rgba(234, 88, 12, 0.06);
  --shadow-lg:
    0 6px 16px rgba(15, 15, 15, 0.09),
    0 20px 48px rgba(15, 15, 15, 0.11),
    0 8px 28px rgba(234, 88, 12, 0.12);
  --shadow-hover:
    0 6px 14px rgba(15, 15, 15, 0.1),
    0 18px 44px rgba(15, 15, 15, 0.14),
    0 10px 36px rgba(234, 88, 12, 0.2),
    0 0 0 1px color-mix(in srgb, var(--copper) 24%, transparent);
  --shadow-lift:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 3px 6px rgba(15, 15, 15, 0.07),
    0 10px 26px rgba(15, 15, 15, 0.1),
    0 6px 20px rgba(234, 88, 12, 0.08);
  --shadow-panel:
    0 0 0 1px rgba(15, 15, 15, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 4px 10px rgba(15, 15, 15, 0.08),
    0 16px 40px rgba(15, 15, 15, 0.12),
    0 12px 32px rgba(234, 88, 12, 0.09);
  --shadow-float:
    0 4px 8px rgba(15, 15, 15, 0.08),
    0 18px 48px rgba(15, 15, 15, 0.14),
    0 14px 40px rgba(234, 88, 12, 0.1),
    0 0 0 1px rgba(15, 15, 15, 0.05);
  --shadow-glass-hover:
    0 8px 18px rgba(15, 15, 15, 0.11),
    0 22px 52px rgba(15, 15, 15, 0.16),
    0 14px 42px rgba(251, 146, 60, 0.26),
    0 0 48px rgba(251, 146, 60, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
  /* Home-Module · gleiche Tiefe wie Bewegung (links) */
  --shadow-home-module:
    0 0 0 1px rgba(15, 15, 15, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 5px 12px rgba(15, 15, 15, 0.09),
    0 18px 44px rgba(15, 15, 15, 0.14),
    0 14px 38px rgba(234, 88, 12, 0.1);
  --shadow-home-module-hover:
    0 8px 18px rgba(15, 15, 15, 0.11),
    0 24px 56px rgba(15, 15, 15, 0.17),
    0 16px 44px rgba(234, 88, 12, 0.18),
    0 0 40px rgba(251, 146, 60, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --shadow-hardware:
    0 0 0 1px rgba(15, 15, 15, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 2px 4px rgba(15, 15, 15, 0.05),
    0 8px 22px rgba(15, 15, 15, 0.08),
    0 28px 72px rgba(15, 15, 15, 0.16);
  --riss-slot-recess:
    inset 0 3px 10px rgba(15, 15, 15, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    0 0 0 1px rgba(15, 15, 15, 0.08);
  --riss-slot-fill: #e9e8e4;
  --os-hw-ridge: inset 0 1px 0 rgba(255, 255, 255, 0.92);
  --os-hw-knob:
    inset 0 2px 5px rgba(15, 15, 15, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.68),
    0 1px 2px rgba(15, 15, 15, 0.05);
  --os-hw-knob-hover:
    inset 0 1px 3px rgba(15, 15, 15, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 3px 10px rgba(15, 15, 15, 0.09),
    0 1px 0 rgba(255, 255, 255, 0.5);
  --os-hw-knob-pressed:
    inset 0 3px 8px rgba(15, 15, 15, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.42);
  --os-hw-cell:
    inset 0 2px 6px rgba(15, 15, 15, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 1px rgba(15, 15, 15, 0.04);

  --font-display: var(--font-sans), "Instrument Sans", system-ui, sans-serif;
  --font-mono-data: var(--font-mono), "IBM Plex Mono", "SF Mono", monospace;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  --radius-sm: 0.625rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.125rem;
  --radius-xl: 1.375rem;
  --radius-2xl: 1.75rem;
  --radius-full: 999px;

  /* ── Legacy remap → PDF tokens ─ */
  --raum-black: var(--text-primary);
  --raum-bg: var(--background);
  --raum-bg-warm: var(--background-hover);
  --raum-graphite: var(--background-sunken);
  --raum-metal: var(--background-sunken);
  --raum-metal-raised: var(--background-elevated);
  --raum-glass: var(--os-glass-milk-raised);
  --raum-glass-soft: var(--os-glass-milk);
  --raum-panel: var(--background-sunken);
  --raum-panel-raised: var(--background-elevated);
  --raum-panel-soft: var(--background-sunken);
  --raum-line: var(--border-default);
  --raum-line-strong: var(--border-default);
  --raum-cream: var(--text-primary);
  --raum-text: var(--text-primary);
  --raum-text-soft: var(--text-secondary);
  --raum-muted: var(--text-secondary);
  --raum-faint: var(--text-tertiary);
  --raum-amber: var(--copper);
  --raum-amber-dim: var(--copper-subtle);
  --raum-brass: var(--copper);
  --raum-olive: var(--success);
  --raum-red: var(--error);
  --raum-cold: var(--text-tertiary);

  --rr-wall: var(--background);
  --rr-wall-soft: var(--background);
  --rr-surface: var(--background-sunken);
  --rr-surface-raised: var(--background-elevated);
  --rr-paper: var(--background-elevated);
  --rr-paper-aged: var(--background-sunken);
  --rr-line: var(--border-default);
  --rr-line-strong: var(--border-default);
  --rr-text: var(--text-primary);
  --rr-text-soft: var(--text-secondary);
  --rr-text-faint: var(--text-tertiary);
  --rr-orange: var(--copper);
  --rr-orange-soft: var(--copper-light);
  --rr-orange-wash: var(--copper-subtle);
  --rr-green: var(--success);
  --rr-green-soft: color-mix(in srgb, var(--success) 22%, transparent);
  --rr-black: var(--text-primary);

  --rr-bg: var(--background);
  --rr-bg-soft: var(--background-hover);
  --rr-bg-depth: var(--background);
  --rr-surface-elevated: var(--background-elevated);
  --rr-surface-soft: var(--background-sunken);
  --rr-surface-muted: var(--background-sunken);
  --rr-inset: var(--background-sunken);
  --rr-tab-active: var(--text-primary);
  --rr-bar-top: var(--background-elevated);
  --rr-bar-bottom: var(--background-sunken);
  --rr-bar: var(--background-elevated);
  --rr-bar-elevated: var(--background-elevated);
  --rr-bar-inset: var(--background-sunken);
  --rr-bar-press: var(--background-hover);
  --rr-hardware: var(--text-primary);
  --rr-hardware-inset: var(--background-sunken);
  --rr-hardware-soft: var(--background-hover);
  --rr-text-body: var(--text-primary);
  --rr-text-muted: var(--text-secondary);
  --rr-line-soft: var(--border-default);
  --rr-shadow-soft: var(--shadow-sm);
  --rr-shadow-medium: var(--shadow-md);
  --rr-shadow-hardware: var(--shadow-md);
  --rr-shadow-chamber: var(--shadow-sm);
  --rr-inner-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --rr-inner-inset: inset 0 1px 0 rgba(0, 0, 0, 0.03);
  --rr-panel-gradient: var(--background-elevated);
  --rr-glass-border: var(--border-default);
  --rr-glass-border-strong: var(--border-default);
  --rr-material-lift: var(--shadow-lift);
  --rr-material-tile-depth:
    inset 0 0 0 1px rgba(255, 255, 255, 0.54),
    inset 0 2px 10px rgba(20, 19, 15, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    0 2px 10px rgba(20, 19, 15, 0.045);
  --rr-material-tile-depth-active:
    inset 3px 0 0 var(--copper),
    inset 0 0 0 1px color-mix(in srgb, var(--copper) 14%, transparent),
    inset 0 2px 10px rgba(20, 19, 15, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    0 3px 12px rgba(20, 19, 15, 0.06),
    0 6px 20px rgba(234, 88, 12, 0.06);
  --rr-graphite-raised: var(--background-elevated);
  --rr-graphite-key: var(--background-sunken);
  --rr-depth-0: var(--background);
  --rr-depth-1: var(--background-elevated);
  --rr-depth-2: var(--background-elevated);
  --rr-depth-3: var(--background-sunken);
  --rr-placeholder: var(--text-tertiary);
  --rr-orange-seam: color-mix(in srgb, var(--copper) 42%, transparent);
  --rr-orange-ring: var(--border-focus);
  --rr-orange-border: var(--border-hover);
  --rr-red: var(--error);
  --rr-red-soft: color-mix(in srgb, var(--error) 18%, transparent);

  --os-bg: var(--background);
  --os-surface: var(--background-sunken);
  --os-surface-soft: var(--background-elevated);
  --os-inset: var(--background-sunken);
  --os-elevated: var(--background-elevated);
  --os-riss-cut: var(--background-sunken);
  --os-text: var(--text-primary);
  --os-text-body: var(--text-primary);
  --os-muted: var(--text-secondary);
  --os-text-soft: var(--text-secondary);
  --os-text-faint: var(--text-tertiary);
  --os-faint: var(--text-tertiary);
  --os-label: var(--text-label);
  --os-seam: var(--border-default);
  --os-divider: var(--border-default);
  --os-border: var(--border-default);
  --os-border-soft: var(--border-default);
  --os-orange: var(--copper);
  --os-orange-active: var(--copper);
  --os-orange-soft: var(--copper-light);
  --os-orange-glow: var(--copper-subtle);
  --os-orange-seam: color-mix(in srgb, var(--copper) 22%, var(--border-default));
  --os-orange-tint: var(--copper-subtle);
  --os-orange-wick: var(--copper-subtle);
  --os-green: var(--success);
  --os-green-soft: var(--rr-green-soft);
  --os-red: var(--error);
  --os-red-soft: var(--rr-red-soft);
  --os-amber: var(--copper);
  --os-active: var(--background-hover);
  --os-ease: cubic-bezier(0.23, 1, 0.32, 1);
  --os-ease-spring: cubic-bezier(0.34, 1.24, 0.64, 1);
  --os-focus-ring: 0 0 0 2px var(--background-elevated),
    0 0 0 4px color-mix(in srgb, var(--copper) 58%, transparent),
    0 0 20px color-mix(in srgb, var(--copper-glow) 65%, transparent);
  --os-radius-module: var(--radius-lg);
  --os-radius-panel: var(--radius-xl);
  --os-radius-inset: var(--radius-md);
  --os-radius-chip: var(--radius-sm);
  --os-panel-highlight: rgba(255, 255, 255, 0.72);
  --os-panel-inset: rgba(0, 0, 0, 0.03);
  --os-panel-floor: none;
  --os-panel-ambient: none;
  --os-panel-ambient-warm: none;
  --os-material-panel: var(--shadow-panel);
  --os-material-panel-signal: var(--shadow-panel);
  --os-material-inset:
    inset 0 0 0 1px var(--border-default),
    inset 0 2px 6px rgba(15, 15, 15, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
  --os-material-chamber-embedded: var(--shadow-panel);
  --os-material-chamber-pressed: var(--shadow-panel);
  --os-material-field-recess:
    inset 0 2px 6px rgba(0, 0, 0, 0.03),
    inset 0 0 0 1px var(--border-default);
  --os-material-chamber-signal: var(--shadow-panel);
  --os-material-layer-lift:
    0 0 0 1px var(--border-default),
    var(--shadow-sm);
  --os-layer-field: var(--background);
  --os-layer-chamber: var(--background-elevated);
  --os-layer-operational: var(--background-elevated);
  --rr-page-gutter: var(--space-6);
  --rr-page-max: 1440px;
  --rr-page-frame-width: min(calc(100% - 48px), 1440px);
  --os-page-max: 1440px;
  --os-space-page-top: clamp(4.5rem, 9vh, 6rem);
  --os-space-section-gap: clamp(2.5rem, 4.2vw, 3.5rem);
  --os-rhythm-xs: 0.5rem;
  --os-rhythm-sm: 0.85rem;
  --os-rhythm-md: 1.25rem;
  --os-rhythm-lg: 1.9rem;
  --os-rhythm-xl: 2.75rem;
  --os-space-chamber-y: clamp(1.5rem, 2.5vw, 2rem);
  --os-space-chamber-x: clamp(1.35rem, 2.2vw, 1.65rem);
  --os-space-chamber-lg-y: clamp(2rem, 3vw, 2.5rem);
  --os-space-chamber-lg-x: clamp(1.5rem, 2.5vw, 2rem);
  --os-space-chamber-md-y: clamp(1.35rem, 2.2vw, 1.65rem);
  --os-space-chamber-md-x: clamp(1.15rem, 2vw, 1.45rem);
  --os-space-chamber-sm: clamp(1rem, 1.8vw, 1.2rem);
  --os-space-section: clamp(2.5rem, 4vw, 3.5rem);
  --os-space-chamber-inner: clamp(0.75rem, 1.5vw, 1rem);
  --os-space-row-gap: clamp(0.75rem, 1.4vw, 1rem);
  --os-space-group-gap: clamp(1.5rem, 2.5vw, 2rem);

  /* Operative runtime · ein Rhythmus für Feld, Ads, Observatorium */
  --rr-operative-read-size: clamp(0.6875rem, 0.85vw, 0.75rem);
  --rr-operative-meta-size: 0.625rem;
  --rr-operative-title-size: 0.6875rem;
  --rr-operative-divider: color-mix(in srgb, var(--os-text) 5.5%, transparent);
  --rr-operative-gap: clamp(0.42rem, 0.85vw, 0.62rem);
  --rr-operative-recess: var(--os-material-chamber-embedded);
  --rr-operative-wick-idle: color-mix(in srgb, var(--os-text) 14%, transparent);
  --rr-operative-wick-live: color-mix(in srgb, var(--os-orange-wick) 52%, var(--os-text));
  --rr-operative-wick-watch: color-mix(in srgb, var(--os-text) 28%, var(--os-orange-wick));

  /* ── 5-level material depth hierarchy (depth ≠ darkness) ───── */
  --os-depth-1-page: var(--rr-bg);
  --os-depth-2-plate: var(--rr-bg-soft);
  --os-depth-3-chamber: var(--rr-surface);
  --os-depth-4-tray: var(--rr-surface-muted);
  --os-depth-5-core: var(--background-sunken);
  --riss-slit-fill-top: var(--background-sunken);
  --riss-slit-fill-bottom: var(--background-sunken);
  --riss-slit-fill: var(--background-sunken);
  --riss-slit-fill-focus-top: var(--background-elevated);
  --riss-slit-fill-focus-bottom: var(--background-sunken);
  --riss-slit-border: var(--border-default);
  --riss-slit-border-focus: var(--copper);
  --riss-slit-text: var(--text-primary);
  --riss-slit-placeholder: var(--text-tertiary);
  --riss-slit-label: var(--text-label);
  --riss-slit-lip: var(--border-default);
  --riss-well-fill: var(--background-sunken);
  --riss-well-lip: var(--border-default);
  --riss-matte: var(--background-elevated);
  --riss-edge: var(--border-default);
  --riss-edge-top: var(--border-default);
  --riss-edge-bottom: rgba(0, 0, 0, 0.04);
  --os-depth-highlight: rgba(255, 255, 255, 0.72);
  --os-depth-pressure: rgba(0, 0, 0, 0.03);
  --os-depth-pressure-soft: rgba(0, 0, 0, 0.02);
  --os-material-l1-atmosphere: none;
  --os-material-l2-plate: var(--shadow-lift);
  --os-material-l3-chamber: var(--shadow-panel);
  --os-material-l4-tray: var(--os-material-inset);
  --os-material-l5-slit-idle: var(--os-material-inset);
  --os-material-l5-slit-focus: 0 0 0 1px var(--border-focus);
  --riss-bar-shadow: var(--shadow-hardware);
  --riss-bar-border: var(--border-default);
  --riss-bar-fill: linear-gradient(180deg, #ffffff 0%, #f3f2ef 100%);
  --riss-bar-fill-solid: #faf9f7;
  --riss-control-fill: var(--background-sunken);
  --riss-control-shadow: var(--os-hw-knob);
  --riss-control-shadow-hover: var(--os-hw-knob-hover);
  --riss-control-shadow-pressed: var(--os-hw-knob-pressed);
  --riss-chamber-fill: var(--background-elevated);
  --riss-chamber-shadow: var(--shadow-lift);
  --os-signal-alive: var(--success);
  --os-signal-focus: var(--copper);
  --os-signal-critical: var(--error);
  --riss-hw-page: var(--background);
  --riss-hw-bar: rgba(255, 255, 255, 0.92);
  --riss-hw-inset: var(--background-sunken);
  --riss-hw-cut: var(--background-sunken);
  --riss-hw-hover: var(--background-hover);
  --riss-hw-border: var(--border-default);
  --riss-hw-border-hover: var(--border-hover);
  --riss-hw-divider: var(--border-default);
  --riss-hw-text: var(--text-primary);
  --riss-hw-muted: var(--text-secondary);
  --riss-hw-faint: var(--text-tertiary);
  --riss-hw-orange: var(--copper);
  --riss-hw-green: var(--success);
  --riss-hw-red: var(--error);
  --riss-hw-active: var(--text-primary);
  --riss-hw-idle-seam: var(--copper-subtle);
  --riss-hw-idle-wick: var(--copper-subtle);
  --riss-aurel-warm: var(--copper-light);
  --riss-aurel-live: var(--success);
  --riss-core-page: var(--riss-hw-page);
  --riss-core-bar: var(--riss-hw-bar);
  --riss-core-inset: var(--riss-hw-inset);
  --riss-core-text: var(--riss-hw-text);
  --riss-core-muted: var(--riss-hw-muted);

  /* Remap legacy variables → one material system */
  --atmo-base: var(--os-bg);
  --atmo-mist: transparent;
  --atmo-glow-top: transparent;
  --atmo-glow-corner: transparent;
  --atmo-glow-horizon: transparent;
  --atmo-light-shaft: transparent;
  --atmo-room-shadow: transparent;
  --atmo-vignette: transparent;
  --atmo-presence-glow: transparent;
  --atmo-depth-floor: transparent;
  --atmo-depth-mid: transparent;
  --atmo-plane-veil: transparent;
  --atmo-arch-edge: transparent;
  --surface-base: var(--os-bg);
  --surface-raised: var(--os-surface);
  --surface-embed: var(--os-inset);
  --surface-border: var(--os-seam);
  --surface-divider: var(--os-divider);
  --env-text-primary: var(--os-text);
  --env-text-secondary: var(--os-text-body);
  --env-text-muted: var(--os-muted);
  --text-primary: var(--os-text);
  --text-secondary: var(--os-text-body);
  --text-muted: var(--os-muted);
  --text-faint: var(--os-text-faint);
  --text-body: var(--os-text-body);
  --text-label: var(--os-label);
  --accent: var(--os-orange);
  --accent-soft: var(--os-orange);
  --accent-border: color-mix(in srgb, var(--os-orange-active) 46%, transparent);
  --accent-surface: var(--os-orange-soft);
  --runtime: var(--os-green);
  --runtime-soft: color-mix(in srgb, var(--os-green) 80%, transparent);
  --runtime-surface: var(--os-green-soft);
  --room-presence: var(--os-orange-soft);
  --room-presence-edge: var(--os-orange-glow);
  --env-spread-operate: minmax(0, 1.08fr) minmax(0, 0.92fr);
  --env-spread-home: minmax(0, 1.4fr) minmax(12.5rem, 0.6fr);
  --env-spread-chasm: clamp(1.45rem, 3vw, 2.65rem);
  --runtime-deck-base: var(--rr-bg-soft);
  --runtime-deck-channel: var(--rr-surface);
  --runtime-deck-rim: var(--rr-line-soft);
  --runtime-deck-well: var(--rr-surface);
  --runtime-deck-sink: var(--rr-bg);
  --env-hero-density: transparent;
  --env-hero-edge: var(--rr-line-soft);
  --env-hero-contact: var(--border-default);
  --env-hero-edge: var(--border-default);

  color-scheme: light;

  --os-bg-deep: var(--background);
  --os-bg-concrete: var(--background);
  --os-surface-graphite: var(--background-elevated);
  --os-surface-glass: var(--raum-glass);
  --os-surface-elevated: var(--background-elevated);
  --os-surface-inset: var(--background-sunken);
  --os-border-mineral: var(--border-default);
  --os-border-glass: var(--border-default);
  --os-shadow-ambient: var(--shadow-sm);
  --os-shadow-deep: var(--shadow-md);
  --os-shadow-inset: var(--os-material-inset);
  --os-accent-instrument: var(--copper);
  --os-accent-muted-red: var(--error);
  --os-text-primary: var(--text-primary);
  --os-text-secondary: var(--text-secondary);
  --os-text-muted: var(--text-tertiary);
  --os-text-ghost: var(--text-tertiary);
  --rr-hw-lift: var(--shadow-panel);
  --rr-chamber-recess: var(--os-material-inset);
}

html.raumriss-os {
  background-color: var(--background) !important;
  background-image: none !important;
}

body.raumriss-os {
  color: var(--text-primary);
  background-color: var(--background) !important;
  background-image: none !important;
  font-family: var(--font-display);
}

body.raumriss-os::before,
body.raumriss-os::after {
  opacity: 0 !important;
  pointer-events: none;
  background: none !important;
}

/* ── Page shells ─────────────────────────────────────────────── */

.os-page,
.spatial-surface {
  color: var(--os-text);
  min-height: 100%;
  background: transparent;
}

.os-page__inner,
.spatial-surface__shell,
.rr-page-frame {
  width: var(--rr-page-frame-width);
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 0;
  box-sizing: border-box;
}

.os-page__inner,
.spatial-surface__shell {
  padding-bottom: var(--runtime-dock-clearance);
  padding-top: var(--os-space-page-top, clamp(4.5rem, 9vh, 6rem));
}

.rr-page-frame {
  padding-bottom: var(--runtime-dock-clearance);
}

.os-room-page {
  position: relative;
  width: var(--rr-page-frame-width);
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 0;
  padding-bottom: var(--runtime-dock-clearance);
  padding-top: var(--os-space-page-top, clamp(4.5rem, 9vh, 6rem));
  color: var(--os-text);
  box-sizing: border-box;
}

/* ── Typography system ───────────────────────────────────────── */

html.raumriss-os .os-kicker,
html.raumriss-os .spatial-surface__kicker,
html.raumriss-os .type-eyebrow {
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--os-label) !important;
  text-shadow: none !important;
}

html.raumriss-os .os-title,
html.raumriss-os .spatial-surface__title,
html.raumriss-os .room-identity-strip__title,
html.raumriss-os .atmospheric-title,
html.raumriss-os .type-section-title {
  font-size: clamp(1.28rem, 2.3vw, 1.72rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.022em !important;
  line-height: 1.2 !important;
  color: var(--os-text) !important;
  text-shadow: none !important;
}

html.raumriss-os .spatial-surface__title {
  font-size: clamp(1.65rem, 3.2vw, 2.35rem) !important;
  line-height: 1.18 !important;
  font-weight: 500 !important;
}

html.raumriss-os .os-body,
html.raumriss-os .spatial-surface__phase,
html.raumriss-os .type-section-subtitle,
html.raumriss-os .type-meta,
html.raumriss-os .room-identity-strip__presence {
  font-size: 0.8125rem !important;
  line-height: 1.6 !important;
  color: var(--os-text-body) !important;
  text-shadow: none !important;
}

html.raumriss-os .os-label,
html.raumriss-os .type-label {
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--os-label) !important;
}

/* ── Material roles · Raum mit Instrumenten ───────────────── */

html.raumriss-os .rr-room-shell,
html.raumriss-os .room-shell.rr-room-shell {
  background: transparent;
}

html.raumriss-os .rr-room-surface,
html.raumriss-os .room-composition__stage.rr-room-surface {
  background: var(--rr-surface);
  border: 1px solid var(--rr-line);
  border-radius: var(--os-radius-panel);
  box-shadow: var(--shadow-float);
}

html.raumriss-os .rr-module {
  background: var(--rr-surface-raised);
  border: 1px solid var(--rr-line);
  border-radius: var(--os-radius-module);
  box-shadow: var(--shadow-lift);
}

html.raumriss-os .rr-paper {
  background: var(--rr-paper);
  border: 1px solid rgba(54, 45, 32, 0.12);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7),
    0 10px 24px rgba(54, 45, 32, 0.035);
}

html.raumriss-os .rr-recessed {
  background: rgba(54, 45, 32, 0.035);
  border: 1px solid rgba(54, 45, 32, 0.12);
  box-shadow:
    inset 0 1px 4px rgba(54, 45, 32, 0.08),
    inset 0 -1px 0 rgba(255, 255, 255, 0.45);
}

html.raumriss-os .rr-page-title,
html.raumriss-os .room-identity-strip__title.rr-page-title {
  font-size: clamp(30px, 4vw, 48px);
  line-height: 0.95;
  letter-spacing: -0.045em;
  font-weight: 520;
  text-transform: none;
  color: var(--rr-text);
}

html.raumriss-os .rr-section-title,
html.raumriss-os .workspace-section .type-section-title.rr-section-title {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  font-weight: 560;
  color: var(--rr-text-soft);
}

html.raumriss-os .rr-body {
  font-size: 15px;
  line-height: 1.45;
  letter-spacing: -0.012em;
  color: var(--rr-text-body);
}

html.raumriss-os .rr-meta,
html.raumriss-os .type-meta.rr-meta {
  font-family: var(--font-mono), "SF Mono", "IBM Plex Mono", ui-monospace, monospace;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 0.03em;
  color: var(--rr-text-faint);
  text-transform: none;
}

/* ── Runtime presence (top-right) · base; evolution pass refines ─ */
html.raumriss-os .runtime-presence-instrument {
  color: var(--os-muted) !important;
}

/* ── Room root navigation ────────────────────────────────────── */

html.raumriss-os .room-root-controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

html.raumriss-os .room-root-anchor,
html.raumriss-os .room-root-step {
  border-radius: 9px !important;
  border: 1px solid var(--os-border-soft) !important;
  background: var(--os-surface-soft) !important;
  box-shadow: inset 0 1px 0 var(--os-panel-highlight) !important;
  color: var(--os-muted) !important;
  text-shadow: none !important;
  font-size: 0.625rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

html.raumriss-os .room-root-anchor:hover,
html.raumriss-os .room-root-anchor:focus-visible,
html.raumriss-os .room-root-step:hover,
html.raumriss-os .room-root-step:focus-visible {
  background: var(--os-elevated) !important;
  border-color: var(--os-border) !important;
  color: var(--os-text) !important;
}

html.raumriss-os .room-root-anchor-dot {
  background: var(--os-orange) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* ── Room identity strip ─────────────────────────────────────── */

html.raumriss-os .room-identity-strip {
  padding: 0 0 1.5rem !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .room-identity-strip::before,
html.raumriss-os .room-identity-strip::after {
  display: none !important;
}

html.raumriss-os .room-identity-status,
html.raumriss-os .room-identity-meta {
  color: var(--os-text-body) !important;
}

html.raumriss-os .room-identity-strip__signal {
  padding: 0.85rem 1.1rem;
  border-radius: var(--os-radius-inset);
  background: var(--os-surface-soft);
  box-shadow: inset 0 0 0 1px var(--os-border-soft);
}

/* ── Zone navigation register ────────────────────────────────── */

html.raumriss-os .room-nav-rail::after {
  display: none !important;
}

html.raumriss-os .room-nav-rail__shell {
  border: none !important;
  border-radius: var(--os-radius-inset) !important;
  background: var(--os-surface-soft) !important;
  box-shadow:
    inset 0 0 0 1px var(--os-border-soft),
    inset 0 1px 0 var(--os-panel-highlight) !important;
  overflow: hidden;
}

html.raumriss-os .room-nav-rail__anchor-bay {
  border-right: 1px solid var(--os-divider) !important;
}

html.raumriss-os .room-nav-rail__anchor,
html.raumriss-os .room-nav-rail__zone {
  min-height: 2.85rem !important;
  padding: 0.55rem 0.95rem !important;
  color: var(--os-muted) !important;
  background: transparent !important;
}

html.raumriss-os .room-nav-rail__anchor--current,
html.raumriss-os .room-nav-rail__zone--active {
  background: var(--rr-tab-active) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  color: #ffffff !important;
  border-radius: var(--radius-md) !important;
}

html.raumriss-os .room-nav-rail__anchor:hover,
html.raumriss-os .room-nav-rail__zone:hover,
html.raumriss-os .room-nav-rail__anchor:focus-visible,
html.raumriss-os .room-nav-rail__zone:focus-visible {
  background: var(--background-hover) !important;
  color: var(--text-primary) !important;
}

html.raumriss-os .room-nav-rail__label,
html.raumriss-os .room-nav-rail__zone-title {
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

html.raumriss-os .room-nav-rail__meta,
html.raumriss-os .room-nav-rail__zone-hint,
html.raumriss-os .room-nav-rail__context {
  font-size: 0.625rem !important;
  color: var(--os-text-soft) !important;
}

/* ── Project workspace chambers (not cards) ──────────────────── */

html.raumriss-os .room-shell::before,
html.raumriss-os .room-shell::after,
html.raumriss-os .room-shell[data-room-presence]::before,
html.raumriss-os .room-shell[data-room-presence]::after {
  display: none !important;
}

html.raumriss-os .room-chamber,
html.raumriss-os .workspace-section {
  border: none !important;
  border-radius: var(--os-radius-inset) !important;
  background: var(--os-surface) !important;
  box-shadow:
    inset 0 0 0 1px var(--os-border-soft),
    inset 0 1px 0 var(--os-panel-highlight) !important;
}

html.raumriss-os .room-runtime-deck .room-chamber::before {
  display: none !important;
}

html.raumriss-os .room-runtime-deck .room-chamber .type-section-title {
  font-size: 0.6875rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: var(--os-muted) !important;
}

html.raumriss-os .room-runtime-deck .room-chamber[data-room-tone="attention"] {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--os-orange) 35%, var(--os-border-soft)),
    inset 3px 0 0 var(--os-orange-active) !important;
  background: var(--os-surface-soft) !important;
}

/* ── Spatial home — isolated from project .room-chamber ────── */

html.raumriss-os .spatial-surface {
  --spatial-bg: var(--os-bg);
  --spatial-surface: var(--os-surface);
  --spatial-surface-soft: var(--os-surface-soft);
  --spatial-inset: var(--os-inset);
  --spatial-elevated: var(--os-elevated);
  --spatial-text: var(--os-text);
  --spatial-muted: var(--os-muted);
  --spatial-faint: var(--os-text-soft);
  --spatial-seam: var(--os-seam);
  --spatial-divider: var(--os-divider);
  --spatial-amber: var(--os-orange);
  --spatial-green: var(--os-green);
  --spatial-red: var(--os-red);
}

/* Legacy dashboard shells — neutralize */
html.raumriss-os .home-runtime-shell::before,
html.raumriss-os .home-runtime-shell::after,
html.raumriss-os .operating-environment::before,
html.raumriss-os .operating-environment::after,
html.raumriss-os .environment-stage::before,
html.raumriss-os .environment-stage::after {
  display: none !important;
}

html.raumriss-os .home-runtime-shell,
html.raumriss-os .operating-environment {
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .home-room-card,
html.raumriss-os .atmo-card {
  border: none !important;
  border-radius: var(--os-radius-inset) !important;
  background: var(--os-surface) !important;
  box-shadow: inset 0 0 0 1px var(--os-border-soft) !important;
}

html.raumriss-os .home-room-card::before {
  display: none !important;
}

/* ── Home mainboard — structure before atmosphere ────────────── */

html.raumriss-os .runtime-instrument-deck {
  border: 1px solid var(--os-border-soft) !important;
  border-radius: var(--os-radius-module) !important;
  background: var(--os-surface-soft) !important;
  box-shadow:
    inset 0 1px 0 var(--os-panel-highlight),
    inset 0 0 0 1px var(--os-panel-inset) !important;
}

html.raumriss-os .runtime-instrument-deck::before {
  opacity: 0.35 !important;
}

html.raumriss-os .home-main-stage {
  background: var(--os-surface) !important;
  border-radius: var(--os-radius-inset) !important;
  box-shadow:
    inset 0 0 0 1px var(--os-border-soft),
    inset 0 1px 0 var(--os-panel-highlight) !important;
}

html.raumriss-os .home-stage-spread {
  border-top: 1px solid var(--os-divider) !important;
}

@media (min-width: 1024px) {
  html.raumriss-os .home-stage-spread > .home-stage-zone--focus {
    border-left: 1px solid var(--os-divider) !important;
  }
}

html.raumriss-os .home-living-focus {
  border-bottom-color: var(--os-divider) !important;
}

html.raumriss-os .home-living-enter {
  padding: 0.65rem 0.95rem;
  border-radius: var(--os-radius-inset);
  background: var(--os-surface-soft);
  box-shadow: inset 0 0 0 1px var(--os-border-soft);
  color: var(--os-text) !important;
  transition:
    background-color 220ms var(--os-ease),
    box-shadow 220ms var(--os-ease);
}

html.raumriss-os .home-living-enter:hover,
html.raumriss-os .home-living-enter:focus-visible {
  background: var(--os-elevated);
  box-shadow:
    inset 0 0 0 1px var(--os-border),
    inset 3px 0 0 var(--os-orange-active);
}

html.raumriss-os .home-composition .home-room-band {
  margin-top: clamp(0.85rem, 1.8vw, 1.25rem);
  padding-top: clamp(0.85rem, 1.8vw, 1.25rem);
  border-top: 1px solid var(--os-divider);
}

html.raumriss-os .home-composition .home-capture-shelf {
  margin-top: clamp(0.85rem, 1.8vw, 1.25rem);
  padding-top: clamp(0.85rem, 1.8vw, 1.25rem);
  border-top: 1px solid var(--os-divider);
}

html.raumriss-os .environment-room-field-panel {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .home-room-strip {
  border-top: 1px solid var(--os-divider) !important;
  border-bottom: 1px solid var(--os-divider) !important;
}

html.raumriss-os .home-room-strip > li + li {
  border-left-color: var(--os-divider) !important;
}

html.raumriss-os .home-room-strip-cell {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background-color 220ms var(--os-ease);
}

html.raumriss-os .home-room-strip-cell:not(.room-tile):hover,
html.raumriss-os .home-room-strip-cell:not(.room-tile):focus-visible {
  background: color-mix(in srgb, var(--os-orange) 8%, var(--os-surface)) !important;
}

html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-active="true"] {
  background: color-mix(in srgb, var(--os-orange) 12%, var(--os-surface-soft)) !important;
  box-shadow: inset 3px 0 0 var(--os-orange-active) !important;
}

@media (min-width: 1024px) {
  html.raumriss-os .home-room-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(0.85rem, 1.6vw, 1.15rem);
    overflow-x: visible;
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 0.25rem;
  }

  html.raumriss-os .home-room-strip > li {
    flex: unset;
    min-width: 0;
  }

  html.raumriss-os .home-room-strip > li + li {
    border-left: none !important;
  }

  html.raumriss-os .home-room-strip-cell {
    min-height: clamp(8.75rem, 16vw, 10.25rem);
    padding: clamp(1rem, 1.8vw, 1.2rem) clamp(1.05rem, 1.9vw, 1.2rem) !important;
    border-radius: 9px !important;
    border: 1px solid color-mix(in srgb, var(--os-border-soft) 88%, transparent) !important;
    background:
      radial-gradient(
        ellipse 88% 62% at 0% 0%,
        color-mix(in srgb, var(--os-panel-highlight) 55%, transparent),
        transparent 68%
      ),
      var(--os-surface) !important;
    box-shadow:
      0 1px 2px color-mix(in srgb, var(--os-text) 4%, transparent),
      inset 0 1px 0 var(--os-panel-highlight),
      inset 0 -1px 0 color-mix(in srgb, var(--os-text) 5%, transparent) !important;
  }

  html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-active="true"] {
    border-color: color-mix(in srgb, var(--os-orange) 32%, var(--os-border-soft)) !important;
    background:
      radial-gradient(
        ellipse 92% 68% at 0% 0%,
        color-mix(in srgb, var(--os-orange-tint) 42%, transparent),
        transparent 72%
      ),
      color-mix(in srgb, var(--os-surface) 82%, var(--os-orange-tint)) !important;
    box-shadow:
      0 2px 8px color-mix(in srgb, var(--os-orange) 8%, transparent),
      inset 3px 0 0 var(--os-orange-active),
      inset 0 1px 0 var(--os-panel-highlight),
      inset 0 -1px 0 color-mix(in srgb, var(--os-text) 4%, transparent) !important;
  }

  html.raumriss-os
    .home-room-strip-cell:not(.room-tile)[data-room-warmth="warm"]:not([data-room-active="true"]) {
    background:
      radial-gradient(
        ellipse 80% 55% at 0% 0%,
        color-mix(in srgb, var(--os-orange-tint) 22%, transparent),
        transparent 70%
      ),
      var(--os-surface) !important;
  }
}

html.raumriss-os .home-capture-panel,
html.raumriss-os .environment-capture-panel {
  background: var(--os-surface) !important;
  border-radius: var(--os-radius-inset) !important;
  box-shadow:
    inset 0 0 0 1px var(--os-border-soft),
    inset 0 1px 0 var(--os-panel-highlight) !important;
}

html.raumriss-os .home-rhythm-today {
  border-top-color: var(--os-divider) !important;
}

html.raumriss-os .home-alive-system {
  border-top-color: var(--os-divider) !important;
}

/* ── Project room composition — restore chamber containment ── */

html.raumriss-os .room-composition__stage {
  background: var(--os-surface) !important;
  border-radius: var(--os-radius-inset) !important;
  box-shadow:
    inset 0 0 0 1px var(--os-border-soft),
    inset 0 1px 0 var(--os-panel-highlight) !important;
}

html.raumriss-os .room-composition .room-atrium-layer > .room-chamber--atrium,
html.raumriss-os .room-composition .room-atrium-layer > .room-chamber--workbench {
  border-radius: var(--os-radius-inset) !important;
  background: var(--os-surface-soft) !important;
  box-shadow:
    inset 0 0 0 1px var(--os-border-soft),
    inset 0 1px 0 var(--os-panel-highlight) !important;
}

html.raumriss-os .room-composition .room-atrium-layer > .room-chamber--workbench {
  border-top: none !important;
  margin-top: 0.75rem !important;
}

html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section--ambient {
  border-radius: var(--os-radius-inset) !important;
  background: var(--os-surface-soft) !important;
  box-shadow:
    inset 0 0 0 1px var(--os-border-soft),
    inset 0 1px 0 var(--os-panel-highlight) !important;
}

html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk + .room-chamber--beiwerk,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section + .workspace-section {
  border-top: none !important;
  margin-top: 0.75rem !important;
}

/* Inputs */
html.raumriss-os input:not([type="checkbox"]):not([type="radio"]),
html.raumriss-os textarea,
html.raumriss-os select {
  border-radius: var(--os-radius-inset) !important;
  border: 1px solid var(--os-border-soft) !important;
  background: var(--os-elevated) !important;
  color: var(--os-text) !important;
  box-shadow: inset 0 1px 3px var(--os-panel-inset) !important;
}

html.raumriss-os input:not([type="checkbox"]):not([type="radio"]):focus-visible,
html.raumriss-os textarea:focus-visible,
html.raumriss-os select:focus-visible {
  border-color: color-mix(in srgb, var(--os-orange) 40%, var(--os-border-soft)) !important;
  outline: none !important;
}

/* DER RISS well — dark hardware inset only */
html.raumriss-os {
  --riss-well-fill: #141310;
  --riss-well-lip: rgba(245, 238, 222, 0.1);
  --riss-slit-lip: rgba(245, 238, 222, 0.08);
}

/* ═══════════════════════════════════════════════════════════════
 * Industrial Refinement Pass · precision / warmth / rhythm
 * ═══════════════════════════════════════════════════════════════ */

/* ── Typography rhythm — text embedded in material ─────────── */

html.raumriss-os {
  font-feature-settings: "kern" 1, "liga" 1;
  -webkit-font-smoothing: antialiased;
}

html.raumriss-os .os-title,
html.raumriss-os .spatial-surface__title,
html.raumriss-os .room-identity-strip__title,
html.raumriss-os .atmospheric-title,
html.raumriss-os .type-section-title {
  line-height: 1.24 !important;
  margin-bottom: 0.15rem !important;
}

html.raumriss-os .os-body,
html.raumriss-os .spatial-surface__phase,
html.raumriss-os .type-section-subtitle,
html.raumriss-os .type-meta,
html.raumriss-os .room-identity-strip__presence {
  font-size: 0.84375rem !important;
  line-height: 1.65 !important;
  letter-spacing: 0.005em !important;
}

html.raumriss-os .type-section-title + .type-section-subtitle,
html.raumriss-os .type-section-title + .type-meta,
html.raumriss-os .os-title + .os-body,
html.raumriss-os .spatial-surface__title + .spatial-surface__phase,
html.raumriss-os .atmospheric-title + .type-meta {
  margin-top: 0.5rem !important;
}

html.raumriss-os .type-meta,
html.raumriss-os .atmo-empty,
html.raumriss-os .atmo-mark,
html.raumriss-os .room-identity-meta {
  color: var(--os-muted) !important;
}

html.raumriss-os .type-label,
html.raumriss-os .os-kicker,
html.raumriss-os .type-eyebrow {
  line-height: 1.35 !important;
  margin-bottom: 0.35rem !important;
}

html.raumriss-os .home-living-kicker {
  color: var(--os-muted) !important;
  letter-spacing: 0.2em !important;
}

html.raumriss-os .home-living-title {
  color: var(--os-text) !important;
  line-height: 1.22 !important;
  letter-spacing: -0.02em !important;
}

html.raumriss-os .home-living-meta,
html.raumriss-os .home-living-continuation {
  color: var(--os-muted) !important;
  line-height: 1.6 !important;
}

/* ── Material depth — manufactured panels, no float ──────────── */

html.raumriss-os .room-chamber,
html.raumriss-os .workspace-section {
  padding: var(--os-space-chamber-y) var(--os-space-chamber-x) !important;
  box-shadow: var(--os-material-panel) !important;
}

html.raumriss-os .room-runtime-deck .room-chamber {
  background: color-mix(in srgb, var(--os-surface) 94%, var(--os-inset)) !important;
}

html.raumriss-os .room-composition__stage,
html.raumriss-os .home-main-stage,
html.raumriss-os .home-capture-panel,
html.raumriss-os .environment-capture-panel {
  box-shadow: var(--os-material-panel) !important;
}

html.raumriss-os .room-identity-strip__signal,
html.raumriss-os .runtime-instrument-deck,
html.raumriss-os .room-nav-rail__shell {
  box-shadow: var(--os-material-inset) !important;
}

html.raumriss-os .room-composition .room-atrium-layer > .room-chamber--atrium,
html.raumriss-os .room-composition .room-atrium-layer > .room-chamber--workbench,
html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section--ambient {
  background: var(--os-surface-soft) !important;
  box-shadow: var(--os-material-panel) !important;
}

/* ── Orange signal language — precision wicks, not blocks ───── */

html.raumriss-os .room-nav-rail__anchor--current,
html.raumriss-os .room-nav-rail__zone--active {
  background: var(--os-orange-tint) !important;
  box-shadow:
    inset 0 -2px 0 var(--os-orange-active),
    inset 0 1px 0 var(--os-panel-highlight) !important;
}

html.raumriss-os .room-root-anchor:hover,
html.raumriss-os .room-root-anchor:focus-visible {
  box-shadow:
    inset 0 0 0 1px var(--os-orange-seam),
    inset 2px 0 0 var(--os-orange-wick),
    inset 0 1px 0 var(--os-panel-highlight) !important;
}

html.raumriss-os .room-runtime-deck .room-chamber[data-room-tone="attention"] {
  background: var(--os-orange-tint) !important;
  box-shadow: var(--os-material-panel-signal) !important;
}

html.raumriss-os .home-composition .home-room-band,
html.raumriss-os .home-composition .home-capture-shelf,
html.raumriss-os .home-stage-spread {
  border-top-color: color-mix(in srgb, var(--os-orange) 12%, var(--os-divider)) !important;
}

html.raumriss-os .home-room-strip-cell[data-room-active="true"] {
  background: var(--os-orange-tint) !important;
  box-shadow: var(--os-material-panel-signal) !important;
}

@media (min-width: 1024px) {
  html.raumriss-os .home-room-strip-cell[data-room-active="true"] {
    box-shadow: var(--os-material-panel-signal) !important;
  }
}

/* ── Whitespace / section rhythm ─────────────────────────────── */

html.raumriss-os .os-page__inner,
html.raumriss-os .spatial-surface__shell {
  padding-top: clamp(3.5rem, 8vh, 5.5rem);
}

html.raumriss-os .os-room-page {
  padding-top: clamp(3.75rem, 8.5vh, 5.75rem);
}

html.raumriss-os .room-identity-strip {
  padding-bottom: var(--os-rhythm-lg) !important;
}

html.raumriss-os .room-nav-rail + .room-runtime-deck {
  margin-top: var(--os-rhythm-sm) !important;
}

html.raumriss-os .home-composition .home-room-band,
html.raumriss-os .home-composition .home-capture-shelf {
  margin-top: var(--os-space-section);
  padding-top: var(--os-space-section);
}

html.raumriss-os .room-composition .room-atrium-layer > .room-chamber--workbench,
html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk + .room-chamber--beiwerk,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section + .workspace-section {
  margin-top: var(--os-rhythm-md) !important;
}

/* ── AUREL · editorial presence, signal dots ─────────────────── */

html.raumriss-os .spatial-aurel {
  padding: 1.35rem 1.5rem !important;
  background: color-mix(in srgb, var(--os-inset) 55%, var(--os-surface-soft)) !important;
  box-shadow: var(--os-material-panel) !important;
}

html.raumriss-os .spatial-aurel__status {
  color: var(--os-muted) !important;
  letter-spacing: 0.2em !important;
}

html.raumriss-os .spatial-aurel__item-text {
  line-height: 1.58 !important;
  color: var(--os-text-body) !important;
}

html.raumriss-os .spatial-aurel__item-kind {
  color: var(--os-muted) !important;
}

html.raumriss-os .spatial-chamber__aurel {
  color: color-mix(in srgb, var(--os-orange) 55%, var(--os-muted)) !important;
  line-height: 1.52 !important;
}

/* ── DER RISS · hardware precision (structure unchanged) ─────── */

html.raumriss-os .der-riss-object:focus-within,
html.raumriss-os .der-riss-object[data-riss-state="composing"],
html.raumriss-os .der-riss-object[data-runtime-active="true"] {
  border-top-color: color-mix(in srgb, var(--os-orange) 38%, var(--riss-edge-top)) !important;
  box-shadow:
    var(--riss-inset),
    var(--riss-seat),
    inset 0 2px 0 color-mix(in srgb, var(--os-orange) 24%, transparent) !important;
}

html.raumriss-os .der-riss-object:focus-within .der-riss-aperture,
html.raumriss-os .der-riss-object[data-riss-state="composing"] .der-riss-aperture,
html.raumriss-os .der-riss-object[data-runtime-active="true"] .der-riss-aperture {
  box-shadow:
    var(--riss-channel-seam),
    inset 0 0 0 1px color-mix(in srgb, var(--os-orange) 18%, transparent) !important;
}

html.raumriss-os .der-riss-aperture__text {
  color: var(--riss-hw-text) !important;
}

html.raumriss-os .der-riss-aperture__text::-moz-placeholder {
  color: #9a9388 !important;
  opacity: 0.82 !important;
}

html.raumriss-os .der-riss-aperture__text::placeholder {
  color: #9a9388 !important;
  opacity: 0.82 !important;
}

html.raumriss-os .der-riss-mark:hover:not(:disabled),
html.raumriss-os .der-riss-mark:focus-visible,
html.raumriss-os .der-riss-mark[aria-pressed="true"] {
  opacity: 0.72 !important;
  color: color-mix(in srgb, var(--riss-hw-text) 78%, var(--os-orange)) !important;
}

html.raumriss-os .der-riss-room {
  color: color-mix(in srgb, var(--riss-hw-muted) 88%, var(--os-orange)) !important;
}

html.raumriss-os .der-riss[data-riss-continuation="available"] .der-riss-object[data-riss-state="idle"] {
  border-color: color-mix(in srgb, var(--riss-edge) 88%, var(--os-orange-wick)) !important;
}

/* Green / red — editorial signals only */
html.raumriss-os .thread-slab[data-state="active"] .thread-slab__state {
  color: var(--os-green) !important;
}

html.raumriss-os .thread-slab[data-state="blocked"] .thread-slab__state {
  color: var(--os-red) !important;
}

/* ═══════════════════════════════════════════════════════════════
 * Spatial Typography + Depth · polish pass
 * ═══════════════════════════════════════════════════════════════ */

/* ── 1. Text containment — labels stay inside chambers ──────── */

html.raumriss-os .home-main-stage,
html.raumriss-os .home-stage-flow,
html.raumriss-os .home-stage-spread,
html.raumriss-os .home-stage-zone,
html.raumriss-os .home-living-focus,
html.raumriss-os .environment-command-center,
html.raumriss-os .environment-focus-panel,
html.raumriss-os .home-room-band-panel,
html.raumriss-os .home-capture-panel,
html.raumriss-os .runtime-instrument-deck {
  min-width: 0;
}

html.raumriss-os .home-stage-kicker,
html.raumriss-os .type-eyebrow,
html.raumriss-os .os-kicker,
html.raumriss-os .type-label {
  display: block;
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: anywhere;
  word-break: keep-all;
  hyphens: none;
  white-space: normal;
  padding-inline: 0.04em;
  padding-inline-end: 0.22em;
}

html.raumriss-os .home-stage-zone .home-stage-kicker,
html.raumriss-os .home-stage-zone .type-eyebrow {
  letter-spacing: 0.16em !important;
  line-height: 1.4 !important;
}

html.raumriss-os .home-alive-system {
  grid-template-columns: auto minmax(0, max-content) minmax(0, 1fr) !important;
  gap: 0.5rem 0.75rem !important;
  align-items: start !important;
}

html.raumriss-os .home-alive-system__label {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
  line-height: 1.35 !important;
  letter-spacing: 0.1em !important;
  padding-inline-end: 0.1em !important;
}

html.raumriss-os .home-alive-system__detail {
  min-width: 0;
  line-height: 1.58 !important;
  overflow-wrap: anywhere !important;
}

html.raumriss-os .home-room-chamber__name,
html.raumriss-os .home-room-chamber__signal,
html.raumriss-os .home-room-chamber__subline,
html.raumriss-os .home-room-chamber__context,
html.raumriss-os .home-room-chamber__thread,
html.raumriss-os .home-room-chamber__foot {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

html.raumriss-os .home-room-chamber__name {
  line-height: 1.28 !important;
  letter-spacing: 0.01em !important;
}

html.raumriss-os .home-room-chamber__signal,
html.raumriss-os .home-room-chamber__subline,
html.raumriss-os .home-room-chamber__context,
html.raumriss-os .home-room-chamber__thread,
html.raumriss-os .home-room-chamber__foot {
  letter-spacing: 0 !important;
  line-height: 1.48 !important;
}

html.raumriss-os .home-room-band-header {
  flex-wrap: wrap !important;
  gap: 0.35rem 1rem !important;
  min-width: 0;
}

html.raumriss-os .home-room-band-header .home-stage-kicker {
  flex: 1 1 auto;
  min-width: 0;
}

html.raumriss-os .room-nav-rail__label,
html.raumriss-os .room-nav-rail__zone-title,
html.raumriss-os .room-nav-rail__meta,
html.raumriss-os .room-nav-rail__zone-hint,
html.raumriss-os .room-nav-rail__context {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
  line-height: 1.38 !important;
}

html.raumriss-os .room-nav-rail__anchor,
html.raumriss-os .room-nav-rail__zone {
  min-height: 3rem !important;
  padding-block: 0.6rem !important;
  min-width: 0;
}

html.raumriss-os .der-riss-room {
  min-width: 0;
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.25 !important;
  padding-block: 2px !important;
  hyphens: auto !important;
}

html.raumriss-os [aria-label="Riss Core"] .break-words,
html.raumriss-os [aria-label="Riss Core"] .line-clamp-2 {
  overflow-wrap: anywhere !important;
}

html.raumriss-os .home-system-phase,
html.raumriss-os .home-system-summary,
html.raumriss-os .home-system-whisper,
html.raumriss-os .home-focus-headline,
html.raumriss-os .home-living-title,
html.raumriss-os .home-living-meta {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* ── 2–3. Spatial layering (field → chamber → operational) ─── */

html.raumriss-os .runtime-instrument-deck,
html.raumriss-os .home-main-stage {
  background: color-mix(in srgb, var(--os-surface-soft) 88%, var(--os-inset)) !important;
  box-shadow: var(--os-material-field-recess), var(--os-material-panel) !important;
}

html.raumriss-os .room-chamber,
html.raumriss-os .workspace-section {
  background: color-mix(in srgb, var(--os-layer-chamber) 92%, var(--os-elevated)) !important;
}

html.raumriss-os .room-composition__stage {
  background: color-mix(in srgb, var(--os-surface-soft) 90%, var(--os-bg)) !important;
  box-shadow: var(--os-material-field-recess), var(--os-material-panel) !important;
}

html.raumriss-os [aria-label="Riss Core"] form:not(.riss-core-form) {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    inset 0 -1px 0 rgba(24, 23, 20, 0.06),
    inset 1px 0 0 var(--riss-hw-idle-wick) !important;
}

/* ── 5. Room chambers — active / warm hierarchy ──────────────── */

@media (max-width: 1023px) {
  html.raumriss-os .home-room-strip-cell[data-room-warmth="active"],
  html.raumriss-os .home-room-strip-cell[data-room-warmth="warm"] {
    background: color-mix(in srgb, var(--os-orange-tint) 55%, var(--os-surface)) !important;
  }

  html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-active="true"] {
    background: color-mix(in srgb, var(--os-orange-tint) 100%, var(--os-elevated)) !important;
    box-shadow: var(--os-material-chamber-pressed) !important;
  }
}

html.raumriss-os .home-room-strip-cell[data-room-active="true"] .home-room-alive-dot[data-room-warmth="active"] {
  background: var(--os-signal-focus) !important;
  box-shadow:
    0 0 0 2px var(--os-orange-soft),
    0 0 10px color-mix(in srgb, var(--os-orange) 16%, transparent) !important;
}

html.raumriss-os .room-nav-rail__anchor--current,
html.raumriss-os .room-nav-rail__zone--active {
  box-shadow: var(--os-material-chamber-pressed) !important;
}

html.raumriss-os .room-runtime-deck .room-chamber[data-room-tone="attention"] {
  box-shadow: var(--os-material-chamber-pressed) !important;
}

/* ── 6–7. Typography + whitespace calibration ───────────────── */

html.raumriss-os .home-system-phase,
html.raumriss-os .home-system-summary {
  line-height: 1.58 !important;
}

html.raumriss-os .home-system-summary {
  margin-top: 0.35rem !important;
}

html.raumriss-os .home-alive-systems {
  margin-top: var(--os-rhythm-md) !important;
}

html.raumriss-os .home-room-strip-cell {
  padding: clamp(1rem, 2vw, 1.35rem) clamp(1.05rem, 2vw, 1.3rem) !important;
}

@media (min-width: 1024px) {
  html.raumriss-os .home-room-strip-cell {
    padding: clamp(1.1rem, 2.1vw, 1.45rem) clamp(1.1rem, 2vw, 1.35rem) !important;
  }
}

html.raumriss-os .spatial-chamber__name,
html.raumriss-os .spatial-chamber__reentry,
html.raumriss-os .spatial-chamber__meta {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal !important;
}

/* ── 4. RissCoreBar — engineered precision (CSS-only where possible) */

html.raumriss-os [aria-label="Riss Core"] .text-riss-faint {
  letter-spacing: 0.16em !important;
}

html.raumriss-os [aria-label="Riss Core"] .bg-riss-cut {
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.55),
    inset 0 -1px 2px rgba(24, 23, 20, 0.1),
    inset 0 0 0 1px var(--riss-slit-border),
    inset 1px 0 0 var(--riss-hw-idle-seam) !important;
}

html.raumriss-os [aria-label="Riss Core"] [data-riss-input-focused="true"] .bg-riss-cut,
html.raumriss-os [aria-label="Riss Core"] .shadow-riss-input-focus {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    inset 0 0 0 1px rgba(201, 106, 27, 0.34),
    inset 0 2px 0 rgba(201, 106, 27, 0.16) !important;
}

html.raumriss-os [aria-label="Riss Core"] input::-moz-placeholder {
  opacity: 0.78 !important;
  letter-spacing: 0.01em !important;
}

html.raumriss-os [aria-label="Riss Core"] input::placeholder {
  opacity: 0.78 !important;
  letter-spacing: 0.01em !important;
}

/* DER RISS · powered idle — online, nicht flashy */
@keyframes riss-idle-seam-breathe {
  0%,
  100% {
    filter: brightness(1);
  }
  48% {
    filter: brightness(1.04);
  }
}

html.raumriss-os[data-runtime-aurel="active"]
  [aria-label="Riss Core"][data-riss-input-focused="false"]
  .bg-riss-cut {
  --riss-hw-idle-seam: rgba(201, 106, 27, 0.14) !important;
}

html.raumriss-os[data-runtime-aurel="pressing"]
  [aria-label="Riss Core"][data-riss-input-focused="false"]
  .bg-riss-cut {
  --riss-hw-idle-seam: rgba(201, 106, 27, 0.2) !important;
  box-shadow:
    inset 0 2px 7px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 0 0 1px rgba(201, 106, 27, 0.08),
    inset 1px 0 0 var(--riss-hw-idle-seam) !important;
}

html.raumriss-os[data-runtime-delphi="stirring"]
  [aria-label="Riss Core"][data-riss-input-focused="false"]
  form {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.3),
    inset 1px 0 0 rgba(201, 106, 27, 0.14) !important;
}

html.raumriss-os[data-runtime-vector="resume"]
  [aria-label="Riss Core"][data-riss-input-focused="false"]
  .bg-riss-cut,
html.raumriss-os[data-runtime-vector="return"]
  [aria-label="Riss Core"][data-riss-input-focused="false"]
  .bg-riss-cut {
  --riss-hw-idle-seam: rgba(201, 106, 27, 0.17) !important;
}

@media (prefers-reduced-motion: no-preference) {
  html.raumriss-os
    [aria-label="Riss Core"][data-riss-input-focused="false"]
    .bg-riss-cut {
    animation: riss-idle-seam-breathe 14s ease-in-out infinite;
  }
}

/* Room strip · runtime warmth vocabulary (client override) */
html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-warmth="fresh"],
html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-warmth="settling"],
html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-temporal="warm"],
html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-temporal="recently_active"],
html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-temporal="held_open"] {
  background: color-mix(in srgb, var(--os-orange-tint) 55%, var(--os-surface)) !important;
}

html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-warmth="cooling"],
html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-warmth="fading"],
html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-temporal="cooling_down"],
html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-temporal="dormant"],
html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-temporal="quiet_long"] {
  background: color-mix(in srgb, var(--os-surface-soft) 88%, var(--os-bg)) !important;
  opacity: 0.92;
}

html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-momentum="true"] {
  box-shadow:
    inset 2px 0 0 var(--os-orange-active),
    var(--os-material-chamber) !important;
}

html.raumriss-os .riss-trace[data-riss-trace-fresh="true"] {
  background: color-mix(in srgb, var(--os-orange-tint) 38%, var(--os-surface)) !important;
  border-color: color-mix(in srgb, var(--os-orange-seam) 62%, var(--os-divider)) !important;
}

html.raumriss-os .riss-trace[data-riss-trace-fresh="true"] .riss-trace__wick {
  background: var(--os-orange-active) !important;
  box-shadow: 0 0 0 2px var(--os-orange-soft) !important;
}

/* ═══════════════════════════════════════════════════════════════
 * Vitality + Signal Warmth · dashboard operating surface
 * ═══════════════════════════════════════════════════════════════ */

/* ── System lebt · operative chamber identity ───────────────── */

html.raumriss-os .home-stage-zone--systems.environment-command-center {
  padding: 0.2rem 0.12rem 0.35rem;
  border-radius: var(--os-radius-inset);
  background: color-mix(in srgb, var(--os-orange-tint) 42%, var(--os-surface-soft));
  box-shadow:
    inset 2px 0 0 var(--os-orange-active),
    inset 0 0 0 1px var(--os-orange-seam),
    inset 0 1px 0 var(--os-panel-highlight),
    var(--os-panel-floor);
}

html.raumriss-os .home-stage-zone--systems .home-stage-kicker {
  margin-bottom: 0.5rem !important;
  color: color-mix(in srgb, var(--os-orange) 48%, var(--os-muted)) !important;
  font-weight: 560 !important;
  letter-spacing: 0.14em !important;
}

html.raumriss-os .home-stage-zone--systems .home-system-phase {
  color: color-mix(in srgb, var(--os-orange-active) 38%, var(--os-muted)) !important;
  letter-spacing: 0.08em !important;
}

html.raumriss-os .home-stage-zone--systems .home-system-summary {
  margin-top: 0.45rem !important;
  font-size: 0.875rem !important;
  line-height: 1.62 !important;
  color: var(--os-text) !important;
}

html.raumriss-os .home-stage-zone--systems .home-alive-system__dot {
  background: var(--os-orange-active) !important;
  box-shadow: 0 0 0 2px var(--os-orange-soft) !important;
}

html.raumriss-os .home-stage-zone--systems .home-alive-system[data-subsystem-alive="true"] .home-alive-system__dot {
  background: var(--os-orange) !important;
  box-shadow: 0 0 0 2px var(--os-orange-glow) !important;
}

html.raumriss-os .home-stage-zone--systems .home-alive-system__label {
  color: color-mix(in srgb, var(--os-orange) 22%, var(--os-muted)) !important;
}

html.raumriss-os .home-stage-zone--systems .home-system-whisper {
  border-top-color: color-mix(in srgb, var(--os-orange) 14%, var(--os-divider)) !important;
  padding-top: 0.75rem !important;
  margin-top: var(--os-rhythm-md) !important;
}

/* ── Living focus · runtime presence on home stage ─────────── */

html.raumriss-os .home-living-focus {
  padding-bottom: clamp(0.95rem, 2vw, 1.25rem) !important;
  border-bottom-color: color-mix(in srgb, var(--os-orange) 10%, var(--os-divider)) !important;
}

html.raumriss-os .home-living-pulse {
  background: color-mix(in srgb, var(--os-orange-active) 82%, var(--os-orange)) !important;
  box-shadow:
    inset 0 0 0 1px var(--os-orange-glow),
    0 0 0 2px var(--os-orange-soft) !important;
}

html.raumriss-os .home-living-phase {
  color: color-mix(in srgb, var(--os-orange) 42%, var(--os-muted)) !important;
}

html.raumriss-os .home-living-enter:hover,
html.raumriss-os .home-living-enter:focus-visible {
  background: color-mix(in srgb, var(--os-orange-tint) 65%, var(--os-elevated)) !important;
  box-shadow:
    inset 0 0 0 1px var(--os-orange-seam),
    inset 3px 0 0 var(--os-orange-active),
    inset 0 1px 0 var(--os-panel-highlight) !important;
  color: var(--os-text) !important;
}

/* ── Instrument deck · warm operating surface ───────────────── */

html.raumriss-os .runtime-instrument-deck {
  border-color: color-mix(in srgb, var(--os-orange) 10%, var(--os-border-soft)) !important;
  background: color-mix(in srgb, var(--os-surface-soft) 90%, var(--os-inset)) !important;
}

html.raumriss-os .runtime-instrument-deck::before {
  opacity: 0.52 !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--os-orange-glow) 42%, var(--mat-rim, rgba(255, 255, 255, 0.06))) 50%,
    transparent 100%
  ) !important;
}

html.raumriss-os .home-main-stage {
  background: color-mix(in srgb, var(--os-surface) 88%, var(--os-orange-tint)) !important;
  box-shadow:
    var(--os-material-field-recess),
    var(--os-material-panel),
    inset 1px 0 0 color-mix(in srgb, var(--os-orange-glow) 55%, transparent) !important;
}

html.raumriss-os .home-stage-zone--focus.environment-focus-panel {
  padding: 0.12rem 0.08rem 0.2rem;
}

html.raumriss-os .home-stage-spread > .home-stage-zone--focus {
  border-left-color: color-mix(in srgb, var(--os-orange) 8%, var(--os-divider)) !important;
}

/* ── Section rails · signal warmth without blocks ───────────── */

html.raumriss-os .home-composition .home-room-band,
html.raumriss-os .home-composition .home-capture-shelf,
html.raumriss-os .home-stage-spread {
  border-top-color: color-mix(in srgb, var(--os-orange) 16%, var(--os-divider)) !important;
}

html.raumriss-os .runtime-presence-instrument::before {
  box-shadow: 0 0 0 2px var(--os-orange-soft) !important;
}

html.raumriss-os .room-nav-rail__anchor--current,
html.raumriss-os .room-nav-rail__zone--active {
  box-shadow:
    var(--os-material-chamber-pressed),
    inset 0 -2px 0 var(--os-orange-active) !important;
}

html.raumriss-os .home-room-strip-cell[data-room-active="true"] .home-room-alive-dot[data-room-warmth="active"] {
  background: var(--os-orange-active) !important;
  box-shadow: 0 0 0 2px var(--os-orange-glow) !important;
}

/* ── Depth · restrained machined elevation ──────────────────── */

html.raumriss-os .home-capture-panel,
html.raumriss-os .environment-capture-panel,
html.raumriss-os .home-room-strip-cell:not(.room-tile) {
  box-shadow:
    var(--os-material-panel),
    inset 0 -1px 0 color-mix(in srgb, var(--os-orange) 6%, transparent) !important;
}

@media (min-width: 1024px) {
  html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-active="true"] {
    box-shadow: var(--os-material-chamber-pressed) !important;
  }
}

/* ── Typography confidence · chamber rhythm ─────────────────── */

html.raumriss-os .type-meta,
html.raumriss-os .atmo-mark {
  color: var(--os-muted) !important;
  line-height: 1.55 !important;
}

html.raumriss-os .home-stage-zone .type-section-subtitle,
html.raumriss-os .home-rhythm-lines .type-body {
  line-height: 1.64 !important;
}

/* ═══════════════════════════════════════════════════════════════
 * Spatial Expansion + Chamber Depth · refinement pass
 * ═══════════════════════════════════════════════════════════════ */

/* ── Operating deck · architectural breathing ───────────────── */

html.raumriss-os .runtime-instrument-deck {
  padding: clamp(0.72rem, 1.5vw, 1.05rem) !important;
  box-shadow:
    var(--os-material-field-recess),
    inset 0 1px 0 var(--os-panel-highlight),
    inset 0 0 0 1px var(--os-panel-inset) !important;
}

html.raumriss-os .home-main-stage {
  padding: clamp(1.45rem, 3vw, 2.1rem) clamp(1.3rem, 2.5vw, 1.75rem) !important;
  box-shadow:
    var(--os-material-field-recess),
    var(--os-material-chamber-embedded),
    inset 1px 0 0 color-mix(in srgb, var(--os-orange-glow) 48%, transparent) !important;
}

html.raumriss-os .home-stage-flow {
  gap: var(--os-space-chamber-inner) !important;
}

html.raumriss-os .home-stage-spread {
  margin-top: clamp(1.2rem, 2.5vw, 1.75rem) !important;
  padding-top: clamp(1.05rem, 2.2vw, 1.55rem) !important;
  gap: clamp(1.35rem, 2.8vw, 2.1rem) !important;
}

@media (min-width: 1024px) {
  html.raumriss-os .home-stage-spread {
    gap: var(--env-spread-chasm) !important;
  }

  html.raumriss-os .home-stage-spread > .home-stage-zone--focus {
    padding-left: var(--env-spread-chasm) !important;
  }
}

html.raumriss-os .home-composition .home-room-band,
html.raumriss-os .home-composition .home-capture-shelf {
  margin-top: var(--os-space-section) !important;
  padding-top: var(--os-space-section) !important;
}

/* ── System lebt · open operative chamber ───────────────────── */

html.raumriss-os .home-stage-zone--systems.environment-command-center {
  padding: clamp(1.25rem, 2.5vw, 1.75rem) clamp(1.15rem, 2.3vw, 1.5rem)
    clamp(1.4rem, 2.7vw, 1.9rem) !important;
  background:
    radial-gradient(
      ellipse 118% 72% at 0% 0%,
      color-mix(in srgb, var(--os-orange-soft) 42%, transparent),
      transparent 62%
    ),
    color-mix(in srgb, var(--os-orange-tint) 36%, var(--os-surface-soft)) !important;
  box-shadow: var(--os-material-chamber-signal) !important;
}

html.raumriss-os .home-stage-zone--systems .home-stage-kicker {
  margin-bottom: 0.7rem !important;
  padding-inline: 0.06em !important;
  padding-inline-end: 0.28em !important;
  letter-spacing: 0.14em !important;
  line-height: 1.52 !important;
}

html.raumriss-os .home-stage-zone--systems .home-system-phase {
  margin-top: 0.15rem !important;
  line-height: 1.5 !important;
}

html.raumriss-os .home-stage-zone--systems .home-system-summary {
  margin-top: 0.65rem !important;
  line-height: 1.68 !important;
}

html.raumriss-os .home-stage-zone--systems .home-alive-systems {
  margin-top: var(--os-rhythm-lg) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.12rem !important;
}

html.raumriss-os .home-stage-zone--systems .home-alive-system {
  padding: 0.78rem 0 !important;
  gap: 0.55rem 0.9rem !important;
  border-top-color: color-mix(in srgb, var(--os-orange) 10%, var(--os-divider)) !important;
}

html.raumriss-os .home-stage-zone--systems .home-alive-system:first-child {
  padding-top: 0.35rem !important;
}

html.raumriss-os .home-stage-zone--systems .home-alive-system__detail {
  line-height: 1.65 !important;
  padding-inline-end: 0.12rem !important;
}

html.raumriss-os .home-stage-zone--systems .home-alive-system[data-subsystem-alive="true"] {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--os-orange-soft) 55%, transparent) 0%,
    transparent 72%
  ) !important;
  margin-inline: -0.35rem !important;
  padding-inline: 0.35rem !important;
  border-radius: 6px !important;
}

html.raumriss-os .home-stage-zone--systems .home-system-whisper {
  margin-top: var(--os-rhythm-lg) !important;
  padding-top: 0.95rem !important;
  line-height: 1.66 !important;
}

/* ── Wochenrhythmus · embedded rhythm chamber ───────────────── */

html.raumriss-os .home-stage-zone--focus.environment-focus-panel {
  padding: clamp(1.2rem, 2.4vw, 1.7rem) clamp(1.1rem, 2.2vw, 1.45rem)
    clamp(1.3rem, 2.6vw, 1.85rem) !important;
  border-radius: var(--os-radius-inset) !important;
  background: color-mix(in srgb, var(--os-surface-soft) 90%, var(--os-elevated)) !important;
  box-shadow: var(--os-material-chamber-embedded) !important;
}

html.raumriss-os .home-stage-zone--focus .home-stage-kicker {
  margin-bottom: 0.65rem !important;
}

html.raumriss-os .home-stage-zone--focus .home-focus-headline {
  margin-top: 0.25rem !important;
  line-height: 1.48 !important;
}

html.raumriss-os .home-rhythm-lines {
  margin-top: var(--os-rhythm-md) !important;
}

html.raumriss-os .home-rhythm-lines li + li {
  margin-top: 0.35rem !important;
}

html.raumriss-os .home-rhythm-today {
  margin-top: var(--os-rhythm-lg) !important;
  padding-top: var(--os-rhythm-md) !important;
}

html.raumriss-os .home-rhythm-today .type-label {
  margin-bottom: 0.55rem !important;
  line-height: 1.42 !important;
}

html.raumriss-os .home-rhythm-reminder {
  margin-top: var(--os-rhythm-lg) !important;
  line-height: 1.66 !important;
}

/* ── Living focus · calmer vertical field ───────────────────── */

html.raumriss-os .home-living-focus {
  padding: 0.2rem 0.1rem clamp(1.2rem, 2.5vw, 1.65rem) !important;
  margin-bottom: clamp(0.55rem, 1.2vw, 0.85rem) !important;
}

html.raumriss-os .home-living-focus__signal {
  margin-bottom: 0.8rem !important;
}

html.raumriss-os .home-living-kicker {
  margin-bottom: 0.5rem !important;
  line-height: 1.45 !important;
}

html.raumriss-os .home-living-title {
  line-height: 1.26 !important;
}

html.raumriss-os .home-living-meta,
html.raumriss-os .home-living-continuation {
  margin-top: 0.7rem !important;
  line-height: 1.64 !important;
}

html.raumriss-os .home-living-warmth {
  margin-top: 0.95rem !important;
  padding-top: 0.85rem !important;
}

/* ── Runtime room band · spatial cells ──────────────────────── */

html.raumriss-os .home-room-band-panel {
  padding: clamp(0.65rem, 1.4vw, 0.95rem) 0 clamp(0.35rem, 0.8vw, 0.55rem) !important;
}

html.raumriss-os .home-room-band-header {
  margin-bottom: clamp(0.65rem, 1.4vw, 1rem) !important;
  padding-inline: 0.08rem !important;
}

html.raumriss-os .home-room-strip-cell:not(.room-tile) {
  padding: clamp(1.2rem, 2.4vw, 1.55rem) clamp(1.15rem, 2.3vw, 1.45rem) !important;
  box-shadow: var(--os-material-chamber-embedded) !important;
}

@media (min-width: 1024px) {
  html.raumriss-os .home-room-strip-cell:not(.room-tile) {
    padding: clamp(1.3rem, 2.5vw, 1.65rem) clamp(1.2rem, 2.4vw, 1.5rem) !important;
  }
}

/* ── Typography · edge breathing, no size reduction ─────────── */

html.raumriss-os .home-stage-kicker,
html.raumriss-os .type-eyebrow,
html.raumriss-os .os-kicker {
  padding-inline: 0.08em !important;
  padding-inline-end: 0.24em !important;
}

html.raumriss-os .home-stage-zone .home-stage-kicker,
html.raumriss-os .home-stage-zone .type-eyebrow {
  line-height: 1.48 !important;
}

html.raumriss-os .type-meta {
  line-height: 1.58 !important;
}

html.raumriss-os .home-system-phase,
html.raumriss-os .home-system-summary,
html.raumriss-os .home-focus-headline {
  padding-inline: 0.04em !important;
}

/* ── Orange rails · subsystem warmth (seams only) ─────────────── */

html.raumriss-os .home-stage-zone--systems.environment-command-center {
  position: relative;
}

/* ═══════════════════════════════════════════════════════════════
 * Spatial hierarchy · Ablage shelf vs Arbeitsräume layer
 * ═══════════════════════════════════════════════════════════════ */

/* ── Ablage · light operational shelf (secondary) ───────────── */

html.raumriss-os .home-capture-shelf {
  opacity: 1;
  gap: clamp(0.75rem, 1.5vw, 1rem) !important;
}

html.raumriss-os .home-capture-layer--queue .riss-traces-shelf {
  margin-bottom: 0 !important;
  padding-bottom: 0.15rem;
}

html.raumriss-os .home-capture-layer--queue .riss-traces-shelf__list {
  gap: 0.32rem !important;
}

html.raumriss-os .home-capture-layer--queue .riss-trace {
  padding: 0.62rem 0.72rem 0.66rem 0.58rem !important;
}

html.raumriss-os .home-capture-layer--queue .riss-trace__label {
  font-size: 0.8125rem !important;
  -webkit-line-clamp: 1 !important;
}

html.raumriss-os .home-capture-panel,
html.raumriss-os .environment-capture-panel,
html.raumriss-os .ablage-panel {
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background: color-mix(in srgb, var(--os-surface-soft) 72%, var(--os-elevated)) !important;
  box-shadow: var(--os-material-layer-lift) !important;
  padding: clamp(0.9rem, 1.8vw, 1.15rem) clamp(0.85rem, 1.6vw, 1.05rem) !important;
}

html.raumriss-os .home-capture-panel .home-stage-kicker,
html.raumriss-os .home-capture-header .home-stage-kicker {
  color: color-mix(in srgb, var(--os-muted) 92%, var(--os-orange) 8%) !important;
  font-weight: 520 !important;
}

html.raumriss-os .home-capture-panel .type-section-subtitle {
  margin-top: 0.35rem !important;
  line-height: 1.55 !important;
  color: var(--os-text-soft) !important;
}

html.raumriss-os .home-capture-panel .ideas-scope {
  margin-top: 0.75rem !important;
}

html.raumriss-os .home-capture-panel .ideas-capture {
  margin-top: 0.65rem !important;
}

html.raumriss-os .home-capture-panel .ideas-draft,
html.raumriss-os .ablage-draft {
  min-height: 5.25rem;
  box-shadow: inset 0 1px 3px rgba(21, 21, 21, 0.04) !important;
}

html.raumriss-os .ablage-captured__list {
  max-height: none;
  overflow: visible;
  background: color-mix(in srgb, var(--os-inset) 16%, transparent) !important;
  box-shadow: inset 0 1px 4px rgba(21, 21, 21, 0.03) !important;
  border-radius: var(--os-radius-inset);
  padding: 0.15rem 0.55rem 0.35rem;
}

html.raumriss-os .home-capture-panel .ideas-list {
  margin-top: 0.65rem !important;
  max-height: none;
  overflow: visible;
  background: color-mix(in srgb, var(--os-inset) 22%, transparent) !important;
  box-shadow: inset 0 1px 4px rgba(21, 21, 21, 0.03) !important;
}

html.raumriss-os .home-capture-shelf [aria-label="Riss-Eingänge"] {
  margin-bottom: 0 !important;
  opacity: 1;
  background: color-mix(in srgb, var(--os-depth-4-tray) 18%, var(--os-surface-soft)) !important;
  box-shadow: var(--os-material-l4-tray) !important;
  border-radius: var(--os-radius-inset) !important;
}

html.raumriss-os .continuity-shelf {
  background: color-mix(in srgb, var(--os-depth-4-tray) 22%, var(--os-surface-soft)) !important;
  box-shadow: var(--os-material-l4-tray) !important;
  border-radius: var(--os-radius-inset) !important;
  padding: clamp(0.8rem, 1.6vw, 1rem) clamp(0.75rem, 1.5vw, 0.95rem) !important;
}

html.raumriss-os .continuity-fragment__label {
  font-weight: 460 !important;
}

html.raumriss-os .continuity-fragment--idea .continuity-fragment__label {
  font-size: 0.8125rem !important;
  color: var(--os-text-soft) !important;
}

html.raumriss-os .home-capture-shelf [aria-label="Riss-Eingänge"] h3,
html.raumriss-os .home-capture-shelf .risse-shelf__title {
  font-size: 0.625rem !important;
  letter-spacing: 0.14em !important;
}

html.raumriss-os .home-capture-shelf .risse-shelf__line,
html.raumriss-os .home-capture-shelf .home-open-risse__line {
  font-size: 0.8125rem !important;
}

html.raumriss-os .home-capture-shelf .risse-shelf__target,
html.raumriss-os .home-capture-shelf .home-open-risse__target {
  font-size: 0.6875rem !important;
}

html.raumriss-os .home-capture-layer--time-anchors .time-anchors-panel {
  padding-block: 0.65rem 0.75rem;
}

html.raumriss-os .time-anchors-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

html.raumriss-os .time-anchors-list__item {
  color: var(--text-muted, var(--env-text-secondary));
  line-height: 1.45;
  display: flex;
  gap: 0.55rem;
  align-items: baseline;
}

html.raumriss-os .time-anchors-list__phase {
  flex: none;
  min-width: 4.75rem;
  font-size: 0.625rem;
  letter-spacing: 0.06em;
  text-transform: lowercase;
  color: var(--text-faint, var(--env-text-tertiary));
}

html.raumriss-os
  .time-anchors-list__item[data-anchor-phase="now"]
  .time-anchors-list__phase {
  color: var(--text-secondary, var(--env-text-primary));
}

html.raumriss-os
  .time-anchors-list__item[data-anchor-phase="now"]
  .time-anchors-list__line {
  color: var(--text-secondary, var(--env-text-primary));
}

html.raumriss-os .time-anchors-list__room {
  color: var(--text-faint, var(--env-text-tertiary));
}

html.raumriss-os .time-anchors-subline,
html.raumriss-os .time-anchors-empty {
  line-height: 1.45;
}

/* Zeitanker-Horizonte · Heute / Morgen / Diese Woche */
html.raumriss-os .zeitanker-horizons {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

html.raumriss-os .zeitanker-horizon__label {
  text-transform: uppercase;
  font-size: 0.625rem;
}

html.raumriss-os .zeitanker-horizon__empty {
  line-height: 1.45;
}

/* Zeitanker-Handoff · operative Karten (Home) */
html.raumriss-os .zeitanker-handoff-list,
html.raumriss-os .zeitanker-active-rooms__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

html.raumriss-os .zeitanker-handoff-card,
html.raumriss-os .zeitanker-active-room-card {
  padding: 0.55rem 0.65rem;
  border-radius: 0.35rem;
  border: 1px solid color-mix(in srgb, var(--text-faint, #888) 18%, transparent);
  background: color-mix(in srgb, var(--env-surface, #fff) 92%, transparent);
}

html.raumriss-os .zeitanker-handoff-card__head,
html.raumriss-os .zeitanker-active-room-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
}

html.raumriss-os .zeitanker-handoff-card__room,
html.raumriss-os .zeitanker-active-room-card__room {
  font-size: 0.6875rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-secondary, var(--env-text-primary));
}

html.raumriss-os .zeitanker-handoff-card__time,
html.raumriss-os .zeitanker-active-room-card__when {
  color: var(--text-faint, var(--env-text-tertiary));
  white-space: nowrap;
}

html.raumriss-os .zeitanker-handoff-card__title {
  margin: 0.35rem 0 0;
  line-height: 1.4;
  color: var(--text-secondary, var(--env-text-primary));
}

html.raumriss-os .zeitanker-handoff-card__source,
html.raumriss-os .zeitanker-active-room-card__source {
  margin: 0.2rem 0 0;
  line-height: 1.35;
}

html.raumriss-os .zeitanker-handoff-card__aurel {
  margin: 0.3rem 0 0;
  line-height: 1.45;
}

html.raumriss-os .zeitanker-handoff-card__meta {
  margin: 0.3rem 0 0;
  line-height: 1.35;
  letter-spacing: 0.02em;
}

html.raumriss-os .zeitanker-handoff-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.55rem;
}

html.raumriss-os .zeitanker-handoff-card__chip {
  font-size: 0.625rem;
  letter-spacing: 0.04em;
  text-transform: none;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--text-faint, #888) 28%, transparent);
  background: transparent;
  color: var(--text-muted, var(--env-text-secondary));
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease;
}

html.raumriss-os .zeitanker-handoff-card__chip:hover {
  color: var(--text-secondary, var(--env-text-primary));
  border-color: color-mix(in srgb, var(--text-muted, #666) 45%, transparent);
}

html.raumriss-os .zeitanker-active-room-card__anchor,
html.raumriss-os .zeitanker-active-room-card__hint,
html.raumriss-os .zeitanker-active-room-card__context {
  margin: 0.25rem 0 0;
  line-height: 1.4;
}

html.raumriss-os .zeitanker-operational-readout {
  max-width: 42rem;
}

/* AUREL Tageslage · eine ruhige, kompakte Lesart (keine Wiederholungen) */
html.raumriss-os .zeitanker-aurel-tageslage {
  max-width: 42rem;
  padding-top: 0.7rem;
  border-top: 1px solid color-mix(in srgb, var(--text-faint, #888) 14%, transparent);
}

html.raumriss-os .zeitanker-aurel-tageslage__label {
  text-transform: uppercase;
  font-size: 0.625rem;
  letter-spacing: 0.12em;
}

html.raumriss-os .zeitanker-aurel-tageslage__stat {
  letter-spacing: 0.01em;
}

/* Der eine dominante nächste Schritt der Lage — bewusst über type-meta gehoben. */
html.raumriss-os .zeitanker-aurel-tageslage__next {
  max-width: 40rem;
  font-size: 0.8rem;
  color: color-mix(in srgb, var(--os-text) 72%, transparent) !important;
}

html.raumriss-os .zeitanker-aurel-tageslage__next-label {
  letter-spacing: 0.04em;
}

/* AVE · kurze Präsenz-Stimme — Headline · Lage · Empfehlung · max. 3 Buttons */
html.raumriss-os .ave-presence-line {
  max-width: 42rem;
  margin-top: 0.85rem;
  padding-bottom: 0.125rem;
}

html.raumriss-os .ave-presence-line__label {
  text-transform: uppercase;
  font-size: 0.625rem;
  letter-spacing: 0.12em;
}

html.raumriss-os .ave-presence-line__summary,
html.raumriss-os .ave-presence-line__recommendation {
  max-width: 40rem;
}

html.raumriss-os .ave-presence-line__actions {
  gap: 0.375rem;
  margin-top: 0.65rem;
}

/* Notizen Eingang */
html.raumriss-os .note-intake-recent__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

html.raumriss-os .note-intake-recent__item {
  display: flex;
  gap: 0.55rem;
}

html.raumriss-os .note-intake-recent__title {
  text-transform: uppercase;
  font-size: 0.625rem;
}

html.raumriss-os .room-next-time-anchor {
  max-width: 42rem;
  line-height: 1.45;
}

html.raumriss-os .home-capture-panel.risse-panel {
  min-height: auto !important;
}

/* ── Schnell-Eingang · /capture (mobil zuerst, eine ruhige Spalte) ───────── */

html.raumriss-os .riss-eingang {
  min-height: 100dvh;
  display: flex;
  justify-content: center;
  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 4vw, 2rem);
  padding-top: max(clamp(2rem, 8vh, 5rem), env(safe-area-inset-top));
  padding-bottom: max(2rem, env(safe-area-inset-bottom));
}

html.raumriss-os .riss-eingang__column {
  width: 100%;
  max-width: 34rem;
}

html.raumriss-os .riss-eingang__head {
  margin-bottom: clamp(1.25rem, 4vw, 2rem);
}

html.raumriss-os .riss-eingang__title {
  margin-top: 0.4rem;
  font-size: clamp(1.5rem, 5vw, 2rem);
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--text-primary, var(--env-text-primary));
}

html.raumriss-os .riss-eingang__subtitle {
  margin-top: 0.4rem;
}

html.raumriss-os .riss-eingang__panel {
  min-height: auto !important;
  display: block;
}

html.raumriss-os .riss-eingang__origin {
  font-size: 0.9rem;
  min-height: 2.75rem;
}

html.raumriss-os .riss-eingang__confirm {
  line-height: 1.5;
}

html.raumriss-os .riss-eingang__home-link {
  color: var(--text-faint, var(--env-text-faint));
  text-decoration: none;
  transition: color 220ms ease;
}

html.raumriss-os .riss-eingang__home-link:hover {
  color: var(--text-secondary, var(--env-text-primary));
}

/* ── Werkstatt · dev-only Eingang (ruhige Tür, kein CTA-Button) ──────────── */

html.raumriss-os .home-capture-layer--werkstatt .werkstatt-entry {
  display: block;
  min-height: auto !important;
  text-decoration: none;
  color: inherit;
  transition:
    border-color 220ms ease,
    background-color 220ms ease;
}

html.raumriss-os .home-capture-layer--werkstatt .werkstatt-entry:hover {
  border-color: color-mix(in srgb, var(--os-text) 12%, var(--os-divider));
}

html.raumriss-os .werkstatt-entry__line {
  line-height: 1.45;
}

html.raumriss-os .werkstatt-entry__open {
  color: var(--text-secondary, var(--env-text-primary));
  letter-spacing: 0.02em;
}

html.raumriss-os .werkstatt-entry:hover .werkstatt-entry__open {
  color: var(--os-text);
}

/* ── Site Effect · Kundenübersicht (Home-Eingang) ─────────────────────────── */

html.raumriss-os .home-capture-layer--site-effect .site-effect-cockpit-entry {
  display: block;
  min-height: auto !important;
  text-decoration: none;
  color: inherit;
  transition:
    border-color 220ms ease,
    background-color 220ms ease;
}

html.raumriss-os .home-capture-layer--site-effect .site-effect-cockpit-entry:hover {
  border-color: color-mix(in srgb, var(--os-text) 12%, var(--os-divider));
}

html.raumriss-os .site-effect-cockpit-entry__line {
  line-height: 1.45;
}

html.raumriss-os .site-effect-cockpit-entry__open {
  color: var(--text-secondary, var(--env-text-primary));
  letter-spacing: 0.02em;
}

html.raumriss-os .site-effect-cockpit-entry:hover .site-effect-cockpit-entry__open {
  color: var(--os-text);
}

html.raumriss-os .site-effect-agency-cockpit-entry {
  margin-bottom: 1.25rem;
}

html.raumriss-os .site-effect-agency-cockpit-entry__link {
  text-decoration: none;
  color: var(--text-primary, var(--env-text-primary));
}

html.raumriss-os .site-effect-agency-cockpit-entry__link:hover {
  color: var(--text-secondary, var(--env-text-primary));
}

/* ── Arbeitsräume · primary navigational layer ──────────────── */

html.raumriss-os .home-composition .home-room-band {
  position: relative;
  z-index: 2;
}

html.raumriss-os .home-room-band-panel.environment-room-field-panel {
  padding: clamp(0.75rem, 1.6vw, 1.1rem) 0 clamp(0.55rem, 1.2vw, 0.85rem) !important;
}

html.raumriss-os .home-room-band-header .home-stage-kicker {
  color: var(--os-text) !important;
  font-weight: 560 !important;
}

html.raumriss-os .home-room-strip {
  border-top-color: color-mix(in srgb, var(--os-text) 8%, var(--os-divider)) !important;
  border-bottom-color: color-mix(in srgb, var(--os-text) 6%, var(--os-divider)) !important;
}

@media (min-width: 1024px) {
  html.raumriss-os .home-composition {
    align-items: start !important;
    row-gap: clamp(1.35rem, 2.6vw, 2rem) !important;
  }

  html.raumriss-os .home-main-stage {
    min-height: clamp(12.5rem, 26vh, 18rem) !important;
  }

  html.raumriss-os .home-composition .home-capture-shelf {
    align-self: start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    max-height: none;
    overflow: visible;
  }

  html.raumriss-os .home-capture-panel,
  html.raumriss-os .ablage-panel {
    max-height: none !important;
    overflow: visible;
    display: block;
  }

  html.raumriss-os .home-capture-panel .ideas-list,
  html.raumriss-os .ablage-captured__list {
    flex: none;
    min-height: 0;
    max-height: none;
  }

  html.raumriss-os .home-composition .home-room-band {
    margin-top: clamp(0.35rem, 0.9vw, 0.65rem) !important;
    padding-top: clamp(0.85rem, 1.8vw, 1.25rem) !important;
    border-top: 1px solid color-mix(in srgb, var(--os-divider) 88%, transparent);
  }

  html.raumriss-os .home-room-band-panel {
    padding-top: clamp(0.35rem, 0.8vw, 0.55rem) !important;
  }

  html.raumriss-os .home-room-strip {
    padding-top: 0.35rem !important;
  }
}

@media (max-width: 1023px) {
  html.raumriss-os .home-composition .home-capture-shelf {
    margin-top: clamp(1rem, 2.2vw, 1.45rem) !important;
    padding-top: clamp(0.65rem, 1.4vw, 0.95rem) !important;
  }

  html.raumriss-os .home-composition .home-room-band {
    margin-top: clamp(1.15rem, 2.4vw, 1.65rem) !important;
    padding-top: clamp(0.75rem, 1.6vw, 1.1rem) !important;
  }

  html.raumriss-os .home-capture-panel {
    max-height: none !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
 * Stability · micro-evolution (precision only)
 * ═══════════════════════════════════════════════════════════════ */

html.raumriss-os [aria-label="Riss Core"] .shadow-riss-aurel-glow {
  box-shadow:
    0 0 18px rgba(201, 106, 27, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html.raumriss-os .home-alive-system__label {
  padding-inline-end: 0.14em !important;
}

html.raumriss-os .home-room-strip-cell .type-meta {
  padding-inline-end: 0.08em !important;
  line-height: 1.54 !important;
}

@media (max-width: 640px) {
  html.raumriss-os .home-stage-zone .home-stage-kicker,
  html.raumriss-os .home-stage-zone .type-eyebrow {
    letter-spacing: 0.13em !important;
    line-height: 1.52 !important;
    padding-inline-end: 0.26em !important;
  }

  html.raumriss-os [aria-label="Riss Core"] .text-riss-faint {
    letter-spacing: 0.13em !important;
    line-height: 1.46 !important;
  }

  html.raumriss-os .home-room-strip > li {
    min-width: min(15.5rem, 78vw) !important;
  }

  html.raumriss-os .home-room-strip-cell {
    padding: clamp(1.25rem, 3.5vw, 1.5rem) clamp(1.15rem, 3.2vw, 1.35rem) !important;
  }

  html.raumriss-os .home-stage-zone--systems .home-alive-system {
    padding: 0.68rem 0 !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
 * V9 · Premium Industrial Refinement
 * Warm operating field · embedded plate · continuity traces
 * ═══════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --os-atmo-warm: color-mix(in srgb, var(--raum-amber) 3%, transparent);
  --os-atmo-floor: var(--rr-wall);
  --os-atmo-shaft: color-mix(in srgb, var(--raum-amber) 4%, transparent);
  --os-atmo-cool: color-mix(in srgb, var(--raum-cold) 3%, transparent);
  --os-atmo-glow-resurface: rgba(217, 120, 34, 0.04);
  --os-atmo-glow-dormant: rgba(20, 19, 15, 0.03);
  --os-space-breath: clamp(2rem, 4.2vw, 3.15rem);
  --os-space-chamber-gap: clamp(1.05rem, 2.2vw, 1.65rem);
  --os-trace-recess: inset 0 2px 8px rgba(20, 19, 15, 0.05);
  --os-cinematic-vignette: none;
  background-color: var(--rr-wall) !important;
  background-image: none !important;
}

html.raumriss-os body {
  background: transparent !important;
}

/* Atmospheric depth — disabled for calm light field */
html.raumriss-os .home-runtime-shell::before {
  display: none !important;
  opacity: 0 !important;
  background: none !important;
}

html.raumriss-os .home-runtime-shell::after {
  display: block !important;
  opacity: 0.38 !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--os-orange) 8%, var(--os-divider)) 24%,
    color-mix(in srgb, var(--os-divider) 88%, transparent) 76%,
    transparent 100%
  ) !important;
  box-shadow: none !important;
}

html.raumriss-os .operating-environment {
  gap: var(--os-space-breath) !important;
  padding-bottom: clamp(2.25rem, 4.5vw, 3.5rem) !important;
}

/* Open operating plate — dissolve outer card container */
html.raumriss-os .runtime-instrument-deck {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  gap: var(--os-space-chamber-gap) !important;
}

html.raumriss-os .runtime-instrument-deck::before,
html.raumriss-os .runtime-instrument-deck::after {
  display: none !important;
}

/* Embedded main chamber — the operating plate itself */
html.raumriss-os .home-main-stage {
  margin-inline: 0 !important;
  border-radius: var(--os-radius-module) !important;
  background:
    radial-gradient(
      ellipse 118% 68% at 0% 0%,
      color-mix(in srgb, var(--os-orange-soft) 28%, transparent),
      transparent 58%
    ),
    color-mix(in srgb, var(--os-surface) 90%, var(--os-elevated)) !important;
  box-shadow:
    var(--os-material-field-recess),
    var(--os-material-chamber-embedded),
    inset 1px 0 0 color-mix(in srgb, var(--os-orange-glow) 42%, transparent) !important;
}

html.raumriss-os .home-composition .home-room-band,
html.raumriss-os .home-composition .home-capture-shelf {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: none !important;
}

html.raumriss-os .home-composition .home-room-band {
  position: relative;
  padding-top: clamp(0.55rem, 1.2vw, 0.85rem) !important;
}

html.raumriss-os .home-composition .home-room-band::before {
  content: "";
  position: absolute;
  left: clamp(0.5rem, 1.2vw, 1rem);
  right: clamp(0.5rem, 1.2vw, 1rem);
  top: 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--os-orange) 14%, var(--os-divider)) 18%,
    color-mix(in srgb, var(--os-divider) 92%, transparent) 82%,
    transparent 100%
  );
}

html.raumriss-os .home-capture-shelf {
  display: flex;
  flex-direction: column;
  gap: clamp(0.85rem, 1.8vw, 1.25rem);
}

/* ── Typography V9 · editorial hierarchy ───────────────────── */

html.raumriss-os .type-eyebrow,
html.raumriss-os .os-kicker,
html.raumriss-os .home-stage-kicker {
  letter-spacing: 0.17em !important;
  line-height: 1.42 !important;
  font-weight: 520 !important;
}

html.raumriss-os .type-meta {
  font-size: 0.8125rem !important;
  line-height: 1.62 !important;
  letter-spacing: 0.008em !important;
  color: var(--os-muted) !important;
}

html.raumriss-os .type-body-strong {
  font-size: 0.9375rem !important;
  font-weight: 520 !important;
  line-height: 1.42 !important;
  letter-spacing: -0.012em !important;
}

html.raumriss-os .home-room-band-header .type-meta,
html.raumriss-os .home-capture-header .type-meta {
  color: var(--os-text-soft) !important;
  letter-spacing: 0.04em !important;
}

/* ── Runtime visibility · operative Lesbarkeit (kein Dashboard) ─ */

html.raumriss-os .runtime-visibility {
  margin-block: clamp(0.5rem, 1.2vw, 0.85rem) clamp(0.35rem, 0.9vw, 0.65rem);
  padding: clamp(0.65rem, 1.4vw, 0.9rem) clamp(0.75rem, 1.6vw, 1rem);
  border-radius: var(--os-radius-inset);
  background: color-mix(in srgb, var(--os-inset) 12%, transparent);
  box-shadow: inset 0 0 0 1px var(--os-border-soft);
}

html.raumriss-os .runtime-visibility__grid {
  display: grid;
  gap: 0.55rem 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 640px) {
  html.raumriss-os .runtime-visibility__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

html.raumriss-os .runtime-visibility__kicker {
  display: block;
  font-size: 0.625rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--os-text-soft) !important;
  margin-bottom: 0.2rem;
}

html.raumriss-os .runtime-visibility__value,
html.raumriss-os .runtime-visibility__threads {
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--os-text-secondary);
}

html.raumriss-os .runtime-visibility__threads {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.raumriss-os .runtime-visibility__threads li + li {
  margin-top: 0.18rem;
}

/* ── Home runtime field · operative Fläche, keine Kästen ─────── */

html.raumriss-os .home-runtime-field {
  border-top-color: var(--os-border-soft) !important;
}

html.raumriss-os .home-runtime-field__gravity {
  border-bottom-color: color-mix(in srgb, var(--os-orange) 18%, var(--os-border-soft)) !important;
}

html.raumriss-os .home-runtime-field[data-gravity="anchored"] .home-runtime-field__gravity {
  border-bottom-color: color-mix(in srgb, var(--os-orange) 32%, var(--os-border-soft)) !important;
}

html.raumriss-os .home-runtime-field[data-climate="pressured"] .home-runtime-field__climate {
  color: color-mix(in srgb, var(--os-orange) 32%, var(--os-text-secondary)) !important;
}

html.raumriss-os .home-runtime-field__reentry-line {
  font-size: 0.8125rem !important;
  line-height: 1.42 !important;
}

html.raumriss-os[data-runtime-climate="carrying"] .home-main-stage {
  box-shadow:
    var(--shadow-panel-rim),
    var(--shadow-panel-occlude),
    inset 2px 0 0 color-mix(in srgb, var(--os-orange) 18%, transparent) !important;
}

html.raumriss-os .home-main-stage:has(.home-runtime-field[data-gravity="anchored"]) {
  background:
    radial-gradient(
      ellipse 88% 52% at 10% 0%,
      color-mix(in srgb, var(--os-orange) 10%, transparent),
      transparent 70%
    ),
    linear-gradient(
      188deg,
      color-mix(in srgb, var(--runtime-deck-channel) 92%, transparent) 0%,
      color-mix(in srgb, var(--runtime-deck-well) 52%, transparent) 100%
    ) !important;
}

@media (max-width: 639px) {
  html.raumriss-os .home-stage-flow {
    gap: 0 !important;
  }

  html.raumriss-os .home-living-title {
    font-size: clamp(1.22rem, 5.2vw, 1.55rem) !important;
  }

  html.raumriss-os .home-runtime-field__lane--whisper {
    padding-bottom: 0.15rem !important;
  }
}

html.raumriss-os .riss-trace[data-riss-trace-fresh="true"] {
  box-shadow:
    var(--os-trace-recess),
    inset 0 0 0 1px color-mix(in srgb, var(--os-orange) 22%, var(--os-border-soft)),
    inset 0 1px 0 var(--os-panel-highlight);
}

html.raumriss-os .riss-trace[data-riss-trace-fresh="true"] .riss-trace__wick {
  background: color-mix(in srgb, var(--os-orange) 55%, var(--os-border-soft));
  opacity: 1;
}

html.raumriss-os .home-room-strip-cell[data-room-loop-fresh="true"] p,
html.raumriss-os [data-room-loop-fresh="true"] {
  color: color-mix(in srgb, var(--os-orange) 42%, var(--text-muted)) !important;
}

/* ── Riss-Eingänge · continuity traces, not database rows ───── */

html.raumriss-os .riss-traces-shelf {
  margin-bottom: 0;
}

html.raumriss-os .riss-traces-shelf__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: clamp(0.65rem, 1.4vw, 0.95rem);
  padding-inline: 0.06rem;
}

html.raumriss-os .riss-traces-shelf__title {
  font-size: 0.625rem !important;
  font-weight: 520 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--os-muted) 88%, var(--os-orange) 12%) !important;
}

html.raumriss-os .riss-traces-shelf__count {
  font-size: 0.625rem !important;
  letter-spacing: 0.1em !important;
  color: var(--os-text-soft) !important;
}

html.raumriss-os .riss-traces-shelf__list {
  display: flex;
  flex-direction: column;
  gap: 0.42rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.raumriss-os .riss-trace {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.78rem 0.85rem 0.82rem 0.72rem;
  border-radius: var(--os-radius-inset);
  background: color-mix(in srgb, var(--os-inset) 16%, var(--os-surface-soft));
  box-shadow:
    var(--os-trace-recess),
    inset 0 0 0 1px var(--os-border-soft),
    inset 0 1px 0 var(--os-panel-highlight);
  color: inherit;
  text-decoration: none;
  transition:
    background-color 240ms var(--os-ease),
    box-shadow 240ms var(--os-ease);
}

html.raumriss-os .riss-trace__wick {
  flex-shrink: 0;
  width: 2px;
  align-self: stretch;
  min-height: 1.75rem;
  border-radius: 1px;
  background: color-mix(in srgb, var(--os-orange) 28%, var(--os-border-soft));
  opacity: 0.72;
  transition:
    background-color 240ms var(--os-ease),
    opacity 240ms var(--os-ease);
}

html.raumriss-os .riss-trace__body {
  min-width: 0;
  flex: 1;
}

html.raumriss-os .riss-trace__label {
  margin: 0;
  font-size: 0.84375rem;
  font-weight: 480;
  line-height: 1.52;
  letter-spacing: -0.008em;
  color: var(--os-text);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

html.raumriss-os .riss-trace__meta {
  margin: 0.38rem 0 0;
  line-height: 1.58 !important;
  color: var(--os-text-soft) !important;
}

html.raumriss-os .riss-trace__kind {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.625rem;
  font-weight: 520;
  color: var(--os-muted);
}

html.raumriss-os .riss-trace__sep {
  margin-inline: 0.12em;
  opacity: 0.55;
}

html.raumriss-os .riss-trace__room {
  color: var(--os-muted);
}

html.raumriss-os .riss-trace__next {
  color: color-mix(in srgb, var(--os-orange) 32%, var(--os-text-soft));
}

html.raumriss-os .riss-trace__signal {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.28rem;
  flex-shrink: 0;
  padding-top: 0.08rem;
}

html.raumriss-os .riss-trace__signal-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--os-muted);
  opacity: 0.55;
}

html.raumriss-os .riss-trace__signal-label {
  font-size: 0.5625rem;
  font-weight: 520;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--os-text-soft);
  line-height: 1.3;
}

html.raumriss-os .riss-trace:hover,
html.raumriss-os .riss-trace:focus-visible {
  background: color-mix(in srgb, var(--os-orange-tint) 48%, var(--os-surface-soft));
  box-shadow:
    var(--os-trace-recess),
    inset 0 0 0 1px color-mix(in srgb, var(--os-orange) 22%, var(--os-border-soft)),
    inset 0 1px 0 var(--os-panel-highlight);
}

html.raumriss-os .riss-trace:hover .riss-trace__wick,
html.raumriss-os .riss-trace:focus-visible .riss-trace__wick {
  background: var(--os-orange-active);
  opacity: 1;
}

html.raumriss-os .riss-trace[data-riss-trace-state="active"] .riss-trace__wick {
  background: var(--os-orange-active);
  opacity: 1;
}

html.raumriss-os .riss-trace[data-riss-trace-state="active"] .riss-trace__signal-dot {
  background: var(--os-green);
  box-shadow: 0 0 0 2px var(--os-green-soft);
  opacity: 1;
}

html.raumriss-os .riss-trace[data-riss-trace-state="waiting"] .riss-trace__wick {
  background: color-mix(in srgb, var(--os-orange-active) 72%, var(--os-border-soft));
  opacity: 0.88;
}

html.raumriss-os .riss-trace[data-riss-trace-state="waiting"] .riss-trace__signal-dot {
  background: var(--os-orange-active);
  opacity: 0.82;
}

html.raumriss-os .riss-trace[data-riss-trace-state="parked"] .riss-trace__signal-dot {
  background: var(--os-text-soft);
  opacity: 0.42;
}

html.raumriss-os .riss-trace[data-riss-trace-kind="continuation"] {
  background: color-mix(in srgb, var(--os-orange-tint) 32%, var(--os-surface-soft));
}

html.raumriss-os .home-capture-shelf .riss-traces-shelf {
  opacity: 1;
}

/* ── Riss · Calm affordances & action layer ──────────────────── */

html.raumriss-os .riss-trace-shell {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-radius: var(--os-radius-inset);
  list-style: none;
}

html.raumriss-os .riss-trace-shell__row {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-width: 0;
}

html.raumriss-os .riss-trace-shell .riss-trace {
  flex: 1;
  min-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html.raumriss-os .riss-trace-shell[data-riss-trace-needs-route="true"] .riss-trace__wick,
html.raumriss-os .riss-trace-shell[data-riss-trace-voice-pending="true"] .riss-trace__wick {
  background: var(--os-orange-active);
  opacity: 1;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--os-orange) 35%, transparent);
}

html.raumriss-os .riss-trace__affordance {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.85rem;
  margin: 0;
  padding: 0 0.2rem;
  border: 0;
  border-radius: 0 var(--os-radius-inset) var(--os-radius-inset) 0;
  background: color-mix(in srgb, var(--os-inset) 20%, var(--os-surface-soft));
  box-shadow:
    inset 1px 0 0 var(--os-border-soft),
    inset 0 1px 0 var(--os-panel-highlight);
  color: var(--os-text-soft);
  cursor: pointer;
  transition:
    background-color 200ms var(--os-ease),
    color 200ms var(--os-ease),
    box-shadow 200ms var(--os-ease);
}

html.raumriss-os .riss-trace__affordance-seam {
  position: absolute;
  inset: 0.55rem auto 0.55rem 0;
  width: 1px;
  border-radius: 1px;
  background: color-mix(in srgb, var(--os-orange) 22%, var(--os-border-soft));
  opacity: 0.65;
  pointer-events: none;
}

html.raumriss-os .riss-trace__affordance-mark {
  font-size: 0.6875rem;
  letter-spacing: 0.08em;
  line-height: 1;
  opacity: 0.42;
  transform: translateY(-0.04em);
  pointer-events: none;
  transition: opacity 200ms var(--os-ease);
}

html.raumriss-os .riss-trace-shell:hover .riss-trace__affordance-mark,
html.raumriss-os .riss-trace-shell:focus-within .riss-trace__affordance-mark,
html.raumriss-os .riss-trace__affordance:hover .riss-trace__affordance-mark,
html.raumriss-os .riss-trace__affordance:focus-visible .riss-trace__affordance-mark {
  opacity: 0.72;
}

html.raumriss-os .riss-trace-shell[data-riss-trace-voice-pending="true"] .riss-trace__affordance {
  background: color-mix(in srgb, var(--os-orange-tint) 38%, var(--os-surface-soft));
}

html.raumriss-os .riss-trace-shell[data-riss-trace-voice-pending="true"] .riss-trace__affordance-mark {
  opacity: 0.62;
}

html.raumriss-os .riss-trace-shell[data-riss-trace-voice-pending="true"] .riss-trace__affordance-seam {
  background: var(--os-orange-active);
  opacity: 0.85;
}

html.raumriss-os .riss-trace-shell[data-riss-trace-needs-route="true"] .riss-trace__affordance-seam {
  background: var(--os-orange-active);
  opacity: 1;
}

html.raumriss-os .riss-trace-shell[data-riss-trace-phase="engaged"] .riss-trace__affordance,
html.raumriss-os .riss-trace-shell[data-riss-trace-phase="active"] .riss-trace__affordance,
html.raumriss-os .riss-trace-shell[data-riss-trace-actions-open="true"] .riss-trace__affordance {
  background: color-mix(in srgb, var(--os-orange-tint) 42%, var(--os-surface-soft));
  color: var(--os-text);
}

html.raumriss-os .riss-trace-shell[data-riss-trace-phase="settling"] .riss-trace__affordance {
  background: color-mix(in srgb, var(--os-inset) 16%, var(--os-surface-soft));
  color: var(--os-text-soft);
  transition:
    background-color 520ms var(--os-ease),
    color 520ms var(--os-ease);
}

html.raumriss-os .riss-trace-shell[data-riss-trace-phase="engaged"] .riss-trace__affordance-mark,
html.raumriss-os .riss-trace-shell[data-riss-trace-phase="active"] .riss-trace__affordance-mark,
html.raumriss-os .riss-trace-shell[data-riss-trace-actions-open="true"] .riss-trace__affordance-mark {
  opacity: 0.88;
}

html.raumriss-os .riss-trace-shell[data-riss-trace-phase="settling"] .riss-trace__affordance-mark {
  opacity: 0.38;
  transition: opacity 520ms var(--os-ease);
}

html.raumriss-os .riss-trace__affordance:hover,
html.raumriss-os .riss-trace__affordance:focus-visible {
  background: color-mix(in srgb, var(--os-orange-tint) 36%, var(--os-surface-soft));
  color: var(--os-text);
  outline: none;
}

html.raumriss-os .riss-trace__actions-collapse {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition:
    grid-template-rows 520ms var(--os-ease),
    opacity 480ms var(--os-ease);
}

html.raumriss-os .riss-trace-shell[data-riss-trace-phase="mounting"] .riss-trace__actions-collapse {
  grid-template-rows: 0fr;
  opacity: 0;
}

html.raumriss-os .riss-trace-shell[data-riss-trace-phase="engaged"] .riss-trace__actions-collapse,
html.raumriss-os .riss-trace-shell[data-riss-trace-phase="active"] .riss-trace__actions-collapse {
  grid-template-rows: 1fr;
  opacity: 1;
}

html.raumriss-os .riss-trace-shell[data-riss-trace-phase="settling"] .riss-trace__actions-collapse {
  grid-template-rows: 0fr;
  opacity: 0;
  pointer-events: none;
}

html.raumriss-os .riss-trace__actions-collapse > .riss-trace__actions-panel {
  overflow: hidden;
  min-height: 0;
}

html.raumriss-os .riss-trace__actions-panel {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem 0.62rem 0.62rem;
  border-top: 1px solid var(--os-border-soft);
  background: color-mix(in srgb, var(--os-inset) 14%, var(--os-surface-soft));
  box-shadow: inset 0 1px 0 var(--os-panel-highlight);
  transition:
    border-color 480ms var(--os-ease),
    background-color 480ms var(--os-ease);
}

html.raumriss-os .riss-trace-shell[data-riss-trace-phase="settling"] .riss-trace__actions-panel {
  border-top-color: transparent;
  background: color-mix(in srgb, var(--os-inset) 8%, transparent);
}

html.raumriss-os .riss-trace__actions-primary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.32rem;
}

html.raumriss-os .riss-trace__actions-chip {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid var(--os-border-soft);
  border-radius: 5px;
  background: color-mix(in srgb, var(--os-inset) 10%, transparent);
  padding: 0.28rem 0.48rem;
  font-size: 0.625rem;
  font-weight: 520;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--os-muted);
  text-decoration: none;
  cursor: pointer;
  transition:
    border-color 180ms var(--os-ease),
    color 180ms var(--os-ease),
    background-color 180ms var(--os-ease);
}

html.raumriss-os .riss-trace__actions-chip--primary,
html.raumriss-os .riss-trace__actions-chip[data-actions-expanded="true"] {
  border-color: color-mix(in srgb, var(--os-orange) 32%, var(--os-border-soft));
  color: var(--os-text);
  background: color-mix(in srgb, var(--os-orange-tint) 32%, var(--os-surface-soft));
}

html.raumriss-os .riss-trace__actions-chip:hover,
html.raumriss-os .riss-trace__actions-chip:focus-visible {
  color: var(--os-text);
  outline: none;
}

html.raumriss-os .riss-trace__actions-routing {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

html.raumriss-os .riss-trace__actions-routing-kicker {
  margin: 0;
  font-size: 0.5625rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--os-orange) 48%, var(--os-muted)) !important;
}

html.raumriss-os .riss-trace__actions-panel[data-riss-actions-voice="true"] .riss-trace__actions-routing-kicker {
  color: color-mix(in srgb, var(--os-orange) 62%, var(--os-muted)) !important;
}

html.raumriss-os .riss-trace__actions-advanced {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem 0.65rem;
  padding-top: 0.12rem;
}

html.raumriss-os .riss-trace__actions-advanced-entry {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 0.5625rem;
  font-weight: 520;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--os-text-faint);
  cursor: pointer;
}

html.raumriss-os .riss-trace__actions-advanced-entry:hover {
  color: var(--os-text-soft);
}

html.raumriss-os .riss-trace__routing-flows {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.38rem;
  max-height: 11.5rem;
  overflow-y: auto;
}

html.raumriss-os .riss-trace__routing-flow {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}

html.raumriss-os .riss-trace__routing-flow-room {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  padding: 0.1rem 0;
  text-align: left;
  font-size: 0.625rem;
  font-weight: 560;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--os-text-soft);
  cursor: pointer;
}

html.raumriss-os .riss-trace__routing-flow-room[data-routing-active="true"],
html.raumriss-os .riss-trace__routing-flow-room:hover {
  color: var(--os-text);
}

html.raumriss-os .riss-trace__routing-flow-zones {
  margin: 0;
  padding: 0 0 0 0.35rem;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
}

html.raumriss-os .riss-trace__routing-flow-zone {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  padding: 0.08rem 0;
  display: flex;
  align-items: baseline;
  gap: 0.28rem;
  font-size: 0.625rem;
  color: var(--os-muted);
  cursor: pointer;
  text-align: left;
}

html.raumriss-os .riss-trace__routing-flow-zone[data-routing-active="true"],
html.raumriss-os .riss-trace__routing-flow-zone:hover {
  color: var(--os-text);
}

html.raumriss-os .riss-trace__routing-flow-arrow {
  opacity: 0.55;
  font-size: 0.6875rem;
}

html.raumriss-os .riss-trace__routing-merge {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
}

html.raumriss-os .riss-trace__routing-merge-entry {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  border: 0;
  background: color-mix(in srgb, var(--os-inset) 14%, transparent);
  border-radius: 4px;
  padding: 0.32rem 0.38rem;
  text-align: left;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}

html.raumriss-os .riss-trace__routing-merge-title {
  font-size: 0.625rem;
  color: var(--os-text);
  line-height: 1.35;
}

html.raumriss-os .riss-trace__route-line {
  color: color-mix(in srgb, var(--os-orange) 28%, var(--os-muted));
}

html.raumriss-os .riss-trace__state-whisper {
  color: var(--os-text-faint);
}

html.raumriss-os .riss-traces-shelf--waiting .riss-traces-shelf__title {
  color: color-mix(in srgb, var(--os-orange) 42%, var(--os-muted));
}

html.raumriss-os .continuity-note-capture {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

html.raumriss-os .continuity-note-capture__row {
  display: flex;
  gap: 0.35rem;
  align-items: stretch;
}

html.raumriss-os .continuity-note-capture__draft {
  flex: 1;
  min-height: 2.6rem;
  resize: vertical;
  border: 1px solid var(--os-border-soft);
  border-radius: var(--os-radius-inset);
  background: color-mix(in srgb, var(--os-inset) 8%, transparent);
  padding: 0.45rem 0.55rem;
  font-size: 0.75rem;
  line-height: 1.45;
  color: var(--os-text);
}

html.raumriss-os .continuity-note-capture__send {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid var(--os-border-soft);
  border-radius: var(--os-radius-inset);
  background: color-mix(in srgb, var(--os-inset) 14%, transparent);
  padding: 0 0.5rem;
  color: var(--os-muted);
  cursor: pointer;
  align-self: stretch;
}

html.raumriss-os .continuity-note-capture__send:disabled {
  opacity: 0.45;
  cursor: default;
}

html.raumriss-os .continuity-note-capture__rooms {
  display: flex;
  flex-wrap: wrap;
  gap: 0.28rem;
}

html.raumriss-os .continuity-note-capture__room {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  padding: 0.12rem 0.2rem;
  font-size: 0.5625rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--os-text-faint);
  cursor: pointer;
}

html.raumriss-os .continuity-note-capture__room[data-active="true"] {
  color: var(--os-text);
}

html.raumriss-os .continuity-shelf__ideas-whisper {
  margin: 0.35rem 0 0;
  padding-top: 0.35rem;
  border-top: 1px solid var(--os-border-soft);
}

html.raumriss-os .riss-trace-shell[data-riss-trace-exiting="true"] {
  pointer-events: none;
}

html.raumriss-os .riss-trace-shell[data-riss-trace-exiting="true"] .riss-trace-shell__row,
html.raumriss-os .riss-trace-shell[data-riss-trace-exiting="true"] .riss-trace__actions-panel {
  opacity: 0;
  transform: translateX(-6px) scale(0.992);
  filter: saturate(0.92);
  transition:
    opacity 320ms var(--os-ease),
    transform 320ms var(--os-ease),
    filter 320ms var(--os-ease);
}

html.raumriss-os .home-runtime-field__trace.riss-trace-shell {
  margin: 0;
}

html.raumriss-os .home-runtime-field__trace .riss-trace {
  background: color-mix(in srgb, var(--os-inset) 10%, transparent);
  box-shadow: inset 0 0 0 1px var(--os-border-soft);
}

html.raumriss-os .home-runtime-field__trace .riss-trace__affordance {
  background: color-mix(in srgb, var(--os-inset) 12%, transparent);
}

/* ── Ablage · register selectors, not SaaS pills ─────────────── */

html.raumriss-os .ideas-filter-pill {
  border-radius: 6px !important;
  border: 1px solid var(--os-border-soft) !important;
  background: color-mix(in srgb, var(--os-inset) 12%, transparent) !important;
  padding: 0.38rem 0.72rem !important;
  font-size: 0.6875rem !important;
  font-weight: 520 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--os-muted) !important;
  box-shadow: inset 0 1px 0 var(--os-panel-highlight) !important;
}

html.raumriss-os .ideas-filter-pill--active {
  border-color: color-mix(in srgb, var(--os-orange) 28%, var(--os-border-soft)) !important;
  background: color-mix(in srgb, var(--os-orange-tint) 55%, var(--os-surface-soft)) !important;
  color: var(--os-text) !important;
  box-shadow:
    inset 2px 0 0 var(--os-orange-active),
    inset 0 0 0 1px color-mix(in srgb, var(--os-orange) 18%, var(--os-border-soft)),
    inset 0 1px 0 var(--os-panel-highlight) !important;
}

html.raumriss-os .ideas-draft {
  border-radius: var(--os-radius-inset) !important;
  border: none !important;
  background: color-mix(in srgb, var(--os-inset) 24%, var(--os-elevated)) !important;
  box-shadow:
    inset 0 2px 6px rgba(21, 21, 21, 0.045),
    inset 0 0 0 1px var(--os-border-soft) !important;
  font-size: 0.84375rem !important;
  line-height: 1.62 !important;
}

html.raumriss-os .ideas-draft:focus,
html.raumriss-os .ideas-draft:focus-visible {
  box-shadow:
    inset 0 2px 6px rgba(21, 21, 21, 0.045),
    inset 0 0 0 1px color-mix(in srgb, var(--os-orange) 28%, var(--os-border-soft)),
    inset 2px 0 0 var(--os-orange-active) !important;
  outline: none !important;
}

html.raumriss-os .ideas-item {
  border-radius: var(--os-radius-inset) !important;
  background: color-mix(in srgb, var(--os-inset) 10%, transparent) !important;
  box-shadow: inset 0 0 0 1px var(--os-border-soft) !important;
}

/* ── DER RISS · precision hardware slit ─────────────────────── */

html.raumriss-os [aria-label="Riss Core"] form:not(.riss-core-form) {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    inset 0 -1px 0 rgba(24, 23, 20, 0.06),
    inset 2px 0 0 var(--riss-hw-idle-seam) !important;
}

html.raumriss-os [aria-label="Riss Core"] input:not(.riss-core-input)::-moz-placeholder {
  color: var(--riss-hw-faint) !important;
  opacity: 0.72 !important;
  font-weight: 400 !important;
  letter-spacing: 0.015em !important;
}

html.raumriss-os [aria-label="Riss Core"] input:not(.riss-core-input)::placeholder {
  color: var(--riss-hw-faint) !important;
  opacity: 0.72 !important;
  font-weight: 400 !important;
  letter-spacing: 0.015em !important;
}

/* ── Room chambers · more air, less grid density ─────────────── */

@media (min-width: 1024px) {
  html.raumriss-os .home-composition {
    row-gap: var(--os-space-chamber-gap) !important;
    -moz-column-gap: var(--env-spread-chasm) !important;
         column-gap: var(--env-spread-chasm) !important;
  }

  html.raumriss-os .home-composition .home-room-band {
    margin-top: clamp(0.15rem, 0.5vw, 0.35rem) !important;
    padding-top: clamp(0.75rem, 1.6vw, 1.15rem) !important;
  }

  html.raumriss-os .home-composition .home-capture-shelf {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  html.raumriss-os .home-room-strip {
    gap: clamp(0.85rem, 1.7vw, 1.15rem) !important;
  }
}

html.raumriss-os .home-room-strip-cell:not(.room-tile) {
  transition:
    background-color 260ms var(--os-ease),
    box-shadow 260ms var(--os-ease) !important;
}

html.raumriss-os .home-capture-panel {
  padding: clamp(0.95rem, 1.9vw, 1.25rem) clamp(0.85rem, 1.7vw, 1.1rem) !important;
}

html.raumriss-os .environment-stage {
  padding-bottom: clamp(0.35rem, 0.9vw, 0.65rem) !important;
}

/* ═══════════════════════════════════════════════════════════════
 * V10 · Depth & Material Evolution
 * 5-level hierarchy · tension without darkness
 * ═══════════════════════════════════════════════════════════════ */

/* LEVEL 1 — page atmosphere: calm, breathing */
html.raumriss-os {
  --os-bg: var(--os-depth-1-page);
}

html.raumriss-os .home-runtime-shell::before {
  opacity: 0.82 !important;
}

/* LEVEL 2 — operating plate: inserted architectural surface */
html.raumriss-os .home-main-stage {
  background: var(--rr-surface) !important;
  border: 1px solid var(--rr-line-strong) !important;
  box-shadow: var(--rr-shadow-soft) !important;
}

html.raumriss-os .home-stage-spread {
  border-top-color: color-mix(in srgb, var(--os-divider) 92%, transparent) !important;
}

/* LEVEL 3 — operational chambers */
html.raumriss-os .home-stage-zone--systems.environment-command-center {
  padding: clamp(1.55rem, 3.1vw, 2.15rem) clamp(1.35rem, 2.7vw, 1.85rem)
    clamp(1.65rem, 3.2vw, 2.25rem) !important;
  background:
    radial-gradient(
      ellipse 108% 58% at 0% 0%,
      color-mix(in srgb, var(--os-orange-soft) 22%, transparent),
      transparent 56%
    ),
    color-mix(in srgb, var(--os-depth-3-chamber) 94%, var(--os-surface-soft)) !important;
  box-shadow:
    var(--os-material-l3-chamber),
    inset 3px 0 0 color-mix(in srgb, var(--os-orange-active) 78%, transparent) !important;
  border: none !important;
}

html.raumriss-os .home-stage-zone--systems .home-stage-kicker {
  margin-bottom: 0.85rem !important;
  color: color-mix(in srgb, var(--os-orange) 38%, var(--os-muted)) !important;
  font-size: 0.625rem !important;
}

html.raumriss-os .home-stage-zone--systems .home-system-phase {
  margin-top: 0.2rem !important;
  line-height: 1.55 !important;
  color: var(--os-text-soft) !important;
  letter-spacing: 0.06em !important;
}

html.raumriss-os .home-stage-zone--systems .home-system-summary {
  margin-top: 0.85rem !important;
  font-size: 1rem !important;
  line-height: 1.58 !important;
  letter-spacing: -0.014em !important;
  color: var(--os-text) !important;
}

html.raumriss-os .home-stage-zone--systems .home-alive-systems {
  margin-top: var(--os-rhythm-xl) !important;
  gap: 0.22rem !important;
}

html.raumriss-os .home-stage-zone--systems .home-alive-system {
  padding: 0.92rem 0 0.95rem !important;
  border-top: none !important;
  background: transparent !important;
  position: relative;
}

html.raumriss-os .home-stage-zone--systems .home-alive-system + .home-alive-system::before {
  content: "";
  position: absolute;
  left: 0.85rem;
  right: 0.35rem;
  top: 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--os-orange) 10%, var(--os-divider)) 0%,
    color-mix(in srgb, var(--os-divider) 70%, transparent) 72%,
    transparent 100%
  );
}

html.raumriss-os .home-stage-zone--systems .home-alive-system[data-subsystem-alive="true"] {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--os-orange-soft) 38%, transparent) 0%,
    transparent 68%
  ) !important;
  margin-inline: -0.45rem !important;
  padding-inline: 0.45rem !important;
  border-radius: 5px !important;
}

html.raumriss-os .home-stage-zone--systems .home-system-whisper {
  margin-top: var(--os-rhythm-xl) !important;
  padding-top: 1.1rem !important;
  border-top: none !important;
  line-height: 1.68 !important;
  color: var(--os-text-soft) !important;
}

html.raumriss-os .home-stage-zone--systems .home-system-whisper::before {
  content: "";
  display: block;
  width: min(4.5rem, 28%);
  height: 1px;
  margin-bottom: 0.85rem;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--os-orange) 24%, var(--os-divider)),
    transparent
  );
}

/* Subsystem signal logic: green alive · orange focus · red critical */
html.raumriss-os .home-alive-system[data-subsystem-state="online"] .home-alive-system__dot,
html.raumriss-os .home-alive-system[data-subsystem-state="ready"] .home-alive-system__dot {
  background: var(--os-signal-alive) !important;
  box-shadow: 0 0 0 2px var(--os-green-soft) !important;
  opacity: 1 !important;
}

html.raumriss-os .home-alive-system[data-subsystem-state="standby"] .home-alive-system__dot {
  background: var(--os-signal-focus) !important;
  box-shadow: 0 0 0 2px var(--os-orange-soft) !important;
  opacity: 1 !important;
}

html.raumriss-os .home-alive-system[data-subsystem-state="offline"] .home-alive-system__dot,
html.raumriss-os .home-alive-system[data-subsystem-state="blocked"] .home-alive-system__dot {
  background: var(--os-signal-critical) !important;
  box-shadow: 0 0 0 2px var(--os-red-soft) !important;
  opacity: 1 !important;
}

html.raumriss-os .home-alive-system[data-subsystem-state="prep"] .home-alive-system__dot {
  background: color-mix(in srgb, var(--os-orange) 55%, var(--os-muted)) !important;
  opacity: 0.75 !important;
}

/* Wochenrhythmus — operational briefing plate */
html.raumriss-os .home-stage-zone--focus.environment-focus-panel {
  padding: clamp(1.45rem, 2.9vw, 2rem) clamp(1.3rem, 2.6vw, 1.75rem)
    clamp(1.55rem, 3vw, 2.1rem) !important;
  background: color-mix(in srgb, var(--os-depth-3-chamber) 90%, var(--os-elevated)) !important;
  box-shadow: var(--os-material-l3-chamber) !important;
}

html.raumriss-os .home-focus-headline--primary {
  font-size: clamp(1.05rem, 2vw, 1.22rem) !important;
  font-weight: 520 !important;
  line-height: 1.48 !important;
  letter-spacing: -0.018em !important;
}

html.raumriss-os .home-rhythm-lines--editorial {
  margin-top: var(--os-rhythm-lg) !important;
}

html.raumriss-os .home-rhythm-lines--editorial li {
  line-height: 1.66 !important;
  color: var(--os-text-body) !important;
}

html.raumriss-os .home-rhythm-today--section {
  margin-top: var(--os-rhythm-xl) !important;
  padding-top: var(--os-rhythm-lg) !important;
  border-top: none !important;
}

html.raumriss-os .home-rhythm-today--section::before {
  content: "";
  display: block;
  width: min(3.5rem, 22%);
  height: 1px;
  margin-bottom: 0.75rem;
  background: var(--os-divider);
}

html.raumriss-os .home-rhythm-today__label {
  margin-bottom: 0.65rem !important;
  letter-spacing: 0.14em !important;
}

html.raumriss-os .home-rhythm-reminder {
  margin-top: var(--os-rhythm-xl) !important;
  line-height: 1.68 !important;
  font-size: 0.8125rem !important;
}

/* LEVEL 4 — embedded trays · continuity · archival shelf */
html.raumriss-os .riss-trace {
  background: color-mix(in srgb, var(--os-depth-4-tray) 42%, var(--os-surface-soft)) !important;
  box-shadow: var(--os-material-l4-tray) !important;
  border-radius: 8px !important;
  padding: 0.82rem 0.88rem 0.86rem 0.68rem !important;
}

html.raumriss-os .riss-trace__wick {
  width: 1.5px !important;
  background: color-mix(in srgb, var(--os-border) 72%, transparent) !important;
  opacity: 0.65 !important;
}

html.raumriss-os .riss-trace[data-riss-trace-state="waiting"] .riss-trace__wick,
html.raumriss-os .riss-trace[data-riss-trace-state="active"] .riss-trace__wick {
  background: var(--os-signal-focus) !important;
  opacity: 0.82 !important;
}

html.raumriss-os .riss-trace:hover .riss-trace__wick,
html.raumriss-os .riss-trace:focus-visible .riss-trace__wick {
  background: var(--os-orange-active) !important;
  opacity: 1 !important;
}

html.raumriss-os .home-capture-panel,
html.raumriss-os .environment-capture-panel {
  background: color-mix(in srgb, var(--os-depth-4-tray) 28%, var(--os-surface-soft)) !important;
  box-shadow: var(--os-material-l4-tray) !important;
  border: none !important;
}

html.raumriss-os .ideas-draft {
  background: color-mix(in srgb, var(--os-inset) 18%, var(--os-elevated)) !important;
  box-shadow:
    inset 0 3px 10px var(--os-depth-pressure-soft),
    inset 0 0 0 1px color-mix(in srgb, var(--os-border-soft) 75%, transparent) !important;
}

html.raumriss-os .ideas-draft:focus,
html.raumriss-os .ideas-draft:focus-visible {
  box-shadow:
    inset 0 3px 10px var(--os-depth-pressure-soft),
    inset 0 0 0 1px color-mix(in srgb, var(--os-orange) 22%, var(--os-border-soft)),
    inset 2px 0 0 var(--os-orange-active) !important;
}

html.raumriss-os .ideas-item {
  background: transparent !important;
  box-shadow: none !important;
  border-top: 1px solid color-mix(in srgb, var(--os-divider) 88%, transparent) !important;
  border-radius: 0 !important;
}

html.raumriss-os .ideas-list {
  background: color-mix(in srgb, var(--os-inset) 14%, transparent) !important;
  box-shadow: inset 0 2px 8px var(--os-depth-pressure-soft) !important;
}

@media (max-width: 1023px) {
  html.raumriss-os .home-room-strip-cell {
    background: color-mix(in srgb, var(--os-depth-3-chamber) 82%, var(--os-surface)) !important;
    box-shadow: var(--os-material-l3-chamber) !important;
    border-radius: 9px !important;
  }

  html.raumriss-os .home-room-strip-cell:not(.room-tile):hover,
  html.raumriss-os .home-room-strip-cell:not(.room-tile):focus-visible {
    background: color-mix(in srgb, var(--os-depth-3-chamber) 90%, var(--os-elevated)) !important;
    box-shadow:
      var(--os-material-l3-chamber),
      inset 0 -1px 0 color-mix(in srgb, var(--os-orange) 8%, transparent) !important;
  }

  html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-active="true"] {
    box-shadow:
      var(--os-material-l3-chamber),
      inset 2px 0 0 var(--os-orange-active),
      inset 0 -1px 0 color-mix(in srgb, var(--os-orange) 12%, transparent) !important;
  }
}

html.raumriss-os .home-room-alive-dot[data-room-warmth="active"] {
  background: var(--os-signal-focus) !important;
  box-shadow:
    0 0 0 2px var(--os-orange-soft),
    0 0 10px color-mix(in srgb, var(--os-orange) 16%, transparent) !important;
}

html.raumriss-os .home-room-alive-dot[data-room-warmth="warm"] {
  background: color-mix(in srgb, var(--os-orange) 62%, var(--os-muted)) !important;
}

html.raumriss-os .home-room-alive-dot[data-room-warmth="steady"] {
  background: var(--os-signal-alive) !important;
  opacity: 0.72 !important;
}

html.raumriss-os .home-room-alive-dot[data-room-warmth="quiet"] {
  background: color-mix(in srgb, var(--os-muted) 58%, transparent) !important;
  opacity: 0.68 !important;
}

/* LEVEL 5 — light hardware core · DER RISS precision slit (Option C) */
html.raumriss-os [aria-label="Riss Core"] .riss-core-module {
  background: var(--riss-bar-fill) !important;
  border: 1px solid var(--riss-bar-border) !important;
  --tw-ring-color: var(--riss-bar-border) !important;
  box-shadow: var(--riss-bar-shadow) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-core-module[data-riss-trace-live="true"] {
  box-shadow:
    var(--riss-bar-shadow),
    inset 2px 0 0 color-mix(in srgb, var(--os-orange) 24%, transparent) !important;
}

html.raumriss-os [aria-label="Riss Core"] form.riss-core-form {
  box-shadow: none !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well {
  border-radius: 9px !important;
  border-color: rgba(20, 19, 15, 0.18) !important;
  background: var(--rr-paper) !important;
  box-shadow: inset 0 1px 2px rgba(20, 19, 15, 0.08) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well::before,
html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well::after {
  content: none !important;
  display: none !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well--focused,
html.raumriss-os [aria-label="Riss Core"] [data-riss-input-focused="true"] .riss-der-riss-well {
  border-color: var(--rr-orange) !important;
  background: var(--rr-paper) !important;
  box-shadow:
    0 0 0 1px var(--rr-orange-ring),
    inset 0 1px 2px rgba(20, 19, 15, 0.08) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-label,
html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well .riss-der-riss-label {
  color: var(--riss-slit-label) !important;
  letter-spacing: 0.06em !important;
  opacity: 1 !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-core-form__riss-row {
  min-height: 2rem !important;
  padding-top: 0.72rem !important;
  align-items: center !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-core-input {
  background: transparent !important;
  color: var(--riss-slit-text) !important;
  font-size: 0.875rem !important;
  line-height: 1.45 !important;
  letter-spacing: 0.01em !important;
  caret-color: color-mix(in srgb, var(--riss-slit-text) 86%, var(--os-orange)) !important;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

html.raumriss-os [aria-label="Riss Core"] .riss-core-input::-moz-placeholder {
  color: var(--riss-slit-placeholder) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-core-input::placeholder {
  color: var(--riss-slit-placeholder) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-core-input:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well .riss-core-form__riss-row .text-riss-faint,
html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well .riss-core-form__riss-row .text-riss-muted {
  color: var(--riss-slit-placeholder) !important;
  letter-spacing: 0.08em !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well .riss-core-form__riss-row button[type="submit"] {
  color: var(--riss-slit-placeholder) !important;
  letter-spacing: 0.08em !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well .riss-core-form__riss-row button[type="submit"]:not(:disabled):hover {
  color: var(--riss-slit-text) !important;
  background: color-mix(in srgb, var(--rr-line-soft) 65%, transparent) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well .riss-voice-tap {
  color: var(--riss-slit-placeholder) !important;
  border-radius: 8px !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well .riss-voice-tap:hover,
html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well .riss-voice-tap:focus-visible,
html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well .riss-voice-tap:active {
  color: var(--riss-slit-text) !important;
  background: color-mix(in srgb, var(--rr-line-soft) 55%, transparent) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-hw-switch,
html.raumriss-os [aria-label="Riss Core"] .riss-hw-control,
html.raumriss-os [aria-label="Riss Core"] .riss-core-home,
html.raumriss-os [aria-label="Riss Core"] .riss-core-command {
  background: var(--riss-control-fill) !important;
  border: 1px solid rgba(20, 19, 15, 0.14) !important;
  --tw-ring-color: rgba(20, 19, 15, 0.12) !important;
  color: var(--riss-hw-text) !important;
  box-shadow: var(--riss-control-shadow) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-hw-switch:hover,
html.raumriss-os [aria-label="Riss Core"] .riss-hw-control:hover,
html.raumriss-os [aria-label="Riss Core"] .riss-core-home:hover,
html.raumriss-os [aria-label="Riss Core"] .riss-core-command:hover {
  --tw-ring-color: color-mix(in srgb, var(--os-orange) 40%, rgba(20, 19, 15, 0.14)) !important;
  box-shadow: var(--riss-control-shadow-hover) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-hw-switch:active,
html.raumriss-os [aria-label="Riss Core"] .riss-hw-control:active,
html.raumriss-os [aria-label="Riss Core"] .riss-core-home:active,
html.raumriss-os [aria-label="Riss Core"] .riss-core-command:active {
  box-shadow: var(--riss-control-shadow-pressed) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-aurel-tap,
html.raumriss-os [aria-label="Riss Core"] .riss-core-room-context--thumb,
html.raumriss-os [aria-label="Riss Core"] .riss-core-form__controls > button[aria-label="AUREL Denkpanel"]:not(.riss-aurel-tap) {
  background: var(--riss-chamber-fill) !important;
  border: 1px solid rgba(20, 19, 15, 0.13) !important;
  box-shadow: var(--riss-chamber-shadow) !important;
  --tw-ring-color: var(--riss-bar-border) !important;
}

html.raumriss-os [aria-label="Riss Core"] .text-riss-text {
  color: var(--riss-hw-text) !important;
}

html.raumriss-os [aria-label="Riss Core"] .text-riss-muted {
  color: var(--riss-hw-muted) !important;
}

html.raumriss-os [aria-label="Riss Core"] .text-riss-faint:not(.riss-der-riss-label) {
  color: var(--riss-hw-faint) !important;
}

/* AUREL signal clarity on hardware layer */
html.raumriss-os [aria-label="Riss Core"] .bg-riss-green {
  box-shadow: 0 0 0 2px rgba(76, 138, 74, 0.22) !important;
}

html.raumriss-os [aria-label="Riss Core"] .bg-riss-signal {
  box-shadow: 0 0 0 2px rgba(180, 58, 47, 0.2) !important;
}

html.raumriss-os [aria-label="Riss Core"] .bg-riss-amber {
  box-shadow: 0 0 0 2px rgba(201, 106, 27, 0.18) !important;
}

/* Editorial typography rhythm */
html.raumriss-os .type-section-subtitle {
  line-height: 1.64 !important;
  color: var(--os-text-body) !important;
}

html.raumriss-os .type-body {
  line-height: 1.66 !important;
}

html.raumriss-os .home-living-title {
  font-size: clamp(1.35rem, 2.6vw, 1.85rem) !important;
  line-height: 1.24 !important;
  letter-spacing: -0.024em !important;
}

html.raumriss-os .home-living-meta,
html.raumriss-os .home-living-continuation {
  font-size: 0.84375rem !important;
  line-height: 1.68 !important;
}

/* ═══════════════════════════════════════════════════════════════
 * Mobile Runtime Pass · thumb-first, nicht komprimiertes Desktop
 * ═══════════════════════════════════════════════════════════════ */

@media (max-width: 1023px) {
  html.raumriss-os {
    --riss-floor-stack: max(
      9.75rem,
      calc(5.85rem + env(safe-area-inset-bottom, 0px))
    );
  }

  html.raumriss-os [aria-label="Riss Core"]:not(.bottom-console) {
    padding-inline: max(0.35rem, env(safe-area-inset-left, 0px))
      max(0.35rem, env(safe-area-inset-right, 0px)) !important;
  }

  html.raumriss-os [aria-label="Riss Core"] .riss-core-form__riss-row {
    min-height: 1.85rem !important;
    padding-top: 0.62rem !important;
  }

  html.raumriss-os [aria-label="Riss Core"] .riss-core-input {
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well--thumb {
    min-height: 3.2rem !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  html.raumriss-os [aria-label="Riss Core"] .riss-core-panels {
    max-height: min(58vh, 22rem);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scroll-padding-bottom: 0.5rem;
  }

  html.raumriss-os [aria-label="Riss Core"] .riss-panel-actions {
    gap: 0.42rem !important;
  }

  html.raumriss-os [aria-label="Riss Core"] .riss-panel-action,
  html.raumriss-os [aria-label="Riss Core"] .riss-panel-action--primary {
    min-height: 2.75rem !important;
    padding: 0.62rem 1rem !important;
    font-size: 0.625rem !important;
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  html.raumriss-os [aria-label="Riss Core"] .riss-panel-list-item {
    min-height: 2.75rem !important;
    padding-block: 0.68rem !important;
  }

  html.raumriss-os .der-riss-marginalia {
    width: min(calc(100vw - 48px), 560px) !important;
    max-width: min(calc(100vw - 48px), 560px) !important;
    height: 22px !important;
    min-height: 22px !important;
    font-size: 9px !important;
    margin-bottom: 10px !important;
  }

  html.raumriss-os .der-riss-resonance {
    font-family: inherit !important;
    font-size: 0.6875rem !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    padding-block: 0.28rem !important;
    margin-bottom: calc(var(--riss-grid) * 1.1) !important;
  }

  html.raumriss-os .home-runtime-shell--thumb-flow .home-composition {
    gap: 0;
  }

  html.raumriss-os .home-runtime-shell--thumb-flow .home-living-focus {
    padding-bottom: 0.75rem !important;
    margin-bottom: 0.35rem !important;
  }

  html.raumriss-os .home-runtime-shell--thumb-flow .home-runtime-field__climate,
  html.raumriss-os .home-runtime-shell--thumb-flow .home-runtime-field__flow,
  html.raumriss-os .home-runtime-shell--thumb-flow .home-runtime-field__continuity {
    line-height: 1.58 !important;
  }
}

@media (max-width: 1023px) and (hover: none) {
  html.raumriss-os .riss-trace__affordance {
    width: 2.75rem !important;
    min-height: 2.75rem !important;
    padding-inline: 0.35rem !important;
  }

  html.raumriss-os .riss-trace__affordance-mark {
    opacity: 0.78 !important;
    font-size: 0.75rem !important;
  }

  html.raumriss-os .riss-trace-shell:hover .riss-trace__affordance-mark {
    opacity: 0.78 !important;
  }

  html.raumriss-os .riss-trace {
    min-height: 2.85rem !important;
    padding-block: 0.72rem !important;
  }

  html.raumriss-os .riss-trace__label {
    font-size: 0.84375rem !important;
    line-height: 1.48 !important;
  }

  html.raumriss-os .riss-trace__actions-primary {
    flex-direction: column !important;
    gap: 0.38rem !important;
  }

  html.raumriss-os .riss-trace__actions-chip {
    min-height: 2.65rem !important;
    padding: 0.5rem 0.72rem !important;
    font-size: 0.6875rem !important;
    width: 100%;
    text-align: left;
  }

  html.raumriss-os .riss-trace__actions-advanced-entry {
    min-height: 2.5rem !important;
    padding-block: 0.42rem !important;
    font-size: 0.6875rem !important;
  }

  html.raumriss-os .home-runtime-field__trace-link {
    min-height: 2.85rem !important;
  }

  html.raumriss-os a.home-runtime-field__trace-link:hover,
  html.raumriss-os a.home-runtime-field__whisper-link:hover {
    color: inherit;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  html.raumriss-os [aria-label="Riss Core"] .riss-panel-action,
  html.raumriss-os [aria-label="Riss Core"] .riss-panel-action--primary {
    width: auto;
  }

  html.raumriss-os [aria-label="Riss Core"] .riss-panel-actions {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}

/* Raum-Zonen · Werkbänke (additiv, leichte Identität) */
html.raumriss-os .room-zone-overview__grid,
html.raumriss-os .alivemaex-zone-overview__grid {
  display: grid;
  gap: 0.65rem;
  grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
}

html.raumriss-os .room-zone-overview__card,
html.raumriss-os .alivemaex-zone-overview__card {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--surface-divider);
  border-radius: 0.65rem;
  background: var(--surface-elevated, rgba(255, 255, 255, 0.02));
  transition: border-color 0.2s ease, background 0.2s ease;
}

html.raumriss-os .room-zone-overview__card[data-zone-warmth="active"],
html.raumriss-os .alivemaex-zone-overview__card[data-zone-warmth="active"] {
  border-color: color-mix(in srgb, var(--accent-soft) 28%, var(--surface-divider));
}

html.raumriss-os .room-zone-overview__card[data-zone-warmth="recent"],
html.raumriss-os .alivemaex-zone-overview__card[data-zone-warmth="recent"] {
  border-color: color-mix(in srgb, var(--text-muted) 35%, var(--surface-divider));
}

html.raumriss-os .room-zone-overview__title,
html.raumriss-os .alivemaex-zone-overview__title {
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--text-primary);
}

html.raumriss-os .room-zone-overview__hint,
html.raumriss-os .alivemaex-zone-overview__hint {
  font-size: 0.6875rem;
  line-height: 1.45;
  color: var(--text-muted);
}

html.raumriss-os .room-zone-overview__meta,
html.raumriss-os .alivemaex-zone-overview__meta {
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-faint);
}

/* Wiedereinstieg · ruhiger Raumüberblick (ALIVEMAEX) */
html.raumriss-os .alivemaex-reentry {
  margin-bottom: 1.25rem;
}

html.raumriss-os .alivemaex-reentry__grid {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  html.raumriss-os .alivemaex-reentry__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

html.raumriss-os .alivemaex-reentry__row {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.7rem 0.9rem;
  border: 1px solid var(--surface-divider);
  border-radius: 0.6rem;
  background: var(--surface-elevated, rgba(255, 255, 255, 0.02));
}

/* „Nächster Schritt" trägt die meiste Aufmerksamkeit — ruhig hervorgehoben. */
html.raumriss-os .alivemaex-reentry__row[data-tone="next"] {
  grid-column: 1 / -1;
  border-color: color-mix(in srgb, var(--accent-soft) 26%, var(--surface-divider));
}

html.raumriss-os .alivemaex-reentry__row[data-tone="open"][data-present="true"] {
  border-color: color-mix(in srgb, var(--text-muted) 32%, var(--surface-divider));
}

html.raumriss-os .alivemaex-reentry__row[data-present="false"] {
  opacity: 0.72;
}

html.raumriss-os .alivemaex-reentry__label {
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.625rem;
}

html.raumriss-os .alivemaex-reentry__value {
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--text-secondary);
}

html.raumriss-os .alivemaex-reentry__row[data-tone="next"] .alivemaex-reentry__value {
  color: var(--text-primary);
  font-weight: 600;
}

html.raumriss-os .room-zone-focus,
html.raumriss-os .alivemaex-zone-focus {
  padding: 1rem 1.1rem;
  border-radius: 0.65rem;
  border: 1px solid var(--surface-divider);
  margin-bottom: 1rem;
}

html.raumriss-os .room-zone-focus[data-zone-role="writing"],
html.raumriss-os .room-zone-focus[data-zone-accent="writing"],
html.raumriss-os .alivemaex-zone-focus[data-zone-accent="writing"] {
  border-left: 2px solid color-mix(in srgb, var(--rr-warm-accent, #c4a574) 18%, transparent);
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--rr-surface-raised, #f6f2ea) 94%, #1a1510 6%) 0%,
    color-mix(in srgb, var(--rr-paper-aged, #fcf9f2) 88%, var(--rr-warm-accent, #c4a574) 12%) 100%
  );
  box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 35%, transparent);
}

html.raumriss-os .room-zone-focus[data-zone-accent="writing"] .room-zone-focus__kicker,
html.raumriss-os .room-zone-focus[data-zone-role="writing"] .room-zone-focus__kicker {
  letter-spacing: 0.08em;
  opacity: 0.88;
}

html.raumriss-os .room-zone-focus[data-zone-accent="writing"] .room-zone-focus__thread-reentry {
  font-style: italic;
  opacity: 0.92;
}

html.raumriss-os .semantic-workbench[data-work-phase="continuing"][data-room-zone="writing"],
html.raumriss-os .project-workspace-shell[data-room-zone="writing"] .semantic-workbench {
  background: color-mix(
    in srgb,
    var(--rr-paper-aged, #fcf9f2) 90%,
    var(--rr-warm-accent, #c4a574) 10%
  );
}


html.raumriss-os .room-zone-focus[data-zone-role="releases"],
html.raumriss-os .alivemaex-zone-focus[data-zone-accent="releases"] {
  border-left: 2px solid color-mix(in srgb, var(--accent-soft) 40%, transparent);
}

html.raumriss-os .room-zone-focus[data-zone-role="visual"],
html.raumriss-os .alivemaex-zone-focus[data-zone-accent="visual"] {
  border-left: 2px solid color-mix(in srgb, var(--accent-soft) 22%, transparent);
  font-style: normal;
}

html.raumriss-os .room-zone-focus[data-zone-role="live"],
html.raumriss-os .alivemaex-zone-focus[data-zone-accent="live"] {
  border-left: 2px solid color-mix(in srgb, var(--text-primary) 18%, transparent);
}

html.raumriss-os .room-zone-focus[data-zone-role="content"],
html.raumriss-os .alivemaex-zone-focus[data-zone-accent="content"] {
  border-left: 2px dashed color-mix(in srgb, var(--surface-divider) 80%, var(--text-muted));
}

html.raumriss-os .room-zone-focus[data-zone-role="archive"],
html.raumriss-os .alivemaex-zone-focus[data-zone-accent="archive"] {
  opacity: 0.92;
  border-left: 2px solid color-mix(in srgb, var(--text-faint) 50%, transparent);
}

html.raumriss-os .room-zone-focus__modules,
html.raumriss-os .alivemaex-zone-focus__modules {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

html.raumriss-os .room-zone-focus__module,
html.raumriss-os .alivemaex-zone-focus__module {
  font-size: 0.6875rem;
  padding: 0.28rem 0.55rem;
  border-radius: 0.35rem;
  border: 1px solid var(--surface-divider);
  color: var(--text-muted);
}

html.raumriss-os .room-zone-focus[data-zone-role="ads"] {
  border-left: 2px solid color-mix(in srgb, var(--accent-soft) 32%, transparent);
}

html.raumriss-os .room-zone-focus[data-zone-role="finances"] {
  border-left: 2px solid color-mix(in srgb, var(--text-secondary) 28%, transparent);
}

html.raumriss-os .room-zone-focus[data-zone-role="vst"] {
  border-left: 2px solid color-mix(in srgb, var(--text-primary) 14%, transparent);
}

html.raumriss-os .room-zone-focus[data-zone-role="manifest"] {
  border-left: 2px solid color-mix(in srgb, var(--text-muted) 40%, transparent);
}

html.raumriss-os .room-zone-focus__trace {
  line-height: 1.45;
}

html.raumriss-os .zone-business-ops {
  margin-top: 0.85rem;
  padding: 0.85rem 1rem;
  border-radius: 0.55rem;
  border: 1px solid var(--surface-divider);
  background: color-mix(in srgb, var(--rr-surface-raised, #f6f2ea) 96%, transparent);
}

html.raumriss-os .zone-business-ops--creative-room,
html.raumriss-os .zone-business-ops--commerce-room {
  margin-top: 0.55rem;
  padding: 0.2rem 0 0.15rem;
  border: none;
  background: transparent;
}

html.raumriss-os .operational-atmosphere {
  margin: 0 0 clamp(0.55rem, 1.2vw, 0.85rem);
  padding: clamp(0.5rem, 1vw, 0.7rem) clamp(0.15rem, 0.5vw, 0.35rem);
  border-radius: 0;
  background: linear-gradient(
    175deg,
    color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 38%, transparent) 0%,
    transparent 72%
  );
  transition: opacity 0.65s ease;
}

html.raumriss-os .operational-atmosphere[data-weather-phase="shifting"] {
  opacity: 0.88;
}

html.raumriss-os .operational-atmosphere[data-weather-phase="idle"] {
  opacity: 0.94;
}

html.raumriss-os .operational-atmosphere__primary {
  margin: 0;
  font-size: clamp(0.8125rem, 1.05vw, 0.9375rem);
  font-weight: 520;
  letter-spacing: -0.02em;
  line-height: 1.45;
  color: color-mix(in srgb, var(--text-primary) 88%, var(--rr-orange, #c45a2a) 12%);
}

html.raumriss-os .operational-atmosphere__secondary {
  list-style: none;
  margin: 0.35rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

html.raumriss-os .operational-atmosphere__secondary li {
  font-size: 0.6875rem;
  line-height: 1.4;
  color: var(--text-muted);
  font-style: italic;
}

html.raumriss-os .operational-atmosphere__continuity {
  margin: 0.45rem 0 0;
  font-style: italic;
  color: color-mix(in srgb, var(--text-faint) 92%, var(--rr-orange, #c45a2a) 8%);
}

html.raumriss-os .operational-atmosphere[data-operational-weather="fatigue"] .operational-atmosphere__primary,
html.raumriss-os .operational-atmosphere[data-operational-weather="cooling"] .operational-atmosphere__primary {
  color: color-mix(in srgb, var(--text-secondary) 90%, var(--text-muted) 10%);
}

html.raumriss-os .operational-atmosphere[data-operational-weather="emergence"] .operational-atmosphere__primary,
html.raumriss-os .operational-atmosphere[data-operational-weather="resonance"] .operational-atmosphere__primary {
  color: color-mix(in srgb, var(--text-primary) 82%, var(--rr-orange, #c45a2a) 18%);
}

html.raumriss-os .zone-business-ops__briefing-chamber {
  margin-top: 0.75rem;
  padding-top: 0.55rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 40%, transparent);
}

html.raumriss-os .zone-business-ops__briefing-kicker {
  margin-bottom: 0.4rem;
  color: var(--text-faint);
}

html.raumriss-os .zone-business-ops__trace-fold {
  margin-top: 0.85rem;
  opacity: 0.72;
}

html.raumriss-os .zone-business-ops__trace-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

html.raumriss-os .zone-business-ops__trace-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.25rem 0.65rem;
  padding: 0.2rem 0;
  font-size: 0.625rem;
  color: var(--text-faint);
}

html.raumriss-os .zone-business-ops--creative-room .zone-material-chamber--hero {
  margin-top: 0;
}

html.raumriss-os .zone-business-ops__context-fold {
  margin-top: 0.65rem;
  padding-top: 0.45rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 45%, transparent);
}

html.raumriss-os .zone-business-ops__context-fold > summary {
  cursor: pointer;
  list-style: none;
  font-size: 0.625rem;
  letter-spacing: 0.05em;
  color: var(--text-faint);
  padding: 0.15rem 0;
}

html.raumriss-os .zone-business-ops__context-fold > summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .zone-business-ops__context-body {
  margin-top: 0.45rem;
  padding: 0.35rem 0 0;
  opacity: 0.88;
}

html.raumriss-os .zone-business-ops--creative-room .zone-business-ops__block + .zone-business-ops__block {
  margin-top: 0.55rem;
  padding-top: 0.55rem;
}

html.raumriss-os .zone-business-ops__block + .zone-business-ops__block {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 65%, transparent);
}

html.raumriss-os .zone-business-ops__label {
  margin-bottom: 0.35rem;
  color: var(--text-faint);
}

html.raumriss-os .zone-business-ops__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

html.raumriss-os .zone-business-ops__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
  padding: 0.28rem 0;
  font-size: 0.6875rem;
  color: var(--text-muted);
}

html.raumriss-os .zone-business-ops__row-label {
  color: var(--text-secondary);
}

html.raumriss-os .zone-business-ops__row-value,
html.raumriss-os .zone-business-ops__row-meta {
  color: var(--text-faint);
}

html.raumriss-os .zone-business-ops__empty {
  color: var(--text-faint);
}

html.raumriss-os .zone-material-surface {
  margin-top: 0.5rem;
}

html.raumriss-os .zone-material-surface__header {
  margin-bottom: 0.5rem;
}

html.raumriss-os .zone-material-surface__hint {
  margin-top: 0.2rem;
  color: var(--text-faint);
  line-height: 1.4;
}

html.raumriss-os .zone-material-surface__path-code {
  font-size: 0.625rem;
  color: var(--text-muted);
}

html.raumriss-os .zone-material-surface__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

html.raumriss-os .zone-material-surface__row {
  padding: 0.5rem 0.55rem;
  border-radius: 0.45rem;
  border: 1px solid color-mix(in srgb, var(--rr-line-soft) 85%, transparent);
  background: color-mix(in srgb, var(--rr-paper, #fcf9f2) 88%, var(--rr-surface-raised));
}

html.raumriss-os .zone-material-surface__row[data-material-new] {
  border-color: color-mix(in srgb, var(--text-muted) 35%, var(--surface-divider));
}

html.raumriss-os .zone-material-surface__row-main {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
}

html.raumriss-os .zone-material-surface__select {
  flex-shrink: 0;
  margin-top: 0.15rem;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

html.raumriss-os .zone-material-surface__select-mark {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.15rem;
  border: 1px solid var(--text-faint);
}

html.raumriss-os .zone-material-surface__select[aria-pressed="true"] .zone-material-surface__select-mark {
  background: color-mix(in srgb, var(--text-secondary) 55%, transparent);
  border-color: var(--text-muted);
}

html.raumriss-os .zone-material-surface__body {
  flex: 1;
  min-width: 0;
}

html.raumriss-os .zone-material-surface__title {
  font-size: 0.6875rem;
  color: var(--text-secondary);
  line-height: 1.35;
}

html.raumriss-os .zone-material-surface__path {
  margin-top: 0.12rem;
  font-size: 0.625rem;
  color: var(--text-faint);
}

html.raumriss-os .zone-material-surface__meta {
  margin-top: 0.1rem;
}

html.raumriss-os .zone-material-surface__status {
  flex-shrink: 0;
  font-size: 0.625rem;
  color: var(--text-faint);
}

html.raumriss-os .zone-material-surface__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
  margin-top: 0.4rem;
  padding-left: 1.2rem;
}

html.raumriss-os .zone-material-surface__attach {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  margin-top: 0.4rem;
  padding-left: 1.2rem;
}

html.raumriss-os .zone-material-surface__thread-select {
  font-size: 0.625rem;
  max-width: 12rem;
  padding: 0.2rem 0.35rem;
  border-radius: 0.3rem;
  border: 1px solid var(--surface-divider);
  background: transparent;
  color: var(--text-muted);
}

html.raumriss-os .zone-material-surface__empty {
  color: var(--text-faint);
  font-size: 0.6875rem;
  line-height: 1.45;
}

html.raumriss-os .zone-material-surface__archived-note {
  margin-top: 0.5rem;
}

html.raumriss-os .zone-material-surface__groups {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

html.raumriss-os .zone-material-surface__group-label {
  margin-bottom: 0.25rem;
  color: var(--text-faint);
  letter-spacing: 0.03em;
}

html.raumriss-os .zone-material-surface__continuity-hint {
  opacity: 0.75;
  cursor: help;
}

html.raumriss-os .zone-material-surface__prep {
  margin-top: 0.85rem;
  padding-top: 0.75rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 65%, transparent);
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

html.raumriss-os .zone-material-surface__field {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

html.raumriss-os .zone-material-surface__input {
  font-size: 0.6875rem;
  min-height: 2rem;
}

html.raumriss-os .zone-material-surface__prep-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.55rem;
}

html.raumriss-os .zone-material-surface__prep-hint,
html.raumriss-os .zone-material-surface__prep-msg {
  color: var(--text-faint);
  line-height: 1.4;
}

html.raumriss-os .zone-material-surface__review-block {
  margin-top: 0.75rem;
  padding-top: 0.65rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 55%, transparent);
}

html.raumriss-os .continuity-surface {
  margin-bottom: 0.75rem;
  padding: 0.65rem 0.75rem;
  border-radius: 0.45rem;
  border: 1px solid color-mix(in srgb, var(--rr-line-soft) 80%, transparent);
  background: color-mix(in srgb, var(--rr-paper-aged, #fcf9f2) 92%, var(--rr-surface-raised));
  color: var(--rr-text-body, var(--os-text-body));
}

html.raumriss-os .continuity-surface[data-continuity-health="attention"] {
  border-color: color-mix(in srgb, var(--text-muted) 28%, var(--surface-divider));
}

html.raumriss-os .continuity-surface[data-continuity-health="strained"] {
  border-color: color-mix(in srgb, var(--text-muted) 38%, var(--surface-divider));
}

html.raumriss-os .continuity-surface__header {
  margin-bottom: 0.45rem;
}

html.raumriss-os .continuity-surface__scores {
  margin-top: 0.15rem;
  color: var(--text-faint);
}

html.raumriss-os .continuity-surface__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem 0.75rem;
  margin: 0 0 0.5rem;
  font-size: 0.625rem;
}

html.raumriss-os .continuity-surface__stats dt {
  color: var(--text-faint);
}

html.raumriss-os .continuity-surface__stats dd {
  margin: 0;
  color: var(--text-secondary);
}

html.raumriss-os .continuity-surface__issues {
  list-style: none;
  margin: 0 0 0.5rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

html.raumriss-os .continuity-surface__issue-title {
  display: block;
  font-size: 0.6875rem;
  color: var(--text-secondary);
}

html.raumriss-os .continuity-surface__issue-detail {
  display: block;
  margin-top: 0.1rem;
}

html.raumriss-os .continuity-surface__calm,
html.raumriss-os .continuity-surface__hint,
html.raumriss-os .continuity-surface__grouping {
  font-size: 0.625rem;
  color: var(--text-faint);
  line-height: 1.45;
}

html.raumriss-os .continuity-surface__aurel {
  margin-top: 0.45rem;
}

html.raumriss-os .continuity-surface__suggestions {
  list-style: none;
  margin: 0.25rem 0 0;
  padding: 0;
  font-size: 0.625rem;
  color: var(--text-muted);
}

html.raumriss-os .continuity-surface__suggestion-reason {
  color: var(--text-faint);
}

html.raumriss-os .continuity-surface__review {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-top: 0.75rem;
}

html.raumriss-os .continuity-surface__review-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

html.raumriss-os .continuity-surface__review-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  color: var(--text-muted);
}

html.raumriss-os .continuity-surface__review-link {
  color: var(--text-secondary);
}

html.raumriss-os .continuity-surface__refresh {
  margin-top: 0.45rem;
}

/* ── Semantic Workbench · kontextuelle Werktischfläche ───────────── */

html.raumriss-os .semantic-workbench {
  margin-top: 0.85rem;
  padding: 0.9rem 1rem 1rem;
  border-radius: 0.55rem;
  border: 1px solid color-mix(in srgb, var(--surface-divider) 88%, transparent);
  background: color-mix(
    in srgb,
    var(--rr-paper-aged, #fcf9f2) 92%,
    var(--rr-surface-raised) 8%
  );
  box-shadow: 0 1px 0 color-mix(in srgb, var(--rr-ink-faint, #1a1a1a) 4%, transparent);
  transition:
    border-color 480ms ease,
    background 520ms ease;
}

html.raumriss-os .semantic-workbench[data-workbench-warmth] {
  border-color: color-mix(
    in srgb,
    var(--surface-divider) 78%,
    var(--rr-warm-accent, #c4a574) 14%
  );
}

html.raumriss-os .semantic-workbench__header {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

html.raumriss-os .semantic-workbench__kicker {
  color: var(--text-faint);
  letter-spacing: 0.06em;
}

html.raumriss-os .semantic-workbench__presence {
  font-size: 0.9375rem;
  line-height: 1.45;
  color: var(--text-primary);
  font-weight: 450;
}

html.raumriss-os .semantic-workbench__carry {
  margin-top: 0.2rem;
  color: var(--text-muted);
}

html.raumriss-os .semantic-workbench[data-work-phase="returning"] {
  border-color: color-mix(in srgb, var(--rr-warm-accent, #c4a574) 22%, var(--surface-divider));
  transition: border-color 620ms ease, background 720ms ease;
}

html.raumriss-os .semantic-workbench[data-work-phase="paused"] {
  opacity: 0.94;
}

html.raumriss-os .semantic-workbench[data-tension-pull="true"] .semantic-workbench__presence {
  color: color-mix(in srgb, var(--text-primary) 88%, var(--rr-warm-accent, #c4a574));
}

html.raumriss-os .semantic-workbench__material[data-attention-proximity] {
  box-shadow: inset 0 0 0 1px
    color-mix(
      in srgb,
      transparent 88%,
      var(--rr-warm-accent, #c4a574) calc(var(--wb-warmth, 0.5) * 18%)
    );
}

html.raumriss-os .semantic-workbench__audio[data-audio-unfinished="true"] .semantic-workbench__waveform-strip {
  opacity: 0.58;
}

html.raumriss-os .semantic-workbench__audio-unfinished {
  margin-top: 0.2rem;
  color: var(--text-faint);
  font-style: italic;
}

html.raumriss-os .semantic-workbench__reentry {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin-top: 0.65rem;
}

html.raumriss-os .semantic-workbench__reentry-wick {
  flex-shrink: 0;
  width: 2px;
  min-height: 1.25rem;
  border-radius: 1px;
  background: color-mix(in srgb, var(--rr-warm-accent, #c4a574) 55%, transparent);
  opacity: 0.65;
}

html.raumriss-os .semantic-workbench[data-reentry-phase="resurfacing"] .semantic-workbench__reentry-wick,
html.raumriss-os .semantic-workbench__reentry[data-reentry-phase="resurfacing"] .semantic-workbench__reentry-wick {
  opacity: 0.92;
  background: color-mix(in srgb, var(--rr-warm-accent, #c4a574) 78%, var(--text-muted));
}

html.raumriss-os .semantic-workbench__reentry-line {
  color: var(--text-secondary);
}

html.raumriss-os .semantic-workbench__material {
  margin-top: 0.75rem;
  padding: 0.65rem 0.75rem;
  border-radius: 0.45rem;
  background: color-mix(
    in srgb,
    var(--rr-paper-aged) 88%,
    var(--rr-warm-accent, #c4a574) calc(var(--wb-proximity, 0.7) * 6%)
  );
  opacity: calc(0.82 + var(--wb-proximity, 0.7) * 0.18);
  transition: opacity 420ms ease, background 480ms ease;
}

html.raumriss-os .semantic-workbench__material[data-material-presence="active_movement"],
html.raumriss-os .semantic-workbench__material[data-material-presence="recently_touched"] {
  opacity: 1;
}

html.raumriss-os .semantic-workbench__material[data-material-presence="dormant"],
html.raumriss-os .semantic-workbench__material[data-material-presence="fading"] {
  opacity: 0.78;
}

html.raumriss-os .semantic-workbench__material-label {
  color: var(--text-faint);
}

html.raumriss-os .semantic-workbench__material-title {
  margin-top: 0.2rem;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--text-primary);
}

html.raumriss-os .semantic-workbench__material-carry {
  margin-top: 0.25rem;
  color: var(--text-muted);
}

html.raumriss-os .semantic-workbench__table {
  display: grid;
  gap: 0.5rem;
  margin: 0.75rem 0 0;
  padding: 0;
}

html.raumriss-os .semantic-workbench__row {
  display: grid;
  grid-template-columns: minmax(4.5rem, 28%) 1fr;
  gap: 0.5rem 0.75rem;
  align-items: baseline;
}

html.raumriss-os .semantic-workbench__row-label {
  margin: 0;
  color: var(--text-faint);
}

html.raumriss-os .semantic-workbench__row-value {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--text-secondary);
}

html.raumriss-os .semantic-workbench__families {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
  margin: 0.65rem 0 0;
  padding: 0;
  list-style: none;
}

html.raumriss-os .semantic-workbench__family {
  font-size: 0.6875rem;
  line-height: 1.35;
  color: var(--text-muted);
  padding: 0.2rem 0.45rem;
  border-radius: 0.25rem;
  background: color-mix(
    in srgb,
    var(--rr-paper-aged) 90%,
    var(--rr-warm-accent, #c4a574) calc(attr(data-family-warmth number, 30) * 0.12%)
  );
}

html.raumriss-os .semantic-workbench__audio {
  margin-top: 0.7rem;
  padding-top: 0.55rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 70%, transparent);
}

html.raumriss-os .semantic-workbench__audio-label {
  color: var(--text-faint);
}

html.raumriss-os .semantic-workbench__audio-line {
  margin-top: 0.2rem;
  color: var(--text-secondary);
}

html.raumriss-os .semantic-workbench__waveform-strip {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  height: 1.1rem;
  margin-top: 0.45rem;
  opacity: 0.42;
}

html.raumriss-os .semantic-workbench__waveform-bar {
  flex: 1;
  max-width: 6px;
  min-height: 2px;
  border-radius: 1px;
  background: color-mix(in srgb, var(--text-muted) 55%, transparent);
  height: calc(22% + var(--bar-i, 0) * 6%);
}

html.raumriss-os .semantic-workbench__handoff {
  margin-top: 0.85rem;
  padding-top: 0.65rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 65%, transparent);
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  align-items: flex-start;
}

html.raumriss-os .semantic-workbench__cursor-bridge {
  font-size: 0.75rem;
  letter-spacing: 0.03em;
  color: var(--text-secondary);
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--surface-divider) 90%, transparent);
  border-radius: 0.35rem;
  padding: 0.35rem 0.65rem;
  cursor: pointer;
  transition:
    color 200ms ease,
    border-color 200ms ease,
    background 200ms ease;
}

html.raumriss-os .semantic-workbench__cursor-bridge:hover {
  color: var(--text-primary);
  border-color: color-mix(in srgb, var(--rr-warm-accent, #c4a574) 40%, var(--surface-divider));
  background: color-mix(in srgb, var(--rr-paper-aged) 96%, var(--rr-warm-accent) 4%);
}

html.raumriss-os .semantic-workbench__handoff-hint {
  color: var(--text-faint);
  max-width: 28rem;
}

html.raumriss-os .prepared-action-review {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

html.raumriss-os .prepared-action-review__card {
  padding: 0.75rem 0.85rem;
  border-radius: 0.5rem;
  border: 1px solid var(--surface-divider);
  background: color-mix(in srgb, var(--rr-paper-aged, #fcf9f2) 94%, var(--rr-surface-raised));
}

html.raumriss-os .prepared-action-review__header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
  margin-bottom: 0.5rem;
}

html.raumriss-os .prepared-action-review__title {
  font-size: 0.8125rem;
  line-height: 1.35;
  color: var(--text-primary);
}

html.raumriss-os .prepared-action-review__status {
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-faint);
}

html.raumriss-os .prepared-action-review__details {
  display: grid;
  gap: 0.35rem;
  margin: 0;
}

html.raumriss-os .prepared-action-review__field {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.6rem;
  font-size: 0.6875rem;
}

html.raumriss-os .prepared-action-review__field-label {
  min-width: 5.5rem;
  color: var(--text-faint);
}

html.raumriss-os .prepared-action-review__field-value {
  color: var(--text-secondary);
  flex: 1;
  min-width: 0;
}

html.raumriss-os .prepared-action-review__blocked {
  margin-top: 0.55rem;
  padding-top: 0.5rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 60%, transparent);
  color: var(--text-faint);
  line-height: 1.45;
}

html.raumriss-os .prepared-action-review__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.6rem;
}

html.raumriss-os .aurel-briefing-review {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

html.raumriss-os .aurel-briefing-review__card {
  padding: 0.75rem 0.85rem;
  border-radius: 0.5rem;
  border: 1px solid var(--surface-divider);
  background: color-mix(in srgb, var(--rr-paper-aged, #fcf9f2) 94%, var(--rr-surface-raised));
}

html.raumriss-os .aurel-briefing-review__header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
  margin-bottom: 0.45rem;
}

html.raumriss-os .aurel-briefing-review__title {
  font-size: 0.8125rem;
  line-height: 1.35;
  color: var(--text-primary);
}

html.raumriss-os .aurel-briefing-review__status,
html.raumriss-os .aurel-briefing-review__excerpt,
html.raumriss-os .aurel-briefing-review__hint,
html.raumriss-os .aurel-briefing-review__empty {
  font-size: 0.6875rem;
  color: var(--text-faint);
  line-height: 1.45;
}

html.raumriss-os .aurel-briefing-review__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.55rem;
}

html.raumriss-os .aurel-briefing-review__btn,
html.raumriss-os .prepared-action-review__btn {
  font-size: 0.6875rem;
  padding: 0.28rem 0.55rem;
  border-radius: 0.35rem;
  border: 1px solid var(--surface-divider);
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
}

html.raumriss-os .aurel-briefing-review__btn--quiet,
html.raumriss-os .prepared-action-review__btn--quiet {
  opacity: 0.85;
}

/* Material Eingang · AUREL Intake */
html.raumriss-os .material-intake {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

html.raumriss-os .material-intake__section-label {
  margin-bottom: 0.4rem;
  color: var(--text-faint);
}

html.raumriss-os .material-intake__list {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

html.raumriss-os .material-intake__card {
  padding: 0.75rem 0.85rem;
  border-radius: 0.5rem;
  border: 1px solid var(--surface-divider);
  background: color-mix(in srgb, var(--rr-paper-aged, #fcf9f2) 94%, var(--rr-surface-raised));
}

html.raumriss-os .material-intake__card[data-confidence="low"] {
  border-style: dashed;
  opacity: 0.92;
}

html.raumriss-os .material-intake__header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
  margin-bottom: 0.35rem;
}

html.raumriss-os .material-intake__title {
  font-size: 0.8125rem;
  line-height: 1.35;
  color: var(--text-primary);
}

html.raumriss-os .material-intake__confidence,
html.raumriss-os .material-intake__placement,
html.raumriss-os .material-intake__reason,
html.raumriss-os .material-intake__campaign,
html.raumriss-os .material-intake__faden-hint,
html.raumriss-os .material-intake__path,
html.raumriss-os .material-intake__meta,
html.raumriss-os .material-intake__empty {
  font-size: 0.6875rem;
  color: var(--text-faint);
  line-height: 1.45;
}

html.raumriss-os .material-intake__path-code {
  font-size: 0.625rem;
  word-break: break-all;
}

html.raumriss-os .material-intake__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.55rem;
}

html.raumriss-os .material-intake__btn {
  font-size: 0.6875rem;
  padding: 0.28rem 0.55rem;
  border-radius: 0.35rem;
  border: 1px solid var(--surface-divider);
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
}

html.raumriss-os .material-intake__btn--quiet {
  opacity: 0.85;
}

html.raumriss-os .material-intake__thread-select {
  font-size: 0.6875rem;
  padding: 0.22rem 0.4rem;
  border-radius: 0.35rem;
  border: 1px solid var(--surface-divider);
  background: transparent;
  color: var(--text-secondary);
  max-width: 12rem;
}

/* Semantic Structure Surface · Archiv / Kontinuität */
html.raumriss-os .semantic-surface {
  margin-top: 0.65rem;
  padding: 0.65rem 0.75rem;
  border-radius: 0.45rem;
  border: 1px solid color-mix(in srgb, var(--surface-divider) 58%, transparent);
  background: color-mix(in srgb, var(--rr-paper-aged, #fcf9f2) 92%, var(--rr-surface-raised));
}

html.raumriss-os .semantic-surface--inspector {
  margin-top: 0;
  background: color-mix(in srgb, var(--rr-paper-aged, #fcf9f2) 90%, var(--rr-surface-raised));
}

html.raumriss-os .semantic-surface--compact {
  padding: 0.55rem 0.65rem;
}

html.raumriss-os .semantic-surface-room {
  padding: 0 0.15rem;
}

html.raumriss-os .semantic-surface-room--below-workbench {
  margin-top: 0.85rem;
  padding-top: 0.15rem;
}

html.raumriss-os .semantic-surface--room-health {
  margin-top: 0;
  padding: 0.5rem 0.6rem 0.55rem;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--surface-divider) 48%, transparent);
  background: color-mix(in srgb, var(--rr-paper-aged, #fcf9f2) 88%, var(--rr-surface-raised));
  box-shadow: none;
}

html.raumriss-os .semantic-surface__room-health {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

html.raumriss-os .semantic-surface__health-chips {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.55rem;
}

html.raumriss-os .semantic-surface__health-chip {
  display: inline-flex;
  align-items: baseline;
  gap: 0.28rem;
  padding: 0.18rem 0.42rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--surface-divider) 55%, transparent);
  background: color-mix(in srgb, var(--rr-paper) 70%, transparent);
}

html.raumriss-os .semantic-surface__health-chip-label {
  font-size: 0.5625rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-faint);
}

html.raumriss-os .semantic-surface__health-chip-value {
  font-size: 0.625rem;
  color: var(--text-muted);
  letter-spacing: 0.01em;
}

html.raumriss-os .semantic-surface--room-health .semantic-surface__detail-toggle {
  align-self: flex-start;
  margin-top: 0.05rem;
  font-size: 0.625rem;
}

html.raumriss-os .semantic-surface--room-health .semantic-surface__readings {
  margin-top: 0.35rem;
  padding-top: 0.35rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 50%, transparent);
}

html.raumriss-os .semantic-surface--room-health .semantic-surface__score-track {
  height: 2px;
}

html.raumriss-os .semantic-surface--room-health .semantic-surface__reading-hint {
  display: none;
}

html.raumriss-os .semantic-surface__expand--room {
  margin-top: 0.4rem;
  font-size: 0.625rem;
}

html.raumriss-os .semantic-surface--room-health .semantic-surface__body {
  margin-top: 0.45rem;
  padding-top: 0.45rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 50%, transparent);
}

html.raumriss-os .semantic-surface__notice--compact {
  padding: 0.38rem 0.45rem;
  border-radius: 8px;
  border-color: color-mix(in srgb, var(--surface-divider) 52%, transparent);
  background: color-mix(in srgb, var(--rr-paper-aged, #fcf9f2) 80%, transparent);
}

html.raumriss-os .semantic-surface__notice--compact .semantic-surface__notice-title {
  margin-top: 0.12rem;
  font-size: 0.625rem;
  font-weight: 500;
}

html.raumriss-os .semantic-surface__notice--compact .semantic-surface__notice-dismiss {
  margin-top: 0.25rem;
  font-size: 0.625rem;
}

html.raumriss-os .semantic-surface__suggestion--quiet,
html.raumriss-os .semantic-surface__sandbox--quiet {
  padding: 0.38rem 0.45rem;
  border-style: dashed;
  border-color: color-mix(in srgb, var(--surface-divider) 45%, transparent);
  background: transparent;
  opacity: 0.92;
}

html.raumriss-os .semantic-surface__suggestion--quiet .semantic-surface__suggestion-title,
html.raumriss-os .semantic-surface__sandbox--quiet .semantic-surface__sandbox-title {
  font-size: 0.625rem;
  font-weight: 500;
}

html.raumriss-os .semantic-surface__sandbox--quiet .semantic-surface__sandbox-desc,
html.raumriss-os .semantic-surface__suggestion--quiet .semantic-surface__suggestion-rationale {
  font-size: 0.5625rem;
  line-height: 1.4;
  color: var(--text-faint);
}

html.raumriss-os .semantic-surface__header {
  margin-bottom: 0.55rem;
}

html.raumriss-os .semantic-surface__kicker {
  color: var(--text-faint);
  letter-spacing: 0.04em;
}

html.raumriss-os .semantic-surface__lede {
  margin-top: 0.2rem;
  line-height: 1.45;
  color: var(--text-faint);
}

html.raumriss-os .semantic-surface__expand {
  margin-top: 0.4rem;
}

html.raumriss-os .semantic-surface__atmosphere {
  margin: 0.4rem 0 0.55rem;
}

html.raumriss-os .semantic-surface__atmosphere-line {
  line-height: 1.45;
  color: var(--text-muted);
}

html.raumriss-os .semantic-surface__detail-toggle {
  margin-top: 0.35rem;
}

html.raumriss-os .semantic-surface__readings {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 0.45rem;
}

html.raumriss-os .semantic-surface__reading-head {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.12rem;
}

html.raumriss-os .semantic-surface__reading-label {
  color: var(--text-faint);
}

html.raumriss-os .semantic-surface__reading-hint {
  margin-top: 0.15rem;
  line-height: 1.4;
  font-style: italic;
}

html.raumriss-os .semantic-surface__body {
  margin-top: 0.35rem;
}

html.raumriss-os .semantic-surface__block-label {
  color: var(--text-faint);
  margin-bottom: 0.3rem;
}

html.raumriss-os .semantic-surface__why-toggle {
  margin-top: 0.25rem;
  padding: 0;
  border: none;
  background: none;
  color: var(--text-faint);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-size: inherit;
}

html.raumriss-os .semantic-surface__virtual-badge {
  margin-top: 0.3rem;
  padding: 0.25rem 0.4rem;
  border-radius: 0.25rem;
  border: 1px dashed color-mix(in srgb, var(--surface-divider) 70%, transparent);
  font-style: italic;
  line-height: 1.4;
}

html.raumriss-os .semantic-surface__score-head {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.15rem;
}

html.raumriss-os .semantic-surface__score-label {
  color: var(--text-faint);
}

html.raumriss-os .semantic-surface__score-reading {
  color: var(--text-muted);
}

html.raumriss-os .semantic-surface__score-track {
  height: 3px;
  border-radius: 2px;
  background: color-mix(in srgb, var(--surface-divider) 80%, transparent);
  overflow: hidden;
}

html.raumriss-os .semantic-surface__score-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: color-mix(in srgb, var(--text-muted) 42%, transparent);
  transition: width 0.35s ease;
}

html.raumriss-os .semantic-surface__score[data-tone="calm"] .semantic-surface__score-fill {
  background: color-mix(in srgb, var(--text-secondary) 38%, transparent);
}

html.raumriss-os .semantic-surface__score[data-tone="watch"] .semantic-surface__score-fill {
  background: color-mix(in srgb, var(--text-muted) 48%, transparent);
}

html.raumriss-os .semantic-surface__score[data-tone="soft"] .semantic-surface__score-fill {
  background: color-mix(in srgb, var(--text-faint) 55%, transparent);
}

html.raumriss-os .semantic-surface__room-score {
  margin-top: 0.15rem;
  color: var(--text-faint);
}

html.raumriss-os .semantic-surface__idle {
  color: var(--text-faint);
  line-height: 1.45;
  font-size: 0.6875rem;
}

html.raumriss-os .semantic-surface__block + .semantic-surface__block,
html.raumriss-os .semantic-surface__drift-overview + .semantic-surface__block {
  margin-top: 0.75rem;
  padding-top: 0.65rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 60%, transparent);
}

html.raumriss-os .semantic-surface__notices,
html.raumriss-os .semantic-surface__suggestions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.4rem;
}

html.raumriss-os .semantic-surface__notice,
html.raumriss-os .semantic-surface__suggestion {
  padding: 0.5rem 0.55rem;
  border-radius: 0.4rem;
  border: 1px solid color-mix(in srgb, var(--surface-divider) 68%, transparent);
  background: color-mix(in srgb, var(--rr-paper-aged, #fcf9f2) 86%, var(--rr-surface-raised));
}

html.raumriss-os .semantic-surface__notice-title,
html.raumriss-os .semantic-surface__suggestion-title {
  margin-top: 0.25rem;
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--text-secondary);
  line-height: 1.35;
}

html.raumriss-os .semantic-surface__notice-body,
html.raumriss-os .semantic-surface__suggestion-rationale {
  margin-top: 0.2rem;
  line-height: 1.45;
}

html.raumriss-os .semantic-surface__notice-why {
  margin-top: 0.35rem;
  padding-top: 0.3rem;
  border-top: 1px dashed color-mix(in srgb, var(--surface-divider) 55%, transparent);
  line-height: 1.45;
}

html.raumriss-os .semantic-surface__notice-why-label {
  display: block;
  margin-bottom: 0.12rem;
  font-size: 0.5625rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-faint);
}

html.raumriss-os .semantic-surface__path-list {
  list-style: none;
  margin: 0.35rem 0 0;
  padding: 0;
}

html.raumriss-os .semantic-surface__path-item {
  padding: 0.1rem 0;
  font-family: ui-monospace, monospace;
  font-size: 0.5625rem;
  color: var(--text-faint);
}

html.raumriss-os .semantic-surface__path-more {
  color: var(--text-faint);
  font-style: italic;
}

html.raumriss-os .semantic-surface__notice-actions {
  margin-top: 0.4rem;
}

html.raumriss-os .semantic-surface__suggestion-paths {
  margin: 0.35rem 0 0;
  display: grid;
  gap: 0.35rem;
}

html.raumriss-os .semantic-surface__suggestion-paths dt {
  color: var(--text-faint);
  font-size: 0.5625rem;
}

html.raumriss-os .semantic-surface__suggestion-paths dd {
  margin: 0.08rem 0 0;
  font-family: ui-monospace, monospace;
  font-size: 0.5625rem;
  color: var(--text-muted);
}

html.raumriss-os .semantic-surface__virtual-hint {
  margin-top: 0.35rem;
  font-style: italic;
  color: var(--text-faint);
}

html.raumriss-os .semantic-surface__sandbox {
  margin-top: 0.4rem;
  padding: 0.45rem 0.5rem;
  border-radius: 0.4rem;
  border: 1px dashed color-mix(in srgb, var(--surface-divider) 75%, transparent);
}

html.raumriss-os .semantic-surface__sandbox-summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

html.raumriss-os .semantic-surface__sandbox-summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .semantic-surface__sandbox-title {
  font-size: 0.6875rem;
  color: var(--text-secondary);
}

html.raumriss-os .semantic-surface__sandbox-desc {
  margin-top: 0.35rem;
  line-height: 1.45;
}

html.raumriss-os .semantic-surface__sandbox-tree {
  list-style: none;
  margin: 0.4rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

html.raumriss-os .semantic-surface__sandbox-node {
  padding-left: 0.35rem;
  border-left: 2px solid color-mix(in srgb, var(--text-faint) 35%, transparent);
  line-height: 1.4;
}

html.raumriss-os .semantic-surface__sandbox-paths {
  list-style: none;
  margin: 0.2rem 0 0 0.5rem;
  padding: 0;
  font-family: ui-monospace, monospace;
  font-size: 0.5625rem;
  color: var(--text-faint);
}

html.raumriss-os .semantic-surface__memory {
  list-style: none;
  margin: 0.35rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

html.raumriss-os .semantic-surface__memory-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.25rem 0.5rem;
  line-height: 1.4;
}

html.raumriss-os .semantic-surface__memory-pattern {
  color: var(--text-secondary);
}

html.raumriss-os .semantic-surface__footer {
  margin-top: 0.65rem;
  padding-top: 0.55rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 58%, transparent);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.65rem;
}

html.raumriss-os .semantic-surface__refresh-note {
  color: var(--text-faint);
}

html.raumriss-os [data-creator-quiet] .semantic-surface {
  opacity: 0.72;
}

/* Schöpfermodus · ALIVEMAEX (kreative Schutzschicht) */
html.raumriss-os .alivemaex-creator-presence__chrome {
  margin-bottom: 0.75rem;
}

html.raumriss-os .alivemaex-creator-presence__active-bar,
html.raumriss-os .alivemaex-creator-presence__start {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
}

html.raumriss-os .alivemaex-creator-presence__badge {
  color: color-mix(in srgb, var(--accent-warm, #c96a1b) 72%, var(--text-secondary));
}

html.raumriss-os .alivemaex-creator-presence__start-form {
  width: 100%;
  max-width: 22rem;
  padding: 0.75rem 0.85rem;
  border-radius: var(--os-radius-inset);
  border: 1px solid var(--os-border-soft);
  background: var(--os-elevated);
  box-shadow: inset 0 1px 0 var(--os-panel-highlight);
}

html.raumriss-os .creator-mode-ambient {
  margin: 0 0 1.25rem;
  padding: 1.75rem 1.5rem 1.55rem;
  border-radius: var(--os-radius-panel);
  border: 1px solid color-mix(in srgb, var(--os-orange) 14%, var(--os-border-soft));
  background: linear-gradient(
    168deg,
    color-mix(in srgb, var(--os-elevated) 92%, #f5e8d8 8%) 0%,
    color-mix(in srgb, var(--os-surface-soft) 88%, #ebe3d4 12%) 55%,
    color-mix(in srgb, var(--os-bg) 94%, #e8dfd0 6%) 100%
  );
  box-shadow:
    inset 0 1px 0 var(--os-panel-highlight),
    var(--os-panel-ambient-warm);
  text-align: center;
}

html.raumriss-os .creator-mode-ambient__room {
  font-size: clamp(1.35rem, 3vw, 1.85rem);
  letter-spacing: 0.06em;
  font-weight: 500;
  color: var(--text-primary);
  margin: 0;
}

html.raumriss-os .creator-mode-ambient__title {
  margin: 0.35rem 0 0;
  color: var(--text-muted);
}

html.raumriss-os .creator-mode-ambient__zone {
  margin: 0.2rem 0 0;
  font-size: 0.8125rem;
  color: var(--text-secondary);
}

html.raumriss-os .creator-mode-ambient__intention {
  margin: 0.85rem 0 0;
  font-size: 0.9375rem;
  font-style: italic;
  color: var(--text-secondary);
  line-height: 1.5;
}

html.raumriss-os .creator-mode-ambient__aurel {
  margin: 1rem 0 0;
  font-size: 0.875rem;
  line-height: 1.55;
  color: color-mix(in srgb, var(--text-secondary) 88%, var(--accent-warm, #c96a1b) 12%);
}

html.raumriss-os .creator-mode-ambient__state-line {
  margin: 0.65rem 0 0;
  font-size: 0.75rem;
  letter-spacing: 0.14em;
  text-transform: lowercase;
  color: var(--text-faint);
}

html.raumriss-os .creator-mode-ambient__time,
html.raumriss-os .creator-mode-ambient__thread,
html.raumriss-os .creator-mode-ambient__riss,
html.raumriss-os .creator-mode-ambient__hint {
  margin: 0.45rem 0 0;
  line-height: 1.45;
}

html.raumriss-os .creator-mode-ambient__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.45rem;
  margin-top: 1.15rem;
}

html.raumriss-os [data-creator-quiet] .zone-business-ops,
html.raumriss-os [data-creator-quiet] .room-open-risse,
html.raumriss-os [data-creator-quiet] .room-next-time-anchor,
html.raumriss-os [data-creator-quiet] .happy-flower-business-hint,
html.raumriss-os [data-creator-quiet] .prepared-action-review {
  display: none;
}

html.raumriss-os [data-creator-quiet] .room-composition__periphery {
  opacity: 0.42;
  pointer-events: auto;
}

/* Audio-reactive Spike · isoliert (lib/creator) */
html.raumriss-os .audio-reactive-creator {
  --audio-glow: 0.12;
  --audio-pulse: 0.05;
  --audio-grain: 0.22;
  --audio-blur: 0.38;
  --audio-drift: 0.08;
  --audio-warmth: 0.55;
  --audio-shadow: 0.42;
  --audio-tension: 0.1;
  --audio-stillness: 0.92;
  position: relative;
  margin: 0.75rem 0 1rem;
  padding: 0.85rem 1rem 1rem;
  border-radius: 0.55rem;
  border: 1px dashed color-mix(in srgb, var(--surface-divider) 80%, transparent);
  overflow: hidden;
}

html.raumriss-os .alivemaex-creator-presence__audio-preview {
  opacity: 0.92;
}

html.raumriss-os .audio-reactive-creator__kicker {
  margin: 0;
  color: var(--text-faint);
}

html.raumriss-os .audio-reactive-creator__privacy {
  margin: 0.35rem 0 0;
  line-height: 1.45;
  color: var(--text-muted);
}

html.raumriss-os .audio-reactive-creator__canvas {
  position: relative;
  height: 9.5rem;
  margin-top: 0.75rem;
  border-radius: 0.45rem;
  overflow: hidden;
  background: color-mix(
    in srgb,
    #14100c 88%,
    color-mix(in srgb, var(--accent-warm, #c96a1b) calc(var(--audio-warmth) * 18%), transparent) 12%
  );
  transform: scale(calc(1 + var(--audio-pulse) * 0.018));
  transition: transform 1.2s ease-out;
}

html.raumriss-os .audio-reactive-creator__glow {
  position: absolute;
  inset: -20%;
  background: radial-gradient(
    ellipse 70% 55% at 50% calc(45% + var(--audio-drift) * 8%),
    color-mix(
      in srgb,
      var(--accent-warm, #c96a1b) calc(22% + var(--audio-glow) * 38%),
      transparent
    ),
    transparent 68%
  );
  opacity: calc(0.35 + var(--audio-glow) * 0.55);
  filter: blur(calc(12px + var(--audio-blur) * 18px));
  animation: audio-reactive-drift calc(14s - var(--audio-drift) * 4s) ease-in-out infinite
    alternate;
}

html.raumriss-os .audio-reactive-creator__grain {
  position: absolute;
  inset: 0;
  opacity: calc(0.08 + var(--audio-grain) * 0.22);
  background-image: repeating-radial-gradient(
    circle at 20% 30%,
    rgba(255, 248, 235, 0.04) 0,
    transparent 2px,
    transparent 6px
  );
  mix-blend-mode: soft-light;
  animation: audio-reactive-grain 0.35s steps(2) infinite;
}

html.raumriss-os .audio-reactive-creator__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, #0a0908 calc(40% + var(--audio-stillness) * 35%), transparent),
    color-mix(in srgb, #1a1410 calc(25% + var(--audio-shadow) * 20%), transparent)
  );
  opacity: calc(0.55 + var(--audio-stillness) * 0.25);
}

html.raumriss-os .audio-reactive-creator[data-listening] .audio-reactive-creator__canvas {
  box-shadow: inset 0 0 calc(40px + var(--audio-glow) * 50px)
    color-mix(in srgb, var(--accent-warm, #c96a1b) 12%, transparent);
}

html.raumriss-os .audio-reactive-creator__hint,
html.raumriss-os .audio-reactive-creator__error {
  margin: 0.55rem 0 0;
  line-height: 1.45;
}

html.raumriss-os .audio-reactive-creator__error {
  color: color-mix(in srgb, var(--accent-warm, #c96a1b) 55%, var(--text-muted));
}

html.raumriss-os .audio-reactive-creator__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.65rem;
}

@keyframes audio-reactive-drift {
  from {
    transform: translate(0, 0) scale(1);
  }
  to {
    transform: translate(calc(var(--audio-drift) * 3%), calc(var(--audio-drift) * -2%))
      scale(calc(1 + var(--audio-pulse) * 0.04));
  }
}

@keyframes audio-reactive-grain {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-1%, 1%);
  }
}

/* ═══════════════════════════════════════════════════════════════
 * V11 · Calm Readability Polish
 * heller · luftiger · klare Hierarchie · semantische Signale
 * ═══════════════════════════════════════════════════════════════ */

/* Lesbarkeit — kein Grau auf Grau */
html.raumriss-os .type-meta,
html.raumriss-os .atmo-empty,
html.raumriss-os .atmo-mark {
  color: var(--os-text-soft) !important;
}

html.raumriss-os .room-chamber .type-meta.text-\[var\(--text-faint\)\],
html.raumriss-os .room-threads-panel__empty,
html.raumriss-os .room-threads-panel__preview,
html.raumriss-os .room-threads-panel__meta {
  color: var(--os-text-soft) !important;
}

html.raumriss-os .room-identity-strip__zone-context {
  color: var(--os-text-soft) !important;
  letter-spacing: 0.04em !important;
}

/* Raumtitel — klar und ruhig */
html.raumriss-os .room-identity-strip__title {
  font-size: clamp(1.42rem, 2.6vw, 1.88rem) !important;
  letter-spacing: -0.026em !important;
  margin-bottom: 0.2rem !important;
}

html.raumriss-os .room-identity-strip {
  padding-bottom: var(--os-rhythm-xl) !important;
}

html.raumriss-os .room-identity-strip__presence {
  max-width: 38rem;
  margin-top: 0.35rem !important;
}

/* Fäden — wichtigste Arbeitslinien */
html.raumriss-os .room-chamber--threads,
html.raumriss-os .room-chamber--threads.workspace-section--quiet {
  background: color-mix(in srgb, var(--os-elevated) 72%, var(--os-surface-soft)) !important;
  box-shadow:
    inset 0 0 0 1px var(--os-border-soft),
    inset 0 1px 0 var(--os-panel-highlight),
    inset 2px 0 0 color-mix(in srgb, var(--os-orange) 42%, transparent) !important;
}

html.raumriss-os .room-chamber--threads .type-section-title {
  font-size: 0.75rem !important;
  letter-spacing: 0.12em !important;
  color: color-mix(in srgb, var(--os-orange) 28%, var(--os-label)) !important;
}

html.raumriss-os .room-chamber--threads .type-section-subtitle {
  color: var(--os-text-soft) !important;
  margin-top: 0.4rem !important;
}

html.raumriss-os .room-threads-panel__list {
  margin-top: 0.35rem;
}

html.raumriss-os .room-threads-panel__item + .room-threads-panel__item {
  margin-top: 1rem !important;
  padding-top: 1rem !important;
  border-top-color: var(--os-divider) !important;
}

html.raumriss-os .room-threads-panel__title {
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: -0.01em !important;
  color: var(--os-text) !important;
}

html.raumriss-os .room-threads-panel__zone {
  font-size: 0.6875rem !important;
  letter-spacing: 0.06em !important;
}

html.raumriss-os .room-thread-action {
  border-color: var(--os-border-soft) !important;
  background: var(--os-elevated) !important;
  color: var(--os-text-soft) !important;
  box-shadow: inset 0 1px 0 var(--os-panel-highlight) !important;
}

html.raumriss-os .room-thread-action:hover:not(:disabled) {
  color: var(--os-text) !important;
  border-color: color-mix(in srgb, var(--os-orange) 24%, var(--os-border-soft)) !important;
  background: color-mix(in srgb, var(--os-orange-tint) 40%, var(--os-elevated)) !important;
}

/* Risse — ruhiger, sekundär */
html.raumriss-os .riss-traces-shelf__title {
  color: var(--os-label) !important;
  font-size: 0.6875rem !important;
  letter-spacing: 0.12em !important;
}

html.raumriss-os .riss-traces-shelf__list {
  gap: 0.5rem !important;
}

html.raumriss-os .riss-trace {
  background: color-mix(in srgb, var(--os-surface-soft) 88%, var(--os-bg)) !important;
  box-shadow: inset 0 0 0 1px var(--os-border-soft) !important;
  padding: 0.72rem 0.82rem 0.76rem 0.68rem !important;
}

html.raumriss-os .riss-trace__label {
  font-size: 0.8125rem !important;
  font-weight: 450 !important;
  color: var(--os-text-body) !important;
}

html.raumriss-os .riss-trace__meta,
html.raumriss-os .riss-trace__signal-label {
  font-size: 0.6875rem !important;
  color: var(--os-text-soft) !important;
}

html.raumriss-os .riss-trace__wick {
  width: 1.5px !important;
  background: color-mix(in srgb, var(--os-border) 55%, transparent) !important;
  opacity: 0.5 !important;
}

html.raumriss-os .riss-trace[data-riss-trace-state="active"] .riss-trace__signal-dot {
  background: var(--os-signal-alive) !important;
  box-shadow: 0 0 0 2px var(--os-green-soft) !important;
  opacity: 1 !important;
}

html.raumriss-os .riss-trace[data-riss-trace-state="waiting"] .riss-trace__signal-dot {
  background: color-mix(in srgb, var(--os-orange) 55%, var(--os-muted)) !important;
  opacity: 0.75 !important;
}

html.raumriss-os .riss-trace[data-riss-trace-state="parked"] .riss-trace__signal-dot {
  background: var(--os-muted) !important;
  opacity: 0.4 !important;
}

html.raumriss-os .riss-trace:hover,
html.raumriss-os .riss-trace:focus-visible {
  background: color-mix(in srgb, var(--os-orange-tint) 28%, var(--os-surface-soft)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--os-orange) 16%, var(--os-border-soft)),
    inset 2px 0 0 color-mix(in srgb, var(--os-orange) 55%, transparent) !important;
}

/* AUREL — leise, erkennbar */
html.raumriss-os .spatial-aurel,
html.raumriss-os .spatial-chamber__aurel,
html.raumriss-os [data-subsystem="aurel"] {
  color: color-mix(in srgb, var(--os-orange) 22%, var(--os-text-soft)) !important;
}

html.raumriss-os .spatial-aurel {
  padding: 1.15rem 1.35rem !important;
  background: color-mix(in srgb, var(--os-surface-soft) 92%, var(--os-inset)) !important;
  box-shadow: inset 0 0 0 1px var(--os-border-soft) !important;
}

html.raumriss-os .spatial-aurel__status {
  color: var(--os-label) !important;
  font-size: 0.6875rem !important;
}

html.raumriss-os .spatial-aurel__item-text {
  color: var(--os-text-body) !important;
}

/* Raumzeit-Fokus — sichtbar, nicht stressig */
html.raumriss-os .room-focus-intention {
  padding: 0.85rem 1rem;
  border-radius: var(--os-radius-inset);
  background: color-mix(in srgb, var(--os-elevated) 80%, var(--os-surface-soft));
  box-shadow: inset 0 0 0 1px var(--os-border-soft);
}

html.raumriss-os .room-focus-intention__start > .type-meta {
  font-size: 0.6875rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--os-label) !important;
}

html.raumriss-os .room-focus-intention__primary {
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.01em !important;
  color: var(--os-text) !important;
}

html.raumriss-os .room-focus-intention__secondary {
  font-size: 0.8125rem !important;
  color: var(--os-text-soft) !important;
}

html.raumriss-os .room-focus-intention__aurel {
  font-size: 0.75rem !important;
  line-height: 1.5 !important;
}

html.raumriss-os .room-focus-intention__presets {
  margin-top: 0.65rem !important;
  gap: 0.35rem !important;
}

html.raumriss-os .room-focus-intention__btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid var(--os-border-soft);
  background: var(--os-elevated);
  color: var(--os-text-soft);
  font-size: 0.6875rem !important;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding: 0.38rem 0.62rem !important;
  border-radius: 6px;
  box-shadow: inset 0 1px 0 var(--os-panel-highlight);
  transition:
    background-color 200ms var(--os-ease),
    border-color 200ms var(--os-ease),
    color 200ms var(--os-ease);
}

html.raumriss-os .room-focus-intention__active .room-focus-intention__btn:first-child {
  border-color: color-mix(in srgb, var(--os-orange) 28%, var(--os-border-soft));
  background: color-mix(in srgb, var(--os-orange-tint) 55%, var(--os-elevated));
  color: var(--os-text);
}

html.raumriss-os .room-focus-intention__btn:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--os-orange) 22%, var(--os-border-soft));
  color: var(--os-text);
  background: color-mix(in srgb, var(--os-orange-tint) 35%, var(--os-elevated));
}

/* Schöpfermodus · Atelier, nicht Nacht */
html.raumriss-os .creator-mode-ambient__room {
  color: var(--os-text) !important;
}

html.raumriss-os .creator-mode-ambient__title,
html.raumriss-os .creator-mode-ambient__zone {
  color: var(--os-text-soft) !important;
}

html.raumriss-os .creator-mode-ambient__intention {
  color: var(--os-text-body) !important;
}

html.raumriss-os .creator-mode-ambient__aurel {
  color: color-mix(in srgb, var(--os-orange) 18%, var(--os-text-soft)) !important;
}

html.raumriss-os .creator-mode-ambient__state-line {
  color: var(--os-label) !important;
}

html.raumriss-os [data-creator-quiet] .room-composition__periphery {
  opacity: 0.5;
}

html.raumriss-os .audio-reactive-creator {
  border-style: solid;
  border-color: var(--os-border-soft);
  background: color-mix(in srgb, var(--os-surface-soft) 90%, var(--os-inset));
  opacity: 0.88;
}

html.raumriss-os .audio-reactive-creator__canvas {
  background: color-mix(
    in srgb,
    var(--os-inset) 55%,
    color-mix(in srgb, var(--os-orange) 8%, var(--os-surface-soft))
  ) !important;
}

html.raumriss-os .audio-reactive-creator__veil {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--os-elevated) 35%, transparent),
    color-mix(in srgb, var(--os-surface) 25%, transparent)
  ) !important;
  opacity: 0.42 !important;
}

/* Helle Fallbacks — keine dunklen Legacy-Flächen */
html.raumriss-os .zone-business-ops,
html.raumriss-os .prepared-action-review__card,
html.raumriss-os .room-zone-overview__card,
html.raumriss-os .room-zone-focus[data-zone-role="writing"] {
  background: var(--os-surface-soft) !important;
  border-color: var(--os-border-soft) !important;
}

html.raumriss-os .room-zone-focus[data-zone-role="writing"] {
  background: color-mix(in srgb, var(--os-elevated) 88%, var(--os-surface-soft)) !important;
}

/* Hardware-Schatten — light bar (see LEVEL 5) */

/* Kammern — mehr Luft */
html.raumriss-os .room-composition__stage {
  gap: var(--os-rhythm-md) !important;
}

html.raumriss-os .room-runtime-deck {
  margin-top: var(--os-rhythm-md) !important;
}

html.raumriss-os .room-composition .room-atrium-layer > .room-chamber--workbench,
html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk + .room-chamber--beiwerk,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section + .workspace-section {
  margin-top: var(--os-rhythm-lg) !important;
}

/* ═══════════════════════════════════════════════════════════════
 * V12 · Room as place — editorial calm, RissCoreBar benchmark
 * weniger Dashboard · mehr Raum · klare Semantik
 * ═══════════════════════════════════════════════════════════════ */

/* ── Editorial type scale ─────────────────────────────────────── */

html.raumriss-os .type-meta,
html.raumriss-os .os-body,
html.raumriss-os .spatial-surface__phase {
  font-size: 0.75rem !important;
  line-height: 1.45 !important;
}

html.raumriss-os .type-section-title {
  font-size: clamp(1rem, 1.6vw, 1.125rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
}

html.raumriss-os .type-section-subtitle {
  font-size: 0.8125rem !important;
  line-height: 1.55 !important;
  color: var(--os-text-soft) !important;
}

html.raumriss-os .home-living-kicker,
html.raumriss-os .home-stage-kicker,
html.raumriss-os .spatial-aurel__status,
html.raumriss-os .spatial-aurel__item-kind,
html.raumriss-os .spatial-reentry-note__label {
  letter-spacing: 0.08em !important;
}

/* ── Room surface — warm plate, not grey app shell ────────────── */

html.raumriss-os .room-composition__stage {
  padding: var(--os-space-chamber-lg-y) var(--os-space-chamber-lg-x) !important;
  gap: var(--os-space-group-gap) !important;
  background: color-mix(in srgb, var(--rr-surface-elevated) 55%, var(--rr-bg-soft)) !important;
  border-radius: var(--os-radius-panel) !important;
  box-shadow:
    inset 0 0 0 1px var(--rr-line-soft),
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    inset 0 -1px 0 color-mix(in srgb, var(--rr-line) 35%, transparent) !important;
}

html.raumriss-os .room-composition {
  gap: var(--os-space-section-gap) !important;
}

html.raumriss-os .room-composition__periphery {
  gap: var(--os-space-group-gap) !important;
}

html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section--ambient,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section {
  padding: var(--os-space-chamber-md-y) var(--os-space-chamber-md-x) !important;
  background: color-mix(in srgb, var(--rr-surface) 82%, var(--rr-bg)) !important;
  border-radius: var(--os-radius-inset) !important;
  box-shadow: inset 0 0 0 1px var(--rr-line-soft) !important;
}

html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk .type-section-title,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section .type-section-title {
  font-size: 0.6875rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--os-text-soft) !important;
  font-weight: 500 !important;
}

/* ── Zone map — workbench selector, not tab bar ─────────────── */

html.raumriss-os .room-nav-rail__shell {
  background: color-mix(in srgb, var(--rr-bg-soft) 70%, var(--rr-surface)) !important;
  border-radius: var(--os-radius-panel) !important;
  box-shadow: inset 0 0 0 1px var(--rr-line-soft) !important;
}

html.raumriss-os .room-nav-rail__label,
html.raumriss-os .room-nav-rail__zone-title {
  font-size: 0.8125rem !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  font-weight: 500 !important;
}

html.raumriss-os .room-nav-rail__meta,
html.raumriss-os .room-nav-rail__zone-hint {
  font-size: 0.6875rem !important;
  letter-spacing: 0.03em !important;
  text-transform: none !important;
  color: var(--os-text-soft) !important;
}

html.raumriss-os .room-nav-rail__anchor--current,
html.raumriss-os .room-nav-rail__zone--active {
  background: color-mix(in srgb, var(--rr-orange-soft) 100%, var(--rr-surface-elevated)) !important;
  box-shadow:
    inset 2px 0 0 var(--rr-orange),
    inset 0 0 0 1px color-mix(in srgb, var(--rr-orange) 18%, var(--rr-line-soft)) !important;
}

/* ── Fäden — central working lines ──────────────────────────── */

html.raumriss-os .room-chamber--threads,
html.raumriss-os .room-threads-panel {
  padding: var(--os-space-chamber-lg-y) var(--os-space-chamber-lg-x) !important;
  background: color-mix(in srgb, var(--rr-surface-elevated) 88%, var(--rr-surface)) !important;
  box-shadow:
    inset 0 0 0 1px var(--rr-line-soft),
    inset 2px 0 0 color-mix(in srgb, var(--rr-orange) 55%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}

html.raumriss-os .room-chamber--threads .type-section-title {
  font-size: 0.75rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--rr-orange) 32%, var(--rr-text-muted)) !important;
}

html.raumriss-os .room-threads-panel__title {
  font-size: 1.0625rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.015em !important;
  color: var(--os-text) !important;
}

html.raumriss-os .room-threads-panel__preview {
  font-size: 0.875rem !important;
  line-height: 1.55 !important;
  color: var(--os-text-body) !important;
}

html.raumriss-os .room-threads-panel__zone {
  color: var(--os-text-soft) !important;
}

html.raumriss-os .room-threads-panel__zone--active {
  color: var(--os-text-muted) !important;
}

html.raumriss-os .room-threads-panel__meta {
  color: var(--os-text-soft) !important;
}

html.raumriss-os .room-threads-panel__item + .room-threads-panel__item {
  margin-top: 1.25rem !important;
  padding-top: 1.25rem !important;
}

html.raumriss-os .room-threads-panel__empty,
html.raumriss-os .atmo-empty {
  font-size: 0.8125rem !important;
  line-height: 1.6 !important;
  color: var(--os-text-soft) !important;
  font-style: normal !important;
  opacity: 1 !important;
}

html.raumriss-os .thread-slab {
  padding: var(--os-space-chamber-md-y) var(--os-space-chamber-md-x) !important;
  background: color-mix(in srgb, var(--rr-surface-elevated) 90%, var(--rr-surface)) !important;
  box-shadow:
    inset 0 0 0 1px var(--rr-line-soft),
    inset 2px 0 0 color-mix(in srgb, var(--rr-orange) 38%, transparent) !important;
}

html.raumriss-os .thread-slab__title {
  font-size: 1rem !important;
  font-weight: 500 !important;
}

html.raumriss-os .thread-slab__reentry {
  font-size: 0.8125rem !important;
  color: var(--os-text-body) !important;
  border-top-color: var(--rr-line-soft) !important;
}

/* ── Risse — quiet fragments ─────────────────────────────────── */

html.raumriss-os .riss-traces-shelf__title,
html.raumriss-os .risse-shelf__title,
html.raumriss-os .room-open-risse__title {
  font-size: 0.625rem !important;
  letter-spacing: 0.08em !important;
  color: var(--os-text-soft) !important;
}

html.raumriss-os .riss-trace {
  padding: 0.62rem 0.72rem 0.65rem 0.58rem !important;
  background: color-mix(in srgb, var(--rr-bg) 55%, var(--rr-surface-muted)) !important;
  box-shadow: inset 0 0 0 1px var(--rr-line-soft) !important;
  border-radius: 8px !important;
  opacity: 0.94;
}

html.raumriss-os .riss-trace__label {
  font-size: 0.78125rem !important;
  font-weight: 450 !important;
  color: var(--os-text-body) !important;
}

html.raumriss-os .riss-trace__meta,
html.raumriss-os .riss-trace__signal-label {
  font-size: 0.625rem !important;
  color: var(--os-text-soft) !important;
}

html.raumriss-os .riss-trace__wick {
  opacity: 0.35 !important;
}

html.raumriss-os .riss-trace[data-riss-trace-state="waiting"] .riss-trace__wick {
  background: var(--rr-orange) !important;
  opacity: 0.55 !important;
}

/* ── Kontinuität · Re-entry, not notes shelf ─────────────────── */

html.raumriss-os .continuity-shelf,
html.raumriss-os .home-runtime-field__continuity {
  background: color-mix(in srgb, var(--rr-bg-soft) 65%, var(--rr-surface)) !important;
  box-shadow: inset 0 0 0 1px var(--rr-line-soft) !important;
}

html.raumriss-os .continuity-fragment__label,
html.raumriss-os .home-runtime-field__reentry-line {
  font-size: 0.875rem !important;
  line-height: 1.55 !important;
  color: var(--os-text-body) !important;
  font-weight: 450 !important;
}

html.raumriss-os .continuity-fragment--idea .continuity-fragment__label {
  color: var(--os-text-soft) !important;
  font-size: 0.8125rem !important;
}

/* ── AUREL · quiet intelligence layer ────────────────────────── */

html.raumriss-os .spatial-aurel {
  padding: var(--os-space-chamber-md-y) var(--os-space-chamber-md-x) !important;
  background: color-mix(in srgb, var(--rr-bg-soft) 45%, var(--rr-surface)) !important;
  border-radius: var(--os-radius-inset) !important;
  box-shadow: inset 0 0 0 1px var(--rr-line-soft) !important;
}

html.raumriss-os .spatial-aurel__status {
  font-size: 0.625rem !important;
  letter-spacing: 0.08em !important;
  color: var(--os-text-soft) !important;
}

html.raumriss-os .spatial-aurel__dot {
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: var(--rr-green) !important;
  box-shadow: 0 0 0 2px var(--rr-green-soft) !important;
  animation: none !important;
}

html.raumriss-os .spatial-aurel__dot[data-aurel-signal="waiting"] {
  background: var(--rr-orange) !important;
  box-shadow: 0 0 0 2px var(--rr-orange-soft) !important;
}

html.raumriss-os .spatial-aurel__dot[data-aurel-signal="blocked"] {
  background: var(--rr-red) !important;
  box-shadow: 0 0 0 2px var(--rr-red-soft) !important;
}

html.raumriss-os .spatial-aurel__item {
  padding-left: 0.65rem !important;
  border-left: 1px solid var(--rr-line-soft) !important;
}

html.raumriss-os .spatial-aurel__item-text {
  font-size: 0.8125rem !important;
  line-height: 1.55 !important;
}

html.raumriss-os .spatial-reentry-note {
  margin-top: var(--os-space-group-gap) !important;
  padding-top: var(--os-rhythm-md) !important;
  border-top: 1px solid var(--rr-line-soft) !important;
}

html.raumriss-os .spatial-reentry-note__text {
  color: var(--os-text-body) !important;
}

/* ── Home · entrance, not dashboard ──────────────────────────── */

html.raumriss-os .home-main-stage {
  padding: var(--os-space-chamber-lg-y) var(--os-space-chamber-lg-x) !important;
  background: color-mix(in srgb, var(--rr-surface-elevated) 62%, var(--rr-bg-soft)) !important;
  box-shadow:
    inset 0 0 0 1px var(--rr-line-soft),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

html.raumriss-os .home-stage-zone--systems.environment-command-center {
  padding: var(--os-space-chamber-md-y) var(--os-space-chamber-md-x) !important;
  background: color-mix(in srgb, var(--rr-surface) 90%, var(--rr-bg)) !important;
  box-shadow: inset 0 0 0 1px var(--rr-line-soft) !important;
}

html.raumriss-os .home-stage-zone--systems .home-stage-kicker,
html.raumriss-os .home-stage-zone--systems .home-system-phase {
  color: var(--os-text-soft) !important;
  letter-spacing: 0.08em !important;
}

html.raumriss-os .home-stage-zone--systems .home-system-summary {
  color: var(--os-text-body) !important;
  font-size: 0.9375rem !important;
}

html.raumriss-os .home-stage-zone--systems .home-alive-system[data-subsystem-alive="true"] {
  background: transparent !important;
}

html.raumriss-os .home-living-title {
  font-size: clamp(1.35rem, 2.5vw, 1.85rem) !important;
  line-height: 1.22 !important;
}

html.raumriss-os .home-capture-panel,
html.raumriss-os .ablage-panel {
  padding: var(--os-space-chamber-md-y) var(--os-space-chamber-md-x) !important;
  background: color-mix(in srgb, var(--rr-surface) 88%, var(--rr-bg)) !important;
}

/* ── Raumzeit / Focus — calm clock ───────────────────────────── */

html.raumriss-os .room-focus-intention {
  background: color-mix(in srgb, var(--rr-surface-elevated) 75%, var(--rr-surface)) !important;
  box-shadow: inset 0 0 0 1px var(--rr-line-soft) !important;
}

html.raumriss-os .room-focus-intention[data-focus-active="true"],
html.raumriss-os .room-focus-intention--active {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--rr-green) 22%, var(--rr-line-soft)),
    inset 2px 0 0 var(--rr-green) !important;
}

/* ── Schöpfermodus · protected atelier ───────────────────────── */

html.raumriss-os .creator-mode-ambient {
  padding: var(--os-space-chamber-lg-y) var(--os-space-chamber-lg-x) !important;
  background: linear-gradient(
    168deg,
    color-mix(in srgb, var(--rr-surface-elevated) 94%, #f0e6d6 6%) 0%,
    color-mix(in srgb, var(--rr-bg-soft) 88%, #e8dfd0 12%) 100%
  ) !important;
  border: 1px solid color-mix(in srgb, var(--rr-orange) 12%, var(--rr-line-soft)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -12px 28px color-mix(in srgb, var(--rr-inset) 18%, transparent) !important;
}

html.raumriss-os .creator-mode-ambient__room {
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

/* ── Identity · world first ──────────────────────────────────── */

html.raumriss-os .room-identity-strip__title {
  font-size: clamp(1.625rem, 3vw, 2.125rem) !important;
  font-weight: 500 !important;
}

html.raumriss-os .room-identity-strip__presence {
  font-size: 0.9375rem !important;
  line-height: 1.55 !important;
  color: var(--os-text-body) !important;
}

html.raumriss-os .room-identity-strip__signal {
  background: color-mix(in srgb, var(--rr-surface) 90%, var(--rr-bg-soft)) !important;
}

/* ═══════════════════════════════════════════════════════════════
 * V13 · Depth + readability — warm, alive, Apple/Braun clarity
 * ═══════════════════════════════════════════════════════════════ */

/* ── Global text contrast ─────────────────────────────────────── */

html.raumriss-os,
html.raumriss-os body {
  color: var(--rr-text-body);
}

html.raumriss-os .os-title,
html.raumriss-os .spatial-surface__title,
html.raumriss-os .room-identity-strip__title,
html.raumriss-os .home-living-title,
html.raumriss-os .type-section-title,
html.raumriss-os .type-body-strong,
html.raumriss-os .thread-slab__title,
html.raumriss-os .room-threads-panel__title {
  color: var(--rr-text) !important;
}

html.raumriss-os .os-body,
html.raumriss-os .spatial-surface__phase,
html.raumriss-os .type-section-subtitle,
html.raumriss-os .home-living-meta,
html.raumriss-os .home-living-continuation,
html.raumriss-os .ablage-explanation,
html.raumriss-os .risse-shelf__line,
html.raumriss-os .home-open-risse__line,
html.raumriss-os .spatial-chamber__reentry,
html.raumriss-os .thread-slab__lines,
html.raumriss-os .thread-slab__reentry {
  color: var(--rr-text-body) !important;
  line-height: 1.55 !important;
}

html.raumriss-os .type-meta,
html.raumriss-os .os-kicker,
html.raumriss-os .type-eyebrow,
html.raumriss-os .home-stage-kicker,
html.raumriss-os .home-living-kicker,
html.raumriss-os .home-living-phase,
html.raumriss-os .spatial-aurel__status {
  color: var(--rr-text-muted) !important;
  line-height: 1.45 !important;
  letter-spacing: 0.06em !important;
}

html.raumriss-os .home-capture-header .type-meta,
html.raumriss-os .risse-shelf__target,
html.raumriss-os .home-open-risse__target,
html.raumriss-os .riss-trace__meta,
html.raumriss-os .thread-slab__room,
html.raumriss-os .spatial-chamber__meta,
html.raumriss-os .spatial-chamber__state {
  color: var(--rr-text-soft) !important;
  line-height: 1.45 !important;
}

html.raumriss-os .type-section-subtitle {
  color: var(--rr-text-muted) !important;
}

/* No washed-out readable text */
html.raumriss-os .home-living-meta,
html.raumriss-os .home-living-continuation,
html.raumriss-os .home-runtime-field__reentry-detail,
html.raumriss-os .home-runtime-field__climate,
html.raumriss-os .home-runtime-field__warm-signal,
html.raumriss-os .home-runtime-field__zone-signal {
  opacity: 1 !important;
}

/* ── Large main chamber — warm operating surface ─────────────── */

html.raumriss-os .runtime-instrument-deck.home-composition {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html.raumriss-os .home-main-stage {
  padding: clamp(2rem, 3.2vw, 2.5rem) clamp(1.75rem, 2.8vw, 2.25rem) !important;
  background: var(--rr-surface) !important;
  border: 1px solid var(--rr-line) !important;
  border-radius: var(--os-radius-panel) !important;
  box-shadow: var(--rr-shadow-chamber) !important;
}

html.raumriss-os .home-main-stage:has(.home-runtime-field[data-gravity="anchored"]),
html.raumriss-os[data-runtime-climate="carrying"] .home-main-stage {
  background: var(--rr-surface) !important;
  box-shadow: var(--rr-shadow-chamber) !important;
}

html.raumriss-os .home-stage-flow {
  gap: var(--os-space-group-gap) !important;
}

/* ── ALIVEMAEX Focus · active, not disabled ──────────────────── */

html.raumriss-os .home-living-focus {
  padding: clamp(1.15rem, 2.1vw, 1.5rem) clamp(1.05rem, 2vw, 1.35rem) !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
  border-radius: var(--os-radius-inset) !important;
  background: var(--rr-surface-elevated) !important;
  box-shadow:
    inset 0 0 0 1px var(--rr-line-soft),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

html.raumriss-os .home-living-focus[data-home-focus="now"] {
  box-shadow:
    inset 0 0 0 1px var(--rr-line-soft),
    inset 2px 0 0 var(--rr-green),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

html.raumriss-os .home-living-focus__signal {
  margin-bottom: 0.75rem !important;
}

html.raumriss-os .home-living-pulse {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--rr-text-soft) !important;
  box-shadow: none !important;
}

html.raumriss-os .home-living-focus[data-home-focus="now"] .home-living-pulse {
  background: var(--rr-green) !important;
  box-shadow: 0 0 0 2px var(--rr-green-soft) !important;
}

html.raumriss-os .home-living-phase {
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  color: var(--rr-text-muted) !important;
}

html.raumriss-os .home-living-kicker {
  font-size: 0.6875rem !important;
  color: var(--rr-text-muted) !important;
  margin-bottom: 0.35rem !important;
}

html.raumriss-os .home-living-title {
  font-size: clamp(1.45rem, 2.6vw, 2rem) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: var(--rr-text) !important;
}

html.raumriss-os .home-living-meta {
  font-size: 0.875rem !important;
  color: var(--rr-text-body) !important;
  margin-top: 0.5rem !important;
}

html.raumriss-os .home-living-continuation {
  font-size: 0.9375rem !important;
  font-weight: 450 !important;
  color: var(--rr-text-body) !important;
  margin-top: 0.65rem !important;
}

html.raumriss-os .home-living-enter {
  margin-top: 1rem !important;
  padding: 0.55rem 0.95rem !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--rr-text) !important;
  background: var(--rr-surface-elevated) !important;
  border: 1px solid var(--rr-line-soft) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

html.raumriss-os .home-living-enter:hover,
html.raumriss-os .home-living-enter:focus-visible {
  border-color: color-mix(in srgb, var(--rr-orange) 28%, var(--rr-line-soft)) !important;
  background: color-mix(in srgb, var(--rr-orange-soft) 100%, var(--rr-surface-elevated)) !important;
  box-shadow:
    inset 2px 0 0 var(--rr-orange),
    inset 0 0 0 1px color-mix(in srgb, var(--rr-orange) 16%, var(--rr-line-soft)) !important;
}

/* ── Runtime field · Faden above Riss ─────────────────────────── */

html.raumriss-os .home-runtime-field {
  padding-top: var(--os-space-group-gap) !important;
  border-top: none !important;
}

html.raumriss-os .home-runtime-field__reentry-link {
  display: block;
  padding: clamp(1rem, 1.8vw, 1.2rem) clamp(1rem, 1.8vw, 1.15rem) !important;
  border-radius: var(--os-radius-inset) !important;
  background: var(--rr-surface-elevated) !important;
  text-decoration: none !important;
  color: inherit !important;
  box-shadow:
    inset 0 0 0 1px var(--rr-line-soft),
    inset 2px 0 0 var(--rr-orange) !important;
  transition: background-color 200ms var(--os-ease);
}

html.raumriss-os .home-runtime-field__reentry-link:hover,
html.raumriss-os .home-runtime-field__reentry-link:focus-visible {
  background: color-mix(in srgb, var(--rr-orange-soft) 55%, var(--rr-surface-elevated)) !important;
}

html.raumriss-os .home-runtime-field__reentry-line {
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: var(--rr-text) !important;
}

html.raumriss-os .home-runtime-field__reentry-detail {
  color: var(--rr-text-muted) !important;
  margin-top: 0.25rem !important;
}

html.raumriss-os .home-runtime-field__reentry-wick {
  background: var(--rr-orange) !important;
}

html.raumriss-os .home-runtime-field__lane--primary {
  display: flex;
  flex-direction: column;
  gap: var(--os-space-row-gap) !important;
}

html.raumriss-os .home-runtime-field__traces--fresh .riss-trace,
html.raumriss-os .home-runtime-field__traces .riss-trace[data-riss-trace-fresh="true"] {
  padding: clamp(0.85rem, 1.6vw, 1rem) clamp(0.9rem, 1.6vw, 1.05rem) !important;
  background: var(--rr-surface-elevated) !important;
  border-radius: var(--os-radius-inset) !important;
  box-shadow:
    inset 0 0 0 1px var(--rr-line-soft),
    inset 2px 0 0 color-mix(in srgb, var(--rr-orange) 65%, transparent) !important;
  opacity: 1 !important;
}

html.raumriss-os .home-runtime-field__traces--fresh .riss-trace__label,
html.raumriss-os .home-runtime-field__trace[data-trace-tier="primary"] .home-runtime-field__trace-label {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: var(--rr-text) !important;
}

html.raumriss-os .home-runtime-field__trace .riss-trace,
html.raumriss-os .home-runtime-field__traces:not(.home-runtime-field__traces--fresh) .riss-trace {
  padding: 0.55rem 0.65rem 0.58rem 0.5rem !important;
  background: color-mix(in srgb, var(--rr-inset) 35%, var(--rr-bg)) !important;
  box-shadow: inset 0 0 0 1px var(--rr-line-soft) !important;
  opacity: 1 !important;
}

html.raumriss-os .home-runtime-field__trace .riss-trace__label {
  font-size: 0.8125rem !important;
  font-weight: 450 !important;
  color: var(--rr-text-body) !important;
}

html.raumriss-os .home-runtime-field__trace .riss-trace__meta {
  color: var(--rr-text-soft) !important;
}

html.raumriss-os .home-runtime-field__lane--whisper {
  margin-top: var(--os-rhythm-md) !important;
  padding-top: var(--os-rhythm-md) !important;
  border-top: 1px solid var(--rr-line-soft) !important;
}

html.raumriss-os .home-runtime-field__warm-name,
html.raumriss-os .home-runtime-field__zone-room {
  color: var(--rr-text-body) !important;
}

html.raumriss-os .home-runtime-field__whisper-detail {
  color: var(--rr-text-soft) !important;
}

/* ── Current Field · Material-Präsenz (editorial, kein Dashboard) ─ */

html.raumriss-os .current-field__layer--material {
  border-bottom-color: var(--rr-line-soft) !important;
}

html.raumriss-os .current-field__glyph-visual,
html.raumriss-os .current-field__creative-set-visual {
  background: color-mix(in srgb, var(--rr-inset) 40%, var(--rr-bg)) !important;
  box-shadow: inset 0 0 0 1px var(--rr-line-soft) !important;
  border-radius: 2px !important;
}

html.raumriss-os .current-field__glyph-title,
html.raumriss-os .current-field__creative-set-name {
  font-weight: 500 !important;
  color: var(--rr-text) !important;
}

html.raumriss-os .current-field__family-segment {
  color: var(--rr-text-muted) !important;
}

html.raumriss-os .current-field__atmosphere {
  opacity: 0.72 !important;
}

html.raumriss-os .current-field[data-field-depth="material"] .current-field__presence {
  border-bottom-color: color-mix(in srgb, var(--rr-orange) 20%, var(--rr-line-soft)) !important;
}

/* ── Right column · intake chambers ──────────────────────────── */

html.raumriss-os .home-capture-shelf {
  gap: var(--os-space-group-gap) !important;
}

html.raumriss-os .home-capture-panel,
html.raumriss-os .ablage-panel,
html.raumriss-os .home-capture-layer .environment-capture-panel {
  padding: clamp(1.35rem, 2.2vw, 1.65rem) !important;
  background: var(--rr-surface) !important;
  border: 1px solid var(--rr-line-soft) !important;
  border-radius: var(--os-radius-inset) !important;
  box-shadow: none !important;
}

html.raumriss-os .home-capture-panel .home-stage-kicker,
html.raumriss-os .risse-shelf__title,
html.raumriss-os .home-open-risse h3 {
  color: var(--rr-text-muted) !important;
  font-size: 0.6875rem !important;
  letter-spacing: 0.06em !important;
}

html.raumriss-os .home-capture-panel .type-section-subtitle,
html.raumriss-os .risse-shelf__subtitle {
  color: var(--rr-text-muted) !important;
  line-height: 1.5 !important;
}

html.raumriss-os .risse-shelf__line,
html.raumriss-os .home-open-risse__line {
  font-size: 0.8125rem !important;
  color: var(--rr-text-body) !important;
}

html.raumriss-os .open-riss-item,
html.raumriss-os .home-open-risse__item {
  padding: 0.65rem 0.72rem !important;
  background: color-mix(in srgb, var(--rr-inset) 30%, var(--rr-bg)) !important;
  border-radius: 8px !important;
  box-shadow: inset 0 0 0 1px var(--rr-line-soft) !important;
}

html.raumriss-os .open-riss-item[data-riss-state="waiting"],
html.raumriss-os .home-open-risse__item[data-waiting="true"] {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--rr-orange) 22%, var(--rr-line-soft)),
    inset 2px 0 0 var(--rr-orange) !important;
}

/* ── Ablage · intake surface ─────────────────────────────────── */

html.raumriss-os .ideas-filter-pill {
  color: var(--rr-text-muted) !important;
  letter-spacing: 0.06em !important;
  background: color-mix(in srgb, var(--rr-inset) 25%, var(--rr-surface-elevated)) !important;
}

html.raumriss-os .ideas-filter-pill--active {
  color: var(--rr-text) !important;
  background: var(--background-sunken) !important;
  border-color: var(--border-default) !important;
  box-shadow:
    inset 0 1px 0 var(--os-panel-highlight),
    inset 0 -1px 0 rgba(15, 15, 15, 0.04) !important;
}

html.raumriss-os .ideas-draft,
html.raumriss-os .ablage-draft {
  color: var(--rr-text-body) !important;
  background: var(--rr-surface-elevated) !important;
  box-shadow: inset 0 0 0 1px var(--rr-line-soft) !important;
}

html.raumriss-os .ideas-draft::-moz-placeholder, html.raumriss-os .ablage-draft::-moz-placeholder {
  color: var(--rr-placeholder) !important;
  opacity: 1 !important;
}

html.raumriss-os .ideas-draft::placeholder,
html.raumriss-os .ablage-draft::placeholder {
  color: var(--rr-placeholder) !important;
  opacity: 1 !important;
}

html.raumriss-os .ideas-captured__label,
html.raumriss-os .ablage-captured__label {
  color: var(--rr-text-muted) !important;
}

/* ── Kontinuität · re-entry highlight ────────────────────────── */

html.raumriss-os .continuity-shelf {
  padding: clamp(1.25rem, 2vw, 1.5rem) !important;
  background: color-mix(in srgb, var(--rr-surface-elevated) 70%, var(--rr-surface)) !important;
  border: 1px solid var(--rr-line-soft) !important;
  box-shadow: none !important;
}

html.raumriss-os .continuity-fragment--highlight .continuity-fragment__label,
html.raumriss-os .continuity-shelf__reentry-line {
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  color: var(--rr-text) !important;
}

html.raumriss-os .continuity-fragment__label {
  color: var(--rr-text-body) !important;
}

html.raumriss-os .continuity-fragment--idea .continuity-fragment__label {
  color: var(--rr-text-muted) !important;
  font-size: 0.8125rem !important;
}

/* ── Global Risse · quieter than Fäden ──────────────────────── */

html.raumriss-os .riss-trace {
  opacity: 1 !important;
  background: color-mix(in srgb, var(--rr-inset) 28%, var(--rr-bg)) !important;
}

html.raumriss-os .riss-trace__label {
  color: var(--rr-text-body) !important;
}

html.raumriss-os .riss-trace[data-riss-trace-state="waiting"] .riss-trace__signal-dot,
html.raumriss-os .riss-trace[data-riss-trace-state="waiting"] .riss-trace__wick {
  background: var(--rr-orange) !important;
  opacity: 0.7 !important;
}

html.raumriss-os .riss-trace[data-riss-trace-state="active"] .riss-trace__signal-dot {
  background: var(--rr-green) !important;
  box-shadow: 0 0 0 2px var(--rr-green-soft) !important;
}

/* ── Fäden chambers · elevated work lines ────────────────────── */

html.raumriss-os .thread-slab,
html.raumriss-os .room-chamber--threads {
  background: var(--rr-surface-elevated) !important;
  border: 1px solid var(--rr-line-soft) !important;
  box-shadow: none !important;
}

html.raumriss-os .thread-slab[data-state="active"] {
  box-shadow:
    inset 0 0 0 1px var(--rr-line-soft),
    inset 2px 0 0 var(--rr-green) !important;
}

/* ── Room composition depth ──────────────────────────────────── */

html.raumriss-os .room-composition__stage {
  background: var(--rr-surface) !important;
  border: 1px solid var(--rr-line) !important;
  box-shadow: var(--rr-shadow-chamber) !important;
}

html.raumriss-os input:not([type="checkbox"]):not([type="radio"]):not(.riss-core-input),
html.raumriss-os textarea,
html.raumriss-os select {
  color: var(--rr-text-body) !important;
  background: var(--rr-surface-elevated) !important;
}

html.raumriss-os input::-moz-placeholder, html.raumriss-os textarea::-moz-placeholder {
  color: var(--rr-placeholder) !important;
  opacity: 1 !important;
}

html.raumriss-os input::placeholder,
html.raumriss-os textarea::placeholder {
  color: var(--rr-placeholder) !important;
  opacity: 1 !important;
}

/* Kill legacy washed letter-spacing */
html.raumriss-os .type-eyebrow,
html.raumriss-os .home-stage-kicker {
  letter-spacing: 0.06em !important;
}

html.raumriss-os .continuity-shelf__title,
html.raumriss-os .continuity-shelf__hint {
  color: var(--rr-text-muted) !important;
}

html.raumriss-os .continuity-fragment__label {
  font-size: 0.875rem !important;
  line-height: 1.55 !important;
  color: var(--rr-text-body) !important;
}

html.raumriss-os .continuity-fragment__meta {
  color: var(--rr-text-soft) !important;
}

html.raumriss-os .home-open-risse__label,
html.raumriss-os .open-riss-item .home-open-risse__label {
  color: var(--rr-text-body) !important;
  font-size: 0.8125rem !important;
  line-height: 1.55 !important;
}

html.raumriss-os .home-open-risse__dot {
  background: var(--rr-orange) !important;
  opacity: 0.75 !important;
}

html.raumriss-os .home-capture-header .type-meta {
  color: var(--rr-text-soft) !important;
}

/* ═══════════════════════════════════════════════════════════════
 * V14 · Conversation pit — warm room pages, structure intact
 * Header · instruments · zone map · pit · Fäden · Werkbank
 * ═══════════════════════════════════════════════════════════════ */

/* ── Typography maturity (Rams / Apple calm) ─────────────────── */

html.raumriss-os .os-kicker,
html.raumriss-os .spatial-surface__kicker,
html.raumriss-os .type-eyebrow,
html.raumriss-os .os-label,
html.raumriss-os .type-label,
html.raumriss-os .room-identity-strip__instrument-label {
  font-size: 0.6875rem !important;
  letter-spacing: 0.06em !important;
  line-height: 1.4 !important;
}

html.raumriss-os .room-identity-strip__title {
  font-size: clamp(1.875rem, 3.1vw, 2.25rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.028em !important;
  line-height: 1.14 !important;
  margin: 0.2rem 0 0 !important;
}

html.raumriss-os .room-identity-strip__presence {
  font-size: 0.9375rem !important;
  line-height: 1.58 !important;
  max-width: 36ch;
  color: var(--rr-text-body) !important;
}

html.raumriss-os .room-threads-panel__title,
html.raumriss-os .room-workbench-headline {
  font-size: clamp(1.5rem, 2.5vw, 1.875rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.28 !important;
  color: var(--rr-text) !important;
}

html.raumriss-os .room-composition .room-periphery-rail .type-section-title,
html.raumriss-os .room-workbench-thread__label {
  font-size: 0.9375rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--rr-text-muted) !important;
}

html.raumriss-os .os-body,
html.raumriss-os .type-meta,
html.raumriss-os .room-workbench-presence,
html.raumriss-os .room-workbench-bridge-line,
html.raumriss-os .room-workbench-field__body,
html.raumriss-os .room-workbench-thread__body {
  font-size: 0.875rem !important;
  line-height: 1.58 !important;
  color: var(--rr-text-body) !important;
}

html.raumriss-os .room-workbench-field__meta,
html.raumriss-os .room-workbench-thread__meta,
html.raumriss-os .room-threads-panel__meta,
html.raumriss-os .room-threads-panel__zone {
  font-size: 0.8125rem !important;
  line-height: 1.5 !important;
  color: var(--rr-text-soft) !important;
}

html.raumriss-os .room-threads-panel__preview {
  font-size: 0.875rem !important;
  color: var(--rr-text-body) !important;
}

/* ── Room identity · enter a room, not a page header ─────────── */

html.raumriss-os .room-identity-strip {
  display: grid !important;
  gap: clamp(0.55rem, 1.2vw, 0.85rem) !important;
  padding-bottom: clamp(1.35rem, 2.4vw, 1.85rem) !important;
  align-items: end !important;
}

@media (min-width: 640px) {
  html.raumriss-os .room-identity-strip {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
    grid-template-areas:
      "primary presence"
      "signals signals" !important;
    -moz-column-gap: clamp(1.25rem, 2.8vw, 2.35rem) !important;
         column-gap: clamp(1.25rem, 2.8vw, 2.35rem) !important;
    row-gap: clamp(0.75rem, 1.5vw, 1rem) !important;
  }

  html.raumriss-os .room-identity-strip__primary {
    grid-area: primary !important;
  }

  html.raumriss-os .room-identity-strip__presence {
    grid-area: presence !important;
    align-self: end !important;
    justify-self: end !important;
    text-align: right !important;
    margin-top: 0 !important;
    padding-top: 0.15rem !important;
  }

  html.raumriss-os .room-identity-strip__signals {
    grid-area: signals !important;
  }
}

html.raumriss-os .room-identity-strip__primary .os-kicker {
  margin-bottom: 0.3rem !important;
}

html.raumriss-os .room-identity-strip__zone-context {
  margin-top: 0.35rem !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.04em !important;
  color: var(--rr-text-soft) !important;
}

/* Status / Raumzeit — built-in instruments, not form cards */
html.raumriss-os .room-identity-strip__signals {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: clamp(0.55rem, 1.2vw, 0.85rem) !important;
  padding-top: 0.1rem !important;
}

html.raumriss-os .room-identity-strip__signal {
  flex: 1 1 min(9.5rem, 42vw);
  min-width: 0;
  padding: 0.55rem 0.8rem 0.6rem !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--rr-inset) 22%, var(--rr-bg-soft)) !important;
  box-shadow:
    inset 0 0 0 1px var(--rr-line-soft),
    inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}

html.raumriss-os .room-identity-strip__signal[data-room-instrument-tone="alive"] {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--rr-green) 18%, var(--rr-line-soft)),
    inset 2px 0 0 var(--rr-green),
    inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}

html.raumriss-os .room-identity-strip__signal--focus:has([data-focus-active="true"]) {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--rr-orange) 20%, var(--rr-line-soft)),
    inset 2px 0 0 var(--rr-orange),
    inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}

html.raumriss-os .room-identity-strip__instrument-value,
html.raumriss-os .room-identity-status {
  margin-top: 0.28rem !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  color: var(--rr-text) !important;
}

html.raumriss-os .room-focus-intention {
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .room-focus-intention__idle-label {
  color: var(--rr-text-muted) !important;
}

html.raumriss-os .room-identity-presence-signal .room-identity-state-dot {
  width: 0.44rem !important;
  height: 0.44rem !important;
  background: var(--rr-green) !important;
  box-shadow: 0 0 0 2px var(--rr-green-soft) !important;
  opacity: 1 !important;
}

html.raumriss-os [data-room-presence="zone"] .room-identity-presence-signal .room-identity-state-dot {
  background: var(--rr-orange) !important;
  box-shadow: 0 0 0 2px var(--rr-orange-soft) !important;
}

/* ── Zone map — USM module rail, not tabs ─────────────────────── */

html.raumriss-os .room-nav-rail {
  margin-bottom: clamp(1rem, 2vw, 1.45rem) !important;
}

html.raumriss-os .room-nav-rail__shell {
  background: color-mix(in srgb, var(--rr-inset) 18%, var(--rr-bg-soft)) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 0 0 1px var(--rr-line-soft) !important;
}

html.raumriss-os .room-nav-rail__anchor-bay {
  border-right-color: var(--rr-line-soft) !important;
}

html.raumriss-os .room-nav-rail__anchor,
html.raumriss-os .room-nav-rail__zone {
  min-height: 2.75rem !important;
  padding: 0.5rem 0.9rem !important;
  color: var(--rr-text-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
  transition:
    background-color 180ms var(--os-ease),
    box-shadow 180ms var(--os-ease),
    color 180ms var(--os-ease);
}

html.raumriss-os .room-nav-rail__label,
html.raumriss-os .room-nav-rail__zone-title {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: var(--rr-text-body) !important;
}

html.raumriss-os .room-nav-rail__meta,
html.raumriss-os .room-nav-rail__zone-hint,
html.raumriss-os .room-nav-rail__context {
  font-size: 0.6875rem !important;
  letter-spacing: 0.02em !important;
  color: var(--rr-text-soft) !important;
}

html.raumriss-os .room-nav-rail__anchor:hover,
html.raumriss-os .room-nav-rail__zone:hover,
html.raumriss-os .room-nav-rail__anchor:focus-visible,
html.raumriss-os .room-nav-rail__zone:focus-visible {
  background: color-mix(in srgb, var(--rr-surface-elevated) 55%, transparent) !important;
  color: var(--rr-text) !important;
}

html.raumriss-os .room-nav-rail__anchor--current,
html.raumriss-os .room-nav-rail__zone--active {
  background: color-mix(in srgb, var(--rr-surface-elevated) 70%, transparent) !important;
  box-shadow:
    inset 2px 0 0 var(--rr-orange),
    inset 0 0 0 1px color-mix(in srgb, var(--rr-orange) 14%, var(--rr-line-soft)) !important;
  color: var(--rr-text) !important;
}

html.raumriss-os .room-nav-rail__zone--recent:not(.room-nav-rail__zone--active) {
  box-shadow: inset 1px 0 0 color-mix(in srgb, var(--rr-orange) 35%, transparent) !important;
}

/* ── Sunken room pit — open surface, thin seam ───────────────── */

html.raumriss-os .room-runtime-deck {
  margin-top: clamp(0.35rem, 0.8vw, 0.55rem) !important;
  padding: clamp(0.28rem, 0.7vw, 0.42rem) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(20, 19, 15, 0.2) !important;
  background: transparent !important;
  box-shadow: 0 18px 50px rgba(45, 38, 28, 0.08) !important;
}

html.raumriss-os .room-runtime-deck::before {
  opacity: 0.42 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

html.raumriss-os .room-runtime-deck::after {
  opacity: 0.55 !important;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.06) 0%,
      transparent 10%,
      transparent 82%,
      color-mix(in srgb, var(--rr-inset) 12%, transparent) 100%
    ) !important;
}

html.raumriss-os .room-composition__stage {
  padding: clamp(1.15rem, 2.2vw, 1.55rem) !important;
  border-radius: 18px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html.raumriss-os .room-runtime-deck .room-chamber {
  background: var(--rr-surface-raised) !important;
  border: 1px solid rgba(20, 19, 15, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

html.raumriss-os .room-runtime-deck .room-chamber::before {
  display: block !important;
  opacity: 0.35 !important;
}

/* ── Fäden / re-entry seat — alive conversation pit ──────────── */

html.raumriss-os .room-chamber--threads,
html.raumriss-os .room-threads-panel {
  padding: var(--os-space-chamber-lg-y) var(--os-space-chamber-lg-x) !important;
  background: var(--rr-surface-raised) !important;
  border: 1px solid rgba(20, 19, 15, 0.12) !important;
  border-radius: 11px !important;
  box-shadow: inset 2px 0 0 var(--rr-orange-seam) !important;
}

html.raumriss-os .room-chamber--threads .type-section-title {
  font-size: 0.6875rem !important;
  letter-spacing: 0.06em !important;
  color: color-mix(in srgb, var(--rr-orange) 28%, var(--rr-text-muted)) !important;
}

html.raumriss-os .room-threads-panel__list {
  margin-top: 0.5rem !important;
}

html.raumriss-os .room-threads-panel__item {
  position: relative;
  padding-left: 0.9rem !important;
}

html.raumriss-os .room-threads-panel__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.4rem;
  bottom: 0.4rem;
  width: 2px;
  border-radius: 1px;
  background: var(--rr-line-soft);
}

html.raumriss-os .room-threads-panel__item[data-thread-tone="alive"]::before {
  background: var(--rr-green);
  box-shadow: 0 0 0 1px var(--rr-green-soft);
}

html.raumriss-os .room-threads-panel__item[data-thread-tone="focus"]::before {
  background: var(--rr-orange);
  box-shadow: 0 0 0 1px var(--rr-orange-soft);
}

html.raumriss-os .room-threads-panel__item + .room-threads-panel__item {
  margin-top: 1.15rem !important;
  padding-top: 1.15rem !important;
  border-top-color: var(--rr-line-soft) !important;
}

html.raumriss-os .room-threads-panel__zone--active {
  color: var(--rr-text-muted) !important;
}

/* ── Werkbank tiles — modular surfaces, not SaaS cards ───────── */

html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section--ambient,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section {
  padding: var(--os-space-chamber-md-y) var(--os-space-chamber-md-x) !important;
  background: var(--rr-surface-raised) !important;
  border: 1px solid rgba(20, 19, 15, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition:
    border-color 200ms var(--os-ease),
    box-shadow 200ms var(--os-ease),
    background-color 200ms var(--os-ease);
}

html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk:hover,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section--ambient:hover,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section:hover {
  border-color: var(--rr-orange-border) !important;
  box-shadow: inset 2px 0 0 var(--rr-orange-seam) !important;
}

html.raumriss-os .room-composition .room-periphery-rail .type-section-title {
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  color: var(--rr-text) !important;
}

html.raumriss-os .room-composition .room-periphery-rail .type-section-subtitle,
html.raumriss-os .room-composition .room-periphery-rail .type-meta {
  color: var(--rr-text-muted) !important;
  line-height: 1.55 !important;
}

html.raumriss-os .room-workbench-thread {
  padding: 0.65rem 0 0.7rem !important;
  border-top: 1px solid var(--rr-line-soft) !important;
}

html.raumriss-os .room-workbench-thread:first-child,
html.raumriss-os .room-workbench-thread--compact:first-child {
  border-top: none !important;
  padding-top: 0 !important;
}

html.raumriss-os .room-composition .room-atrium-layer > .room-chamber--workbench {
  background: var(--rr-surface-raised) !important;
  border: 1px solid rgba(20, 19, 15, 0.1) !important;
  border-radius: 10px !important;
  padding: var(--os-space-chamber-md-y) var(--os-space-chamber-md-x) !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════
 * V15 · Stabilization — flat warm surfaces, no fake 3D
 * Rollback of heavy material-depth pass (structure intact)
 * ═══════════════════════════════════════════════════════════════ */

html.raumriss-os,
html.raumriss-os body {
  background-color: var(--rr-bg) !important;
  background-image: none !important;
}

html.raumriss-os .os-room-page {
  background: transparent !important;
}

/* ── RissCoreBar · clean light command strip ─────────────────── */

html.raumriss-os [aria-label="Riss Core"] .bg-riss-bar,
html.raumriss-os [aria-label="Riss Core"] .riss-core-module,
html.raumriss-os [aria-label="Riss Core"] form.riss-core-form {
  background: var(--riss-hw-bar) !important;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-color: var(--border-default) !important;
  --tw-ring-color: var(--border-default) !important;
  color: var(--text-primary) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-core-module {
  border: 1px solid var(--border-default) !important;
  box-shadow: 0 -2px 24px rgba(0, 0, 0, 0.04), var(--shadow-md) !important;
  border-radius: var(--radius-lg) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-core-module[data-riss-trace-live="true"] {
  box-shadow:
    0 14px 36px rgba(45, 38, 28, 0.1),
    inset 2px 0 0 var(--rr-orange-seam) !important;
}

html.raumriss-os [aria-label="Riss Core"] form.riss-core-form {
  box-shadow: none !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well {
  background: var(--rr-paper) !important;
  border: 1px solid rgba(20, 19, 15, 0.18) !important;
  box-shadow: inset 0 1px 2px rgba(20, 19, 15, 0.08) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well::before,
html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well::after {
  content: none !important;
  display: none !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well--focused,
html.raumriss-os [aria-label="Riss Core"] [data-riss-input-focused="true"] .riss-der-riss-well {
  border-color: var(--rr-orange) !important;
  box-shadow:
    0 0 0 1px var(--rr-orange-ring),
    inset 0 1px 2px rgba(20, 19, 15, 0.08) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-hw-switch,
html.raumriss-os [aria-label="Riss Core"] .riss-hw-control,
html.raumriss-os [aria-label="Riss Core"] .riss-core-home,
html.raumriss-os [aria-label="Riss Core"] .riss-core-command {
  background: var(--rr-inset) !important;
  border: 1px solid rgba(20, 19, 15, 0.12) !important;
  box-shadow: inset 0 1px 2px rgba(20, 19, 15, 0.06) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-hw-switch:hover,
html.raumriss-os [aria-label="Riss Core"] .riss-hw-control:hover,
html.raumriss-os [aria-label="Riss Core"] .riss-core-home:hover,
html.raumriss-os [aria-label="Riss Core"] .riss-core-command:hover {
  border-color: var(--rr-orange-border) !important;
  box-shadow:
    inset 0 1px 2px rgba(20, 19, 15, 0.06),
    0 0 0 1px var(--rr-orange-ring) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-aurel-tap,
html.raumriss-os [aria-label="Riss Core"] .riss-core-form__controls > button[aria-label="AUREL Denkpanel"]:not(.riss-aurel-tap) {
  background: var(--rr-surface-raised) !important;
  border: 1px solid rgba(20, 19, 15, 0.1) !important;
  box-shadow: none !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-aurel-tap[aria-expanded="true"],
html.raumriss-os [aria-label="Riss Core"] .riss-aurel-tap:hover,
html.raumriss-os [aria-label="Riss Core"] .riss-core-form__controls > button[aria-label="AUREL Denkpanel"]:not(.riss-aurel-tap):hover,
html.raumriss-os [aria-label="Riss Core"] .riss-core-form__controls > button[aria-label="AUREL Denkpanel"][aria-pressed="true"]:not(.riss-aurel-tap) {
  border-color: var(--rr-orange-border) !important;
  box-shadow: inset 2px 0 0 var(--rr-orange-seam) !important;
}

/* ── Room instruments · flat embedded controls ──────────────── */

html.raumriss-os .room-identity-strip__signal {
  background: color-mix(in srgb, var(--rr-inset) 28%, var(--rr-bg-soft)) !important;
  border: 1px solid rgba(20, 19, 15, 0.12) !important;
  box-shadow: inset 0 0 0 1px var(--rr-line-soft) !important;
}

html.raumriss-os .room-identity-strip__signal[data-room-instrument-tone="alive"] {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--rr-green) 18%, var(--rr-line-soft)),
    inset 2px 0 0 var(--rr-green) !important;
}

html.raumriss-os .room-identity-strip__signal--focus:has([data-focus-active="true"]) {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--rr-orange) 20%, var(--rr-line-soft)),
    inset 2px 0 0 var(--rr-orange-seam) !important;
}

/* ── Zone rail · quiet seam, no gradient slab ───────────────── */

html.raumriss-os .room-nav-rail__shell {
  background: color-mix(in srgb, var(--rr-inset) 18%, var(--rr-bg-soft)) !important;
  border: 1px solid rgba(20, 19, 15, 0.12) !important;
  box-shadow: none !important;
}

html.raumriss-os .room-nav-rail__anchor--current,
html.raumriss-os .room-nav-rail__zone--active {
  background: var(--rr-surface-elevated) !important;
  box-shadow:
    inset 2px 0 0 var(--rr-orange-seam),
    inset 0 0 0 1px color-mix(in srgb, var(--rr-orange) 14%, var(--rr-line-soft)) !important;
}

html.raumriss-os .room-nav-rail__anchor:hover,
html.raumriss-os .room-nav-rail__zone:hover {
  background: color-mix(in srgb, var(--rr-surface-elevated) 55%, transparent) !important;
  box-shadow: none !important;
}

/* ── Room pit · open operating surface, thin frame ───────────── */

html.raumriss-os .room-runtime-deck.room-composition {
  position: relative !important;
  isolation: isolate !important;
  margin-top: clamp(0.35rem, 0.8vw, 0.55rem) !important;
  padding: clamp(0.28rem, 0.7vw, 0.42rem) !important;
  border: 1px solid rgba(20, 19, 15, 0.2) !important;
  border-radius: 24px !important;
  background: transparent !important;
  box-shadow: 0 18px 50px rgba(45, 38, 28, 0.08) !important;
}

html.raumriss-os .room-runtime-deck.room-composition::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: clamp(0.28rem, 0.7vw, 0.42rem) !important;
  border-radius: 22px !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 1 !important;
  height: auto !important;
  background: var(--background-elevated) !important;
  box-shadow: var(--shadow-sm) !important;
}

html.raumriss-os .room-runtime-deck.room-composition::after {
  opacity: 0 !important;
}

html.raumriss-os .room-runtime-deck.room-composition > * {
  position: relative !important;
  z-index: 1 !important;
}

html.raumriss-os .room-composition__stage {
  padding: clamp(1.15rem, 2.2vw, 1.55rem) !important;
  padding-bottom: calc(
    clamp(1.15rem, 2.2vw, 1.55rem) + var(--riss-floor-stack, 7.5rem)
  ) !important;
  border: none !important;
  border-radius: 18px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .room-composition.mobile-zone-flow .room-composition__stage {
  scroll-padding-bottom: calc(var(--riss-floor-stack, 7.5rem) + 1rem);
}

@media (min-width: 1024px) {
  html.raumriss-os .room-composition__stage {
    border-right: 1px solid rgba(20, 19, 15, 0.08) !important;
  }
}

html.raumriss-os .room-runtime-deck .room-chamber {
  background: var(--rr-surface-raised) !important;
  border: 1px solid rgba(20, 19, 15, 0.1) !important;
  box-shadow: none !important;
}

/* ── Fäden · warm plate, orange seam only ─────────────────────── */

html.raumriss-os .room-chamber--threads,
html.raumriss-os .room-threads-panel {
  background: var(--rr-surface-raised) !important;
  border: 1px solid rgba(20, 19, 15, 0.12) !important;
  border-radius: 11px !important;
  box-shadow:
    inset 2px 0 0 var(--rr-orange-seam),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}

/* ── Werkbank · light cards, hover = orange seam ─────────────── */

html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section--ambient,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section,
html.raumriss-os .room-composition .room-atrium-layer > .room-chamber--workbench {
  background: var(--rr-surface-raised) !important;
  border: 1px solid rgba(20, 19, 15, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk:hover,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section--ambient:hover,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section:hover {
  border-color: var(--rr-orange-border) !important;
  box-shadow: inset 2px 0 0 var(--rr-orange-seam) !important;
}

html.raumriss-os .home-main-stage,
html.raumriss-os .spatial-chamber[data-warmth="active"] {
  box-shadow: var(--rr-shadow-soft) !important;
}

/* ═══════════════════════════════════════════════════════════════
 * V16 · Leichtere orange Umrandung — ruhigere Signale
 * ═══════════════════════════════════════════════════════════════ */

html.raumriss-os .room-nav-rail__anchor--current,
html.raumriss-os .room-nav-rail__zone--active {
  box-shadow:
    inset 2px 0 0 var(--rr-orange-seam),
    inset 0 0 0 1px color-mix(in srgb, var(--rr-orange) 14%, var(--rr-line-soft)) !important;
}

html.raumriss-os .room-nav-rail__zone--recent:not(.room-nav-rail__zone--active) {
  box-shadow: inset 1px 0 0 color-mix(in srgb, var(--rr-orange) 22%, transparent) !important;
}

html.raumriss-os .room-identity-strip__signal--focus:has([data-focus-active="true"]) {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--rr-orange) 20%, var(--rr-line-soft)),
    inset 2px 0 0 var(--rr-orange-seam) !important;
}

html.raumriss-os .room-chamber--threads,
html.raumriss-os .room-threads-panel {
  box-shadow:
    inset 2px 0 0 var(--rr-orange-seam),
    inset 0 0 0 1px var(--rr-line-soft) !important;
}

html.raumriss-os .room-threads-panel__item[data-thread-tone="focus"]::before {
  background: var(--rr-orange-seam) !important;
  box-shadow: none !important;
}

html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk:hover,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section--ambient:hover,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section:hover {
  border-color: var(--rr-orange-border) !important;
  box-shadow: inset 2px 0 0 var(--rr-orange-seam) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well--focused,
html.raumriss-os [aria-label="Riss Core"] [data-riss-input-focused="true"] .riss-der-riss-well {
  border-color: var(--rr-orange) !important;
  box-shadow:
    0 0 0 1px var(--rr-orange-ring),
    inset 0 1px 2px rgba(20, 19, 15, 0.08) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-hw-switch:hover,
html.raumriss-os [aria-label="Riss Core"] .riss-hw-control:hover,
html.raumriss-os [aria-label="Riss Core"] .riss-core-home:hover,
html.raumriss-os [aria-label="Riss Core"] .riss-core-command:hover {
  border-color: var(--rr-orange-border) !important;
  box-shadow:
    inset 0 1px 2px rgba(20, 19, 15, 0.06),
    0 0 0 1px var(--rr-orange-ring) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-aurel-tap[aria-expanded="true"],
html.raumriss-os [aria-label="Riss Core"] .riss-aurel-tap:hover {
  border-color: var(--rr-orange-border) !important;
  box-shadow: inset 2px 0 0 var(--rr-orange-seam) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-core-module[data-riss-trace-live="true"] {
  box-shadow:
    var(--riss-bar-shadow),
    inset 2px 0 0 var(--rr-orange-seam) !important;
}

html.raumriss-os [data-room-presence="zone"] .room-identity-presence-signal .room-identity-state-dot {
  background: color-mix(in srgb, var(--rr-orange) 78%, var(--rr-line-soft)) !important;
  box-shadow: 0 0 0 2px var(--rr-orange-soft) !important;
}

/* ═══════════════════════════════════════════════════════════════
 * V13 · Light RissCoreBar — warm hardware command object
 * DER RISS = Option C precision insert (manufactured slit)
 * ═══════════════════════════════════════════════════════════════ */

html.raumriss-os [aria-label="Riss Core"] .bg-riss-bar {
  background: var(--riss-hw-bar) !important;
}

html.raumriss-os [aria-label="Riss Core"] .bg-riss-inset,
html.raumriss-os [aria-label="Riss Core"] .bg-riss-inset\/40,
html.raumriss-os [aria-label="Riss Core"] .bg-riss-inset\/60 {
  background: var(--riss-chamber-fill) !important;
  box-shadow: var(--riss-chamber-shadow) !important;
}

html.raumriss-os [aria-label="Riss Core"] .bg-riss-hover,
html.raumriss-os [aria-label="Riss Core"] .hover\:bg-riss-hover:hover,
html.raumriss-os [aria-label="Riss Core"] .enabled\:hover\:bg-riss-hover\/80:enabled:hover {
  background: var(--rr-bar-press) !important;
}

html.raumriss-os [aria-label="Riss Core"] .ring-riss-border,
html.raumriss-os [aria-label="Riss Core"] .ring-riss-divider {
  --tw-ring-color: var(--riss-bar-border) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-core-module {
  border: 1px solid var(--riss-bar-border) !important;
}

html.raumriss-os [aria-label="Riss Core"] form[data-riss-input-focused="true"] .riss-der-riss-well,
html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well--focused {
  --tw-ring-color: transparent !important;
}

html.raumriss-os [aria-label="Riss Core"] .bg-riss-green {
  box-shadow: 0 0 0 2px var(--rr-green-soft) !important;
}

html.raumriss-os [aria-label="Riss Core"] .bg-riss-amber {
  box-shadow: 0 0 0 2px var(--rr-orange-soft) !important;
}

html.raumriss-os [aria-label="Riss Core"] .bg-riss-signal {
  box-shadow: 0 0 0 2px var(--rr-red-soft) !important;
}

html.raumriss-os [aria-label="Riss Core"] .shadow-riss-aurel-glow {
  box-shadow:
    inset 0 0 0 1px var(--riss-bar-border),
    0 0 0 1px color-mix(in srgb, var(--os-orange) 18%, transparent) !important;
}

@media (max-width: 1023px) {
  html.raumriss-os [aria-label="Riss Core"] .riss-core-input {
    font-size: 1rem !important;
  }

  html.raumriss-os [aria-label="Riss Core"] .riss-core-form__riss-row {
    min-height: 2.125rem !important;
    padding-top: 0.78rem !important;
  }

  html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well--thumb {
    min-height: 3.35rem !important;
  }
}

@media (min-width: 640px) {
  html.raumriss-os [aria-label="Riss Core"] .riss-core-input {
    font-size: 0.8125rem !important;
    line-height: 1.48 !important;
  }
}

/* V17 · stabilization wins — flat bar, quiet controls */

html.raumriss-os [aria-label="Riss Core"] .shadow-riss-module {
  box-shadow: 0 14px 36px rgba(45, 38, 28, 0.1) !important;
}

html.raumriss-os [aria-label="Riss Core"] .shadow-riss-panel {
  box-shadow: var(--rr-shadow-soft) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-hw-switch,
html.raumriss-os [aria-label="Riss Core"] .riss-hw-control,
html.raumriss-os [aria-label="Riss Core"] .riss-core-home,
html.raumriss-os [aria-label="Riss Core"] .riss-core-command {
  background: var(--rr-inset) !important;
  box-shadow: inset 0 1px 2px rgba(20, 19, 15, 0.06) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well {
  background: var(--rr-paper) !important;
  box-shadow: inset 0 1px 2px rgba(20, 19, 15, 0.08) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well--focused,
html.raumriss-os [aria-label="Riss Core"] [data-riss-input-focused="true"] .riss-der-riss-well {
  box-shadow:
    0 0 0 1px var(--rr-orange-ring),
    inset 0 1px 2px rgba(20, 19, 15, 0.08) !important;
}

html.raumriss-os [aria-label="Riss Core"] .shadow-riss-aurel-glow {
  box-shadow: inset 2px 0 0 var(--rr-orange-seam) !important;
}

/* ═══════════════════════════════════════════════════════════════
 * V18 · Beiwerk polish — Aufgaben, Notizen, Ideen, Referenzen
 * Arbeitsmaterial im Raum, kein Admin-Formular
 * ═══════════════════════════════════════════════════════════════ */

/* ── Worksurface · volle Breite unter Fäden ───────────────────── */

html.raumriss-os .room-composition__periphery {
  padding-top: 0.35rem !important;
  padding-bottom: calc(var(--runtime-dock-clearance) + 1.1rem) !important;
}

html.raumriss-os .room-worksurface {
  width: 100% !important;
  max-width: min(100%, 76rem) !important;
  margin-inline: auto !important;
  padding: clamp(0.65rem, 1.3vw, 0.95rem) !important;
  border: 1px solid rgba(20, 19, 15, 0.1) !important;
  border-radius: 14px !important;
  background: var(--rr-wall-soft) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

@media (min-width: 1024px) {
  html.raumriss-os .room-composition {
    display: flex !important;
    flex-direction: column !important;
    gap: clamp(0.85rem, 1.6vw, 1.2rem) !important;
  }

  html.raumriss-os .room-composition__stage {
    width: 100% !important;
    border-right: none !important;
  }

  html.raumriss-os .room-composition__periphery {
    width: 100% !important;
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
    padding-left: 0 !important;
  }

  html.raumriss-os .room-worksurface {
    display: grid !important;
    grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr) !important;
    gap: clamp(0.85rem, 1.6vw, 1.25rem) !important;
  }

  html.raumriss-os .room-worksurface__lane--far {
    padding-left: clamp(0.7rem, 1.4vw, 1.05rem) !important;
    border-left: 1px solid rgba(20, 19, 15, 0.08) !important;
  }
}

html.raumriss-os .room-periphery-rail {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(1.1rem, 2vw, 1.55rem) !important;
  width: 100% !important;
  max-width: none !important;
}

html.raumriss-os .room-periphery-rail .room-chamber--beiwerk,
html.raumriss-os .room-periphery-rail .workspace-section {
  padding-top: clamp(1rem, 1.8vw, 1.25rem) !important;
  padding-bottom: clamp(1rem, 1.8vw, 1.2rem) !important;
}

html.raumriss-os .room-periphery-rail .room-chamber-kicker {
  margin-bottom: 0.15rem !important;
  opacity: 0.72 !important;
}

html.raumriss-os .room-periphery-rail .room-chamber-aside {
  margin-top: 0.35rem !important;
  font-size: 0.75rem !important;
  line-height: 1.45 !important;
  color: var(--rr-text-soft) !important;
}

/* ── Shared form vocabulary (warm, flat) ─────────────────────── */

html.raumriss-os .room-material-form {
  margin-top: 1rem !important;
}

html.raumriss-os .room-material-form--notes {
  margin-top: 0.85rem !important;
}

html.raumriss-os .atmo-composer {
  border: 1px solid rgba(20, 19, 15, 0.12) !important;
  border-radius: 9px !important;
  background: var(--rr-paper) !important;
  color: var(--rr-text) !important;
  box-shadow: inset 0 1px 2px rgba(20, 19, 15, 0.06) !important;
}

html.raumriss-os .atmo-composer:focus,
html.raumriss-os .atmo-composer:focus-visible {
  border-color: var(--rr-orange-border) !important;
  box-shadow:
    0 0 0 1px var(--rr-orange-ring),
    inset 0 1px 2px rgba(20, 19, 15, 0.06) !important;
  outline: none !important;
}

html.raumriss-os .atmo-composer--note {
  min-height: 4.25rem !important;
  max-height: 9rem !important;
  font-size: 0.8125rem !important;
  line-height: 1.55 !important;
}

html.raumriss-os .atmo-composer--capture {
  min-height: 2.35rem !important;
  padding-top: 0.55rem !important;
  padding-bottom: 0.55rem !important;
  font-size: 0.8125rem !important;
  background: var(--rr-surface-raised) !important;
}

html.raumriss-os .atmo-action {
  border: 1px solid var(--border-default) !important;
  border-radius: var(--radius-sm) !important;
  background: var(--background) !important;
  color: var(--text-primary) !important;
  box-shadow: none !important;
}

html.raumriss-os .atmo-action:hover:not(:disabled) {
  border-color: var(--copper-light) !important;
  background: var(--background-hover) !important;
  color: var(--text-primary) !important;
  box-shadow: none !important;
}

html.raumriss-os .atmo-action--primary {
  border-color: var(--border-default) !important;
  background: var(--background) !important;
  color: var(--text-primary) !important;
  box-shadow: none !important;
}

html.raumriss-os .atmo-action--primary:hover:not(:disabled) {
  border-color: var(--copper) !important;
  background: var(--copper) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html.raumriss-os .room-periphery-rail .atmo-action--icon {
  width: 2rem !important;
  min-width: 2rem !important;
  min-height: 2.35rem !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: var(--rr-text-muted) !important;
}

html.raumriss-os .atmo-action--quiet {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--rr-text-soft) !important;
  font-size: 0.6875rem !important;
}

html.raumriss-os .atmo-action--quiet:hover:not(:disabled) {
  background: color-mix(in srgb, var(--rr-inset) 45%, transparent) !important;
  border-color: rgba(20, 19, 15, 0.08) !important;
  box-shadow: none !important;
  color: var(--rr-text-muted) !important;
}

html.raumriss-os .atmo-action--quiet[data-action-tone="warn"] {
  opacity: 0.55 !important;
}

html.raumriss-os .room-task-row:hover .room-task-row__action--remove,
html.raumriss-os .room-task-row:focus-within .room-task-row__action--remove {
  opacity: 1 !important;
}

html.raumriss-os .atmo-select {
  border: 1px solid rgba(20, 19, 15, 0.1) !important;
  border-radius: 7px !important;
  background: var(--rr-paper) !important;
  color: var(--rr-text-body) !important;
  box-shadow: none !important;
  font-size: 0.6875rem !important;
}

html.raumriss-os .atmo-select:hover,
html.raumriss-os .atmo-select:focus-visible {
  border-color: rgba(20, 19, 15, 0.16) !important;
  color: var(--rr-text) !important;
}

html.raumriss-os .atmo-select-label {
  font-size: 0.6875rem !important;
  color: var(--rr-text-soft) !important;
}

html.raumriss-os .atmo-mark {
  color: var(--rr-text-soft) !important;
  font-size: 0.6875rem !important;
}

html.raumriss-os .atmo-chip {
  background: color-mix(in srgb, var(--rr-inset) 55%, transparent) !important;
  color: var(--rr-text-soft) !important;
  box-shadow: none !important;
  font-size: 0.625rem !important;
}

html.raumriss-os .atmo-chip--signal {
  color: var(--rr-text-muted) !important;
}

/* ── Register / slate — eingelassen, nicht weiß ──────────────── */

html.raumriss-os .room-periphery-rail .atmo-slate {
  margin-top: 0.85rem !important;
  border: 1px solid rgba(20, 19, 15, 0.1) !important;
  border-radius: 10px !important;
  background: var(--rr-paper) !important;
  box-shadow: inset 0 1px 2px rgba(20, 19, 15, 0.04) !important;
  overflow: hidden !important;
}

html.raumriss-os .room-periphery-rail .atmo-slate > li + li,
html.raumriss-os .room-periphery-rail .atmo-slate > .atmo-register + .atmo-register {
  border-top-color: rgba(20, 19, 15, 0.08) !important;
}

html.raumriss-os .room-periphery-rail .atmo-register {
  padding: 0.7rem 0.85rem !important;
}

/* ── Aufgaben · Eingabezeile + Arbeitszeilen ─────────────────── */

html.raumriss-os .room-task-capture {
  display: flex !important;
  align-items: stretch !important;
  gap: 0.45rem !important;
}

html.raumriss-os .room-task-enrichment > summary {
  font-size: 0.6875rem !important;
  letter-spacing: 0.02em !important;
  color: var(--rr-text-soft) !important;
  text-transform: none !important;
}

html.raumriss-os .room-task-enrichment[open] > summary {
  color: var(--rr-text-muted) !important;
}

html.raumriss-os .room-task-enrichment__fields {
  margin-top: 0.65rem !important;
  padding-top: 0.65rem !important;
  border-top: 1px solid rgba(20, 19, 15, 0.08) !important;
}

html.raumriss-os .room-task-row__main {
  display: grid !important;
  grid-template-columns: minmax(5.5rem, 6.25rem) minmax(0, 1fr) auto !important;
  gap: 0.55rem 0.65rem !important;
  align-items: start !important;
}

html.raumriss-os .room-task-row__status {
  width: 100% !important;
  max-width: none !important;
  min-height: 1.85rem !important;
  margin-top: 0.05rem !important;
}

html.raumriss-os .room-task-row__title {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  color: var(--rr-text) !important;
}

html.raumriss-os .room-task-row__activity {
  margin-top: 0.28rem !important;
  font-family: var(--font-sans), system-ui, sans-serif !important;
  font-size: 0.6875rem !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: var(--rr-text-soft) !important;
}

html.raumriss-os .room-task-row__activity .room-task-row__due--overdue {
  color: var(--rr-red) !important;
}

html.raumriss-os .room-task-row__activity .room-task-row__due--today {
  color: var(--rr-orange) !important;
}

html.raumriss-os .room-task-row__step {
  margin-top: 0.35rem !important;
  font-size: 0.75rem !important;
  line-height: 1.5 !important;
}

html.raumriss-os .room-task-row__step-label {
  font-size: 0.625rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--rr-text-soft) !important;
}

html.raumriss-os .room-task-row__open-hint {
  margin-top: 0.25rem !important;
  font-size: 0.625rem !important;
  opacity: 0.7 !important;
}

html.raumriss-os .room-task-row__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.35rem !important;
  margin-top: 0.45rem !important;
}

html.raumriss-os .room-task-row__meta .atmo-select {
  max-width: 5.5rem !important;
  min-height: 1.55rem !important;
  padding-right: 1.2rem !important;
}

html.raumriss-os .room-task-row__action--remove {
  opacity: 0 !important;
  align-self: start !important;
  margin-top: 0.1rem !important;
  transition: opacity 160ms var(--os-ease) !important;
}

html.raumriss-os .room-task-row__toggle {
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
}

html.raumriss-os .room-task-row__toggle:focus-visible {
  outline: 2px solid var(--rr-orange-ring) !important;
  outline-offset: 3px !important;
  border-radius: 4px !important;
}

html.raumriss-os .task-focus-list > li {
  transition:
    opacity 0.45s var(--os-ease),
    background 0.35s var(--os-ease) !important;
}

html.raumriss-os .task-focus-list:has(.task-focus-active) > li:not(.task-focus-active) {
  opacity: 0.72 !important;
  filter: none !important;
}

html.raumriss-os .task-focus-list > li.task-focus-active {
  background: color-mix(in srgb, var(--rr-surface-elevated) 65%, #f7f4ed) !important;
}

html.raumriss-os .task-focus-list > li.task-focus-active::before {
  background: var(--rr-orange-seam) !important;
}

/* ── Notizen · kompakte Fläche ────────────────────────────────── */

html.raumriss-os .room-material-note-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.5rem 0.75rem !important;
}

html.raumriss-os .room-material-note-actions .atmo-mark {
  opacity: 0.65 !important;
}

html.raumriss-os .room-material-slip__body {
  font-size: 0.8125rem !important;
  line-height: 1.55 !important;
  color: var(--rr-text-body) !important;
}

/* ── Ideen · lose Zettel ─────────────────────────────────────── */

html.raumriss-os .room-material-slip {
  padding: 0.62rem 0.75rem !important;
}

html.raumriss-os .room-material-slip__head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 0.45rem 0.65rem !important;
}

/* ── Referenzen · Material-Chips ─────────────────────────────── */

html.raumriss-os .atmo-slate--material {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)) !important;
  gap: 0.5rem !important;
  padding: 0.5rem !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.raumriss-os .atmo-slate--material > li {
  border: none !important;
  padding: 0 !important;
  min-width: 0 !important;
}

html.raumriss-os .room-material-ref {
  padding: 0 !important;
}

html.raumriss-os .room-material-ref__chip {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.2rem !important;
  min-height: 100% !important;
  padding: 0.58rem 0.68rem !important;
  border: 1px solid rgba(20, 19, 15, 0.1) !important;
  border-radius: 9px !important;
  background: var(--rr-surface-raised) !important;
  transition:
    border-color 180ms var(--os-ease),
    box-shadow 180ms var(--os-ease) !important;
}

html.raumriss-os .room-material-ref__chip:hover {
  border-color: var(--rr-orange-border) !important;
  box-shadow: inset 2px 0 0 var(--rr-orange-seam) !important;
}

html.raumriss-os .room-material-ref__type {
  font-size: 0.625rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--rr-text-soft) !important;
}

html.raumriss-os .room-material-ref__title {
  margin: 0 !important;
  width: 100% !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--rr-text) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  white-space: normal !important;
}

html.raumriss-os .room-material-ref__chip .atmo-mark {
  margin: 0 !important;
  opacity: 0.72 !important;
}

html.raumriss-os .room-material-ref__tag {
  margin: 0 !important;
  font-size: 0.625rem !important;
  color: var(--rr-text-soft) !important;
}

/* ── Beiwerk-Aufgaben · kompakter, weniger Chip-Lärm ─────────── */

html.raumriss-os .room-worksurface .room-task-row__main {
  grid-template-columns: minmax(5.25rem, 5.75rem) minmax(0, 1fr) auto !important;
}

html.raumriss-os .room-worksurface .room-task-row--beiwerk .room-task-row__meta {
  gap: 0.5rem !important;
}

html.raumriss-os .room-worksurface .room-task-row--beiwerk .room-task-row__open-hint {
  display: none !important;
}

html.raumriss-os .room-worksurface .room-material-slip {
  border-radius: 9px !important;
  background: var(--rr-surface-raised) !important;
  border: 1px solid rgba(20, 19, 15, 0.08) !important;
}

html.raumriss-os .room-worksurface .room-material-slip + .room-material-slip,
html.raumriss-os .room-worksurface .atmo-slate > .room-material-slip + .room-material-slip {
  margin-top: 0.4rem !important;
  border-top: none !important;
}

html.raumriss-os .room-worksurface .atmo-slate:not(.atmo-slate--material) {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .room-worksurface .atmo-slate:not(.atmo-slate--material) > .atmo-register {
  margin-bottom: 0.35rem !important;
  border: 1px solid rgba(20, 19, 15, 0.08) !important;
  border-radius: 9px !important;
  background: var(--rr-surface-raised) !important;
}

html.raumriss-os .room-worksurface .atmo-slate:not(.atmo-slate--material) > .atmo-register + .atmo-register {
  border-top: none !important;
}

html.raumriss-os .room-worksurface .atmo-composer--note {
  min-height: 3.25rem !important;
  border-color: rgba(20, 19, 15, 0.08) !important;
  background: color-mix(in srgb, #fcf9f2 88%, #f7f4ed) !important;
  box-shadow: none !important;
}

html.raumriss-os .room-material-stream {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.45rem !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.raumriss-os .room-material-stream > li + li,
html.raumriss-os .room-material-stream > .atmo-register + .atmo-register {
  border-top: none !important;
}

html.raumriss-os .room-material-card__action {
  font-size: 0.625rem !important;
  letter-spacing: 0.02em !important;
  opacity: 0.72 !important;
}

html.raumriss-os .room-material-card__action:hover:not(:disabled) {
  opacity: 1 !important;
}

html.raumriss-os .room-material-card__meta {
  font-size: 0.625rem !important;
  opacity: 0.68 !important;
}

@media (max-width: 1023px) {
  html.raumriss-os .room-worksurface__lane--far {
    padding-top: 0.65rem !important;
    border-top: 1px solid rgba(20, 19, 15, 0.08) !important;
    border-left: none !important;
    padding-left: 0 !important;
  }

  html.raumriss-os .atmo-slate--material {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
 * V16 · Material roles — Raum mit Instrumenten (not dashboard)
 * RoomSurface · InstrumentPanel · ThreadCard · RissFragment
 * NotePaper · TaskRow · BottomConsole
 * ═══════════════════════════════════════════════════════════════ */

html.raumriss-os,
html.raumriss-os body {
  background-color: var(--rr-wall-soft) !important;
  color: var(--rr-text-body) !important;
}

html.raumriss-os .os-room-page,
html.raumriss-os .room-shell.rr-room-shell {
  padding-top: clamp(4.75rem, 9.5vh, 6.25rem) !important;
}

html.raumriss-os .room-identity-strip {
  padding: 0 0 clamp(2rem, 3.5vw, 2.75rem) !important;
  margin-bottom: clamp(0.35rem, 1vw, 0.65rem) !important;
}

html.raumriss-os .room-identity-strip__title,
html.raumriss-os .room-identity-strip__title.rr-page-title {
  font-size: clamp(30px, 4vw, 48px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.045em !important;
  font-weight: 520 !important;
  text-transform: none !important;
  color: var(--rr-text) !important;
}

html.raumriss-os .room-identity-strip__presence.rr-body {
  font-size: 15px !important;
  line-height: 1.45 !important;
  letter-spacing: -0.012em !important;
  color: var(--rr-text-body) !important;
  max-width: 36rem;
}

html.raumriss-os .room-composition {
  gap: clamp(2rem, 3.8vw, 3.25rem) !important;
}

/* 1 · RoomSurface — warm work floor, not a card grid */
html.raumriss-os .room-composition__stage.rr-room-surface {
  padding: clamp(1.65rem, 2.8vw, 2.35rem) clamp(1.45rem, 2.4vw, 2rem) !important;
  gap: clamp(1.35rem, 2.2vw, 1.85rem) !important;
  background: var(--rr-surface) !important;
  border: 1px solid var(--rr-line) !important;
  border-radius: calc(var(--os-radius-panel) + 2px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    0 18px 50px rgba(54, 45, 32, 0.08) !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-composition__stage.rr-room-surface {
  background: color-mix(in srgb, var(--rr-surface) 88%, var(--rr-paper-aged) 12%) !important;
}

html.raumriss-os .room-composition__stage.rr-room-surface::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.35;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
}

html.raumriss-os .room-composition__stage.rr-room-surface {
  position: relative;
  isolation: isolate;
}

html.raumriss-os .room-composition__stage.rr-room-surface > * {
  position: relative;
  z-index: 1;
}

/* 2 · InstrumentPanel — recessed / raised modules */
html.raumriss-os .room-composition .room-periphery-rail .rr-module.workspace-section,
html.raumriss-os .room-composition .room-periphery-rail .rr-module.room-chamber,
html.raumriss-os .room-threads-panel.rr-instrument-panel {
  padding: clamp(1.1rem, 1.9vw, 1.45rem) clamp(1rem, 1.75vw, 1.35rem) !important;
  background: var(--rr-surface-raised) !important;
  border: 1px solid var(--rr-line) !important;
  border-radius: var(--os-radius-inset) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 8px 18px rgba(54, 45, 32, 0.045) !important;
}

html.raumriss-os .room-composition .room-periphery-rail .workspace-section .type-section-title {
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  font-weight: 560 !important;
  color: var(--rr-text-soft) !important;
}

html.raumriss-os .room-composition .room-periphery-rail .type-section-subtitle {
  font-size: 13px !important;
  line-height: 1.5 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  color: var(--rr-text-soft) !important;
}

html.raumriss-os .room-composition .room-atrium-layer > .room-chamber--workbench.rr-module {
  background: color-mix(in srgb, var(--rr-surface-raised) 92%, var(--rr-paper) 8%) !important;
  border: 1px solid var(--rr-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 6px 16px rgba(54, 45, 32, 0.04) !important;
}

/* 3 · ThreadCard — work folders, orange only when open */
html.raumriss-os .room-threads-panel.rr-instrument-panel,
html.raumriss-os .room-chamber--threads.rr-instrument-panel {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 8px 18px rgba(54, 45, 32, 0.045) !important;
}

html.raumriss-os .room-chamber--threads .type-section-title,
html.raumriss-os .room-threads-panel .type-section-title {
  font-size: 12px !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: var(--rr-text-soft) !important;
}

html.raumriss-os .room-threads-panel__item.rr-thread-card {
  padding: 0.75rem 0.85rem 0.8rem 0.95rem !important;
  margin-inline: -0.15rem;
  border-radius: 8px;
  background: color-mix(in srgb, var(--rr-paper) 55%, var(--rr-surface-raised)) !important;
  border: 1px solid color-mix(in srgb, var(--rr-line) 75%, transparent) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

html.raumriss-os .room-threads-panel__item.rr-thread-card::before {
  width: 2px !important;
  top: 0.55rem !important;
  bottom: 0.55rem !important;
  background: var(--rr-line-soft) !important;
  box-shadow: none !important;
}

html.raumriss-os .room-threads-panel__item.rr-thread-card[data-thread-tone="alive"]::before {
  background: var(--rr-green) !important;
  opacity: 0.55;
}

html.raumriss-os .room-threads-panel__item.rr-thread-card[data-thread-expanded="true"]::before,
html.raumriss-os .room-threads-panel__item.rr-thread-card[data-thread-tone="focus"]::before {
  width: 2px !important;
  background: var(--rr-orange) !important;
  box-shadow: none !important;
  opacity: 1;
}

html.raumriss-os .room-threads-panel__item + .room-threads-panel__item {
  margin-top: 0.65rem !important;
  padding-top: 0 !important;
  border-top: none !important;
}

html.raumriss-os .room-threads-panel__title {
  font-size: 1rem !important;
  font-weight: 520 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.4 !important;
}

html.raumriss-os .room-threads-panel__preview {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--rr-text-body) !important;
}

html.raumriss-os .room-threads-panel__empty {
  padding: 1.25rem 0.5rem 0.75rem !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: var(--rr-text-soft) !important;
  font-style: italic;
}

/* 4 · RissFragment — raw material, aged paper */
html.raumriss-os .home-open-risse__item.rr-riss-fragment,
html.raumriss-os .riss-trace.rr-riss-fragment {
  background: var(--rr-paper-aged) !important;
  border: 1px dashed color-mix(in srgb, var(--rr-line-strong) 55%, transparent) !important;
  border-radius: 7px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  opacity: 1 !important;
}

html.raumriss-os .room-open-risse .home-open-risse__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.65rem;
}

html.raumriss-os .room-open-risse .home-open-risse__item.rr-riss-fragment {
  padding: 0.62rem 0.72rem !important;
  list-style: none;
}

html.raumriss-os .room-open-risse .home-open-risse__dot {
  background: var(--rr-orange) !important;
  width: 4px !important;
  height: 4px !important;
  opacity: 0.75;
}

html.raumriss-os .riss-trace {
  border-style: dashed !important;
  background: var(--rr-paper-aged) !important;
}

/* 5 · NotePaper */
html.raumriss-os .rr-note-paper,
html.raumriss-os .continuity-note-capture__draft.rr-paper,
html.raumriss-os .atmo-composer--note.rr-paper {
  background-color: var(--rr-paper) !important;
  background-image:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.42) 0%,
      transparent 28%
    ),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 1.35rem,
      rgba(54, 45, 32, 0.045) 1.35rem,
      rgba(54, 45, 32, 0.045) calc(1.35rem + 1px)
    ) !important;
  border: 1px solid rgba(54, 45, 32, 0.12) !important;
  border-radius: 8px !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7),
    0 10px 24px rgba(54, 45, 32, 0.035) !important;
  color: var(--rr-text) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  letter-spacing: -0.012em !important;
}

html.raumriss-os .continuity-note-capture__draft.rr-paper::-moz-placeholder, html.raumriss-os .atmo-composer--note.rr-paper::-moz-placeholder {
  color: var(--rr-text-faint) !important;
  font-style: italic;
}

html.raumriss-os .continuity-note-capture__draft.rr-paper::placeholder,
html.raumriss-os .atmo-composer--note.rr-paper::placeholder {
  color: var(--rr-text-faint) !important;
  font-style: italic;
}

html.raumriss-os .room-material-slip {
  background: var(--rr-paper) !important;
  border: 1px solid rgba(54, 45, 32, 0.1) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

/* 6 · TaskRow — bench steps, flat */
html.raumriss-os .room-task-row.rr-task-row {
  padding: 0.5rem 0.55rem 0.52rem !important;
  border: none !important;
  border-radius: 6px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .room-periphery-rail .atmo-slate > .room-task-row.rr-task-row {
  border-bottom: 1px solid color-mix(in srgb, var(--rr-line) 55%, transparent) !important;
  border-radius: 0 !important;
}

html.raumriss-os .room-periphery-rail .atmo-slate > .room-task-row.rr-task-row:last-child {
  border-bottom: none !important;
}

html.raumriss-os .room-task-row.rr-task-row .room-task-row__title {
  font-size: 0.8125rem !important;
  font-weight: 520 !important;
}

html.raumriss-os .room-task-row.rr-task-row .room-task-row__activity {
  font-family: var(--font-mono), ui-monospace, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.03em !important;
  color: var(--rr-text-faint) !important;
}

html.raumriss-os .task-focus-list > li.task-focus-active.rr-task-row {
  background: var(--rr-surface-raised) !important;
  box-shadow:
    inset 2px 0 0 var(--raum-amber),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}

html.raumriss-os .room-periphery-rail .atmo-slate {
  background: var(--rr-recessed, rgba(54, 45, 32, 0.035)) !important;
  border: 1px solid rgba(54, 45, 32, 0.12) !important;
  border-radius: 9px !important;
  box-shadow:
    inset 0 1px 4px rgba(54, 45, 32, 0.08),
    inset 0 -1px 0 rgba(255, 255, 255, 0.45) !important;
}

html.raumriss-os .room-periphery-rail .atmo-slate > li + li,
html.raumriss-os .room-periphery-rail .atmo-slate > .atmo-register + .atmo-register {
  border-top-color: color-mix(in srgb, var(--rr-line) 45%, transparent) !important;
}

/* 7 · BottomConsole — recessed control deck, not chat overlay */
html.raumriss-os .der-riss-well {
  border-top-color: var(--riss-well-lip) !important;
  background: color-mix(in srgb, var(--rr-black) 96%, #252320) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 8px 24px rgba(0, 0, 0, 0.28) !important;
}

html.raumriss-os .der-riss-object {
  background: var(--riss-matte) !important;
  border-color: color-mix(in srgb, var(--rr-line-strong) 35%, transparent) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 2px 8px rgba(0, 0, 0, 0.32),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
}

html.raumriss-os .der-riss-aperture {
  background: rgba(0, 0, 0, 0.22) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35) !important;
}

html.raumriss-os .der-riss-aperture__text {
  color: color-mix(in srgb, var(--rr-wall-soft) 94%, transparent) !important;
  font-size: 15px !important;
  letter-spacing: -0.012em !important;
}

html.raumriss-os .der-riss-aperture__text::-moz-placeholder {
  color: color-mix(in srgb, var(--rr-text-faint) 88%, #9a9288) !important;
  font-style: normal !important;
}

html.raumriss-os .der-riss-aperture__text::placeholder {
  color: color-mix(in srgb, var(--rr-text-faint) 88%, #9a9288) !important;
  font-style: normal !important;
}

html.raumriss-os .der-riss-mark {
  color: color-mix(in srgb, var(--rr-wall-soft) 72%, var(--rr-orange-soft)) !important;
}

html.raumriss-os .der-riss-object:focus-within,
html.raumriss-os .der-riss-object[data-riss-state="composing"],
html.raumriss-os .der-riss-object[data-runtime-active="true"] {
  border-top-color: color-mix(in srgb, var(--rr-orange) 42%, transparent) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 2px 0 0 var(--rr-orange),
    inset 0 2px 8px rgba(0, 0, 0, 0.32) !important;
}

/* Frühere Spur · eingelassener Archiv-/Tape-Streifen über der Bottom Console */
html.raumriss-os .der-riss-marginalia {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  width: min(100%, min(calc(100vw - 72px), 560px)) !important;
  max-width: min(calc(100vw - 72px), 560px) !important;
  height: 22px !important;
  min-height: 22px !important;
  margin: 0 auto 10px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(54, 45, 32, 0.1) !important;
  border-radius: 7px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(54, 45, 32, 0.055)),
    rgba(238, 229, 213, 0.58) !important;
  color: rgba(39, 35, 29, 0.52) !important;
  font-family: "SF Mono", "IBM Plex Mono", var(--font-mono), ui-monospace, monospace !important;
  font-size: 10px !important;
  font-weight: 450 !important;
  line-height: 1 !important;
  letter-spacing: 0.055em !important;
  text-transform: none !important;
  text-align: center !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -1px 2px rgba(54, 45, 32, 0.045) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  transition:
    opacity 0.28s ease,
    color 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease !important;
}

html.raumriss-os .der-riss-marginalia[data-trace-visible="true"] {
  opacity: 0.92 !important;
}

html.raumriss-os .der-riss-marginalia[data-trace-visible="true"]::before {
  content: "";
  flex-shrink: 0;
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: rgba(199, 122, 50, 0.48);
  box-shadow: none;
}

html.raumriss-os .der-riss-marginalia[data-trace-warmth="fresh"][data-trace-visible="true"],
html.raumriss-os .der-riss-marginalia[data-trace-warmth="warm"][data-trace-visible="true"],
html.raumriss-os .der-riss-marginalia[data-trace-warmth="settling"][data-trace-visible="true"],
html.raumriss-os .der-riss-marginalia[data-trace-warmth="cooling"][data-trace-visible="true"],
html.raumriss-os .der-riss-marginalia[data-trace-warmth="fading"][data-trace-visible="true"] {
  color: rgba(39, 35, 29, 0.52) !important;
  opacity: 0.92 !important;
}

html.raumriss-os .der-riss-marginalia--live {
  cursor: pointer !important;
  border: 1px solid rgba(54, 45, 32, 0.1) !important;
  padding-inline: 10px !important;
  font-family: "SF Mono", "IBM Plex Mono", var(--font-mono), ui-monospace, monospace !important;
  font-size: 10px !important;
  font-weight: 450 !important;
  letter-spacing: 0.055em !important;
  line-height: 1 !important;
  text-align: center !important;
  -webkit-tap-highlight-color: transparent !important;
}

html.raumriss-os .der-riss-marginalia--live:hover,
html.raumriss-os .der-riss-marginalia--live:focus-visible {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(54, 45, 32, 0.06)),
    rgba(238, 229, 213, 0.64) !important;
  border-color: rgba(54, 45, 32, 0.12) !important;
  color: rgba(39, 35, 29, 0.56) !important;
  opacity: 0.94 !important;
}

html.raumriss-os .der-riss-marginalia--live:focus-visible {
  outline: 1px solid rgba(54, 45, 32, 0.14) !important;
  outline-offset: 2px !important;
}

@media (max-width: 760px) {
  html.raumriss-os .der-riss-marginalia {
    width: min(calc(100vw - 48px), 560px) !important;
    max-width: min(calc(100vw - 48px), 560px) !important;
    font-size: 9px !important;
    margin-bottom: 10px !important;
  }
}

/* Schöpfermodus · studio at 23:40, no kitsch */
html.raumriss-os .creator-mode-ambient {
  border: 1px solid color-mix(in srgb, var(--rr-orange) 12%, var(--rr-line)) !important;
  background: color-mix(in srgb, var(--rr-surface) 78%, var(--rr-paper-aged) 22%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    0 14px 36px rgba(54, 45, 32, 0.07) !important;
}

html.raumriss-os .creator-mode-ambient__room {
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
  letter-spacing: -0.03em !important;
  text-transform: none !important;
  color: var(--rr-text) !important;
}

html.raumriss-os .creator-mode-ambient__state-line {
  letter-spacing: 0.06em !important;
  text-transform: none !important;
  font-family: var(--font-mono), ui-monospace, monospace !important;
  font-size: 10px !important;
  color: var(--rr-text-faint) !important;
}

html.raumriss-os [data-creator-quiet] .room-composition__periphery {
  opacity: 0.38 !important;
}

/* Orange discipline — signal lines only, no fill buttons */
html.raumriss-os .atmo-action--primary {
  background: var(--rr-surface-raised) !important;
  border-color: var(--rr-line) !important;
  color: var(--rr-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

html.raumriss-os .atmo-action--primary:hover:not(:disabled) {
  border-color: var(--rr-orange-border) !important;
  box-shadow: inset 2px 0 0 var(--rr-orange) !important;
  background: var(--rr-surface-raised) !important;
}

html.raumriss-os .home-open-risse__action--primary {
  box-shadow: inset 1px 0 0 var(--rr-orange) !important;
  background: var(--rr-paper-aged) !important;
}

/* Kill duplicate flat white card overrides from V12/V15 */
html.raumriss-os .room-composition__stage:not(.rr-room-surface),
html.raumriss-os .room-runtime-deck .room-chamber,
html.raumriss-os .room-chamber--threads:not(.rr-instrument-panel),
html.raumriss-os .room-threads-panel:not(.rr-instrument-panel) {
  background: inherit;
}

html.raumriss-os .room-chamber--threads.rr-instrument-panel,
html.raumriss-os .room-threads-panel.rr-instrument-panel {
  background: var(--rr-surface-raised) !important;
  border: 1px solid var(--rr-line) !important;
  border-left: 1px solid var(--rr-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 8px 18px rgba(54, 45, 32, 0.045) !important;
}

/* ═══════════════════════════════════════════════════════════════
 * V19 · Responsive frame — no decorative orange corners
 * Shared page grid · topbar · home composition · bottom console
 * ═══════════════════════════════════════════════════════════════ */

@media (min-width: 1440px) {
  html.raumriss-os,
  body.raumriss-os {
    --rr-page-gutter: 48px;
    --rr-page-max: 1320px;
    --rr-page-frame-width: min(calc(100% - 96px), 1320px);
    --os-page-max: 1320px;
  }
}

html.raumriss-os {
  overflow-x: clip;
}

html.raumriss-os body {
  overflow-x: clip;
}

/* ── Atmosphere · neutral field only (no orange corner blooms) ─── */

html.raumriss-os .home-runtime-shell::before,
html.raumriss-os .home-runtime-shell::after,
html.raumriss-os .operating-environment::before,
html.raumriss-os .operating-environment::after,
html.raumriss-os .environment-stage::before,
html.raumriss-os .environment-stage::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

html.raumriss-os .home-runtime-panel::before,
html.raumriss-os .runtime-instrument-deck .home-runtime-panel::before,
html.raumriss-os .runtime-instrument-deck .surface-slot::after {
  display: none !important;
  content: none !important;
}

/* Flat chambers — orange only via left seam / dot on active states */
html.raumriss-os .home-main-stage,
html.raumriss-os[data-runtime-climate="carrying"] .home-main-stage,
html.raumriss-os .home-stage-zone--systems.environment-command-center,
html.raumriss-os .home-room-strip-cell:not(.room-tile),
html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-active="true"],
html.raumriss-os
  .home-room-strip-cell:not(.room-tile)[data-room-warmth="warm"]:not([data-room-active="true"]) {
  background: var(--rr-surface) !important;
  box-shadow: var(--rr-shadow-chamber) !important;
}

html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-active="true"] {
  box-shadow:
    var(--rr-shadow-chamber),
    inset 2px 0 0 var(--rr-orange) !important;
}

html.raumriss-os .home-stage-zone--systems.environment-command-center {
  box-shadow:
    var(--rr-shadow-chamber),
    inset 2px 0 0 color-mix(in srgb, var(--rr-orange) 55%, transparent) !important;
}

html.raumriss-os .home-main-stage:has(.current-field[data-gravity="anchored"]),
html.raumriss-os .home-main-stage:has(.home-runtime-field[data-gravity="anchored"]) {
  box-shadow:
    var(--rr-shadow-chamber),
    inset 2px 0 0 var(--rr-orange) !important;
}

/* ── Topbar · session card on page-frame right edge ─────────── */

html.raumriss-os .runtime-presence-layer {
  --dashboard-shell-pad: 0px;
  top: max(1.25rem, calc(env(safe-area-inset-top, 0px) + 0.65rem)) !important;
  right: calc(
    (100vw - var(--rr-page-frame-width)) / 2 + env(safe-area-inset-right, 0px)
  ) !important;
  left: auto !important;
  align-items: flex-end !important;
}

/* Presence instrument chrome lives in runtime-design-evolution (typographic anchor). */

html.raumriss-os .environment-stage {
  min-height: 0 !important;
  padding: 0 0 clamp(1.65rem, 3vw, 2.35rem) !important;
}

html.raumriss-os .environment-entrance {
  display: grid !important;
  align-items: end !important;
  gap: clamp(1rem, 2.2vw, 1.65rem) !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  width: 100% !important;
}

html.raumriss-os .environment-entrance__presence {
  min-width: 0 !important;
}

html.raumriss-os .environment-entrance__system .presence-clock--hero {
  padding-top: 0.05rem;
}

html.raumriss-os .environment-hero {
  padding-left: 0 !important;
  border-left: none !important;
  box-shadow: none !important;
}

html.raumriss-os .environment-hero::before {
  display: none !important;
}

html.raumriss-os .presence-clock--hero {
  align-items: flex-end !important;
  text-align: right !important;
  padding: 0 !important;
}

/* ── Home composition · explicit two-column grid ─────────────── */

@media (max-width: 979px) {
  html.raumriss-os .home-composition {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "stage"
      "rooms"
      "capture" !important;
    row-gap: clamp(1.15rem, 2.4vw, 1.65rem) !important;
  }

  html.raumriss-os .home-capture-shelf {
    max-width: none !important;
  }
}

@media (min-width: 980px) {
  html.raumriss-os .home-composition {
    grid-template-columns: var(--env-spread-home) !important;
    grid-template-areas:
      "stage capture"
      "rooms rooms" !important;
    -moz-column-gap: var(--env-spread-chasm) !important;
         column-gap: var(--env-spread-chasm) !important;
    row-gap: 0 !important;
    align-items: start !important;
  }

  html.raumriss-os .home-main-stage {
    min-height: clamp(14rem, 32vh, 22rem) !important;
  }

  html.raumriss-os .home-capture-shelf {
    align-self: stretch !important;
    min-width: 0 !important;
    max-width: min(26rem, 100%) !important;
    width: 100% !important;
  }

  /* AUREL · Breite nutzen, weniger vertikale Stapelung */
  html.raumriss-os .home-capture-layer--aurel .home-capture-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(15.5rem, 1fr)) !important;
    gap: 0.6rem !important;
    margin-top: 0.75rem !important;
  }

  html.raumriss-os .home-capture-layer--aurel .home-capture-list > li {
    margin: 0 !important;
  }

  html.raumriss-os .home-capture-layer--aurel .home-capture-list > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0 !important;
  }

  html.raumriss-os .home-capture-layer--aurel .home-capture-item {
    height: 100%;
  }

  html.raumriss-os .home-capture-layer--aurel .home-capture-panel {
    width: 100%;
  }
}

@media (min-width: 1280px) {
  html.raumriss-os .home-composition {
    grid-template-columns: minmax(0, 1fr) minmax(420px, 48vw) !important;
  }

  html.raumriss-os .home-capture-layer--aurel .home-capture-list {
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)) !important;
  }
}

@media (min-width: 1440px) {
  html.raumriss-os .home-composition {
    grid-template-columns: minmax(0, 1fr) minmax(460px, 50vw) !important;
    -moz-column-gap: clamp(1.15rem, 2vw, 1.65rem) !important;
         column-gap: clamp(1.15rem, 2vw, 1.65rem) !important;
  }
}

/* ── Bottom console · global dock (Home + rooms, Root-Layout) ─ */

html.raumriss-os {
  --riss-floor-stack: max(
    7.5rem,
    calc(5.5rem + env(safe-area-inset-bottom, 0px))
  );
}

html.raumriss-os #raumriss-runtime-dock,
html.raumriss-os .raumriss-runtime-dock {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 80;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  pointer-events: none;
  padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
}

html.raumriss-os #raumriss-runtime-dock .bottom-console,
html.raumriss-os #raumriss-runtime-dock .riss-core-shell.bottom-console {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  transform: none;
  margin: 0;
}

html.raumriss-os .bottom-console,
html.raumriss-os .riss-core-shell.bottom-console {
  position: fixed;
  left: 50%;
  right: auto;
  top: auto;
  bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  width: min(calc(100vw - 48px), 860px);
  max-width: 860px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: clip;
  z-index: 80;
  justify-content: center;
}

html.raumriss-os .bottom-console > .pointer-events-auto,
html.raumriss-os .riss-core-shell.bottom-console > .pointer-events-auto {
  width: 100%;
  max-width: none;
  min-width: 0;
}

html.raumriss-os [aria-label="Riss Core"] .riss-core-module {
  border-radius: 12px !important;
  box-shadow:
    0 16px 40px rgba(54, 45, 32, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

@media (max-width: 760px) {
  html.raumriss-os .bottom-console,
  html.raumriss-os .riss-core-shell.bottom-console {
    width: calc(100vw - 24px);
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  }
}

@media (max-width: 979px) {
  html.raumriss-os .runtime-presence-layer {
    top: max(0.85rem, calc(env(safe-area-inset-top, 0px) + 0.35rem)) !important;
  }

  html.raumriss-os .home-runtime-shell--thumb-flow {
    padding-top: 4.85rem !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
 * Raum-Kacheln (Übersicht) · Hover / Focus / Active
 * ═══════════════════════════════════════════════════════════════ */

html.raumriss-os .home-room-strip-cell.room-tile {
  position: relative;
  cursor: pointer;
  overflow: visible;
  transition:
    transform 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
  will-change: transform;
}

@media (min-width: 1024px) {
  html.raumriss-os .home-room-strip-cell.room-tile {
    border: 1px solid rgba(54, 45, 32, 0.16) !important;
    border-radius: 9px !important;
    background: color-mix(in srgb, var(--rr-surface-raised) 78%, var(--rr-surface) 22%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.5),
      0 1px 2px rgba(54, 45, 32, 0.04) !important;
  }
}

html.raumriss-os .home-room-strip-cell.room-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  transition: opacity 160ms ease;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

html.raumriss-os .home-room-strip-cell.room-tile:hover {
  transform: translateY(-1px);
  background: color-mix(in srgb, var(--rr-surface-raised) 88%, #fff 12%) !important;
  border-color: rgba(54, 45, 32, 0.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.58),
    0 10px 24px rgba(54, 45, 32, 0.075) !important;
}

html.raumriss-os .home-room-strip-cell.room-tile:hover::after {
  opacity: 1;
}

html.raumriss-os .home-room-strip-cell.room-tile:active {
  transform: translateY(0);
  box-shadow:
    inset 0 1px 4px rgba(54, 45, 32, 0.08) !important;
}

html.raumriss-os .home-room-strip-cell.room-tile:focus-visible {
  outline: none;
  border-color: rgba(199, 122, 50, 0.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.58),
    0 0 0 3px rgba(199, 122, 50, 0.11),
    0 10px 24px rgba(54, 45, 32, 0.075) !important;
}

html.raumriss-os .home-room-strip-cell.room-tile[data-room-active="true"] {
  border-color: rgba(199, 122, 50, 0.38) !important;
  box-shadow:
    inset 2px 0 0 var(--rr-orange),
    inset 0 1px 0 rgba(255, 255, 255, 0.58),
    0 10px 24px rgba(54, 45, 32, 0.07) !important;
}

html.raumriss-os .home-room-strip-cell.room-tile[data-room-active="true"]:hover {
  border-color: rgba(199, 122, 50, 0.52) !important;
  box-shadow:
    inset 2px 0 0 var(--rr-orange),
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    0 13px 30px rgba(54, 45, 32, 0.085) !important;
}

html.raumriss-os .room-tile:hover .room-tile__meta,
html.raumriss-os .room-tile:hover .room-tile__status,
html.raumriss-os .room-tile:hover .home-room-chamber__thread {
  color: var(--rr-text-soft) !important;
}

@media (max-width: 1023px) {
  html.raumriss-os .home-room-strip-cell.room-tile {
    border-radius: 9px !important;
  }

  html.raumriss-os .home-room-strip-cell.room-tile:hover,
  html.raumriss-os .home-room-strip-cell.room-tile:focus-visible {
    transform: none;
    background: color-mix(in srgb, var(--rr-surface-raised) 88%, #fff 12%) !important;
    border-color: transparent !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  }

  html.raumriss-os .home-room-strip-cell.room-tile[data-room-active="true"] {
    background: color-mix(in srgb, var(--rr-surface-raised) 82%, var(--rr-surface) 18%) !important;
    box-shadow:
      inset 2px 0 0 var(--rr-orange),
      inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;
  }

  html.raumriss-os .home-room-strip-cell.room-tile:active {
    box-shadow: inset 0 1px 4px rgba(54, 45, 32, 0.08) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.raumriss-os .home-room-strip-cell.room-tile {
    transition:
      background-color 120ms ease,
      border-color 120ms ease,
      box-shadow 120ms ease;
  }

  html.raumriss-os .home-room-strip-cell.room-tile:hover {
    transform: none;
  }
}

/* ═══════════════════════════════════════════════════════════════
 * Material Surface · Fäden calm surfaces (kein #111-Overlay)
 * ═══════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --os-surface-calm: var(--rr-surface-soft);
  --os-surface-material: var(--rr-surface-raised);
}

html.raumriss-os .zone-material-chamber--hero .room-chamber-kicker {
  margin-bottom: 0.35rem;
}

html.raumriss-os .zone-material-chamber--hero {
  margin-top: 0.35rem;
  padding: clamp(1rem, 2vw, 1.35rem) clamp(0.95rem, 1.8vw, 1.25rem) !important;
  background: var(--rr-surface-soft) !important;
  border: 1px solid rgba(20, 19, 15, 0.1) !important;
  border-radius: 9px !important;
  box-shadow: 0 2px 8px rgba(20, 19, 15, 0.05) !important;
}

html.raumriss-os .zone-material-chamber--hero .type-section-title {
  font-size: 0.8125rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--rr-orange) 22%, var(--rr-text-soft)) !important;
}

html.raumriss-os .zone-material-surface--chamber {
  margin-top: 0.15rem;
}

/* Raum-Atmosphäre auf Material-Kammer — Struktur einheitlich, Stimmung differenziert */
html.raumriss-os .zone-material-surface[data-room-slug="happy_flower"] .zone-material-surface__tile[data-material-new="true"] {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--rr-orange, #c47a3a) 18%, transparent);
}

html.raumriss-os .zone-material-surface[data-room-slug="alivemaex"] .zone-material-surface__tile[data-material-new="true"] {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--rr-green, #4a6b52) 22%, transparent);
}

html.raumriss-os .zone-material-surface[data-material-character="structured"] .zone-material-surface__presence {
  letter-spacing: 0.02em;
}

html.raumriss-os .zone-material-surface[data-material-character="exploratory"] .zone-material-surface__cluster-meta {
  font-style: italic;
  opacity: 0.88;
}

html.raumriss-os .zone-material-surface[data-material-character="pressure"] .zone-material-surface__tile-movement {
  color: color-mix(in srgb, var(--rr-orange, #c47a3a) 28%, var(--rr-text-muted));
}

html.raumriss-os .zone-material-surface--hero {
  margin-top: 0.1rem;
}

html.raumriss-os .zone-material-surface__presence {
  margin: 0 0 0.55rem;
  font-size: 0.6875rem;
  line-height: 1.35;
  color: color-mix(in srgb, var(--rr-text-muted) 88%, var(--rr-text-soft));
  letter-spacing: 0.02em;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html.raumriss-os .zone-material-surface[data-material-new-count] .zone-material-surface__presence {
  color: color-mix(in srgb, var(--rr-green, #4a6b52) 35%, var(--rr-text-muted));
}

html.raumriss-os .zone-material-surface__rest {
  padding: 0.4rem 0 0.55rem;
}

html.raumriss-os .zone-material-surface__empty {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--rr-text-soft);
}

html.raumriss-os .zone-material-surface__ingestion-hint {
  margin: 0.45rem 0 0;
  font-size: 0.6875rem;
  color: var(--rr-text-muted);
  font-style: italic;
}

html.raumriss-os .zone-material-surface__table,
html.raumriss-os .zone-material-surface__continuity-table {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}

/* Semantische Kampagnenfelder — Bedeutung oben, Materialwand unten */
html.raumriss-os .zone-material-surface__bundle {
  border-radius: 12px;
  padding: 0.65rem 0.7rem 0.75rem;
  background: color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 55%, transparent);
  box-shadow: 0 1px 0 color-mix(in srgb, #fff 40%, transparent);
}

html.raumriss-os .zone-material-surface__bundle[data-bundle-tier="primary_tension"] {
  background: color-mix(in srgb, var(--rr-paper) 88%, var(--rr-surface-raised));
  box-shadow:
    0 1px 0 color-mix(in srgb, #fff 50%, transparent),
    0 8px 22px color-mix(in srgb, var(--rr-shadow, #1a1510) 5%, transparent);
}

html.raumriss-os .zone-material-surface__bundle[data-bundle-tier="dormant"],
html.raumriss-os .zone-material-surface__bundle[data-bundle-tier="fragment"] {
  opacity: 0.82;
}

html.raumriss-os .zone-material-surface__bundle-head {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 0 0.35rem;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

html.raumriss-os .zone-material-surface__bundle-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.25rem 0.75rem;
}

html.raumriss-os .zone-material-surface__bundle-label {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 550;
  letter-spacing: -0.02em;
  color: var(--rr-text);
  line-height: 1.25;
}

html.raumriss-os .zone-material-surface__bundle-badge {
  flex-shrink: 0;
  padding: 0.06rem 0.38rem;
  font-size: 0.5rem;
  font-weight: 560;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
  border-radius: 3px;
  color: color-mix(in srgb, var(--rr-green, #4a6b52) 72%, var(--rr-text));
  background: color-mix(in srgb, var(--rr-green, #e8efe9) 42%, transparent);
}

html.raumriss-os .zone-material-surface__bundle-kind {
  font-size: 0.5625rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rr-text-soft);
  opacity: 0.72;
}

html.raumriss-os .zone-material-surface__bundle-movement,
html.raumriss-os .zone-material-surface__bundle-field-summary {
  margin: 0.12rem 0 0;
  font-size: 0.625rem;
  line-height: 1.3;
  letter-spacing: 0.02em;
  color: var(--rr-text-soft);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.raumriss-os .zone-material-surface__bundle-carrying {
  margin: 0.15rem 0 0;
  font-size: 0.6875rem;
  line-height: 1.4;
  color: color-mix(in srgb, var(--rr-green, #4a6b52) 42%, var(--rr-text-muted));
}

html.raumriss-os .zone-material-surface__bundle-carrying--loose {
  color: color-mix(in srgb, var(--rr-orange, #c47a3a) 32%, var(--rr-text-soft));
  font-style: italic;
}

html.raumriss-os .zone-material-surface__bundle-tags {
  margin: 0.2rem 0 0;
  font-size: 0.625rem;
  letter-spacing: 0.04em;
  color: var(--rr-text-soft);
}

/* Kampagnenfeld — editorial, nicht Ads-Manager */
html.raumriss-os .zone-material-surface__campaign-field--ads {
  padding-bottom: 0.15rem;
}

html.raumriss-os .zone-material-surface__campaign-field--ads .zone-material-surface__bundle-label {
  letter-spacing: -0.02em;
}

html.raumriss-os .zone-material-surface__bundle-mood-whisper {
  margin: 0.14rem 0 0;
  font-size: 0.625rem;
  line-height: 1.35;
  font-style: italic;
  letter-spacing: 0.01em;
  color: color-mix(in srgb, var(--rr-text) 68%, var(--rr-text-muted));
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html.raumriss-os .zone-material-surface__campaign-field--ads .zone-material-surface__bundle-field-summary {
  color: var(--rr-text-muted);
}

/* Materialwand — echte Vorschauen, verdichtet */
html.raumriss-os .zone-material-surface__material-wall {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.38rem;
  margin: 0.15rem 0 0.25rem;
  align-items: start;
}

html.raumriss-os .zone-material-surface__material-wall--ads {
  gap: 0.48rem;
}

html.raumriss-os .zone-material-surface--hero[data-room-slug="happy_flower"] .zone-material-surface__material-wall--ads {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.52rem;
  margin-top: 0.25rem;
}

@media (max-width: 720px) {
  html.raumriss-os .zone-material-surface--hero[data-room-slug="happy_flower"] .zone-material-surface__material-wall--ads {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  html.raumriss-os .zone-material-surface__material-wall {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

html.raumriss-os .zone-material-surface__wall-variant-group {
  display: contents;
}

html.raumriss-os .zone-material-surface__material-wall--ads .zone-material-surface__wall-variant-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.28rem;
  grid-column: span 6;
  padding: 0.28rem 0.32rem 0.32rem;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--rr-text-soft) 14%, transparent);
  background: color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 38%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 35%, transparent);
}

@media (max-width: 520px) {
  html.raumriss-os .zone-material-surface__material-wall--ads .zone-material-surface__wall-variant-group {
    grid-column: span 3;
  }
}

html.raumriss-os .zone-material-surface__material-wall--ads .zone-material-surface__wall-variant-group:hover {
  border-color: color-mix(in srgb, var(--rr-orange) 22%, transparent);
  background: color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 52%, transparent);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 40%, transparent),
    0 0 0 1px color-mix(in srgb, var(--rr-orange) 12%, transparent),
    0 6px 18px color-mix(in srgb, var(--rr-shadow, #1a1510) 6%, transparent);
}

html.raumriss-os .zone-material-surface__material-wall--ads .zone-material-surface__wall-variant-group[data-movement-tone]:hover {
  border-color: color-mix(in srgb, var(--rr-orange) 28%, transparent);
}

html.raumriss-os .zone-material-surface__material-wall--ads .zone-material-surface__wall-variant-group .zone-material-surface__wall-cell {
  flex: 1 1 4.6rem;
  max-width: 5.75rem;
  min-width: 4.25rem;
}

html.raumriss-os .zone-material-surface__wall-cell {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(20, 19, 15, 0.1);
  border-radius: 6px;
  overflow: hidden;
  background: var(--rr-surface-raised);
  box-shadow: var(--rr-material-tile-depth);
  aspect-ratio: 1;
  transition:
    border-color 240ms var(--os-ease),
    box-shadow 240ms var(--os-ease);
}

html.raumriss-os .zone-material-surface__wall-cell--variant {
  box-shadow:
    0 1px 0 color-mix(in srgb, #fff 40%, transparent),
    0 3px 10px color-mix(in srgb, var(--rr-shadow, #1a1510) 4%, transparent);
}

html.raumriss-os .zone-material-surface__material-wall--ads .zone-material-surface__wall-variant-group:hover .zone-material-surface__wall-cell {
  transform: translateY(-1px);
}

html.raumriss-os .zone-material-surface__wall-cell[data-movement-tone] {
  box-shadow:
    0 1px 0 color-mix(in srgb, #fff 42%, transparent),
    0 4px 14px color-mix(in srgb, var(--rr-shadow, #1a1510) 5%, transparent),
    inset 3px 0 0 color-mix(in srgb, var(--rr-orange) 18%, transparent);
}

html.raumriss-os .zone-material-surface__wall-cell-hit {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: inherit;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
}

html.raumriss-os .zone-material-surface__wall-cell:hover {
  border-color: rgba(20, 19, 15, 0.16);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 2px 8px rgba(20, 19, 15, 0.06);
}

html.raumriss-os .zone-material-surface__wall-cell-hit:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--rr-orange) 30%, transparent);
}

html.raumriss-os .zone-material-surface__wall-open {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  z-index: 2;
  padding: 0.12rem 0.35rem;
  font-size: 0.5rem;
  line-height: 1.2;
  border-radius: 4px;
  background: color-mix(in srgb, var(--rr-paper) 88%, transparent);
  opacity: 0;
  transition: opacity 0.18s ease;
}

html.raumriss-os .zone-material-surface__wall-cell:hover .zone-material-surface__wall-open,
html.raumriss-os .zone-material-surface__wall-cell:focus-within .zone-material-surface__wall-open {
  opacity: 1;
}

html.raumriss-os .zone-material-surface__wall-cell[data-material-new="true"] {
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--rr-green, #4a6b52) 22%, transparent),
    0 4px 14px color-mix(in srgb, var(--rr-green, #4a6b52) 10%, transparent);
}

html.raumriss-os .zone-material-surface__wall-cell[data-material-status="selected"],
html.raumriss-os .zone-material-surface__wall-cell[data-material-focused="true"] {
  background: var(--rr-surface-raised);
  border-color: var(--border-focus);
  box-shadow: var(--rr-material-tile-depth-active);
}

html.raumriss-os .zone-material-surface__wall-cell .zone-material-surface__preview {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

html.raumriss-os .zone-material-surface__preview--compact {
  width: 100%;
  height: 100%;
}

html.raumriss-os .zone-material-surface__wall-cell-format-meta {
  position: absolute;
  inset: auto 0 1.05rem;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.04rem;
  padding: 0 0.32rem;
  font-size: 0.4375rem;
  line-height: 1.15;
  color: color-mix(in srgb, #fff 88%, transparent);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
}

html.raumriss-os .zone-material-surface__wall-cell--format-set .zone-material-surface__wall-cell-format-meta,
html.raumriss-os .zone-material-surface__wall-cell--format-set:hover .zone-material-surface__wall-cell-format-meta,
html.raumriss-os .zone-material-surface__wall-cell--format-set:focus-within .zone-material-surface__wall-cell-format-meta,
html.raumriss-os .zone-material-surface__wall-cell--format-set.zone-material-surface__wall-cell--revealed .zone-material-surface__wall-cell-format-meta {
  opacity: 0.9;
}

html.raumriss-os .zone-material-surface__format-set-summary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.raumriss-os .zone-material-surface__format-badges {
  letter-spacing: 0.04em;
  opacity: 0.92;
}

html.raumriss-os .zone-material-surface__format-more {
  opacity: 0.72;
  font-style: italic;
}

html.raumriss-os .zone-material-surface__format-missing {
  color: color-mix(in srgb, var(--rr-orange-soft, #e8c4a8) 85%, #fff);
  font-style: italic;
  opacity: 0.78;
}

html.raumriss-os .zone-material-surface__format-set-variants {
  position: absolute;
  inset: auto 0 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  padding: 0.28rem 0.32rem 0.32rem;
  background: color-mix(in srgb, var(--rr-shadow, #1a1510) 88%, transparent);
  border-radius: 0 0 8px 8px;
  max-height: 4.5rem;
  overflow-y: auto;
}

html.raumriss-os .zone-material-surface__format-variant-row {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 0.4375rem;
  line-height: 1.2;
  color: color-mix(in srgb, #fff 90%, transparent);
}

html.raumriss-os .zone-material-surface__format-variant-label {
  flex: 0 0 auto;
  font-weight: 600;
  letter-spacing: 0.06em;
}

html.raumriss-os .zone-material-surface__format-variant-file {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.65;
}

html.raumriss-os .zone-material-surface__wall-cell-badge {
  position: absolute;
  top: 0.22rem;
  left: 0.22rem;
  z-index: 2;
  padding: 0.08rem 0.32rem;
  font-size: 0.4375rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.15;
  border-radius: 3px;
  color: #fff;
  background: color-mix(in srgb, var(--rr-green, #4a6b52) 78%, var(--rr-shadow, #1a1510));
  pointer-events: none;
}

html.raumriss-os .zone-material-surface__wall-cell {
  min-height: 4.6rem;
}

html.raumriss-os .zone-material-surface__wall-cell--format-set {
  min-height: 4.85rem;
}

html.raumriss-os .zone-material-surface__format-set-primary-open {
  position: absolute;
  inset: 0 0 2.05rem 0;
  z-index: 1;
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: inherit;
  text-decoration: none;
  color: inherit;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
}

html.raumriss-os .zone-material-surface__format-set-primary-open:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--rr-orange) 35%, transparent);
}

html.raumriss-os .zone-material-surface__format-set-primary-open .zone-material-surface__preview {
  pointer-events: none;
}

html.raumriss-os .zone-material-surface__format-set-primary-open:hover,
html.raumriss-os .zone-material-surface__format-set-primary-open:focus-visible {
  transform: none;
}

html.raumriss-os .zone-material-surface__wall-cell--format-set:hover .zone-material-surface__format-set-primary-open ~ .zone-material-surface__wall-open,
html.raumriss-os .zone-material-surface__format-set-primary-open:hover .zone-material-surface__wall-open,
html.raumriss-os .zone-material-surface__format-set-primary-open:focus-visible .zone-material-surface__wall-open {
  opacity: 1;
}

html.raumriss-os .zone-material-surface__format-primary-chip {
  position: absolute;
  top: 0.24rem;
  left: 0.24rem;
  z-index: 2;
  padding: 0.1rem 0.34rem;
  font-size: 0.4375rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.15;
  border-radius: 3px;
  color: #fff;
  background: color-mix(in srgb, var(--rr-shadow, #1a1510) 72%, transparent);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
}

html.raumriss-os .zone-material-surface__format-set-primary-open:hover .zone-material-surface__format-primary-chip,
html.raumriss-os .zone-material-surface__format-set-primary-open:focus-visible .zone-material-surface__format-primary-chip,
html.raumriss-os .zone-material-surface__wall-cell--format-set.zone-material-surface__wall-cell--revealed .zone-material-surface__format-primary-chip {
  opacity: 0.94;
}

html.raumriss-os .zone-material-surface__format-set-meta-hit {
  position: absolute;
  inset: auto 0 0 0;
  z-index: 2;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(
    to top,
    color-mix(in srgb, var(--rr-shadow, #1a1510) 82%, transparent) 0%,
    color-mix(in srgb, var(--rr-shadow, #1a1510) 48%, transparent) 58%,
    transparent 100%
  );
  cursor: pointer;
  text-align: left;
}

html.raumriss-os .zone-material-surface__format-set-meta-hit:focus-visible {
  outline: none;
  box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--rr-orange) 32%, transparent);
}

html.raumriss-os .zone-material-surface__format-set-meta-hit .zone-material-surface__wall-cell-label,
html.raumriss-os .zone-material-surface__format-set-meta-hit .zone-material-surface__wall-cell-format-meta {
  position: relative;
  inset: auto;
  opacity: 1;
}

html.raumriss-os .zone-material-surface__format-variant-row--primary {
  background: color-mix(in srgb, var(--rr-orange) 10%, transparent);
}

html.raumriss-os .zone-material-surface__format-variant-row--primary .zone-material-surface__format-variant-label {
  color: color-mix(in srgb, #fff 96%, var(--rr-orange-soft));
}

html.raumriss-os .zone-material-surface__format-variant-row--active {
  background: color-mix(in srgb, var(--rr-orange) 18%, transparent);
}

html.raumriss-os .zone-material-surface__format-variant-row--primary.zone-material-surface__format-variant-row--active {
  background: color-mix(in srgb, var(--rr-orange) 22%, transparent);
}

html.raumriss-os .zone-material-surface__format-set-primary-open--tile {
  position: relative;
  inset: auto;
  grid-row: 1 / span 2;
  grid-column: 1;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 7px;
  overflow: hidden;
  flex-shrink: 0;
}

html.raumriss-os .zone-material-surface__tile--format-set .zone-material-surface__tile-surface {
  display: grid;
  grid-template-columns: 3.75rem 1fr;
  grid-template-rows: auto auto;
  gap: 0.45rem 0.5rem;
}

html.raumriss-os .zone-material-surface__format-set-primary-action {
  position: absolute;
  bottom: 0.18rem;
  right: 0.18rem;
  z-index: 2;
  padding: 0.1rem 0.32rem;
  font-size: 0.4375rem;
  line-height: 1.15;
  border-radius: 3px;
  color: var(--rr-text-muted);
  background: color-mix(in srgb, var(--rr-paper) 92%, transparent);
  opacity: 0;
  transition: opacity 0.18s ease;
}

html.raumriss-os .zone-material-surface__format-set-primary-open--tile:hover .zone-material-surface__format-set-primary-action,
html.raumriss-os .zone-material-surface__format-set-primary-open--tile:focus-visible .zone-material-surface__format-set-primary-action {
  opacity: 1;
}

html.raumriss-os .zone-material-surface__wall-cell--format-expanded {
  aspect-ratio: auto;
  min-height: 6.25rem;
  grid-column: span 2;
  display: flex;
  flex-direction: column;
}

html.raumriss-os .zone-material-surface__wall-cell--format-expanded .zone-material-surface__format-set-primary-open {
  position: relative;
  inset: auto;
  flex: 1 1 auto;
  min-height: 4.25rem;
  bottom: auto;
}

html.raumriss-os .zone-material-surface__wall-cell--format-expanded .zone-material-surface__format-set-meta-hit {
  position: relative;
  inset: auto;
  flex: 0 0 auto;
}

html.raumriss-os .zone-material-surface__wall-cell--format-expanded .zone-material-surface__format-set-variants {
  position: relative;
  inset: auto;
  flex: 0 0 auto;
  max-height: none;
  border-radius: 0 0 8px 8px;
}

html.raumriss-os .zone-material-surface__wall-cell-label {
  position: absolute;
  inset: auto 0 0;
  z-index: 1;
  padding: 0.38rem 0.32rem 0.22rem;
  font-size: 0.5rem;
  line-height: 1.15;
  letter-spacing: 0.02em;
  color: #fff;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  background: linear-gradient(
    to top,
    color-mix(in srgb, var(--rr-shadow, #1a1510) 78%, transparent) 0%,
    color-mix(in srgb, var(--rr-shadow, #1a1510) 38%, transparent) 55%,
    transparent 100%
  );
  opacity: 0.82;
  transition: opacity 0.18s ease;
  pointer-events: none;
}

html.raumriss-os .zone-material-surface__wall-cell-whisper {
  position: absolute;
  inset: auto 0 1.35rem;
  z-index: 1;
  padding: 0 0.32rem;
  font-size: 0.5rem;
  line-height: 1.25;
  font-style: italic;
  letter-spacing: 0.01em;
  color: color-mix(in srgb, #fff 92%, var(--rr-orange-soft));
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0;
  transform: translateY(2px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  pointer-events: none;
}

html.raumriss-os .zone-material-surface__wall-cell--has-copy .zone-material-surface__wall-cell-label {
  padding-bottom: 0.26rem;
}

html.raumriss-os .zone-material-surface__wall-cell:hover .zone-material-surface__wall-cell-label,
html.raumriss-os .zone-material-surface__wall-cell:focus-within .zone-material-surface__wall-cell-label,
html.raumriss-os .zone-material-surface__wall-cell--revealed .zone-material-surface__wall-cell-label {
  opacity: 1;
}

html.raumriss-os .zone-material-surface__wall-cell:hover .zone-material-surface__wall-cell-whisper,
html.raumriss-os .zone-material-surface__wall-cell:focus-within .zone-material-surface__wall-cell-whisper,
html.raumriss-os .zone-material-surface__wall-cell--revealed .zone-material-surface__wall-cell-whisper {
  opacity: 0.92;
  transform: translateY(0);
}

html.raumriss-os .zone-material-surface__tile-copy-whisper {
  margin: 0.06rem 0 0;
  font-size: 0.5625rem;
  line-height: 1.3;
  color: color-mix(in srgb, var(--rr-text) 72%, var(--rr-text-muted));
  font-style: italic;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  opacity: 0.55;
  transition: opacity 0.18s ease;
}

html.raumriss-os .zone-material-surface__tile:hover .zone-material-surface__tile-copy-whisper,
html.raumriss-os .zone-material-surface__tile:focus-within .zone-material-surface__tile-copy-whisper,
html.raumriss-os .zone-material-surface__tile[data-material-focused="true"] .zone-material-surface__tile-copy-whisper {
  opacity: 1;
}

html.raumriss-os .zone-material-surface__wall-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.08rem;
  margin: 0;
  padding: 0.25rem;
  border: 1px dashed color-mix(in srgb, var(--rr-text-soft) 28%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 55%, transparent);
  cursor: pointer;
  aspect-ratio: 1;
  transition: background 0.2s ease, border-color 0.2s ease;
}

html.raumriss-os .zone-material-surface__wall-more:hover {
  background: color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 85%, var(--rr-surface-raised));
  border-color: color-mix(in srgb, var(--rr-orange) 35%, transparent);
}

html.raumriss-os .zone-material-surface__wall-more-count {
  font-size: 0.8125rem;
  font-weight: 560;
  letter-spacing: -0.02em;
  color: var(--rr-text);
}

html.raumriss-os .zone-material-surface__wall-more-whisper {
  font-size: 0.5625rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--rr-text-soft);
}

html.raumriss-os .zone-material-surface__bundle-unfold,
html.raumriss-os .zone-material-surface__bundle-fold {
  margin-top: 0.25rem;
}

html.raumriss-os .zone-material-surface__cluster-whisper {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.25rem 0.75rem;
  margin: 0 0 0.45rem;
  padding: 0 0.15rem;
}

html.raumriss-os .zone-material-surface__cluster-label {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--rr-text);
}

html.raumriss-os .zone-material-surface__cluster-meta {
  font-size: 0.625rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--rr-text-soft);
}

html.raumriss-os .zone-material-surface__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
  gap: 0.48rem 0.55rem;
  align-items: start;
}

html.raumriss-os .zone-material-surface__tile {
  border-radius: 8px;
  background: var(--rr-surface-raised);
  border: 1px solid rgba(20, 19, 15, 0.1);
  box-shadow: var(--rr-material-tile-depth);
  cursor: pointer;
  transition:
    border-color 240ms var(--os-ease),
    box-shadow 240ms var(--os-ease),
    background-color 240ms var(--os-ease);
  outline: none;
}

html.raumriss-os .zone-material-surface__tile:hover {
  background: color-mix(in srgb, var(--rr-surface-raised) 92%, var(--rr-inset));
}

html.raumriss-os .zone-material-surface__tile:focus-visible {
  border-color: rgba(217, 120, 34, 0.42);
  box-shadow:
    inset 0 0 0 1px rgba(217, 120, 34, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

html.raumriss-os .zone-material-surface__tile[data-material-new="true"] {
  background: color-mix(in srgb, var(--rr-green) 8%, var(--rr-surface-raised));
  border-color: color-mix(in srgb, var(--rr-green) 22%, rgba(20, 19, 15, 0.1));
}

html.raumriss-os .zone-material-surface__tile[data-material-status="selected"],
html.raumriss-os .zone-material-surface__tile[data-material-focused="true"] {
  background: var(--rr-surface-raised);
  border-color: var(--border-focus);
  box-shadow: var(--rr-material-tile-depth-active);
}

html.raumriss-os .zone-material-surface__tile[data-material-loose="true"]:not([data-material-focused="true"]) {
  opacity: 0.92;
}

html.raumriss-os .zone-material-surface__tile-surface {
  position: relative;
  display: grid;
  grid-template-columns: 3.75rem 1fr;
  gap: 0.45rem 0.5rem;
  padding: 0.5rem 0.55rem 0.45rem;
  align-items: start;
}

html.raumriss-os .zone-material-surface__tile-badge {
  position: absolute;
  top: 0.38rem;
  right: 0.42rem;
  padding: 0.06rem 0.34rem;
  font-size: 0.4375rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.15;
  border-radius: 3px;
  color: color-mix(in srgb, var(--rr-green, #4a6b52) 75%, var(--rr-text));
  background: color-mix(in srgb, var(--rr-green, #e8efe9) 48%, transparent);
}

html.raumriss-os .zone-material-surface__tile:not([data-material-focused="true"]) .zone-material-surface__preview {
  width: 3.5rem;
  height: 3.5rem;
}

html.raumriss-os .zone-material-surface__preview {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--os-surface-inset) 88%, #0a0908);
  box-shadow:
    inset 0 0 0 1px rgba(255, 248, 240, 0.05),
    inset 0 3px 10px rgba(0, 0, 0, 0.42);
  border: 1px solid rgba(255, 248, 240, 0.04);
}

html.raumriss-os .zone-material-surface__preview--thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

html.raumriss-os .zone-material-surface__preview[data-material-type="image"] {
  background: radial-gradient(
    ellipse 80% 70% at 50% 100%,
    color-mix(in srgb, var(--os-surface-inset) 100%, transparent),
    color-mix(in srgb, var(--os-surface-inset) 88%, #0a0908)
  );
}

html.raumriss-os .zone-material-surface__preview[data-material-type="video"] {
  background: linear-gradient(
    155deg,
    color-mix(in srgb, var(--os-surface-inset) 100%, #0a0908),
    color-mix(in srgb, var(--os-surface-graphite) 88%, transparent)
  );
}

html.raumriss-os .zone-material-surface__preview[data-material-type="pdf"],
html.raumriss-os .zone-material-surface__preview[data-material-type="document"],
html.raumriss-os .zone-material-surface__preview[data-material-type="presentation"] {
  background: linear-gradient(
    160deg,
    color-mix(in srgb, var(--os-surface-graphite) 92%, transparent),
    color-mix(in srgb, var(--os-surface-inset) 100%, transparent)
  );
}

html.raumriss-os .zone-material-surface__preview-glyph {
  font-size: 0.875rem;
  font-weight: 520;
  letter-spacing: 0.04em;
  color: color-mix(in srgb, var(--rr-text-muted) 70%, var(--rr-text-soft));
}

html.raumriss-os .zone-material-surface__tile-body {
  min-width: 0;
}

html.raumriss-os .zone-material-surface__tile-title {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 520;
  line-height: 1.28;
  color: var(--rr-text);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

html.raumriss-os .zone-material-surface__tile--format-set .zone-material-surface__tile-surface {
  min-height: 4.5rem;
}

html.raumriss-os .zone-material-surface__tile-format-line {
  margin: 0.04rem 0 0;
  font-size: 0.5rem;
  line-height: 1.25;
  color: var(--rr-text-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem 0.35rem;
  opacity: 0.72;
}

html.raumriss-os .zone-material-surface__format-badges--tile {
  letter-spacing: 0.05em;
}

html.raumriss-os .zone-material-surface__tile-format-missing {
  margin: 0.04rem 0 0;
  font-size: 0.5rem;
  line-height: 1.2;
  color: color-mix(in srgb, var(--rr-orange) 55%, var(--rr-text-muted));
  font-style: italic;
  opacity: 0.65;
}

html.raumriss-os .zone-material-surface__format-set-variants--tile {
  position: static;
  background: transparent;
  padding: 0 0 0.35rem;
  max-height: none;
}

html.raumriss-os .zone-material-surface__format-set-variants--tile .zone-material-surface__format-variant-row {
  color: var(--rr-text-muted);
  font-size: 0.5rem;
}

html.raumriss-os .zone-material-surface__tile-meta {
  margin: 0.1rem 0 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 0.28rem;
  min-width: 0;
  font-size: 0.5625rem;
  line-height: 1.25;
  letter-spacing: 0.03em;
  color: var(--rr-text-soft);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.raumriss-os .zone-material-surface__tile-meta .zone-material-surface__tile-when::before {
  content: "·";
  margin-right: 0.28rem;
  opacity: 0.55;
}

html.raumriss-os .zone-material-surface__tile-movement {
  margin: 0;
  flex-shrink: 0;
}

html.raumriss-os .zone-material-surface__tile[data-material-new="true"] .zone-material-surface__tile-movement {
  color: color-mix(in srgb, var(--rr-green, #4a6b52) 55%, var(--rr-text-muted));
}

html.raumriss-os .zone-material-surface__tile-cluster {
  margin: 0.1rem 0 0;
  font-size: 0.6rem;
  color: var(--rr-text-muted);
}

html.raumriss-os .zone-material-surface__tile-faden {
  margin: 0.08rem 0 0;
  font-size: 0.6rem;
  color: var(--rr-text-muted);
}

html.raumriss-os .zone-material-surface__tile-faden--loose {
  font-style: italic;
  opacity: 0.85;
}

html.raumriss-os .zone-material-surface__tile-when {
  margin: 0;
  font-size: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 0.78;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.raumriss-os .zone-material-surface__tile-detail {
  padding: 0 0.6rem 0.55rem;
  animation: zone-material-detail-in 0.22s ease;
}

@keyframes zone-material-detail-in {
  from {
    opacity: 0;
    transform: translateY(-3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

html.raumriss-os .zone-material-surface__tile-path {
  margin: 0 0 0.4rem;
  font-size: 0.6rem;
  line-height: 1.4;
  color: var(--rr-text-soft);
  opacity: 0.9;
}

html.raumriss-os .zone-material-surface__tile-actions,
html.raumriss-os .zone-material-surface__tile-attach {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0.45rem;
  align-items: center;
}

html.raumriss-os .zone-material-surface__tile-attach {
  margin-top: 0.35rem;
}

html.raumriss-os .zone-material-surface__attach-hint {
  font-size: 0.625rem;
  color: var(--rr-text-soft);
}

html.raumriss-os .zone-material-surface__archived-note {
  margin: 0.65rem 0 0;
  font-size: 0.625rem;
  color: var(--rr-text-soft);
}

html.raumriss-os .zone-material-surface__below-wall {
  margin-top: 0.65rem;
  padding-top: 0.35rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

html.raumriss-os .zone-material-surface--hero .zone-material-surface__below-wall {
  margin-top: 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid color-mix(in srgb, var(--rr-line-soft) 70%, transparent);
}

html.raumriss-os .zone-material-surface__prep-fold,
html.raumriss-os .zone-material-surface__review-fold {
  margin-top: 0;
}

html.raumriss-os .zone-material-surface__prep-fold > summary,
html.raumriss-os .zone-material-surface__review-fold > summary {
  cursor: pointer;
  font-size: 0.6875rem;
  letter-spacing: 0.05em;
  color: var(--rr-text-muted);
  list-style: none;
  padding: 0.2rem 0;
}

html.raumriss-os .zone-material-surface__prep-fold > summary::-webkit-details-marker,
html.raumriss-os .zone-material-surface__review-fold > summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .zone-material-surface__prep-body,
html.raumriss-os .zone-material-surface__review-body {
  margin-top: 0.45rem;
  padding: 0.55rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

html.raumriss-os .zone-material-surface__review-body > * + * {
  margin-top: 0.35rem;
}

html.raumriss-os .zone-material-surface__structure-fold {
  margin-top: 0.75rem;
}

html.raumriss-os .zone-material-surface__structure-fold > summary {
  cursor: pointer;
  font-size: 0.6875rem;
  letter-spacing: 0.06em;
  color: var(--rr-text-soft);
  list-style: none;
}

html.raumriss-os .zone-material-surface__structure-fold > summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .zone-material-surface__structure-body {
  margin-top: 0.5rem;
}

html.raumriss-os .zone-material-surface__drive-sync {
  margin-top: 0.65rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--rr-line-soft);
  opacity: 0.72;
}

html.raumriss-os .zone-material-surface__drive-sync-btn {
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
}

html.raumriss-os .zone-material-surface__drive-sync-note {
  margin: 0.35rem 0 0;
  color: var(--rr-text-soft);
}

/* Kontinuität unter Fäden — leicht, kein dunkles Overlay */
html.raumriss-os .room-threads-panel__continuity-under {
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--rr-line-soft);
}

html.raumriss-os .continuity-surface--underneath {
  margin-bottom: 0;
  padding: 0.55rem 0.65rem;
  background: color-mix(in srgb, var(--rr-bg, #f3efe6) 45%, var(--rr-paper-aged)) !important;
  border: 1px solid color-mix(in srgb, var(--rr-line-soft) 85%, transparent) !important;
  box-shadow: none !important;
}

html.raumriss-os .continuity-surface--underneath .continuity-surface__kicker {
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--rr-text-soft);
}

html.raumriss-os .continuity-surface--underneath .continuity-surface__scores,
html.raumriss-os .continuity-surface--underneath .continuity-surface__stats,
html.raumriss-os .continuity-surface--underneath .continuity-surface__aurel,
html.raumriss-os .continuity-surface--underneath .continuity-surface__grouping {
  display: none;
}

html.raumriss-os .continuity-surface--underneath .continuity-surface__review,
html.raumriss-os .continuity-surface--underneath .continuity-surface__refresh,
html.raumriss-os .continuity-surface--underneath .continuity-surface__issues {
  display: none;
}

html.raumriss-os .continuity-surface--underneath .continuity-surface__issue-title,
html.raumriss-os .continuity-surface--underneath .continuity-surface__calm {
  color: var(--rr-text-soft);
}

html.raumriss-os .room-chamber--threads .continuity-surface,
html.raumriss-os .room-threads-panel .continuity-surface {
  background: color-mix(in srgb, var(--rr-paper-aged) 90%, var(--rr-surface-raised)) !important;
  color: var(--rr-text-body);
}

html.raumriss-os .creator-mode-ambient ~ * .continuity-surface,
html.raumriss-os:has(.creator-mode-ambient) .continuity-surface,
html.raumriss-os:has(.creator-mode-ambient) .zone-material-surface__card,
html.raumriss-os:has(.creator-mode-ambient) .zone-material-chamber--hero {
  background: color-mix(in srgb, var(--rr-paper-aged) 94%, var(--rr-surface-raised)) !important;
  color: var(--rr-text-body);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Entwickler-Werkbank · interner Kontrollraum (nur lokal)
 * Ruhig, architektonisch — kein IDE-HUD. Warm off-white, kupferne Akzente.
 * ───────────────────────────────────────────────────────────────────────── */
.developer-workbench {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  max-width: 1100px;
  margin: 0 auto;
  padding: var(--space-10) var(--space-6) var(--space-12);
}

.developer-workbench__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.developer-workbench__title {
  margin: 0;
}

.developer-workbench__lead {
  max-width: 60ch;
  color: var(--text-secondary);
}

.developer-workbench__controls {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-top: var(--space-3);
}

.developer-workbench__refresh {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid var(--border-default);
  background: var(--background-elevated);
  color: var(--text-primary);
  border-radius: var(--radius-full);
  padding: 0.5rem 1.1rem;
  font: inherit;
  font-size: 0.85rem;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    background 160ms ease;
}

.developer-workbench__refresh:hover:not(:disabled) {
  border-color: var(--border-hover);
  box-shadow: var(--shadow-sm);
}

.developer-workbench__refresh:disabled {
  opacity: 0.55;
  cursor: progress;
}

.developer-workbench__captured {
  color: var(--text-tertiary);
}

.developer-workbench__notice {
  border-left: 2px solid var(--warning);
  padding: var(--space-2) var(--space-4);
  color: var(--text-secondary);
  background: var(--background-sunken);
  border-radius: var(--radius-sm);
}

.developer-workbench__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.developer-workbench__panel {
  background: var(--background-elevated);
  border: 1px solid var(--border-soft);
  border-radius: var(--os-radius-module, var(--radius-lg));
  padding: var(--space-6);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.developer-workbench__panel--wide {
  grid-column: 1 / -1;
}

.developer-workbench__panel-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin: 0;
  color: var(--text-label);
}

.developer-workbench__count {
  font-variant-numeric: tabular-nums;
  color: var(--text-tertiary);
  font-size: 0.8rem;
}

.developer-workbench__branch {
  margin: 0;
  font-family: var(--font-mono-data);
  font-size: 1.25rem;
  color: var(--copper-dark);
  word-break: break-word;
}

.developer-workbench__facts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
  margin: 0;
}

.developer-workbench__fact {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.developer-workbench__fact dt {
  color: var(--text-tertiary);
}

.developer-workbench__fact dd {
  margin: 0;
  font-family: var(--font-mono-data);
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}

.developer-workbench__files {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  max-height: 22rem;
  overflow-y: auto;
}

.developer-workbench__file {
  display: flex;
  align-items: baseline;
  gap: var(--space-4);
  padding: 0.4rem 0;
  border-bottom: 1px solid var(--border-soft);
}

.developer-workbench__file:last-child {
  border-bottom: none;
}

.developer-workbench__file-kind {
  flex: 0 0 5.5rem;
  color: var(--text-tertiary);
}

.developer-workbench__file-kind[data-kind="deleted"],
.developer-workbench__file-kind[data-kind="conflicted"] {
  color: var(--error);
}

.developer-workbench__file-kind[data-kind="added"],
.developer-workbench__file-kind[data-kind="untracked"] {
  color: var(--success);
}

.developer-workbench__file-kind[data-kind="renamed"],
.developer-workbench__file-kind[data-kind="copied"] {
  color: var(--info);
}

.developer-workbench__file-path {
  font-family: var(--font-mono-data);
  font-size: 0.85rem;
  color: var(--text-secondary);
  word-break: break-all;
}

.developer-workbench__file[data-staged="true"] .developer-workbench__file-path {
  color: var(--text-primary);
}

.developer-workbench__empty,
.developer-workbench__placeholder,
.developer-workbench__hint {
  margin: 0;
  color: var(--text-tertiary);
}

.developer-workbench__tests {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.developer-workbench__test {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.developer-workbench__test-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.developer-workbench__test-label {
  color: var(--text-primary);
}

.developer-workbench__test-status {
  color: var(--text-tertiary);
}

.developer-workbench__test-status[data-status="bestanden"] {
  color: var(--success);
}

.developer-workbench__test-status[data-status="fehlgeschlagen"] {
  color: var(--error);
}

.developer-workbench__test-status[data-status="läuft"] {
  color: var(--copper-dark);
}

.developer-workbench__test-cmd {
  font-family: var(--font-mono-data);
  font-size: 0.8rem;
  color: var(--text-secondary);
  background: var(--background-sunken);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  align-self: flex-start;
}

.developer-workbench__terminal-frame {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  background: var(--background-sunken);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-sm);
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-mono-data);
  font-size: 0.85rem;
  color: var(--text-tertiary);
}

.developer-workbench__terminal-caret {
  width: 0.5rem;
  height: 1rem;
  background: var(--copper-light);
  opacity: 0.4;
  border-radius: 1px;
}

.developer-workbench__terminal-input {
  width: 100%;
  font: inherit;
  font-family: var(--font-mono-data);
  font-size: 0.85rem;
  padding: 0.5rem 0.75rem;
  border: 1px dashed var(--border-default);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-tertiary);
}

.developer-workbench__terminal-input:disabled {
  cursor: not-allowed;
}

@media (max-width: 720px) {
  .developer-workbench__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .developer-workbench {
    padding: var(--space-8) var(--space-4) var(--space-10);
  }
}

/* ════════════════════════════════════════════════════════════════════════
 * Visual Stabilization Pass · ruhige Eingangs-Panels
 * (Zeitanker · Notizen Eingang · Werkstatt)
 *
 * Scoped, additiv, KEIN globaler Pass: korrigiert ausschließlich Atemraum,
 * Hierarchie und ruhige Labels der neuen Home-Schichten. Keine Logik, kein
 * neuer Primitiv, keine Änderung an html/body oder anderen Räumen.
 * Liegt am Dateiende → gewinnt die Kaskade gegenüber den früheren Panel-Regeln.
 * ════════════════════════════════════════════════════════════════════════ */

/* Atemraum — Inhalt nicht an die Panel-Kante drücken. */
html.raumriss-os .home-capture-layer--time-anchors .time-anchors-panel,
html.raumriss-os .home-capture-layer--note-intake .note-intake-panel {
  padding: clamp(1.05rem, 1.9vw, 1.35rem) clamp(1rem, 1.8vw, 1.25rem) !important;
}

/* Keine Leucht-/Schatten-Effekte über Text in diesen ruhigen Schichten. */
html.raumriss-os .home-capture-layer--time-anchors .time-anchors-panel *,
html.raumriss-os .home-capture-layer--note-intake .note-intake-panel *,
html.raumriss-os .home-capture-layer--werkstatt .werkstatt-entry * {
  text-shadow: none !important;
}

/* ── Zeitanker · Heute / Morgen / Diese Woche ──────────────────────────── */
html.raumriss-os .home-capture-layer--time-anchors .time-anchors-subline {
  margin-top: 0.3rem !important;
  color: var(--rr-text-soft) !important;
}

html.raumriss-os .zeitanker-horizons {
  gap: clamp(0.9rem, 1.6vw, 1.15rem) !important;
  margin-top: 0.95rem !important;
}

html.raumriss-os .zeitanker-horizon__label {
  color: var(--rr-text-soft) !important;
  letter-spacing: 0.12em !important;
  opacity: 0.85;
}

html.raumriss-os .zeitanker-horizon .time-anchors-list {
  margin-top: 0.5rem !important;
  gap: 0.42rem !important;
}

html.raumriss-os .zeitanker-horizon__empty {
  margin-top: 0.45rem !important;
  color: var(--rr-text-soft) !important;
  opacity: 0.75;
}

/* ── Notizen Eingang · ruhiger Eingangs-Schlitz, kein SaaS-Formular ─────── */
html.raumriss-os .home-capture-layer--note-intake .ideas-draft {
  min-height: 5.5rem !important;
  padding: 0.8rem 0.9rem !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--rr-inset) 35%, var(--rr-bg)) !important;
  box-shadow: inset 0 1px 2px rgba(20, 18, 16, 0.04) !important;
  line-height: 1.5 !important;
}

html.raumriss-os .home-capture-layer--note-intake .note-intake-recent {
  margin-top: 1.25rem !important;
  padding-top: 0.95rem !important;
  border-top: 1px solid var(--rr-line-soft) !important;
}

html.raumriss-os .note-intake-recent__title {
  color: var(--rr-text-soft) !important;
  letter-spacing: 0.12em !important;
  opacity: 0.85;
}

html.raumriss-os .note-intake-recent__list {
  gap: 0.85rem !important;
  margin-top: 0.7rem !important;
}

/* Vorschlags-/Status-Zeile bleibt leise — kein Badge, kein Akzent. */
html.raumriss-os .note-intake-recent__item .type-meta {
  color: var(--rr-text-soft) !important;
  background: none !important;
  letter-spacing: 0 !important;
}

html.raumriss-os .note-intake-recent__actions {
  gap: 0.5rem !important;
  margin-top: 0.55rem !important;
}

/* ── Werkstatt · dev-only Eingang, visuell sekundär ────────────────────── */
html.raumriss-os .home-capture-layer--werkstatt {
  margin-top: 0.4rem !important;
}

html.raumriss-os .home-capture-layer--werkstatt .werkstatt-entry {
  padding: 0.85rem 1rem !important;
  background: color-mix(in srgb, var(--rr-surface) 55%, transparent) !important;
  box-shadow: none !important;
  border: 1px solid var(--rr-line-soft) !important;
  opacity: 0.8;
  transition:
    opacity 220ms ease,
    border-color 220ms ease,
    background-color 220ms ease !important;
}

html.raumriss-os .home-capture-layer--werkstatt .werkstatt-entry:hover {
  opacity: 1;
  border-color: color-mix(in srgb, var(--rr-text-body) 14%, var(--rr-line-soft)) !important;
  background: color-mix(in srgb, var(--rr-surface) 72%, transparent) !important;
}

html.raumriss-os .home-capture-layer--werkstatt .werkstatt-entry__line,
html.raumriss-os .home-capture-layer--werkstatt .werkstatt-entry__open {
  color: var(--rr-text-soft) !important;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-material-depth-pass.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Cinematic Depth & Material Presence Pass
 * Depth, materiality, atmosphere — no new features, no SaaS chrome.
 * Loaded last via globals.css (after raumriss-os.css).
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --rr-cinematic-grain: 0.032;
  --rr-cinematic-vignette: 0.06;
  --rr-depth-fg: 0 8px 28px color-mix(in srgb, var(--rr-shadow, #1a1510) 7%, transparent);
  --rr-depth-mid: 0 4px 16px color-mix(in srgb, var(--rr-shadow, #1a1510) 4%, transparent);
  --rr-depth-bg: inset 0 1px 0 color-mix(in srgb, #fff 38%, transparent);
  --rr-depth-recess:
    inset 0 3px 18px color-mix(in srgb, var(--rr-shadow, #1a1510) 5%, transparent),
    inset 0 1px 0 color-mix(in srgb, #fff 32%, transparent);
  --rr-atmo-glow-warm: color-mix(in srgb, var(--rr-orange-soft) 42%, transparent);
  --rr-atmo-glow-dormant: color-mix(in srgb, var(--rr-surface-muted, #ebe4d6) 35%, transparent);
  --rr-editorial-silence: clamp(2.75rem, 5.5vw, 4.25rem);
  --rr-editorial-tension: clamp(1.05rem, 2.1vw, 1.55rem);
}

/* ── FOCUS 5 · page field — control room ground (concrete depth) ─ */
html.raumriss-os {
  background-color: var(--os-bg-deep) !important;
}

/* ── FOCUS 1 · Spatial depth — foreground / mid / background ─── */
html.raumriss-os .operating-environment,
html.raumriss-os .os-room-page,
html.raumriss-os .spatial-surface__shell {
  position: relative;
  isolation: isolate;
}

html.raumriss-os .home-runtime-shell {
  position: relative;
  z-index: 0;
}

html.raumriss-os .home-main-stage {
  position: relative;
  z-index: 2;
  box-shadow: var(--rr-shadow-soft, 0 12px 32px rgba(45, 38, 28, 0.06)) !important;
}

html.raumriss-os .home-composition .home-room-band,
html.raumriss-os .home-living-focus {
  position: relative;
  z-index: 1;
}

html.raumriss-os .home-capture-shelf,
html.raumriss-os .home-runtime-field__lane--whisper {
  position: relative;
  z-index: 1;
  opacity: 0.94;
  filter: saturate(0.98);
}

html.raumriss-os .room-shell[data-room-depth="foreground"] .room-composition__stage,
html.raumriss-os .room-shell .room-composition__stage {
  position: relative;
  z-index: 1;
}

html.raumriss-os .room-composition .room-periphery-rail {
  position: relative;
  z-index: 0;
  opacity: 0.92;
}

html.raumriss-os .room-nav-rail {
  position: relative;
  z-index: 3;
}

html.raumriss-os .room-runtime-deck .room-chamber {
  position: relative;
  z-index: 1;
  box-shadow: none !important;
}

html.raumriss-os .room-composition .room-atrium-layer > .room-chamber--workbench {
  z-index: 2;
  box-shadow: none !important;
}

html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk {
  box-shadow: none !important;
  opacity: 1;
}

html.raumriss-os .spatial-chamber {
  box-shadow: none !important;
  border-color: color-mix(in srgb, var(--spatial-divider) 72%, transparent) !important;
}

html.raumriss-os .spatial-chamber:nth-child(2n) {
  margin-left: clamp(0.15rem, 0.8vw, 0.45rem);
}

html.raumriss-os .spatial-chamber:nth-child(2n + 1) .spatial-chamber__name {
  letter-spacing: -0.028em;
}

/* ── FOCUS 4 · Atmospheric lighting (semantic, not UI chrome) ─ */
html.raumriss-os[data-atmosphere="dusk"] .home-runtime-shell::before,
html.raumriss-os[data-atmosphere="night"] .home-runtime-shell::before {
  opacity: 0.72 !important;
  filter: saturate(0.92);
}

html.raumriss-os[data-atmosphere="sunrise"] .home-runtime-shell::before {
  opacity: 1 !important;
  background:
    radial-gradient(
      ellipse 72% 58% at 18% 2%,
      color-mix(in srgb, var(--rr-orange-soft) 48%, transparent),
      transparent 62%
    ),
    radial-gradient(
      ellipse 38% 28% at 92% 6%,
      color-mix(in srgb, var(--os-atmo-shaft) 100%, transparent),
      transparent 70%
    ),
    linear-gradient(180deg, var(--os-atmo-warm) 0%, transparent 68%) !important;
}

html.raumriss-os[data-runtime-climate="carrying"] .home-main-stage {
  background:
    radial-gradient(
      ellipse 95% 55% at 8% 0%,
      color-mix(in srgb, var(--rr-orange-soft) 32%, transparent),
      transparent 52%
    ),
    color-mix(in srgb, var(--os-surface) 88%, var(--os-elevated)) !important;
}

html.raumriss-os[data-runtime-climate="cooling"] .home-main-stage,
html.raumriss-os[data-runtime-climate="pressured"] .home-main-stage {
  filter: saturate(0.96);
  box-shadow:
    var(--rr-depth-mid),
    var(--rr-depth-recess) !important;
}

html.raumriss-os .room-shell {
  position: relative;
}

html.raumriss-os .room-shell[data-room-warmth="warm"]::before,
html.raumriss-os .room-shell[data-room-warmth="active"]::before {
  content: "";
  display: block !important;
  position: absolute;
  inset: -1.5rem -0.75rem auto -0.75rem;
  height: clamp(14rem, 32vw, 22rem);
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(
    ellipse 58% 48% at 12% 0%,
    var(--rr-atmo-glow-warm),
    transparent 68%
  );
  opacity: 0.85;
}

html.raumriss-os .room-shell[data-room-warmth="cooling"]::before,
html.raumriss-os .room-shell[data-room-warmth="fading"]::before,
html.raumriss-os .room-shell[data-room-temporal="dormant"]::before {
  content: "";
  display: block !important;
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    180deg,
    var(--rr-atmo-glow-dormant) 0%,
    transparent 42%
  );
  opacity: 0.55;
}

html.raumriss-os .home-room-strip-cell[data-room-warmth="warm"],
html.raumriss-os .home-room-strip-cell[data-room-warmth="active"] {
  background: linear-gradient(
    165deg,
    color-mix(in srgb, var(--rr-paper-aged) 38%, transparent) 0%,
    transparent 58%
  ) !important;
}

html.raumriss-os .home-room-chamber[data-room-warmth="warm"] .home-room-chamber__name,
html.raumriss-os .home-room-chamber[data-room-warmth="active"] .home-room-chamber__name {
  color: color-mix(in srgb, var(--rr-text) 92%, var(--rr-orange) 8%) !important;
}

/* ── FOCUS 3 · Typography & editorial tension ───────────────── */
html.raumriss-os .rr-page-title,
html.raumriss-os .room-identity-strip__title.rr-page-title {
  font-size: clamp(1.72rem, 3.8vw, 2.65rem) !important;
  font-weight: 480 !important;
  letter-spacing: -0.034em !important;
  line-height: 1.08 !important;
  margin-bottom: var(--rr-editorial-tension) !important;
}

html.raumriss-os .rr-section-title {
  font-size: clamp(0.72rem, 1.1vw, 0.8125rem) !important;
  letter-spacing: 0.14em !important;
  margin-bottom: 0.55rem !important;
}

html.raumriss-os .spatial-surface__title {
  font-size: clamp(1.85rem, 4vw, 2.75rem) !important;
  letter-spacing: -0.038em !important;
  margin-top: var(--rr-editorial-tension) !important;
}

html.raumriss-os .spatial-surface__header {
  margin-bottom: var(--rr-editorial-silence) !important;
}

html.raumriss-os .operational-atmosphere__primary {
  font-size: clamp(0.875rem, 1.35vw, 1.0625rem);
  font-weight: 500;
  letter-spacing: -0.018em;
  line-height: 1.45;
}

html.raumriss-os .operational-atmosphere[data-operational-weather="resonance"] .operational-atmosphere__primary,
html.raumriss-os .operational-atmosphere[data-operational-weather="emergence"] .operational-atmosphere__primary {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  letter-spacing: -0.022em;
}

html.raumriss-os .zone-material-surface__bundle-label {
  letter-spacing: -0.02em;
}

html.raumriss-os .zone-material-surface--hero .zone-material-surface__bundle:first-child .zone-material-surface__bundle-label {
  font-size: clamp(0.9rem, 1.25vw, 1rem);
  font-weight: 540;
}

html.raumriss-os .current-field__presence {
  font-size: clamp(0.9375rem, 1.4vw, 1.0625rem) !important;
  letter-spacing: -0.015em !important;
  line-height: 1.42 !important;
}

html.raumriss-os .current-field__atmosphere {
  font-style: italic;
  letter-spacing: 0.018em;
}

html.raumriss-os .current-field__presence-resonance,
html.raumriss-os .home-runtime-field__resonance {
  margin-top: 0.35rem;
  font-style: italic;
  color: color-mix(in srgb, var(--text-faint) 90%, var(--rr-orange, #c45a2a) 10%);
}

html.raumriss-os .current-field[data-field-resonance="echo"] .current-field__atmosphere,
html.raumriss-os .home-runtime-field[data-field-resonance="echo"] .current-field__atmosphere {
  opacity: 0.92;
}

html.raumriss-os [data-room-slug][data-room-resonance="near"] {
  --room-temporal-warmth: calc(var(--room-temporal-warmth, 0.35) + 0.03);
}

html.raumriss-os [data-room-slug][data-room-resonance="echo"] {
  --room-temporal-warmth: calc(var(--room-temporal-warmth, 0.35) + 0.05);
}

html.raumriss-os .room-shell[data-room-resonance="near"],
html.raumriss-os .room-shell[data-room-resonance="echo"] {
  transition: opacity 0.8s ease;
}

html.raumriss-os html[data-runtime-resonance="carried"] .current-field__atmosphere,
html.raumriss-os html[data-runtime-resonance="near"] .current-field__atmosphere {
  filter: saturate(1.02);
}

html.raumriss-os .continuity-surface__atmosphere-whisper,
html.raumriss-os .semantic-surface__room-health-atmosphere {
  font-size: clamp(0.8125rem, 1.05vw, 0.9rem);
  line-height: 1.55;
}

/* ── FOCUS 2 · Material presence (runtime-wide zones) ──────── */
html.raumriss-os .zone-business-ops--creative-room .zone-material-chamber--hero {
  margin-top: 0.15rem;
  padding: clamp(0.65rem, 1.4vw, 0.95rem) 0 clamp(0.35rem, 0.8vw, 0.55rem) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.raumriss-os .zone-material-surface--hero .zone-material-surface__table {
  gap: clamp(1.25rem, 2.2vw, 1.85rem);
}

html.raumriss-os .zone-material-surface--hero .zone-material-surface__bundle {
  border-radius: 0;
  padding: 0 0 clamp(0.5rem, 0.9vw, 0.7rem);
  background: transparent;
  box-shadow: none;
}

html.raumriss-os .zone-material-surface--hero .zone-material-surface__bundle + .zone-material-surface__bundle {
  border-top: none;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--rr-line-soft) 28%, transparent);
  padding-top: clamp(0.6rem, 1vw, 0.85rem);
}

html.raumriss-os .zone-material-surface--hero .zone-material-surface__bundle[data-bundle-tier="primary_tension"] {
  background: linear-gradient(
    168deg,
    color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 38%, transparent) 0%,
    transparent 60%
  );
}

html.raumriss-os .zone-material-surface--hero .zone-material-surface__bundle:nth-child(2) {
  margin-left: clamp(0.1rem, 0.6vw, 0.35rem);
  opacity: 0.94;
}

html.raumriss-os .zone-material-surface--hero .zone-material-surface__bundle:nth-child(3) {
  margin-left: clamp(0.2rem, 1vw, 0.55rem);
  opacity: 0.82;
  transform: scale(0.992);
  transform-origin: left top;
}

html.raumriss-os .zone-material-surface--hero .zone-material-surface__grid {
  gap: 0.52rem 0.58rem;
}

html.raumriss-os .zone-material-surface--hero .zone-material-surface__tile {
  border-radius: 8px;
  background: color-mix(in srgb, var(--os-surface-graphite) 92%, rgba(10, 9, 8, 0.4));
  box-shadow: var(--rr-material-tile-depth);
}

html.raumriss-os .zone-material-surface--hero .zone-material-surface__tile:nth-child(3n + 2) {
  margin-top: 0.12rem;
}

html.raumriss-os .zone-material-surface--hero .zone-material-surface__tile:nth-child(3n) {
  opacity: 0.94;
}

html.raumriss-os .operational-atmosphere {
  background: linear-gradient(
    175deg,
    color-mix(in srgb, var(--rr-paper-aged) 22%, transparent) 0%,
    transparent 72%
  );
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--rr-line-soft) 20%, transparent);
}

/* ── FOCUS 6 · Operational embodiment ──────────────────────── */
html.raumriss-os .zone-business-ops__trace-fold {
  opacity: 0.78;
  font-style: italic;
  letter-spacing: 0.015em;
}

html.raumriss-os .zone-material-surface--hero::before {
  content: "";
  display: block;
  height: 1px;
  margin: 0 0 0.45rem;
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--rr-line-soft) 55%, transparent) 18%,
    color-mix(in srgb, var(--rr-line-soft) 35%, transparent) 82%,
    transparent 100%
  );
  opacity: 0.65;
}

html.raumriss-os .home-room-chamber__thread {
  font-style: italic;
  letter-spacing: 0.012em;
}

html.raumriss-os .home-runtime-field__trace {
  opacity: 0.9;
}

html.raumriss-os .current-field {
  position: relative;
}

html.raumriss-os .current-field::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 40%;
  pointer-events: none;
  background: linear-gradient(0deg, color-mix(in srgb, var(--rr-paper-aged) 12%, transparent), transparent);
  opacity: 0.5;
}

/* ── FOCUS 7 · Visual silence ────────────────────────────────── */
html.raumriss-os .zone-material-surface--hero .zone-material-surface__bundle-badge,
html.raumriss-os .zone-material-surface--hero .zone-material-surface__tile-badge,
html.raumriss-os .zone-material-surface--hero .zone-material-surface__wall-cell-badge {
  display: none;
}

html.raumriss-os .zone-material-surface--hero .zone-material-surface__tile-meta:not(:has(.zone-material-surface__tile-when)) {
  display: none;
}

html.raumriss-os .room-chamber .type-meta.text-\[var\(--text-faint\)\]:empty,
html.raumriss-os .workspace-section .type-meta:empty {
  display: none;
}

html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk + .room-chamber--beiwerk {
  border-top: none !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--rr-line-soft) 22%, transparent) !important;
}

html.raumriss-os .home-composition .home-room-band,
html.raumriss-os .home-composition .home-capture-shelf {
  border-top: none !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--os-orange) 8%, var(--os-divider)) !important;
}

html.raumriss-os .zone-business-ops--creative-room .zone-business-ops__block + .zone-business-ops__block {
  border-top: none;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--rr-line-soft) 24%, transparent);
}

html.raumriss-os .zone-material-surface__format-badges--tile {
  opacity: 0.68;
  font-size: 0.5625rem;
}

/* ── Current Field · cinematic layer stack ───────────────────── */
html.raumriss-os .current-field {
  padding-bottom: 0.35rem;
}

html.raumriss-os .current-field__layer--material {
  padding-bottom: 0.55rem;
  margin-bottom: 0.25rem;
  box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--rr-line-soft) 35%, transparent);
}

html.raumriss-os .current-field__glyph-visual,
html.raumriss-os .current-field__creative-set-visual {
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 36%, transparent),
    var(--rr-depth-mid) !important;
}

html.raumriss-os .current-field__creative-set:nth-child(2n) .current-field__creative-set-visual {
  margin-left: 0.08rem;
  opacity: 0.96;
}

/* ═══════════════════════════════════════════════════════════════════════════
 * Room-scoped material depth · Happy Flower Design/Ads
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os .zone-material-surface--hero[data-room-slug="happy_flower"] {
  padding: 0 clamp(0.05rem, 0.4vw, 0.15rem);
}

html.raumriss-os .zone-material-surface--hero[data-room-slug="happy_flower"] .zone-material-surface__table {
  gap: clamp(1.35rem, 2.4vw, 2rem);
}

/* Kampagnenfelder · operative Tische statt Karten */
html.raumriss-os .zone-material-surface--hero[data-room-slug="happy_flower"] .zone-material-surface__bundle {
  border-radius: 0;
  padding: 0 0 clamp(0.55rem, 1vw, 0.75rem);
  background: transparent;
  box-shadow: none;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"]
  .zone-material-surface__bundle
  + .zone-material-surface__bundle {
  border-top: none;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--rr-line-soft) 32%, transparent);
  padding-top: clamp(0.65rem, 1.1vw, 0.9rem);
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"]
  .zone-material-surface__bundle[data-bundle-tier="primary_tension"] {
  background: linear-gradient(
    168deg,
    color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 42%, transparent) 0%,
    transparent 62%
  );
  padding-bottom: clamp(0.75rem, 1.3vw, 1rem);
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"]
  .zone-material-surface__bundle[data-bundle-tier="primary_tension"]
  .zone-material-surface__bundle-label {
  font-size: 0.875rem;
  font-weight: 560;
  letter-spacing: -0.025em;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"]
  .zone-material-surface__bundle[data-bundle-tier="dormant"],
html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"]
  .zone-material-surface__bundle[data-bundle-tier="fragment"] {
  opacity: 0.62;
  transform: scale(0.985);
  transform-origin: left top;
  filter: saturate(0.88);
}

html.raumriss-os .zone-material-surface__bundle-presence-whisper {
  flex-shrink: 0;
  font-size: 0.5625rem;
  letter-spacing: 0.04em;
  font-style: italic;
  color: color-mix(in srgb, var(--rr-orange) 28%, var(--rr-text-soft));
  opacity: 0.82;
}

/* Komponierte Materialwand · Hero + Seitenfläche */
html.raumriss-os .zone-material-surface__material-wall--composed {
  display: block;
}

html.raumriss-os .zone-material-surface__wall-composition {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(0, 1fr);
  gap: clamp(0.45rem, 1vw, 0.65rem);
  align-items: start;
}

@media (max-width: 640px) {
  html.raumriss-os .zone-material-surface__wall-composition {
    grid-template-columns: minmax(0, 1fr);
  }
}

html.raumriss-os .zone-material-surface__wall-hero {
  min-width: 0;
}

html.raumriss-os .zone-material-surface__wall-side {
  display: flex;
  flex-wrap: wrap;
  gap: 0.32rem 0.28rem;
  align-content: flex-start;
  min-width: 0;
  padding-top: 0.12rem;
}

html.raumriss-os .zone-material-surface__wall-cell--hero-slot {
  width: 100%;
  min-height: clamp(7.5rem, 18vw, 9.75rem);
  aspect-ratio: 4 / 5;
  max-height: 11.5rem;
  border-radius: 10px;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 48%, transparent),
    0 10px 28px color-mix(in srgb, var(--rr-shadow, #1a1510) 9%, transparent);
}

html.raumriss-os .zone-material-surface__wall-cell--hero-slot.zone-material-surface__wall-cell--format-set {
  min-height: clamp(7.75rem, 19vw, 10rem);
}

html.raumriss-os .zone-material-surface__wall-cell--side-slot {
  flex: 0 1 calc(50% - 0.2rem);
  max-width: calc(50% - 0.14rem);
  min-width: 3.85rem;
  margin-left: 0;
}

html.raumriss-os .zone-material-surface__wall-side .zone-material-surface__wall-cell--side-slot:nth-child(2) {
  margin-left: -0.18rem;
  z-index: 1;
}

html.raumriss-os .zone-material-surface__wall-side .zone-material-surface__wall-cell--side-slot:nth-child(3) {
  margin-left: -0.32rem;
  z-index: 2;
  opacity: 0.94;
}

html.raumriss-os .zone-material-surface__wall-variant-group--hero {
  width: 100%;
}

html.raumriss-os .zone-material-surface__wall-variant-group--side {
  flex: 1 1 100%;
  border: none;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

/* Varianten-Cluster · weiche Stapelung */
html.raumriss-os .zone-material-surface__material-wall--ads .zone-material-surface__wall-variant-group {
  border: none;
  padding: 0;
  background: transparent;
  box-shadow: none;
  gap: 0.22rem;
}

html.raumriss-os .zone-material-surface__material-wall--ads .zone-material-surface__wall-variant-group .zone-material-surface__wall-cell {
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 40%, transparent),
    0 5px 14px color-mix(in srgb, var(--rr-shadow, #1a1510) 5%, transparent);
}

html.raumriss-os .zone-material-surface__material-wall--ads .zone-material-surface__wall-variant-group:hover {
  background: transparent;
  box-shadow: none;
}

html.raumriss-os .zone-material-surface__material-wall--ads .zone-material-surface__wall-variant-group:hover .zone-material-surface__wall-cell {
  transform: translateY(-1px);
}

/* Tiles · weniger Karte, mehr Material */
html.raumriss-os .zone-material-surface--hero[data-room-slug="happy_flower"] .zone-material-surface__grid {
  gap: 0.55rem 0.62rem;
}

html.raumriss-os .zone-material-surface--hero[data-room-slug="happy_flower"] .zone-material-surface__tile {
  border-radius: 8px;
  background: color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 35%, transparent);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 35%, transparent),
    0 4px 14px color-mix(in srgb, var(--rr-shadow, #1a1510) 4%, transparent);
}

html.raumriss-os .zone-material-surface--hero[data-room-slug="happy_flower"] .zone-material-surface__tile[data-material-new="true"] {
  background: color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 48%, transparent);
  box-shadow:
    inset 2px 0 0 color-mix(in srgb, var(--rr-orange) 22%, transparent),
    0 5px 16px color-mix(in srgb, var(--rr-shadow, #1a1510) 5%, transparent);
}

html.raumriss-os .zone-material-surface--hero[data-room-slug="happy_flower"] .zone-material-surface__tile-movement {
  font-style: italic;
  letter-spacing: 0.02em;
  color: color-mix(in srgb, var(--rr-text-soft) 88%, var(--rr-text-muted));
}

html.raumriss-os .zone-material-surface--hero[data-room-slug="happy_flower"] .zone-material-surface__wall-more {
  border: none;
  background: color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 28%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--rr-line-soft) 25%, transparent);
}

/* Raum-Gesundheit · Atmosphäre statt Chips */
html.raumriss-os .semantic-surface--room-health {
  padding: 0.45rem 0 0.55rem;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--rr-line-soft) 28%, transparent);
}

html.raumriss-os .semantic-surface__room-health-atmosphere {
  margin: 0;
  line-height: 1.5;
  font-style: italic;
  letter-spacing: 0.015em;
  color: color-mix(in srgb, var(--rr-text-soft) 92%, var(--rr-text-muted));
}

html.raumriss-os .semantic-surface--room-health .semantic-surface__health-chips {
  display: none;
}

/* Kontinuität · Raum-Atmosphäre */
html.raumriss-os .continuity-surface {
  border: none;
  border-radius: 0;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--rr-paper-aged, #fcf9f2) 35%, transparent),
    transparent 85%
  );
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--rr-line-soft) 22%, transparent);
}

html.raumriss-os .continuity-surface[data-continuity-health="attention"] {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--rr-paper-aged) 48%, transparent),
    transparent 88%
  );
}

html.raumriss-os .continuity-surface[data-continuity-health="strained"] {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--rr-surface-muted, #ebe4d6) 22%, transparent),
    transparent 90%
  );
}

html.raumriss-os .continuity-surface__atmosphere-whisper {
  margin: 0.12rem 0 0;
  font-style: italic;
  letter-spacing: 0.02em;
  color: color-mix(in srgb, var(--rr-text-soft) 90%, var(--rr-text-muted));
}

html.raumriss-os .continuity-surface__atmosphere-whisper--underneath {
  margin: 0.08rem 0 0.2rem;
}

html.raumriss-os .continuity-surface--underneath {
  padding: 0.4rem 0 0.5rem;
  background: transparent !important;
  border: none !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--rr-line-soft) 18%, transparent) !important;
}

html.raumriss-os .continuity-surface--underneath .continuity-surface__kicker {
  font-size: 0.5625rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--rr-text-soft) 75%, transparent);
}

html.raumriss-os .continuity-surface__stats {
  display: none;
}

html.raumriss-os .continuity-surface__scores {
  display: none;
}

/* Kinship warmth · semantische Familie ohne Labels */
html.raumriss-os .zone-material-surface__bundle[data-kinship-warmth="whisper"] {
  background: linear-gradient(
    168deg,
    color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 18%, transparent) 0%,
    transparent 55%
  );
}

html.raumriss-os .zone-material-surface__bundle[data-kinship-warmth="warm"] {
  background: linear-gradient(
    168deg,
    color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 28%, transparent) 0%,
    transparent 58%
  );
}

html.raumriss-os .zone-material-surface__bundle[data-kinship-warmth="root"] {
  background: linear-gradient(
    168deg,
    color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 36%, transparent) 0%,
    transparent 62%
  );
}

html.raumriss-os .zone-material-surface__wall-cell[data-kinship-warmth="whisper"],
html.raumriss-os .zone-material-surface__tile[data-kinship-warmth="whisper"] {
  opacity: 0.9;
  filter: saturate(0.94);
}

html.raumriss-os .zone-material-surface__wall-cell[data-kinship-warmth="warm"],
html.raumriss-os .zone-material-surface__tile[data-kinship-warmth="warm"] {
  opacity: 0.96;
  filter: saturate(1.02);
}

html.raumriss-os .zone-material-surface__wall-cell[data-kinship-warmth="root"],
html.raumriss-os .zone-material-surface__tile[data-kinship-warmth="root"] {
  opacity: 1;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 42%, transparent),
    0 6px 18px color-mix(in srgb, var(--rr-shadow, #1a1510) 6%, transparent);
}

html.raumriss-os .zone-material-surface__wall-cell[data-kinship-proximity="0"] {
  z-index: 2;
}

html.raumriss-os .zone-material-surface__wall-cell[data-kinship-proximity="1"] {
  margin-left: -0.12rem;
  z-index: 1;
}

html.raumriss-os .zone-material-surface__wall-cell[data-kinship-proximity="2"],
html.raumriss-os .zone-material-surface__wall-cell[data-kinship-proximity="3"] {
  margin-left: -0.22rem;
  opacity: 0.92;
}

html.raumriss-os .zone-material-surface__wall-variant-group[data-kinship-warmth] {
  gap: 0.18rem;
}

html.raumriss-os .zone-material-surface__wall-cell[data-relationship-presence="returning"],
html.raumriss-os .zone-material-surface__tile[data-relationship-presence="returning"] {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--rr-orange) 10%, transparent),
    0 5px 16px color-mix(in srgb, var(--rr-shadow, #1a1510) 5%, transparent);
}

html.raumriss-os .zone-material-surface__wall-cell[data-relationship-presence="recurring"],
html.raumriss-os .zone-material-surface__tile[data-relationship-presence="recurring"] {
  filter: saturate(1.04) brightness(1.01);
}

html.raumriss-os .zone-material-surface__wall-cell[data-relationship-presence="dormant-warm"],
html.raumriss-os .zone-material-surface__tile[data-relationship-presence="dormant-warm"] {
  opacity: 0.88;
  filter: saturate(0.96) sepia(0.04);
}

html.raumriss-os .zone-material-surface__wall-cell[data-material-gravity="resurfacing"],
html.raumriss-os .zone-material-surface__tile[data-material-gravity="resurfacing"] {
  background: color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 40%, transparent);
}

html.raumriss-os .zone-material-surface__wall-cell[data-material-gravity="carrying"],
html.raumriss-os .zone-material-surface__tile[data-material-gravity="carrying"] {
  box-shadow: inset 2px 0 0 color-mix(in srgb, var(--rr-line-soft) 55%, transparent);
}

/* Current Field · gleiche Material-Physik wie Zone-Wand */
html.raumriss-os .current-field__glyph[data-kinship-warmth="whisper"] {
  opacity: 0.92;
  filter: saturate(0.94);
}

html.raumriss-os .current-field__glyph[data-kinship-warmth="warm"] {
  opacity: 0.97;
  filter: saturate(1.02);
}

html.raumriss-os .current-field__glyph[data-kinship-warmth="root"] {
  box-shadow: 0 4px 14px color-mix(in srgb, var(--rr-shadow, #1a1510) 5%, transparent);
}

html.raumriss-os .current-field__glyph[data-relationship-presence="returning"] {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--rr-orange) 8%, transparent),
    0 3px 12px color-mix(in srgb, var(--rr-shadow, #1a1510) 4%, transparent);
}

html.raumriss-os .current-field__glyph[data-material-gravity="resurfacing"] .current-field__glyph-visual {
  background: color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 38%, transparent);
}

html.raumriss-os .zone-material-surface__bundle[data-relationship-presence="returning"] {
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--rr-orange) 12%, transparent);
}

html.raumriss-os .zone-material-surface__bundle[data-relationship-presence="recurring"] {
  filter: saturate(1.03);
}

html.raumriss-os .zone-material-surface__bundle[data-relationship-presence="dormant-warm"] {
  opacity: 0.9;
  filter: saturate(0.95) sepia(0.03);
}

/* Runtime character · räumliche Hierarchie (Current Field) */
html.raumriss-os .current-field[data-field-depth="material"] .current-field__layer--material {
  position: relative;
  z-index: 2;
}

html.raumriss-os .current-field__layer--operational {
  opacity: 0.98;
}

html.raumriss-os .current-field__layer--spatial {
  opacity: 0.9;
}

html.raumriss-os .current-field__layer--continuity {
  opacity: 0.82;
  margin-top: 0.15rem;
}

html.raumriss-os .current-field__warm-signal {
  display: none;
}

html.raumriss-os .current-field__creative-set-meta[data-format-gap="true"] .current-field__creative-set-visual {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rr-orange) 14%, transparent);
}

html.raumriss-os .current-field__family-detail[data-family-depth="carried"] {
  opacity: 0.88;
}

html.raumriss-os .current-field__schedule-remaining {
  opacity: 0.55;
  font-size: 0.5625rem;
}

html.raumriss-os .current-field__whisper li[data-thread-state="waiting"] {
  opacity: 0.86;
}

/* Kontinuität · Review nur bei Spannung, ohne Kicker-Wand */
html.raumriss-os .continuity-surface__review .type-label,
html.raumriss-os .continuity-surface__review-kicker {
  display: none;
}

html.raumriss-os .continuity-surface__review-list {
  margin: 0.2rem 0 0;
  padding: 0;
  list-style: none;
  opacity: 0.88;
}

html.raumriss-os .continuity-surface__suggestion-reason {
  display: none;
}

html.raumriss-os .continuity-surface[data-continuity-health="calm"] .continuity-surface__issues,
html.raumriss-os .continuity-surface[data-continuity-health="calm"] .continuity-surface__calm {
  display: none;
}

/* Material · Bewegung leise wenn Atmosphäre trägt */
html.raumriss-os .zone-material-surface__tile[data-relationship-presence] .zone-material-surface__tile-movement,
html.raumriss-os .zone-material-surface__tile[data-material-gravity="resurfacing"] .zone-material-surface__tile-movement,
html.raumriss-os .zone-material-surface__tile[data-material-gravity="carrying"] .zone-material-surface__tile-movement {
  display: none;
}

html.raumriss-os .zone-material-surface__tile[data-material-gravity="fading"],
html.raumriss-os .zone-material-surface__wall-cell[data-material-gravity="fading"] {
  opacity: 0.72;
  filter: saturate(0.82) brightness(0.98);
}

html.raumriss-os .zone-material-surface__tile[data-material-gravity="dormant"],
html.raumriss-os .zone-material-surface__wall-cell[data-material-gravity="dormant"] {
  opacity: 0.68;
  filter: saturate(0.78) brightness(0.96);
}

html.raumriss-os .zone-material-surface__tile[data-material-gravity="resurfacing"],
html.raumriss-os .zone-material-surface__wall-cell[data-material-gravity="resurfacing"] {
  opacity: 1;
  filter: saturate(1.02);
  z-index: 1;
  transform: translateY(-1px);
}

html.raumriss-os .zone-material-surface__tile[data-material-gravity="carrying"],
html.raumriss-os .zone-material-surface__wall-cell[data-material-gravity="carrying"] {
  box-shadow: inset 0 0 0 1px
    color-mix(in srgb, var(--rr-warm-accent, #c4a574) 10%, transparent);
}

/* Material Resonance · Drive-Organ — subtile Kammer-Atmosphäre, keine Labels */
html.raumriss-os .zone-material-surface[data-material-resonance="warming"] {
  --rr-material-breath: 0.04;
}

html.raumriss-os .zone-material-surface[data-material-resonance="near"] {
  --rr-material-breath: 0.03;
}

html.raumriss-os .zone-material-surface[data-material-resonance="returning"] {
  --rr-material-breath: 0.025;
}

html.raumriss-os .zone-material-surface[data-material-resonance="lingering"] {
  opacity: 0.98;
}

html.raumriss-os .zone-material-surface[data-material-resonance="sediment"] {
  filter: saturate(0.94) brightness(0.98);
}

html.raumriss-os .zone-material-surface[data-material-resonance="warming"] .zone-material-surface__presence,
html.raumriss-os .zone-material-surface[data-material-resonance="near"] .zone-material-surface__presence {
  opacity: 0.92;
}

/* Room Material Field — shared operational resonance */
html.raumriss-os .room-shell[data-material-field="inhabited"] {
  --rr-material-field-breath: 0.025;
}

html.raumriss-os .room-shell[data-material-field="near"] {
  --rr-material-field-breath: 0.035;
}

html.raumriss-os .room-shell[data-material-field="returning"] {
  --rr-material-field-breath: 0.028;
}

html.raumriss-os .room-shell[data-material-field="drifting"] {
  filter: saturate(0.97);
}

html.raumriss-os .room-shell[data-material-field="sediment"] {
  filter: saturate(0.94) brightness(0.985);
}

html.raumriss-os .zone-material-surface[data-material-field="near"] {
  --rr-material-field-proximity: 0.04;
}

html.raumriss-os .semantic-workbench[data-writing-room="true"] {
  margin-top: 0.65rem;
  padding: 0.55rem 0.75rem 0.65rem;
  border: none;
  background: transparent;
  box-shadow: none;
}

html.raumriss-os .semantic-workbench[data-writing-room="true"] .semantic-workbench__handoff {
  margin-top: 0.35rem;
  padding-top: 0;
  border-top: none;
}

html.raumriss-os .writing-carry__fragment[data-temporal="distant"],
html.raumriss-os .writing-carry__fragment[data-temporal="deep"] {
  opacity: calc(0.52 + var(--fragment-depth, 0.4) * 0.38);
  filter: saturate(0.82);
}

html.raumriss-os .writing-carry__fragment[data-temporal="resurfaced"] {
  opacity: calc(0.88 + var(--fragment-pull, 0.5) * 0.12);
  transform: translateY(calc((1 - var(--fragment-depth, 0.5)) * -3px));
}

html.raumriss-os .writing-carry__fragment[data-constellation-near="true"][data-temporal="resurfaced"] {
  transform:
    translateY(calc((1 - var(--fragment-depth, 0.5)) * -4px))
    translateZ(calc(var(--fragment-depth, 0.5) * 22px + var(--constellation-drift, 0) * 6px))
    translateX(calc(var(--constellation-drift, 0) * 4px));
}

html.raumriss-os .runtime-presence-layer,
html.raumriss-os .writing-room,
html.raumriss-os .semantic-workbench,
html.raumriss-os .operational-observatory,
html.raumriss-os .connected-systems,
html.raumriss-os .zone-material-surface__tile {
  transition-timing-function: var(--rr-evolution-ease, cubic-bezier(0.33, 0.72, 0.12, 1));
}


html.raumriss-os .zone-material-surface__tile[data-material-focused="true"] {
  opacity: 1;
  filter: none;
  z-index: 2;
}

/* ALIVEMAEX · Wellenform-Gedächtnis, kein DAW */
html.raumriss-os .zone-material-surface__preview--audio-waveform {
  display: flex;
  align-items: flex-end;
  justify-content: stretch;
  min-height: 2.75rem;
  padding: 0.35rem 0.4rem 0.25rem;
  background: linear-gradient(
    168deg,
    color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 55%, transparent),
    color-mix(in srgb, var(--rr-surface-muted, #ebe4d6) 18%, transparent)
  );
  border-radius: 0;
}

html.raumriss-os .zone-material-surface__preview--audio-waveform[data-audio-unfinished="true"] {
  filter: saturate(0.92);
  opacity: 0.94;
}

html.raumriss-os .zone-material-surface__waveform-bars {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  width: 100%;
  height: 1.65rem;
}

html.raumriss-os .zone-material-surface__waveform-bar {
  flex: 1 1 0;
  min-width: 2px;
  max-height: 100%;
  align-self: flex-end;
  border-radius: 1px 1px 0 0;
  background: color-mix(in srgb, var(--rr-orange) 22%, var(--rr-line-soft));
  opacity: 0.72;
}

html.raumriss-os .zone-material-surface__tile[data-material-type="audio"] .zone-material-surface__tile-title,
html.raumriss-os .zone-material-surface__preview[data-material-type="audio"] + .zone-material-surface__tile-body .zone-material-surface__tile-title {
  letter-spacing: -0.02em;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-runtime-design-evolution.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Runtime Design Evolution Pass
 * Visual · spatial · material · interaction — not features.
 * Loaded last via globals.css.
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --rr-evolution-ease: cubic-bezier(0.33, 0.72, 0.12, 1);
  --rr-runtime-breath-ms: 420;
  --rr-evolution-duration-surface: calc(var(--rr-runtime-breath-ms) * 1ms);
  --rr-evolution-duration-control: 0.26s;
  --rr-evolution-duration-presence: calc(var(--rr-runtime-breath-ms) * 1.31 * 1ms);
  --rr-instrument-shadow:
    0 14px 36px color-mix(in srgb, var(--rr-shadow, #1a1510) 8%, transparent),
    0 2px 8px color-mix(in srgb, var(--rr-shadow, #1a1510) 4%, transparent);
  --rr-instrument-recess:
    inset 0 1px 0 color-mix(in srgb, #fff 52%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--os-border) 28%, transparent),
    inset 0 2px 6px color-mix(in srgb, var(--rr-shadow, #1a1510) 4%, transparent);
  --rr-control-press:
    inset 0 2px 5px color-mix(in srgb, var(--rr-shadow, #1a1510) 7%, transparent),
    inset 0 1px 0 color-mix(in srgb, #fff 28%, transparent);
}

/* ── FOCUS 1 · Top runtime instrument (presence layer) ─────────
 * Calm operational clock — typographic anchor, not a dashboard card.
 */

html.raumriss-os {
  --rr-presence-clock-size: clamp(1.34rem, 0.38vw + 1.14rem, 1.64rem);
  --rr-presence-clock-meta-size: 0.6875rem;
}

html.raumriss-os .runtime-presence-layer {
  z-index: 40;
  pointer-events: none;
  top: max(0.875rem, calc(env(safe-area-inset-top, 0px) + 0.55rem)) !important;
}

html.raumriss-os .runtime-presence-layer .runtime-presence-instrument {
  pointer-events: auto !important;
}

html.raumriss-os .runtime-presence-layer .runtime-presence-instrument::before,
html.raumriss-os .runtime-presence-layer .runtime-presence-instrument::after {
  pointer-events: none !important;
}

html.raumriss-os .runtime-presence-layer .runtime-presence-ops {
  pointer-events: auto !important;
}

html.raumriss-os .runtime-presence-layer .system-presence,
html.raumriss-os .runtime-presence-layer .system-presence-end,
html.raumriss-os .runtime-presence-layer [data-session-control] {
  pointer-events: auto !important;
  position: relative;
  z-index: 2;
  cursor: pointer;
  touch-action: manipulation;
}

html.raumriss-os .runtime-presence-layer .system-presence-end {
  width: 100%;
  min-height: 2.05rem;
  border: 1px solid color-mix(in srgb, var(--os-border-soft) 82%, transparent) !important;
  border-radius: 7px !important;
  background: color-mix(in srgb, var(--os-surface-soft) 88%, var(--os-inset)) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 42%, transparent),
    inset 0 2px 5px color-mix(in srgb, var(--rr-shadow, #1a1510) 8%, transparent) !important;
  color: color-mix(in srgb, var(--os-text) 72%, var(--os-text-body)) !important;
}

html.raumriss-os .runtime-presence-layer .system-presence-end:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--os-border) 70%, transparent) !important;
  background: var(--os-elevated) !important;
}

html.raumriss-os .runtime-presence-layer .system-presence-end__kicker {
  color: color-mix(in srgb, var(--os-text) 48%, transparent) !important;
}

html.raumriss-os .runtime-presence-layer .system-presence-end__action {
  color: color-mix(in srgb, var(--os-text) 78%, var(--os-text-body)) !important;
  font-weight: 540;
}

@media (min-width: 1024px) {
  html.raumriss-os .runtime-presence-layer {
    top: max(1.35rem, calc(env(safe-area-inset-top, 0px) + 0.8rem)) !important;
  }
}

html.raumriss-os .runtime-presence-instrument {
  min-width: 10.75rem;
  padding: 0.44rem 0.5rem 0.46rem 0.54rem !important;
  border-radius: 10px !important;
  border: 1px solid color-mix(in srgb, var(--os-border-soft) 58%, transparent) !important;
  background: color-mix(in srgb, var(--os-inset) 32%, var(--os-surface-soft) 68%) !important;
  box-shadow:
    inset 0 2px 5px color-mix(in srgb, var(--rr-shadow, #1a1510) 8%, transparent),
    inset 0 -1px 0 color-mix(in srgb, #fff 5%, transparent),
    0 6px 18px color-mix(in srgb, var(--rr-shadow, #1a1510) 4%, transparent) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none;
}

html.raumriss-os .runtime-presence-instrument::before {
  display: block !important;
  content: "" !important;
  left: 0.42rem !important;
  top: 0.5rem !important;
  bottom: 0.48rem !important;
  width: 2px !important;
  opacity: 0.42 !important;
  background: linear-gradient(
    180deg,
    transparent 0%,
    color-mix(in srgb, var(--os-orange-wick) 38%, transparent) 46%,
    color-mix(in srgb, var(--os-orange-wick) 22%, transparent) 72%,
    transparent 100%
  ) !important;
}

html.raumriss-os .runtime-presence-instrument::after {
  display: block !important;
  content: "" !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 6%, transparent) !important;
  opacity: 1 !important;
}

html.raumriss-os .runtime-presence-ops {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.35rem;
  width: 100%;
  pointer-events: none;
}

html.raumriss-os .runtime-presence-layer--home .runtime-presence-instrument {
  min-width: 8.65rem;
  padding: 0.38rem 0.44rem 0.4rem 0.48rem !important;
}

html.raumriss-os .runtime-presence-layer--home .runtime-presence-ops {
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 0.2rem;
  margin-top: 0.12rem;
}

html.raumriss-os .runtime-presence-instrument .presence-clock {
  align-self: flex-end;
  padding: 0.14rem 0 0.12rem 0.92rem !important;
  margin: 0;
  border-left: 2px solid color-mix(in srgb, var(--os-orange-wick) 44%, transparent);
}

html.raumriss-os .runtime-presence-instrument .presence-clock-time {
  font-family: var(--font-mono), ui-monospace, monospace !important;
  font-size: var(--rr-presence-clock-size) !important;
  font-weight: 580 !important;
  letter-spacing: 0.052em !important;
  line-height: 0.98 !important;
  color: color-mix(in srgb, var(--os-text) 88%, #0a0a08 12%) !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "kern" 1, "tnum" 1, "ss01" 1;
  transition: color var(--rr-evolution-duration-presence) var(--rr-evolution-ease);
}

@media (min-width: 1024px) {
  html.raumriss-os {
    --rr-presence-clock-size: clamp(1.42rem, 0.32vw + 1.22rem, 1.72rem);
    --rr-presence-clock-meta-size: 0.71875rem;
  }

  html.raumriss-os .runtime-presence-instrument .presence-clock {
    padding-left: 1rem !important;
  }
}

html.raumriss-os .runtime-presence-instrument .presence-clock-meta {
  margin-top: 0.24rem !important;
  font-family: var(--font-sans), system-ui, sans-serif !important;
  font-size: var(--rr-presence-clock-meta-size) !important;
  font-weight: 480 !important;
  letter-spacing: 0.026em !important;
  line-height: 1.34 !important;
  color: color-mix(in srgb, var(--os-text-soft) 90%, var(--os-text) 10%) !important;
  text-transform: none !important;
}

html.raumriss-os .runtime-presence-instrument .presence-clock-meta span {
  color: color-mix(in srgb, var(--os-text-soft) 62%, transparent) !important;
  font-weight: 460 !important;
}

html.raumriss-os .runtime-presence-instrument .presence-clock {
  pointer-events: none;
}

/* Runtime-Standby · eingelassene Perle, kein Admin-Button */
html.raumriss-os .runtime-standby {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 1.35rem;
  height: 1.35rem;
  margin: 0.08rem 0.12rem 0 0;
  pointer-events: auto;
}

html.raumriss-os .runtime-standby__glow {
  position: absolute;
  inset: 0.1rem;
  border-radius: 999px;
  background: radial-gradient(
    circle at 50% 52%,
    color-mix(in srgb, #6f9a6a 28%, transparent) 0%,
    transparent 72%
  );
  opacity: 0.55;
  transition: opacity 1.2s ease;
}

html.raumriss-os .runtime-standby--carrying .runtime-standby__glow {
  opacity: 0.82;
}

html.raumriss-os .runtime-standby--watch .runtime-standby__glow {
  background: radial-gradient(
    circle at 50% 52%,
    color-mix(in srgb, var(--os-orange-wick) 22%, transparent) 0%,
    transparent 72%
  );
}

html.raumriss-os .runtime-standby--dim .runtime-standby__glow,
html.raumriss-os .runtime-standby--dim .runtime-standby__pulse {
  opacity: 0.28;
}

html.raumriss-os .runtime-standby__bead {
  position: relative;
  z-index: 1;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--os-text) 22%, var(--os-inset));
  box-shadow:
    inset 0 1px 2px color-mix(in srgb, var(--rr-shadow, #1a1510) 22%, transparent),
    0 0 0 1px color-mix(in srgb, var(--os-border-soft) 35%, transparent);
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  touch-action: none;
}

html.raumriss-os .runtime-standby--carrying .runtime-standby__bead {
  background: color-mix(in srgb, #6f9a6a 48%, var(--os-inset));
  box-shadow:
    inset 0 1px 1px color-mix(in srgb, #fff 12%, transparent),
    0 0 8px color-mix(in srgb, #6f9a6a 24%, transparent);
}

html.raumriss-os .runtime-standby__pulse {
  position: absolute;
  inset: 0.22rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, #6f9a6a 18%, transparent);
  opacity: 0.45;
  animation: runtime-standby-pulse 5.2s ease-in-out infinite;
}

html.raumriss-os .runtime-standby--carrying .runtime-standby__pulse {
  animation-duration: 3.8s;
  opacity: 0.62;
}

@keyframes runtime-standby-pulse {
  0%,
  100% {
    transform: scale(0.92);
    opacity: 0.32;
  }
  50% {
    transform: scale(1.08);
    opacity: 0.55;
  }
}

html.raumriss-os .runtime-standby--exiting .runtime-standby__bead {
  opacity: 0.4;
}

/* ── FOCUS 1 · Room root cluster (left instrument) ───────────── */

html.raumriss-os .room-root-controls {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem !important;
  padding: 0.3rem 0.38rem !important;
  border-radius: 12px !important;
  border: 1px solid color-mix(in srgb, var(--os-border-soft) 88%, transparent);
  background: color-mix(in srgb, var(--os-surface-soft) 78%, transparent);
  box-shadow:
    var(--rr-depth-mid),
    inset 0 1px 0 color-mix(in srgb, #fff 44%, transparent);
  backdrop-filter: none;
  transition:
    box-shadow var(--rr-evolution-duration-surface) var(--rr-evolution-ease),
    border-color var(--rr-evolution-duration-control) var(--rr-evolution-ease);
}

html.raumriss-os .room-root-anchor,
html.raumriss-os .room-root-step {
  min-height: 2rem;
  padding: 0.42rem 0.72rem !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0.5625rem !important;
  font-weight: 520 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
  color: var(--os-text-soft) !important;
  transition:
    color var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    background var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    border-color var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    box-shadow var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    transform 0.14s var(--rr-evolution-ease);
}

html.raumriss-os .room-root-step {
  min-width: 2rem;
  padding: 0.42rem 0.5rem !important;
  letter-spacing: 0.04em !important;
  font-size: 0.6875rem !important;
}

html.raumriss-os .room-root-anchor:hover,
html.raumriss-os .room-root-anchor:focus-visible,
html.raumriss-os .room-root-step:hover,
html.raumriss-os .room-root-step:focus-visible {
  background: color-mix(in srgb, var(--os-elevated) 88%, transparent) !important;
  border-color: color-mix(in srgb, var(--os-border-soft) 95%, transparent) !important;
  color: var(--os-text) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 38%, transparent) !important;
}

html.raumriss-os .room-root-anchor:active,
html.raumriss-os .room-root-step:active {
  transform: translateY(0.5px);
}

html.raumriss-os .room-root-anchor-dot {
  width: 5px;
  height: 5px;
  margin-right: 0.38rem;
  border-radius: 50%;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--os-orange-glow) 65%, transparent) !important;
}

/* ── FOCUS 2 · Material embodiment (runtime field) ─────────── */

html.raumriss-os .os-room-page {
  position: relative;
}

html.raumriss-os .os-room-page::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(
    ellipse 85% 55% at 50% -8%,
    color-mix(in srgb, var(--os-orange-wick) 12%, transparent),
    transparent 62%
  );
  opacity: 0.55;
}

html.raumriss-os .room-shell-rhythm {
  position: relative;
  z-index: 1;
}

html.raumriss-os .room-identity-strip {
  padding-bottom: clamp(1.35rem, 2.8vw, 1.85rem) !important;
}

html.raumriss-os .room-identity-strip__signal {
  box-shadow:
    var(--rr-depth-mid),
    var(--os-material-inset) !important;
  transition:
    box-shadow var(--rr-evolution-duration-surface) var(--rr-evolution-ease),
    background var(--rr-evolution-duration-surface) var(--rr-evolution-ease);
}

html.raumriss-os .room-chamber,
html.raumriss-os .workspace-section {
  transition:
    box-shadow var(--rr-evolution-duration-surface) var(--rr-evolution-ease),
    background var(--rr-evolution-duration-surface) var(--rr-evolution-ease);
}

html.raumriss-os .room-runtime-deck .room-chamber:hover {
  box-shadow:
    var(--rr-depth-fg),
    var(--os-material-panel) !important;
}

/* ── FOCUS 3 · Spatial architecture (continuous register) ──── */

html.raumriss-os .room-nav-rail {
  margin-bottom: clamp(0.15rem, 0.6vw, 0.35rem);
}

html.raumriss-os .room-nav-rail__shell {
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--os-surface-soft) 92%, var(--os-inset)) !important;
  box-shadow:
    var(--rr-instrument-shadow),
    inset 0 0 0 1px var(--os-border-soft),
    inset 0 1px 0 var(--os-panel-highlight) !important;
  transition: box-shadow var(--rr-evolution-duration-surface) var(--rr-evolution-ease);
}

html.raumriss-os .room-nav-rail__anchor-bay {
  background: color-mix(in srgb, var(--os-inset) 22%, transparent);
}

html.raumriss-os .room-nav-rail__anchor,
html.raumriss-os .room-nav-rail__zone {
  transition:
    background var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    color var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    box-shadow var(--rr-evolution-duration-control) var(--rr-evolution-ease);
}

html.raumriss-os .room-nav-rail__anchor--current,
html.raumriss-os .room-nav-rail__zone--active {
  background: color-mix(in srgb, var(--os-elevated) 94%, var(--os-orange-tint)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--os-orange-seam) 55%, transparent),
    inset 0 -2px 0 var(--os-orange-active) !important;
}

html.raumriss-os .room-nav-rail__label,
html.raumriss-os .room-nav-rail__zone-title {
  letter-spacing: 0.06em !important;
  font-weight: 520 !important;
}

html.raumriss-os .room-composition__stage {
  position: relative;
}

html.raumriss-os .room-composition__stage::before {
  content: "";
  position: absolute;
  inset: -0.5rem 0 auto;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--os-border-soft) 55%, transparent) 14%,
    color-mix(in srgb, var(--os-border-soft) 35%, transparent) 86%,
    transparent 100%
  );
  opacity: 0.7;
  pointer-events: none;
}

html.raumriss-os .room-periphery-rail .room-chamber--beiwerk {
  border-radius: 10px !important;
  transition:
    opacity var(--rr-evolution-duration-surface) var(--rr-evolution-ease),
    box-shadow var(--rr-evolution-duration-surface) var(--rr-evolution-ease);
}

html.raumriss-os .room-periphery-rail .room-chamber--beiwerk:hover {
  opacity: 0.96;
}

html.raumriss-os .runtime-instrument-deck {
  box-shadow:
    var(--rr-instrument-shadow),
    var(--os-material-panel) !important;
}

/* ── FOCUS 4 · Interaction quality (operative touch) ─────────── */

html.raumriss-os .atmo-action,
html.raumriss-os .operational-button {
  border-radius: 9px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  transition:
    border-color var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    color var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    background var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    box-shadow var(--rr-evolution-duration-surface) var(--rr-evolution-ease),
    transform 0.14s var(--rr-evolution-ease) !important;
}

html.raumriss-os .atmo-action {
  min-height: 2.05rem;
  border: 1px solid color-mix(in srgb, var(--os-border-soft) 92%, transparent) !important;
  background: color-mix(in srgb, var(--os-surface-soft) 88%, var(--os-inset)) !important;
  color: var(--os-text-body) !important;
  box-shadow: var(--rr-control-press) !important;
}

html.raumriss-os .atmo-action:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--os-border) 70%, transparent) !important;
  background: var(--os-elevated) !important;
  color: var(--os-text) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 40%, transparent),
    0 4px 14px color-mix(in srgb, var(--rr-shadow, #1a1510) 5%, transparent) !important;
}

html.raumriss-os .atmo-action:active:not(:disabled) {
  transform: translateY(0.5px);
}

html.raumriss-os .atmo-action--quiet {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--os-text-soft) !important;
}

html.raumriss-os .atmo-action--quiet:hover:not(:disabled) {
  background: color-mix(in srgb, var(--os-inset) 35%, transparent) !important;
  border-color: color-mix(in srgb, var(--os-border-soft) 65%, transparent) !important;
  box-shadow: none !important;
}

html.raumriss-os .operational-button {
  border: 1px solid color-mix(in srgb, var(--os-border-soft) 90%, transparent) !important;
  background: color-mix(in srgb, var(--os-surface-soft) 90%, var(--os-inset)) !important;
  color: var(--os-text-body) !important;
  box-shadow: var(--rr-control-press) !important;
}

html.raumriss-os .operational-button:hover:not(:disabled) {
  background: var(--os-elevated) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 38%, transparent),
    0 4px 12px color-mix(in srgb, var(--rr-shadow, #1a1510) 4%, transparent) !important;
}

html.raumriss-os .operational-button--primary {
  border-color: color-mix(in srgb, var(--os-orange-border) 55%, var(--os-border-soft)) !important;
  background: color-mix(in srgb, var(--os-orange-tint) 42%, var(--os-surface-soft)) !important;
  color: var(--os-text) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 35%, transparent),
    inset 2px 0 0 color-mix(in srgb, var(--os-orange) 35%, transparent) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-hw-switch,
html.raumriss-os [aria-label="Riss Core"] .riss-hw-control,
html.raumriss-os [aria-label="Riss Core"] .riss-core-home,
html.raumriss-os [aria-label="Riss Core"] .riss-core-command {
  transition:
    box-shadow var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    border-color var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    transform 0.14s var(--rr-evolution-ease) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-hw-switch:active,
html.raumriss-os [aria-label="Riss Core"] .riss-hw-control:active,
html.raumriss-os [aria-label="Riss Core"] .riss-core-home:active,
html.raumriss-os [aria-label="Riss Core"] .riss-core-command:active {
  transform: translateY(0.5px);
}

html.raumriss-os .bottom-console {
  transition: opacity var(--rr-evolution-duration-presence) var(--rr-evolution-ease);
}

/* ── FOCUS 5 · Typography & editorial rhythm ─────────────────── */

html.raumriss-os .os-kicker {
  font-size: 0.5625rem !important;
  font-weight: 520 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--os-text-soft) !important;
  margin-bottom: 0.42rem !important;
}

html.raumriss-os .room-identity-strip__title.rr-page-title {
  margin-bottom: clamp(0.55rem, 1.2vw, 0.75rem) !important;
}

html.raumriss-os .room-identity-strip__presence {
  max-width: 42rem;
  font-size: clamp(0.8125rem, 1.15vw, 0.9375rem) !important;
  line-height: 1.58 !important;
  letter-spacing: -0.014em !important;
  color: var(--os-text-body) !important;
}

html.raumriss-os .room-runtime-deck .room-chamber .type-section-title {
  letter-spacing: 0.14em !important;
  margin-bottom: 0.65rem !important;
}

html.raumriss-os .type-meta,
html.raumriss-os .atmo-mark {
  letter-spacing: 0.008em !important;
}

/* ── Global runtime dock · persistent bottom layer (Home + rooms) ─ */

html.raumriss-os #raumriss-runtime-dock,
html.raumriss-os .raumriss-runtime-dock {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 80;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  pointer-events: none;
  padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
}

@media (max-width: 760px) {
  html.raumriss-os #raumriss-runtime-dock,
  html.raumriss-os .raumriss-runtime-dock {
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  }
}

html.raumriss-os #raumriss-runtime-dock .bottom-console.riss-core-shell,
html.raumriss-os #raumriss-runtime-dock .riss-core-shell.bottom-console {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  transform: none;
  width: min(calc(100vw - 48px), 860px);
  max-width: 860px;
  filter: saturate(0.98);
}

@media (max-width: 760px) {
  html.raumriss-os #raumriss-runtime-dock .bottom-console.riss-core-shell,
  html.raumriss-os #raumriss-runtime-dock .riss-core-shell.bottom-console {
    width: calc(100vw - 24px);
  }
}

/* ── FOCUS 6 · Runtime identity (bottom console presence) ────── */

html.raumriss-os .bottom-console.riss-core-shell::before,
html.raumriss-os .riss-core-shell.bottom-console::before {
  content: "";
  position: absolute;
  inset: -18px -12px -8px;
  pointer-events: none;
  border-radius: 20px;
  background: radial-gradient(
    ellipse 70% 45% at 50% 100%,
    color-mix(in srgb, var(--rr-shadow-hardware, rgba(24, 23, 19, 0.12)) 35%, transparent),
    transparent 72%
  );
  opacity: 0.85;
  z-index: -1;
}

/* ── FOCUS 7 · Remove web-app energy ─────────────────────────── */

html.raumriss-os a.rounded-lg.border,
html.raumriss-os button.rounded-lg.border {
  border-radius: 9px !important;
}

html.raumriss-os .semantic-workbench__cursor-bridge {
  min-height: 2.05rem;
  padding: 0.35rem 0.85rem;
  border: 1px solid color-mix(in srgb, var(--os-border-soft) 90%, transparent) !important;
  border-radius: 9px !important;
  background: color-mix(in srgb, var(--os-surface-soft) 88%, var(--os-inset)) !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: var(--os-text-body) !important;
  box-shadow: var(--rr-control-press);
  cursor: pointer;
  transition:
    color var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    background var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    border-color var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    box-shadow var(--rr-evolution-duration-control) var(--rr-evolution-ease);
}

html.raumriss-os .semantic-workbench__cursor-bridge:hover {
  color: var(--os-text) !important;
  background: var(--os-elevated) !important;
  border-color: color-mix(in srgb, var(--os-border) 65%, transparent) !important;
}

html.raumriss-os .semantic-workbench__cursor-bridge:active {
  transform: translateY(0.5px);
  box-shadow:
    inset 0 2px 4px color-mix(in srgb, var(--rr-shadow, #1a1510) 6%, transparent),
    inset 0 1px 0 color-mix(in srgb, #fff 22%, transparent) !important;
}

/* Material carry — getragen ist Kante, kein brauner Flächenblock */
html.raumriss-os .zone-material-surface__wall-cell[data-material-status="selected"]:not(
    [data-material-focused="true"]
  ),
html.raumriss-os .zone-material-surface__tile[data-material-status="selected"]:not(
    [data-material-focused="true"]
  ) {
  border-color: color-mix(in srgb, var(--copper) 22%, var(--border-default)) !important;
  box-shadow:
    inset 2px 0 0 color-mix(in srgb, var(--copper) 28%, transparent),
    var(--rr-material-tile-depth) !important;
}

html.raumriss-os .zone-material-surface__wall-cell[data-material-focused="true"],
html.raumriss-os .zone-material-surface__tile[data-material-focused="true"] {
  border-color: var(--border-focus) !important;
  box-shadow: var(--rr-material-tile-depth-active) !important;
}

html.raumriss-os .semantic-workbench__family {
  border-radius: 0.2rem !important;
  padding: 0.12rem 0 !important;
  background: transparent !important;
  border-left: 2px solid
    color-mix(
      in srgb,
      var(--os-orange-wick, var(--rr-warm-accent, #c4a574))
      calc(attr(data-family-warmth number, 24) * 0.55%),
      transparent
    );
  padding-left: 0.42rem !important;
  list-style: none;
}

html.raumriss-os .runtime-bridge,
html.raumriss-os .room-operational-bridge {
  border-radius: 10px !important;
  border: none !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--os-border-soft) 45%, transparent) !important;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--os-inset) 28%, transparent),
    transparent 85%
  ) !important;
}

/* ── FOCUS 8 · Reality pressure — entry, chamber, marginal ─── */

html.raumriss-os .rr-entry-gate {
  position: relative;
  display: flex;
  min-height: 100dvh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 1.25rem 3rem;
  background: var(--os-bg, #0e0d0c);
}

html.raumriss-os .rr-entry-gate::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      ellipse 80% 42% at 50% 0%,
      color-mix(in srgb, var(--os-orange-wick, #e8a45c) 10%, transparent),
      transparent 62%
    ),
    radial-gradient(
      circle at 82% 88%,
      color-mix(in srgb, var(--rr-shadow, #1a1510) 6%, transparent),
      transparent 48%
    );
  opacity: 0.9;
}

html.raumriss-os .rr-entry-gate__inner {
  position: relative;
  z-index: 1;
  width: min(24rem, 100%);
}

html.raumriss-os .rr-entry-gate__welcome {
  margin-bottom: 2rem;
  text-align: center;
}

html.raumriss-os .rr-entry-gate__clock {
  display: block;
  margin: 0;
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: clamp(2.35rem, 1.2vw + 2rem, 2.85rem);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em;
  line-height: 1;
  color: var(--os-text, #2a2722);
}

html.raumriss-os .rr-entry-gate__date {
  margin: 0.65rem 0 0;
  font-size: 0.8125rem;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  color: var(--os-text-soft, #6b665c);
}

html.raumriss-os .rr-entry-gate__title {
  margin: 1.35rem 0 0;
  font-family: var(--font-sans), system-ui, sans-serif;
  font-size: clamp(1.05rem, 0.35vw + 0.95rem, 1.2rem);
  font-weight: 520;
  letter-spacing: 0.01em;
  line-height: 1.35;
  text-transform: none;
  color: color-mix(in srgb, var(--os-text, #2a2722) 88%, var(--os-text-soft, #6b665c));
}

html.raumriss-os .rr-entry-gate__domain {
  margin: 0.45rem 0 0;
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  text-transform: lowercase;
  color: color-mix(in srgb, var(--os-text-soft, #6b665c) 82%, transparent);
}

html.raumriss-os .rr-entry-gate__loading {
  margin: 0;
  text-align: center;
  color: var(--os-text-soft);
}

html.raumriss-os .rr-entry-form {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  padding: 1.5rem 1.35rem 1.45rem;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--os-border-soft) 72%, transparent);
  background: color-mix(in srgb, var(--os-surface-soft) 94%, var(--os-inset) 6%);
  box-shadow:
    var(--rr-instrument-recess),
    0 14px 36px color-mix(in srgb, var(--rr-shadow, #1a1510) 5%, transparent);
}

html.raumriss-os .rr-entry-form__field {
  display: flex;
  flex-direction: column;
  gap: 0.38rem;
}

html.raumriss-os .rr-entry-form__label {
  margin: 0;
}

html.raumriss-os .rr-entry-form__input {
  width: 100%;
  padding: 0.68rem 0.82rem;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--os-border) 48%, transparent);
  background: color-mix(in srgb, var(--os-inset) 32%, var(--os-surface-soft) 68%);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--os-text);
  box-shadow: var(--rr-control-press);
  outline: none;
  transition:
    border-color var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    background var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    box-shadow var(--rr-evolution-duration-control) var(--rr-evolution-ease);
}

html.raumriss-os .rr-entry-form__input::-moz-placeholder {
  color: color-mix(in srgb, var(--os-text-soft) 72%, transparent);
}

html.raumriss-os .rr-entry-form__input::placeholder {
  color: color-mix(in srgb, var(--os-text-soft) 72%, transparent);
}

html.raumriss-os .rr-entry-form__input:focus {
  border-color: color-mix(in srgb, var(--os-orange-wick) 42%, var(--os-border));
  background: var(--os-elevated);
}

html.raumriss-os .rr-entry-form__password-wrap {
  position: relative;
  display: flex;
  align-items: stretch;
}

html.raumriss-os .rr-entry-form__input--password {
  padding-right: 5.5rem;
}

html.raumriss-os .rr-entry-form__password-toggle {
  position: absolute;
  top: 50%;
  right: 0.45rem;
  transform: translateY(-50%);
  border: 0;
  border-radius: 8px;
  padding: 0.35rem 0.55rem;
  background: color-mix(in srgb, var(--os-surface-soft) 88%, var(--os-inset) 12%);
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: 0.625rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--os-text-soft);
  cursor: pointer;
}

html.raumriss-os .rr-entry-form__password-toggle:hover {
  color: var(--os-text);
  background: var(--os-elevated);
}

html.raumriss-os .rr-entry-form__error {
  margin: 0;
  padding: 0.5rem 0.65rem;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, #c44 28%, transparent);
  background: color-mix(in srgb, #c44 6%, transparent);
  font-size: 0.75rem;
  line-height: 1.4;
  text-align: center;
  color: color-mix(in srgb, #8a3030 88%, var(--os-text));
}

html.raumriss-os .rr-entry-form__notice {
  margin: 0;
  padding: 0.75rem 0.85rem;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--os-orange-wick) 28%, transparent);
  background: color-mix(in srgb, var(--os-orange-wick) 8%, transparent);
  font-size: 0.8125rem;
  line-height: 1.45;
  text-align: center;
  color: var(--os-text-body);
}

html.raumriss-os .rr-entry-form__notice code {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: 0.6875rem;
}

html.raumriss-os .rr-entry-form__submit {
  width: 100%;
  margin-top: 0.15rem;
}

html.raumriss-os .rr-entry-form__lead {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  text-align: center;
  color: var(--os-text-body, #4a453c);
}

html.raumriss-os .rr-entry-form__input--code {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: 1.125rem;
  letter-spacing: 0.22em;
  text-align: center;
}

html.raumriss-os .rr-entry-form__qr-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.65rem;
}

html.raumriss-os .rr-entry-form__qr-wrap {
  display: flex;
  justify-content: center;
  padding: 0.35rem 0 0.15rem;
}

html.raumriss-os .rr-entry-form__qr-wrap--svg svg {
  width: 200px;
  height: 200px;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--os-border-soft) 72%, transparent);
  background: #fff;
  padding: 0.5rem;
}

html.raumriss-os .rr-entry-form__qr {
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--os-border-soft) 72%, transparent);
  background: #fff;
  padding: 0.5rem;
}

html.raumriss-os .rr-entry-form__secret {
  margin: 0;
  text-align: center;
  word-break: break-all;
}

html.raumriss-os .rr-entry-form__secret-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}

html.raumriss-os .rr-entry-form__secret code {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: 0.6875rem;
}

html.raumriss-os .rr-entry-form__backup-codes {
  margin: 0;
  padding: 0.85rem 1rem;
  list-style: none;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--os-border-soft) 72%, transparent);
  background: color-mix(in srgb, var(--os-inset) 28%, var(--os-surface-soft) 72%);
  display: grid;
  gap: 0.45rem;
}

html.raumriss-os .rr-entry-form__backup-codes li {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  text-align: center;
}

html.raumriss-os .rr-entry-form__link {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.18em;
  color: color-mix(in srgb, var(--os-text-soft) 88%, var(--os-text));
}

html.raumriss-os .rr-entry-form__link:hover {
  color: var(--os-text);
}

/* Task chamber — chamber tokens beat inline Tailwind */
html.raumriss-os .task-chamber .task-chamber-eyebrow,
html.raumriss-os .task-chamber-fields .task-chamber-eyebrow {
  font-family: var(--font-sans), system-ui, sans-serif !important;
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: var(--os-text-soft, #6b665c) !important;
}

html.raumriss-os .task-chamber-save {
  align-self: flex-start;
  min-height: auto;
  padding: 0.2rem 0;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0.6875rem !important;
  font-weight: 520 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: color-mix(in srgb, var(--os-text-soft) 88%, transparent) !important;
}

html.raumriss-os .task-chamber-save:hover:not(:disabled) {
  color: color-mix(in srgb, var(--os-orange-wick) 72%, var(--os-text)) !important;
}

/* Task marginal — semantic line, not pill wall */
html.raumriss-os .rr-task-marginal {
  margin: 0.35rem 0 0;
  padding: 0;
  border: none !important;
  background: transparent !important;
  font-family: var(--font-sans), system-ui, sans-serif !important;
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  color: color-mix(in srgb, var(--os-text-soft) 82%, transparent) !important;
}

html.raumriss-os .rr-task-marginal--muted {
  opacity: 0.62;
}

/* Werkbank — carried facts as prose, not spreadsheet */
html.raumriss-os .semantic-workbench__lines {
  display: flex;
  flex-direction: column;
  gap: 0.42rem;
  margin: 0.72rem 0 0;
  padding: 0;
  border-top: 1px solid color-mix(in srgb, var(--os-border-soft) 55%, transparent);
  padding-top: 0.65rem;
}

html.raumriss-os .semantic-workbench__line {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.48;
  color: var(--os-text-body);
}

html.raumriss-os .semantic-workbench__line-label {
  display: inline;
  margin-right: 0.35rem;
  color: var(--os-text-soft);
}

html.raumriss-os .semantic-workbench__line-label::after {
  content: " — ";
  color: color-mix(in srgb, var(--os-text-soft) 55%, transparent);
}

html.raumriss-os .semantic-workbench__line-value {
  font-weight: 500;
  color: var(--os-text);
}

/* Hide legacy notification badges — warmth via data-material-new */
html.raumriss-os .zone-material-surface__wall-cell-badge,
html.raumriss-os .zone-material-surface__tile-badge,
html.raumriss-os .zone-material-surface__bundle-badge {
  display: none !important;
}

html.raumriss-os .runtime-presence-layer--entry .runtime-presence-instrument {
  opacity: 0.72;
}

/* Material resolution — embedded continuity layer, not modal */
html.raumriss-os .material-resolution {
  margin-top: 0.85rem;
  padding: 0.95rem 0.85rem 0.9rem;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--os-border-soft) 70%, transparent);
  background: color-mix(in srgb, var(--os-surface-soft) 88%, var(--os-inset) 12%);
  box-shadow:
    var(--rr-instrument-recess),
    0 10px 28px color-mix(in srgb, var(--rr-shadow, #1a1510) 5%, transparent);
}

html.raumriss-os .material-resolution__header {
  margin-bottom: 0.72rem;
}

html.raumriss-os .material-resolution__kicker {
  margin: 0;
  color: var(--os-text-soft);
}

html.raumriss-os .material-resolution__carry {
  margin: 0.42rem 0 0;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--os-text-body);
}

html.raumriss-os .material-resolution__unresolved {
  margin: 0.35rem 0 0;
  font-size: 0.75rem;
  line-height: 1.42;
  color: color-mix(in srgb, var(--os-orange-wick, var(--rr-orange)) 62%, var(--os-text-soft));
  letter-spacing: 0.01em;
}

html.raumriss-os .material-resolution__options {
  margin: 0;
  padding: 0;
  border: none;
  display: flex;
  flex-direction: column;
  gap: 0.38rem;
}

html.raumriss-os .material-resolution__option {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0;
  padding: 0.35rem 0.2rem;
  cursor: pointer;
}

html.raumriss-os .material-resolution__option--inline {
  display: inline-flex;
  align-items: center;
  margin-right: 0.85rem;
}

html.raumriss-os .material-resolution__option input[type="radio"] {
  margin-top: 0.15rem;
  accent-color: var(--os-orange-wick, var(--rr-orange));
}

html.raumriss-os .material-resolution__option-body {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}

html.raumriss-os .material-resolution__option-label {
  font-size: 0.8125rem;
  font-weight: 520;
  color: var(--os-text);
}

html.raumriss-os .material-resolution__option-hint {
  color: color-mix(in srgb, var(--os-text-soft) 82%, transparent);
}

html.raumriss-os .material-resolution__faden {
  margin-top: 0.75rem;
  padding-top: 0.72rem;
  border-top: 1px solid color-mix(in srgb, var(--os-border-soft) 55%, transparent);
}

html.raumriss-os .material-resolution__section-label {
  margin: 0 0 0.5rem;
  color: var(--os-text-soft);
}

html.raumriss-os .material-resolution__faden-mode {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
  margin-bottom: 0.55rem;
}

html.raumriss-os .material-resolution__select,
html.raumriss-os .material-resolution__input {
  width: 100%;
  margin-bottom: 0.55rem;
  padding: 0.52rem 0.62rem;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--os-border) 55%, transparent);
  background: color-mix(in srgb, var(--os-inset) 35%, var(--os-surface-soft) 65%);
  font-size: 0.8125rem;
  color: var(--os-text);
}

html.raumriss-os .material-resolution__placement-toggle {
  margin: 0.15rem 0 0.55rem;
  padding: 0;
  border: none;
  background: transparent;
  color: color-mix(in srgb, var(--os-text-soft) 88%, transparent);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

html.raumriss-os .material-resolution__rooms {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

html.raumriss-os .material-resolution__room-btn,
html.raumriss-os .material-resolution__zone-btn {
  border: none;
  background: transparent;
  padding: 0.12rem 0;
  font-size: 0.8125rem;
  color: var(--os-text-soft);
  cursor: pointer;
  text-align: left;
}

html.raumriss-os .material-resolution__room-btn[data-active="true"],
html.raumriss-os .material-resolution__zone-btn[data-active="true"] {
  color: var(--os-text);
  font-weight: 520;
}

html.raumriss-os .material-resolution__zones {
  margin: 0.25rem 0 0 0.65rem;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

html.raumriss-os .material-resolution__suggestions {
  margin: 0.55rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
}

html.raumriss-os .material-resolution__suggestion-btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.08rem;
  width: 100%;
  margin: 0;
  padding: 0.38rem 0.42rem;
  border: 1px solid color-mix(in srgb, var(--os-border-soft) 48%, transparent);
  border-radius: 7px;
  background: color-mix(in srgb, var(--os-inset) 22%, transparent);
  cursor: pointer;
  text-align: left;
  transition:
    border-color var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    background var(--rr-evolution-duration-control) var(--rr-evolution-ease);
}

html.raumriss-os .material-resolution__suggestion-btn:hover {
  border-color: color-mix(in srgb, var(--os-orange-wick, var(--rr-orange)) 28%, var(--os-border-soft));
  background: color-mix(in srgb, var(--os-orange-wick, var(--rr-orange)) 6%, var(--os-inset) 18%);
}

html.raumriss-os .material-resolution__suggestion-title {
  font-size: 0.8125rem;
  color: var(--os-text);
}

html.raumriss-os .material-resolution__suggestion-reason {
  color: color-mix(in srgb, var(--os-text-soft) 78%, transparent);
}

html.raumriss-os .material-resolution__result {
  margin: 0.65rem 0 0;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: color-mix(in srgb, var(--os-orange-wick) 68%, var(--os-text));
}

html.raumriss-os .material-resolution__error {
  margin: 0.55rem 0 0;
  font-size: 0.75rem;
  color: color-mix(in srgb, #8a3030 88%, var(--os-text));
}

html.raumriss-os .material-resolution__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.75rem;
}

/* ALIVEMAEX · Writing Room — late-night emotional space */
html.raumriss-os .room-composition__stage--writing-room {
  position: relative;
  isolation: isolate;
}

html.raumriss-os .room-composition__stage--writing-room::before {
  content: "";
  position: absolute;
  inset: -1.5rem -0.75rem -2rem;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(
      90% 55% at 18% 8%,
      color-mix(in srgb, var(--rr-atmo-glow-warm, #a86838) 7%, transparent) 0%,
      transparent 58%
    ),
    radial-gradient(
      70% 45% at 88% 92%,
      color-mix(in srgb, #1a1410 42%, transparent) 0%,
      transparent 72%
    );
  opacity: 0.92;
}

html.raumriss-os .room-composition__stage--writing-room .room-zone-focus-layer {
  position: relative;
  z-index: 1;
}

html.raumriss-os .room-composition__stage--writing-room .room-zone-focus-layer .os-kicker,
html.raumriss-os .room-composition__stage--writing-room .room-identity-strip__presence {
  opacity: 0.72;
  letter-spacing: 0.06em;
}

html.raumriss-os .writing-room {
  position: relative;
  margin-top: 0.35rem;
  z-index: 1;
}

html.raumriss-os .writing-room__ambient {
  position: absolute;
  inset: -0.5rem -0.35rem -0.75rem;
  pointer-events: none;
  overflow: hidden;
  border-radius: 14px;
  z-index: 0;
}

html.raumriss-os .writing-room__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(28px);
  opacity: 0.55;
}

html.raumriss-os .writing-room__glow--desk {
  width: 58%;
  height: 42%;
  top: -8%;
  left: -6%;
  background: color-mix(in srgb, var(--rr-atmo-glow-warm, #b87848) 22%, transparent);
}

html.raumriss-os .writing-room__glow--memory {
  width: 48%;
  height: 38%;
  bottom: -12%;
  right: -4%;
  background: color-mix(in srgb, #2a1e18 55%, transparent);
  opacity: 0.75;
}

html.raumriss-os .writing-room__grain {
  position: absolute;
  inset: 0;
  opacity: 0.045;
  background-image: var(--rr-cinematic-grain, none);
  mix-blend-mode: soft-light;
}

html.raumriss-os .writing-room__glow--constellation {
  width: 52%;
  height: 46%;
  top: 18%;
  right: 8%;
  background: color-mix(in srgb, var(--rr-atmo-glow-warm, #a86840) 14%, #1a1410 86%);
  opacity: 0.32;
  filter: blur(36px);
  transition: opacity var(--rr-evolution-duration-presence) var(--rr-evolution-ease);
}

html.raumriss-os .writing-room[data-constellation="true"] .writing-room__glow--constellation {
  opacity: calc(0.26 + var(--constellation-density, 35) * 0.004);
}

html.raumriss-os .writing-room[data-constellation="true"] .writing-room__glow--desk {
  opacity: calc(0.55 + var(--constellation-warmth, 40) * 0.002);
}

html.raumriss-os .writing-room[data-constellation="true"] .writing-room__glow--memory {
  opacity: calc(0.72 + var(--constellation-density, 30) * 0.0012);
}

html.raumriss-os .writing-room[data-constellation="true"] .writing-room__grain {
  opacity: calc(0.048 + var(--constellation-density, 30) * 0.00008);
}

html.raumriss-os .writing-carry[data-constellation="true"] {
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--rr-atmo-glow-warm, #b87848) 6%, transparent),
    inset 0 -22px 42px color-mix(in srgb, #000 17%, transparent),
    0 24px 52px color-mix(in srgb, #000 22%, transparent);
}

html.raumriss-os .writing-carry__fragments[data-constellation="true"] {
  gap: calc(var(--constellation-density, 30) * -0.0004rem);
}

html.raumriss-os .writing-carry__fragment[data-constellation-near="true"] {
  transform:
    translateZ(calc(var(--fragment-depth, 0.5) * 20px + var(--constellation-drift, 0) * 8px))
    translateX(calc(var(--fragment-pull, 0.2) * 4px + var(--constellation-drift, 0) * 5px))
    scale(calc(0.95 + var(--fragment-depth, 0.5) * 0.07 + var(--constellation-drift, 0) * 0.02));
  opacity: calc(0.68 + var(--fragment-depth, 0.5) * 0.32 + var(--constellation-drift, 0) * 0.08);
  filter: saturate(calc(0.94 + var(--constellation-drift, 0) * 0.12));
}

html.raumriss-os .writing-carry__fragment[data-constellation-cluster="night_rain"] {
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #3a4858 8%, transparent),
    0 calc(10px + var(--constellation-drift, 0.2) * 10px)
      calc(24px + var(--constellation-drift, 0.2) * 8px)
      color-mix(in srgb, #000 22%, transparent);
}

html.raumriss-os .writing-carry__fragment[data-constellation-cluster="glass_glow"] {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--rr-atmo-glow-warm, #b87848) 10%, transparent),
    0 calc(12px + var(--constellation-drift, 0.2) * 8px)
      calc(26px + var(--constellation-drift, 0.2) * 10px)
      color-mix(in srgb, #000 18%, transparent);
}

html.raumriss-os .writing-carry__fragment[data-constellation-cluster="motel_residue"] {
  filter: saturate(calc(0.88 + var(--constellation-drift, 0) * 0.1));
  opacity: calc(0.58 + var(--fragment-depth, 0.5) * 0.36);
}

html.raumriss-os .writing-carry[data-constellation="true"][data-unresolved="true"] {
  background:
    linear-gradient(
      168deg,
      color-mix(in srgb, var(--os-inset) 54%, #161210 46%) 0%,
      color-mix(in srgb, var(--os-surface-soft) 40%, #0d0a08 60%) 100%
    );
}

html.raumriss-os .writing-carry[data-fragment-count] .writing-carry__header {
  display: none;
}

html.raumriss-os .operational-observatory__still {
  opacity: 0.22;
  letter-spacing: 0.35em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

html.raumriss-os .writing-carry {
  position: relative;
  z-index: 1;
  padding: 1.35rem 1.05rem 1.15rem;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--os-border-soft) 28%, transparent);
  background:
    linear-gradient(
      168deg,
      color-mix(in srgb, var(--os-inset) 52%, #14100e 48%) 0%,
      color-mix(in srgb, var(--os-surface-soft) 38%, #0f0c0a 62%) 100%
    );
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 3%, transparent),
    inset 0 -18px 36px color-mix(in srgb, #000 14%, transparent),
    0 22px 48px color-mix(in srgb, #000 18%, transparent);
}

html.raumriss-os .writing-carry[data-haunted="true"] {
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--rr-atmo-glow-warm, #b87848) 8%, transparent),
    inset 0 -18px 36px color-mix(in srgb, #000 16%, transparent),
    0 22px 48px color-mix(in srgb, #000 20%, transparent);
}

html.raumriss-os .writing-carry__header {
  margin-bottom: 0.85rem;
}

html.raumriss-os .writing-carry__presence {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.52;
  font-weight: 460;
  letter-spacing: 0.012em;
  color: color-mix(in srgb, var(--os-text-body) 92%, var(--rr-atmo-glow-warm, #c8a080));
}

html.raumriss-os .writing-carry__carry,
html.raumriss-os .writing-carry__imagery,
html.raumriss-os .writing-carry__thread {
  margin: 0.55rem 0 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: color-mix(in srgb, var(--os-text-soft) 72%, transparent);
}

html.raumriss-os .writing-carry__imagery {
  font-style: italic;
  color: color-mix(in srgb, var(--rr-atmo-glow-warm, #c48a5a) 48%, var(--os-text-soft));
  opacity: 0.88;
}

html.raumriss-os .writing-carry__fragments {
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
  perspective: 720px;
}

html.raumriss-os .writing-carry__fragment {
  --frag-offset: calc(var(--fragment-i, 0) * 0.28rem);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  margin-left: var(--frag-offset);
  margin-top: calc(0.38rem + var(--frag-offset) * 0.15);
  padding: 0.62rem 0.68rem 0.58rem;
  border: none;
  border-radius: 9px;
  background: color-mix(
    in srgb,
    var(--os-inset) calc(18% + var(--fragment-depth, 0.5) * 22%),
    transparent
  );
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff calc(var(--fragment-depth, 0.5) * 5%), transparent),
    0 calc(8px + var(--fragment-depth, 0.5) * 10px)
      calc(18px + var(--fragment-depth, 0.5) * 12px)
      color-mix(in srgb, #000 calc(12% + var(--fragment-pull, 0.2) * 18%), transparent);
  transform:
    translateZ(calc(var(--fragment-depth, 0.5) * 18px))
    translateX(calc(var(--fragment-pull, 0.2) * 3px))
    scale(calc(0.94 + var(--fragment-depth, 0.5) * 0.08));
  opacity: calc(0.62 + var(--fragment-depth, 0.5) * 0.38);
  transition:
    transform var(--rr-evolution-duration-surface) var(--rr-evolution-ease),
    opacity var(--rr-evolution-duration-surface) var(--rr-evolution-ease),
    box-shadow var(--rr-evolution-duration-surface) var(--rr-evolution-ease);
}

html.raumriss-os .writing-carry__fragment[data-temporal="resurfaced"] {
  opacity: calc(0.88 + var(--fragment-depth, 0.5) * 0.12);
  transform:
    translateZ(calc(22px + var(--fragment-depth, 0.5) * 20px))
    translateX(calc(var(--fragment-pull, 0.2) * 4px))
    scale(calc(0.98 + var(--fragment-depth, 0.5) * 0.04));
}

html.raumriss-os .writing-carry__fragment[data-temporal="distant"],
html.raumriss-os .writing-carry__fragment[data-temporal="deep"] {
  opacity: calc(0.48 + var(--fragment-depth, 0.5) * 0.28);
  filter: saturate(0.88);
}

html.raumriss-os .writing-carry__fragment[data-temporal="warm"] {
  filter: saturate(1.04);
}

html.raumriss-os .writing-carry__fragment[data-unfinished="true"] {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--os-orange-wick, var(--rr-orange)) 14%, transparent),
    inset 0 1px 0 color-mix(in srgb, #fff 3%, transparent),
    0 calc(10px + var(--fragment-pull, 0.3) * 8px)
      calc(22px + var(--fragment-pull, 0.3) * 10px)
      color-mix(in srgb, #000 20%, transparent);
}

html.raumriss-os .writing-carry__fragment[data-kind="hook"] {
  transform:
    translateZ(calc(var(--fragment-depth, 0.5) * 22px))
    translateX(calc(2px + var(--fragment-pull, 0.5) * 5px))
    scale(calc(0.96 + var(--fragment-depth, 0.5) * 0.06));
}

html.raumriss-os .writing-carry__fragment[data-kind="voice"] {
  padding-left: 0.82rem;
  box-shadow:
    inset 3px 0 0 color-mix(in srgb, var(--rr-atmo-glow-warm, #b87848) 22%, transparent),
    inset 0 1px 0 color-mix(in srgb, #fff 3%, transparent),
    0 12px 28px color-mix(in srgb, #000 calc(14% + var(--fragment-pull, 0.3) * 16%), transparent);
}

html.raumriss-os .writing-carry__fragment[data-kind="memory"] {
  opacity: calc(0.42 + var(--fragment-depth, 0.5) * 0.32);
  font-style: italic;
}

html.raumriss-os .writing-carry__fragment[data-carried="true"] {
  background: color-mix(
    in srgb,
    var(--rr-atmo-glow-warm, #b87848) calc(5% + var(--fragment-depth, 0.5) * 8%),
    var(--os-inset) 20%
  );
}

html.raumriss-os .writing-carry__phrase {
  font-size: 0.9375rem;
  line-height: 1.48;
  font-weight: 480;
  letter-spacing: 0.015em;
  color: color-mix(in srgb, var(--os-text) calc(78% + var(--fragment-depth, 0.5) * 22%), transparent);
}

html.raumriss-os .writing-carry__phrase--bare {
  font-weight: 440;
  font-size: 0.875rem;
  opacity: calc(0.72 + var(--fragment-depth, 0.5) * 0.28);
}

html.raumriss-os .writing-carry__trace {
  font-size: 0.6875rem;
  letter-spacing: 0.08em;
  text-transform: lowercase;
  color: color-mix(in srgb, var(--os-text-soft) 52%, transparent);
  opacity: 0.78;
}

html.raumriss-os .writing-carry__thread {
  margin-top: 1.05rem;
  padding-top: 0.75rem;
  border-top: 1px solid color-mix(in srgb, var(--os-border-soft) 22%, transparent);
  font-size: 0.8125rem;
  opacity: 0.82;
}

/* Writing Companion — semantic accompaniment, not generation */
html.raumriss-os .writing-companion {
  margin-top: 1.15rem;
  padding-top: 0.95rem;
  border-top: 1px solid color-mix(in srgb, var(--os-border-soft) 16%, transparent);
}

html.raumriss-os .writing-companion__field {
  display: block;
}

html.raumriss-os .writing-companion__input {
  width: 100%;
  margin: 0;
  padding: 0.62rem 0.05rem 0.55rem;
  border: none;
  border-bottom: 1px solid color-mix(in srgb, var(--os-border-soft) 28%, transparent);
  border-radius: 0;
  background: transparent;
  resize: vertical;
  min-height: 2.75rem;
  font-family: inherit;
  font-size: 0.9375rem;
  line-height: 1.52;
  letter-spacing: 0.018em;
  color: color-mix(in srgb, var(--os-text-body) 94%, var(--rr-atmo-glow-warm, #c8a080));
  box-shadow: none;
}

html.raumriss-os .writing-companion__input::-moz-placeholder {
  color: color-mix(in srgb, var(--os-text-soft) 52%, transparent);
  font-style: italic;
}

html.raumriss-os .writing-companion__input::placeholder {
  color: color-mix(in srgb, var(--os-text-soft) 52%, transparent);
  font-style: italic;
}

html.raumriss-os .writing-companion__input:focus {
  outline: none;
  border-bottom-color: color-mix(in srgb, var(--rr-atmo-glow-warm, #b87848) 32%, var(--os-border-soft));
}

html.raumriss-os .writing-companion__mirror,
html.raumriss-os .writing-companion__rhythm,
html.raumriss-os .writing-companion__silence {
  margin: 0.55rem 0 0;
  font-size: 0.75rem;
  line-height: 1.48;
  letter-spacing: 0.025em;
  color: color-mix(in srgb, var(--os-text-soft) 68%, transparent);
}

html.raumriss-os .writing-companion__rhythm {
  font-style: italic;
  color: color-mix(in srgb, var(--rr-atmo-glow-warm, #c48a5a) 38%, var(--os-text-soft));
}

html.raumriss-os .writing-companion__recalled,
html.raumriss-os .writing-companion__neighbors {
  margin: 0.72rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.38rem;
}

html.raumriss-os .writing-companion__recalled li {
  font-size: 0.6875rem;
  letter-spacing: 0.07em;
  text-transform: lowercase;
  color: color-mix(in srgb, var(--os-text-soft) 58%, transparent);
}

html.raumriss-os .writing-companion__neighbor {
  font-size: 0.8125rem;
  line-height: 1.46;
  padding-left: 0.55rem;
  border-left: 1px solid color-mix(in srgb, var(--os-border-soft) 32%, transparent);
  color: color-mix(in srgb, var(--os-text-soft) 78%, transparent);
  opacity: 0.86;
}

html.raumriss-os .writing-companion__neighbor[data-kind="scene"] {
  font-style: italic;
  border-left-color: color-mix(in srgb, var(--rr-atmo-glow-warm, #b87848) 24%, transparent);
}

html.raumriss-os .writing-companion__neighbor[data-kind="memory"] {
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  opacity: 0.72;
}

html.raumriss-os .writing-companion__silence {
  margin-top: 0.45rem;
  opacity: 0.55;
}

/* Workbench · continuation of writing room */
html.raumriss-os .semantic-workbench[data-writing-room="true"] {
  margin-top: 0.55rem;
  padding: 0.85rem 0.95rem 0.9rem;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--os-border-soft) 22%, transparent);
  background: color-mix(in srgb, var(--os-inset) 38%, #100d0b 62%);
  box-shadow: inset 0 -12px 28px color-mix(in srgb, #000 12%, transparent);
}

html.raumriss-os .semantic-workbench[data-writing-room="true"] .semantic-workbench__kicker,
html.raumriss-os .semantic-workbench[data-writing-room="true"] .semantic-workbench__line-label {
  opacity: 0.55;
  font-size: 0.6875rem;
  letter-spacing: 0.07em;
}

html.raumriss-os .semantic-workbench[data-writing-room="true"] .semantic-workbench__header {
  border-bottom: none;
  padding-bottom: 0;
}

html.raumriss-os .semantic-workbench[data-writing-room="true"] .semantic-workbench__presence {
  font-size: 0.8125rem;
  opacity: 0.78;
  color: color-mix(in srgb, var(--os-text-soft) 88%, transparent);
}

html.raumriss-os .semantic-workbench[data-writing-room="true"] .semantic-workbench__material {
  border: none;
  background: color-mix(in srgb, var(--os-inset) 24%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 2%, transparent);
}

html.raumriss-os .semantic-workbench[data-writing-room="true"] .semantic-workbench__lines {
  gap: 0.35rem;
}

html.raumriss-os .semantic-workbench[data-writing-room="true"] .semantic-workbench__line {
  opacity: 0.82;
}

html.raumriss-os .semantic-workbench[data-writing-room="true"] .semantic-workbench__handoff {
  border-top: 1px solid color-mix(in srgb, var(--os-border-soft) 18%, transparent);
  padding-top: 0.72rem;
  margin-top: 0.65rem;
}

html.raumriss-os .semantic-workbench[data-writing-room="true"] .semantic-workbench__cursor-bridge {
  background: color-mix(in srgb, var(--os-inset) 55%, #161210 45%);
  border-color: color-mix(in srgb, var(--os-border-soft) 35%, transparent);
  box-shadow: var(--rr-instrument-recess);
}

html.raumriss-os .semantic-workbench__writing {
  margin-top: 0.65rem;
  padding: 0.55rem 0 0;
  border-top: 1px solid color-mix(in srgb, var(--os-border-soft) 18%, transparent);
}

html.raumriss-os .semantic-workbench[data-writing-room="true"] .semantic-workbench__writing {
  border-top: none;
  padding-top: 0.15rem;
  margin-top: 0.45rem;
}

html.raumriss-os .semantic-workbench__writing-line,
html.raumriss-os .semantic-workbench__writing-unfinished {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  letter-spacing: 0.018em;
  color: color-mix(in srgb, var(--os-text-soft) 78%, transparent);
}

html.raumriss-os .semantic-workbench__writing-unfinished {
  margin-top: 0.35rem;
  font-style: italic;
  color: color-mix(in srgb, var(--rr-atmo-glow-warm, #c48a5a) 42%, var(--os-text-soft));
  opacity: 0.85;
}

html.raumriss-os .room-composition__stage--writing-room .zone-material-surface {
  opacity: 0.92;
}

html.raumriss-os .room-composition__stage--writing-room .runtime-context-section {
  opacity: 0.88;
}

/* ALIVEMAEX · Creative nervous system — shared breath, no new modules */
html.raumriss-os .writing-room[data-nervous-phase="moving"] .writing-room__glow--desk {
  opacity: 0.72;
  filter: blur(32px);
}

html.raumriss-os .writing-room[data-nervous-phase="resurfacing"] .writing-room__glow--memory {
  opacity: 0.78;
}

html.raumriss-os .writing-room[data-nervous-phase="returning"] .writing-room__glow--desk,
html.raumriss-os .writing-room[data-nervous-phase="returning"] .writing-room__glow--memory {
  opacity: 0.62;
  filter: blur(36px) saturate(0.92);
}

html.raumriss-os .writing-room[data-nervous-phase="paused"] {
  filter: saturate(0.94);
}

html.raumriss-os .writing-companion[data-writing-cadence="staccato"] .writing-companion__input {
  letter-spacing: 0.038em;
}

html.raumriss-os .writing-companion[data-writing-cadence="drifting"] .writing-companion__input {
  letter-spacing: 0.018em;
  line-height: 1.65;
}

html.raumriss-os .writing-companion[data-writing-cadence="open"] .writing-companion__input {
  letter-spacing: 0.06em;
}

html.raumriss-os .writing-companion__neighbor[data-kind="memory"] {
  opacity: 0.62;
  font-style: italic;
  letter-spacing: 0.04em;
}

html.raumriss-os .writing-carry[data-haunted="true"] {
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 4%, transparent),
    0 12px 36px color-mix(in srgb, #000 14%, transparent);
}

html.raumriss-os .writing-room[data-return-soft="true"] .writing-room__glow--desk {
  opacity: 0.68;
  filter: blur(34px) saturate(0.96);
}

html.raumriss-os .writing-carry[data-draft-breathing="true"] {
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--rr-atmo-glow-warm, #b87848) 8%, transparent),
    0 14px 40px color-mix(in srgb, #000 16%, transparent);
}

html.raumriss-os .writing-companion[data-atmospheric="true"] .writing-companion__neighbors {
  display: none;
}

html.raumriss-os .writing-companion[data-writing-breath="true"] .writing-companion__neighbors {
  display: none;
}

html.raumriss-os .writing-companion[data-atmospheric="true"] .writing-companion__input {
  border-bottom-color: color-mix(in srgb, var(--rr-atmo-glow-warm, #b87848) 24%, transparent);
}

html.raumriss-os .writing-companion[data-writing-breath="true"] .writing-companion__input {
  border-bottom-color: color-mix(
    in srgb,
    var(--rr-atmo-glow-warm, #b87848) calc(18% + var(--writing-breath-softness, 0) * 0.12%),
    transparent
  );
  transition: border-color var(--rr-evolution-duration-presence) var(--rr-evolution-ease);
}

html.raumriss-os .writing-room[data-writing-breath="true"] .writing-room__glow--desk {
  opacity: calc(0.58 + var(--writing-breath-softness, 0) * 0.002);
}

html.raumriss-os .writing-room[data-writing-breath="true"][data-writing-cadence="drifting"] .writing-room__glow--constellation {
  opacity: calc(0.3 + var(--constellation-density, 30) * 0.004 + var(--writing-breath-softness, 0) * 0.001);
}

html.raumriss-os .writing-room[data-writing-breath="true"][data-writing-cadence="staccato"] .writing-carry__fragment[data-constellation-near="true"] {
  filter: saturate(calc(0.98 + var(--constellation-drift, 0) * 0.06));
}

html.raumriss-os .writing-room[data-writing-breath="true"][data-writing-cadence="drifting"] .writing-carry__fragment[data-constellation-near="true"] {
  opacity: calc(0.72 + var(--fragment-depth, 0.5) * 0.28 + var(--writing-breath-softness, 0) * 0.001);
}

html.raumriss-os .writing-carry[data-constellation="true"][data-draft-breathing="true"] {
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--rr-atmo-glow-warm, #b87848) 10%, transparent),
    inset 0 -24px 44px color-mix(in srgb, #000 18%, transparent),
    0 26px 54px color-mix(in srgb, #000 24%, transparent);
}

html.raumriss-os .writing-room[data-writing-cadence="drifting"] .writing-room__glow--memory {
  opacity: 0.82;
}

html.raumriss-os .writing-room[data-writing-cadence="staccato"] .writing-room__grain {
  opacity: 0.055;
}

html.raumriss-os .semantic-workbench[data-writing-room="true"][data-nervous-phase="returning"] {
  opacity: 0.94;
}

html.raumriss-os .semantic-workbench[data-writing-room="true"][data-writing-gravity] {
  transition:
    opacity var(--rr-evolution-duration-presence) var(--rr-evolution-ease),
    filter var(--rr-evolution-duration-presence) var(--rr-evolution-ease);
}

html.raumriss-os .semantic-workbench[data-writing-room="true"][data-nervous-phase="moving"] {
  filter: saturate(1.02);
}

html.raumriss-os .semantic-workbench[data-writing-room="true"][data-nervous-phase="resurfacing"] {
  filter: saturate(1.04);
}

@media (prefers-reduced-motion: reduce) {
  html.raumriss-os .connected-system--breathing .connected-system__wick,
  html.raumriss-os .runtime-standby__pulse {
    animation: none !important;
  }

  html.raumriss-os .writing-carry__fragment {
    transform: none !important;
    transition: none !important;
  }

  html.raumriss-os .runtime-standby__pulse,
  html.raumriss-os .room-root-anchor,
  html.raumriss-os .room-root-step,
  html.raumriss-os .atmo-action,
  html.raumriss-os .operational-button,
  html.raumriss-os [aria-label="Riss Core"] .riss-hw-switch,
  html.raumriss-os [aria-label="Riss Core"] .riss-hw-control {
    transition-duration: 0.01ms !important;
    transform: none !important;
  }
}

/* ── System Presence & Operational Observatory ───────────────────────────── */

html.raumriss-os .connected-systems {
  margin-top: 0.85rem;
}

html.raumriss-os .connected-systems__kicker {
  margin: 0 0 0.55rem;
  letter-spacing: 0.14em;
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

html.raumriss-os .connected-systems__strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.85rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.raumriss-os .connected-system {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  min-width: 0;
}

html.raumriss-os .connected-system__wick {
  flex-shrink: 0;
  width: 3px;
  height: 1.15rem;
  margin-top: 0.12rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--os-text) 18%, transparent);
}

html.raumriss-os .connected-system[data-system-phase="connected"] .connected-system__wick,
html.raumriss-os .connected-system[data-system-phase="alive"] .connected-system__wick,
html.raumriss-os .connected-system[data-system-phase="carrying"] .connected-system__wick {
  background: color-mix(in srgb, var(--os-orange-wick) 72%, var(--os-text));
}

html.raumriss-os .connected-system[data-system-phase="stable"] .connected-system__wick,
html.raumriss-os .connected-system[data-system-phase="reachable"] .connected-system__wick {
  background: color-mix(in srgb, var(--os-text) 38%, var(--os-orange-wick));
}

html.raumriss-os .connected-system[data-system-phase="watching"] .connected-system__wick {
  background: color-mix(in srgb, var(--os-text) 52%, transparent);
}

html.raumriss-os .connected-system[data-system-phase="degraded"] .connected-system__wick,
html.raumriss-os .connected-system[data-system-phase="stale"] .connected-system__wick {
  background: color-mix(in srgb, var(--os-text) 24%, transparent);
}

html.raumriss-os .connected-system[data-system-phase="sleeping"] .connected-system__wick {
  opacity: 0.45;
}

html.raumriss-os .connected-system[data-system-phase="disconnected"] .connected-system__wick {
  background: color-mix(in srgb, var(--os-text) 16%, transparent);
  opacity: 0.55;
}

html.raumriss-os .connected-system--breathing .connected-system__wick {
  animation: connected-system-wick-breathe 4.8s ease-in-out infinite;
}

@keyframes connected-system-wick-breathe {
  0%,
  100% {
    opacity: 0.72;
    transform: scaleY(0.92);
  }
  50% {
    opacity: 1;
    transform: scaleY(1);
  }
}

html.raumriss-os .connected-systems__heartbeat {
  margin: 0 0 0.45rem;
  font-size: 0.72rem;
  color: color-mix(in srgb, var(--os-orange-wick) 55%, var(--os-text));
  letter-spacing: 0.02em;
}

html.raumriss-os .connected-systems--room .connected-systems__kicker {
  margin-bottom: 0.5rem;
  letter-spacing: 0.14em;
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .connected-systems--compact .connected-system__whisper {
  font-size: 0.65rem;
  color: color-mix(in srgb, var(--os-text) 48%, transparent);
}

html.raumriss-os .connected-system__body {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  min-width: 0;
}

html.raumriss-os .connected-system__label {
  font-size: 0.78rem;
  font-weight: 520;
  letter-spacing: 0.02em;
  color: color-mix(in srgb, var(--os-text) 88%, transparent);
}

html.raumriss-os .connected-system__whisper {
  font-size: 0.72rem;
  line-height: 1.35;
  color: color-mix(in srgb, var(--os-text) 58%, transparent);
}

html.raumriss-os .connected-systems__trust {
  margin: 0.55rem 0 0;
  font-size: 0.74rem;
  color: color-mix(in srgb, var(--os-text) 52%, transparent);
}

html.raumriss-os .connected-systems--home {
  padding: 0.65rem 0 0.15rem;
  border-top: 1px solid color-mix(in srgb, var(--os-text) 8%, transparent);
}

html.raumriss-os .connected-systems--home .connected-system[data-system-phase="connected"] .connected-system__wick,
html.raumriss-os .connected-systems--home .connected-system[data-system-phase="carrying"] .connected-system__wick,
html.raumriss-os .connected-systems--home .connected-system[data-system-phase="alive"] .connected-system__wick {
  background: color-mix(in srgb, #6f9a6a 58%, var(--os-orange-wick));
  box-shadow: 0 0 10px color-mix(in srgb, #6f9a6a 22%, transparent);
}

html.raumriss-os .connected-systems--field {
  margin-top: 0.35rem;
}

html.raumriss-os .connected-systems--field .connected-system__label {
  font-size: 0.74rem;
}

html.raumriss-os .connected-systems--compact {
  margin: 0;
  padding: 0 0.35rem 0 0;
  pointer-events: none;
}

html.raumriss-os .connected-systems--compact .connected-systems__strip {
  gap: 0.25rem 0.55rem;
}

html.raumriss-os .connected-systems--compact .connected-system__label {
  font-size: 0.66rem;
  font-weight: 480;
  letter-spacing: 0.02em;
  text-transform: none;
  color: color-mix(in srgb, var(--os-text) 52%, transparent);
}

html.raumriss-os .connected-systems--compact .connected-system__wick {
  width: 2px;
  height: 0.85rem;
}

html.raumriss-os .runtime-presence-instrument {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.2rem;
}

html.raumriss-os .runtime-presence-layer:not(.runtime-presence-layer--home) .runtime-presence-instrument {
  flex-direction: row;
  align-items: center;
  gap: 0.65rem;
}

html.raumriss-os .runtime-presence-layer:not(.runtime-presence-layer--home) .runtime-presence-ops {
  flex-direction: column;
  align-items: flex-end;
}

html.raumriss-os .current-field__layer--systems {
  margin-top: 0.25rem;
  padding-top: 0.45rem;
  border-top: 1px solid color-mix(in srgb, var(--os-text) 6%, transparent);
}

html.raumriss-os .room-system-presence-strip {
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid color-mix(in srgb, var(--os-text) 8%, transparent);
}

html.raumriss-os .operational-observatory {
  margin-top: 1.25rem;
  padding: 1.1rem 0 0.5rem;
}

html.raumriss-os .operational-observatory__kicker {
  margin: 0 0 0.35rem;
  letter-spacing: 0.16em;
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .operational-observatory__title {
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.2;
}

html.raumriss-os .operational-observatory__atmosphere,
html.raumriss-os .operational-observatory__trust {
  margin: 0.45rem 0 0;
  max-width: 42rem;
  line-height: 1.45;
}

html.raumriss-os .operational-observatory__section-label {
  margin: 1.1rem 0 0.55rem;
  color: color-mix(in srgb, var(--os-text) 48%, transparent);
}

html.raumriss-os .operational-observatory__chamber-list,
html.raumriss-os .operational-observatory__tension-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.65rem;
}

html.raumriss-os .observatory-chamber {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
  padding: 0.55rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 6%, transparent);
}

html.raumriss-os .observatory-chamber:last-child {
  border-bottom: none;
}

html.raumriss-os .observatory-chamber__wick {
  flex-shrink: 0;
  width: 3px;
  align-self: stretch;
  min-height: 1.5rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--os-text) 16%, transparent);
}

html.raumriss-os .observatory-chamber[data-chamber-tone="carrying"] .observatory-chamber__wick {
  background: color-mix(in srgb, var(--os-orange-wick) 68%, var(--os-text));
}

html.raumriss-os .observatory-chamber[data-chamber-tone="watch"] .observatory-chamber__wick,
html.raumriss-os .observatory-chamber[data-chamber-tone="tension"] .observatory-chamber__wick {
  background: color-mix(in srgb, var(--os-text) 34%, var(--os-orange-wick));
}

html.raumriss-os .observatory-chamber__title {
  margin: 0;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
}

html.raumriss-os .observatory-chamber__whisper {
  margin: 0.2rem 0 0;
  line-height: 1.4;
  max-width: 36rem;
}

html.raumriss-os .observatory-tension {
  padding: 0.35rem 0;
  border-left: 2px solid color-mix(in srgb, var(--os-text) 12%, transparent);
  padding-left: 0.65rem;
  line-height: 1.4;
}

html.raumriss-os .operational-observatory__still {
  margin: 0.85rem 0 0;
  max-width: 36rem;
  line-height: 1.45;
}

html.raumriss-os .operational-observatory__systems {
  margin-top: 1.25rem;
  padding-top: 0.85rem;
  border-top: 1px solid color-mix(in srgb, var(--os-text) 8%, transparent);
}

html.raumriss-os .room-composition__stage--observatory {
  max-width: 52rem;
}

/* ── Breathing Runtime Pass · carry, silence, living continuity ── */

html.raumriss-os .semantic-workbench {
  transition:
    border-color var(--rr-evolution-duration-presence) var(--rr-evolution-ease),
    background var(--rr-evolution-duration-presence) var(--rr-evolution-ease),
    opacity calc(var(--rr-evolution-duration-presence) * 1.1) var(--rr-evolution-ease);
}

html.raumriss-os .semantic-workbench[data-work-phase="continuing"] {
  border-color: color-mix(
    in srgb,
    var(--surface-divider) 72%,
    var(--rr-warm-accent, #c4a574) calc(10% + attr(data-movement-persistence number, 28) * 0.12%)
  );
}

html.raumriss-os .semantic-workbench[data-work-phase="carrying"] .semantic-workbench__carry,
html.raumriss-os .semantic-workbench[data-work-phase="continuing"] .semantic-workbench__carry {
  opacity: 0.92;
  letter-spacing: 0.01em;
}

html.raumriss-os .semantic-workbench__carry {
  transition: opacity var(--rr-evolution-duration-presence) var(--rr-evolution-ease);
}

html.raumriss-os .semantic-workbench__lines {
  gap: 0.55rem;
}

html.raumriss-os .semantic-workbench__line-value {
  line-height: 1.42;
  color: color-mix(in srgb, var(--os-text-body) 88%, transparent);
}

html.raumriss-os .material-resolution__carry {
  letter-spacing: 0.01em;
  line-height: 1.48;
  max-width: 36rem;
}

html.raumriss-os .operational-observatory__atmosphere,
html.raumriss-os .operational-observatory__trust {
  line-height: 1.48;
  letter-spacing: 0.005em;
}

html.raumriss-os .operational-observatory__chamber-list {
  gap: 0.72rem;
}

html.raumriss-os .observatory-chamber {
  transition:
    opacity var(--rr-evolution-duration-presence) var(--rr-evolution-ease),
    border-color var(--rr-evolution-duration-presence) var(--rr-evolution-ease);
}

html.raumriss-os .connected-systems__trust {
  letter-spacing: 0.01em;
  opacity: 0.92;
}

html.raumriss-os .zone-material-surface__tile[data-material-gravity="dormant"],
html.raumriss-os .zone-material-surface__wall-cell[data-material-gravity="dormant"] {
  transition: opacity calc(var(--rr-evolution-duration-presence) * 1.4) var(--rr-evolution-ease);
}

html.raumriss-os .zone-material-surface__tile[data-relationship-presence="dormant-warm"],
html.raumriss-os .zone-material-surface__wall-cell[data-relationship-presence="dormant-warm"] {
  box-shadow: inset 0 0 0 1px
    color-mix(in srgb, var(--rr-warm-accent, #c4a574) 8%, transparent);
}

/* ── Home Runtime Anchor · Ritual + Quellen unter der Atmosphären-Uhr ──── */

/* Negative stage margin pulls instrument-deck over the hero bottom — keep session operable. */
html.raumriss-os .operating-environment > .environment-stage {
  position: relative !important;
  z-index: 5 !important;
}

html.raumriss-os .operating-environment > .runtime-instrument-deck {
  position: relative;
  z-index: 1;
  /* Deck padding overlaps the hero — do not steal hits outside its children. */
  pointer-events: none;
}

html.raumriss-os .operating-environment > .runtime-instrument-deck > * {
  pointer-events: auto;
}

html.raumriss-os .environment-entrance__system {
  position: relative;
  z-index: 6;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  gap: clamp(0.28rem, 0.65vw, 0.42rem);
  min-width: 0;
  flex-shrink: 0;
}

html.raumriss-os .home-atmosphere-clock {
  width: 100%;
  padding: 0.08rem 0 clamp(0.72rem, 1.6vw, 1.15rem);
}

html.raumriss-os .environment-entrance__system .presence-clock--hero {
  align-items: flex-end;
  text-align: right;
  padding: 0.18rem 0 0.12rem;
}

html.raumriss-os .environment-entrance__system .presence-clock--hero .presence-clock-time {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: clamp(2.25rem, 5.2vw + 0.45rem, 3.55rem);
  font-weight: 500;
  line-height: 0.92;
  letter-spacing: -0.025em;
  color: color-mix(in srgb, var(--os-text) 90%, var(--os-orange-wick) 10%);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "kern" 1, "tnum" 1;
  text-shadow: 0 1px 28px color-mix(in srgb, var(--os-text) 6%, transparent);
}

html.raumriss-os .environment-entrance__system .presence-clock--hero .presence-clock-meta {
  margin-top: clamp(0.38rem, 0.9vw, 0.52rem);
  font-size: clamp(0.72rem, 0.28vw + 0.66rem, 0.8125rem);
  letter-spacing: 0.045em;
  line-height: 1.35;
  color: color-mix(in srgb, var(--os-text) 52%, transparent);
}

html.raumriss-os .home-runtime-anchor {
  position: relative;
  z-index: 8;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: clamp(0.34rem, 0.75vw, 0.5rem);
  width: min(100%, 14.5rem);
  min-width: min(10.75rem, 100%);
}

/* Recessed shell — decorative only; control carries pointer-events. */
html.raumriss-os .home-runtime-anchor__session-slot {
  position: relative;
  z-index: 2;
  isolation: isolate;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 0.28rem 0.38rem 0.3rem 0.42rem;
  border-radius: 6px;
  border: none;
  pointer-events: none;
  background:
    linear-gradient(
      188deg,
      color-mix(in srgb, var(--os-inset) 62%, var(--os-surface-soft) 38%) 0%,
      color-mix(in srgb, var(--os-inset) 78%, #0a0908 22%) 100%
    );
  box-shadow:
    inset 0 2px 6px color-mix(in srgb, var(--rr-shadow, #1a1510) 14%, transparent),
    inset 0 -1px 0 color-mix(in srgb, #fff 4%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--os-border-soft) 16%, transparent);
}

html.raumriss-os .home-runtime-anchor__session-slot::before {
  content: "";
  position: absolute;
  left: 0.32rem;
  top: 0.5rem;
  bottom: 0.48rem;
  width: 1px;
  pointer-events: none;
  opacity: 0.28;
  background: linear-gradient(
    180deg,
    transparent 0%,
    color-mix(in srgb, var(--os-orange-wick) 38%, transparent) 46%,
    color-mix(in srgb, var(--os-orange-wick) 22%, transparent) 72%,
    transparent 100%
  );
}

html.raumriss-os .home-runtime-anchor__session-slot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;
  pointer-events: none;
  opacity: 0.68;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 6%, transparent);
}

html.raumriss-os .home-runtime-anchor__session-slot .session-recess--ritual {
  position: relative;
  z-index: 2;
  pointer-events: auto !important;
  margin-left: auto;
  min-height: 1.75rem;
  min-width: 6.5rem;
  cursor: pointer;
  touch-action: manipulation;
}

html.raumriss-os .home-runtime-anchor__session-slot .session-recess--ritual:hover,
html.raumriss-os .home-runtime-anchor__session-slot .session-recess--ritual:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--os-orange-wick) 42%, transparent);
  outline-offset: 2px;
}

html.raumriss-os [data-session-control] {
  pointer-events: auto !important;
  position: relative;
  z-index: 50;
  cursor: pointer;
  touch-action: manipulation;
}

html.raumriss-os .session-recess--ritual {
  gap: 0.32rem;
  padding: 0.12rem 0.16rem 0.14rem 0.12rem;
  border-radius: 4px;
  background: color-mix(in srgb, var(--os-inset) 82%, #0a0908 18%);
  box-shadow:
    inset 0 2px 4px color-mix(in srgb, var(--rr-shadow, #1a1510) 20%, transparent),
    inset 0 -1px 0 color-mix(in srgb, #fff 3%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--os-border-soft) 12%, transparent);
  opacity: 0.82;
}

html.raumriss-os .session-recess--ritual .session-recess__well {
  width: 0.62rem;
  height: 0.62rem;
}

html.raumriss-os .session-recess--ritual .session-recess__bead {
  width: 0.22rem;
  height: 0.22rem;
}

html.raumriss-os .session-recess--ritual .session-recess__label {
  font-size: 0.56rem;
  font-weight: 460;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

html.raumriss-os .session-recess--ritual:hover,
html.raumriss-os .session-recess--ritual:focus-visible {
  opacity: 0.94;
}

html.raumriss-os .session-recess--ritual.session-recess--holding {
  opacity: 1;
  box-shadow:
    inset 0 2px 5px color-mix(in srgb, var(--rr-shadow, #1a1510) 22%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--os-orange-wick) 10%, transparent);
}

html.raumriss-os .session-recess--ritual.session-recess--holding .session-recess__label {
  color: color-mix(in srgb, var(--os-text) 52%, transparent);
}

html.raumriss-os .home-runtime-anchor .operational-field--embedded {
  width: 100%;
  max-width: none;
  pointer-events: none;
}

/* ── Operational Field · eingelassenes Runtime-Instrument ─────────────────── */

html.raumriss-os .operational-field {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.38rem;
  min-width: 0;
  padding: 0 0 1.55rem;
}

html.raumriss-os .operational-field__strip {
  position: relative;
  min-width: 0;
}

html.raumriss-os .operational-field--embedded {
  width: 100%;
  max-width: min(22rem, 100%);
  padding: 0;
  gap: 0.18rem;
}

html.raumriss-os .operational-field--embedded .operational-field__strip {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.12rem 0.22rem;
  padding: 0.16rem 0.22rem 0.17rem 0.28rem;
  border-radius: 4px;
  background: color-mix(in srgb, var(--os-inset) 84%, #0a0908 16%);
  box-shadow:
    inset 0 2px 5px color-mix(in srgb, var(--rr-shadow, #1a1510) 18%, transparent),
    inset 0 -1px 0 color-mix(in srgb, #fff 3%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--os-border-soft) 14%, transparent);
}

html.raumriss-os .operational-field--embedded .operational-field__sources {
  flex: 1 1 auto;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 0;
  gap: 0;
  justify-content: flex-end;
}

html.raumriss-os .operational-field--embedded .operational-field__source {
  flex-shrink: 1;
  min-width: 0;
  padding: 0 0.34rem 0 0;
}

html.raumriss-os .operational-field--embedded .operational-field__source:not(:last-child)::after {
  height: 0.52rem;
  margin-left: 0.08rem;
  opacity: 0.42;
}

html.raumriss-os .operational-field--embedded .operational-field__line {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.58rem;
  letter-spacing: 0.04em;
  color: color-mix(in srgb, var(--os-text) 48%, transparent);
}

html.raumriss-os .operational-field--embedded .operational-field__led {
  width: 0.26rem;
  height: 0.26rem;
  box-shadow:
    inset 0 1px 2px color-mix(in srgb, var(--rr-shadow, #1a1510) 32%, transparent),
    inset 0 -1px 0 color-mix(in srgb, #fff 4%, transparent);
}

html.raumriss-os .operational-field--embedded
  .operational-field__source[data-system-phase="connected"]
  .operational-field__led,
html.raumriss-os .operational-field--embedded
  .operational-field__source[data-system-phase="alive"]
  .operational-field__led,
html.raumriss-os .operational-field--embedded
  .operational-field__source[data-system-phase="carrying"]
  .operational-field__led,
html.raumriss-os .operational-field--embedded
  .operational-field__source[data-system-phase="stable"]
  .operational-field__led {
  box-shadow:
    inset 0 1px 2px color-mix(in srgb, var(--rr-shadow, #1a1510) 22%, transparent),
    0 0 3px color-mix(in srgb, #6f9a6a 12%, transparent);
}

html.raumriss-os .operational-field--embedded .operational-field__riss-seam {
  flex-shrink: 1;
  min-width: 0;
  margin: 0;
  padding: 0 0.12rem 0 0;
  gap: 0.28rem;
  font-size: 0.56rem;
  color: color-mix(in srgb, var(--os-text) 36%, transparent);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.raumriss-os .operational-field--embedded .operational-field__riss-mark {
  width: 0.38rem;
  opacity: 0.42;
}

html.raumriss-os .operational-field--embedded .operational-field__session {
  position: static;
  flex-shrink: 0;
  margin: 0 0 0 0.06rem;
  padding: 0;
}

html.raumriss-os .operational-field--embedded .operational-field__trust {
  align-self: flex-end;
  max-width: 100%;
  padding: 0;
  font-size: 0.56rem;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.raumriss-os .operational-field--embedded[data-field-troubled="true"] .operational-field__strip {
  box-shadow:
    inset 0 2px 5px color-mix(in srgb, var(--rr-shadow, #1a1510) 20%, transparent),
    inset 0 -1px 0 color-mix(in srgb, #fff 3%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--os-orange-wick) 12%, transparent);
}

html.raumriss-os .operational-field__channel {
  position: absolute;
  left: 0.12rem;
  right: 0.12rem;
  top: 0.18rem;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--os-text) 10%, transparent) 18%,
    color-mix(in srgb, var(--os-text) 10%, transparent) 82%,
    transparent 100%
  );
  opacity: 0.55;
}

html.raumriss-os .operational-field__sources {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.15rem 0;
  margin: 0;
  padding: 0.08rem 0 0;
  list-style: none;
}

html.raumriss-os .operational-field__source {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  min-width: 0;
  padding: 0.14rem 0.55rem 0.14rem 0;
}

html.raumriss-os .operational-field__source:not(:last-child)::after {
  content: "";
  flex-shrink: 0;
  width: 1px;
  height: 0.72rem;
  margin-left: 0.12rem;
  background: color-mix(in srgb, var(--os-text) 9%, transparent);
  opacity: 0.65;
}

html.raumriss-os .operational-field__led {
  flex-shrink: 0;
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--os-text) 14%, var(--os-inset));
  box-shadow:
    inset 0 1px 2px color-mix(in srgb, var(--rr-shadow, #1a1510) 28%, transparent),
    inset 0 -1px 0 color-mix(in srgb, #fff 6%, transparent);
}

html.raumriss-os .operational-field__source[data-system-phase="connected"] .operational-field__led,
html.raumriss-os .operational-field__source[data-system-phase="alive"] .operational-field__led,
html.raumriss-os .operational-field__source[data-system-phase="carrying"] .operational-field__led,
html.raumriss-os .operational-field__source[data-system-phase="stable"] .operational-field__led {
  background: color-mix(in srgb, #6f9a6a 52%, var(--os-inset));
  box-shadow:
    inset 0 1px 2px color-mix(in srgb, var(--rr-shadow, #1a1510) 18%, transparent),
    0 0 6px color-mix(in srgb, #6f9a6a 18%, transparent);
}

html.raumriss-os .operational-field__source[data-system-phase="watching"] .operational-field__led,
html.raumriss-os .operational-field__source[data-system-phase="reachable"] .operational-field__led {
  background: color-mix(in srgb, var(--os-orange-wick) 38%, var(--os-inset));
}

html.raumriss-os .operational-field__source[data-system-phase="degraded"] .operational-field__led,
html.raumriss-os .operational-field__source[data-system-phase="stale"] .operational-field__led {
  background: color-mix(in srgb, var(--os-orange-wick) 22%, var(--os-inset));
  opacity: 0.72;
}

html.raumriss-os .operational-field__source[data-system-phase="sleeping"] .operational-field__led,
html.raumriss-os .operational-field__source[data-system-phase="disconnected"] .operational-field__led {
  opacity: 0.42;
}

html.raumriss-os .operational-field__source--breathing .operational-field__led {
  animation: operational-field-led-breathe 5.4s ease-in-out infinite;
}

@keyframes operational-field-led-breathe {
  0%,
  100% {
    opacity: 0.68;
    transform: scale(0.94);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

html.raumriss-os .operational-field__line {
  font-size: 0.68rem;
  font-weight: 480;
  letter-spacing: 0.018em;
  line-height: 1.32;
  color: color-mix(in srgb, var(--os-text) 62%, transparent);
  white-space: nowrap;
}

html.raumriss-os .operational-field__source[data-system-phase="carrying"] .operational-field__line,
html.raumriss-os .operational-field__source[data-system-phase="alive"] .operational-field__line {
  color: color-mix(in srgb, var(--os-text) 74%, transparent);
}

html.raumriss-os .operational-field__source[data-system-phase="stale"] .operational-field__line,
html.raumriss-os .operational-field__source[data-system-phase="degraded"] .operational-field__line {
  color: color-mix(in srgb, var(--os-orange-wick) 42%, var(--os-text) 58%);
}

html.raumriss-os .operational-field__riss-seam {
  display: flex;
  align-items: center;
  gap: 0.42rem;
  margin: 0;
  padding: 0.12rem 0 0 0.08rem;
  font-size: 0.64rem;
  letter-spacing: 0.02em;
  color: color-mix(in srgb, var(--os-text) 44%, transparent);
}

html.raumriss-os .operational-field__riss-mark {
  flex-shrink: 0;
  width: 0.55rem;
  height: 1px;
  background: color-mix(in srgb, var(--os-orange-wick) 38%, transparent);
  opacity: 0.55;
}

html.raumriss-os .operational-field__trust {
  margin: 0;
  padding: 0 0 0 0.08rem;
  font-size: 0.62rem;
  letter-spacing: 0.02em;
  color: color-mix(in srgb, var(--os-text) 38%, transparent);
  opacity: 0.88;
}

html.raumriss-os .operational-field__session {
  position: absolute;
  right: 0.14rem;
  bottom: 0.12rem;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

html.raumriss-os .operational-field__session .session-recess {
  pointer-events: auto;
}

html.raumriss-os .session-recess--compact {
  position: relative;
  gap: 0;
  padding: 0.08rem 0.1rem 0.09rem 0.08rem;
  border-radius: 3px;
  background: color-mix(in srgb, var(--os-inset) 88%, #0a0908 12%);
  box-shadow:
    inset 0 2px 4px color-mix(in srgb, var(--rr-shadow, #1a1510) 22%, transparent),
    inset 0 -1px 0 color-mix(in srgb, #fff 3%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--os-border-soft) 12%, transparent);
  opacity: 0.72;
  transition:
    box-shadow 0.45s ease,
    opacity 0.45s ease;
}

html.raumriss-os .session-recess--compact .session-recess__well {
  width: 0.52rem;
  height: 0.52rem;
}

html.raumriss-os .session-recess--compact .session-recess__bead {
  width: 0.2rem;
  height: 0.2rem;
}

html.raumriss-os .session-recess--compact .session-recess__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

html.raumriss-os .session-recess--compact:hover,
html.raumriss-os .session-recess--compact:focus-visible {
  opacity: 0.92;
}

html.raumriss-os .session-recess--compact.session-recess--holding {
  opacity: 1;
  box-shadow:
    inset 0 2px 4px color-mix(in srgb, var(--rr-shadow, #1a1510) 24%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--os-orange-wick) 10%, transparent);
}

html.raumriss-os .session-recess {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  margin: 0;
  padding: 0.18rem 0.28rem 0.2rem 0.22rem;
  border: none;
  border-radius: 5px;
  background: color-mix(in srgb, var(--os-inset) 68%, transparent);
  box-shadow:
    inset 0 2px 4px color-mix(in srgb, var(--rr-shadow, #1a1510) 16%, transparent),
    inset 0 -1px 0 color-mix(in srgb, #fff 4%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--os-border-soft) 18%, transparent);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition:
    box-shadow 0.45s ease,
    opacity 0.45s ease;
}

html.raumriss-os .session-recess__well {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--os-inset) 82%, #0a0908 18%);
  box-shadow:
    inset 0 1px 3px color-mix(in srgb, var(--rr-shadow, #1a1510) 24%, transparent),
    inset 0 -1px 0 color-mix(in srgb, #fff 5%, transparent);
}

html.raumriss-os .session-recess__bead {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--os-text) 20%, var(--os-inset));
  box-shadow: inset 0 1px 1px color-mix(in srgb, var(--rr-shadow, #1a1510) 22%, transparent);
  transition:
    background 0.35s ease,
    box-shadow 0.35s ease;
}

html.raumriss-os .session-recess__label {
  font-size: 0.58rem;
  font-weight: 480;
  letter-spacing: 0.06em;
  text-transform: none;
  color: color-mix(in srgb, var(--os-text) 46%, transparent);
  white-space: nowrap;
}

html.raumriss-os .session-recess--holding {
  box-shadow:
    inset 0 2px 5px color-mix(in srgb, var(--rr-shadow, #1a1510) 20%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--os-orange-wick) 14%, transparent),
    0 0 12px color-mix(in srgb, #6f9a6a 10%, transparent);
}

html.raumriss-os .session-recess--holding .session-recess__bead {
  background: color-mix(in srgb, #6f9a6a 52%, var(--os-inset));
  box-shadow:
    inset 0 1px 1px color-mix(in srgb, #fff 10%, transparent),
    0 0 6px color-mix(in srgb, #6f9a6a 22%, transparent);
}

html.raumriss-os .session-recess--holding .session-recess__label {
  color: color-mix(in srgb, var(--os-text) 58%, transparent);
}

html.raumriss-os .session-recess--exiting {
  opacity: 0.42;
}

html.raumriss-os .session-recess--exiting .session-recess__bead {
  background: color-mix(in srgb, var(--os-orange-wick) 38%, var(--os-inset));
}

html.raumriss-os .operational-field[data-field-troubled="true"] .operational-field__channel {
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--os-orange-wick) 16%, transparent) 22%,
    color-mix(in srgb, var(--os-orange-wick) 16%, transparent) 78%,
    transparent 100%
  );
}

@media (max-width: 640px) {
  html.raumriss-os .environment-entrance__system {
    align-items: flex-start;
    width: 100%;
  }

  html.raumriss-os .home-atmosphere-clock {
    padding-bottom: clamp(0.55rem, 1.2vw, 0.85rem);
  }

  html.raumriss-os .environment-entrance__system .presence-clock--hero {
    align-items: flex-start;
    text-align: left;
  }

  html.raumriss-os .home-runtime-anchor {
    align-items: flex-start;
    width: 100%;
    min-width: 0;
  }

  html.raumriss-os .home-runtime-anchor__session-slot .session-recess--ritual {
    margin-left: 0;
  }

  html.raumriss-os .operational-field--embedded {
    max-width: 100%;
  }

  html.raumriss-os .operational-field--embedded .operational-field__strip {
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 0.1rem;
  }

  html.raumriss-os .operational-field--embedded .operational-field__sources {
    justify-content: flex-start;
  }

  html.raumriss-os .operational-field__line {
    font-size: 0.64rem;
  }

  html.raumriss-os .operational-field__source {
    padding-right: 0.42rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.raumriss-os .operational-field__source--breathing .operational-field__led {
    animation: none;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
 * FOCUS · Operative Runtime Stack — zone instruments grown from room material
 * Atmosphere + Live Ads + Conversion weather as one recessed field, not modules.
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --rr-operative-recess:
    inset 0 2px 6px color-mix(in srgb, var(--rr-shadow, #1a1510) 10%, transparent),
    inset 0 -1px 0 color-mix(in srgb, #fff 4%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--os-border-soft) 12%, transparent);
  --rr-operative-wick-idle: color-mix(in srgb, var(--os-text) 14%, transparent);
  --rr-operative-wick-live: color-mix(in srgb, var(--os-orange-wick) 52%, var(--os-text));
  --rr-operative-wick-watch: color-mix(in srgb, var(--os-text) 28%, var(--os-orange-wick));
  --rr-operative-read-size: clamp(0.6875rem, 0.85vw, 0.75rem);
  --rr-operative-meta-size: 0.625rem;
}

html.raumriss-os .operational-atmosphere:not(.zone-operative-stack__weather) {
  background: linear-gradient(
    175deg,
    color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 20%, transparent) 0%,
    transparent 66%
  ) !important;
}

/* ── Zone operative stack · eingelassenes Runtime-Feld ─────────────────── */

html.raumriss-os .zone-operative-stack {
  position: relative;
  display: grid;
  grid-template-columns: 3px minmax(0, 1fr);
  gap: 0.72rem;
  margin: clamp(0.35rem, 0.9vw, 0.55rem) 0 clamp(0.85rem, 1.6vw, 1.15rem);
  padding: clamp(0.55rem, 1.1vw, 0.78rem) clamp(0.35rem, 0.9vw, 0.62rem)
    clamp(0.62rem, 1.2vw, 0.85rem);
  border-radius: 6px;
  background: color-mix(in srgb, var(--os-inset) 38%, transparent);
  box-shadow: var(--rr-operative-recess);
  transition:
    background calc(var(--rr-runtime-breath-ms) * 1ms) var(--rr-evolution-ease),
    box-shadow calc(var(--rr-runtime-breath-ms) * 1ms) var(--rr-evolution-ease);
}

html.raumriss-os .zone-business-ops--creative-room .zone-operative-stack,
html.raumriss-os .zone-business-ops--commerce-room .zone-operative-stack {
  margin-left: 0;
  margin-right: 0;
  background: color-mix(in srgb, var(--os-inset) 28%, transparent);
  box-shadow:
    var(--rr-operative-recess),
    0 1px 0 color-mix(in srgb, #fff 3%, transparent);
}

html.raumriss-os .zone-operative-stack__wick {
  display: block;
  width: 3px;
  min-height: 2.5rem;
  align-self: stretch;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    transparent 0%,
    var(--rr-operative-wick-idle) 18%,
    var(--rr-operative-wick-idle) 82%,
    transparent 100%
  );
  opacity: 0.72;
  transition:
    background calc(var(--rr-runtime-breath-ms) * 1.1 * 1ms) var(--rr-evolution-ease),
    opacity calc(var(--rr-runtime-breath-ms) * 1ms) var(--rr-evolution-ease);
}

html.raumriss-os .zone-operative-stack[data-operative-source="live"] .zone-operative-stack__wick,
html.raumriss-os .zone-operative-stack[data-operative-source="cached"] .zone-operative-stack__wick {
  background: linear-gradient(
    180deg,
    transparent 0%,
    color-mix(in srgb, var(--rr-operative-wick-live) 68%, transparent) 22%,
    color-mix(in srgb, #6f9a6a 38%, var(--os-orange-wick)) 52%,
    color-mix(in srgb, var(--rr-operative-wick-live) 55%, transparent) 78%,
    transparent 100%
  );
  opacity: 0.88;
  box-shadow: 0 0 14px color-mix(in srgb, #6f9a6a 8%, transparent);
}

html.raumriss-os .zone-operative-stack[data-operative-source="fallback"] .zone-operative-stack__wick {
  opacity: 0.48;
}

html.raumriss-os .zone-operative-stack__body {
  display: flex;
  flex-direction: column;
  gap: clamp(0.45rem, 0.9vw, 0.65rem);
  min-width: 0;
}

/* ── Weather strip · inside stack, no detached gradient card ─────────────── */

html.raumriss-os .zone-operative-stack .operational-atmosphere,
html.raumriss-os .zone-operative-stack__weather {
  margin: 0 !important;
  padding: 0 0 clamp(0.35rem, 0.7vw, 0.48rem) !important;
  border-radius: 0;
  background: none !important;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 5%, transparent);
}

html.raumriss-os .zone-operative-stack .operational-atmosphere__primary {
  font-size: var(--rr-operative-read-size) !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.48 !important;
  color: color-mix(in srgb, var(--os-text) 84%, var(--os-orange-wick) 16%) !important;
}

html.raumriss-os .zone-operative-stack .operational-atmosphere__secondary {
  gap: 0.14rem;
  margin-top: 0.28rem;
}

html.raumriss-os .zone-operative-stack .operational-atmosphere__secondary li {
  font-size: var(--rr-operative-meta-size);
  font-style: normal;
  letter-spacing: 0.012em;
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

html.raumriss-os .zone-operative-stack .operational-atmosphere__continuity {
  margin-top: 0.32rem;
  font-size: var(--rr-operative-meta-size);
  letter-spacing: 0.01em;
  color: color-mix(in srgb, var(--os-text) 38%, transparent);
}

html.raumriss-os .zone-operative-stack .operational-atmosphere[data-weather-phase="shifting"] {
  opacity: 0.9;
}

/* ── Ads Control Surface · operative KPI (Heute + 7T) ───────────────────── */

html.raumriss-os .zone-operative-stack .ads-control-surface {
  margin: 0 0 clamp(0.55rem, 1vw, 0.72rem);
  padding: clamp(0.5rem, 0.95vw, 0.68rem) 0 clamp(0.42rem, 0.8vw, 0.58rem);
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 6%, transparent);
}

html.raumriss-os .ads-control-surface__header {
  display: flex;
  align-items: center;
  gap: 0.42rem;
  margin: 0 0 0.38rem;
}

html.raumriss-os .ads-control-surface__wick {
  width: 2px;
  height: 0.85rem;
  flex-shrink: 0;
  border-radius: 1px;
  background: color-mix(in srgb, var(--os-orange-wick) 42%, transparent);
  box-shadow: 0 0 5px color-mix(in srgb, var(--os-orange-wick) 12%, transparent);
}

html.raumriss-os .ads-control-surface__title {
  margin: 0;
  font-size: 0.6875rem;
  font-weight: 520;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .ads-control-surface__trust {
  margin: 0 0 0.45rem;
  font-size: var(--rr-operative-meta-size);
  line-height: 1.42;
  letter-spacing: 0.016em;
  color: color-mix(in srgb, var(--os-text) 34%, transparent);
}

html.raumriss-os .ads-control-surface__periods {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.55rem, 1.1vw, 0.85rem);
}

@media (max-width: 520px) {
  html.raumriss-os .ads-control-surface__periods {
    grid-template-columns: 1fr;
  }
}

html.raumriss-os .ads-control-surface__period {
  padding: clamp(0.38rem, 0.75vw, 0.52rem) clamp(0.42rem, 0.8vw, 0.58rem);
  border-radius: 0.35rem;
  background: color-mix(in srgb, var(--os-text) 2.5%, transparent);
  border: 1px solid color-mix(in srgb, var(--os-text) 5%, transparent);
}

html.raumriss-os .ads-control-surface__period[data-calm="true"] {
  opacity: 0.82;
  border-style: dashed;
  border-color: color-mix(in srgb, var(--os-text) 4%, transparent);
}

html.raumriss-os .ads-control-surface__period-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.2rem 0.45rem;
  margin: 0 0 0.35rem;
}

html.raumriss-os .ads-control-surface__period-label {
  margin: 0;
  font-size: 0.625rem;
  font-weight: 520;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 44%, transparent);
}

html.raumriss-os .ads-control-surface__period-calm {
  font-style: italic;
  color: color-mix(in srgb, var(--os-text) 30%, transparent);
}

html.raumriss-os .ads-control-surface__period-semantic {
  font-size: var(--rr-operative-meta-size);
  color: color-mix(in srgb, var(--os-orange-wick) 38%, var(--os-text) 62%);
}

html.raumriss-os .ads-control-surface__metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.28rem 0.55rem;
}

html.raumriss-os .ads-control-surface__metric {
  display: flex;
  flex-direction: column;
  gap: 0.06rem;
  min-width: 0;
}

html.raumriss-os .ads-control-surface__metric[data-metric-prominent="true"] {
  grid-column: 1 / -1;
}

html.raumriss-os .ads-control-surface__metric[data-metric-prominent="true"] .ads-control-surface__metric-value {
  font-size: calc(var(--rr-operative-read-size) + 0.12rem);
  font-weight: 560;
  color: color-mix(in srgb, var(--os-text) 78%, var(--os-orange-wick) 22%);
}

html.raumriss-os .ads-control-surface__metric-label {
  font-size: 0.5625rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 32%, transparent);
}

html.raumriss-os .ads-control-surface__metric-value {
  font-size: var(--rr-operative-read-size);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
  color: color-mix(in srgb, var(--os-text) 68%, transparent);
}

html.raumriss-os .ads-control-surface__period-empty,
html.raumriss-os .ads-control-surface__empty {
  margin: 0;
  font-size: var(--rr-operative-meta-size);
  line-height: 1.45;
  font-style: italic;
  color: color-mix(in srgb, var(--os-text) 34%, transparent);
}

html.raumriss-os .home-room-chamber__ads-control {
  margin-top: 0.22rem;
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, var(--os-text) 46%, var(--os-orange-wick) 12%);
}

html.raumriss-os .home-room-chamber__ads-control[data-low-signal="true"] {
  font-style: italic;
  color: color-mix(in srgb, var(--os-text) 36%, transparent);
}

/* ── Live Ads · same chamber material as observatory ─────────────────────── */

html.raumriss-os .zone-operative-stack .live-ads-chamber {
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: none;
}

html.raumriss-os .live-ads-chamber__header {
  margin: 0 0 0.38rem;
}

html.raumriss-os .live-ads-chamber__title {
  margin: 0;
  font-size: 0.6875rem;
  font-weight: 520;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 38%, transparent);
}

html.raumriss-os .live-ads-chamber__trust {
  margin: 0 0 0.42rem;
  font-size: var(--rr-operative-meta-size);
  line-height: 1.45;
  letter-spacing: 0.018em;
  color: color-mix(in srgb, var(--os-text) 36%, transparent);
}

html.raumriss-os .live-ads-chamber__summary {
  margin: 0 0 0.48rem;
  font-size: var(--rr-operative-read-size);
  line-height: 1.46;
  letter-spacing: 0.004em;
  font-style: normal;
  color: color-mix(in srgb, var(--os-text) 52%, transparent);
}

html.raumriss-os .live-ads-chamber[data-low-signal="true"] .live-ads-chamber__summary,
html.raumriss-os .live-ads-chamber__summary[data-low-signal="true"] {
  color: color-mix(in srgb, var(--os-text) 38%, transparent);
  font-style: italic;
}

html.raumriss-os .live-ads-chamber__list {
  margin: 0;
  padding: 0;
  gap: 0.08rem;
}

html.raumriss-os .live-ads-chamber__row.observatory-chamber {
  padding: 0.42rem 0;
  border-bottom-color: color-mix(in srgb, var(--os-text) 5%, transparent);
}

html.raumriss-os .live-ads-chamber__row .observatory-chamber__wick,
html.raumriss-os .live-ads-chamber__wick {
  width: 2px;
  min-height: 1.35rem;
  opacity: 0.78;
  transition:
    background calc(var(--rr-runtime-breath-ms) * 1ms) var(--rr-evolution-ease),
    box-shadow calc(var(--rr-runtime-breath-ms) * 1ms) var(--rr-evolution-ease);
}

html.raumriss-os .live-ads-chamber__row[data-campaign-status="active"] .live-ads-chamber__wick {
  box-shadow: 0 0 6px color-mix(in srgb, var(--os-orange-wick) 14%, transparent);
}

html.raumriss-os .live-ads-chamber__row[data-chamber-tone="watch"] .live-ads-chamber__wick {
  animation: operative-wick-attention 6.8s ease-in-out infinite;
}

@keyframes operative-wick-attention {
  0%,
  100% {
    opacity: 0.72;
  }
  50% {
    opacity: 0.95;
  }
}

html.raumriss-os .live-ads-chamber__row-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.18rem 0.55rem;
  align-items: baseline;
}

html.raumriss-os .live-ads-chamber__name {
  margin: 0;
  font-size: var(--rr-operative-read-size);
  font-weight: 500;
  letter-spacing: 0.01em;
  color: color-mix(in srgb, var(--os-text) 72%, transparent);
}

html.raumriss-os .live-ads-chamber__status {
  font-size: var(--rr-operative-meta-size);
  letter-spacing: 0.04em;
  text-transform: lowercase;
  color: color-mix(in srgb, var(--os-text) 32%, transparent);
}

html.raumriss-os .live-ads-chamber__semantic {
  margin: 0.14rem 0 0;
  font-size: var(--rr-operative-meta-size);
  line-height: 1.42;
  letter-spacing: 0.012em;
  color: color-mix(in srgb, var(--os-text) 46%, transparent);
}

html.raumriss-os .live-ads-chamber__metrics {
  margin: 0.16rem 0 0;
  font-size: 0.5625rem;
  letter-spacing: 0.028em;
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, var(--os-text) 30%, transparent);
}

html.raumriss-os .live-ads-chamber__empty {
  margin: 0;
  font-size: var(--rr-operative-meta-size);
  line-height: 1.45;
  font-style: italic;
  color: color-mix(in srgb, var(--os-text) 34%, transparent);
}

/* ── Material separation · operative field yields to work surface ───────── */

html.raumriss-os .zone-business-ops--creative-room .zone-material-chamber--hero {
  margin-top: clamp(0.15rem, 0.4vw, 0.35rem);
  padding-top: clamp(0.55rem, 1vw, 0.75rem);
  border-top: 1px solid color-mix(in srgb, var(--os-text) 6%, transparent);
}

html.raumriss-os .zone-business-ops--creative-room .zone-material-chamber--hero::before {
  content: "";
  display: block;
  width: min(4.5rem, 28%);
  height: 1px;
  margin-bottom: clamp(0.45rem, 0.8vw, 0.62rem);
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--os-orange-wick) 28%, transparent) 0%,
    transparent 100%
  );
  opacity: 0.55;
}

html.raumriss-os .zone-business-ops__trace-fold {
  opacity: 0.58;
  margin-top: clamp(0.65rem, 1.2vw, 0.85rem);
}

/* ── Observatory · shared operative reading rhythm ─────────────────────── */

html.raumriss-os .operational-observatory {
  padding-top: clamp(0.85rem, 1.4vw, 1.1rem);
}

html.raumriss-os .operational-observatory__kicker {
  letter-spacing: 0.12em;
  font-size: 0.625rem;
}

html.raumriss-os .observatory-chamber__title {
  letter-spacing: 0.03em;
  font-weight: 500;
}

html.raumriss-os .observatory-chamber__whisper {
  font-size: var(--rr-operative-read-size);
  color: color-mix(in srgb, var(--os-text) 50%, transparent);
}

html.raumriss-os .observatory-chamber[data-chamber-tone="stable"] .observatory-chamber__wick {
  background: color-mix(in srgb, #6f9a6a 32%, var(--os-text));
}

@media (prefers-reduced-motion: reduce) {
  html.raumriss-os .live-ads-chamber__row[data-chamber-tone="watch"] .live-ads-chamber__wick {
    animation: none;
  }

  html.raumriss-os .zone-operative-stack__wick {
    transition: none;
  }
}


/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-cohesion-pass.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * RAUMRISS · Runtime Cohesion Pass
 * Ein ruhiger operativer Rhythmus — keine neuen Systeme, nur Material und Hierarchie.
 */

/* ── Legacy parallel presence (unbenutzt) ─────────────────────────────────── */

html.raumriss-os .connected-systems:not(.connected-systems--force) {
  display: none !important;
}

/* ── Operative Field · eingelassen, nicht Widget ─────────────────────────── */

html.raumriss-os .operational-field--embedded .operational-field__strip {
  background: color-mix(in srgb, var(--os-inset) 52%, transparent);
  box-shadow: var(--rr-operative-recess);
  border: none;
}

html.raumriss-os .operational-field--embedded .operational-field__line {
  font-size: var(--rr-operative-meta-size);
  letter-spacing: 0.032em;
  color: color-mix(in srgb, var(--os-text) 52%, transparent);
}

html.raumriss-os .operational-field--embedded .operational-field__led {
  width: 0.28rem;
  height: 0.28rem;
}

html.raumriss-os .operational-field__source {
  transition: opacity var(--rr-evolution-duration-control) var(--rr-evolution-ease);
}

html.raumriss-os .operational-field__line {
  font-variant-numeric: tabular-nums;
}

/* ── Home · Raumkacheln + operative Spur ─────────────────────────────────── */

html.raumriss-os .home-room-chamber__body {
  gap: 0.2rem;
}

html.raumriss-os .home-commerce-pulse {
  margin-top: 0.28rem;
  padding-top: 0.24rem;
  border-top: 1px solid var(--rr-operative-divider);
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

html.raumriss-os .home-commerce-pulse__thread {
  display: flex;
  flex-wrap: wrap;
  gap: 0.28rem 0.45rem;
  line-height: 1.38;
  color: color-mix(in srgb, var(--os-text) 52%, transparent);
}

html.raumriss-os .home-commerce-pulse__thread-label {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.68rem;
  color: color-mix(in srgb, var(--os-text) 34%, transparent);
}

html.raumriss-os .home-commerce-pulse__line {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem 0.55rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.4;
  color: color-mix(in srgb, var(--os-text) 58%, transparent);
}

html.raumriss-os .home-commerce-pulse__movement,
html.raumriss-os .home-commerce-pulse__state {
  line-height: 1.42;
  color: color-mix(in srgb, var(--os-text) 46%, transparent);
}

html.raumriss-os .home-commerce-pulse__state {
  font-size: var(--rr-operative-read-size);
  font-weight: 500;
  color: color-mix(in srgb, var(--os-text) 62%, var(--os-orange-wick) 12%);
}

html.raumriss-os .home-room-strip-cell.room-tile {
  transition:
    border-color var(--rr-evolution-duration-control) var(--rr-evolution-ease),
    box-shadow var(--rr-evolution-duration-surface) var(--rr-evolution-ease);
}

/* ── Zone operative stack · eine Kammer, weniger Kasten ──────────────────── */

html.raumriss-os .zone-operative-stack {
  gap: 0.72rem;
  padding: clamp(0.72rem, 1.25vw, 0.96rem) clamp(0.5rem, 1vw, 0.8rem)
    clamp(0.82rem, 1.4vw, 1.04rem);
  border-radius: 9px;
  background: color-mix(in srgb, var(--rr-surface-raised) 84%, var(--rr-wall-soft));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--rr-paper-aged) 48%, transparent);
}

html.raumriss-os .zone-operative-stack__body {
  gap: var(--rr-operative-gap);
}

html.raumriss-os .zone-operative-stack .operational-atmosphere,
html.raumriss-os .zone-operative-stack__weather {
  border-bottom-color: var(--rr-operative-divider);
  padding-bottom: clamp(0.22rem, 0.5vw, 0.34rem) !important;
}

html.raumriss-os .zone-operative-stack .ads-control-surface {
  margin-bottom: 0;
  padding-bottom: clamp(0.32rem, 0.65vw, 0.45rem);
  border-bottom: 1px solid var(--rr-operative-divider);
}

html.raumriss-os .zone-operative-stack .live-ads-chamber {
  padding-top: clamp(0.12rem, 0.35vw, 0.22rem);
}

html.raumriss-os .zone-operative-stack .live-ads-chamber__trust {
  display: none;
}

/* ── Ads Control · lesbar in <5s, flach statt Dashboard-Karten ─────────── */

html.raumriss-os .ads-control-surface__trust {
  margin: 0 0 clamp(0.42rem, 0.8vw, 0.55rem);
  font-size: var(--rr-operative-meta-size);
  letter-spacing: 0.028em;
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .ads-control-surface__periods {
  gap: clamp(0.75rem, 1.4vw, 1.05rem);
}

html.raumriss-os .ads-control-surface__period {
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
}

html.raumriss-os .ads-control-surface__period + .ads-control-surface__period {
  padding-left: clamp(0.65rem, 1.2vw, 0.9rem);
  border-left: 1px solid var(--rr-operative-divider);
}

@media (max-width: 520px) {
  html.raumriss-os .ads-control-surface__period + .ads-control-surface__period {
    padding-left: 0;
    padding-top: clamp(0.55rem, 1vw, 0.72rem);
    border-left: none;
    border-top: 1px solid var(--rr-operative-divider);
  }
}

html.raumriss-os .ads-control-surface__period[data-calm="true"] {
  opacity: 0.78;
}

html.raumriss-os .ads-control-surface__period-label {
  margin: 0 0 0.28rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 34%, transparent);
}

html.raumriss-os .ads-control-surface__period[data-variant="secondary"] {
  opacity: 0.82;
}

html.raumriss-os .ads-control-surface__anchor {
  margin-bottom: clamp(0.28rem, 0.55vw, 0.38rem);
}

html.raumriss-os .ads-control-surface__anchor-roas {
  margin: 0;
  font-size: clamp(1.35rem, 2.4vw, 1.72rem);
  font-weight: 520;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em;
  line-height: 1.08;
  color: color-mix(in srgb, var(--os-text) 88%, var(--os-orange-wick) 12%);
}

html.raumriss-os .ads-control-surface__anchor-prefix {
  display: block;
  margin-bottom: 0.12rem;
  font-size: var(--rr-operative-meta-size);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 450;
  color: color-mix(in srgb, var(--os-text) 36%, transparent);
}

html.raumriss-os .ads-control-surface__anchor-purchases {
  margin: 0.18rem 0 0;
}

html.raumriss-os .ads-control-surface__semantic {
  margin: 0 0 clamp(0.32rem, 0.65vw, 0.42rem);
  color: color-mix(in srgb, var(--os-text) 48%, transparent);
}

html.raumriss-os .ads-control-surface__hardware-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.2rem 0.42rem;
  padding: 0.32rem 0.38rem;
  border-radius: 6px;
  background: color-mix(in srgb, var(--os-inset) 38%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--os-text) 4%, transparent);
}

@media (max-width: 520px) {
  html.raumriss-os .ads-control-surface__hardware-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

html.raumriss-os .ads-control-surface__hardware-cell {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  min-width: 0;
}

html.raumriss-os .ads-control-surface__hardware-label {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.62rem;
  color: color-mix(in srgb, var(--os-text) 32%, transparent);
}

html.raumriss-os .ads-control-surface__hardware-value {
  font-size: var(--rr-operative-read-size);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  color: color-mix(in srgb, var(--os-text) 62%, transparent);
}

html.raumriss-os .ads-control-surface__secondary-readout {
  margin: 0;
  font-variant-numeric: tabular-nums;
}

/* ── Live Ads · Kampagnenzeilen wie Observatorium, nicht Dev-Panel ───────── */

html.raumriss-os .live-ads-chamber__row-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.22rem 0.55rem;
}

html.raumriss-os .live-ads-chamber__semantic {
  flex-shrink: 0;
  color: color-mix(in srgb, var(--os-text) 44%, transparent);
}

html.raumriss-os .live-ads-chamber__summary {
  margin-bottom: clamp(0.35rem, 0.7vw, 0.45rem);
  font-size: var(--rr-operative-meta-size);
  color: color-mix(in srgb, var(--os-text) 44%, transparent);
}

html.raumriss-os .live-ads-chamber__row.observatory-chamber {
  padding: clamp(0.38rem, 0.75vw, 0.48rem) 0;
}

html.raumriss-os .live-ads-chamber__name {
  font-size: var(--rr-operative-read-size);
}

html.raumriss-os .live-ads-chamber__metrics-primary {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.18rem 0.52rem;
  margin: 0.2rem 0 0;
  font-variant-numeric: tabular-nums;
}

html.raumriss-os .live-ads-chamber__metric-chip {
  font-size: var(--rr-operative-read-size);
  font-weight: 500;
  color: color-mix(in srgb, var(--os-text) 62%, transparent);
}

html.raumriss-os .live-ads-chamber__metric-chip--spend {
  font-weight: 560;
  color: color-mix(in srgb, var(--os-text) 74%, transparent);
}

html.raumriss-os .live-ads-chamber__metrics-secondary {
  margin: 0.12rem 0 0;
  font-size: var(--rr-operative-meta-size);
  letter-spacing: 0.024em;
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, var(--os-text) 34%, transparent);
}

html.raumriss-os .live-ads-chamber__row[data-chamber-tone="watch"] .live-ads-chamber__wick {
  animation-duration: 8.4s;
}

/* ── Observatorium · ruhiger, weniger Label-Lärm ─────────────────────────── */

html.raumriss-os .operational-observatory {
  margin-top: clamp(0.85rem, 1.5vw, 1.1rem);
  padding-top: clamp(0.65rem, 1.1vw, 0.85rem);
  border-top: 1px solid var(--rr-operative-divider);
}

html.raumriss-os .operational-observatory__title {
  font-size: clamp(1.05rem, 1.8vw, 1.22rem);
  font-weight: 500;
  letter-spacing: -0.02em;
}

html.raumriss-os .operational-observatory__atmosphere,
html.raumriss-os .operational-observatory__trust {
  font-size: var(--rr-operative-read-size);
  color: color-mix(in srgb, var(--os-text) 48%, transparent);
}

html.raumriss-os .operational-observatory__section-label {
  margin: clamp(0.75rem, 1.2vw, 0.95rem) 0 clamp(0.32rem, 0.6vw, 0.42rem);
  font-size: var(--rr-operative-meta-size);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 34%, transparent);
}

html.raumriss-os .operational-observatory__chamber-list {
  gap: 0.12rem !important;
}

html.raumriss-os .observatory-chamber {
  padding: clamp(0.38rem, 0.7vw, 0.48rem) 0;
  border-bottom-color: var(--rr-operative-divider);
}

html.raumriss-os .observatory-chamber__title {
  font-size: var(--rr-operative-read-size);
  letter-spacing: 0.02em;
}

html.raumriss-os .observatory-chamber__whisper {
  font-size: var(--rr-operative-meta-size);
  line-height: 1.44;
  color: color-mix(in srgb, var(--os-text) 46%, transparent);
}

html.raumriss-os .observatory-tension {
  padding: 0.28rem 0 0.28rem 0.55rem;
  border-left-width: 1px;
  border-left-color: var(--rr-operative-divider);
  font-size: var(--rr-operative-meta-size);
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

/* ── Material · Resonanz subtil, nicht angekündigt ───────────────────────── */

html.raumriss-os .zone-material-surface__tile[data-material-gravity="dormant"],
html.raumriss-os .zone-material-surface__wall-cell[data-material-gravity="dormant"] {
  opacity: 0.94;
}

html.raumriss-os .zone-material-surface__tile[data-relationship-presence="dormant-warm"],
html.raumriss-os .zone-material-surface__wall-cell[data-relationship-presence="dormant-warm"] {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--os-orange-wick) 5%, transparent);
}

html.raumriss-os .material-resolution__carry {
  font-style: normal;
  color: color-mix(in srgb, var(--os-text) 50%, transparent);
}

html.raumriss-os .semantic-workbench__carry {
  opacity: 0.88;
}

/* ── Instrument deck · weniger Konsole, mehr eingelassene Platte ─────────── */

html.raumriss-os .runtime-instrument-deck.home-composition {
  box-shadow: var(--rr-operative-recess);
}

html.raumriss-os .home-main-stage {
  box-shadow: none;
}

/* ── Session · zuverlässig klickbar ──────────────────────────────────────── */

html.raumriss-os [data-session-control] {
  -webkit-tap-highlight-color: transparent;
}

html.raumriss-os .session-recess--ritual:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--os-orange-wick) 48%, transparent);
  outline-offset: 2px;
}

/* ── HAPPY FLOWER · Commerce Runtime + Shop + AUREL ──────────────────────── */

/* Flach — die Operating Cards tragen die Fläche, kein Kasten-im-Kasten.
   (Card-Styles: raumriss-happy-flower-operating-pass.css) */
html.raumriss-os .happy-flower-room-pulse {
  margin-top: clamp(0.75rem, 1.3vw, 0.96rem);
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* HAPPY FLOWER Operating Overview — Styles im eigenen Pass:
   raumriss-happy-flower-operating-pass.css (hf-operating-*). */

html.raumriss-os .happy-flower-room-pulse__strips {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  position: relative;
  padding-left: 0.32rem;
}

html.raumriss-os .happy-flower-room-pulse__strips[data-operative-axis]::before {
  content: "";
  position: absolute;
  left: 0.32rem;
  top: 0.25rem;
  bottom: 0.25rem;
  width: 1px;
  background: color-mix(in srgb, var(--rr-operative-divider) 58%, transparent);
  opacity: 0.75;
}

html.raumriss-os .happy-flower-room-pulse__strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.34rem 0.52rem;
  padding: 0.32rem 0.18rem;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  border-bottom: 1px solid color-mix(in srgb, var(--rr-operative-divider) 52%, transparent);
}

html.raumriss-os .happy-flower-room-pulse__strip:last-child {
  border-bottom: none;
}

html.raumriss-os .happy-flower-room-pulse__wick {
  flex-shrink: 0;
  width: 2px;
  height: 1.05rem;
  border-radius: 1px;
  background: color-mix(in srgb, var(--os-text) 22%, var(--os-orange-wick) 18%);
  opacity: 0.62;
}

html.raumriss-os .happy-flower-room-pulse__strip[data-tone="live"] .happy-flower-room-pulse__wick {
  background: color-mix(in srgb, var(--os-orange-wick) 52%, var(--os-text) 18%);
  opacity: 0.78;
}

html.raumriss-os .happy-flower-room-pulse__strip[data-tone="calm"] .happy-flower-room-pulse__wick {
  background: color-mix(in srgb, var(--os-text) 28%, transparent);
  opacity: 0.48;
}

html.raumriss-os .happy-flower-room-pulse__strip[data-tone="waiting"] .happy-flower-room-pulse__wick {
  background: color-mix(in srgb, var(--os-text) 18%, transparent);
  opacity: 0.38;
}

html.raumriss-os .happy-flower-room-pulse__strip[data-tone="attention"] .happy-flower-room-pulse__wick {
  background: color-mix(in srgb, var(--os-orange-wick) 68%, var(--os-text) 12%);
  opacity: 0.82;
}

html.raumriss-os .happy-flower-room-pulse__copy {
  flex: 1 1 18rem;
  min-width: 0;
}

html.raumriss-os .happy-flower-room-pulse__label {
  margin: 0;
  font-size: 0.62rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 44%, transparent);
}

html.raumriss-os .happy-flower-room-pulse__values {
  margin: 0.08rem 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.38rem 0.55rem;
  font-variant-numeric: tabular-nums;
}

html.raumriss-os .happy-flower-room-pulse__value--primary {
  font-size: clamp(0.92rem, 1.15vw, 1.02rem);
  font-weight: 560;
  line-height: 1.1;
  color: color-mix(in srgb, var(--os-text) 78%, transparent);
}

html.raumriss-os .happy-flower-room-pulse__secondary {
  font-size: clamp(0.74rem, 0.9vw, 0.8rem);
  line-height: 1.3;
  color: color-mix(in srgb, var(--os-text) 46%, transparent);
}

html.raumriss-os .happy-flower-room-pulse__strip[data-tone="waiting"] .happy-flower-room-pulse__value--primary,
html.raumriss-os .happy-flower-room-pulse__strip[data-tone="waiting"] .happy-flower-room-pulse__secondary {
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .happy-flower-room-pulse__trust {
  margin-left: auto;
  font-size: var(--rr-operative-meta-size);
  letter-spacing: 0.035em;
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
  white-space: nowrap;
  opacity: 0.62;
}

html.raumriss-os .happy-flower-room-pulse__aurel,
html.raumriss-os .zone-operative-stack__aurel,
html.raumriss-os .aurel-quiet-perception {
  margin: 0.4rem 0 0;
  padding-left: 0.38rem;
  border-left: 1px solid color-mix(in srgb, var(--rr-operative-divider) 72%, transparent);
  line-height: 1.4;
  color: color-mix(in srgb, var(--os-text) 38%, transparent);
}

html.raumriss-os .happy-flower-room-pulse__fold {
  margin-top: 0.55rem;
  padding-top: 0.42rem;
  border-top: 1px solid color-mix(in srgb, var(--rr-operative-divider) 55%, transparent);
}

html.raumriss-os .happy-flower-room-pulse__analyst-lage {
  margin: 0.48rem 0 0;
  padding-left: 0.38rem;
  border-left: 1px solid color-mix(in srgb, var(--rr-operative-divider) 68%, transparent);
  line-height: 1.38;
  font-size: clamp(0.78rem, 0.92vw, 0.86rem);
  color: color-mix(in srgb, var(--os-text) 58%, transparent);
}

html.raumriss-os .aurel-attention-notice {
  margin: 0.48rem 0 0;
  padding-left: 0.38rem;
  border-left: 1px solid color-mix(in srgb, var(--rr-operative-divider) 68%, transparent);
}

html.raumriss-os .aurel-attention-notice__head {
  display: flex;
  align-items: center;
  gap: 0.38rem;
  margin: 0 0 0.18rem;
}

html.raumriss-os .aurel-attention-notice__wick {
  width: 2px;
  height: 0.62rem;
  background: color-mix(in srgb, var(--os-text) 18%, var(--os-orange-wick) 14%);
  opacity: 0.5;
}

html.raumriss-os .aurel-attention-notice[data-attention-level="critical"] .aurel-attention-notice__wick,
html.raumriss-os .aurel-attention-notice[data-attention-level="high"] .aurel-attention-notice__wick {
  opacity: 0.78;
}

html.raumriss-os .aurel-attention-notice__kicker {
  margin: 0;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-size: 0.62rem;
  color: color-mix(in srgb, var(--os-text) 38%, transparent);
}

html.raumriss-os .aurel-attention-notice__focus {
  margin: 0;
  line-height: 1.38;
  font-size: clamp(0.8rem, 0.94vw, 0.88rem);
  color: color-mix(in srgb, var(--os-text) 66%, transparent);
}

html.raumriss-os .aurel-attention-notice__action {
  margin: 0.22rem 0 0;
  line-height: 1.34;
  color: color-mix(in srgb, var(--os-text) 46%, transparent);
}

html.raumriss-os .aurel-attention-notice__detail {
  margin-top: 0.32rem;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
}

html.raumriss-os .aurel-attention-notice__line {
  margin: 0;
  display: grid;
  grid-template-columns: 4.8rem 1fr;
  gap: 0.42rem;
  align-items: baseline;
  line-height: 1.34;
  font-size: var(--rr-operative-read-size);
  color: color-mix(in srgb, var(--os-text) 52%, transparent);
}

html.raumriss-os .aurel-attention-notice__tag {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 36%, transparent);
}

html.raumriss-os .aurel-attention-notice__secondary {
  margin: 0.18rem 0 0;
  padding-top: 0.16rem;
  border-top: 1px solid color-mix(in srgb, var(--rr-operative-divider) 55%, transparent);
  color: color-mix(in srgb, var(--os-text) 44%, transparent);
}

/* ── AUREL · Raumzeit-Lesart (Home-Feld, kein Kalender) ─────────────────── */

html.raumriss-os .aurel-raumzeit-reading {
  margin: 0.4rem 0 0;
  padding-left: 0.38rem;
  border-left: 1px solid color-mix(in srgb, var(--rr-operative-divider) 58%, transparent);
}

html.raumriss-os .aurel-raumzeit-reading__head {
  display: flex;
  align-items: center;
  gap: 0.38rem;
  margin: 0 0 0.2rem;
}

html.raumriss-os .aurel-raumzeit-reading__wick {
  width: 2px;
  height: 0.58rem;
  background: color-mix(in srgb, var(--os-text) 14%, var(--os-orange-wick) 10%);
  opacity: 0.45;
}

html.raumriss-os .aurel-raumzeit-reading__title {
  margin: 0;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-size: 0.62rem;
  color: color-mix(in srgb, var(--os-text) 36%, transparent);
}

html.raumriss-os .aurel-raumzeit-reading__body {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}

html.raumriss-os .aurel-raumzeit-reading__line {
  margin: 0;
  display: grid;
  grid-template-columns: 6.8rem 1fr;
  gap: 0.38rem;
  align-items: baseline;
  line-height: 1.34;
  font-size: var(--rr-operative-read-size);
  color: color-mix(in srgb, var(--os-text) 58%, transparent);
}

html.raumriss-os .aurel-raumzeit-reading__tag {
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 34%, transparent);
}

html.raumriss-os .aurel-raumzeit-reading__calm {
  margin: 0;
  line-height: 1.38;
  font-size: clamp(0.78rem, 0.92vw, 0.86rem);
  color: color-mix(in srgb, var(--os-text) 52%, transparent);
}

html.raumriss-os .current-field__layer--raumzeit {
  margin-top: 0.28rem;
}

html.raumriss-os .happy-flower-room-pulse__fold > summary {
  list-style: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.62rem;
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .happy-flower-room-pulse__fold > summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .happy-flower-room-pulse__fold-body {
  margin-top: 0.28rem;
}

/* ── AUREL · Tageslesart (leicht, eingelassen) ───────────────────────────── */

html.raumriss-os .happy-flower-aurel-reading {
  margin: 0.52rem 0 0;
  padding: 0.44rem 0 0;
  border-top: 1px solid color-mix(in srgb, var(--rr-operative-divider) 62%, transparent);
}

html.raumriss-os .happy-flower-aurel-reading__head {
  display: flex;
  align-items: center;
  gap: 0.42rem;
  margin: 0 0 0.28rem;
}

html.raumriss-os .happy-flower-aurel-reading__wick {
  width: 2px;
  height: 0.75rem;
  background: color-mix(in srgb, var(--os-text) 20%, var(--os-orange-wick) 16%);
  opacity: 0.52;
}

html.raumriss-os .happy-flower-aurel-reading__title {
  margin: 0;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 46%, transparent);
}

html.raumriss-os .happy-flower-aurel-reading__periods {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.52rem;
}

@media (min-width: 52rem) {
  html.raumriss-os .happy-flower-aurel-reading__periods {
    grid-template-columns: 1fr 1fr;
    gap: 0.66rem;
  }
}

html.raumriss-os .happy-flower-aurel-reading__period {
  padding-left: 0.38rem;
  border-left: 1px solid color-mix(in srgb, var(--rr-operative-divider) 64%, transparent);
}

html.raumriss-os .happy-flower-aurel-reading__period-label {
  margin: 0 0 0.12rem;
  letter-spacing: 0.04em;
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .happy-flower-aurel-reading__operative {
  margin: 0;
  line-height: 1.38;
  color: color-mix(in srgb, var(--os-text) 62%, transparent);
  font-size: clamp(0.78rem, 0.92vw, 0.86rem);
}

html.raumriss-os .happy-flower-aurel-reading__stack {
  margin-top: 0.32rem;
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

html.raumriss-os .happy-flower-aurel-reading__line {
  margin: 0;
  display: grid;
  grid-template-columns: 7.2rem 1fr;
  gap: 0.48rem;
  align-items: baseline;
  line-height: 1.34;
  font-size: var(--rr-operative-read-size);
  color: color-mix(in srgb, var(--os-text) 54%, transparent);
}

html.raumriss-os .happy-flower-aurel-reading__tag {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 38%, transparent);
}

html.raumriss-os .happy-flower-aurel-reading__value {
  color: color-mix(in srgb, var(--os-text) 58%, transparent);
}

html.raumriss-os .shopify-operational-surface {
  padding: clamp(0.4rem, 0.8vw, 0.54rem) 0 0;
  border-top: 1px solid color-mix(in srgb, var(--rr-operative-divider) 65%, transparent);
}

html.raumriss-os .shopify-operational-surface__head {
  display: flex;
  align-items: center;
  gap: 0.38rem;
  margin-bottom: 0.28rem;
}

html.raumriss-os .shopify-operational-surface__state {
  margin-left: auto;
  letter-spacing: 0.06em;
  color: color-mix(in srgb, var(--os-text) 46%, var(--os-orange-wick) 20%);
}

html.raumriss-os .shopify-operational-surface__wick {
  width: 2px;
  height: 0.75rem;
  background: color-mix(in srgb, var(--os-text) 22%, var(--os-orange-wick) 18%);
  opacity: 0.65;
}

html.raumriss-os .shopify-operational-surface__primary {
  margin: 0;
  font-size: clamp(1.18rem, 2.05vw, 1.46rem);
  font-weight: 560;
  font-variant-numeric: tabular-nums;
  line-height: 1.04;
}

html.raumriss-os .shopify-operational-surface__period {
  display: block;
  margin-bottom: 0.1rem;
  font-size: var(--rr-operative-meta-size);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Rohmetriken liegen im Fold — sichtbar bleibt nur die Lage (Umsatz · Bewegung · Lesart). */
html.raumriss-os .shopify-operational-surface__fold {
  margin-top: 0.5rem;
  padding-top: 0.4rem;
  border-top: 1px solid color-mix(in srgb, var(--rr-operative-divider) 55%, transparent);
}

html.raumriss-os .shopify-operational-surface__fold-summary {
  list-style: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.62rem;
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .shopify-operational-surface__fold-summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .shopify-operational-surface__readouts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.34rem 0.72rem;
  margin-top: 0.38rem;
  font-variant-numeric: tabular-nums;
}

html.raumriss-os .shopify-operational-surface__readout {
  display: flex;
  justify-content: space-between;
  width: min(100%, 19rem);
  gap: 0.32rem;
  align-items: baseline;
  font-size: var(--rr-operative-read-size);
  color: color-mix(in srgb, var(--os-text) 60%, transparent);
}

html.raumriss-os .shopify-operational-surface__top-products {
  margin: 0.24rem 0 0;
  padding-top: 0.22rem;
  border-top: 1px solid var(--rr-operative-divider);
  color: color-mix(in srgb, var(--os-text) 58%, transparent);
}

html.raumriss-os .shopify-operational-surface__compare,
html.raumriss-os .shopify-operational-surface__best {
  margin: 0.18rem 0 0;
  color: color-mix(in srgb, var(--os-text) 52%, transparent);
}

html.raumriss-os .shopify-operational-surface__movement {
  margin: 0.28rem 0 0;
  color: color-mix(in srgb, var(--os-text) 36%, transparent);
}

html.raumriss-os .shopify-operational-surface__operational {
  margin: 0.14rem 0 0;
  color: color-mix(in srgb, var(--os-text) 38%, transparent);
}

html.raumriss-os .affiliate-operational-surface {
  padding: clamp(0.38rem, 0.75vw, 0.48rem) 0;
  border-top: 1px solid var(--rr-operative-divider);
}

html.raumriss-os .affiliate-operational-surface__head {
  display: flex;
  align-items: center;
  gap: 0.38rem;
  margin-bottom: 0.28rem;
}

html.raumriss-os .affiliate-operational-surface__wick {
  width: 2px;
  height: 0.75rem;
  background: color-mix(in srgb, var(--os-text) 22%, var(--os-orange-wick) 14%);
  opacity: 0.6;
}

html.raumriss-os .affiliate-operational-surface__primary {
  margin: 0;
  font-size: clamp(1rem, 1.6vw, 1.22rem);
  font-weight: 520;
}

html.raumriss-os .affiliate-operational-surface__period {
  display: block;
  margin-bottom: 0.08rem;
  color: color-mix(in srgb, var(--os-text) 44%, transparent);
}

html.raumriss-os .affiliate-operational-surface__readouts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.85rem;
  margin-top: 0.18rem;
}

html.raumriss-os .affiliate-operational-surface__readout {
  display: flex;
  gap: 0.32rem;
  align-items: baseline;
  font-size: var(--rr-operative-read-size);
}

html.raumriss-os .affiliate-operational-surface__movement {
  margin: 0.22rem 0 0;
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

html.raumriss-os .affiliate-operational-surface__fragments {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem 0.72rem;
  margin-bottom: 0.2rem;
}

html.raumriss-os .affiliate-operational-surface__fragment {
  display: inline-flex;
  gap: 0.28rem;
  align-items: baseline;
  font-size: var(--rr-operative-read-size);
}

html.raumriss-os .affiliate-operational-surface__movements {
  margin: 0.16rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .affiliate-operational-surface__debug,
html.raumriss-os .affiliate-zone-surface__debug,
html.raumriss-os .happy-flower-room-pulse__debug {
  display: block;
  margin-top: 0.12rem;
  font-size: 0.62rem;
  letter-spacing: 0.02em;
  opacity: 0.42;
  color: color-mix(in srgb, var(--os-text) 38%, transparent);
}

/* ── ALIVEMAEX · Release Runtime ─────────────────────────────────────────── */

html.raumriss-os .alivemaex-room-pulse {
  margin-top: clamp(0.55rem, 1vw, 0.75rem);
  padding: clamp(0.42rem, 0.85vw, 0.58rem);
  border-radius: 8px;
  background: color-mix(in srgb, var(--os-inset) 22%, transparent);
  box-shadow: var(--rr-operative-recess);
}

html.raumriss-os .alivemaex-room-pulse__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.55rem;
  margin-bottom: 0.35rem;
}

html.raumriss-os .alivemaex-room-pulse__wick {
  width: 2px;
  height: 1.1rem;
  border-radius: 1px;
  background: color-mix(in srgb, var(--os-orange-wick) 55%, transparent);
  flex-shrink: 0;
}

html.raumriss-os .alivemaex-room-pulse__kicker {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.62;
}

html.raumriss-os .alivemaex-room-pulse__summary {
  flex: 1 1 100%;
  opacity: 0.78;
  line-height: 1.45;
}

html.raumriss-os .alivemaex-room-pulse__next {
  margin-bottom: 0.35rem;
  opacity: 0.72;
}

html.raumriss-os .alivemaex-room-pulse__aurel-attention,
html.raumriss-os .alivemaex-readiness__attention {
  margin-top: 0.48rem;
}

html.raumriss-os .alivemaex-room-pulse__aurel-attention-detail {
  margin-bottom: 0.42rem;
}

html.raumriss-os .alivemaex-room-pulse__strips {
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
}

html.raumriss-os .alivemaex-room-pulse__strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.38rem 0.55rem;
  padding: 0.28rem 0.38rem;
  border-radius: 6px;
  background: color-mix(in srgb, var(--os-inset) 16%, transparent);
}

html.raumriss-os .alivemaex-room-pulse__strip-wick {
  width: 2px;
  height: 0.85rem;
  border-radius: 1px;
  background: color-mix(in srgb, var(--os-text) 18%, transparent);
}

html.raumriss-os .alivemaex-room-pulse__strip[data-tone="live"] .alivemaex-room-pulse__strip-wick,
html.raumriss-os .alivemaex-room-pulse__strip[data-tone="warming"] .alivemaex-room-pulse__strip-wick {
  background: color-mix(in srgb, var(--os-orange-wick) 48%, transparent);
}

html.raumriss-os .alivemaex-room-pulse__strip[data-tone="attention"] .alivemaex-room-pulse__strip-wick {
  background: color-mix(in srgb, var(--os-orange-wick) 72%, transparent);
}

html.raumriss-os .alivemaex-room-pulse__line {
  flex: 1 1 auto;
  opacity: 0.82;
  line-height: 1.4;
}

html.raumriss-os .alivemaex-room-pulse__trust {
  flex: 1 1 100%;
  opacity: 0.48;
  font-size: 0.68rem;
}

html.raumriss-os .alivemaex-room-pulse__aurel,
html.raumriss-os .alivemaex-release-surface__aurel {
  margin-top: 0.42rem;
  opacity: 0.68;
  line-height: 1.45;
}

html.raumriss-os .alivemaex-release-surface {
  padding: clamp(0.35rem, 0.75vw, 0.5rem) 0;
}

html.raumriss-os .alivemaex-release-surface__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.55rem;
  margin-bottom: 0.45rem;
}

html.raumriss-os .alivemaex-release-surface__wick {
  width: 2px;
  height: 1rem;
  border-radius: 1px;
  background: color-mix(in srgb, var(--os-orange-wick) 50%, transparent);
}

html.raumriss-os .alivemaex-release-surface__track {
  font-size: 0.92rem;
  letter-spacing: 0.01em;
}

html.raumriss-os .alivemaex-release-surface__plan {
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
  margin-bottom: 0.45rem;
}

html.raumriss-os .alivemaex-release-surface__row {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.18rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 6%, transparent);
}

html.raumriss-os .alivemaex-release-surface__row-state {
  opacity: 0.65;
  text-transform: lowercase;
}

html.raumriss-os .alivemaex-release-surface__fold {
  margin: 0.35rem 0;
}

html.raumriss-os .alivemaex-release-surface__fold-summary {
  cursor: pointer;
  opacity: 0.62;
  padding: 0.22rem 0;
}

html.raumriss-os .alivemaex-release-surface__fold-body {
  padding: 0.35rem 0 0.15rem;
}

html.raumriss-os .alivemaex-release-surface__copy {
  font-size: 0.88rem;
  line-height: 1.5;
  opacity: 0.85;
  margin: 0.35rem 0;
}

html.raumriss-os .alivemaex-release-surface__note,
html.raumriss-os .alivemaex-release-surface__concept {
  opacity: 0.58;
  margin: 0.22rem 0;
}

html.raumriss-os .alivemaex-release-surface__material-list {
  list-style: none;
  padding: 0;
  margin: 0.25rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

html.raumriss-os .alivemaex-release-surface__material-list li {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}

html.raumriss-os .alivemaex-release-surface__next ol {
  margin: 0.25rem 0 0;
  padding-left: 1.1rem;
  opacity: 0.78;
}

html.raumriss-os .alivemaex-release-surface__edit {
  margin-top: 0.45rem;
  opacity: 0.55;
}

html.raumriss-os .alivemaex-release-surface__edit-form {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-top: 0.35rem;
}

html.raumriss-os .alivemaex-release-surface__input {
  display: block;
  width: 100%;
  margin-top: 0.15rem;
  padding: 0.28rem 0.35rem;
  border-radius: 4px;
  border: 1px solid color-mix(in srgb, var(--os-text) 12%, transparent);
  background: color-mix(in srgb, var(--os-inset) 30%, transparent);
  font: inherit;
}

html.raumriss-os .zone-business-ops--release-room {
  margin-bottom: 0.5rem;
}

html.raumriss-os .alivemaex-room-pulse__visibility {
  display: flex;
  flex-direction: column;
  gap: 0.38rem;
  margin: 0.42rem 0;
  padding: 0.42rem 0.48rem;
  border-radius: 6px;
  background: color-mix(in srgb, var(--os-inset) 14%, transparent);
}

html.raumriss-os .alivemaex-room-pulse__track {
  font-size: 0.92rem;
  letter-spacing: 0.01em;
}

html.raumriss-os .alivemaex-room-pulse__tasks ol,
html.raumriss-os .alivemaex-room-pulse__content ul,
html.raumriss-os .alivemaex-room-pulse__decisions ul {
  margin: 0.2rem 0 0;
  padding-left: 1.05rem;
  opacity: 0.78;
}

html.raumriss-os .alivemaex-room-pulse__whisper-chamber {
  margin-top: 0.35rem;
  padding: 0.38rem 0.42rem;
  border-radius: 6px;
  background: color-mix(in srgb, var(--os-inset) 12%, transparent);
}

html.raumriss-os .alivemaex-room-pulse__whisper,
html.raumriss-os .alivemaex-room-pulse__aurel-ready {
  opacity: 0.72;
  line-height: 1.5;
  font-size: 0.86rem;
}

html.raumriss-os .alivemaex-visibility-room__release-whisper {
  flex: 1 1 100%;
  margin: 0.28rem 0 0;
  font-size: 0.86rem;
  line-height: 1.5;
  opacity: 0.78;
}

html.raumriss-os .alivemaex-visibility-room__content-item {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  padding: 0.32rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 5%, transparent);
}

html.raumriss-os .alivemaex-visibility-room__content-title {
  font-size: 0.88rem;
}

html.raumriss-os .alivemaex-visibility-room__views {
  display: flex;
  flex-wrap: wrap;
  gap: 0.28rem;
  margin-bottom: 0.45rem;
}

html.raumriss-os .alivemaex-visibility-room__view-btn {
  padding: 0.2rem 0.42rem;
  border-radius: 4px;
  border: 1px solid color-mix(in srgb, var(--os-text) 10%, transparent);
  background: transparent;
  cursor: pointer;
  opacity: 0.55;
  font: inherit;
}

html.raumriss-os .alivemaex-visibility-room__view-btn[data-active="true"] {
  opacity: 0.92;
  border-color: color-mix(in srgb, var(--os-orange-wick) 35%, transparent);
}

html.raumriss-os .alivemaex-visibility-room__panel {
  display: flex;
  flex-direction: column;
  gap: 0.38rem;
  margin-bottom: 0.45rem;
}

html.raumriss-os .alivemaex-release-surface__phase {
  flex: 1 1 100%;
  opacity: 0.62;
}

html.raumriss-os .alivemaex-release-surface__readiness {
  margin: 0.35rem 0;
}

html.raumriss-os .alivemaex-visibility-room__release-list {
  list-style: none;
  padding: 0;
  margin: 0.25rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
}

html.raumriss-os .alivemaex-visibility-room__release-list li {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  padding: 0.28rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 6%, transparent);
}

html.raumriss-os .alivemaex-visibility-room__aurel-btn {
  align-self: flex-start;
  margin: 0.35rem 0;
  padding: 0.32rem 0.55rem;
  border-radius: 4px;
  border: 1px solid color-mix(in srgb, var(--os-orange-wick) 28%, transparent);
  background: color-mix(in srgb, var(--os-inset) 22%, transparent);
  cursor: pointer;
  font: inherit;
  opacity: 0.78;
}

html.raumriss-os .alivemaex-visibility-room__aurel-chamber {
  margin: 0.42rem 0;
  padding: 0.35rem 0;
}

html.raumriss-os .alivemaex-visibility-room__aurel-body {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.35rem 0;
}

html.raumriss-os .alivemaex-visibility-room__prepared-block ul {
  margin: 0.2rem 0 0;
  padding-left: 1.05rem;
  opacity: 0.78;
}

html.raumriss-os .alivemaex-visibility-room__landing-field {
  padding: 0.22rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 5%, transparent);
}

html.raumriss-os .alivemaex-visibility-room__landing-field p {
  margin: 0.15rem 0 0;
  font-size: 0.88rem;
  line-height: 1.45;
  opacity: 0.85;
}

html.raumriss-os .alivemaex-visibility-room__signals {
  list-style: none;
  padding: 0;
  margin: 0.25rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

html.raumriss-os .alivemaex-visibility-room__signals li {
  padding: 0.32rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 6%, transparent);
}

html.raumriss-os .alivemaex-visibility-room__signal-form {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-top: 0.45rem;
  opacity: 0.72;
}

html.raumriss-os .alivemaex-visibility-room__content-phase ul {
  margin: 0.2rem 0 0.35rem;
  padding-left: 1.05rem;
  opacity: 0.78;
}

html.raumriss-os .alivemaex-visibility-room__decisions ul {
  margin: 0.2rem 0 0;
  padding-left: 1.05rem;
  opacity: 0.75;
}

html.raumriss-os .alivemaex-visibility-room__product-truth {
  margin: 0.35rem 0 0;
  opacity: 0.62;
  font-style: italic;
}

html.raumriss-os .alivemaex-visibility-room__calm-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
  margin: 0.45rem 0;
}

html.raumriss-os .alivemaex-visibility-room__calm-chip {
  padding: 0.12rem 0.38rem;
  border-radius: 2px;
  border: 1px solid color-mix(in srgb, var(--raumriss-ink, #e8e4dc) 12%, transparent);
  opacity: 0.72;
}

html.raumriss-os .alivemaex-visibility-room__campaign-timeline {
  margin: 0.35rem 0 0;
  padding-left: 1.05rem;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  opacity: 0.8;
}

html.raumriss-os .alivemaex-visibility-room__campaign-timeline li[data-current="true"] {
  opacity: 1;
  border-left: 2px solid color-mix(in srgb, var(--raumriss-warm, #c4a574) 55%, transparent);
  padding-left: 0.45rem;
  margin-left: -0.45rem;
}

html.raumriss-os .alivemaex-visibility-room__campaign-label {
  display: block;
  margin-bottom: 0.12rem;
}

html.raumriss-os .alivemaex-visibility-room__fan-journey {
  margin: 0.35rem 0 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  opacity: 0.78;
}

html.raumriss-os .alivemaex-visibility-room__fan-journey li {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}

html.raumriss-os .alivemaex-visibility-room__prepared-actions {
  margin-top: 0.55rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

html.raumriss-os .alivemaex-visibility-room__prepared-content {
  margin: 0.2rem 0 0.35rem;
  opacity: 0.75;
  white-space: pre-wrap;
  font-size: 0.92em;
}

html.raumriss-os .alivemaex-visibility-room__prepared-btns {
  display: flex;
  gap: 0.45rem;
  opacity: 0.8;
}

html.raumriss-os .alivemaex-room-pulse__product-truth {
  margin-top: 0.25rem;
  opacity: 0.58;
  font-style: italic;
}

/* ALIVEMAEX · Design / Material Room */
html.raumriss-os .alivemaex-design-material {
  display: flex;
  flex-direction: column;
  gap: clamp(0.55rem, 1.1vw, 0.85rem);
  padding: clamp(0.42rem, 0.85vw, 0.62rem) 0;
}

html.raumriss-os .alivemaex-design-material__head {
  position: relative;
  padding-left: 0.55rem;
}

html.raumriss-os .alivemaex-design-material__wick {
  position: absolute;
  left: 0;
  top: 0.15rem;
  width: 2px;
  height: 1.4rem;
  background: color-mix(in srgb, var(--raumriss-warm, #c4a574) 45%, transparent);
  opacity: 0.7;
}

html.raumriss-os .alivemaex-design-material__truth {
  opacity: 0.62;
  font-style: italic;
  margin-top: 0.2rem;
}

html.raumriss-os .alivemaex-design-material__whisper {
  margin-top: 0.35rem;
  opacity: 0.78;
  max-width: 42rem;
}

html.raumriss-os .alivemaex-design-material__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.65rem;
  opacity: 0.72;
}

html.raumriss-os .alivemaex-design-material__views {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

html.raumriss-os .alivemaex-design-material__view-btn {
  padding: 0.12rem 0.42rem;
  border: 1px solid color-mix(in srgb, var(--raumriss-ink, #e8e4dc) 10%, transparent);
  background: transparent;
  opacity: 0.65;
  cursor: pointer;
}

html.raumriss-os .alivemaex-design-material__view-btn[data-active="true"] {
  opacity: 1;
  border-color: color-mix(in srgb, var(--raumriss-warm, #c4a574) 35%, transparent);
}

html.raumriss-os .alivemaex-design-material__panel {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

html.raumriss-os .alivemaex-design-material__inbox-form {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.45rem 0;
  border-top: 1px solid color-mix(in srgb, var(--raumriss-ink, #e8e4dc) 8%, transparent);
}

html.raumriss-os .alivemaex-design-material__input {
  width: 100%;
  margin-top: 0.15rem;
  background: color-mix(in srgb, var(--raumriss-ink, #e8e4dc) 4%, transparent);
  border: 1px solid color-mix(in srgb, var(--raumriss-ink, #e8e4dc) 10%, transparent);
  color: inherit;
  padding: 0.28rem 0.38rem;
}

html.raumriss-os .alivemaex-design-material__action {
  align-self: flex-start;
  padding: 0.2rem 0.5rem;
  border: 1px solid color-mix(in srgb, var(--raumriss-warm, #c4a574) 28%, transparent);
  background: transparent;
  cursor: pointer;
  opacity: 0.82;
}

html.raumriss-os .alivemaex-design-material__list,
html.raumriss-os .alivemaex-design-material__motifs,
html.raumriss-os .alivemaex-design-material__memory {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

html.raumriss-os .alivemaex-design-material__list li,
html.raumriss-os .alivemaex-design-material__motifs li {
  padding: 0.42rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--raumriss-ink, #e8e4dc) 7%, transparent);
}

html.raumriss-os .alivemaex-design-material__list li[data-source="reference"] {
  opacity: 0.88;
}

html.raumriss-os .alivemaex-design-material__list li[data-source="max_material"] {
  opacity: 1;
}

html.raumriss-os .alivemaex-design-material__item-title {
  display: block;
  margin-bottom: 0.12rem;
}

html.raumriss-os .alivemaex-design-material__item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.35rem;
  opacity: 0.75;
}

html.raumriss-os .alivemaex-design-material__gemini-pack {
  white-space: pre-wrap;
  font-size: 0.86em;
  line-height: 1.45;
  opacity: 0.8;
  padding: 0.55rem;
  border: 1px solid color-mix(in srgb, var(--raumriss-ink, #e8e4dc) 10%, transparent);
  max-height: 24rem;
  overflow: auto;
}

html.raumriss-os .alivemaex-design-material__brief {
  padding: 0.45rem 0;
  opacity: 0.85;
}

html.raumriss-os .room-composition__stage--design-material {
  --design-material-breath: 0.02;
}

/* Affiliate Zone — Partnerfeld, Validierung, kein Ads-Engine-Feeling */
html.raumriss-os .affiliate-zone-surface {
  display: flex;
  flex-direction: column;
  gap: clamp(0.55rem, 1.1vw, 0.85rem);
  padding: clamp(0.42rem, 0.85vw, 0.62rem) 0;
}

html.raumriss-os .affiliate-zone-surface__status {
  display: flex;
  align-items: flex-start;
  gap: 0.48rem;
}

html.raumriss-os .affiliate-zone-surface__led {
  width: 0.42rem;
  height: 0.42rem;
  margin-top: 0.28rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--os-text) 18%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--os-text) 10%, transparent);
  flex-shrink: 0;
}

html.raumriss-os .affiliate-zone-surface__led[data-connected="true"] {
  background: color-mix(in srgb, var(--os-orange-wick) 72%, #6f8f62 28%);
  box-shadow: 0 0 0.35rem color-mix(in srgb, var(--os-orange-wick) 24%, transparent);
}

html.raumriss-os .affiliate-zone-surface__status-line {
  margin: 0;
  color: color-mix(in srgb, var(--os-text) 58%, transparent);
}

html.raumriss-os .affiliate-zone-surface__status-copy {
  min-width: 0;
  flex: 1 1 auto;
}

html.raumriss-os .affiliate-zone-surface__operative {
  margin: 0.14rem 0 0;
  line-height: 1.2;
}

html.raumriss-os .affiliate-zone-surface__semantic {
  margin: 0.14rem 0 0;
  color: color-mix(in srgb, var(--os-text) 44%, transparent);
}

html.raumriss-os .affiliate-zone-surface__readouts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr));
  gap: 0.65rem 1rem;
}

html.raumriss-os .affiliate-zone-surface__period {
  padding: 0.38rem 0 0.28rem;
  border-top: 1px solid var(--rr-operative-divider);
}

html.raumriss-os .affiliate-zone-surface__period-label {
  margin: 0 0 0.22rem;
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

html.raumriss-os .affiliate-zone-surface__period-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem 0.72rem;
}

html.raumriss-os .affiliate-zone-surface__metric {
  display: inline-flex;
  gap: 0.28rem;
  align-items: baseline;
  font-size: var(--rr-operative-read-size);
}

html.raumriss-os .affiliate-zone-surface__period-semantic,
html.raumriss-os .affiliate-zone-surface__period-empty {
  margin: 0.18rem 0 0;
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .affiliate-zone-surface__section-label {
  margin: 0 0 0.18rem;
  color: color-mix(in srgb, var(--os-text) 38%, transparent);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.62rem;
}

html.raumriss-os .affiliate-zone-surface__event-list,
html.raumriss-os .affiliate-zone-surface__publisher-lines,
html.raumriss-os .affiliate-zone-surface__action-hints {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}

html.raumriss-os .affiliate-zone-surface__event-row {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  gap: 0.18rem 0.55rem;
  padding: 0.18rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--rr-operative-divider) 65%, transparent);
  font-size: var(--rr-operative-read-size);
  min-width: 0;
}

html.raumriss-os .affiliate-zone-surface__event-main,
html.raumriss-os .affiliate-zone-surface__event-meta {
  min-width: 0;
  overflow-wrap: anywhere;
}

html.raumriss-os .affiliate-zone-surface__event-kind {
  grid-row: span 2;
  align-self: start;
  text-transform: capitalize;
  color: color-mix(in srgb, var(--os-text) 36%, transparent);
}

html.raumriss-os .affiliate-zone-surface__event-meta {
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .affiliate-zone-surface__publisher-wait {
  margin: 0;
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .affiliate-zone-surface__validation-strips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem 0.65rem;
  margin-bottom: 0.28rem;
}

html.raumriss-os .affiliate-zone-surface__validation-strip {
  display: inline-flex;
  gap: 0.32rem;
  align-items: baseline;
  padding: 0.16rem 0.42rem;
  border: 1px solid color-mix(in srgb, var(--rr-operative-divider) 80%, transparent);
  border-radius: 999px;
  font-size: var(--rr-operative-read-size);
  background: color-mix(in srgb, var(--os-surface) 88%, transparent);
}

html.raumriss-os .affiliate-zone-surface__action-hint {
  color: color-mix(in srgb, var(--os-text) 38%, transparent);
}

html.raumriss-os .affiliate-zone-surface__action-hint::before {
  content: "→ ";
  opacity: 0.55;
}

html.raumriss-os .aurel-affiliate-perception {
  margin: 0.12rem 0 0;
  padding-left: 0.55rem;
  border-left: 1px solid color-mix(in srgb, var(--rr-operative-divider) 75%, transparent);
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

html.raumriss-os .zone-operative-stack--affiliate .zone-operative-stack__wick {
  background: color-mix(in srgb, var(--os-text) 18%, #6f8f62 22%);
}

/* ═══════════════════════════════════════════════════════════════
 * Rams 4.0 · cascade wins (after material-depth / evolution)
 * ═══════════════════════════════════════════════════════════════ */

html.raumriss-os {
  background-color: var(--rr-bg) !important;
  background-image:
    radial-gradient(
      ellipse 120% 80% at 50% -20%,
      rgba(255, 255, 252, 0.55),
      transparent 55%
    ),
    radial-gradient(
      ellipse 70% 50% at 100% 100%,
      rgba(217, 120, 34, 0.04),
      transparent 50%
    ) !important;
}

html.raumriss-os .home-main-stage {
  box-shadow: var(--rr-hw-lift) !important;
  filter: none !important;
}

html.raumriss-os[data-runtime-climate="carrying"] .home-main-stage,
html.raumriss-os[data-runtime-climate="cooling"] .home-main-stage,
html.raumriss-os[data-runtime-climate="pressured"] .home-main-stage {
  background: #eee7db !important;
  box-shadow: var(--rr-hw-lift) !important;
  filter: none !important;
}

html.raumriss-os .room-runtime-deck .room-chamber,
html.raumriss-os .room-composition .room-atrium-layer > .room-chamber--workbench,
html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk,
html.raumriss-os .spatial-chamber {
  box-shadow: var(--rr-hw-lift) !important;
  border: 1px solid rgba(20, 19, 15, 0.12) !important;
}

html.raumriss-os .room-composition__stage,
html.raumriss-os .room-shell .room-composition__stage {
  box-shadow: none !important;
}

html.raumriss-os .zone-material-surface--hero .zone-material-surface__tile {
  box-shadow: var(--rr-material-tile-depth) !important;
  background: var(--rr-glass-chamber, #fcf9f2) !important;
}

html.raumriss-os .runtime-instrument-deck {
  box-shadow: var(--rr-hw-lift) !important;
  border: 1px solid rgba(20, 19, 15, 0.12) !important;
}

/* ── V20 spacing wins · nach evolution / depth ───────────────── */

html.raumriss-os [aria-label="Riss Core"] .riss-core-module {
  box-shadow: var(--riss-bar-shadow) !important;
}

html.raumriss-os .room-runtime-deck .room-chamber,
html.raumriss-os .room-composition .room-atrium-layer > .room-chamber--workbench,
html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk {
  padding: var(--os-space-chamber-md-y) var(--os-space-chamber-md-x) !important;
}

html.raumriss-os .room-chamber--threads,
html.raumriss-os .room-threads-panel {
  padding: var(--os-space-chamber-lg-y) var(--os-space-chamber-lg-x) !important;
}

html.raumriss-os .os-kicker,
html.raumriss-os .type-label,
html.raumriss-os .type-eyebrow {
  letter-spacing: 0.06em !important;
}

html.raumriss-os .room-runtime-deck .room-chamber .type-section-title {
  letter-spacing: 0.06em !important;
  margin-bottom: var(--os-space-stack-sm) !important;
}

/* ── V21 hardware wins · nach flat cascade ───────────────────── */

html.raumriss-os .room-chamber,
html.raumriss-os .workspace-section,
html.raumriss-os .room-runtime-deck .room-chamber,
html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk,
html.raumriss-os .spatial-chamber {
  box-shadow: var(--rr-hw-lift) !important;
}

html.raumriss-os [aria-label="Riss Core"] .riss-core-module {
  box-shadow: var(--riss-bar-shadow) !important;
}

html.raumriss-os .home-main-stage {
  box-shadow: var(--rr-hw-lift) !important;
}

html.raumriss-os .runtime-instrument-deck {
  box-shadow: var(--rr-hw-lift) !important;
}

/* ── ALIVEMAEX · Release Readiness v1 ─────────────────────────── */

html.raumriss-os .alivemaex-readiness {
  padding: clamp(0.35rem, 0.75vw, 0.55rem) 0;
  margin-bottom: 0.55rem;
}

html.raumriss-os .alivemaex-release-surface__readiness {
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 7%, transparent);
  padding-bottom: 0.55rem;
  margin-bottom: 0.35rem;
}

html.raumriss-os .alivemaex-release-surface__visibility-fold {
  margin-top: 0.35rem;
}

html.raumriss-os .alivemaex-release-surface__visibility-body {
  padding-top: 0.45rem;
}

html.raumriss-os .alivemaex-readiness__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.28rem 0.5rem;
  margin-bottom: 0.55rem;
}

html.raumriss-os .alivemaex-readiness__wick {
  width: 2px;
  height: 1.05rem;
  border-radius: 1px;
  background: color-mix(in srgb, var(--os-orange-wick) 55%, transparent);
}

html.raumriss-os .alivemaex-readiness__kicker {
  opacity: 0.58;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.62rem;
}

html.raumriss-os .alivemaex-readiness__title {
  flex: 1 1 100%;
  margin: 0;
  font-size: clamp(1.05rem, 2.2vw, 1.28rem);
  font-weight: 450;
  letter-spacing: 0.01em;
  line-height: 1.25;
}

html.raumriss-os .alivemaex-readiness__meta {
  flex: 1 1 100%;
  opacity: 0.62;
}

html.raumriss-os .alivemaex-readiness__truth {
  flex: 1 1 100%;
  opacity: 0.52;
  line-height: 1.45;
  max-width: 36rem;
}

html.raumriss-os .alivemaex-readiness__atmosphere {
  margin: 0.45rem 0 0.65rem;
  padding: 0.55rem 0.62rem;
  border-radius: 8px;
  background: color-mix(in srgb, var(--os-inset) 16%, transparent);
  border: 1px solid color-mix(in srgb, var(--os-text) 6%, transparent);
}

html.raumriss-os .alivemaex-readiness__state-label {
  font-size: clamp(0.95rem, 1.8vw, 1.08rem);
  letter-spacing: 0.015em;
  line-height: 1.35;
  margin: 0;
}

html.raumriss-os .alivemaex-readiness__state-count {
  margin: 0.22rem 0 0;
  opacity: 0.55;
}

html.raumriss-os .alivemaex-readiness__dimensions {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 0.55rem;
}

html.raumriss-os .alivemaex-readiness__seam {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.12rem 0.75rem;
  padding: 0.28rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 5%, transparent);
}

html.raumriss-os .alivemaex-readiness__seam-label {
  font-size: 0.86rem;
}

html.raumriss-os .alivemaex-readiness__seam-state {
  opacity: 0.62;
  text-transform: lowercase;
}

html.raumriss-os .alivemaex-readiness__seam-note {
  grid-column: 1 / -1;
  opacity: 0.48;
  font-size: 0.72rem;
}

html.raumriss-os .alivemaex-readiness__seam[data-state="ready"] .alivemaex-readiness__seam-state {
  opacity: 0.78;
}

html.raumriss-os .alivemaex-readiness__seam[data-state="needs_decision"] .alivemaex-readiness__seam-state {
  color: color-mix(in srgb, var(--os-orange-wick) 70%, var(--os-text));
}

html.raumriss-os .alivemaex-readiness__columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: 0.55rem 1rem;
  margin-bottom: 0.55rem;
}

html.raumriss-os .alivemaex-readiness__column-label {
  opacity: 0.58;
  margin-bottom: 0.22rem;
}

html.raumriss-os .alivemaex-readiness__list {
  list-style: none;
  padding: 0;
  margin: 0;
  opacity: 0.76;
  line-height: 1.45;
}

html.raumriss-os .alivemaex-readiness__list li {
  padding: 0.12rem 0;
}

html.raumriss-os .alivemaex-readiness__list--ready {
  opacity: 0.58;
}

html.raumriss-os .alivemaex-readiness__chamber {
  margin: 0.35rem 0;
  padding: 0.42rem 0.48rem;
  border-radius: 6px;
  background: color-mix(in srgb, var(--os-inset) 12%, transparent);
}

html.raumriss-os .alivemaex-readiness__chamber-label {
  opacity: 0.58;
  margin-bottom: 0.18rem;
}

html.raumriss-os .alivemaex-readiness__numbered {
  margin: 0.15rem 0 0;
  padding-left: 1.15rem;
  opacity: 0.78;
  line-height: 1.45;
}

html.raumriss-os .alivemaex-readiness__aurel {
  margin: 0.45rem 0;
  opacity: 0.72;
  line-height: 1.5;
  font-size: 0.86rem;
  max-width: 38rem;
}

html.raumriss-os .alivemaex-readiness__aurel-btn {
  padding: 0.32rem 0.55rem;
  border-radius: 4px;
  border: 1px solid color-mix(in srgb, var(--os-orange-wick) 28%, transparent);
  background: color-mix(in srgb, var(--os-inset) 22%, transparent);
  cursor: pointer;
  font: inherit;
  opacity: 0.78;
}

html.raumriss-os .alivemaex-readiness__prepared {
  margin-top: 0.55rem;
  padding-top: 0.35rem;
  border-top: 1px solid color-mix(in srgb, var(--os-text) 6%, transparent);
}

html.raumriss-os .alivemaex-readiness__prepared-body {
  display: flex;
  flex-direction: column;
  gap: 0.38rem;
  padding: 0.35rem 0;
}

html.raumriss-os .alivemaex-readiness__prepared-block ul {
  margin: 0.2rem 0 0;
  padding-left: 1.05rem;
  opacity: 0.76;
  line-height: 1.45;
}

html.raumriss-os .alivemaex-readiness__prepared-text pre {
  margin: 0.25rem 0 0;
  padding: 0.42rem 0.48rem;
  border-radius: 6px;
  background: color-mix(in srgb, var(--os-inset) 18%, transparent);
  white-space: pre-wrap;
  font: inherit;
  font-size: 0.82rem;
  line-height: 1.45;
  opacity: 0.82;
}

/* ── ALIVEMAEX · Release Memory & Continuity v1 ─────────────── */

html.raumriss-os .alivemaex-readiness__memory {
  margin-top: 0.65rem;
  padding-top: 0.55rem;
  border-top: 1px solid color-mix(in srgb, var(--os-text) 7%, transparent);
}

html.raumriss-os .alivemaex-memory__remembers {
  margin-bottom: 0.55rem;
  padding: 0.48rem 0.55rem;
  border-radius: 8px;
  background: color-mix(in srgb, var(--os-inset) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--os-text) 5%, transparent);
}

html.raumriss-os .alivemaex-memory__remembers-label {
  opacity: 0.58;
  letter-spacing: 0.04em;
  margin-bottom: 0.28rem;
}

html.raumriss-os .alivemaex-memory__remembers-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
}

html.raumriss-os .alivemaex-memory__remembers-list li {
  font-size: 0.86rem;
  line-height: 1.48;
  opacity: 0.78;
}

html.raumriss-os .alivemaex-memory__continuity {
  margin-bottom: 0.45rem;
}

html.raumriss-os .alivemaex-memory__continuity-label {
  opacity: 0.55;
  margin-bottom: 0.18rem;
}

html.raumriss-os .alivemaex-memory__continuity-list {
  margin: 0;
  padding-left: 1.05rem;
  opacity: 0.72;
  line-height: 1.45;
}

html.raumriss-os .alivemaex-memory__principle {
  opacity: 0.48;
  line-height: 1.45;
  max-width: 36rem;
  margin-bottom: 0.45rem;
}

html.raumriss-os .alivemaex-memory__actions {
  margin-bottom: 0.35rem;
}

html.raumriss-os .alivemaex-memory__btn {
  padding: 0.28rem 0.48rem;
  border-radius: 4px;
  border: 1px solid color-mix(in srgb, var(--os-text) 10%, transparent);
  background: color-mix(in srgb, var(--os-inset) 16%, transparent);
  cursor: pointer;
  font: inherit;
  opacity: 0.72;
}

html.raumriss-os .alivemaex-memory__fold {
  margin-top: 0.35rem;
}

html.raumriss-os .alivemaex-memory__fold-summary {
  cursor: pointer;
  opacity: 0.58;
  padding: 0.22rem 0;
}

html.raumriss-os .alivemaex-memory__fold-body {
  padding: 0.35rem 0 0.15rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

html.raumriss-os .alivemaex-memory__journal {
  display: flex;
  flex-direction: column;
  gap: 0.38rem;
}

html.raumriss-os .alivemaex-memory__journal-intro {
  opacity: 0.55;
  line-height: 1.45;
}

html.raumriss-os .alivemaex-memory__journal-field {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  opacity: 0.72;
}

html.raumriss-os .alivemaex-memory__input {
  display: block;
  width: 100%;
  padding: 0.28rem 0.35rem;
  border-radius: 4px;
  border: 1px solid color-mix(in srgb, var(--os-text) 10%, transparent);
  background: color-mix(in srgb, var(--os-inset) 20%, transparent);
  font: inherit;
  resize: vertical;
}

html.raumriss-os .alivemaex-memory__journal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

html.raumriss-os .alivemaex-memory__learnings {
  padding: 0.38rem 0;
  border-top: 1px solid color-mix(in srgb, var(--os-text) 5%, transparent);
}

html.raumriss-os .alivemaex-memory__learning-group ul {
  margin: 0.18rem 0 0.28rem;
  padding-left: 1.05rem;
  opacity: 0.74;
  line-height: 1.42;
}

html.raumriss-os .alivemaex-memory__archive-list {
  list-style: none;
  padding: 0;
  margin: 0.25rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.32rem;
}

html.raumriss-os .alivemaex-memory__archive-item {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  padding: 0.28rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 5%, transparent);
}

html.raumriss-os .alivemaex-memory__archive-title {
  font-size: 0.88rem;
}

html.raumriss-os .alivemaex-memory__archive-note {
  opacity: 0.55;
  line-height: 1.4;
}

/* ── ALIVEMAEX · Release Operator v1 ─────────────────────────── */

html.raumriss-os .alivemaex-readiness__operator {
  margin: 0.55rem 0 0.65rem;
  padding: 0.55rem 0;
  border-top: 1px solid color-mix(in srgb, var(--os-text) 7%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 7%, transparent);
}

html.raumriss-os .alivemaex-operator__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.28rem 0.5rem;
  margin-bottom: 0.48rem;
}

html.raumriss-os .alivemaex-operator__wick {
  width: 2px;
  height: 1rem;
  border-radius: 1px;
  background: color-mix(in srgb, var(--os-orange-wick) 50%, transparent);
}

html.raumriss-os .alivemaex-operator__kicker {
  opacity: 0.58;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 0.62rem;
}

html.raumriss-os .alivemaex-operator__title {
  flex: 1 1 100%;
  margin: 0;
  font-size: clamp(1rem, 2vw, 1.18rem);
  font-weight: 450;
  letter-spacing: 0.01em;
}

html.raumriss-os .alivemaex-operator__meta {
  flex: 1 1 100%;
  opacity: 0.62;
}

html.raumriss-os .alivemaex-operator__principle {
  flex: 1 1 100%;
  opacity: 0.48;
  line-height: 1.45;
}

html.raumriss-os .alivemaex-operator__waiting {
  opacity: 0.55;
  margin-bottom: 0.42rem;
}

html.raumriss-os .alivemaex-operator__focus-chamber {
  margin-bottom: 0.55rem;
  padding: 0.48rem 0.55rem;
  border-radius: 8px;
  background: color-mix(in srgb, var(--os-inset) 15%, transparent);
  border: 1px solid color-mix(in srgb, var(--os-text) 5%, transparent);
}

html.raumriss-os .alivemaex-operator__focus {
  font-size: 0.92rem;
  line-height: 1.45;
  margin: 0;
}

html.raumriss-os .alivemaex-operator__world-needs,
html.raumriss-os .alivemaex-operator__movement {
  margin: 0.22rem 0 0;
  opacity: 0.68;
  line-height: 1.45;
}

html.raumriss-os .alivemaex-operator__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  gap: 0.42rem;
  margin-bottom: 0.48rem;
}

html.raumriss-os .alivemaex-operator__chamber {
  padding: 0.38rem 0.42rem;
  border-radius: 6px;
  background: color-mix(in srgb, var(--os-inset) 11%, transparent);
}

html.raumriss-os .alivemaex-operator__chamber-label {
  opacity: 0.55;
  margin-bottom: 0.15rem;
}

html.raumriss-os .alivemaex-operator__state {
  font-size: 0.86rem;
  opacity: 0.78;
}

html.raumriss-os .alivemaex-operator__numbered {
  margin: 0.12rem 0 0;
  padding-left: 1.1rem;
  opacity: 0.76;
  line-height: 1.42;
}

html.raumriss-os .alivemaex-operator__missing ul {
  margin: 0.18rem 0 0;
  padding-left: 1.05rem;
  opacity: 0.72;
  line-height: 1.42;
}

html.raumriss-os .alivemaex-operator__btn {
  padding: 0.3rem 0.52rem;
  border-radius: 4px;
  border: 1px solid color-mix(in srgb, var(--os-orange-wick) 26%, transparent);
  background: color-mix(in srgb, var(--os-inset) 18%, transparent);
  cursor: pointer;
  font: inherit;
  opacity: 0.78;
}

html.raumriss-os .alivemaex-operator__plan-fold {
  margin-top: 0.45rem;
}

html.raumriss-os .alivemaex-operator__plan-body {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding: 0.35rem 0;
}

html.raumriss-os .alivemaex-operator__weeks {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
}

html.raumriss-os .alivemaex-operator__weeks li {
  padding: 0.28rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 4%, transparent);
  opacity: 0.62;
}

html.raumriss-os .alivemaex-operator__weeks li[data-current="true"] {
  opacity: 0.92;
  border-color: color-mix(in srgb, var(--os-orange-wick) 22%, transparent);
}

html.raumriss-os .alivemaex-operator__week-label {
  display: block;
  font-size: 0.86rem;
}

html.raumriss-os .alivemaex-operator__week-detail {
  margin: 0.18rem 0 0;
  padding-left: 1rem;
}

html.raumriss-os .alivemaex-operator__funnel-seam {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.1rem 0.5rem;
  padding: 0.22rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 4%, transparent);
}

html.raumriss-os .alivemaex-operator__funnel-note {
  grid-column: 1 / -1;
  opacity: 0.5;
  font-size: 0.72rem;
}

html.raumriss-os .alivemaex-operator__landing-field {
  padding: 0.22rem 0;
}

html.raumriss-os .alivemaex-operator__landing-field p {
  margin: 0.12rem 0 0;
  font-size: 0.86rem;
  line-height: 1.45;
  opacity: 0.82;
}

html.raumriss-os .alivemaex-operator__content-list {
  opacity: 0.74;
  line-height: 1.42;
}

/* ── Cohesion Pass v2 · System Coherence Audit (2026-05-29)
   Reduktion, Hierarchie, ruhigere Oberflächen — keine neuen Systeme
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Home · Schicht-Hierarchie ─────────────────────────────────────────── */

html.raumriss-os .home-stage-layer {
  display: flex;
  flex-direction: column;
  gap: 0.42rem;
}

html.raumriss-os .home-stage-layer + .home-stage-layer {
  margin-top: clamp(0.85rem, 1.6vw, 1.25rem);
  padding-top: clamp(0.65rem, 1.2vw, 0.95rem);
  border-top: 1px solid color-mix(in srgb, var(--os-text) 5%, transparent);
}

html.raumriss-os .home-stage-layer .home-stage-kicker {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.62rem;
  color: color-mix(in srgb, var(--os-text) 34%, transparent);
  margin: 0;
}

html.raumriss-os .home-stage-layer--focus .home-living-title {
  font-size: clamp(1.35rem, 2.4vw, 1.72rem);
  letter-spacing: -0.018em;
  line-height: 1.18;
  font-weight: 520;
}

html.raumriss-os .home-room-band-lead {
  margin: 0.12rem 0 0;
  letter-spacing: 0.04em;
  color: color-mix(in srgb, var(--os-text) 38%, transparent);
}

html.raumriss-os .home-room-band-header {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  margin-bottom: clamp(0.55rem, 1vw, 0.72rem);
}

/* ── Raumkacheln · culture differenzieren ────────────────────────────────── */

html.raumriss-os .home-room-strip-cell[data-room="culture"] {
  background: color-mix(in srgb, var(--rr-surface) 88%, #e8ddd0 12%);
}

html.raumriss-os .home-room-strip-cell[data-room="culture"] .home-room-alive-dot {
  background: color-mix(in srgb, var(--os-text) 28%, #9a7b6a 18%);
}

/* ── Trust · nur title, nicht inline ─────────────────────────────────────── */

html.raumriss-os .happy-flower-room-pulse__trust,
html.raumriss-os .alivemaex-room-pulse__trust {
  display: none !important;
}

/* ── ALIVEMAEX · Atrium-Fold (wie HF Lesart) ─────────────────────────────── */

html.raumriss-os .alivemaex-room-pulse__primary {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  margin-bottom: 0.35rem;
}

html.raumriss-os .alivemaex-room-pulse__phase {
  opacity: 0.68;
  line-height: 1.42;
}

html.raumriss-os .alivemaex-room-pulse__attention {
  color: color-mix(in srgb, var(--os-orange-wick) 42%, var(--os-text) 58%);
  font-weight: 500;
}

html.raumriss-os .alivemaex-room-pulse[data-attention="true"] .alivemaex-room-pulse__wick {
  background: color-mix(in srgb, var(--os-orange-wick) 72%, transparent);
}

html.raumriss-os .alivemaex-room-pulse__fold {
  margin-top: 0.42rem;
  padding-top: 0.28rem;
  border-top: 1px solid var(--rr-operative-divider);
}

html.raumriss-os .alivemaex-room-pulse__fold > summary {
  cursor: pointer;
  list-style: none;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.58;
  padding: 0.18rem 0;
}

html.raumriss-os .alivemaex-room-pulse__fold > summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .alivemaex-room-pulse__fold-body {
  padding: 0.35rem 0 0.12rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

html.raumriss-os .alivemaex-room-pulse__fold .alivemaex-room-pulse__visibility {
  margin: 0;
}

/* ── HAPPY FLOWER · Atmospheric Lesart reduzieren ────────────────────────── */

html.raumriss-os .happy-flower-aurel-reading__stack--atmospheric {
  opacity: 0.62;
  margin-top: 0.22rem;
  padding-top: 0.22rem;
  border-top: 1px solid color-mix(in srgb, var(--os-text) 4%, transparent);
}

html.raumriss-os .happy-flower-room-pulse__atmospheric {
  display: none;
}

/* ── Operative Stacks · weniger Kasten-Gefühl ────────────────────────────── */

html.raumriss-os .zone-operative-stack {
  border: none;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--rr-paper-aged) 38%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--os-text) 3%, transparent);
}

html.raumriss-os .room-chamber,
html.raumriss-os .home-room-strip-cell.room-tile {
  border-color: color-mix(in srgb, var(--os-text) 7%, transparent);
}

/* ── AUREL · leiser auf Room-Ebene ───────────────────────────────────────── */

html.raumriss-os .aurel-quiet-perception {
  max-width: 42rem;
  line-height: 1.48;
  color: color-mix(in srgb, var(--os-text) 48%, transparent);
}

html.raumriss-os .alivemaex-room-pulse__fold .aurel-quiet-perception,
html.raumriss-os .happy-flower-room-pulse__fold .aurel-quiet-perception {
  margin-top: 0.12rem;
  padding-top: 0.22rem;
  border-top: 1px solid color-mix(in srgb, var(--os-text) 4%, transparent);
}

/* ── Current Field · klarere Schichtung ──────────────────────────────────── */

html.raumriss-os .current-field__layer + .current-field__layer {
  margin-top: 0.55rem;
  padding-top: 0.42rem;
  border-top: 1px solid color-mix(in srgb, var(--os-text) 4%, transparent);
}

html.raumriss-os .current-field__presence-room {
  font-size: 0.92rem;
  letter-spacing: 0.01em;
}

html.raumriss-os .current-field[data-gravity="anchored"] {
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--os-orange-wick) 38%, transparent);
  padding-left: 0.55rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Density Pass v3 · −30% sichtbare Information, Funktion bleibt in Folds
   ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os .current-field__fold {
  margin-top: 0.35rem;
}

html.raumriss-os .current-field__fold > summary {
  cursor: pointer;
  list-style: none;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.52;
  padding: 0.15rem 0;
}

html.raumriss-os .current-field__fold > summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .current-field__fold-body {
  padding: 0.32rem 0 0.08rem;
}

html.raumriss-os .current-field__material-more {
  margin: 0.22rem 0 0;
  opacity: 0.48;
}

html.raumriss-os .home-room-chamber__subline {
  display: none;
}

html.raumriss-os .home-room-chamber__commerce-line {
  margin-top: 0.18rem;
  opacity: 0.62;
  line-height: 1.38;
}

html.raumriss-os .home-living-continuation,
html.raumriss-os .home-living-warmth__line,
html.raumriss-os .home-living-kicker {
  display: none;
}

html.raumriss-os .home-room-band-lead {
  display: none;
}

html.raumriss-os .alivemaex-room-pulse__head,
html.raumriss-os .alivemaex-room-pulse__product-truth,
html.raumriss-os .alivemaex-room-pulse__landing,
html.raumriss-os .alivemaex-room-pulse__content,
html.raumriss-os .alivemaex-room-pulse__move,
html.raumriss-os .alivemaex-room-pulse__whisper-chamber {
  display: none;
}

html.raumriss-os .alivemaex-room-pulse__primary {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.28rem 0.55rem;
  margin-bottom: 0.28rem;
}

html.raumriss-os .alivemaex-room-pulse__track {
  font-size: 0.94rem;
}

html.raumriss-os .alivemaex-room-pulse__next {
  margin-bottom: 0.28rem;
  opacity: 0.68;
}

html.raumriss-os .happy-flower-aurel-reading__detail > summary {
  cursor: pointer;
  list-style: none;
  opacity: 0.55;
  padding: 0.18rem 0;
}

html.raumriss-os .happy-flower-aurel-reading__detail > summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .happy-flower-aurel-reading__detail .happy-flower-aurel-reading__stack {
  padding-top: 0.22rem;
}

html.raumriss-os .room-shell[data-runtime-depth="zone"] .room-identity-strip__presence {
  max-width: 36rem;
  opacity: 0.78;
}

html.raumriss-os .room-shell[data-runtime-depth="zone"] .room-identity-strip__zone-context {
  display: none;
}

html.raumriss-os .aurel-attention-notice__action {
  display: none;
}

/* ── Project Intake v1 · ruhige Projekt-Anlage ───────────────────────────── */

html.raumriss-os .home-project-intake {
  margin-top: 0.55rem;
  padding-top: 0.45rem;
  border-top: 1px solid var(--rr-operative-divider);
}

html.raumriss-os .home-project-intake__hint {
  margin: 0 0 0.2rem;
  opacity: 0.52;
  line-height: 1.35;
}

html.raumriss-os .project-intake__trigger {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0.2rem 0;
  color: color-mix(in srgb, var(--os-text) 58%, transparent);
  cursor: pointer;
  letter-spacing: 0.028em;
  text-align: left;
}

html.raumriss-os .project-intake__trigger:hover {
  color: color-mix(in srgb, var(--os-text) 78%, transparent);
}

html.raumriss-os .project-intake__form {
  margin-top: 0.55rem;
  padding: 0.65rem 0.72rem;
  background: color-mix(in srgb, var(--os-inset) 48%, transparent);
  box-shadow: var(--rr-operative-recess);
  display: flex;
  flex-direction: column;
  gap: 0.48rem;
}

html.raumriss-os .project-intake__form-kicker {
  margin-bottom: 0.12rem;
  opacity: 0.62;
}

html.raumriss-os .project-intake__field {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

html.raumriss-os .project-intake__field input,
html.raumriss-os .project-intake__field select,
html.raumriss-os .project-intake__field textarea {
  font: inherit;
  font-size: 0.92rem;
  padding: 0.32rem 0.42rem;
  border: 1px solid color-mix(in srgb, var(--os-text) 12%, transparent);
  background: color-mix(in srgb, var(--os-surface) 72%, transparent);
  color: inherit;
  border-radius: 0;
}

html.raumriss-os .project-intake__row {
  display: flex;
  gap: 0.55rem;
}

html.raumriss-os .project-intake__field--half {
  flex: 1;
}

html.raumriss-os .project-intake__actions {
  display: flex;
  gap: 0.65rem;
  align-items: center;
  margin-top: 0.2rem;
}

html.raumriss-os .project-intake__submit {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid color-mix(in srgb, var(--os-text) 18%, transparent);
  background: color-mix(in srgb, var(--os-text) 6%, transparent);
  padding: 0.32rem 0.65rem;
  font: inherit;
  font-size: 0.88rem;
  cursor: pointer;
  color: inherit;
}

html.raumriss-os .project-intake__submit:disabled {
  opacity: 0.5;
  cursor: wait;
}

html.raumriss-os .project-intake__secondary {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: color-mix(in srgb, var(--os-text) 52%, transparent);
}

html.raumriss-os .project-intake__error {
  color: color-mix(in srgb, var(--os-accent-warn, #c4a574) 85%, var(--os-text));
}

html.raumriss-os .project-intake__breakdown {
  margin-top: 0.45rem;
  padding: 0.62rem 0.68rem;
  background: color-mix(in srgb, var(--os-inset) 44%, transparent);
  box-shadow: var(--rr-operative-recess);
}

html.raumriss-os .project-intake__breakdown-kicker {
  opacity: 0.58;
  margin-bottom: 0.28rem;
}

html.raumriss-os .project-intake__breakdown-summary {
  font-size: 0.95rem;
  margin-bottom: 0.42rem;
}

html.raumriss-os .project-intake__breakdown-section {
  margin-top: 0.38rem;
}

html.raumriss-os .project-intake__breakdown-section .type-meta {
  opacity: 0.58;
  margin-bottom: 0.15rem;
}

html.raumriss-os .project-intake__breakdown-list {
  margin: 0;
  padding-left: 1.05rem;
  font-size: 0.88rem;
  line-height: 1.45;
}

html.raumriss-os .project-intake__breakdown-list--quiet {
  opacity: 0.72;
}

html.raumriss-os .project-intake__breakdown-foot {
  margin-top: 0.45rem;
  opacity: 0.55;
}

html.raumriss-os .alivemaex-room-pulse__intake {
  margin-top: 0.55rem;
  padding-top: 0.42rem;
  border-top: 1px solid color-mix(in srgb, var(--os-text) 8%, transparent);
}

html.raumriss-os .project-intake--compact .project-intake__form {
  padding: 0.55rem 0.6rem;
}

/* ── Project Reality v1 · Projekt zuerst ─────────────────────────────────── */

html.raumriss-os .project-reality--home {
  margin-top: 0.35rem;
  padding: 0.85rem 0.88rem;
  background: color-mix(in srgb, var(--os-inset) 62%, transparent);
}

html.raumriss-os .project-reality--home .project-reality__title {
  font-size: 1.22rem;
}

html.raumriss-os .alivemaex-room-pulse__project-home {
  margin-top: 0.15rem;
}

html.raumriss-os .alivemaex-room-pulse[data-has-project="true"] .alivemaex-room-pulse__world-line {
  font-size: 1.05rem;
  letter-spacing: 0.02em;
}

/* ── ALIVEMAEX Release Zone · Project Space Steuerfläche ─────────────────── */

html.raumriss-os .alivemaex-release-zone-context {
  position: relative;
  padding: 0.82rem 0.88rem 0.72rem;
  margin-bottom: 0.55rem;
  background: color-mix(in srgb, var(--os-inset) 58%, transparent);
  box-shadow: var(--rr-operative-recess);
}

html.raumriss-os .alivemaex-release-zone-context__wick {
  display: block;
  width: 1.35rem;
  height: 2px;
  margin-bottom: 0.42rem;
  background: color-mix(in srgb, var(--os-text) 22%, transparent);
  border-radius: 1px;
}

html.raumriss-os .alivemaex-release-zone-context__kicker {
  opacity: 0.58;
  margin: 0 0 0.2rem;
}

html.raumriss-os .alivemaex-release-zone-context__headline {
  margin: 0;
  font-size: 1.18rem;
  letter-spacing: 0.02em;
  line-height: 1.28;
  font-weight: 500;
}

html.raumriss-os .alivemaex-release-zone-context__subline {
  margin: 0.22rem 0 0;
  opacity: 0.65;
}

html.raumriss-os .alivemaex-release-zone-context__hint {
  margin: 0.45rem 0 0;
  line-height: 1.45;
  opacity: 0.72;
  max-width: 42rem;
}

html.raumriss-os .alivemaex-release-zone-context__block {
  margin-top: 0.52rem;
  padding-top: 0.42rem;
  border-top: 1px solid var(--rr-operative-divider);
}

html.raumriss-os .alivemaex-release-zone-context__block-kicker {
  opacity: 0.55;
  margin: 0 0 0.12rem;
}

html.raumriss-os .alivemaex-release-zone-context__block-line,
html.raumriss-os .alivemaex-release-zone-context__reentry {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.45;
}

html.raumriss-os .alivemaex-release-zone-context__gaps {
  margin: 0;
  line-height: 1.4;
}

html.raumriss-os .alivemaex-release-zone-context__reentry-empty {
  margin: 0.45rem 0 0;
  opacity: 0.62;
  line-height: 1.4;
}

html.raumriss-os .alivemaex-release-zone-context__aurel,
html.raumriss-os .alivemaex-release-zone-context__steward {
  margin: 0.42rem 0 0;
  opacity: 0.68;
  line-height: 1.4;
}

html.raumriss-os .alivemaex-release-surface__zone-context {
  margin-bottom: 0.35rem;
}

html.raumriss-os .project-reality {
  padding: 0.72rem 0.78rem;
  background: color-mix(in srgb, var(--os-inset) 50%, transparent);
  box-shadow: var(--rr-operative-recess);
}

html.raumriss-os .project-reality--fresh {
  border-left: 2px solid color-mix(in srgb, var(--os-text) 14%, transparent);
}

html.raumriss-os .project-reality__fresh-kicker {
  opacity: 0.55;
  margin-bottom: 0.35rem;
}

html.raumriss-os .project-reality__title {
  font-size: 1.15rem;
  letter-spacing: 0.02em;
  line-height: 1.25;
  margin: 0;
}

html.raumriss-os .project-reality__type {
  margin-top: 0.18rem;
  opacity: 0.62;
}

html.raumriss-os .project-reality__why {
  margin-top: 0.45rem;
  font-size: 0.92rem;
  line-height: 1.45;
  opacity: 0.82;
}

html.raumriss-os .project-reality__next {
  margin-top: 0.55rem;
  padding-top: 0.42rem;
  border-top: 1px solid var(--rr-operative-divider);
}

html.raumriss-os .project-reality__next-kicker {
  opacity: 0.55;
  margin-bottom: 0.12rem;
}

html.raumriss-os .project-reality__next-line {
  font-size: 0.95rem;
  margin: 0;
}

html.raumriss-os .project-reality__block {
  margin-top: 0.38rem;
}

html.raumriss-os .project-reality__block-kicker {
  opacity: 0.55;
  margin-bottom: 0.1rem;
}

html.raumriss-os .project-reality__missing {
  margin: 0;
}

html.raumriss-os .project-reality__list {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.88rem;
  line-height: 1.4;
}

html.raumriss-os .project-reality__list--quiet {
  opacity: 0.72;
}

html.raumriss-os .project-reality__aurel {
  margin-top: 0.42rem;
  opacity: 0.62;
}

html.raumriss-os .project-reality__lines-fold {
  margin-top: 0.38rem;
}

html.raumriss-os .project-reality__lines-fold summary {
  cursor: pointer;
  opacity: 0.58;
}

/* ── Project Space · Fäden & Material (abgeleitet) ──────────────── */

html.raumriss-os .project-reality__space {
  margin-top: 0.5rem;
  padding-top: 0.42rem;
  border-top: 1px solid var(--rr-operative-divider);
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
}

html.raumriss-os .project-reality__space-root {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  margin: 0;
}

html.raumriss-os .project-reality__space-root-kicker {
  opacity: 0.55;
}

html.raumriss-os .project-reality__space-root-title {
  font-size: 0.95rem;
  line-height: 1.3;
}

html.raumriss-os .project-reality__space-moving,
html.raumriss-os .project-reality__space-material {
  margin: 0;
  opacity: 0.66;
}

html.raumriss-os .project-reality__space-material-gaps {
  opacity: 0.78;
}

html.raumriss-os .project-reality__space-fold {
  margin-top: 0.18rem;
}

html.raumriss-os .project-reality__space-fold summary {
  cursor: pointer;
  opacity: 0.58;
}

/* ── Project Space · Re-Entry / Continuity (abgeleitet, ruhig) ──── */

html.raumriss-os .project-reality__reentry {
  margin-top: 0.5rem;
  padding: 0.5rem 0.6rem;
  border-radius: 0;
  background: color-mix(in srgb, var(--os-inset) 46%, transparent);
  box-shadow: var(--rr-operative-recess);
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

html.raumriss-os .project-reality__reentry-row {
  display: grid;
  grid-template-columns: 6.5rem 1fr;
  gap: 0.5rem;
  align-items: baseline;
  margin: 0;
}

html.raumriss-os .project-reality__reentry-kicker {
  opacity: 0.5;
  letter-spacing: 0.02em;
}

html.raumriss-os .project-reality__reentry-line {
  font-size: 0.92rem;
  line-height: 1.32;
}

html.raumriss-os .project-reality__reentry-row--next .project-reality__reentry-line {
  font-size: 0.95rem;
}

html.raumriss-os .project-reality__reentry-hint {
  display: block;
  margin-top: 0.1rem;
  opacity: 0.6;
}

html.raumriss-os .project-reality__reentry-notyet {
  margin: 0.1rem 0 0;
  padding-top: 0.32rem;
  border-top: 1px solid var(--rr-operative-divider);
  opacity: 0.66;
  font-style: italic;
}

html.raumriss-os .alivemaex-room-pulse__project {
  margin-bottom: 0.55rem;
}

html.raumriss-os .alivemaex-room-pulse[data-has-project="true"] .alivemaex-room-pulse__fold {
  margin-top: 0.35rem;
}

/* ── AUREL · Learning Loop v1 ─────────────────────────────────── */

html.raumriss-os .aurel-learning {
  margin: 0.55rem 0;
  padding: 0.55rem 0;
  border-top: 1px solid color-mix(in srgb, var(--os-text) 7%, transparent);
}

html.raumriss-os .aurel-learning__head {
  margin-bottom: 0.45rem;
}

html.raumriss-os .aurel-learning__title {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.72;
}

html.raumriss-os .aurel-learning__principle {
  margin-top: 0.2rem;
  opacity: 0.55;
  line-height: 1.45;
  max-width: 42ch;
}

html.raumriss-os .aurel-learning__section {
  margin: 0.45rem 0;
}

html.raumriss-os .aurel-learning__section-label {
  opacity: 0.62;
  margin-bottom: 0.28rem;
}

html.raumriss-os .aurel-learning__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

html.raumriss-os .aurel-learning__item {
  padding-left: 0.55rem;
  border-left: 2px solid color-mix(in srgb, var(--os-text) 12%, transparent);
}

html.raumriss-os .aurel-learning__lesson {
  font-size: 0.9rem;
  line-height: 1.45;
}

html.raumriss-os .aurel-learning__context,
html.raumriss-os .aurel-learning__correction,
html.raumriss-os .aurel-learning__meta {
  margin-top: 0.18rem;
  opacity: 0.58;
  line-height: 1.4;
}

html.raumriss-os .aurel-learning__actions {
  display: flex;
  gap: 0.35rem;
  margin-top: 0.35rem;
}

html.raumriss-os .aurel-learning__btn {
  font-size: 0.78rem;
  padding: 0.22rem 0.55rem;
  border: 1px solid color-mix(in srgb, var(--os-text) 14%, transparent);
  border-radius: 3px;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

html.raumriss-os .aurel-learning__btn--approve {
  border-color: color-mix(in srgb, var(--os-text) 22%, transparent);
}

html.raumriss-os .aurel-learning__btn--small {
  font-size: 0.72rem;
  margin-top: 0.25rem;
}

html.raumriss-os .aurel-learning__list--rules {
  gap: 0.35rem;
}

html.raumriss-os .aurel-learning__rule {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.45rem;
  font-size: 0.86rem;
  line-height: 1.4;
}

html.raumriss-os .aurel-learning__rule-kind {
  opacity: 0.55;
}

html.raumriss-os .aurel-learning__rule-room {
  opacity: 0.48;
}

html.raumriss-os .aurel-learning__fold {
  margin-top: 0.4rem;
}

html.raumriss-os .aurel-learning__fold-summary {
  cursor: pointer;
  opacity: 0.62;
}

html.raumriss-os .aurel-learning__propose {
  margin-top: 0.45rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

html.raumriss-os .aurel-learning__field {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

html.raumriss-os .aurel-learning__input {
  font: inherit;
  font-size: 0.86rem;
  padding: 0.35rem 0.45rem;
  border: 1px solid color-mix(in srgb, var(--os-text) 12%, transparent);
  border-radius: 3px;
  background: transparent;
  color: inherit;
  resize: vertical;
}

html.raumriss-os .aurel-learning__doc-list {
  list-style: none;
  margin: 0.45rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

html.raumriss-os .aurel-learning__doc-line {
  display: block;
  font-size: 0.78rem;
  margin: 0.2rem 0;
  opacity: 0.72;
  white-space: pre-wrap;
  word-break: break-word;
}

/* ── Material Presence · Vorschauen + Raum-Bewegung ─────────────────────── */

html.raumriss-os .material-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

html.raumriss-os .material-thumbnail--loading {
  background: color-mix(in srgb, var(--os-surface-inset) 88%, var(--os-surface-graphite));
  animation: rr-material-thumb-breathe 2.4s ease-in-out infinite;
}

@keyframes rr-material-thumb-breathe {
  0%,
  100% {
    opacity: 0.42;
  }
  50% {
    opacity: 0.78;
  }
}

html.raumriss-os .material-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

html.raumriss-os .material-thumbnail__glyph {
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

html.raumriss-os .room-material-presence {
  margin-top: 0.42rem;
  padding-top: 0.36rem;
  border-top: 1px solid var(--rr-operative-divider);
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
}

html.raumriss-os .room-material-presence__movement {
  margin: 0;
  line-height: 1.38;
  color: color-mix(in srgb, var(--os-text) 48%, transparent);
}

html.raumriss-os .room-material-presence__track {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.32rem;
}

html.raumriss-os .room-material-presence__link {
  display: block;
  width: 3.1rem;
  height: 3.1rem;
  border-radius: 6px;
  overflow: hidden;
  background: color-mix(in srgb, var(--rr-inset) 55%, var(--rr-bg));
  box-shadow: inset 0 0 0 1px var(--rr-line-soft);
  transition: box-shadow var(--rr-evolution-duration-control) var(--rr-evolution-ease);
}

html.raumriss-os .room-material-presence__link[data-material-new="true"] {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--rr-orange) 28%, var(--rr-line-soft)),
    0 0 0 1px color-mix(in srgb, var(--rr-orange-soft) 40%, transparent);
}

html.raumriss-os .happy-flower-room-pulse__material,
html.raumriss-os .alivemaex-room-pulse__material {
  margin-top: 0.38rem;
}

html.raumriss-os .current-field__layer--material[data-reentry-muted="true"] {
  opacity: 0.88;
}

html.raumriss-os .current-field__glyph-visual .material-thumbnail,
html.raumriss-os .current-field__creative-set-visual .material-thumbnail {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 2px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-room-identity-pass.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * RAUMRISS · Room Identity Pass v1
 * Atmosphäre und Erkennbarkeit — keine neuen Panels.
 */

/* ── ALIVEMAEX · Cover-first creative world ─────────────────────────────── */

html.raumriss-os .room-shell[data-room-slug="alivemaex"]::before {
  content: "";
  display: block !important;
  position: absolute;
  inset: -2rem -1rem auto;
  height: clamp(18rem, 42vw, 28rem);
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(
      ellipse 58% 48% at 12% 0%,
      color-mix(in srgb, #c88850 22%, transparent),
      transparent 70%
    ),
    radial-gradient(
      ellipse 40% 35% at 88% 8%,
      color-mix(in srgb, #1a1428 35%, transparent),
      transparent 72%
    );
  opacity: 0.82;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-composition__stage.rr-room-surface {
  background:
    radial-gradient(
      ellipse 90% 58% at 8% 0%,
      color-mix(in srgb, #d4a060 14%, transparent),
      transparent 62%
    ),
    color-mix(in srgb, var(--work-paper, #f3ecdf) 94%, #fff 6%) !important;
}

html.raumriss-os .alivemaex-room-pulse[data-cover-first="true"] {
  margin-top: clamp(0.35rem, 0.8vw, 0.55rem);
  padding: clamp(0.55rem, 1.1vw, 0.85rem) 0;
  border-top: none;
}

html.raumriss-os .alivemaex-room-pulse[data-cover-first="true"] .alivemaex-room-pulse__material--lead {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

html.raumriss-os
  .alivemaex-room-pulse[data-cover-first="true"]
  .alivemaex-room-pulse__material--lead.room-material-presence {
  gap: 0.42rem;
}

html.raumriss-os
  .alivemaex-room-pulse[data-cover-first="true"]
  .room-material-presence__movement {
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 88%, var(--raum-amber, #d97822) 12%);
}

html.raumriss-os
  .alivemaex-room-pulse[data-cover-first="true"]
  .room-material-presence__track {
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 0.42rem;
  padding-bottom: 0.12rem;
  scrollbar-width: none;
}

html.raumriss-os
  .alivemaex-room-pulse[data-cover-first="true"]
  .room-material-presence__track::-webkit-scrollbar {
  display: none;
}

html.raumriss-os
  .alivemaex-room-pulse[data-cover-first="true"]
  .room-material-presence__link {
  width: clamp(4.5rem, 12vw, 6.25rem);
  height: clamp(4.5rem, 12vw, 6.25rem);
  flex: 0 0 auto;
  border-radius: 4px;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, #e8c8a0 18%, var(--rr-line-soft)),
    0 8px 24px color-mix(in srgb, #000 28%, transparent);
}

html.raumriss-os
  .alivemaex-room-pulse[data-cover-first="true"]
  .room-material-presence__link[data-material-new="true"] {
  animation: rr-material-arrived 680ms var(--rr-evolution-ease, ease-out) both;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, #e8a860 42%, var(--rr-line-soft)),
    0 0 0 1px color-mix(in srgb, #e8a860 24%, transparent),
    0 10px 28px color-mix(in srgb, #000 32%, transparent);
}

html.raumriss-os .alivemaex-room-pulse__world {
  margin-top: 0.48rem;
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
}

html.raumriss-os .alivemaex-room-pulse__world-line {
  margin: 0;
  font-size: clamp(1.02rem, 2.2vw, 1.18rem);
  letter-spacing: 0.015em;
  line-height: 1.35;
  color: var(--work-ink, #1c1914);
  font-weight: 500;
}

html.raumriss-os .alivemaex-room-pulse__world-phase {
  margin: 0;
  opacity: 0.82;
  letter-spacing: 0.06em;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-room-pulse[data-cover-first="true"] .alivemaex-room-pulse__fold {
  margin-top: 0.55rem;
  border-top-color: color-mix(in srgb, #e8c8a0 12%, var(--rr-operative-divider));
}

html.raumriss-os .alivemaex-room-pulse[data-cover-first="true"] .alivemaex-room-pulse__fold > summary {
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 92%, var(--raum-amber, #d97822) 8%);
}

html.raumriss-os .alivemaex-room-pulse[data-cover-first="true"] .alivemaex-room-pulse__intake {
  opacity: 0.72;
  border-top-color: color-mix(in srgb, #e8c8a0 10%, transparent);
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-chamber--state {
  opacity: 0.88;
}

/* ── PERSONAL OS · protective quiet ───────────────────────────────────── */

html.raumriss-os .room-shell[data-room-slug="personal_os"]::before {
  content: "";
  display: block !important;
  position: absolute;
  inset: -1.5rem -0.75rem auto;
  height: clamp(14rem, 30vw, 20rem);
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(
    ellipse 70% 55% at 50% 0%,
    color-mix(in srgb, #d8dce8 14%, transparent),
    transparent 68%
  );
  opacity: 0.65;
}

html.raumriss-os .room-shell[data-room-slug="personal_os"] .room-composition__stage.rr-room-surface {
  background:
    radial-gradient(
      ellipse 80% 50% at 50% 0%,
      color-mix(in srgb, #eef0f4 12%, transparent),
      transparent 62%
    ),
    color-mix(in srgb, var(--rr-surface) 96%, #f4f2ee) !important;
}

html.raumriss-os .room-shell[data-room-slug="personal_os"] .room-chamber--state .atmospheric-title {
  font-weight: 420;
  letter-spacing: 0.01em;
  color: color-mix(in srgb, var(--os-text) 78%, #8a9098);
}

html.raumriss-os .room-shell[data-room-slug="personal_os"] .room-signal-channel,
html.raumriss-os .room-shell[data-room-slug="personal_os"] .room-signal-channel__item[data-signal-tone="attention"] {
  opacity: 0.72;
}

html.raumriss-os .room-shell[data-room-slug="personal_os"] .room-signal-channel__marker {
  background: color-mix(in srgb, #b8bcc8 35%, transparent) !important;
}

html.raumriss-os .room-shell[data-room-slug="personal_os"] .room-worksurface,
html.raumriss-os .room-shell[data-room-slug="personal_os"] .room-periphery-rail {
  opacity: 0.82;
}

html.raumriss-os .room-shell[data-room-slug="personal_os"] .room-nav-bay[data-zone-presence="active"] {
  border-color: color-mix(in srgb, var(--os-text) 8%, transparent);
  box-shadow: none;
}

html.raumriss-os .room-state--personal_os .runtime-state-section {
  --room-edge-pressure: 0.72;
}

/* ── LIEBE ÜBER ANGST · culture / manifest ────────────────────────────── */

html.raumriss-os .room-shell[data-room-slug="liebe_ueber_angst"]::before {
  content: "";
  display: block !important;
  position: absolute;
  inset: -2rem -1rem auto;
  height: clamp(16rem, 36vw, 24rem);
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(
    ellipse 62% 52% at 50% 0%,
    color-mix(in srgb, #f472b6 14%, transparent),
    transparent 70%
  );
  opacity: 0.55;
}

html.raumriss-os .room-shell[data-room-slug="liebe_ueber_angst"] .room-composition__stage.rr-room-surface {
  background:
    radial-gradient(
      ellipse 75% 48% at 50% 0%,
      color-mix(in srgb, #fce7f3 10%, transparent),
      transparent 64%
    ),
    color-mix(in srgb, var(--rr-surface) 94%, #faf6f8) !important;
}

html.raumriss-os .room-shell[data-room-slug="liebe_ueber_angst"] .room-chamber--state .atmospheric-title {
  font-size: clamp(1.05rem, 2.4vw, 1.28rem);
  letter-spacing: 0.02em;
  line-height: 1.45;
  font-weight: 420;
  max-width: 36rem;
}

html.raumriss-os .room-shell[data-room-slug="liebe_ueber_angst"] .room-chamber--state .rr-section-title,
html.raumriss-os .room-shell[data-room-slug="liebe_ueber_angst"] .room-chamber--state .workspace-section__kicker {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.68rem;
  opacity: 0.52;
}

html.raumriss-os .room-shell[data-room-slug="liebe_ueber_angst"] .room-signal-channel {
  opacity: 0.78;
}

html.raumriss-os .room-shell[data-room-slug="liebe_ueber_angst"] .room-worksurface {
  opacity: 0.78;
}

html.raumriss-os .room-shell[data-room-slug="liebe_ueber_angst"] .room-nav-bay {
  border-radius: 999px;
  border-color: color-mix(in srgb, #f472b6 12%, var(--rr-line-soft));
}

html.raumriss-os .room-state--liebe_ueber_angst .runtime-state-section {
  padding-bottom: 0.35rem;
}

/* ── Material arrival · global subtle ─────────────────────────────────── */

@keyframes rr-material-arrived {
  from {
    opacity: 0;
    transform: translateY(4px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

html.raumriss-os .room-material-presence__link[data-material-new="true"] {
  animation: rr-material-arrived 620ms var(--rr-evolution-ease, ease-out) both;
}

/* ── Home · alive not data ─────────────────────────────────────────────── */

html.raumriss-os .home-room-chamber__context[data-alive-line="true"] {
  letter-spacing: 0.02em;
  line-height: 1.42;
}

html.raumriss-os .home-room-strip-cell[data-room="personal"] .home-room-chamber__context,
html.raumriss-os .home-room-strip-cell[data-room="culture"] .home-room-chamber__context {
  opacity: 0.82;
}

html.raumriss-os .home-living-focus[data-home-focus="rest"] .home-living-meta {
  max-width: 34rem;
  line-height: 1.48;
}

/* ── Home · Living House ───────────────────────────────────────────────── */

html.raumriss-os .home-composition--living-house {
  gap: clamp(1.1rem, 2.4vw, 1.65rem);
}

html.raumriss-os .home-living-house {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.45rem);
}

html.raumriss-os .home-living-house--pulse {
  gap: clamp(0.85rem, 1.8vw, 1.2rem);
}

html.raumriss-os .home-composition--living-house .home-room-band {
  width: 100%;
}

@media (min-width: 1024px) {
  html.raumriss-os .home-composition--living-house .home-room-strip > li {
    min-width: 0;
  }

  html.raumriss-os .home-composition--living-house .home-room-strip-cell {
    min-height: clamp(9.25rem, 14vw, 10.75rem);
  }
}

html.raumriss-os .home-living-house__layer {
  display: flex;
  flex-direction: column;
  gap: 0.42rem;
}

html.raumriss-os .home-alive-events {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
}

html.raumriss-os .home-alive-events__link {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.55rem 0.65rem;
  text-decoration: none;
  padding: 0.32rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 6%, transparent);
}

html.raumriss-os .home-alive-events__link:hover,
html.raumriss-os .home-alive-events__link:focus-visible {
  border-bottom-color: color-mix(in srgb, var(--os-text) 14%, transparent);
}

html.raumriss-os .home-alive-events__thumb {
  flex: 0 0 auto;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 5px;
  overflow: hidden;
  background: color-mix(in srgb, var(--rr-inset) 55%, var(--rr-bg));
  box-shadow: inset 0 0 0 1px var(--rr-line-soft);
}

html.raumriss-os .home-alive-events__thumb--signal {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  margin-left: 0.12rem;
  background: color-mix(in srgb, var(--rr-orange) 55%, transparent);
  box-shadow: none;
}

html.raumriss-os .home-alive-events__caption {
  font-size: clamp(0.9rem, 1.7vw, 0.98rem);
  letter-spacing: 0.01em;
  line-height: 1.38;
  color: var(--os-text);
  min-width: 0;
}

html.raumriss-os .home-alive-events__quiet,
html.raumriss-os .home-current-focus__quiet {
  margin: 0;
  opacity: 0.58;
  line-height: 1.45;
}

html.raumriss-os .home-current-focus__line {
  margin: 0;
  font-size: clamp(1.08rem, 2.4vw, 1.28rem);
  line-height: 1.35;
  letter-spacing: 0.012em;
  font-weight: 450;
  color: var(--os-text);
  text-decoration: none;
}

html.raumriss-os a.home-current-focus__line:hover,
html.raumriss-os a.home-current-focus__line:focus-visible {
  color: color-mix(in srgb, var(--os-text) 82%, var(--rr-orange) 18%);
}

html.raumriss-os .home-current-focus__why,
html.raumriss-os .home-current-focus__room {
  margin: 0.22rem 0 0;
  opacity: 0.62;
  line-height: 1.42;
  max-width: 36rem;
}

html.raumriss-os .home-re-entry__line {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.45;
  color: color-mix(in srgb, var(--os-text) 72%, var(--text-muted));
  text-decoration: none;
}

html.raumriss-os a.home-re-entry__line:hover,
html.raumriss-os a.home-re-entry__line:focus-visible {
  color: var(--os-text);
}

html.raumriss-os .home-room-chamber__subline {
  margin: 0.12rem 0 0;
  opacity: 0.58;
  line-height: 1.38;
}

html.raumriss-os .home-room-chamber__materials.room-material-presence--home {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

html.raumriss-os .home-room-chamber__materials.room-material-presence--home .room-material-presence__track {
  gap: 0.28rem;
}

html.raumriss-os .home-room-chamber__materials.room-material-presence--home .room-material-presence__link {
  width: 2.75rem;
  height: 2.75rem;
}

html.raumriss-os .home-periphery-fold {
  margin-top: 0.35rem;
  padding-top: 0.35rem;
  border-top: 1px solid color-mix(in srgb, var(--os-text) 7%, transparent);
}

html.raumriss-os .home-periphery-fold > summary {
  cursor: pointer;
  list-style: none;
  letter-spacing: 0.08em;
  opacity: 0.52;
}

html.raumriss-os .home-periphery-fold > summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .home-periphery-fold__body {
  padding-top: 0.55rem;
}

html.raumriss-os .home-composition--living-house .home-room-band-header {
  margin-bottom: 0.15rem;
}

html.raumriss-os .home-living-house__layer--focus {
  padding-bottom: 0.15rem;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/components/spatial/spatial-surface.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* RAUMRISS · Spatial operating surface — room plates, not dashboard */

.spatial-surface {
  --spatial-bg: var(--background, #f8f7f4);
  --spatial-surface: var(--background-sunken, #f2f1ee);
  --spatial-surface-soft: var(--background-elevated, #ffffff);
  --spatial-inset: var(--background-sunken, #f2f1ee);
  --spatial-elevated: var(--background-elevated, #ffffff);
  --spatial-text: var(--text-primary, #0f0f0f);
  --spatial-muted: var(--text-secondary, #6b6b6b);
  --spatial-faint: var(--text-tertiary, #9a9a9a);
  --spatial-body: var(--text-primary, #0f0f0f);
  --spatial-seam: var(--border-default, #e8e7e4);
  --spatial-divider: var(--border-default, #e8e7e4);
  --spatial-amber: var(--copper, #ea580c);
  --spatial-amber-seam: var(--copper-subtle, rgba(234, 88, 12, 0.14));
  --spatial-green: var(--success, #2d8a4e);
  --spatial-red: var(--error, #c94040);

  color: var(--spatial-text);
  min-height: 100%;
}

.spatial-surface__shell {
  width: var(--rr-page-frame-width, min(calc(100% - 48px), 1280px));
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 0;
  padding-bottom: var(--runtime-dock-clearance);
  padding-top: var(--os-space-page-top, clamp(4.5rem, 9vh, 6rem));
}

.spatial-surface__header {
  margin-bottom: var(--os-space-section-gap, clamp(2.5rem, 5vh, 3.5rem));
  max-width: 40rem;
}

.spatial-surface__kicker {
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--spatial-muted);
}

.spatial-surface__title {
  margin-top: 0.75rem;
  font-size: clamp(1.72rem, 3.25vw, 2.45rem);
  font-weight: 500;
  letter-spacing: -0.034em;
  line-height: 1.1;
  color: var(--spatial-text);
}

.spatial-surface__phase {
  margin-top: 0.65rem;
  font-size: 0.9375rem;
  line-height: 1.55;
  letter-spacing: 0;
  color: var(--spatial-body);
}

.spatial-surface__grid {
  display: grid;
  gap: var(--os-space-section-gap, clamp(2.5rem, 4.5vw, 3.5rem));
}

@media (min-width: 1024px) {
  .spatial-surface__grid {
    grid-template-columns: minmax(0, 1.42fr) minmax(16rem, 0.88fr);
    align-items: start;
    gap: clamp(2.75rem, 4vw, 3.75rem);
  }
}

.spatial-surface__primary {
  display: flex;
  flex-direction: column;
  gap: var(--os-space-section-gap, clamp(2.5rem, 5vh, 3.25rem));
}

/* Room field — entrance plates */

.spatial-room-field__label {
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--spatial-muted);
}

.spatial-room-field__chambers {
  margin-top: var(--os-space-group-gap, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: var(--os-space-row-gap, 0.875rem);
}

.spatial-chamber {
  position: relative;
  display: block;
  padding: clamp(1.25rem, 2.2vw, 1.65rem) clamp(1.15rem, 2vw, 1.45rem);
  border-radius: var(--radius-xl, 1.375rem);
  background: var(--os-glass-milk, rgba(255, 252, 247, 0.62));
  border: 1px solid color-mix(in srgb, var(--os-glass-border, rgba(255, 255, 255, 0.58)) 72%, var(--border-default, #e4e3df));
  box-shadow: var(--shadow-panel);
  backdrop-filter: var(--os-glass-blur, blur(20px) saturate(1.28));
  -webkit-backdrop-filter: var(--os-glass-blur, blur(20px) saturate(1.28));
  transition:
    background-color 280ms cubic-bezier(0.32, 0.72, 0, 1),
    border-color 280ms cubic-bezier(0.32, 0.72, 0, 1),
    box-shadow 320ms cubic-bezier(0.34, 1.24, 0.64, 1),
    transform 260ms cubic-bezier(0.34, 1.24, 0.64, 1),
    backdrop-filter 280ms ease;
  text-decoration: none;
  color: inherit;
}

.spatial-chamber::before,
.spatial-chamber::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}

.spatial-chamber::after {
  left: 0;
  top: 0.85rem;
  bottom: 0.85rem;
  width: 2px;
  border-radius: 0 1px 1px 0;
  background: transparent;
  transition: background-color 280ms ease;
}

.spatial-chamber:hover {
  background: var(--os-glass-milk-hover, rgba(255, 253, 248, 0.86));
  border-color: color-mix(in srgb, var(--copper, #ea580c) 55%, var(--border-default, #e4e3df));
  box-shadow: var(--shadow-glass-hover, var(--shadow-hover));
  transform: translateY(-3px) scale(1.004);
}

.spatial-chamber:focus-visible {
  outline: none;
  box-shadow: var(--os-focus-ring, 0 0 0 2px #fff, 0 0 0 4px rgba(198, 125, 60, 0.42)),
    var(--shadow-panel);
}

.spatial-chamber[data-warmth="active"]::after,
.spatial-chamber[data-warmth="warm"]::after {
  background: var(--spatial-amber-seam);
}

.spatial-chamber[data-warmth="active"] {
  padding: clamp(1.4rem, 2.4vw, 1.85rem) clamp(1.25rem, 2.1vw, 1.6rem);
  background: var(--os-glass-milk-hover, rgba(255, 253, 248, 0.86));
  border-color: color-mix(in srgb, var(--copper, #ea580c) 38%, var(--border-default, #e4e3df));
  box-shadow:
    inset 3px 0 0 color-mix(in srgb, var(--copper, #ea580c) 72%, transparent),
    0 0 32px color-mix(in srgb, var(--copper-glow, rgba(251, 146, 60, 0.32)) 55%, transparent),
    var(--shadow-panel);
}

.spatial-chamber__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

.spatial-chamber__name {
  font-size: clamp(1.02rem, 1.75vw, 1.15rem);
  font-weight: 500;
  letter-spacing: -0.022em;
  line-height: 1.28;
  text-transform: none;
  color: var(--spatial-text);
}

.spatial-chamber[data-warmth="active"] .spatial-chamber__name {
  font-size: clamp(1.08rem, 1.9vw, 1.22rem);
  letter-spacing: -0.026em;
}

.spatial-chamber__state {
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--spatial-muted);
  line-height: 1.35;
}

.spatial-chamber__meta {
  margin-top: 0.85rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1.1rem;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--spatial-faint);
}

.spatial-chamber__reentry {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.55;
  color: var(--spatial-body);
  max-width: 44ch;
}

.spatial-chamber__aurel {
  margin-top: 0.9rem;
  padding-top: 0.9rem;
  border-top: 1px solid var(--spatial-divider);
  font-size: 0.8125rem;
  line-height: 1.52;
  color: color-mix(in srgb, var(--spatial-amber) 28%, var(--spatial-muted));
}

.spatial-chamber__momentum {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.spatial-chamber__momentum-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--spatial-faint);
}

.spatial-chamber[data-warmth="active"] .spatial-chamber__momentum-dot {
  background: var(--spatial-green);
}

/* Fäden — living work lines */

.spatial-threads {
  margin-top: 0.15rem;
}

.spatial-threads__hint {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.45;
  color: var(--spatial-faint);
}

.spatial-threads__list {
  margin-top: var(--os-space-group-gap, 1.35rem);
  display: flex;
  flex-direction: column;
  gap: var(--os-space-row-gap, 0.875rem);
}

.thread-slab {
  padding: clamp(1.15rem, 2vw, 1.45rem) clamp(1.1rem, 1.9vw, 1.35rem);
  border-radius: var(--os-radius-inset, 10px);
  background: var(--spatial-elevated);
  border: 1px solid var(--spatial-divider);
  box-shadow: none;
}

.thread-slab[data-state="active"] {
  border-color: color-mix(in srgb, var(--spatial-green) 28%, var(--spatial-divider));
  box-shadow: inset 2px 0 0 var(--spatial-green);
}

.thread-slab__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}

.thread-slab__title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.015em;
  color: var(--spatial-text);
}

.thread-slab__state {
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--spatial-muted);
  white-space: nowrap;
}

.thread-slab[data-state="active"] .thread-slab__state {
  color: var(--spatial-green);
}

.thread-slab[data-state="blocked"] .thread-slab__state {
  color: var(--spatial-red);
}

.thread-slab[data-state="ready_for_re_entry"] .thread-slab__state {
  color: color-mix(in srgb, var(--spatial-amber) 75%, var(--spatial-muted));
}

.thread-slab__room {
  margin-top: 0.35rem;
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--spatial-faint);
}

.thread-slab__lines {
  margin-top: 0.85rem;
  display: grid;
  gap: 0.45rem;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--spatial-body);
}

.thread-slab__lines span {
  color: var(--spatial-faint);
}

.thread-slab__reentry {
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--spatial-divider);
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--spatial-text);
}

.thread-slab__aurel {
  margin-top: 0.55rem;
  font-size: 0.75rem;
  line-height: 1.5;
  color: color-mix(in srgb, var(--spatial-amber) 22%, var(--spatial-faint));
}

/* AUREL — observation layer, not chat */

.spatial-aurel {
  padding: clamp(1.15rem, 2vw, 1.45rem);
  border-radius: var(--os-radius-inset, 10px);
  background: var(--spatial-surface);
  border: 1px solid var(--spatial-divider);
}

.spatial-aurel__status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--spatial-muted);
}

.spatial-aurel__dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--spatial-green);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--spatial-green) 28%, transparent);
}

.spatial-aurel__observations {
  margin-top: 1.15rem;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.spatial-aurel__item {
  padding-left: 0.65rem;
  border-left: 1px solid var(--spatial-divider);
}

.spatial-aurel__item-kind {
  font-size: 0.5625rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--spatial-faint);
}

.spatial-aurel__item-room {
  margin-top: 0.25rem;
  font-size: 0.625rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--spatial-muted);
}

.spatial-aurel__item-text {
  margin-top: 0.4rem;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--spatial-body);
}

.spatial-reentry-note {
  margin-top: var(--os-space-group-gap, 1.75rem);
  padding: var(--os-rhythm-md, 1.25rem) 0 0;
  border-top: 1px solid var(--spatial-divider);
  max-width: 34ch;
}

.spatial-reentry-note__label {
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--spatial-muted);
}

.spatial-reentry-note__text {
  margin-top: 0.55rem;
  font-size: 0.8125rem;
  line-height: 1.6;
  color: var(--spatial-body);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-design-recovery-pass.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS 2040 · Design Recovery Pass
 * Single consolidation layer — enforces PDF light environment + spatial lift.
 * No parallel token systems. Loaded last via globals.css.
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --rr-cinematic-vignette: 0;
  --rr-cinematic-grain: 0;
  --os-panel-highlight: rgba(255, 255, 255, 0.78);
  --os-panel-inset: rgba(15, 15, 15, 0.06);
  /* Riss bar · schwebendes Milchglas-Modul */
  --riss-bar-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 2px 6px rgba(15, 15, 15, 0.07),
    0 12px 32px rgba(15, 15, 15, 0.13);
  --riss-module-float: var(--riss-bar-shadow);
  --riss-bar-fill: var(--os-glass-milk-raised);
  --riss-slot-flat:
    inset 0 1px 0 rgba(255, 255, 255, 0.62);
  --riss-control-lift:
    0 1px 2px rgba(15, 15, 15, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

/* ── 1 · Flat warm field — no gradients, no vignette ─────────────────────── */

html.raumriss-os,
html.raumriss-os body {
  background-color: var(--background) !important;
  background-image: none !important;
  color: var(--text-primary) !important;
}

html.raumriss-os .operating-environment::before,
html.raumriss-os .home-runtime-shell::before,
html.raumriss-os .home-runtime-shell::after {
  display: none !important;
  opacity: 0 !important;
}

/* ── 2 · Material cards (PDF) · lifted, rounded, layered ─────────────────── */

html.raumriss-os .material-card,
html.raumriss-os .rr-module,
html.raumriss-os .home-main-stage,
html.raumriss-os .home-capture-panel,
html.raumriss-os .environment-capture-panel,
html.raumriss-os .ablage-panel,
html.raumriss-os .continuity-shelf,
html.raumriss-os .time-anchors-panel,
html.raumriss-os .home-room-chamber,
html.raumriss-os .home-room-strip-cell.room-tile,
html.raumriss-os .room-chamber,
html.raumriss-os .workspace-section,
html.raumriss-os .spatial-chamber {
  background: var(--os-glass-milk) !important;
  border: 1px solid color-mix(in srgb, var(--os-glass-border) 72%, var(--border-default)) !important;
  border-radius: var(--radius-xl) !important;
  box-shadow: var(--shadow-home-module, var(--shadow-panel)) !important;
  backdrop-filter: var(--os-glass-blur) !important;
  -webkit-backdrop-filter: var(--os-glass-blur) !important;
  color: var(--text-primary) !important;
  transition:
    background-color 260ms var(--os-ease, cubic-bezier(0.23, 1, 0.32, 1)),
    border-color 220ms var(--os-ease, cubic-bezier(0.23, 1, 0.32, 1)),
    box-shadow 320ms var(--os-ease-spring, cubic-bezier(0.34, 1.24, 0.64, 1)),
    transform 260ms var(--os-ease-spring, cubic-bezier(0.34, 1.24, 0.64, 1)),
    backdrop-filter 280ms ease !important;
}

html.raumriss-os .material-card:hover,
html.raumriss-os .rr-module:hover,
html.raumriss-os .home-main-stage:hover,
html.raumriss-os .home-capture-panel:hover,
html.raumriss-os .environment-capture-panel:hover,
html.raumriss-os .ablage-panel:hover,
html.raumriss-os .continuity-shelf:hover,
html.raumriss-os .time-anchors-panel:hover,
html.raumriss-os .home-room-chamber:hover,
html.raumriss-os .home-room-strip-cell.room-tile:hover,
html.raumriss-os .spatial-chamber:hover {
  background: var(--os-glass-milk-hover) !important;
  border-color: color-mix(in srgb, var(--copper) 58%, var(--os-glass-border-copper)) !important;
  box-shadow: var(--shadow-home-module-hover, var(--shadow-glass-hover)) !important;
  transform: translateY(-3px) scale(1.004);
}

html.raumriss-os .rr-room-surface,
html.raumriss-os .room-composition__stage.rr-room-surface,
html.raumriss-os .room-runtime-deck.room-composition::before {
  background: var(--os-glass-milk-raised) !important;
  border-radius: var(--radius-2xl) !important;
  box-shadow: var(--shadow-float) !important;
  backdrop-filter: var(--os-glass-blur-strong) !important;
  -webkit-backdrop-filter: var(--os-glass-blur-strong) !important;
  border: 1px solid var(--os-glass-border) !important;
}

html.raumriss-os .zone-operative-stack,
html.raumriss-os .room-worksurface,
html.raumriss-os .continuity-surface--underneath {
  background: var(--os-glass-milk) !important;
  border: 1px solid color-mix(in srgb, var(--os-glass-border) 65%, var(--border-default)) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-lift) !important;
  backdrop-filter: var(--os-glass-blur) !important;
  -webkit-backdrop-filter: var(--os-glass-blur) !important;
}

html.raumriss-os .operational-atmosphere,
html.raumriss-os .happy-flower-room-pulse__strip {
  background: var(--background-sunken) !important;
  border-color: var(--border-default) !important;
  box-shadow: none !important;
}

/* ── 3 · Sunken inputs ───────────────────────────────────────────────────── */

html.raumriss-os .rr-recessed,
html.raumriss-os .atmo-composer,
html.raumriss-os .ads-control-surface__hardware-grid,
html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well {
  background: var(--background-sunken) !important;
  border: 1px solid var(--border-default) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--os-material-inset) !important;
  color: var(--text-primary) !important;
}

html.raumriss-os .atmo-composer::-moz-placeholder, html.raumriss-os input::-moz-placeholder, html.raumriss-os textarea::-moz-placeholder {
  color: var(--text-tertiary) !important;
}

html.raumriss-os .atmo-composer::placeholder,
html.raumriss-os input::placeholder,
html.raumriss-os textarea::placeholder {
  color: var(--text-tertiary) !important;
}

/* ── 4 · Typography hierarchy (PDF) ──────────────────────────────────────── */

html.raumriss-os .os-label,
html.raumriss-os .type-label,
html.raumriss-os .type-eyebrow,
html.raumriss-os .os-kicker,
html.raumriss-os .home-stage-kicker,
html.raumriss-os .rams-label {
  font-family: var(--font-display) !important;
  font-size: 0.6875rem !important;
  font-weight: 560 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--copper-dark) 42%, var(--text-label)) !important;
}

html.raumriss-os .rr-page-title,
html.raumriss-os .room-identity-strip__title.rr-page-title,
html.raumriss-os .os-title,
html.raumriss-os .type-section-title {
  color: var(--text-primary) !important;
  font-weight: 520 !important;
  letter-spacing: -0.028em !important;
  text-shadow: none !important;
}

html.raumriss-os .type-meta,
html.raumriss-os .atmo-mark,
html.raumriss-os .type-body,
html.raumriss-os .os-body {
  color: var(--text-secondary) !important;
}

html.raumriss-os .runtime-presence-instrument__clock,
html.raumriss-os .ads-control-surface__anchor-roas,
html.raumriss-os .ads-control-surface__hardware-value,
html.raumriss-os .shopify-operational-surface__primary,
html.raumriss-os [data-mono="true"],
html.raumriss-os .mono-data {
  font-family: var(--font-mono-data) !important;
  font-variant-numeric: tabular-nums;
}

/* ── 5 · Zone navigation (PDF liquid tabs) ───────────────────────────────── */

html.raumriss-os .room-nav-rail__shell {
  background: var(--os-glass-milk-raised) !important;
  border: 1px solid color-mix(in srgb, var(--os-glass-border) 70%, var(--border-default)) !important;
  border-radius: var(--radius-xl) !important;
  box-shadow: var(--shadow-lift) !important;
  backdrop-filter: var(--os-glass-blur) !important;
  -webkit-backdrop-filter: var(--os-glass-blur) !important;
  padding: 7px !important;
}

html.raumriss-os .room-nav-rail__anchor,
html.raumriss-os .room-nav-rail__zone {
  border-radius: var(--radius-md) !important;
}

html.raumriss-os .room-nav-rail__anchor--current,
html.raumriss-os .room-nav-rail__zone--active {
  background: linear-gradient(
    165deg,
    color-mix(in srgb, var(--copper-dark) 18%, #1a1a1a) 0%,
    #0f0f0f 52%,
    color-mix(in srgb, var(--copper-dark) 28%, #0f0f0f) 100%
  ) !important;
  color: #ffffff !important;
  border-radius: var(--radius-md) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 6px 18px rgba(15, 15, 15, 0.2),
    0 0 28px color-mix(in srgb, var(--copper-glow) 55%, transparent) !important;
}

html.raumriss-os .room-nav-rail__anchor--current .room-nav-rail__label,
html.raumriss-os .room-nav-rail__zone--active .room-nav-rail__zone-title,
html.raumriss-os .room-nav-rail__anchor--current .room-nav-rail__meta,
html.raumriss-os .room-nav-rail__zone--active .room-nav-rail__zone-hint {
  color: #ffffff !important;
}

/* ── 6 · Session dock · light glass bar ────────────────────────────────────── */

html.raumriss-os #raumriss-runtime-dock .bottom-console.riss-core-shell,
html.raumriss-os #raumriss-runtime-dock .riss-core-shell.bottom-console {
  filter: none;
  overflow: visible !important;
}

html.raumriss-os #raumriss-runtime-dock,
html.raumriss-os #raumriss-runtime-dock .riss-core-shell.bottom-console > .pointer-events-auto {
  overflow: visible !important;
}

html.raumriss-os .bottom-console.riss-core-shell::before,
html.raumriss-os .riss-core-shell.bottom-console::before,
html.raumriss-os #raumriss-runtime-dock .bottom-console.riss-core-shell::before,
html.raumriss-os #raumriss-runtime-dock .riss-core-shell.bottom-console::before {
  content: none !important;
  display: none !important;
}

html.raumriss-os .runtime-presence-instrument,
html.raumriss-os .runtime-presence-layer .system-presence-end {
  background: var(--os-glass-milk-raised) !important;
  border: 1px solid color-mix(in srgb, var(--os-glass-border) 70%, var(--border-default)) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-lift) !important;
  backdrop-filter: var(--os-glass-blur) !important;
  -webkit-backdrop-filter: var(--os-glass-blur) !important;
  color: var(--text-primary) !important;
}

/* ── 6b · Session dock · shell stays invisible (no double box) ───────────── */

html.raumriss-os #raumriss-runtime-dock .bottom-console.riss-core-shell,
html.raumriss-os #raumriss-runtime-dock .riss-core-shell.bottom-console {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}

/* ── 7 · Kill residual dark shell overrides from retired passes ──────────── */

html.raumriss-os .room-runtime-deck,
html.raumriss-os .room-runtime-deck.room-composition {
  background: var(--os-glass-milk-raised) !important;
  border: 1px solid color-mix(in srgb, var(--os-glass-border) 72%, var(--border-default)) !important;
  border-radius: var(--radius-2xl) !important;
  box-shadow: var(--shadow-float) !important;
  backdrop-filter: var(--os-glass-blur-strong) !important;
  -webkit-backdrop-filter: var(--os-glass-blur-strong) !important;
}

/* ── 8 · Depth recovery — override flat shadow kills from earlier passes ─── */

html.raumriss-os .room-runtime-deck .room-chamber,
html.raumriss-os .room-composition .room-atrium-layer > .room-chamber--workbench,
html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk,
html.raumriss-os .home-main-stage {
  box-shadow: var(--shadow-panel) !important;
  border-radius: var(--radius-xl) !important;
}

html.raumriss-os .spatial-chamber {
  box-shadow: var(--shadow-panel) !important;
  border-radius: var(--radius-lg) !important;
}

html.raumriss-os .spatial-aurel,
html.raumriss-os .zone-material-surface,
html.raumriss-os .affiliate-operational-surface,
html.raumriss-os .ads-control-surface,
html.raumriss-os .shopify-operational-surface {
  background: var(--os-glass-milk) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-lift) !important;
  border: 1px solid color-mix(in srgb, var(--os-glass-border) 68%, var(--border-default)) !important;
  backdrop-filter: var(--os-glass-blur) !important;
  -webkit-backdrop-filter: var(--os-glass-blur) !important;
}

/* ── 9 · Border refinement · top highlight, soft seam ───────────────────── */

html.raumriss-os .material-card,
html.raumriss-os .rr-module,
html.raumriss-os .room-chamber,
html.raumriss-os .workspace-section,
html.raumriss-os .home-room-chamber,
html.raumriss-os .home-room-strip-cell.room-tile {
  border-color: color-mix(in srgb, var(--border-default) 88%, rgba(255, 255, 255, 0.6)) !important;
}

html.raumriss-os .operational-atmosphere,
html.raumriss-os .happy-flower-room-pulse__strip,
html.raumriss-os .zone-operative-stack .operational-atmosphere {
  border-radius: var(--radius-md) !important;
  border: 1px solid var(--border-soft) !important;
}

/* ── 10 · Chips, controls, hardware tiles ────────────────────────────────── */

html.raumriss-os .atmo-action:not(.atmo-action--quiet),
html.raumriss-os .operational-button {
  border-radius: var(--radius-md) !important;
  background: var(--background-sunken) !important;
  border: 1px solid color-mix(in srgb, var(--border-default) 90%, rgba(15, 15, 15, 0.08)) !important;
  box-shadow: var(--os-hw-knob) !important;
  transition:
    box-shadow 180ms var(--os-ease, cubic-bezier(0.23, 1, 0.32, 1)),
    transform 150ms var(--os-ease, cubic-bezier(0.23, 1, 0.32, 1)),
    border-color 180ms ease,
    background-color 180ms ease !important;
}

html.raumriss-os .atmo-action:not(.atmo-action--quiet):hover:not(:disabled),
html.raumriss-os .operational-button:hover:not(:disabled) {
  background: color-mix(in srgb, var(--copper-wash) 55%, var(--background-sunken)) !important;
  box-shadow:
    var(--os-hw-knob-hover),
    0 0 18px color-mix(in srgb, var(--copper-glow) 38%, transparent) !important;
  border-color: color-mix(in srgb, var(--copper) 52%, var(--border-default)) !important;
  transform: translateY(-2px) scale(1.01);
}

html.raumriss-os .atmo-action:not(.atmo-action--quiet):active:not(:disabled),
html.raumriss-os .operational-button:active:not(:disabled) {
  box-shadow: var(--os-hw-knob-pressed) !important;
  transform: translateY(0) scale(0.985);
}

html.raumriss-os .atmo-action--primary:not(:disabled) {
  background: var(--text-primary) !important;
  color: #ffffff !important;
  border-color: var(--text-primary) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 4px 14px rgba(15, 15, 15, 0.18) !important;
}

html.raumriss-os .atmo-action--primary:hover:not(:disabled) {
  background: color-mix(in srgb, var(--text-primary) 92%, var(--copper)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 6px 18px rgba(15, 15, 15, 0.22) !important;
}

html.raumriss-os .atmo-action--quiet:hover:not(:disabled) {
  background: var(--background-sunken) !important;
  border-color: var(--border-default) !important;
  box-shadow: var(--os-hw-cell) !important;
}

html.raumriss-os .ads-control-surface__hardware-cell {
  border-radius: var(--radius-sm) !important;
  padding: 0.28rem 0.32rem !important;
  background: var(--background-sunken) !important;
  box-shadow: var(--os-hw-cell) !important;
  border: 1px solid color-mix(in srgb, var(--border-default) 82%, transparent) !important;
}

html.raumriss-os .ads-control-surface__hardware-grid {
  border-radius: var(--radius-md) !important;
  padding: 0.42rem 0.48rem !important;
  gap: 0.32rem 0.38rem !important;
  background: color-mix(in srgb, var(--background-sunken) 72%, var(--background)) !important;
  box-shadow: var(--os-material-inset) !important;
  border: 1px solid var(--border-soft) !important;
}

/* ── 11 · Riss Bar · premium command module (visual only) ─────────────────── */

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-module,
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] form.riss-core-form {
  backdrop-filter: var(--os-glass-blur-strong) !important;
  -webkit-backdrop-filter: var(--os-glass-blur-strong) !important;
  background: var(--os-glass-milk-raised) !important;
  border: 1px solid rgba(15, 15, 15, 0.06) !important;
  border-bottom-color: rgba(15, 15, 15, 0.04) !important;
  border-radius: 1.25rem !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
  box-shadow: var(--riss-module-float) !important;
  padding: 0.65rem 0.75rem !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-form__layout {
  gap: 0.55rem !important;
}

/* Home · machined dial */
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-home,
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-hw-switch {
  background: linear-gradient(180deg, #f4f3f0 0%, #e6e5e1 100%) !important;
  border: 1px solid rgba(15, 15, 15, 0.12) !important;
  border-radius: 999px !important;
  box-shadow: var(--riss-control-lift) !important;
  outline: none !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-home:hover,
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-hw-switch:hover {
  box-shadow:
    0 2px 6px rgba(15, 15, 15, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  border-color: color-mix(in srgb, var(--copper) 35%, rgba(15, 15, 15, 0.12)) !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-home:active,
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-hw-switch:active {
  box-shadow: inset 0 1px 3px rgba(15, 15, 15, 0.08) !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-home:focus,
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-home:focus-visible {
  outline: none !important;
  box-shadow:
    0 2px 6px rgba(15, 15, 15, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 0 0 2px color-mix(in srgb, var(--copper) 32%, transparent) !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-home .ring-riss-active,
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-home [class*="ring-riss"] {
  --tw-ring-color: var(--copper) !important;
  border-color: var(--copper) !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-home .bg-riss-active {
  background: var(--copper) !important;
}

/* Raum · inset readout tray */
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-room-context:not(.riss-core-room-context--thumb) {
  padding: 0.42rem 0.72rem !important;
  border-radius: var(--radius-md) !important;
  background: linear-gradient(180deg, #ecebe7 0%, #e3e2de 100%) !important;
  border: 1px solid rgba(15, 15, 15, 0.08) !important;
  box-shadow: var(--riss-slot-flat) !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-room-context:not(.riss-core-room-context--thumb) .text-riss-faint {
  color: var(--text-label) !important;
  letter-spacing: 0.14em !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-room-context:not(.riss-core-room-context--thumb) .text-riss-text {
  font-weight: 560 !important;
  letter-spacing: -0.01em !important;
}

/* DER RISS · flache Eingabezone — kein eingefräster Slot */
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-der-riss-well {
  background: var(--riss-slot-fill) !important;
  border: 1px solid rgba(15, 15, 15, 0.08) !important;
  border-radius: 0.875rem !important;
  box-shadow: var(--riss-slot-flat) !important;
  padding-inline: 0.85rem !important;
  padding-block: 0.38rem 0.42rem !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-der-riss-label {
  color: color-mix(in srgb, var(--copper) 68%, var(--text-label)) !important;
  font-weight: 560 !important;
  letter-spacing: 0.1em !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-form__riss-row {
  min-height: 1.75rem !important;
  padding-top: 0.55rem !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-input {
  background: transparent !important;
  color: var(--text-primary) !important;
  font-size: 0.875rem !important;
  font-weight: 480 !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-input::-moz-placeholder {
  color: color-mix(in srgb, var(--text-tertiary) 88%, var(--text-secondary)) !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-input::placeholder {
  color: color-mix(in srgb, var(--text-tertiary) 88%, var(--text-secondary)) !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-der-riss-well .riss-core-form__riss-row button[type="submit"] {
  border-radius: var(--radius-sm) !important;
  background: color-mix(in srgb, var(--background-sunken) 65%, transparent) !important;
  box-shadow: var(--riss-control-lift) !important;
  border: 1px solid rgba(15, 15, 15, 0.08) !important;
  color: var(--text-secondary) !important;
  font-weight: 560 !important;
  letter-spacing: 0.1em !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-der-riss-well .riss-core-form__riss-row button[type="submit"]:not(:disabled):hover {
  background: var(--text-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(15, 15, 15, 0.18) !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-voice-tap {
  border-radius: var(--radius-sm) !important;
  background: color-mix(in srgb, var(--background-sunken) 55%, transparent) !important;
  box-shadow: var(--riss-control-lift) !important;
  border: 1px solid rgba(15, 15, 15, 0.07) !important;
}

/* AVE · am Riss sichtbar (Label + Punkt, kein versteckter Ambient-Dot) */
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-ave-point {
  border-radius: var(--radius-sm) !important;
  background: color-mix(in srgb, #3d5c4a 14%, var(--background-sunken)) !important;
  box-shadow: var(--riss-control-lift) !important;
  border: 1px solid color-mix(in srgb, #3d5c4a 34%, rgba(15, 15, 15, 0.08)) !important;
  color: #2f4a3b !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-ave-point__name {
  color: #2f4a3b !important;
  opacity: 1 !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-ave-point[aria-pressed="true"],
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-ave-point[data-ave-phase="near"],
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-ave-point[data-ave-phase="listening"],
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-ave-point[data-ave-phase="speaking"] {
  background: color-mix(in srgb, #3d5c4a 22%, var(--background-sunken)) !important;
  border-color: color-mix(in srgb, #3d5c4a 48%, rgba(15, 15, 15, 0.1)) !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-der-riss-well--focused,
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] [data-riss-input-focused="true"] .riss-der-riss-well {
  border-color: color-mix(in srgb, var(--copper) 55%, rgba(15, 15, 15, 0.1)) !important;
  box-shadow:
    var(--riss-slot-flat),
    0 0 0 1px color-mix(in srgb, var(--copper) 22%, transparent) !important;
}

/* AUREL · chamber module */
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-aurel-tap,
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] button[aria-label*="AUREL"] {
  background: linear-gradient(180deg, #f2f1ee 0%, #e5e4e0 100%) !important;
  border: 1px solid rgba(15, 15, 15, 0.1) !important;
  border-radius: 0.875rem !important;
  box-shadow: var(--riss-control-lift) !important;
  padding-inline: 0.75rem !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-aurel-tap:hover,
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] button[aria-label*="AUREL"]:hover {
  box-shadow:
    0 2px 6px rgba(15, 15, 15, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] button[aria-label*="AUREL"][aria-pressed="true"] {
  background: linear-gradient(180deg, #eceae6 0%, #dddcd8 100%) !important;
  box-shadow: inset 0 1px 3px rgba(15, 15, 15, 0.08) !important;
  border-color: color-mix(in srgb, var(--copper) 28%, rgba(15, 15, 15, 0.1)) !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .bg-riss-green,
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .bg-riss-amber {
  box-shadow:
    inset 0 1px 2px rgba(15, 15, 15, 0.2),
    0 0 0 2px rgba(255, 255, 255, 0.9),
    0 0 8px color-mix(in srgb, var(--copper) 35%, transparent) !important;
}

/* Frühere Spur · tape strip */
html.raumriss-os #raumriss-runtime-dock .der-riss-marginalia[data-trace-visible="true"] {
  height: 24px !important;
  min-height: 24px !important;
  border-radius: var(--radius-full) !important;
  border: 1px solid rgba(15, 15, 15, 0.09) !important;
  background: linear-gradient(180deg, #f0ebe3 0%, #e5dfd5 100%) !important;
  color: color-mix(in srgb, var(--text-secondary) 92%, var(--text-primary)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    inset 0 -1px 3px rgba(15, 15, 15, 0.06),
    0 4px 14px rgba(15, 15, 15, 0.08) !important;
  opacity: 1 !important;
}

html.raumriss-os #raumriss-runtime-dock .der-riss-marginalia[data-trace-visible="true"]::before {
  background: var(--copper) !important;
  box-shadow: 0 0 6px color-mix(in srgb, var(--copper) 45%, transparent) !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .der-riss-whisper {
  border-radius: var(--radius-full) !important;
  background: linear-gradient(180deg, #f0efec, #e4e3df) !important;
  border: 1px solid rgba(15, 15, 15, 0.09) !important;
  box-shadow: var(--os-hw-knob) !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .shadow-riss-module {
  box-shadow: var(--riss-module-float) !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-room-context--thumb {
  background: linear-gradient(180deg, #ecebe7 0%, #e3e2de 100%) !important;
  border: 1px solid rgba(15, 15, 15, 0.08) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--riss-slot-flat) !important;
  --tw-ring-shadow: 0 0 #0000 !important;
}

/* ── 12 · Panel ridge · top lip like machined plate ─────────────────────── */

html.raumriss-os .material-card,
html.raumriss-os .rr-module,
html.raumriss-os .home-main-stage,
html.raumriss-os .home-capture-panel,
html.raumriss-os .environment-capture-panel,
html.raumriss-os .ablage-panel,
html.raumriss-os .continuity-shelf,
html.raumriss-os .time-anchors-panel,
html.raumriss-os .home-room-chamber,
html.raumriss-os .home-room-strip-cell.room-tile,
html.raumriss-os .room-chamber,
html.raumriss-os .workspace-section,
html.raumriss-os .spatial-chamber,
html.raumriss-os .room-runtime-deck,
html.raumriss-os .runtime-instrument-deck,
html.raumriss-os .zone-material-surface,
html.raumriss-os .affiliate-operational-surface,
html.raumriss-os .ads-control-surface,
html.raumriss-os .shopify-operational-surface {
  position: relative;
  isolation: isolate;
}

html.raumriss-os .material-card::before,
html.raumriss-os .rr-module::before,
html.raumriss-os .home-main-stage::before,
html.raumriss-os .home-capture-panel::before,
html.raumriss-os .environment-capture-panel::before,
html.raumriss-os .ablage-panel::before,
html.raumriss-os .continuity-shelf::before,
html.raumriss-os .time-anchors-panel::before,
html.raumriss-os .home-room-chamber::before,
html.raumriss-os .home-room-strip-cell.room-tile::before,
html.raumriss-os .room-chamber::before,
html.raumriss-os .workspace-section::before,
html.raumriss-os .spatial-chamber::before,
html.raumriss-os .zone-material-surface::before,
html.raumriss-os .affiliate-operational-surface::before,
html.raumriss-os .ads-control-surface::before,
html.raumriss-os .shopify-operational-surface::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: var(--os-hw-ridge);
  z-index: 1;
}

/* ── 13 · Knob heads · status dots, LEDs, nav pills ─────────────────────── */

html.raumriss-os .home-room-alive-dot,
html.raumriss-os .operational-field__led,
html.raumriss-os .affiliate-zone-surface__led,
html.raumriss-os .affiliate-operational-surface__wick {
  box-shadow:
    inset 0 1px 2px rgba(15, 15, 15, 0.18),
    0 0 0 2px rgba(255, 255, 255, 0.85),
    0 1px 4px rgba(15, 15, 15, 0.12) !important;
}

html.raumriss-os .room-nav-rail__anchor:not(.room-nav-rail__anchor--current),
html.raumriss-os .room-nav-rail__zone:not(.room-nav-rail__zone--active) {
  background: var(--background-sunken) !important;
  box-shadow: var(--os-hw-cell) !important;
  border: 1px solid transparent !important;
}

html.raumriss-os .room-nav-rail__anchor:not(.room-nav-rail__anchor--current):hover,
html.raumriss-os .room-nav-rail__zone:not(.room-nav-rail__zone--active):hover {
  background: color-mix(in srgb, var(--copper-wash) 72%, var(--background-sunken)) !important;
  border-color: color-mix(in srgb, var(--copper) 42%, var(--border-soft)) !important;
  box-shadow:
    var(--os-hw-knob-hover),
    0 0 22px color-mix(in srgb, var(--copper-glow) 45%, transparent) !important;
  transform: translateY(-2px);
}

html.raumriss-os .zone-material-surface__row,
html.raumriss-os .zone-material-surface__wall-cell,
html.raumriss-os .zone-material-surface__tile,
html.raumriss-os .zone-material-surface--hero .zone-material-surface__tile,
html.raumriss-os .affiliate-zone-surface__metric {
  border-radius: var(--radius-md) !important;
  background: color-mix(in srgb, var(--background-sunken) 55%, var(--background-elevated)) !important;
  box-shadow: var(--rr-material-tile-depth) !important;
  border: 1px solid var(--border-soft) !important;
}

html.raumriss-os .zone-operative-stack {
  box-shadow:
    var(--os-hw-ridge),
    var(--shadow-lift),
    0 14px 36px rgba(15, 15, 15, 0.06) !important;
}

html.raumriss-os .operational-atmosphere,
html.raumriss-os .happy-flower-room-pulse__strip {
  box-shadow: var(--os-hw-cell) !important;
  background: var(--background-sunken) !important;
}

html.raumriss-os .runtime-presence-instrument {
  box-shadow: var(--shadow-hardware) !important;
}

html.raumriss-os #raumriss-runtime-dock .riss-core-form.riss-core-module {
  box-shadow: var(--riss-module-float) !important;
}

/* ── 15 · Lesbarkeit — Nav, Clipping, keine Orange-Wicks ─────────────────── */

html.raumriss-os .room-nav-rail__shell {
  overflow: visible !important;
  padding: 8px !important;
  gap: 6px !important;
}

html.raumriss-os .room-nav-rail__anchor-bay {
  flex-shrink: 0 !important;
  overflow: visible !important;
}

html.raumriss-os .room-nav-rail__track {
  mask-image: none !important;
  -webkit-mask-image: none !important;
  padding-inline: 0.2rem !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

html.raumriss-os .room-nav-rail__anchor,
html.raumriss-os .room-nav-rail__zone {
  min-width: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
}

html.raumriss-os .room-nav-rail__anchor:not(.room-nav-rail__anchor--current),
html.raumriss-os .room-nav-rail__zone:not(.room-nav-rail__zone--active) {
  background: var(--background-sunken) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--os-hw-cell) !important;
  border: 1px solid var(--border-soft) !important;
}

html.raumriss-os .room-nav-rail__anchor:not(.room-nav-rail__anchor--current) .room-nav-rail__label,
html.raumriss-os .room-nav-rail__zone:not(.room-nav-rail__zone--active) .room-nav-rail__zone-title {
  color: var(--text-primary) !important;
  font-weight: 560 !important;
}

html.raumriss-os .room-nav-rail__anchor:not(.room-nav-rail__anchor--current) .room-nav-rail__meta,
html.raumriss-os .room-nav-rail__anchor:not(.room-nav-rail__anchor--current) .room-nav-rail__context,
html.raumriss-os .room-nav-rail__zone:not(.room-nav-rail__zone--active) .room-nav-rail__zone-hint {
  color: var(--text-secondary) !important;
}

html.raumriss-os .room-nav-rail__anchor--current,
html.raumriss-os .room-nav-rail__zone--active {
  background: linear-gradient(
    165deg,
    color-mix(in srgb, var(--copper-dark) 18%, #1a1a1a) 0%,
    #0f0f0f 52%,
    color-mix(in srgb, var(--copper-dark) 28%, #0f0f0f) 100%
  ) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 6px 18px rgba(15, 15, 15, 0.2),
    0 0 28px color-mix(in srgb, var(--copper-glow) 55%, transparent) !important;
}

html.raumriss-os .room-nav-rail__anchor--current .room-nav-rail__label,
html.raumriss-os .room-nav-rail__anchor--current .room-nav-rail__meta,
html.raumriss-os .room-nav-rail__anchor--current .room-nav-rail__context,
html.raumriss-os .room-nav-rail__zone--active .room-nav-rail__zone-title,
html.raumriss-os .room-nav-rail__zone--active .room-nav-rail__zone-hint {
  color: #ffffff !important;
  opacity: 1 !important;
}

html.raumriss-os .room-nav-rail__zone--recent:not(.room-nav-rail__zone--active) {
  box-shadow: var(--os-hw-cell) !important;
  border-left: 1px solid var(--border-soft) !important;
}

/* Orange-Wicks entfernen */
html.raumriss-os .room-runtime-deck,
html.raumriss-os .room-chamber--threads,
html.raumriss-os .room-threads-panel,
html.raumriss-os .home-room-strip-cell[data-room-active="true"],
html.raumriss-os .room-runtime-deck .room-chamber[data-room-tone="attention"] {
  box-shadow: var(--shadow-panel) !important;
  border-color: var(--border-default) !important;
}

html.raumriss-os .room-runtime-deck::before,
html.raumriss-os .room-runtime-deck::after {
  display: none !important;
}

html.raumriss-os .home-open-risse__item,
html.raumriss-os .open-riss-item,
html.raumriss-os .home-open-risse__item.rr-riss-fragment {
  box-shadow: var(--shadow-lift) !important;
  border: 1px solid color-mix(in srgb, var(--os-glass-border) 65%, var(--border-default)) !important;
  background: var(--os-glass-milk) !important;
  backdrop-filter: var(--os-glass-blur) !important;
  -webkit-backdrop-filter: var(--os-glass-blur) !important;
  transition:
    box-shadow 280ms var(--os-ease-spring, cubic-bezier(0.34, 1.24, 0.64, 1)),
    border-color 220ms ease,
    transform 240ms var(--os-ease-spring, cubic-bezier(0.34, 1.24, 0.64, 1)) !important;
}

html.raumriss-os .home-open-risse__item:hover,
html.raumriss-os .open-riss-item:hover {
  border-color: color-mix(in srgb, var(--copper) 46%, var(--border-default)) !important;
  box-shadow: var(--shadow-glass-hover) !important;
  transform: translateY(-2px);
}

html.raumriss-os .home-open-risse__item[data-waiting="true"],
html.raumriss-os .open-riss-item[data-riss-state="waiting"] {
  box-shadow: var(--shadow-lift) !important;
  border: 1px solid var(--border-default) !important;
}

html.raumriss-os .zone-material-surface__wall-cell[data-material-status="selected"],
html.raumriss-os .zone-material-surface__tile[data-material-status="selected"],
html.raumriss-os .zone-material-surface__wall-cell[data-material-focused="true"],
html.raumriss-os .zone-material-surface__tile[data-material-focused="true"] {
  border-color: var(--border-focus) !important;
  box-shadow: var(--rr-material-tile-depth-active) !important;
}

html.raumriss-os .spatial-chamber::after {
  display: none !important;
}

/* Text-Clipping beheben */
html.raumriss-os .room-chamber,
html.raumriss-os .workspace-section,
html.raumriss-os .zone-material-surface,
html.raumriss-os .room-open-risse,
html.raumriss-os .room-threads-panel {
  overflow: visible !important;
}

html.raumriss-os .zone-material-surface,
html.raumriss-os .room-chamber--workbench,
html.raumriss-os .room-open-risse,
html.raumriss-os .home-open-risse__item {
  padding-inline: clamp(1.05rem, 2vw, 1.4rem) !important;
}

html.raumriss-os .zone-material-surface__list,
html.raumriss-os .zone-material-surface__bundle-body,
html.raumriss-os .room-open-risse .home-open-risse__list,
html.raumriss-os .zone-business-ops__list {
  padding-inline: 0.2rem !important;
}

html.raumriss-os .zone-material-surface__row {
  padding: 0.58rem 0.8rem !important;
}

html.raumriss-os .home-open-risse__line,
html.raumriss-os .room-open-risse__title,
html.raumriss-os .zone-material-surface__hint {
  padding-inline: 0.12rem !important;
  color: var(--text-secondary) !important;
}

html.raumriss-os .room-shell[data-room-warmth="warm"]::before,
html.raumriss-os .room-shell[data-room-warmth="active"]::before,
html.raumriss-os .room-shell[data-room-warmth="cooling"]::before,
html.raumriss-os .room-shell[data-room-warmth="fading"]::before,
html.raumriss-os .room-shell[data-room-temporal="dormant"]::before {
  opacity: 0.12 !important;
  filter: blur(28px);
}

/* ── 16 · Riss bar · float shadow final win ──────────────────────────────── */

html.raumriss-os [aria-label="Riss Core"] .riss-core-module::before,
html.raumriss-os [aria-label="Riss Core"] form.riss-core-form::before {
  content: none !important;
  display: none !important;
}

html[data-runtime-material="carried"] .riss-core-shell .riss-core-form,
html[data-runtime-material="loose"] .riss-core-shell .riss-core-form,
html[data-runtime-material="loose"] .riss-core-shell .riss-core-form:not([data-riss-input-focused="true"]) {
  box-shadow: var(--riss-module-float) !important;
}

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-module,
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] form.riss-core-form,
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .shadow-riss-module,
html.raumriss-os [aria-label="Riss Core"] .riss-core-module {
  box-shadow: var(--riss-module-float) !important;
}

/* ── 17 · Presence chrome · kein Orange-Kasten ─────────────────────────── */

html.raumriss-os .runtime-presence-instrument::before,
html.raumriss-os .runtime-presence-instrument::after,
html.raumriss-os .runtime-presence-layer .runtime-presence-instrument::before,
html.raumriss-os .runtime-presence-layer .runtime-presence-instrument::after {
  content: none !important;
  display: none !important;
}

html.raumriss-os .runtime-presence-instrument {
  min-width: 0 !important;
  padding: 0.35rem 0.5rem !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.raumriss-os .runtime-presence-layer .system-presence-end {
  background: var(--background-elevated) !important;
  border: 1px solid var(--border-soft) !important;
  box-shadow: var(--shadow-sm) !important;
}

html.raumriss-os .runtime-integrity-presence--compact,
html.raumriss-os .runtime-integrity-presence--global {
  max-width: none !important;
}

html.raumriss-os .runtime-integrity-presence__wick {
  display: none !important;
}

html.raumriss-os .home-operating-pulse {
  background: color-mix(in srgb, var(--success) 38%, var(--text-tertiary)) !important;
  box-shadow: none !important;
  animation: none !important;
  opacity: 0.72 !important;
}

@media (prefers-reduced-motion: reduce) {
  html.raumriss-os .material-card:hover,
  html.raumriss-os .rr-module:hover,
  html.raumriss-os .home-main-stage:hover,
  html.raumriss-os .home-capture-panel:hover,
  html.raumriss-os .ablage-panel:hover,
  html.raumriss-os .continuity-shelf:hover,
  html.raumriss-os .home-room-chamber:hover,
  html.raumriss-os .home-room-strip-cell.room-tile:hover,
  html.raumriss-os .spatial-chamber:hover,
  html.raumriss-os .atmo-action:not(.atmo-action--quiet):hover:not(:disabled),
  html.raumriss-os .operational-button:hover:not(:disabled),
  html.raumriss-os .room-nav-rail__anchor:not(.room-nav-rail__anchor--current):hover,
  html.raumriss-os .room-nav-rail__zone:not(.room-nav-rail__zone--active):hover,
  html.raumriss-os [aria-label="Riss Core"] .der-riss-whisper:hover {
    transform: none;
  }
}

/* ── 16 · Modernization · contemporary calm (2026-05) ───────────────────── */

html.raumriss-os {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

html.raumriss-os body {
  font-feature-settings: "ss01", "cv11";
}

html.raumriss-os .operating-environment {
  background: var(--background) !important;
}

/* Home greeting · gleiche Header-Sprache wie room-identity-strip (ohne Orange-Glow) */

html.raumriss-os .environment-hero,
html.raumriss-os .environment-hero::before {
  border: none !important;
  border-left: none !important;
  box-shadow: none !important;
  background: none !important;
  padding-left: 0 !important;
}

html.raumriss-os .environment-hero::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

html.raumriss-os .environment-hero .type-eyebrow,
html.raumriss-os .environment-hero .os-kicker {
  font-family: var(--font-display) !important;
  font-size: 0.6875rem !important;
  font-weight: 560 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--copper-dark) 42%, var(--text-label)) !important;
}

html.raumriss-os .environment-hero .atmospheric-title,
html.raumriss-os .environment-hero .os-title.rr-page-title {
  font-size: clamp(1.72rem, 3.2vw, 2.45rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.036em !important;
  line-height: 1.1 !important;
  color: var(--text-primary) !important;
  text-shadow: none !important;
}

html.raumriss-os .environment-hero .type-body {
  font-size: 0.9375rem !important;
  line-height: 1.5 !important;
  color: var(--text-secondary) !important;
  text-shadow: none !important;
  max-width: min(100%, 42rem) !important;
}

html.raumriss-os .environment-hero[data-greeting-presence="returning"] .atmospheric-title,
html.raumriss-os .environment-hero[data-greeting-presence="after-sleep"] .atmospheric-title,
html.raumriss-os .environment-hero[data-greeting-presence="returning"] .os-title.rr-page-title,
html.raumriss-os .environment-hero[data-greeting-presence="after-sleep"] .os-title.rr-page-title {
  color: var(--text-primary) !important;
}

html.raumriss-os .room-identity-strip__title.rr-page-title,
html.raumriss-os .room-identity-strip__title {
  font-size: clamp(1.72rem, 3.2vw, 2.45rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.036em !important;
  line-height: 1.1 !important;
}

html.raumriss-os .room-identity-strip__presence,
html.raumriss-os .room-identity-meta {
  font-size: 0.9375rem !important;
  line-height: 1.5 !important;
  color: var(--text-secondary) !important;
}

html.raumriss-os .room-identity-strip__signal {
  border-radius: var(--radius-lg) !important;
  background: var(--os-glass-milk-raised) !important;
  border: 1px solid color-mix(in srgb, var(--copper) 22%, var(--border-default)) !important;
  box-shadow: var(--shadow-lift) !important;
  backdrop-filter: var(--os-glass-blur) !important;
  -webkit-backdrop-filter: var(--os-glass-blur) !important;
}

@media (min-width: 1024px) {
  html.raumriss-os .home-room-strip {
    gap: clamp(1rem, 1.85vw, 1.4rem) !important;
    padding-block: 0.35rem !important;
  }

  html.raumriss-os .home-room-strip-cell.room-tile,
  html.raumriss-os .home-room-strip-cell:not(.room-tile) {
    position: relative !important;
    border-radius: var(--radius-xl) !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  html.raumriss-os .home-room-strip-cell.room-tile[data-room-active="true"],
  html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-active="true"] {
    border-color: color-mix(in srgb, var(--copper) 48%, var(--os-glass-border-copper)) !important;
    box-shadow: var(--shadow-glass-hover) !important;
    background: var(--os-glass-milk-hover) !important;
    backdrop-filter: var(--os-glass-blur-strong) !important;
    -webkit-backdrop-filter: var(--os-glass-blur-strong) !important;
  }

  html.raumriss-os .home-room-strip-cell.room-tile[data-room-active="true"]::after,
  html.raumriss-os .home-room-strip-cell:not(.room-tile)[data-room-active="true"]::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 1.1rem !important;
    bottom: 1.1rem !important;
    width: 3px !important;
    border-radius: 0 2px 2px 0 !important;
    background: var(--copper) !important;
    pointer-events: none !important;
    z-index: 2 !important;
  }
}

html.raumriss-os .zone-operative-stack {
  gap: clamp(1.1rem, 2.1vw, 1.6rem) !important;
  padding: clamp(1.05rem, 2vw, 1.4rem) !important;
}

html.raumriss-os .affiliate-operational-surface,
html.raumriss-os .affiliate-zone-surface,
html.raumriss-os .ads-control-surface,
html.raumriss-os .shopify-operational-surface {
  background: var(--os-glass-milk) !important;
  backdrop-filter: var(--os-glass-blur) !important;
  -webkit-backdrop-filter: var(--os-glass-blur) !important;
  box-shadow: var(--shadow-panel) !important;
}

html.raumriss-os .affiliate-operational-surface__primary,
html.raumriss-os .ads-control-surface__anchor-roas,
html.raumriss-os .shopify-operational-surface__primary {
  font-size: clamp(1.32rem, 2.35vw, 1.62rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.032em !important;
  line-height: 1.15 !important;
  color: var(--text-primary) !important;
  font-variant-numeric: tabular-nums lining-nums !important;
}

html.raumriss-os .affiliate-zone-surface__operative,
html.raumriss-os .affiliate-zone-surface__metric span:last-child,
html.raumriss-os .affiliate-operational-surface__readout {
  font-size: clamp(1.05rem, 1.85vw, 1.28rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.024em !important;
  line-height: 1.18 !important;
  color: var(--text-primary) !important;
  font-variant-numeric: tabular-nums lining-nums !important;
}

html.raumriss-os .zone-material-surface__bundle-head,
html.raumriss-os .zone-material-surface__group-label {
  font-weight: 520 !important;
  letter-spacing: -0.018em !important;
  color: var(--text-primary) !important;
}

html.raumriss-os .zone-material-surface__wall-cell,
html.raumriss-os .zone-material-surface__tile {
  transition:
    border-color 200ms var(--os-ease, cubic-bezier(0.23, 1, 0.32, 1)),
    box-shadow 240ms var(--os-ease, cubic-bezier(0.23, 1, 0.32, 1)),
    transform 180ms var(--os-ease-spring, cubic-bezier(0.34, 1.24, 0.64, 1)) !important;
}

html.raumriss-os .zone-material-surface__wall-cell:hover,
html.raumriss-os .zone-material-surface__tile:hover {
  background: var(--os-glass-milk-hover) !important;
  border-color: color-mix(in srgb, var(--copper) 52%, var(--border-default)) !important;
  box-shadow:
    var(--os-hw-cell),
    0 0 24px color-mix(in srgb, var(--copper-glow) 42%, transparent) !important;
  transform: translateY(-2px) scale(1.008);
}

html.raumriss-os a:focus-visible,
html.raumriss-os button:focus-visible,
html.raumriss-os [role="button"]:focus-visible,
html.raumriss-os .spatial-chamber:focus-visible {
  outline: none !important;
  box-shadow: var(--os-focus-ring) !important;
}

html.raumriss-os .room-nav-rail__anchor--current:focus-visible,
html.raumriss-os .room-nav-rail__zone--active:focus-visible {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 4px 14px rgba(15, 15, 15, 0.14),
    0 0 0 2px var(--background-elevated),
    0 0 0 4px color-mix(in srgb, var(--copper) 48%, transparent) !important;
}

@media (prefers-reduced-motion: reduce) {
  html.raumriss-os .zone-material-surface__wall-cell:hover,
  html.raumriss-os .zone-material-surface__tile:hover,
  html.raumriss-os .home-open-risse__item:hover,
  html.raumriss-os .open-riss-item:hover {
    transform: none;
  }
}

/* ── 17 · Milchglas-Hover · stärkere Orange-Kante auf Ridge ───────────────── */

html.raumriss-os .material-card::before,
html.raumriss-os .room-chamber::before,
html.raumriss-os .spatial-chamber::before,
html.raumriss-os .zone-material-surface::before {
  box-shadow:
    var(--os-hw-ridge),
    inset 0 1px 0 color-mix(in srgb, var(--copper-light) 18%, rgba(255, 255, 255, 0.75)) !important;
}

html.raumriss-os .material-card:hover::before,
html.raumriss-os .room-chamber:hover::before,
html.raumriss-os .spatial-chamber:hover::before,
html.raumriss-os .home-capture-panel:hover::before,
html.raumriss-os .ablage-panel:hover::before,
html.raumriss-os .continuity-shelf:hover::before {
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--copper-light) 42%, rgba(255, 255, 255, 0.88)),
    inset 0 -12px 28px color-mix(in srgb, var(--copper-glow) 12%, transparent) !important;
}

/* ── 18 · Home-Composition · Bewegung-Schatten auf alle Module ───────────── */

html.raumriss-os .home-composition .home-main-stage,
html.raumriss-os .runtime-instrument-deck .home-main-stage,
html.raumriss-os .home-composition .home-capture-panel,
html.raumriss-os .home-composition .environment-capture-panel,
html.raumriss-os .home-composition .ablage-panel,
html.raumriss-os .home-composition .continuity-shelf,
html.raumriss-os .home-composition .time-anchors-panel,
html.raumriss-os .home-capture-shelf .home-capture-panel,
html.raumriss-os .home-capture-shelf .continuity-shelf,
html.raumriss-os .home-capture-shelf > .home-capture-layer .home-capture-panel,
html.raumriss-os .home-capture-shelf [aria-label="Riss-Eingänge"] .home-capture-panel {
  position: relative !important;
  isolation: isolate !important;
  background: var(--os-glass-milk) !important;
  border: 1px solid color-mix(in srgb, var(--os-glass-border) 72%, var(--border-default)) !important;
  border-radius: var(--radius-xl) !important;
  box-shadow: var(--shadow-home-module) !important;
  backdrop-filter: var(--os-glass-blur) !important;
  -webkit-backdrop-filter: var(--os-glass-blur) !important;
}

html.raumriss-os .home-composition .home-main-stage:hover,
html.raumriss-os .home-composition .home-capture-panel:hover,
html.raumriss-os .home-composition .continuity-shelf:hover {
  box-shadow: var(--shadow-home-module-hover) !important;
}

/* ── 19 · Ablage filter · no solid orange active pill ───────────────────── */

html.raumriss-os .ideas-filter-pill--active {
  background: var(--background-sunken) !important;
  border-color: var(--border-default) !important;
  color: var(--text-primary) !important;
  box-shadow:
    inset 0 1px 0 var(--os-panel-highlight),
    inset 0 -1px 0 rgba(15, 15, 15, 0.04) !important;
}

/* ── 20 · Räume · keine orangen Kästen oder Eck-Blooms ──────────────────── */

html.raumriss-os .home-runtime-shell::before,
html.raumriss-os .home-runtime-shell::after,
html.raumriss-os .operating-environment::before,
html.raumriss-os .operating-environment::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

html.raumriss-os .home-room-strip-cell.room-tile,
html.raumriss-os .home-room-strip-cell.room-tile[data-room-warmth="warm"],
html.raumriss-os .home-room-strip-cell.room-tile[data-room-warmth="active"],
html.raumriss-os .home-room-strip-cell.room-tile[data-room-active="true"],
html.raumriss-os .home-room-strip-cell.room-tile:hover,
html.raumriss-os .home-room-strip-cell.room-tile:focus-visible {
  background: var(--os-glass-milk) !important;
  border-color: color-mix(in srgb, var(--os-glass-border) 72%, var(--border-default)) !important;
  box-shadow: var(--shadow-home-module) !important;
}

html.raumriss-os .home-room-strip-cell.room-tile::before,
html.raumriss-os .home-room-strip-cell.room-tile::after,
html.raumriss-os .home-room-strip-cell.room-tile[data-room-active="true"]::after {
  display: none !important;
  content: none !important;
}

html.raumriss-os .room-material-presence__link,
html.raumriss-os
  .home-room-chamber__materials.room-material-presence--home
  .room-material-presence__link,
html.raumriss-os .room-material-presence__link[data-material-new="true"] {
  background: var(--background-sunken) !important;
  box-shadow: inset 0 0 0 1px var(--border-soft) !important;
  animation: none !important;
}

html.raumriss-os
  .home-room-chamber__materials.room-material-presence--home
  .material-thumbnail--loading,
html.raumriss-os
  .home-room-chamber__materials.room-material-presence--home
  .material-thumbnail--fallback {
  background: var(--background-sunken) !important;
}

html.raumriss-os .home-room-alive-dot[data-room-warmth="warm"],
html.raumriss-os .home-room-alive-dot[data-room-warmth="active"] {
  background: color-mix(in srgb, var(--text-muted) 48%, transparent) !important;
  box-shadow:
    inset 0 1px 2px rgba(15, 15, 15, 0.12),
    0 0 0 1px var(--border-soft) !important;
  animation: none !important;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-warm-work-surfaces-pass.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Warm Work Surface Pass
 * Dunkler Raum · helle warme Arbeitsinseln · visual only
 * Loaded last via globals.css — overrides luminance work slabs selectively
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  /* Warm work tokens · altes Studio / Papier / Werkbank */
  --work-paper: #f3ecdf;
  --work-cream: #e8dfd0;
  --work-ink: #1c1914;
  --work-ink-soft: #5c5549;
  --work-muted-border: rgba(28, 25, 20, 0.11);
  --work-recess-top: #e3d9c8;
  --work-recess-bottom: #ddd2c0;
  --work-recess-gradient: linear-gradient(
    180deg,
    var(--work-recess-top) 0%,
    var(--work-recess-bottom) 100%
  );
  --work-surface-gradient: linear-gradient(
    180deg,
    var(--work-paper) 0%,
    var(--work-cream) 100%
  );
  --work-surface-shadow:
    0 10px 32px rgba(0, 0, 0, 0.42),
    0 2px 8px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 252, 245, 0.72),
    inset 0 -1px 0 rgba(20, 18, 14, 0.06);
  --work-recess-shadow:
    inset 0 3px 12px rgba(20, 18, 14, 0.14),
    inset 0 1px 0 rgba(255, 252, 245, 0.35),
    inset 0 0 0 1px var(--work-muted-border);
}

/* ── 1 · ProjectRealitySurface · warm paper slab ─────────────────────────── */

html.raumriss-os .project-reality,
html.raumriss-os .project-reality--home,
html.raumriss-os .project-reality--fresh {
  background: var(--work-surface-gradient) !important;
  border: 1px solid var(--work-muted-border) !important;
  box-shadow: var(--work-surface-shadow) !important;
  color: var(--work-ink) !important;
}

html.raumriss-os .project-reality--home[data-reality-tone="focus"] {
  background: var(--work-surface-gradient) !important;
  box-shadow: var(--work-surface-shadow) !important;
}

html.raumriss-os .project-reality__title,
html.raumriss-os .project-reality--home .project-reality__title,
html.raumriss-os .project-reality__next-line {
  color: var(--work-ink) !important;
}

html.raumriss-os .project-reality__type,
html.raumriss-os .project-reality__why,
html.raumriss-os .project-reality__next-kicker,
html.raumriss-os .project-reality__block-kicker,
html.raumriss-os .project-reality__fresh-kicker,
html.raumriss-os .project-reality__missing,
html.raumriss-os .project-reality__aurel,
html.raumriss-os .project-reality__lines-fold summary,
html.raumriss-os .project-reality__list--quiet {
  color: var(--work-ink-soft) !important;
  opacity: 1 !important;
}

html.raumriss-os .project-reality__next {
  border-top-color: var(--work-muted-border) !important;
}

html.raumriss-os .project-reality__list {
  color: var(--work-ink) !important;
}

/* ── 2 · Zentrale Zone-Primary-Surfaces · innere Werkbank-Slabs ─────────── */

html.raumriss-os .zone-material-surface__bundle[data-bundle-tier="primary_tension"] {
  background: var(--work-surface-gradient) !important;
  border: 1px solid var(--work-muted-border) !important;
  box-shadow: var(--work-surface-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--work-ink) !important;
}

html.raumriss-os .room-chamber--workbench .zone-material-surface__header,
html.raumriss-os .room-chamber--workbench .zone-material-surface__hint,
html.raumriss-os .room-chamber--workbench .zone-material-surface__path-code,
html.raumriss-os .zone-material-surface__bundle[data-bundle-tier="primary_tension"] .zone-material-surface__bundle-label {
  color: var(--work-ink-soft) !important;
}

html.raumriss-os .room-chamber--workbench .zone-material-surface__tile,
html.raumriss-os .room-chamber--workbench .zone-material-surface__wall-cell,
html.raumriss-os .zone-material-surface__bundle[data-bundle-tier="primary_tension"] .zone-material-surface__tile {
  background: var(--work-paper) !important;
  border: 1px solid var(--work-muted-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.5),
    0 1px 4px rgba(0, 0, 0, 0.12) !important;
  color: var(--work-ink) !important;
}

html.raumriss-os .room-chamber--workbench .zone-material-surface__wall-cell[data-material-focused="true"],
html.raumriss-os .room-chamber--workbench .zone-material-surface__tile[data-material-focused="true"],
html.raumriss-os .room-chamber--workbench .zone-material-surface__wall-cell[data-material-status="selected"],
html.raumriss-os .room-chamber--workbench .zone-material-surface__tile[data-material-status="selected"] {
  background: color-mix(in srgb, var(--work-paper) 88%, var(--work-cream)) !important;
  box-shadow:
    var(--work-recess-shadow),
    inset 3px 0 0 var(--raum-amber, #d97822) !important;
}

html.raumriss-os .home-living-house__layer--focus {
  background: var(--work-surface-gradient) !important;
  border: 1px solid var(--work-muted-border) !important;
  box-shadow: var(--work-surface-shadow) !important;
  color: var(--work-ink) !important;
}

html.raumriss-os .room-chamber--state,
html.raumriss-os .room-chamber[data-chamber-focus="true"],
html.raumriss-os .semantic-workbench {
  background: var(--work-surface-gradient) !important;
  border: 1px solid var(--work-muted-border) !important;
  box-shadow: var(--work-surface-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--work-ink) !important;
}

html.raumriss-os .home-living-house__layer--focus .home-current-focus__line {
  color: var(--work-ink) !important;
}

html.raumriss-os .home-living-house__layer--focus .home-current-focus__why,
html.raumriss-os .home-living-house__layer--focus .home-current-focus__room {
  color: var(--work-ink-soft) !important;
  opacity: 1 !important;
}

/* ── 3 · Inputs · recessed warm wells (nur auf Arbeitsflächen + globale Felder) ─ */

html.raumriss-os .project-reality input:not([type="checkbox"]):not([type="radio"]),
html.raumriss-os .project-reality textarea,
html.raumriss-os .project-reality select,
html.raumriss-os .room-chamber--workbench input:not([type="checkbox"]):not([type="radio"]),
html.raumriss-os .room-chamber--workbench textarea,
html.raumriss-os .room-chamber--workbench select,
html.raumriss-os .room-chamber--atrium input:not([type="checkbox"]):not([type="radio"]),
html.raumriss-os .room-chamber--atrium textarea,
html.raumriss-os .room-chamber--atrium select,
html.raumriss-os .home-living-house__layer--focus input:not([type="checkbox"]):not([type="radio"]),
html.raumriss-os .home-living-house__layer--focus textarea,
html.raumriss-os .ablage-draft,
html.raumriss-os .home-capture-panel .ideas-draft,
html.raumriss-os .home-capture-panel textarea,
html.raumriss-os .continuity-note-capture__draft,
html.raumriss-os input:not([type="checkbox"]):not([type="radio"]):not(.riss-core-input),
html.raumriss-os textarea:not(.ablage-draft):not(.ideas-draft),
html.raumriss-os select {
  background: var(--work-recess-gradient) !important;
  box-shadow: var(--work-recess-shadow) !important;
  border: none !important;
  color: var(--work-ink) !important;
}

/* Riss Core · dunkle Hardware — nicht warm-recessen */
html.raumriss-os {
  --riss-well-gradient: linear-gradient(180deg, #0b0a08 0%, #070706 100%);
  --riss-well-recess:
    inset 0 4px 18px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.038),
    inset 0 0 0 1px rgba(232, 222, 198, 0.055);
}

html.raumriss-os [aria-label="Riss Core"] input,
html.raumriss-os [aria-label="Riss Core"] textarea,
html.raumriss-os [aria-label="Riss Core"] .riss-der-riss-well {
  background: var(--riss-well-gradient) !important;
  box-shadow: var(--riss-well-recess) !important;
  color: var(--raum-cream) !important;
}

html.raumriss-os .project-reality input::-moz-placeholder, html.raumriss-os .project-reality textarea::-moz-placeholder, html.raumriss-os .room-chamber--workbench input::-moz-placeholder, html.raumriss-os .room-chamber--workbench textarea::-moz-placeholder, html.raumriss-os .ablage-draft::-moz-placeholder, html.raumriss-os .home-capture-panel textarea::-moz-placeholder, html.raumriss-os .continuity-note-capture__draft::-moz-placeholder, html.raumriss-os input::-moz-placeholder, html.raumriss-os textarea::-moz-placeholder {
  color: color-mix(in srgb, var(--work-ink-soft) 78%, var(--work-cream)) !important;
  opacity: 1 !important;
}

html.raumriss-os .project-reality input::placeholder,
html.raumriss-os .project-reality textarea::placeholder,
html.raumriss-os .room-chamber--workbench input::placeholder,
html.raumriss-os .room-chamber--workbench textarea::placeholder,
html.raumriss-os .ablage-draft::placeholder,
html.raumriss-os .home-capture-panel textarea::placeholder,
html.raumriss-os .continuity-note-capture__draft::placeholder,
html.raumriss-os input::placeholder,
html.raumriss-os textarea::placeholder {
  color: color-mix(in srgb, var(--work-ink-soft) 78%, var(--work-cream)) !important;
  opacity: 1 !important;
}

html.raumriss-os .ablage-draft:focus-visible,
html.raumriss-os .home-capture-panel textarea:focus-visible,
html.raumriss-os .continuity-note-capture__draft:focus-visible,
html.raumriss-os .room-chamber--workbench input:focus-visible,
html.raumriss-os .room-chamber--workbench textarea:focus-visible,
html.raumriss-os input:focus-visible,
html.raumriss-os textarea:focus-visible {
  box-shadow:
    var(--work-recess-shadow),
    inset 2px 0 0 color-mix(in srgb, var(--raum-amber, #d97822) 48%, transparent) !important;
}

html.raumriss-os .ideas-scope {
  background: var(--work-recess-gradient) !important;
  box-shadow: var(--work-recess-shadow) !important;
  color: var(--work-ink) !important;
}

/* ── 4 · Typography auf warmen Slabs · nicht global ──────────────────────── */

html.raumriss-os .room-chamber--state .type-body,
html.raumriss-os .room-chamber--state .type-body-strong,
html.raumriss-os .semantic-workbench .type-body,
html.raumriss-os .semantic-workbench .type-body-strong,
html.raumriss-os .semantic-workbench__material-title,
html.raumriss-os .semantic-workbench__line-value {
  color: var(--work-ink) !important;
}

html.raumriss-os .room-chamber--state .type-meta,
html.raumriss-os .semantic-workbench .type-meta,
html.raumriss-os .semantic-workbench__kicker,
html.raumriss-os .semantic-workbench__line-label {
  color: var(--work-ink-soft) !important;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-hf-ads-zone-focus-pass.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * RAUMRISS · Zone Focus Pass I · HAPPY FLOWER Ads
 * Primary surface, folded peripheral, concrete AUREL — no new palette.
 */

html.raumriss-os .room-composition__stage--hf-ads-focus .room-zone-focus {
  margin-bottom: 0.35rem;
}

html.raumriss-os .room-composition__stage--hf-ads-focus .room-zone-focus__kicker {
  letter-spacing: 0.04em;
}

html.raumriss-os .room-composition__stage--hf-ads-focus .room-zone-focus__trace {
  font-size: 0.6875rem;
  color: var(--text-muted);
}

html.raumriss-os .room-composition__periphery--hf-ads-focus {
  opacity: 0.92;
}

html.raumriss-os .room-composition__periphery--hf-ads-focus .room-chamber--beiwerk {
  font-size: 0.92em;
}

html.raumriss-os .zone-operative-stack--hf-ads-focus .zone-operative-stack__body {
  display: flex;
  flex-direction: column;
  gap: clamp(0.65rem, 1.4vw, 0.95rem);
}

html.raumriss-os .zone-operative-stack--hf-ads-focus .zone-operative-stack__primary {
  padding: clamp(0.55rem, 1vw, 0.75rem) 0 clamp(0.35rem, 0.8vw, 0.5rem);
  border-bottom: 1px solid color-mix(in srgb, var(--surface-divider) 55%, transparent);
}

html.raumriss-os .zone-operative-stack--hf-ads-creative-primary .zone-operative-stack__primary {
  opacity: 0.82;
  border-bottom-style: dashed;
}

html.raumriss-os .zone-operative-stack--hf-ads-focus .zone-operative-stack__peripheral-fold {
  margin-top: 0.15rem;
  opacity: 0.78;
}

html.raumriss-os .zone-operative-stack--hf-ads-focus .zone-operative-stack__peripheral-summary {
  cursor: pointer;
  list-style: none;
  font-size: 0.625rem;
  letter-spacing: 0.05em;
  color: var(--text-faint);
  padding: 0.2rem 0;
}

html.raumriss-os
  .zone-operative-stack--hf-ads-focus
  .zone-operative-stack__peripheral-summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .zone-operative-stack--hf-ads-focus .happy-flower-ads-aurel {
  margin: 0;
  padding: clamp(0.45rem, 0.9vw, 0.6rem) 0;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 40%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--surface-divider) 40%, transparent);
}

html.raumriss-os .zone-operative-stack--hf-ads-focus .happy-flower-ads-aurel__head {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.35rem;
}

html.raumriss-os .zone-operative-stack--hf-ads-focus .happy-flower-ads-aurel__wick {
  width: 2px;
  height: 0.75rem;
  border-radius: 1px;
  background: color-mix(in srgb, var(--rr-orange, #c45a2a) 35%, transparent);
}

html.raumriss-os .zone-operative-stack--hf-ads-focus .happy-flower-ads-aurel__title {
  margin: 0;
  color: var(--text-faint);
}

html.raumriss-os .zone-operative-stack--hf-ads-focus .happy-flower-ads-aurel__body {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

html.raumriss-os .zone-operative-stack--hf-ads-focus .happy-flower-ads-aurel__line {
  display: grid;
  grid-template-columns: minmax(5.5rem, 7rem) 1fr;
  gap: 0.5rem 0.65rem;
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.45;
}

html.raumriss-os .zone-operative-stack--hf-ads-focus .happy-flower-ads-aurel__tag {
  color: var(--text-faint);
}

html.raumriss-os .zone-operative-stack--hf-ads-focus .happy-flower-ads-aurel__value {
  color: var(--text-primary);
  font-weight: 500;
}

/* Beobachtung (Fällt auf / Fehlt) liegt im Fold — eine Entscheidung pro Fläche. */
html.raumriss-os .happy-flower-ads-aurel__fold {
  margin-top: 0.2rem;
}

html.raumriss-os .happy-flower-ads-aurel__fold-summary {
  list-style: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.62rem;
  color: var(--text-faint);
  padding: 0.15rem 0;
}

html.raumriss-os .happy-flower-ads-aurel__fold-summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .happy-flower-ads-aurel__fold[open] .happy-flower-ads-aurel__line {
  margin-top: 0.3rem;
}

html.raumriss-os .zone-business-ops--creative-room .zone-material-chamber--primary {
  margin-top: 0.25rem;
}

html.raumriss-os .zone-business-ops--creative-room .zone-material-chamber-fold--secondary {
  margin-top: 0.55rem;
  opacity: 0.82;
}

html.raumriss-os .zone-business-ops--creative-room .zone-material-chamber-fold__summary {
  cursor: pointer;
  list-style: none;
  font-size: 0.625rem;
  letter-spacing: 0.05em;
  color: var(--text-faint);
  padding: 0.25rem 0;
}

html.raumriss-os
  .zone-business-ops--creative-room
  .zone-material-chamber-fold__summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .zone-business-ops--creative-room .runtime-state-section {
  opacity: 0.9;
}

html.raumriss-os .zone-business-ops--creative-room .semantic-surface-room--below-workbench {
  opacity: 0.85;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-hf-ads-operative-pass.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * RAUMRISS · HAPPY FLOWER Ads · Operative Pass
 * Zeitraum-Leiste, Kampagnenfeld, Steuerungs-Zusammenfassung, ruhiges Material-Grid.
 */

html.raumriss-os .hf-ads-period-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.75rem;
  margin-bottom: 0.55rem;
}

html.raumriss-os .hf-ads-period-bar__label {
  color: var(--text-faint);
  letter-spacing: 0.05em;
}

html.raumriss-os .hf-ads-period-bar__options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

html.raumriss-os .hf-ads-period-bar__option {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid color-mix(in srgb, var(--surface-divider) 70%, transparent);
  background: transparent;
  color: var(--text-muted);
  font-size: 0.625rem;
  letter-spacing: 0.04em;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  cursor: pointer;
}

html.raumriss-os .hf-ads-period-bar__option[data-active="true"] {
  color: var(--text-primary);
  border-color: color-mix(in srgb, var(--rr-orange, #c45a2a) 35%, var(--surface-divider));
  background: color-mix(in srgb, var(--rr-orange, #c45a2a) 8%, transparent);
}

html.raumriss-os .hf-ads-operative {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

html.raumriss-os .hf-ads-operative__trust {
  color: var(--text-faint);
}

html.raumriss-os .hf-ads-operative__overall {
  padding: 0.15rem 0 0.35rem;
}

html.raumriss-os .hf-ads-operative__anchor-primary {
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.15;
  color: var(--text-primary);
  font-weight: 600;
}

html.raumriss-os .hf-ads-operative__anchor-prefix {
  display: block;
  margin-bottom: 0.15rem;
}

html.raumriss-os .hf-ads-operative__anchor-secondary {
  margin: 0.2rem 0 0;
}

html.raumriss-os .hf-ads-operative__semantic {
  margin: 0.35rem 0 0;
  color: var(--text-muted);
}

html.raumriss-os .hf-ads-operative__metrics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem 0.75rem;
  margin-top: 0.55rem;
}

@media (min-width: 640px) {
  html.raumriss-os .hf-ads-operative__metrics-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

html.raumriss-os .hf-ads-operative__metric-label {
  display: block;
  color: var(--text-faint);
}

html.raumriss-os .hf-ads-operative__metric-value {
  display: block;
  font-size: 0.8125rem;
  color: var(--text-primary);
}

html.raumriss-os .hf-ads-operative__section-label {
  margin: 0 0 0.35rem;
  color: var(--text-faint);
  letter-spacing: 0.05em;
}

html.raumriss-os .hf-ads-operative__campaign-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

html.raumriss-os .hf-ads-operative__campaign {
  padding: 0.45rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--surface-divider) 45%, transparent);
}

html.raumriss-os .hf-ads-operative__campaign:last-child {
  border-bottom: none;
}

html.raumriss-os .hf-ads-operative__campaign-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.25rem 0.65rem;
}

html.raumriss-os .hf-ads-operative__campaign-name {
  margin: 0;
}

html.raumriss-os .hf-ads-operative__campaign-semantic {
  color: var(--text-faint);
}

html.raumriss-os .hf-ads-operative__campaign-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.3rem;
}

html.raumriss-os .hf-ads-operative__chip {
  font-size: 0.6875rem;
  color: var(--text-secondary);
  padding: 0.12rem 0.35rem;
  border-radius: 0.25rem;
  border: 1px solid color-mix(in srgb, var(--surface-divider) 55%, transparent);
}

html.raumriss-os .hf-ads-operative__campaign[data-attention="watch"] .hf-ads-operative__campaign-semantic {
  color: color-mix(in srgb, var(--rr-orange, #c45a2a) 70%, var(--text-muted));
}

html.raumriss-os .hf-ads-operative__steering {
  padding-top: 0.35rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 45%, transparent);
}

html.raumriss-os .hf-ads-operative__steering-headline {
  margin: 0 0 0.45rem;
  font-size: 0.8125rem;
  color: var(--text-primary);
}

html.raumriss-os .hf-ads-operative__steering-block + .hf-ads-operative__steering-block {
  margin-top: 0.45rem;
}

html.raumriss-os .hf-ads-operative__steering-title {
  margin: 0 0 0.2rem;
}

html.raumriss-os .hf-ads-operative__steering-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.75rem;
  line-height: 1.45;
  color: var(--text-secondary);
}

html.raumriss-os .hf-ads-operative__steering-block[data-tone="problems"] .hf-ads-operative__steering-list {
  color: color-mix(in srgb, var(--rr-orange, #c45a2a) 65%, var(--text-secondary));
}

html.raumriss-os .hf-ads-operative__empty {
  color: var(--text-faint);
}

/* Material · HF Ads · einfaches Grid statt Hero/Side-Komposition */
html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__material-wall {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
  gap: 0.5rem;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__wall-cell {
  aspect-ratio: 4 / 5;
  overflow: hidden;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__wall-cell-hit {
  height: 100%;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__preview {
  height: 100%;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__wall-cell-label,
html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__wall-cell-whisper {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-runtime-session-header-pass.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Runtime Session Header — layout & material pass
 * Full-width top bar: status left · controls right · no overlap.
 * Loaded last via globals.css.
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --runtime-paper-surface: #f3f1ec;
  --runtime-paper-veil: #f8f6f1;
  --runtime-paper-border: color-mix(in srgb, #7a7568 16%, transparent);
  --runtime-session-header-clearance: clamp(3.1rem, 7.5vw, 3.75rem);
}

/* ── Session header shell · Geometrie in home-floating-chrome-pass / globals ─ */

html.raumriss-os .runtime-presence-layer.runtime-session-header {
  z-index: 30;
  display: block;
  padding: 0;
  pointer-events: auto;
  --runtime-presence-top: var(--runtime-session-header-clearance);
}

html.raumriss-os .runtime-session-header__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 0.85rem;
  margin-inline: auto;
  padding:
    max(0.45rem, calc(env(safe-area-inset-top, 0px) + 0.32rem))
    max(1rem, calc(env(safe-area-inset-right, 0px) + 1rem))
    0.48rem
    max(1rem, calc(env(safe-area-inset-left, 0px) + 1rem));
  box-sizing: border-box;
  overflow-x: hidden;
}

html.raumriss-os .runtime-session-header__leading {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 0.45rem 0.65rem;
  min-width: 0;
  max-width: 100%;
}

html.raumriss-os .runtime-session-header__clock {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

html.raumriss-os .runtime-session-header__clock .presence-clock {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

html.raumriss-os .runtime-session-header__clock .presence-clock-time {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: clamp(0.92rem, 0.2vw + 0.86rem, 1.02rem);
  font-weight: 560;
  letter-spacing: 0.04em;
  color: color-mix(in srgb, var(--env-text-primary, #181916) 88%, #0a0a08);
}

html.raumriss-os .runtime-session-header__clock .presence-clock-meta {
  margin-top: 0.08rem;
  font-size: 0.625rem;
  letter-spacing: 0.03em;
  color: color-mix(in srgb, var(--env-text-muted, #5c6058) 92%, transparent);
}

html.raumriss-os .runtime-session-header__actions {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.42rem 0.55rem;
  min-width: 0;
  max-width: 100%;
}

html.raumriss-os .runtime-session-header__actions [data-session-control],
html.raumriss-os .runtime-session-header__actions .system-presence-end {
  position: relative;
  z-index: 0;
}

html.raumriss-os .runtime-session-header__actions .system-presence {
  margin: 0;
  padding: 0;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end {
  position: relative;
  z-index: 0;
  width: auto;
  min-width: min(100%, 8.75rem);
  min-height: 2rem;
  padding: 0.38rem 0.72rem 0.4rem 0.78rem;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--accent-ember, #ea580c) 22%, var(--runtime-paper-border)) !important;
  background: color-mix(in srgb, #fff 58%, var(--runtime-paper-surface) 42%) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 80%, transparent),
    0 1px 3px color-mix(in srgb, #3a3832 6%, transparent) !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end__kicker {
  font-size: 0.5rem;
  letter-spacing: 0.14em;
  color: color-mix(in srgb, var(--env-text-muted, #5c6058) 88%, transparent) !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end__action {
  font-size: 0.5625rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: color-mix(in srgb, var(--env-text-primary, #181916) 82%, var(--accent-ember, #ea580c) 18%) !important;
}

html.raumriss-os .runtime-session-header__logout {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  flex-shrink: 0;
  margin: 0;
  padding: 0.36rem 0.68rem;
  border: 1px solid color-mix(in srgb, var(--runtime-paper-border) 88%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--runtime-paper-surface) 72%, transparent);
  color: color-mix(in srgb, var(--env-text-muted, #5c6058) 94%, var(--env-text-secondary, #3a3d37));
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: 0.5625rem;
  font-weight: 520;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  line-height: 1;
  cursor: pointer;
  transition:
    border-color 0.24s ease,
    color 0.24s ease,
    background 0.24s ease;
}

html.raumriss-os .runtime-session-header__logout:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--accent-ember, #ea580c) 28%, var(--runtime-paper-border));
  color: color-mix(in srgb, var(--env-text-primary, #181916) 78%, var(--accent-ember, #ea580c));
  background: color-mix(in srgb, #fff 42%, var(--runtime-paper-surface) 58%);
}

html.raumriss-os .runtime-session-header__logout:disabled {
  opacity: 0.5;
  cursor: wait;
}

/* ── Integrity · compact status badge (leading) ─────────────────────────── */

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence {
  max-width: min(100%, 28rem);
  margin: 0;
  padding: 0.28rem 0.55rem 0.3rem 0.48rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--runtime-paper-border) 70%, transparent);
  background: color-mix(in srgb, #fff 35%, var(--runtime-paper-surface) 65%);
}

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence__line {
  align-items: center;
  gap: 0.42rem;
}

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence__wick {
  margin-top: 0;
  width: 0.34rem;
  height: 0.34rem;
}

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence__copy {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.28rem 0.45rem;
}

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence__primary {
  margin: 0;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.01em;
  color: color-mix(in srgb, var(--env-text-secondary, #3a3d37) 92%, transparent);
}

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence__detail {
  margin: 0;
  padding: 0.1rem 0.38rem;
  border-radius: 999px;
  font-size: 0.625rem;
  line-height: 1.25;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--env-text-muted, #5c6058) 90%, var(--accent-ember, #ea580c) 10%);
  background: color-mix(in srgb, var(--runtime-paper-surface) 55%, transparent);
}

html.raumriss-os .runtime-session-header__leading:empty {
  display: none;
}

/* ── Home work surface · warm paper, less top float clearance ───────────── */

html.raumriss-os .home-runtime-shell {
  background: color-mix(in srgb, var(--runtime-paper-veil) 88%, var(--atmo-base, #e4e6e2) 12%);
}

html.raumriss-os .home-runtime-shell.home-runtime-shell--living-house {
  padding-top: calc(
    var(--runtime-session-header-clearance) + env(safe-area-inset-top, 0px) + 0.55rem
  ) !important;
}

/* ── Embedded source chips · warmer instrument tone ─────────────────────── */

html.raumriss-os .operational-field--embedded .operational-field__strip {
  border: 1px solid color-mix(in srgb, var(--runtime-paper-border) 82%, transparent);
  border-radius: 10px;
  background: color-mix(in srgb, #fff 22%, var(--runtime-paper-surface) 78%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 55%, transparent);
}

html.raumriss-os .operational-field--embedded .operational-field__source {
  border-radius: 6px;
}

html.raumriss-os .operational-field--embedded .operational-field__line {
  font-size: 0.6875rem;
  font-weight: 480;
  letter-spacing: 0.02em;
  color: color-mix(in srgb, var(--env-text-secondary, #3a3d37) 88%, transparent);
}

html.raumriss-os .operational-field--embedded .operational-field__led {
  opacity: 0.72;
}

@media (max-width: 640px) {
  html.raumriss-os .runtime-session-header__inner {
    gap: 0.42rem 0.55rem;
  }

  html.raumriss-os .runtime-session-header__leading {
    flex: 1 1 100%;
    order: 1;
  }

  html.raumriss-os .runtime-session-header__clock {
    flex: 1 1 auto;
    order: 2;
    justify-content: flex-start;
  }

  html.raumriss-os .runtime-session-header__actions {
    flex: 1 1 100%;
    order: 3;
    justify-content: flex-end;
  }

  html.raumriss-os .runtime-session-header__actions .system-presence-end {
    flex: 1 1 auto;
    max-width: calc(50% - 0.3rem);
  }

  html.raumriss-os .runtime-session-header__logout {
    flex: 1 1 auto;
    max-width: calc(50% - 0.3rem);
    text-align: center;
  }
}

@media (min-width: 1024px) {
  html.raumriss-os .runtime-session-header__inner {
    padding-inline: max(2.5rem, calc(env(safe-area-inset-left, 0px) + 2.5rem))
      max(2.5rem, calc(env(safe-area-inset-right, 0px) + 2.5rem));
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-warm-work-surfaces-pass-ii.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Warm Work Surface Pass II · Material Weight
 * Shell · Session-Header · Source-Chips · Home Work Surfaces — visual only
 * Loaded after runtime-session-header-pass.css
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --work-shell-veil: #f0ebe2;
  --work-shell-floor: #e9e2d4;
  --work-shell-wash: #f5f0e6;
  --work-control-surface: #f7f2e8;
  --work-control-pressed: #ebe3d4;
  --work-control-border: rgba(28, 25, 20, 0.13);
  --work-control-shadow:
    0 1px 2px rgba(28, 25, 20, 0.07),
    inset 0 1px 0 rgba(255, 252, 245, 0.68);
  --work-surface-shadow-light:
    0 14px 36px rgba(28, 25, 20, 0.09),
    0 3px 10px rgba(28, 25, 20, 0.05),
    inset 0 1px 0 rgba(255, 252, 245, 0.78),
    inset 0 -1px 0 rgba(20, 18, 14, 0.05);
  --work-chip-surface: color-mix(in srgb, var(--work-paper, #f3ecdf) 78%, var(--work-cream, #e8dfd0) 22%);
  --work-chip-border: rgba(28, 25, 20, 0.09);
  --work-badge-calm: color-mix(in srgb, var(--work-paper, #f3ecdf) 70%, var(--work-shell-veil, #f0ebe2) 30%);
}

/* ── 1 · Home-Shell · Werkboden, kein SaaS-Weiß ─────────────────────────── */

html.raumriss-os .home-runtime-shell {
  background:
    radial-gradient(
      ellipse 118% 72% at 18% -8%,
      color-mix(in srgb, var(--work-paper, #f3ecdf) 42%, transparent),
      transparent 58%
    ),
    radial-gradient(
      ellipse 90% 55% at 88% 4%,
      color-mix(in srgb, var(--work-cream, #e8dfd0) 28%, transparent),
      transparent 62%
    ),
    linear-gradient(
      182deg,
      var(--work-shell-wash) 0%,
      var(--work-shell-veil) 38%,
      var(--work-shell-floor) 100%
    ) !important;
  color: var(--work-ink, #1c1914);
}

html.raumriss-os .operating-environment {
  background: transparent;
}

html.raumriss-os .environment-stage {
  color: var(--work-ink, #1c1914);
}

html.raumriss-os .environment-stage .home-system-mark,
html.raumriss-os .environment-stage .type-eyebrow,
html.raumriss-os .environment-stage .dashboard-greeting__phase {
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 88%, var(--work-ink, #1c1914)) !important;
}

html.raumriss-os .environment-stage .dashboard-greeting__line {
  color: var(--work-ink, #1c1914) !important;
}

html.raumriss-os .home-entrance-presence .home-operating-line {
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 92%, var(--work-ink, #1c1914)) !important;
}

/* ── 2 · Session-Header · an Work-Paper binden ──────────────────────────── */

html.raumriss-os .runtime-presence-layer.runtime-session-header {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--work-shell-wash) 92%, var(--work-paper, #f3ecdf) 8%) 0%,
    color-mix(in srgb, var(--work-paper, #f3ecdf) 88%, var(--work-cream, #e8dfd0) 12%) 100%
  ) !important;
  border-bottom: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11)) !important;
  box-shadow:
    0 1px 0 rgba(255, 252, 245, 0.62),
    0 10px 26px rgba(28, 25, 20, 0.06) !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end {
  border: 1px solid var(--work-control-border) !important;
  background: var(--work-control-surface) !important;
  box-shadow: var(--work-control-shadow) !important;
  color: var(--work-ink, #1c1914) !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--raum-amber, #d97822) 24%, var(--work-control-border)) !important;
  background: color-mix(in srgb, var(--work-control-surface) 72%, var(--work-paper, #f3ecdf) 28%) !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end:active:not(:disabled) {
  background: var(--work-control-pressed) !important;
  transform: translateY(0.5px);
}

html.raumriss-os .runtime-session-header__actions .system-presence-end__kicker {
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 90%, transparent) !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end__action {
  font-weight: 560 !important;
  color: color-mix(in srgb, var(--work-ink, #1c1914) 86%, var(--raum-amber, #d97822) 14%) !important;
}

html.raumriss-os .runtime-session-header__logout {
  border-color: var(--work-control-border) !important;
  background: color-mix(in srgb, var(--work-cream, #e8dfd0) 38%, var(--work-control-surface) 62%) !important;
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 94%, var(--work-ink, #1c1914)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 252, 245, 0.45);
}

html.raumriss-os .runtime-session-header__logout:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--raum-amber, #d97822) 22%, var(--work-control-border)) !important;
  color: var(--work-ink, #1c1914) !important;
  background: var(--work-control-surface) !important;
}

/* Status-Badge · ruhig, lesbar */
html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence {
  border: 1px solid color-mix(in srgb, var(--work-muted-border, rgba(28, 25, 20, 0.11)) 85%, transparent) !important;
  background: var(--work-badge-calm) !important;
  box-shadow: inset 0 1px 0 rgba(255, 252, 245, 0.5);
}

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence__primary {
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 96%, var(--work-ink, #1c1914)) !important;
  font-weight: 480 !important;
}

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence__detail {
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 88%, var(--raum-amber, #d97822) 12%) !important;
  background: color-mix(in srgb, var(--work-chip-surface) 82%, transparent) !important;
  border: 1px solid var(--work-chip-border);
}

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence__wick {
  opacity: 0.62;
}

html.raumriss-os .runtime-session-header__clock .presence-clock-time {
  color: var(--work-ink, #1c1914) !important;
}

html.raumriss-os .runtime-session-header__clock .presence-clock-meta {
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 92%, transparent) !important;
}

/* ── 3 · Source-Chips · eingelassenes Instrument ─────────────────────────── */

html.raumriss-os .operational-field--embedded .operational-field__strip {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .operational-field--embedded .operational-field__source {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0.18rem 0.42rem 0.2rem 0.38rem;
}

html.raumriss-os .operational-field--embedded .operational-field__line {
  color: color-mix(in srgb, var(--work-ink, #1c1914) 72%, var(--work-ink-soft, #5c5549)) !important;
  font-weight: 500;
}

html.raumriss-os .operational-field--embedded .operational-field__trust {
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 90%, transparent) !important;
}

html.raumriss-os .operational-field--embedded .operational-field__led {
  opacity: 0.42;
}

html.raumriss-os .operational-field--embedded
  .operational-field__source[data-system-phase="connected"]
  .operational-field__led,
html.raumriss-os .operational-field--embedded
  .operational-field__source[data-system-phase="alive"]
  .operational-field__led,
html.raumriss-os .operational-field--embedded
  .operational-field__source[data-system-phase="carrying"]
  .operational-field__led,
html.raumriss-os .operational-field--embedded
  .operational-field__source[data-system-phase="stable"]
  .operational-field__led,
html.raumriss-os .operational-field--embedded
  .operational-field__source[data-system-phase="watching"]
  .operational-field__led {
  opacity: 1;
  background: color-mix(in srgb, #6f9a6a 56%, var(--work-paper, #f3ecdf)) !important;
  box-shadow:
    inset 0 1px 2px color-mix(in srgb, var(--rr-shadow, #1a1510) 16%, transparent),
    0 0 5px color-mix(in srgb, #6f9a6a 22%, transparent) !important;
}

html.raumriss-os .operational-field--embedded
  .operational-field__source[data-system-phase="reachable"]
  .operational-field__led {
  opacity: 0.78;
  background: color-mix(in srgb, var(--raum-amber, #d97822) 42%, var(--work-paper, #f3ecdf)) !important;
}

html.raumriss-os .operational-field--embedded
  .operational-field__source[data-system-phase="degraded"]
  .operational-field__led,
html.raumriss-os .operational-field--embedded
  .operational-field__source[data-system-phase="stale"]
  .operational-field__led {
  opacity: 0.62;
  background: color-mix(in srgb, var(--raum-amber, #d97822) 34%, var(--work-ink-soft, #5c5549)) !important;
}

/* ── 4 · Primäre Home Work Surfaces · warme Slabs ───────────────────────── */

html.raumriss-os .home-capture-panel,
html.raumriss-os .ablage-panel,
html.raumriss-os .continuity-shelf,
html.raumriss-os .environment-capture-panel {
  background: var(--work-surface-gradient, linear-gradient(180deg, #f3ecdf, #e8dfd0)) !important;
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11)) !important;
  box-shadow: var(--work-surface-shadow-light) !important;
  color: var(--work-ink, #1c1914) !important;
}

html.raumriss-os .runtime-instrument-deck.home-composition .surface-slot {
  background: var(--work-surface-gradient, linear-gradient(180deg, #f3ecdf, #e8dfd0)) !important;
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11)) !important;
  box-shadow: var(--work-surface-shadow-light) !important;
}

html.raumriss-os .runtime-instrument-deck.home-composition .surface-slot::after {
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, rgba(255, 252, 245, 0.9) 55%, transparent) 22%,
    color-mix(in srgb, rgba(255, 252, 245, 0.95) 75%, transparent) 50%,
    color-mix(in srgb, rgba(255, 252, 245, 0.9) 55%, transparent) 78%,
    transparent
  ) !important;
  opacity: 0.42 !important;
}

html.raumriss-os .home-capture-panel .type-section-title,
html.raumriss-os .home-capture-panel .home-stage-kicker,
html.raumriss-os .ablage-panel .type-section-title,
html.raumriss-os .continuity-shelf .type-section-title {
  color: var(--work-ink, #1c1914) !important;
}

html.raumriss-os .home-capture-panel .type-section-subtitle,
html.raumriss-os .home-capture-panel .type-meta,
html.raumriss-os .ablage-panel .type-meta,
html.raumriss-os .continuity-shelf .type-meta,
html.raumriss-os .ablage-explanation {
  color: var(--work-ink-soft, #5c5549) !important;
  opacity: 1 !important;
}

html.raumriss-os .home-capture-panel .ideas-filter-pill {
  border: 1px solid var(--work-chip-border) !important;
  background: var(--work-chip-surface) !important;
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 92%, var(--work-ink, #1c1914)) !important;
}

html.raumriss-os .home-capture-panel .ideas-filter-pill[aria-pressed="true"] {
  border-color: color-mix(in srgb, var(--raum-amber, #d97822) 32%, var(--work-chip-border)) !important;
  background: color-mix(in srgb, var(--work-paper, #f3ecdf) 65%, var(--work-cream, #e8dfd0) 35%) !important;
  color: var(--work-ink, #1c1914) !important;
}

html.raumriss-os .home-capture-panel .ideas-scope,
html.raumriss-os .ablage-panel .ideas-scope {
  background: var(--work-recess-gradient) !important;
  box-shadow: var(--work-recess-shadow) !important;
}

html.raumriss-os .home-capture-panel .ideas-draft,
html.raumriss-os .home-capture-panel textarea,
html.raumriss-os .ablage-draft,
html.raumriss-os .continuity-note-capture__draft {
  color: var(--work-ink, #1c1914) !important;
}

html.raumriss-os .home-capture-panel textarea::-moz-placeholder, html.raumriss-os .ablage-draft::-moz-placeholder, html.raumriss-os .continuity-note-capture__draft::-moz-placeholder {
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 78%, var(--work-cream, #e8dfd0)) !important;
}

html.raumriss-os .home-capture-panel textarea::placeholder,
html.raumriss-os .ablage-draft::placeholder,
html.raumriss-os .continuity-note-capture__draft::placeholder {
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 78%, var(--work-cream, #e8dfd0)) !important;
}

/* Bewegung bleibt dunkle Insel — Kontrast zur warmen Werkbank */
html.raumriss-os .home-living-house__layer--movement {
  box-shadow:
    0 16px 40px rgba(28, 25, 20, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-layout-integrity-pass.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Layout Integrity & Typography Pass I
 * Header clearance · z-index stack · type embedding · tab rail calm
 * Loaded last via globals.css — visual/layout only
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  /* Layer stack — single source, no ad-hoc z-index sprawl */
  --layer-content: 0;
  --layer-room-navigation: 20;
  --layer-session-header: 30;
  --layer-runtime-dock: 80;
  --layer-modal-overlay: 100;

  /* Page rhythm — header is in document flow; no double clearance */
  --os-space-page-top: clamp(0.65rem, 1.6vw, 1.1rem);
  --layout-room-nav-gap: clamp(0.55rem, 1.2vw, 0.85rem);
}

/* ── 1 · Session header · anchor layer, neutralize legacy fixed corner ──── */

html.raumriss-os .runtime-presence-layer.runtime-session-header {
  z-index: var(--layer-session-header);
}

/* ── 2 · Content offset · header in flow, no stacked top padding ────────── */

/* Home clearance owned by home-prestige-pass (sticky header band) */

html.raumriss-os .os-room-page,
html.raumriss-os .room-shell.rr-room-shell {
  padding-top: var(--os-space-page-top) !important;
}

html.raumriss-os .os-page__inner,
html.raumriss-os .spatial-surface__shell {
  padding-top: var(--os-space-page-top) !important;
}

html.raumriss-os .rr-page-frame:not(.home-runtime-shell) {
  padding-top: 0;
}

/* ── 3 · Room root navigation · in flow, below header, never overlapped ─ */

html.raumriss-os .room-root-controls {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: var(--layer-room-navigation);
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 var(--layout-room-nav-gap);
  padding: 0.3rem 0.38rem;
  box-sizing: border-box;
}

html.raumriss-os .room-shell-rhythm {
  position: relative;
  z-index: var(--layer-content);
  display: flex;
  flex-direction: column;
  overflow-x: clip;
}

html.raumriss-os .room-shell-rhythm > .room-root-controls + header.room-identity-strip {
  margin-top: 0;
}

/* ── 4 · Room nav rail · tabs not crushed, subtitles readable ───────────── */

html.raumriss-os .room-nav-rail {
  position: relative;
  z-index: var(--layer-content);
  margin-top: clamp(0.75rem, 1.5vw, 1rem);
}

html.raumriss-os .room-nav-rail__shell {
  min-height: 3.35rem;
  padding-block: 0.12rem;
}

html.raumriss-os .room-nav-rail__anchor,
html.raumriss-os .room-nav-rail__zone {
  padding-block: clamp(0.62rem, 1.1vw, 0.78rem);
  gap: 0.18rem;
}

html.raumriss-os .room-nav-rail__meta,
html.raumriss-os .room-nav-rail__zone-hint,
html.raumriss-os .room-nav-rail__context {
  font-size: 0.6875rem;
  line-height: 1.4;
  letter-spacing: 0.025em;
  padding-inline: 0.05rem;
  color: color-mix(in srgb, var(--env-text-muted, #5c6058) 86%, var(--env-text-secondary, #3a3d37));
}

html.raumriss-os .room-nav-rail__anchor--current .room-nav-rail__meta,
html.raumriss-os .room-nav-rail__zone--active .room-nav-rail__zone-hint {
  color: color-mix(in srgb, var(--env-text-secondary, #3a3d37) 92%, var(--env-text-primary, #181916));
}

html.raumriss-os .room-nav-rail__label,
html.raumriss-os .room-nav-rail__zone-title {
  line-height: 1.25;
  padding-inline: 0.05rem;
}

html.raumriss-os .room-nav-rail__track {
  padding-block: 0.08rem;
  scroll-padding-inline: 0.85rem;
}

@media (max-width: 640px) {
  html.raumriss-os .room-nav-rail__zone {
    min-width: max(6.75rem, -moz-max-content);
    min-width: max(6.75rem, max-content);
    max-width: 12rem;
  }

  html.raumriss-os .room-nav-rail__meta,
  html.raumriss-os .room-nav-rail__zone-hint {
    font-size: 0.625rem;
    line-height: 1.42;
  }
}

/* ── 5 · Typography embedding · warm work surfaces ────────────────────── */

html.raumriss-os .type-meta,
html.raumriss-os .os-label,
html.raumriss-os .workspace-section__kicker {
  line-height: 1.38;
  letter-spacing: 0.04em;
}

html.raumriss-os .room-identity-strip__primary .os-kicker {
  margin-bottom: 0.35rem;
  padding-inline: 0.05rem;
}

html.raumriss-os .room-identity-strip__presence {
  margin-top: 0.45rem;
  padding-inline: 0.05rem;
  max-width: 38rem;
}

html.raumriss-os .room-identity-strip__zone-context {
  margin-top: 0.28rem;
  padding-inline: 0.05rem;
  line-height: 1.4;
}

html.raumriss-os .workspace-section__header {
  padding-inline: 0.12rem;
  gap: 0.35rem;
}

html.raumriss-os .workspace-section__title {
  line-height: 1.22;
  letter-spacing: -0.018em;
}

html.raumriss-os .workspace-section__subtitle {
  line-height: 1.42;
  padding-top: 0.12rem;
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 92%, var(--work-ink, #1c1914));
}

html.raumriss-os .room-chamber--workbench,
html.raumriss-os .room-composition__stage.rr-room-surface {
  padding: clamp(1.15rem, 2.2vw, 1.75rem) clamp(1.25rem, 2.1vw, 1.85rem) !important;
}

html.raumriss-os .room-chamber--workbench .type-meta,
html.raumriss-os .room-chamber--workbench .os-label,
html.raumriss-os .zone-material-surface__hint,
html.raumriss-os .zone-material-surface__bundle-label {
  font-size: 0.6875rem;
  line-height: 1.42;
  letter-spacing: 0.035em;
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 94%, transparent);
}

html.raumriss-os .room-chamber--workbench p,
html.raumriss-os .room-chamber--workbench .rr-body,
html.raumriss-os .zone-material-surface__tile-copy {
  line-height: 1.48;
}

html.raumriss-os .operational-field--embedded .operational-field__strip {
  padding: 0.55rem 0.72rem;
  gap: 0.45rem;
  border: 1px solid color-mix(in srgb, var(--work-muted-border, rgba(28, 25, 20, 0.11)) 88%, transparent);
  background: color-mix(in srgb, var(--work-paper, #f3ecdf) 42%, transparent);
  box-shadow: none;
}

html.raumriss-os .operational-field--embedded .operational-field__line {
  font-size: 0.6875rem;
  line-height: 1.42;
  letter-spacing: 0.02em;
  padding-inline: 0.08rem;
}

html.raumriss-os .operational-field--embedded .operational-field__source {
  padding: 0.22rem 0.42rem;
}

html.raumriss-os input:not([type="checkbox"]):not([type="radio"]):not(.riss-core-input)::-moz-placeholder, html.raumriss-os textarea::-moz-placeholder {
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 72%, transparent);
  letter-spacing: 0.01em;
}

html.raumriss-os input:not([type="checkbox"]):not([type="radio"]):not(.riss-core-input)::placeholder,
html.raumriss-os textarea::placeholder {
  color: color-mix(in srgb, var(--work-ink-soft, #5c5549) 72%, transparent);
  letter-spacing: 0.01em;
}

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence__primary {
  font-size: 0.6875rem;
  line-height: 1.35;
  letter-spacing: 0.015em;
}

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence__detail {
  font-size: 0.625rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  padding: 0.12rem 0.42rem;
}

html.raumriss-os .runtime-integrity-presence__kicker {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.625rem;
  line-height: 1.3;
}

/* ── 6 · Runtime dock · confirm layer token ─────────────────────────────── */

html.raumriss-os #raumriss-runtime-dock,
html.raumriss-os .raumriss-runtime-dock,
html.raumriss-os .bottom-console,
html.raumriss-os .riss-core-shell.bottom-console {
  z-index: var(--layer-runtime-dock);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-home-prestige-pass.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Home Screen Prestige Pass I
 * Header weight · Hero composition · light signal band · Ablage polish
 * Loaded last via globals.css — home layout/typography only
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --home-prestige-header-clearance: clamp(2.35rem, 5.2vw, 2.85rem);
  --home-prestige-ink: #1c1914;
  --home-prestige-ink-soft: #5c5549;
  --home-prestige-ink-faint: #8a8276;
  --home-prestige-paper: #f3ecdf;
  --home-prestige-cream: #e8dfd0;
  --home-prestige-line: rgba(28, 25, 20, 0.1);
  --home-prestige-inset: rgba(28, 25, 20, 0.05);
}

/* ── 1 · Session header on Home · thin system band, quiet controls ─────── */

html.raumriss-os .runtime-presence-layer.runtime-session-header.runtime-presence-layer--home {
  --runtime-session-header-clearance: var(--home-prestige-header-clearance);
}

html.raumriss-os .runtime-presence-layer--home .runtime-session-header__inner {
  min-height: var(--home-prestige-header-clearance);
  padding-block:
    max(0.28rem, calc(env(safe-area-inset-top, 0px) + 0.22rem))
    0.32rem;
  gap: 0.32rem 0.5rem;
}

html.raumriss-os .runtime-presence-layer--home .runtime-session-header__leading {
  flex: 0 1 auto !important;
  justify-content: flex-start !important;
  min-width: 0;
}

@media (min-width: 720px) {
  html.raumriss-os .runtime-presence-layer--home .runtime-session-header__leading {
    justify-content: flex-start;
  }
}

html.raumriss-os .runtime-presence-layer--home .runtime-session-header__leading .runtime-integrity-presence {
  padding: 0.2rem 0.48rem 0.22rem 0.42rem;
  border-radius: 999px;
  border: 1px solid var(--home-prestige-line) !important;
  background: color-mix(in srgb, var(--home-prestige-paper) 72%, #fff 28%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 252, 245, 0.55);
}

html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence__kicker {
  display: none;
}

html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence__primary {
  font-size: 0.625rem !important;
  font-weight: 480 !important;
  letter-spacing: 0.04em;
  text-transform: none;
  color: color-mix(in srgb, var(--home-prestige-ink-soft) 94%, var(--home-prestige-ink)) !important;
}

html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence__detail {
  font-size: 0.5625rem !important;
  letter-spacing: 0.08em;
  padding: 0.06rem 0.32rem;
}

html.raumriss-os .runtime-presence-layer--home .runtime-session-header__actions {
  gap: 0.28rem 0.38rem;
}

html.raumriss-os .runtime-presence-layer--home .system-presence-end {
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0.22rem 0.42rem !important;
  border-radius: 6px !important;
  border: 1px solid var(--home-prestige-line) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .runtime-presence-layer--home .system-presence-end__kicker {
  font-size: 0.5rem !important;
  letter-spacing: 0.1em;
  opacity: 0.72;
}

html.raumriss-os .runtime-presence-layer--home .system-presence-end__action {
  font-size: 0.5rem !important;
  font-weight: 520 !important;
  letter-spacing: 0.08em;
  color: color-mix(in srgb, var(--home-prestige-ink-soft) 92%, var(--home-prestige-ink)) !important;
}

html.raumriss-os .runtime-presence-layer--home .runtime-session-header__logout {
  padding: 0.2rem 0.38rem !important;
  font-size: 0.5rem !important;
  letter-spacing: 0.1em;
  border-radius: 6px !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: color-mix(in srgb, var(--home-prestige-ink-faint) 96%, var(--home-prestige-ink-soft)) !important;
}

html.raumriss-os .runtime-presence-layer--home .runtime-session-header__logout:hover:not(:disabled) {
  border-color: var(--home-prestige-line) !important;
  background: color-mix(in srgb, var(--home-prestige-paper) 55%, transparent) !important;
  color: var(--home-prestige-ink-soft) !important;
}

html.raumriss-os .home-runtime-shell.home-runtime-shell--living-house {
  padding-top: calc(
    var(--home-prestige-header-clearance) + env(safe-area-inset-top, 0px) + 0.45rem
  ) !important;
}

@media (max-width: 640px) {
  html.raumriss-os .runtime-presence-layer--home .runtime-session-header__leading {
    flex: 1 1 100%;
    order: 1;
    justify-content: flex-start;
  }

  html.raumriss-os .runtime-presence-layer--home .runtime-session-header__actions {
    flex: 0 1 auto;
    order: 2;
    margin-left: auto;
    width: auto;
  }

  html.raumriss-os .runtime-presence-layer--home .system-presence-end,
  html.raumriss-os .runtime-presence-layer--home .runtime-session-header__logout {
    flex: 0 0 auto !important;
    max-width: none !important;
  }
}

/* ── 2 · Hero · editorial entrance, clock as right instrument ─────────── */

html.raumriss-os .home-runtime-shell .environment-stage {
  padding-inline: clamp(0.15rem, 0.4vw, 0.35rem);
  padding-bottom: clamp(0.35rem, 0.9vw, 0.65rem);
}

html.raumriss-os .home-runtime-shell .environment-entrance {
  align-items: end;
  gap: clamp(1.1rem, 2.6vw, 2.35rem);
}

html.raumriss-os .home-runtime-shell .home-system-mark {
  margin-bottom: 0.62rem;
  padding-left: 0.72rem;
  font-size: 0.58rem;
  font-weight: 560;
  letter-spacing: 0.22em;
  color: color-mix(in srgb, var(--home-prestige-ink-faint) 88%, var(--home-prestige-ink-soft));
}

html.raumriss-os .home-runtime-shell .environment-hero .os-kicker {
  margin: 0;
  padding-left: 0.72rem;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1.45;
  color: var(--home-prestige-ink-soft);
}

html.raumriss-os .home-runtime-shell .environment-hero .rr-page-title {
  margin: 0;
  padding-left: 0.04rem;
  font-size: clamp(1.85rem, 4.2vw, 2.65rem);
  font-weight: 480;
  line-height: 1.12;
  letter-spacing: -0.028em;
  color: var(--home-prestige-ink);
}

html.raumriss-os .home-runtime-shell .environment-hero .type-body {
  max-width: 34ch;
  margin: 0;
  padding-left: 0.72rem;
  font-size: 0.9375rem;
  line-height: 1.62;
  letter-spacing: -0.012em;
  color: color-mix(in srgb, var(--home-prestige-ink-soft) 92%, var(--home-prestige-ink));
}

html.raumriss-os .home-runtime-shell .environment-entrance__system {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.55rem;
  min-width: min(100%, 11.5rem);
}

html.raumriss-os .home-runtime-shell .presence-clock--hero {
  padding: 0.1rem 0 0;
}

html.raumriss-os .home-runtime-shell .presence-clock--hero .presence-clock-time {
  font-size: clamp(2.35rem, 5.2vw, 3.55rem);
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 0.92;
  color: var(--home-prestige-ink);
}

html.raumriss-os .home-runtime-shell .presence-clock--hero .presence-clock-meta {
  margin-top: 0.42rem;
  font-size: 0.6875rem;
  letter-spacing: 0.05em;
  color: var(--home-prestige-ink-soft);
}

html.raumriss-os .home-runtime-shell .home-runtime-anchor .operational-field__trust {
  display: none;
}

html.raumriss-os .home-runtime-shell .home-entrance-presence {
  max-width: min(100%, 46rem);
  margin-top: clamp(0.5rem, 1.2vw, 0.85rem);
  padding-left: 0.72rem;
}

html.raumriss-os .home-runtime-shell .home-operating-line {
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 1.58;
  letter-spacing: -0.01em;
  color: color-mix(in srgb, var(--home-prestige-ink-soft) 90%, var(--home-prestige-ink));
}

html.raumriss-os .home-runtime-shell .home-operating-pulse {
  width: 0.38rem;
  height: 0.38rem;
  margin-top: 0.48rem;
  opacity: 0.65;
}

@media (max-width: 639px) {
  html.raumriss-os .home-runtime-shell .environment-entrance {
    grid-template-columns: minmax(0, 1fr);
  }

  html.raumriss-os .home-runtime-shell .environment-entrance__system {
    align-items: flex-start;
    width: 100%;
    padding-left: 0.72rem;
  }

  html.raumriss-os .home-runtime-shell .presence-clock--hero {
    align-items: flex-start;
    text-align: left;
  }

  html.raumriss-os .home-runtime-shell .presence-clock--hero .presence-clock-time {
    font-size: clamp(1.65rem, 8vw, 2.15rem);
  }
}

/* ── 3 · Left signal band · light archive, not black foreign body ─────── */

html.raumriss-os .home-runtime-shell .home-main-stage {
  padding: clamp(1.25rem, 2.2vw, 1.75rem) clamp(1.1rem, 2vw, 1.5rem) !important;
  background: linear-gradient(
    188deg,
    color-mix(in srgb, var(--home-prestige-paper) 96%, #fff 4%) 0%,
    color-mix(in srgb, var(--home-prestige-cream) 72%, var(--home-prestige-paper) 28%) 100%
  ) !important;
  border: 1px solid var(--home-prestige-line) !important;
  box-shadow:
    0 12px 32px rgba(28, 25, 20, 0.07),
    inset 0 1px 0 rgba(255, 252, 245, 0.72) !important;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer .home-stage-kicker {
  margin: 0 0 0.28rem;
  padding-left: 0.05rem;
  font-size: 0.5625rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--home-prestige-ink-faint);
  opacity: 1;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer--focus {
  margin-top: 0.15rem;
  padding: clamp(0.95rem, 1.8vw, 1.2rem) clamp(0.85rem, 1.6vw, 1.1rem) !important;
  border-radius: calc(var(--os-radius-inset, 10px) + 1px) !important;
  background: color-mix(in srgb, #fff 38%, var(--home-prestige-paper) 62%) !important;
  border: 1px solid var(--home-prestige-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.8),
    0 8px 22px rgba(28, 25, 20, 0.06) !important;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer--focus::before {
  top: clamp(0.95rem, 1.8vw, 1.2rem);
  left: clamp(0.85rem, 1.6vw, 1.1rem);
  width: 0.34rem;
  height: 0.34rem;
  opacity: 0.75;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--raum-amber, #d97822) 18%, transparent);
}

html.raumriss-os .home-runtime-shell .home-current-focus__line {
  color: var(--home-prestige-ink) !important;
  font-size: clamp(1.05rem, 2.2vw, 1.22rem) !important;
  font-weight: 480 !important;
  line-height: 1.42 !important;
}

html.raumriss-os .home-runtime-shell .home-current-focus__why,
html.raumriss-os .home-runtime-shell .home-current-focus__room {
  color: var(--home-prestige-ink-soft) !important;
  opacity: 1 !important;
}

html.raumriss-os .home-runtime-shell .home-alive-events__link {
  padding: 0.38rem 0.05rem;
  border-bottom-color: var(--home-prestige-inset);
}

html.raumriss-os .home-runtime-shell .home-alive-events__caption {
  font-size: 0.9rem;
  line-height: 1.44;
  color: color-mix(in srgb, var(--home-prestige-ink) 88%, var(--home-prestige-ink-soft));
}

html.raumriss-os .home-runtime-shell .home-re-entry__line {
  color: color-mix(in srgb, var(--home-prestige-ink-soft) 88%, var(--home-prestige-ink));
}

/* ── 4 · Mobile · Ablage first, no horizontal scroll ──────────────────── */

@media (max-width: 1023px) {
  html.raumriss-os .home-runtime-shell .home-composition {
    grid-template-areas:
      "capture"
      "stage"
      "rooms";
    row-gap: clamp(0.65rem, 1.6vw, 0.95rem);
  }

  html.raumriss-os .home-runtime-shell .home-capture-shelf {
    padding-top: 0;
  }

  html.raumriss-os .home-runtime-shell .home-main-stage {
    min-height: 0;
  }
}

html.raumriss-os .home-runtime-shell .home-composition,
html.raumriss-os .home-runtime-shell .home-room-strip,
html.raumriss-os .home-runtime-shell .home-capture-shelf {
  overflow-x: clip;
  max-width: 100%;
}

/* ── 5 · Ablage · primary work surface ─────────────────────────────────── */

html.raumriss-os .home-runtime-shell .home-capture-layer--ablage .ablage-panel,
html.raumriss-os .home-runtime-shell .home-capture-layer--ablage .environment-capture-panel {
  padding: clamp(1.05rem, 2vw, 1.35rem) clamp(1rem, 1.8vw, 1.25rem) !important;
}

html.raumriss-os .home-runtime-shell .ablage-panel .home-capture-header {
  margin-bottom: 0.15rem;
}

html.raumriss-os .home-runtime-shell .ablage-panel .home-stage-kicker {
  font-size: 0.625rem;
  letter-spacing: 0.14em;
}

html.raumriss-os .home-runtime-shell .ablage-panel .home-capture-header .type-meta {
  font-size: 0.625rem;
  letter-spacing: 0.06em;
  color: var(--home-prestige-ink-faint) !important;
  opacity: 1 !important;
}

html.raumriss-os .home-runtime-shell .ablage-explanation {
  max-width: 32ch;
  padding-inline: 0.06rem;
  line-height: 1.58;
}

html.raumriss-os .home-runtime-shell .ablage-panel .ideas-scope {
  margin-top: 0.85rem !important;
  padding: 0.28rem !important;
  gap: 0.28rem;
}

html.raumriss-os .home-runtime-shell .ablage-panel .ideas-filter-pill {
  padding: 0.34rem 0.62rem;
  font-size: 0.625rem;
  letter-spacing: 0.06em;
  border-radius: 7px;
}

html.raumriss-os .home-runtime-shell .ablage-capture {
  margin-top: 0.85rem !important;
}

html.raumriss-os .home-runtime-shell .ablage-draft,
html.raumriss-os .home-runtime-shell .ablage-panel .ideas-draft {
  min-height: 5.25rem;
  padding: 0.72rem 0.82rem !important;
  border-radius: 8px !important;
  border: 1px solid var(--home-prestige-line) !important;
  background: color-mix(in srgb, #fff 42%, var(--home-prestige-paper) 58%) !important;
  font-size: 0.875rem;
  line-height: 1.55;
  box-shadow: inset 0 1px 2px rgba(28, 25, 20, 0.04);
}

html.raumriss-os .home-runtime-shell .ablage-draft:focus,
html.raumriss-os .home-runtime-shell .ablage-panel .ideas-draft:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--raum-amber, #d97822) 28%, var(--home-prestige-line)) !important;
  box-shadow:
    inset 0 1px 2px rgba(28, 25, 20, 0.04),
    0 0 0 2px color-mix(in srgb, var(--raum-amber, #d97822) 14%, transparent);
}

html.raumriss-os .home-runtime-shell .ablage-panel .ideas-list {
  margin-top: 0.85rem;
  border-radius: 8px;
  background: color-mix(in srgb, var(--home-prestige-cream) 42%, var(--home-prestige-paper) 58%) !important;
  border: 1px solid var(--home-prestige-inset);
  box-shadow: inset 0 1px 0 rgba(255, 252, 245, 0.45);
}

html.raumriss-os .home-runtime-shell .ablage-panel .ideas-item {
  padding-inline: 0.55rem;
}

html.raumriss-os .home-runtime-shell .ablage-panel .ideas-item::before {
  left: 0.55rem;
  right: 0.55rem;
  background: var(--home-prestige-inset);
  box-shadow: none;
}

html.raumriss-os .home-runtime-shell .ablage-panel .ideas-item:hover,
html.raumriss-os .home-runtime-shell .ablage-panel .ideas-item:focus-within {
  background: color-mix(in srgb, #fff 35%, var(--home-prestige-paper) 65%);
}

html.raumriss-os .home-runtime-shell .ablage-captured__item {
  padding-inline: 0.12rem;
}

html.raumriss-os .home-runtime-shell .ablage-captured__title {
  letter-spacing: 0.1em;
}

/* ── 6 · Room band · calm strip under stage ────────────────────────────── */

html.raumriss-os .home-runtime-shell .home-room-band-header {
  padding-inline: 0.08rem;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell {
  padding: clamp(0.8rem, 1.5vw, 1rem) clamp(0.9rem, 1.6vw, 1.05rem);
}

html.raumriss-os .home-runtime-shell .home-room-chamber__name {
  letter-spacing: -0.01em;
}

html.raumriss-os .home-runtime-shell .home-room-chamber__signal {
  opacity: 0.72;
}

/* ── 7 · Grid repair · stage dominant, capture narrow, periphery in stage ─ */

@media (min-width: 980px) {
  html.raumriss-os .home-runtime-shell .home-composition {
    grid-template-columns: var(--env-spread-home) !important;
    -moz-column-gap: var(--env-spread-chasm) !important;
         column-gap: var(--env-spread-chasm) !important;
  }

  html.raumriss-os .home-runtime-shell .home-main-stage {
    min-height: clamp(11rem, 22vh, 16rem) !important;
  }

  html.raumriss-os .home-runtime-shell .home-capture-shelf {
    max-width: min(38rem, 100%) !important;
  }

  html.raumriss-os .home-runtime-shell .home-composition .home-periphery-fold {
    grid-area: stage;
    align-self: end;
    margin-top: 0;
    padding-top: 0.45rem;
  }
}

/* ── 8 · Capture panels · warm, not dark AUREL blocks ─────────────────── */

html.raumriss-os .home-runtime-shell .home-capture-panel:not(.ablage-panel),
html.raumriss-os .home-runtime-shell .continuity-shelf,
html.raumriss-os .home-runtime-shell .home-capture-layer--aurel .home-capture-panel {
  background: linear-gradient(
    188deg,
    color-mix(in srgb, var(--home-prestige-paper) 96%, #fff 4%) 0%,
    color-mix(in srgb, var(--home-prestige-cream) 72%, var(--home-prestige-paper) 28%) 100%
  ) !important;
  border: 1px solid var(--home-prestige-line) !important;
  box-shadow:
    0 8px 22px rgba(28, 25, 20, 0.06),
    inset 0 1px 0 rgba(255, 252, 245, 0.72) !important;
  color: var(--home-prestige-ink) !important;
}

html.raumriss-os .home-runtime-shell .home-capture-panel:not(.ablage-panel) .type-section-title,
html.raumriss-os .home-runtime-shell .home-capture-panel:not(.ablage-panel) .home-stage-kicker,
html.raumriss-os .home-runtime-shell .continuity-shelf .type-section-title {
  color: var(--home-prestige-ink) !important;
}

html.raumriss-os .home-runtime-shell .home-capture-panel:not(.ablage-panel) .type-meta,
html.raumriss-os .home-runtime-shell .continuity-shelf .type-meta {
  color: var(--home-prestige-ink-soft) !important;
  opacity: 1 !important;
}

html.raumriss-os .home-runtime-shell .home-capture-layer--aurel .home-capture-list {
  gap: 0.55rem !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
 * 9 · Warm material correction · no black slabs · depth & type rhythm
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --prestige-panel-lift:
    0 14px 36px rgba(28, 25, 20, 0.09),
    0 3px 10px rgba(28, 25, 20, 0.05),
    inset 0 1px 0 rgba(255, 252, 245, 0.78),
    inset 0 -1px 0 rgba(20, 18, 14, 0.05);
  --prestige-recess:
    inset 0 2px 8px rgba(28, 25, 20, 0.06),
    inset 0 1px 0 rgba(255, 252, 245, 0.55);
  --riss-bar-glass: linear-gradient(180deg, rgba(14, 13, 11, 0.94) 0%, rgba(6, 5, 4, 0.97) 100%);
  --riss-bar-shadow:
    0 28px 72px rgba(0, 0, 0, 0.55),
    0 8px 24px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

/* Raumwand · warm studio, nicht schwarz */
html.raumriss-os {
  background-color: var(--background, #f8f7f4) !important;
  background-image: none !important;
}

/* Abmelden · Styling in globals.css final layer */

/* Zone-Navigation · warmes Register, kein schwarzer Schlauch */
html.raumriss-os .room-nav-rail__shell {
  background: linear-gradient(
    188deg,
    color-mix(in srgb, var(--home-prestige-paper) 94%, #fff 6%) 0%,
    color-mix(in srgb, var(--home-prestige-cream) 78%, var(--home-prestige-paper) 22%) 100%
  ) !important;
  border: 1px solid var(--home-prestige-line) !important;
  border-radius: calc(var(--os-radius-inset, 10px) + 2px) !important;
  box-shadow: var(--prestige-panel-lift) !important;
}

html.raumriss-os .room-nav-rail__anchor,
html.raumriss-os .room-nav-rail__zone {
  min-height: 3rem !important;
  padding: 0.62rem 0.95rem !important;
  gap: 0.22rem !important;
  background: transparent !important;
  border: none !important;
  color: var(--home-prestige-ink-soft) !important;
  box-shadow: none !important;
}

html.raumriss-os .room-nav-rail__label,
html.raumriss-os .room-nav-rail__zone-title {
  font-size: 0.75rem !important;
  font-weight: 520 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  line-height: 1.28 !important;
  color: var(--home-prestige-ink) !important;
}

html.raumriss-os .room-nav-rail__meta,
html.raumriss-os .room-nav-rail__zone-hint,
html.raumriss-os .room-nav-rail__context {
  font-size: 0.625rem !important;
  line-height: 1.38 !important;
  letter-spacing: 0.02em !important;
  color: color-mix(in srgb, var(--home-prestige-ink-soft) 92%, var(--home-prestige-ink-faint)) !important;
}

html.raumriss-os .room-nav-rail__anchor--current,
html.raumriss-os .room-nav-rail__zone--active {
  background: color-mix(in srgb, #fff 44%, var(--home-prestige-paper) 56%) !important;
  color: var(--home-prestige-ink) !important;
  border-radius: 8px !important;
  box-shadow:
    inset 2px 0 0 var(--raum-amber, #d97822),
    inset 0 1px 0 rgba(255, 252, 245, 0.72),
    0 2px 8px rgba(28, 25, 20, 0.06) !important;
}

html.raumriss-os .room-nav-rail__anchor:hover:not(.room-nav-rail__anchor--current),
html.raumriss-os .room-nav-rail__zone:hover:not(.room-nav-rail__zone--active) {
  background: color-mix(in srgb, #fff 28%, var(--home-prestige-paper) 72%) !important;
  color: var(--home-prestige-ink) !important;
}

/* Home · Bewegung · warme Zeilen statt schwarzer Balken */
html.raumriss-os .home-alive-events__link {
  padding: 0.48rem 0.55rem !important;
  border-radius: 8px !important;
  border: 1px solid var(--home-prestige-line) !important;
  border-bottom: 1px solid var(--home-prestige-line) !important;
  background: color-mix(in srgb, #fff 36%, var(--home-prestige-paper) 64%) !important;
  box-shadow:
    0 2px 8px rgba(28, 25, 20, 0.04),
    inset 0 1px 0 rgba(255, 252, 245, 0.62) !important;
}

html.raumriss-os .home-alive-events__caption {
  font-size: 0.875rem !important;
  line-height: 1.42 !important;
  letter-spacing: -0.008em !important;
  color: color-mix(in srgb, var(--home-prestige-ink) 88%, var(--home-prestige-ink-soft)) !important;
}

html.raumriss-os .home-alive-events__thumb {
  border-radius: 6px !important;
  box-shadow: inset 0 0 0 1px var(--home-prestige-line) !important;
  background: color-mix(in srgb, var(--home-prestige-cream) 55%, var(--home-prestige-paper)) !important;
}

/* Ablage · Abgelegt · warme Vertiefung statt schwarzer Grube */
html.raumriss-os .ideas-scope,
html.raumriss-os .ideas-list,
html.raumriss-os .ablage-captured__list {
  background: color-mix(in srgb, var(--home-prestige-cream) 38%, var(--home-prestige-paper) 62%) !important;
  border: 1px solid var(--home-prestige-inset) !important;
  border-radius: 8px !important;
  box-shadow: var(--prestige-recess) !important;
}

html.raumriss-os .ideas-item {
  background: transparent !important;
}

html.raumriss-os .ideas-item:hover,
html.raumriss-os .ideas-item:focus-within {
  background: color-mix(in srgb, #fff 34%, var(--home-prestige-paper) 66%) !important;
}

/* Manufactured depth · Panels wieder eingelassen */
html.raumriss-os .home-main-stage,
html.raumriss-os .home-capture-panel,
html.raumriss-os .ablage-panel,
html.raumriss-os .continuity-shelf,
html.raumriss-os .room-chamber,
html.raumriss-os .room-composition__stage,
html.raumriss-os .room-identity-strip__signal {
  box-shadow: var(--prestige-panel-lift) !important;
}

html.raumriss-os .home-living-house__layer--focus {
  background: color-mix(in srgb, #fff 38%, var(--home-prestige-paper) 62%) !important;
  border: 1px solid var(--home-prestige-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.78),
    0 6px 18px rgba(28, 25, 20, 0.05) !important;
}

html.raumriss-os .home-current-focus__line {
  color: var(--home-prestige-ink) !important;
}

html.raumriss-os .home-current-focus__why,
html.raumriss-os .home-current-focus__room {
  color: var(--home-prestige-ink-soft) !important;
  opacity: 1 !important;
}

/* DER RISS · einzige dunkle Hardware — mit Tiefe */
html.raumriss-os [aria-label="Riss Core"] .riss-core-module {
  background: var(--riss-bar-glass) !important;
  box-shadow: var(--riss-bar-shadow) !important;
  border: 1px solid rgba(232, 222, 198, 0.07) !important;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-design-quality-fix-i.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Design Quality Fix I
 * Home prestige · header quiet · hero stage · warm work surfaces
 * Loaded last via globals.css — visual/layout only
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --dq-paper: #f3ecdf;
  --dq-cream: #e8dfd0;
  --dq-shell: #ebe4d6;
  --dq-ink: #1c1914;
  --dq-ink-soft: #5c5549;
  --dq-ink-faint: #8a8276;
  --dq-line: rgba(28, 25, 20, 0.1);
  --dq-inset: rgba(28, 25, 20, 0.06);
  --dq-stage-lift:
    0 16px 40px rgba(28, 25, 20, 0.08),
    0 4px 12px rgba(28, 25, 20, 0.04),
    inset 0 1px 0 rgba(255, 252, 245, 0.78);
  --dq-recess:
    inset 0 2px 8px rgba(28, 25, 20, 0.06),
    inset 0 1px 0 rgba(255, 252, 245, 0.52);
}

/* ── 1 · Home session header · system band, not admin chrome ─────────────── */

html.raumriss-os .runtime-presence-layer.runtime-session-header.runtime-presence-layer--home {
  --runtime-session-header-clearance: clamp(2rem, 4.2vw, 2.45rem);
}

html.raumriss-os .runtime-presence-layer--home .runtime-session-header__inner {
  min-height: var(--runtime-session-header-clearance);
  padding-block:
    max(0.22rem, calc(env(safe-area-inset-top, 0px) + 0.18rem))
    0.28rem;
  gap: 0.25rem 0.42rem;
}

html.raumriss-os .runtime-presence-layer--home .runtime-session-header__leading {
  flex: 0 1 auto !important;
  min-width: 0;
}

html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence {
  max-width: min(100%, 22rem);
  padding: 0.14rem 0.38rem 0.16rem 0.32rem !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence__kicker,
html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence__detail {
  display: none !important;
}

html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence__line {
  gap: 0.32rem;
}

html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence__wick {
  width: 0.28rem;
  height: 0.28rem;
  opacity: 0.55;
}

html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence__primary {
  font-size: 0.5625rem !important;
  font-weight: 460 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: color-mix(in srgb, var(--dq-ink-faint) 92%, var(--dq-ink-soft)) !important;
}

html.raumriss-os .runtime-presence-layer--home .runtime-session-header__actions {
  gap: 0.35rem 0.55rem;
  flex-shrink: 0;
}

html.raumriss-os .runtime-presence-layer--home .system-presence-end {
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0.12rem 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .runtime-presence-layer--home .system-presence-end__action {
  font-size: 0.5rem !important;
  font-weight: 480 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--dq-ink-faint) 94%, var(--dq-ink-soft)) !important;
}

html.raumriss-os .runtime-presence-layer--home .system-presence-end:hover:not(:disabled) {
  color: var(--dq-ink-soft) !important;
}

html.raumriss-os .runtime-presence-layer--home .system-presence-end:hover:not(:disabled) .system-presence-end__action {
  color: var(--dq-ink-soft) !important;
}

html.raumriss-os .home-runtime-shell.home-runtime-shell--living-house {
  padding-top: calc(
    var(--runtime-session-header-clearance) + env(safe-area-inset-top, 0px) + clamp(0.75rem, 1.8vw, 1.15rem)
  ) !important;
}

/* Abmelden · Styling in globals.css final layer */

html.raumriss-os .home-runtime-shell .operating-environment {
  display: flex;
  flex-direction: column;
  gap: clamp(1.35rem, 2.8vw, 2.15rem);
}

html.raumriss-os .home-runtime-shell .environment-stage {
  padding:
    clamp(0.35rem, 0.9vw, 0.65rem)
    clamp(0.15rem, 0.5vw, 0.35rem)
    clamp(0.55rem, 1.2vw, 0.85rem);
}

html.raumriss-os .home-runtime-shell .environment-entrance {
  align-items: end;
  gap: clamp(1.25rem, 3vw, 2.75rem);
}

html.raumriss-os .home-runtime-shell .environment-entrance__presence {
  min-width: 0;
  flex: 1 1 auto;
}

html.raumriss-os .home-runtime-shell .home-system-mark {
  margin: 0 0 0.72rem;
  padding-left: 0.05rem;
  font-size: 0.5625rem;
  font-weight: 560;
  letter-spacing: 0.24em;
  color: color-mix(in srgb, var(--dq-ink-faint) 86%, var(--dq-ink-soft));
}

html.raumriss-os .home-runtime-shell .environment-hero .os-kicker {
  margin: 0;
  padding-left: 0.05rem;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: var(--dq-ink-soft);
  overflow-wrap: break-word;
  word-break: normal;
}

html.raumriss-os .home-runtime-shell .environment-hero .rr-page-title {
  margin: 0;
  padding-left: 0;
  font-size: clamp(2rem, 4.6vw, 2.85rem);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.032em;
  color: var(--dq-ink);
}

html.raumriss-os .home-runtime-shell .environment-hero .type-body {
  max-width: 36ch;
  margin: 0;
  padding-left: 0.05rem;
  font-size: 0.9375rem;
  font-weight: 450;
  line-height: 1.65;
  letter-spacing: -0.011em;
  color: color-mix(in srgb, var(--dq-ink-soft) 94%, var(--dq-ink));
}

html.raumriss-os .home-runtime-shell .environment-entrance__system {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.62rem;
  flex: 0 0 auto;
  min-width: min(100%, 10.5rem);
  padding-top: 0.15rem;
}

html.raumriss-os .home-runtime-shell .presence-clock--hero {
  padding: 0;
}

html.raumriss-os .home-runtime-shell .presence-clock--hero .presence-clock-time {
  font-size: clamp(1.85rem, 3.8vw, 2.65rem);
  font-weight: 500;
  letter-spacing: -0.028em;
  line-height: 0.95;
  color: color-mix(in srgb, var(--dq-ink) 92%, var(--dq-ink-soft));
}

html.raumriss-os .home-runtime-shell .presence-clock--hero .presence-clock-meta {
  margin-top: 0.35rem;
  font-size: 0.6875rem;
  font-weight: 450;
  letter-spacing: 0.04em;
  color: var(--dq-ink-soft);
}

html.raumriss-os .home-runtime-shell .home-runtime-anchor {
  width: 100%;
  max-width: min(100%, 14rem);
}

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__strip {
  padding: 0;
  gap: 0.24rem 0.34rem;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__sources {
  gap: 0.2rem 0.36rem;
}

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__source {
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: none;
}

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__line {
  font-size: 0.625rem;
  font-weight: 480;
  letter-spacing: 0.02em;
  color: color-mix(in srgb, var(--dq-ink-soft) 92%, var(--dq-ink));
}

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__led {
  width: 0.3rem;
  height: 0.3rem;
  opacity: 0.38;
}

html.raumriss-os .home-runtime-shell .operational-field--embedded
  .operational-field__source[data-system-phase="connected"]
  .operational-field__led,
html.raumriss-os .home-runtime-shell .operational-field--embedded
  .operational-field__source[data-system-phase="alive"]
  .operational-field__led,
html.raumriss-os .home-runtime-shell .operational-field--embedded
  .operational-field__source[data-system-phase="carrying"]
  .operational-field__led,
html.raumriss-os .home-runtime-shell .operational-field--embedded
  .operational-field__source[data-system-phase="stable"]
  .operational-field__led,
html.raumriss-os .home-runtime-shell .operational-field--embedded
  .operational-field__source[data-system-phase="watching"]
  .operational-field__led {
  opacity: 1;
  background: color-mix(in srgb, #6f9a6a 58%, var(--dq-paper)) !important;
  box-shadow: 0 0 5px color-mix(in srgb, #6f9a6a 24%, transparent) !important;
}

html.raumriss-os .home-runtime-shell .operational-field--embedded
  .operational-field__source--breathing
  .operational-field__led {
  animation: operational-field-led-breathe 5.4s ease-in-out infinite;
}

html.raumriss-os .home-runtime-shell .home-entrance-presence {
  max-width: min(100%, 42rem);
  margin-top: clamp(0.65rem, 1.4vw, 0.95rem);
  padding:
    clamp(0.55rem, 1.1vw, 0.72rem)
    clamp(0.65rem, 1.2vw, 0.85rem);
  border-radius: 8px;
  border: 1px solid var(--dq-inset);
  background: color-mix(in srgb, var(--dq-paper) 48%, transparent);
}

html.raumriss-os .home-runtime-shell .home-operating-line {
  font-size: 0.8125rem;
  font-weight: 450;
  line-height: 1.58;
  letter-spacing: -0.008em;
  color: color-mix(in srgb, var(--dq-ink-soft) 92%, var(--dq-ink));
}

html.raumriss-os .home-runtime-shell .home-operating-pulse {
  width: 0.32rem;
  height: 0.32rem;
  margin-top: 0.42rem;
  opacity: 0.5;
}

@media (max-width: 639px) {
  html.raumriss-os .home-runtime-shell .environment-entrance {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: clamp(1rem, 2.4vw, 1.35rem) !important;
  }

  html.raumriss-os .home-runtime-shell .environment-entrance__presence,
  html.raumriss-os .home-runtime-shell .environment-hero,
  html.raumriss-os .home-runtime-shell .environment-hero > div {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html.raumriss-os .home-runtime-shell .environment-entrance__system {
    align-items: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    padding-left: 0.05rem !important;
    padding-top: 0 !important;
  }

  html.raumriss-os .home-runtime-shell .presence-clock--hero {
    align-items: flex-start !important;
    text-align: left !important;
  }

  html.raumriss-os .home-runtime-shell .presence-clock--hero .presence-clock-time {
    font-size: clamp(1.55rem, 7.5vw, 1.95rem);
  }

  html.raumriss-os .home-runtime-shell .home-runtime-anchor {
    max-width: 100%;
  }

  html.raumriss-os .home-runtime-shell .home-entrance-presence {
    margin-top: clamp(0.55rem, 1.2vw, 0.75rem);
  }

  html.raumriss-os .home-runtime-shell .environment-hero .type-body {
    max-width: none;
  }
}

/* ── 3 · Main stage · eine warme Bühne, keine dunkle Fremdinsel ─────────── */

html.raumriss-os .home-runtime-shell .home-main-stage {
  padding: clamp(1.35rem, 2.4vw, 1.85rem) clamp(1.15rem, 2.1vw, 1.55rem) !important;
  border-radius: calc(var(--os-radius-inset, 10px) + 3px) !important;
  background: linear-gradient(
    188deg,
    color-mix(in srgb, var(--dq-paper) 97%, #fff 3%) 0%,
    color-mix(in srgb, var(--dq-cream) 68%, var(--dq-paper) 32%) 100%
  ) !important;
  border: 1px solid var(--dq-line) !important;
  box-shadow: var(--dq-stage-lift) !important;
}

html.raumriss-os .home-runtime-shell .home-living-house {
  gap: clamp(1rem, 1.8vw, 1.35rem) !important;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer {
  gap: 0.48rem !important;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer .home-stage-kicker {
  margin: 0 0 0.22rem;
  padding-left: 0.04rem;
  font-size: 0.5625rem;
  font-weight: 500;
  letter-spacing: 0.11em;
  color: var(--dq-ink-faint);
  opacity: 1;
}

/* Bewegung · leise wenn ruhig */
html.raumriss-os .home-runtime-shell .home-living-house__layer--events:has(.home-alive-events__quiet) {
  padding-bottom: 0 !important;
  margin-bottom: -0.15rem;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer--events:has(.home-alive-events__quiet) .home-stage-kicker {
  display: none;
}

html.raumriss-os .home-runtime-shell .home-alive-events__quiet {
  margin: 0;
  padding: 0.12rem 0.05rem 0;
  font-size: 0.8125rem;
  font-weight: 450;
  line-height: 1.55;
  letter-spacing: -0.006em;
  color: color-mix(in srgb, var(--dq-ink-soft) 88%, var(--dq-ink-faint));
  opacity: 1 !important;
}

html.raumriss-os .home-runtime-shell .home-alive-events__link {
  padding: 0.52rem 0.62rem !important;
  border-radius: 8px !important;
  border: 1px solid var(--dq-line) !important;
  background: color-mix(in srgb, #fff 34%, var(--dq-paper) 66%) !important;
  box-shadow:
    0 2px 8px rgba(28, 25, 20, 0.04),
    inset 0 1px 0 rgba(255, 252, 245, 0.62) !important;
}

html.raumriss-os .home-runtime-shell .home-alive-events__caption {
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 1.48;
  color: color-mix(in srgb, var(--dq-ink) 90%, var(--dq-ink-soft));
}

html.raumriss-os .home-runtime-shell .home-living-house__layer--focus {
  margin-top: 0.25rem;
  padding: clamp(1rem, 1.85vw, 1.25rem) clamp(0.95rem, 1.7vw, 1.15rem) !important;
  border-radius: calc(var(--os-radius-inset, 10px) + 1px) !important;
  background: color-mix(in srgb, #fff 42%, var(--dq-paper) 58%) !important;
  border: 1px solid var(--dq-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.82),
    0 6px 18px rgba(28, 25, 20, 0.05) !important;
}

html.raumriss-os .home-runtime-shell .home-current-focus__line {
  font-size: clamp(1.08rem, 2.15vw, 1.24rem) !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.014em !important;
  color: var(--dq-ink) !important;
}

html.raumriss-os .home-runtime-shell .home-current-focus__why,
html.raumriss-os .home-runtime-shell .home-current-focus__room {
  margin-top: 0.42rem;
  font-size: 0.8125rem;
  line-height: 1.58;
  color: var(--dq-ink-soft) !important;
  opacity: 1 !important;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer--reentry {
  padding-top: 0.15rem;
}

html.raumriss-os .home-runtime-shell .home-re-entry__line {
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 1.52;
  color: color-mix(in srgb, var(--dq-ink-soft) 90%, var(--dq-ink));
}

/* ── 4 · Grid · Bühne dominant, Ablage Nebenrolle ──────────────────────── */

html.raumriss-os .home-runtime-shell .home-composition {
  gap: clamp(1.15rem, 2.2vw, 1.65rem);
}

@media (min-width: 980px) {
  html.raumriss-os .home-runtime-shell .home-composition {
    grid-template-columns: minmax(0, 1.08fr) minmax(26rem, 0.92fr) !important;
    -moz-column-gap: clamp(1.35rem, 2.6vw, 2.15rem) !important;
         column-gap: clamp(1.35rem, 2.6vw, 2.15rem) !important;
    align-items: start !important;
  }

  html.raumriss-os .home-runtime-shell .home-main-stage {
    min-height: clamp(11rem, 22vh, 16rem) !important;
  }

  html.raumriss-os .home-runtime-shell .home-capture-shelf {
    max-width: min(38rem, 100%) !important;
    padding-top: 0.15rem !important;
  }
}

@media (max-width: 1023px) {
  html.raumriss-os .home-runtime-shell .home-composition {
    grid-template-areas:
      "capture"
      "stage"
      "rooms";
    row-gap: clamp(0.85rem, 2vw, 1.15rem);
  }

  html.raumriss-os .home-runtime-shell .home-capture-shelf {
    padding-top: 0;
  }
}

/* ── 5 · Ablage · Hauptwerkfläche rechts, warm eingelassen ─────────────── */

html.raumriss-os .home-runtime-shell .home-capture-layer--ablage .ablage-panel,
html.raumriss-os .home-runtime-shell .home-capture-layer--ablage .environment-capture-panel {
  padding: clamp(1.1rem, 2vw, 1.4rem) clamp(1.05rem, 1.85vw, 1.3rem) !important;
}

html.raumriss-os .home-runtime-shell .ablage-panel .home-capture-header {
  margin-bottom: 0.35rem;
  gap: 0.75rem;
}

html.raumriss-os .home-runtime-shell .ablage-panel .home-stage-kicker {
  font-size: 0.625rem;
  letter-spacing: 0.13em;
}

html.raumriss-os .home-runtime-shell .ablage-explanation {
  max-width: 34ch;
  margin-top: 0.15rem;
  padding-inline: 0.04rem;
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 1.6;
  color: color-mix(in srgb, var(--dq-ink-soft) 92%, var(--dq-ink));
}

html.raumriss-os .home-runtime-shell .ablage-panel .ideas-scope {
  margin-top: 0.95rem !important;
  padding: 0.32rem !important;
}

html.raumriss-os .home-runtime-shell .ablage-capture {
  margin-top: 0.95rem !important;
}

html.raumriss-os .home-runtime-shell .ablage-draft,
html.raumriss-os .home-runtime-shell .ablage-panel .ideas-draft {
  min-height: 5.5rem;
  padding: 0.78rem 0.88rem !important;
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 1.58;
  color: var(--dq-ink);
  background: color-mix(in srgb, var(--dq-cream) 38%, var(--dq-paper) 62%) !important;
  border: 1px solid var(--dq-line) !important;
  box-shadow: var(--dq-recess) !important;
}

html.raumriss-os .home-runtime-shell .ablage-draft::-moz-placeholder, html.raumriss-os .home-runtime-shell .ablage-panel .ideas-draft::-moz-placeholder {
  color: color-mix(in srgb, var(--dq-ink-faint) 88%, var(--dq-ink-soft)) !important;
}

html.raumriss-os .home-runtime-shell .ablage-draft::placeholder,
html.raumriss-os .home-runtime-shell .ablage-panel .ideas-draft::placeholder {
  color: color-mix(in srgb, var(--dq-ink-faint) 88%, var(--dq-ink-soft)) !important;
}

/* ── 6 · Raumband · ruhige zweite Reihe ────────────────────────────────── */

html.raumriss-os .home-runtime-shell .home-room-band-panel {
  padding:
    clamp(0.85rem, 1.6vw, 1.15rem)
    clamp(0.15rem, 0.4vw, 0.25rem)
    clamp(0.65rem, 1.2vw, 0.9rem) !important;
  border-top: 1px solid var(--dq-inset);
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell {
  padding: clamp(0.85rem, 1.55vw, 1.05rem) clamp(0.95rem, 1.65vw, 1.1rem);
}

html.raumriss-os .home-runtime-shell .home-room-chamber__name {
  font-weight: 520;
  letter-spacing: -0.012em;
}

html.raumriss-os .home-runtime-shell .home-room-chamber__signal {
  font-size: 0.625rem;
  opacity: 0.68;
}

/* Periphery fold · tiefer, nicht auf der Bühne */
html.raumriss-os .home-runtime-shell .home-periphery-fold {
  margin-top: 0.35rem;
  opacity: 0.82;
}

html.raumriss-os .home-runtime-shell .home-periphery-fold__summary {
  padding: 0.28rem 0.05rem;
  font-size: 0.5625rem;
  letter-spacing: 0.1em;
  color: var(--dq-ink-faint);
}

/* ── 7 · Work surfaces · warm, nicht default-weiß (Home + leichte Regression) */

html.raumriss-os .home-runtime-shell .home-capture-panel,
html.raumriss-os .home-runtime-shell .ablage-panel,
html.raumriss-os .home-runtime-shell .continuity-shelf {
  background: linear-gradient(
    188deg,
    color-mix(in srgb, var(--dq-paper) 96%, #fff 4%) 0%,
    color-mix(in srgb, var(--dq-cream) 72%, var(--dq-paper) 28%) 100%
  ) !important;
  border: 1px solid var(--dq-line) !important;
  color: var(--dq-ink) !important;
}

html.raumriss-os .ideas-scope,
html.raumriss-os .ideas-list,
html.raumriss-os .ablage-captured__list {
  background: color-mix(in srgb, var(--dq-cream) 42%, var(--dq-paper) 58%) !important;
  border: 1px solid var(--dq-inset) !important;
  box-shadow: var(--dq-recess) !important;
}

html.raumriss-os .ideas-item {
  padding-block: 0.42rem;
}

html.raumriss-os .ideas-item:hover,
html.raumriss-os .ideas-item:focus-within {
  background: color-mix(in srgb, #fff 32%, var(--dq-paper) 68%) !important;
}

html.raumriss-os .home-runtime-shell .ablage-panel .ideas-empty {
  margin-top: 0.65rem;
  padding: 0.55rem 0.08rem;
}

html.raumriss-os .home-runtime-shell .ablage-panel .ideas-empty p {
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 1.58;
  color: color-mix(in srgb, var(--dq-ink-soft) 92%, var(--dq-ink)) !important;
}

/* Project pages · warm nav rail, kein schwarzer Schlauch */
html.raumriss-os .room-nav-rail__shell {
  background: linear-gradient(
    188deg,
    color-mix(in srgb, var(--dq-paper) 94%, #fff 6%) 0%,
    color-mix(in srgb, var(--dq-cream) 78%, var(--dq-paper) 22%) 100%
  ) !important;
  border: 1px solid var(--dq-line) !important;
}

html.raumriss-os .room-nav-rail__anchor,
html.raumriss-os .room-nav-rail__zone {
  color: var(--dq-ink-soft) !important;
}

html.raumriss-os .room-nav-rail__label,
html.raumriss-os .room-nav-rail__zone-title {
  color: var(--dq-ink) !important;
}

/* DER RISS · bewusste Hardware mit Tiefe */
html.raumriss-os [aria-label="Riss Core"] .riss-core-module {
  border: 1px solid rgba(232, 222, 198, 0.08) !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-home-hover-layer-fix-pass.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Home Hover Layer Fix Pass
 * Raumkarten · Stage · Fokus — keine hängenden Underlays, kein Container-Hover
 * Loaded last via globals.css — home visual/hover only
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1 · Shell · ruhiger Werkboden, keine diagonalen Radial-Wedges ─────── */

html.raumriss-os .home-runtime-shell {
  background: linear-gradient(
    182deg,
    var(--work-shell-wash, #f5f0e6) 0%,
    var(--work-shell-veil, #f0ebe2) 38%,
    var(--work-shell-floor, #e9e2d4) 100%
  ) !important;
}

/* ── 2 · Nicht-klickbare Container · kein Hover-Lift, kein Ridge-Overlay ─ */

html.raumriss-os .home-runtime-shell .home-main-stage,
html.raumriss-os .home-runtime-shell .home-main-stage:hover,
html.raumriss-os .home-runtime-shell .home-composition .home-main-stage:hover,
html.raumriss-os .home-runtime-shell .home-composition .home-capture-panel:hover,
html.raumriss-os .home-runtime-shell .home-composition .ablage-panel:hover,
html.raumriss-os .home-runtime-shell .home-composition .continuity-shelf:hover,
html.raumriss-os .home-runtime-shell .home-composition .environment-capture-panel:hover {
  transform: none !important;
}

html.raumriss-os .home-runtime-shell .home-main-stage::before,
html.raumriss-os .home-runtime-shell .home-main-stage:hover::before,
html.raumriss-os .home-runtime-shell .home-composition .home-capture-panel::before,
html.raumriss-os .home-runtime-shell .home-composition .home-capture-panel:hover::before,
html.raumriss-os .home-runtime-shell .home-composition .ablage-panel::before,
html.raumriss-os .home-runtime-shell .home-composition .ablage-panel:hover::before,
html.raumriss-os .home-runtime-shell .home-composition .continuity-shelf::before,
html.raumriss-os .home-runtime-shell .home-composition .continuity-shelf:hover::before {
  display: none !important;
  content: none !important;
}

html.raumriss-os .home-runtime-shell .home-main-stage:hover,
html.raumriss-os .home-runtime-shell .home-composition .home-capture-panel:hover,
html.raumriss-os .home-runtime-shell .home-composition .continuity-shelf:hover {
  box-shadow: var(--prestige-panel-lift, var(--shadow-home-module, var(--shadow-panel))) !important;
  border-color: var(--home-prestige-line, rgba(28, 25, 20, 0.1)) !important;
}

/* ── 3 · Fokus-Layer · Marker im Panel, nicht darüber hinaus ───────────── */

html.raumriss-os .home-runtime-shell .home-living-house__layer--focus {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer--focus::before {
  content: "";
  position: absolute;
  top: clamp(0.95rem, 1.8vw, 1.2rem);
  left: clamp(0.85rem, 1.6vw, 1.1rem);
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--raum-amber, #d97822) 48%, var(--home-prestige-ink-faint, #8a8276));
  box-shadow: none;
  opacity: 0.62;
  pointer-events: none;
  z-index: 1;
}

/* ── 4 · Raumkarten · containment, keine Pseudo-Underlays ──────────────── */

html.raumriss-os .home-runtime-shell .home-room-strip {
  overflow: visible;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transform: none;
  will-change: auto;
  background: color-mix(in srgb, #fff 16%, var(--home-prestige-paper, #f3ecdf) 84%) !important;
  border: 1px solid var(--home-prestige-line, rgba(28, 25, 20, 0.1)) !important;
  border-radius: calc(var(--os-radius-inset, 10px) + 1px) !important;
  box-shadow:
    0 2px 8px rgba(28, 25, 20, 0.05),
    inset 0 1px 0 rgba(255, 252, 245, 0.72) !important;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease,
    background-color 180ms ease;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile::before,
html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile::after,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile::before,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile::after,
html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-active="true"]::after {
  display: none !important;
  content: none !important;
}

/* Wärme-Gradienten · nicht als Hover-Underlay lesen */
html.raumriss-os .home-runtime-shell .home-room-strip-cell[data-room-warmth="warm"],
html.raumriss-os .home-runtime-shell .home-room-strip-cell[data-room-warmth="active"],
html.raumriss-os .home-runtime-shell .home-room-chamber[data-room-warmth="warm"],
html.raumriss-os .home-runtime-shell .home-room-chamber[data-room-warmth="active"] {
  background: color-mix(in srgb, #fff 16%, var(--home-prestige-paper, #f3ecdf) 84%) !important;
}

html.raumriss-os .home-runtime-shell .home-room-chamber[data-room-warmth="warm"] .home-room-chamber__name,
html.raumriss-os .home-runtime-shell .home-room-chamber[data-room-warmth="active"] .home-room-chamber__name {
  color: var(--home-prestige-ink, #1c1914) !important;
}

/* Hover · nur subtil */
html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile:hover,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile:hover {
  transform: translateY(-1px);
  background: color-mix(in srgb, #fff 28%, var(--home-prestige-paper, #f3ecdf) 72%) !important;
  border-color: color-mix(in srgb, var(--home-prestige-ink-soft, #5c5549) 18%, var(--home-prestige-line)) !important;
  box-shadow:
    0 5px 14px rgba(28, 25, 20, 0.07),
    inset 0 1px 0 rgba(255, 252, 245, 0.78) !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile:active,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile:active {
  transform: translateY(0);
  box-shadow:
    inset 0 1px 3px rgba(28, 25, 20, 0.06),
    inset 0 1px 0 rgba(255, 252, 245, 0.62) !important;
}

/* Maus-Klick · kein dauerhafter Focus-Ring wie Hover */
html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile:focus {
  outline: none;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile:focus:not(:focus-visible),
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile:focus:not(:focus-visible) {
  background: color-mix(in srgb, #fff 16%, var(--home-prestige-paper, #f3ecdf) 84%) !important;
  border-color: var(--home-prestige-line, rgba(28, 25, 20, 0.1)) !important;
  box-shadow:
    0 2px 8px rgba(28, 25, 20, 0.05),
    inset 0 1px 0 rgba(255, 252, 245, 0.72) !important;
  transform: none;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile:focus-visible,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--raum-amber, #d97822) 32%, transparent);
  outline-offset: 2px;
}

/* Rhythmus-Block aktiv · linker Seam, kein Warm-Papier */
html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-active="true"],
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile[data-room-active="true"] {
  background: var(--lg-glass-hover, rgba(255, 255, 255, 0.72)) !important;
  border-color: color-mix(in srgb, var(--lg-accent, rgba(0, 113, 227, 0.55)) 34%, var(--lg-border)) !important;
  box-shadow:
    inset 3px 0 0 var(--lg-accent, rgba(0, 113, 227, 0.55)),
    inset 0 1px 0 var(--lg-rim, rgba(255, 255, 255, 0.88)),
    0 0 0 1px var(--lg-accent-soft, rgba(0, 113, 227, 0.16)),
    0 10px 28px rgba(0, 113, 227, 0.08) !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-active="true"]:hover,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile[data-room-active="true"]:hover {
  border-color: color-mix(in srgb, var(--home-prestige-ink-soft, #5c5549) 18%, var(--home-prestige-line)) !important;
}

/* ── 5 · Bewegung · Zeilen-Hover bleibt lokal ──────────────────────────── */

html.raumriss-os .home-runtime-shell .home-alive-events__link:hover,
html.raumriss-os .home-runtime-shell .home-alive-events__link:focus-visible {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile:hover,
  html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile:hover {
    transform: none;
  }
}

/* ── 6 · Mobile Eingang · kein zusammengequetschter Hero ──────────────── */

@media (max-width: 639px) {
  html.raumriss-os .home-runtime-shell .environment-entrance {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }

  html.raumriss-os .home-runtime-shell .environment-entrance__presence {
    width: 100% !important;
    min-width: 0 !important;
  }

  html.raumriss-os .home-runtime-shell .environment-entrance__system {
    width: 100% !important;
    align-items: flex-start !important;
    padding-left: 0.72rem;
  }

  html.raumriss-os .home-runtime-shell .presence-clock--hero {
    align-items: flex-start !important;
    text-align: left !important;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-home-layout-flow-pass.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Home Layout Flow Pass
 * Seiten- & unteres Clipping · Grid-Overflow · Header-Clearance · Dock-Abstand
 * Loaded last via globals.css — layout only
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --home-layout-gutter: clamp(1rem, 2.8vw, 1.75rem);
  /* Folgt --runtime-dock-clearance, damit die expandierte Riss-Core-Bar
     (mobile) nie Inhalt überdeckt — ein Mechanismus, kein zweiter Festwert. */
  --home-layout-dock-clearance: max(
    9.5rem,
    calc(5.25rem + env(safe-area-inset-bottom, 0px)),
    var(--runtime-dock-clearance, 0px)
  );
}

/* ── 1 · Page frame · seitlicher Atem, kein Clip an den Rändern ─────────── */

html.raumriss-os .home-runtime-shell.rr-page-frame {
  width: 100% !important;
  max-width: min(1440px, 100%) !important;
  margin-inline: auto !important;
  padding-inline: var(--home-layout-gutter) !important;
  padding-bottom: var(--home-layout-dock-clearance) !important;
  box-sizing: border-box !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

html.raumriss-os .home-runtime-shell.home-runtime-shell--living-house {
  /* Header sitzt bereits im Dokumentenfluss — kein doppeltes Clearance-Padding */
  padding-top: calc(env(safe-area-inset-top, 0px) + clamp(0.45rem, 1.1vw, 0.75rem)) !important;
  overflow-x: visible !important;
}

html.raumriss-os .home-runtime-shell .operating-environment,
html.raumriss-os .home-runtime-shell .runtime-instrument-deck.home-composition,
html.raumriss-os .home-runtime-shell .home-composition,
html.raumriss-os .home-runtime-shell .home-capture-shelf,
html.raumriss-os .home-runtime-shell .home-room-band,
html.raumriss-os .home-runtime-shell .home-room-strip,
html.raumriss-os .home-runtime-shell .home-main-stage,
html.raumriss-os .home-runtime-shell .environment-stage {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: visible !important;
}

/* ── 2 · Grid · keine Mindestbreite, die den Rahmen sprengt ─────────────── */

html.raumriss-os .home-runtime-shell .home-composition {
  width: 100% !important;
}

@media (min-width: 980px) {
  html.raumriss-os .home-runtime-shell .home-composition {
    /* Bühne schmaler, Eingangsregal (Ablage · AUREL) breiter — weniger Leerraum links */
    grid-template-columns: minmax(0, 1.05fr) minmax(26rem, 0.95fr) !important;
    -moz-column-gap: clamp(1.15rem, 2.4vw, 2rem) !important;
         column-gap: clamp(1.15rem, 2.4vw, 2rem) !important;
  }

  html.raumriss-os .home-runtime-shell .home-capture-shelf {
    max-width: none !important;
    width: 100% !important;
  }
}

/* ── 3 · Panels · kein seitlicher Micro-Margin, der über den Rand schiebt ── */

html.raumriss-os .home-runtime-shell .home-main-stage,
html.raumriss-os .home-runtime-shell .home-capture-shelf,
html.raumriss-os .home-runtime-shell .home-room-band {
  margin-inline: 0 !important;
}

html.raumriss-os .home-runtime-shell .home-main-stage {
  min-height: 0 !important;
}

html.raumriss-os .home-runtime-shell--thumb-flow {
  padding-inline: var(--home-layout-gutter) !important;
}

/* ── 4 · Sidebar-Text · voll lesbar, kein hartes Abschneiden ─────────────── */

html.raumriss-os .home-runtime-shell .continuity-fragment__label,
html.raumriss-os .home-runtime-shell .home-open-risse__line,
html.raumriss-os .home-runtime-shell .home-open-risse__label,
html.raumriss-os .home-runtime-shell .risse-shelf__line,
html.raumriss-os .home-runtime-shell .home-capture-layer--queue .riss-trace__label,
html.raumriss-os .home-runtime-shell .riss-trace__label {
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  text-overflow: unset !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}

html.raumriss-os .home-runtime-shell .home-capture-panel,
html.raumriss-os .home-runtime-shell .ablage-panel,
html.raumriss-os .home-runtime-shell .continuity-shelf,
html.raumriss-os .home-runtime-shell .environment-capture-panel {
  overflow: visible !important;
}

/* ── 5 · Fokus-Layer · Marker ja, Inhalt nicht clippen ──────────────────── */

html.raumriss-os .home-runtime-shell .home-living-house__layer--focus {
  overflow: visible !important;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-home-cleanup-pass.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Home Design Cleanup Pass (final layer)
 * Canvas unity · header stack · room tiles · Riss dock — visual/layout only
 * Loaded last via globals.css
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --home-cleanup-canvas: #f5f1e8;
  --home-cleanup-paper: #f8f4ec;
  --home-cleanup-ink: #1c1914;
  --home-cleanup-ink-soft: #5c5549;
  --home-cleanup-ink-faint: #8a8276;
  --home-cleanup-line: rgba(28, 25, 20, 0.09);
  --home-cleanup-inset: rgba(28, 25, 20, 0.05);
  --home-cleanup-panel-shadow:
    0 8px 22px rgba(28, 25, 20, 0.06),
    inset 0 1px 0 rgba(255, 252, 245, 0.76);
  --home-cleanup-active-wick: color-mix(in srgb, var(--raum-amber, #d97822) 44%, transparent);
}

html.raumriss-os,
html.raumriss-os body {
  background-color: var(--home-cleanup-canvas) !important;
  background-image: none !important;
}

/* ── 1 · Pseudo-underlays · keine beige Fremdplatten ───────────────────── */

html.raumriss-os .home-runtime-shell::before,
html.raumriss-os .home-runtime-shell::after,
html.raumriss-os .operating-environment::before,
html.raumriss-os .operating-environment::after,
html.raumriss-os .home-main-stage::before,
html.raumriss-os .home-main-stage::after,
html.raumriss-os .runtime-instrument-deck.home-composition::before,
html.raumriss-os .runtime-instrument-deck.home-composition::after,
html.raumriss-os .runtime-instrument-deck::before,
html.raumriss-os .bottom-console.riss-core-shell::before,
html.raumriss-os .riss-core-shell.bottom-console::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

html.raumriss-os #raumriss-runtime-dock,
html.raumriss-os .raumriss-runtime-dock {
  background: transparent !important;
}

/* ── 2 · Session header · schwebende Leiste (nicht volle Sticky-Band) ─────── */

html.raumriss-os .runtime-session-header .runtime-presence-instrument,
html.raumriss-os .runtime-session-header .runtime-presence-ops {
  display: none !important;
}

/* Header steht fixiert — Clearance kommt aus floating-chrome-pass */
html.raumriss-os .home-runtime-shell.home-runtime-shell--living-house,
html.raumriss-os .home-runtime-shell--thumb-flow.home-runtime-shell--living-house {
  background: var(--home-cleanup-canvas) !important;
  overflow-x: clip;
}

/* ── 3 · Home canvas · eine Ebene, keine verschachtelten Slabs ─────────── */

html.raumriss-os .home-runtime-shell .operating-environment,
html.raumriss-os .home-runtime-shell .runtime-instrument-deck.home-composition,
html.raumriss-os .home-runtime-shell .runtime-instrument-deck.home-composition .surface-slot {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html.raumriss-os .home-runtime-shell .runtime-instrument-deck.home-composition .surface-slot::after {
  display: none !important;
}

html.raumriss-os .home-runtime-shell .home-composition {
  gap: clamp(1rem, 2vw, 1.45rem) !important;
}

html.raumriss-os .home-runtime-shell .home-main-stage,
html.raumriss-os .home-runtime-shell .home-main-stage:hover {
  margin-inline: 0 !important;
  min-height: 0 !important;
  padding: clamp(1.05rem, 1.9vw, 1.4rem) clamp(0.95rem, 1.75vw, 1.3rem) !important;
  transform: none !important;
  background: var(--home-cleanup-paper) !important;
  border: 1px solid var(--home-cleanup-line) !important;
  border-radius: 12px !important;
  box-shadow: var(--home-cleanup-panel-shadow) !important;
}

html.raumriss-os .home-runtime-shell .home-living-house {
  gap: clamp(0.65rem, 1.25vw, 0.9rem) !important;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer--events,
html.raumriss-os .home-runtime-shell .home-living-house__layer--focus,
html.raumriss-os .home-runtime-shell .home-living-house__layer--reentry {
  padding: clamp(0.58rem, 1.05vw, 0.78rem) clamp(0.65rem, 1.2vw, 0.82rem) !important;
  border-radius: 9px !important;
  background: color-mix(in srgb, #fff 40%, var(--home-cleanup-paper) 60%) !important;
  border: 1px solid var(--home-cleanup-inset) !important;
  box-shadow: inset 0 1px 0 rgba(255, 252, 245, 0.65) !important;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer--focus {
  overflow: visible !important;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer--focus::before {
  top: clamp(0.58rem, 1.05vw, 0.78rem);
  left: clamp(0.65rem, 1.2vw, 0.82rem);
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--raum-amber, #d97822) 52%, var(--home-cleanup-ink-faint));
  opacity: 0.55;
  box-shadow: none;
}

html.raumriss-os .home-runtime-shell .home-alive-events__link {
  padding: 0.4rem 0.48rem !important;
  border: 1px solid var(--home-cleanup-inset) !important;
  background: color-mix(in srgb, #fff 36%, var(--home-cleanup-paper) 64%) !important;
  box-shadow: none !important;
}

/* ── 4 · Hero · ruhiger Eingang ──────────────────────────────────────────── */

html.raumriss-os .home-runtime-shell .environment-stage {
  padding-bottom: clamp(0.45rem, 1vw, 0.75rem) !important;
}

html.raumriss-os .home-runtime-shell .home-entrance-presence {
  border: 1px solid var(--home-cleanup-inset) !important;
  background: color-mix(in srgb, var(--home-cleanup-paper) 72%, transparent) !important;
}

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__strip {
  border: 1px solid var(--home-cleanup-line) !important;
  background: color-mix(in srgb, #fff 34%, var(--home-cleanup-paper) 66%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 252, 245, 0.58) !important;
}

/* ── 5 · Capture shelf · gleiche Materialtiefe ───────────────────────────── */

html.raumriss-os .home-runtime-shell .home-capture-panel,
html.raumriss-os .home-runtime-shell .ablage-panel,
html.raumriss-os .home-runtime-shell .continuity-shelf,
html.raumriss-os .home-runtime-shell .environment-capture-panel,
html.raumriss-os .home-runtime-shell .time-anchors-panel {
  background: var(--home-cleanup-paper) !important;
  border: 1px solid var(--home-cleanup-line) !important;
  border-radius: 12px !important;
  box-shadow: var(--home-cleanup-panel-shadow) !important;
  transform: none !important;
}

html.raumriss-os .home-runtime-shell .home-capture-shelf {
  gap: clamp(0.6rem, 1.2vw, 0.85rem) !important;
  padding-top: 0 !important;
}

@media (min-width: 980px) {
  html.raumriss-os .home-runtime-shell .home-composition {
    -moz-column-gap: clamp(1.35rem, 2.6vw, 2.15rem) !important;
         column-gap: clamp(1.35rem, 2.6vw, 2.15rem) !important;
  }

  html.raumriss-os .home-runtime-shell .home-capture-shelf {
    max-width: min(38rem, 100%) !important;
  }

  /* AUREL · volle Regalbreite, Karten nebeneinander statt nur nach unten */
  html.raumriss-os .home-runtime-shell .home-capture-layer--aurel .home-capture-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(14.5rem, 1fr)) !important;
    gap: 0.55rem !important;
    margin-top: 0.75rem !important;
  }

  html.raumriss-os .home-runtime-shell .home-capture-layer--aurel .home-capture-list > li {
    margin: 0 !important;
  }

  html.raumriss-os .home-runtime-shell .home-capture-layer--aurel .home-capture-list > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0 !important;
  }

  html.raumriss-os .home-runtime-shell .home-capture-layer--aurel .home-capture-item {
    height: 100%;
  }
}

/* ── 6 · Raumband · leicht, eingebettet ──────────────────────────────────── */

html.raumriss-os .home-runtime-shell .home-room-band,
html.raumriss-os .home-runtime-shell .home-room-band-panel {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: clamp(0.35rem, 0.75vw, 0.55rem) 0 !important;
}

html.raumriss-os .home-runtime-shell .home-composition .home-room-band::before {
  left: 0;
  right: 0;
  opacity: 1;
  background: linear-gradient(
    90deg,
    transparent,
    var(--home-cleanup-line) 14%,
    var(--home-cleanup-line) 86%,
    transparent
  ) !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  gap: clamp(0.48rem, 0.95vw, 0.62rem) !important;
}

@media (min-width: 1024px) {
  html.raumriss-os .home-runtime-shell .home-room-strip {
    padding: 0 !important;
  }
}

/* ── 7 · Raumkarten · kompakt, Active = Rhythmus-Seam ────────────────────── */

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile {
  padding: clamp(0.55rem, 1vw, 0.72rem) clamp(0.65rem, 1.15vw, 0.82rem) !important;
  min-height: 0 !important;
  overflow: hidden;
  border: 1px solid var(--home-cleanup-line) !important;
  border-radius: 10px !important;
  background: color-mix(in srgb, #fff 32%, var(--home-cleanup-paper) 68%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.62),
    0 2px 7px rgba(28, 25, 20, 0.04) !important;
  transform: none;
  will-change: auto;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile::before,
html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile::after,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile::before,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile::after {
  display: none !important;
  content: none !important;
}

html.raumriss-os .home-runtime-shell .home-room-chamber__name {
  font-size: 0.9375rem !important;
  font-weight: 560 !important;
  letter-spacing: -0.014em !important;
  line-height: 1.28 !important;
}

html.raumriss-os .home-runtime-shell .home-room-chamber__signal {
  font-size: 0.625rem !important;
  letter-spacing: 0.05em !important;
  color: var(--home-cleanup-ink-faint) !important;
  opacity: 1 !important;
}

html.raumriss-os .home-runtime-shell .home-room-chamber__body {
  margin-top: 0.28rem !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile:hover,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--home-cleanup-ink-soft) 14%, var(--home-cleanup-line)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.68),
    0 5px 14px rgba(28, 25, 20, 0.06) !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-active="true"],
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile[data-room-active="true"] {
  border-color: color-mix(in srgb, var(--lg-accent, rgba(0, 113, 227, 0.55)) 34%, var(--lg-border)) !important;
  background: var(--lg-glass-hover, rgba(255, 255, 255, 0.72)) !important;
  box-shadow:
    inset 3px 0 0 var(--lg-accent, rgba(0, 113, 227, 0.55)),
    inset 0 1px 0 var(--lg-rim, rgba(255, 255, 255, 0.88)),
    0 0 0 1px var(--lg-accent-soft, rgba(0, 113, 227, 0.16)),
    0 10px 28px rgba(0, 113, 227, 0.08) !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-active="true"] .home-room-chamber__signal,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile[data-room-active="true"] .home-room-chamber__signal {
  color: color-mix(in srgb, var(--home-cleanup-ink-soft) 78%, var(--raum-amber, #d97822) 22%) !important;
  font-weight: 520 !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-active="true"] .home-room-alive-dot,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile[data-room-active="true"] .home-room-alive-dot {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--raum-amber, #d97822) 18%, transparent);
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-warmth="warm"],
html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-warmth="active"],
html.raumriss-os .home-runtime-shell .home-room-chamber[data-room-warmth="warm"],
html.raumriss-os .home-runtime-shell .home-room-chamber[data-room-warmth="active"] {
  background: var(--lg-glass-raised, rgba(255, 255, 255, 0.58)) !important;
}

/* ── 8 · DER RISS · auf Canvas, ohne Fremd-Pad ──────────────────────────── */

html.raumriss-os [aria-label="Riss Core"] .riss-core-module {
  border: 1px solid rgba(28, 25, 20, 0.14) !important;
  box-shadow:
    0 16px 42px rgba(28, 25, 20, 0.2),
    0 4px 12px rgba(28, 25, 20, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-room-zone-selection-pass.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Room & Zone Selection Pass
 * Aktive Zone/Raum lesbar · Schatten konsistent · kein Weiß-auf-Weiß
 * Loaded last via globals.css — visual/layout only
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --room-select-paper: #f8f4ec;
  --room-select-cream: #e8dfd0;
  --room-select-sink: #ddd3c4;
  --room-select-ink: #1c1914;
  --room-select-ink-soft: #5c5549;
  --room-select-line: rgba(28, 25, 20, 0.11);
  --room-select-wick: var(--raum-amber, #d97822);
  --room-select-tray-shadow:
    inset 0 2px 7px rgba(28, 25, 20, 0.07),
    inset 0 1px 0 rgba(255, 252, 245, 0.32),
    0 6px 18px rgba(28, 25, 20, 0.05);
  --room-select-active-shadow:
    inset 3px 0 0 var(--room-select-wick),
    inset 0 2px 9px rgba(28, 25, 20, 0.09),
    inset 0 1px 0 rgba(255, 252, 245, 0.38),
    0 2px 8px rgba(28, 25, 20, 0.06);
  --room-select-chamber-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.58),
    0 4px 12px rgba(28, 25, 20, 0.06),
    0 14px 36px rgba(28, 25, 20, 0.08);
  --room-select-deck-shadow:
    0 6px 16px rgba(28, 25, 20, 0.07),
    0 18px 44px rgba(28, 25, 20, 0.09),
    inset 0 1px 0 rgba(255, 252, 245, 0.62);
}

/* ── 1 · Zone-Register · eingelassenes Tablett ─────────────────────────── */

html.raumriss-os .room-nav-rail__shell {
  background: linear-gradient(
    188deg,
    color-mix(in srgb, var(--room-select-cream) 38%, var(--room-select-paper) 62%) 0%,
    color-mix(in srgb, var(--room-select-sink) 24%, var(--room-select-paper) 76%) 100%
  ) !important;
  border: 1px solid var(--room-select-line) !important;
  box-shadow: var(--room-select-tray-shadow) !important;
}

/* Inaktive Zonen · flach im Tablett, nicht stärker als aktiv */
html.raumriss-os .room-nav-rail__anchor:not(.room-nav-rail__anchor--current),
html.raumriss-os .room-nav-rail__zone:not(.room-nav-rail__zone--active) {
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  opacity: 0.76 !important;
  color: var(--room-select-ink-soft) !important;
}

html.raumriss-os
  .room-nav-rail__anchor:not(.room-nav-rail__anchor--current)
  .room-nav-rail__label,
html.raumriss-os
  .room-nav-rail__zone:not(.room-nav-rail__zone--active)
  .room-nav-rail__zone-title {
  color: color-mix(in srgb, var(--room-select-ink-soft) 92%, var(--room-select-ink)) !important;
  font-weight: 520 !important;
}

html.raumriss-os
  .room-nav-rail__anchor:not(.room-nav-rail__anchor--current)
  .room-nav-rail__meta,
html.raumriss-os
  .room-nav-rail__anchor:not(.room-nav-rail__anchor--current)
  .room-nav-rail__context,
html.raumriss-os
  .room-nav-rail__zone:not(.room-nav-rail__zone--active)
  .room-nav-rail__zone-hint {
  color: color-mix(in srgb, var(--room-select-ink-soft) 88%, transparent) !important;
}

html.raumriss-os .room-nav-rail__anchor:hover:not(.room-nav-rail__anchor--current),
html.raumriss-os .room-nav-rail__zone:hover:not(.room-nav-rail__zone--active) {
  background: color-mix(in srgb, var(--room-select-cream) 22%, transparent) !important;
  opacity: 0.92 !important;
  transform: none;
}

/* Aktive Zone · eingedrückt + Wick — dunkler als Schale, nicht heller */
html.raumriss-os .room-nav-rail__anchor--current,
html.raumriss-os .room-nav-rail__zone--active {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--room-select-sink) 58%, #c9bcaa 42%) 0%,
    color-mix(in srgb, var(--room-select-cream) 72%, var(--room-select-sink) 28%) 100%
  ) !important;
  color: var(--room-select-ink) !important;
  border: 1px solid color-mix(in srgb, var(--room-select-wick) 34%, var(--room-select-line)) !important;
  border-radius: 8px !important;
  box-shadow:
    inset 3px 0 0 var(--room-select-wick),
    inset 0 3px 10px rgba(28, 25, 20, 0.12),
    inset 0 1px 0 rgba(255, 252, 245, 0.28),
    0 1px 0 rgba(255, 252, 245, 0.42),
    0 3px 10px rgba(28, 25, 20, 0.08) !important;
  opacity: 1 !important;
}

html.raumriss-os .room-nav-rail__anchor--current .room-nav-rail__label,
html.raumriss-os .room-nav-rail__zone--active .room-nav-rail__zone-title {
  color: var(--room-select-ink) !important;
  font-weight: 600 !important;
}

html.raumriss-os .room-nav-rail__anchor--current .room-nav-rail__meta,
html.raumriss-os .room-nav-rail__anchor--current .room-nav-rail__context,
html.raumriss-os .room-nav-rail__zone--active .room-nav-rail__zone-hint {
  color: color-mix(in srgb, var(--room-select-ink-soft) 78%, var(--room-select-wick) 22%) !important;
  opacity: 1 !important;
}

html.raumriss-os .room-nav-rail__zone--recent:not(.room-nav-rail__zone--active) {
  border-left: 1px solid color-mix(in srgb, var(--room-select-line) 72%, transparent) !important;
  box-shadow: none !important;
}

/* ── 2 · Raumkammer · warme neutrale Tiefe, kein Orange-Glow ───────────── */

html.raumriss-os .room-runtime-deck.room-composition {
  box-shadow: var(--room-select-deck-shadow) !important;
  border-color: color-mix(in srgb, var(--room-select-line) 88%, transparent) !important;
}

html.raumriss-os .room-runtime-deck .room-chamber,
html.raumriss-os .room-composition .room-atrium-layer > .room-chamber--workbench,
html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section--ambient {
  box-shadow: var(--room-select-chamber-shadow) !important;
  border-color: color-mix(in srgb, var(--room-select-line) 92%, transparent) !important;
}

/* ── 3 · Home · aktiver Raum · gleiche Logik wie Zone ──────────────────── */

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-active="true"],
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile[data-room-active="true"] {
  background: var(--lg-glass-hover, rgba(255, 255, 255, 0.72)) !important;
  border-color: color-mix(in srgb, var(--lg-accent, rgba(0, 113, 227, 0.55)) 34%, var(--lg-border)) !important;
  box-shadow:
    inset 3px 0 0 var(--lg-accent, rgba(0, 113, 227, 0.55)),
    inset 0 1px 0 var(--lg-rim, rgba(255, 255, 255, 0.88)),
    0 0 0 1px var(--lg-accent-soft, rgba(0, 113, 227, 0.16)),
    0 10px 28px rgba(0, 113, 227, 0.08) !important;
}

html.raumriss-os
  .home-runtime-shell
  .home-room-strip-cell.room-tile[data-room-active="true"]
  .home-room-chamber__name,
html.raumriss-os
  .home-runtime-shell
  a.home-room-chamber.room-tile[data-room-active="true"]
  .home-room-chamber__name {
  color: #1d1d1f !important;
  font-weight: 600 !important;
}

html.raumriss-os
  .home-runtime-shell
  .home-room-strip-cell.room-tile[data-room-active="true"]
  .home-room-chamber__signal,
html.raumriss-os
  .home-runtime-shell
  a.home-room-chamber.room-tile[data-room-active="true"]
  .home-room-chamber__signal {
  color: #6e6e73 !important;
  font-weight: 520 !important;
  opacity: 1 !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-active="true"]:hover,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile[data-room-active="true"]:hover {
  background: var(--lg-glass-active, rgba(255, 255, 255, 0.82)) !important;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-session-header-modern-pass.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Session Header Modern Pass
 * Einheitliche Systemleiste · Home + Räume · ruhig, lesbar, modern
 * Loaded last via globals.css — visual/layout only
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --session-bar-paper: #f3ecdf;
  --session-bar-cream: #e8dfd0;
  --session-bar-line: rgba(28, 25, 20, 0.11);
  --session-bar-ink: #1c1914;
  --session-bar-ink-soft: #5c5549;
  --session-bar-ink-faint: #8a8276;
  --session-bar-clearance: clamp(2.65rem, 5.8vw, 3.15rem);
  --session-bar-shadow:
    0 1px 0 rgba(255, 252, 245, 0.74),
    0 10px 28px rgba(28, 25, 20, 0.07),
    0 2px 6px rgba(28, 25, 20, 0.04);
}

/* ── 1 · Shell · Material only — Geometrie in globals final layer ─────────── */

html.raumriss-os .runtime-presence-layer.runtime-session-header,
html.raumriss-os .runtime-presence-layer.runtime-session-header.runtime-presence-layer--home {
  --runtime-session-header-clearance: var(--session-bar-clearance);
}

html.raumriss-os .runtime-session-header__inner {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.65rem 1rem !important;
  min-height: var(--session-bar-clearance) !important;
  padding-block:
    max(0.38rem, calc(env(safe-area-inset-top, 0px) + 0.28rem))
    0.42rem !important;
}

html.raumriss-os .runtime-session-header__leading {
  flex: 0 1 auto !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
}

html.raumriss-os .runtime-presence-layer--home .runtime-session-header__leading {
  justify-content: flex-start !important;
  flex: 0 1 auto !important;
}

html.raumriss-os .runtime-session-header__trailing {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0;
  min-width: 0;
  margin-left: auto;
  padding: 0.14rem;
  border: 1px solid color-mix(in srgb, var(--session-bar-line) 82%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, #fff 22%, var(--session-bar-paper) 78%);
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.68),
    0 1px 4px rgba(28, 25, 20, 0.04);
}

/* ── 2 · Status-Chip · lesbar auf allen Seiten ─────────────────────────── */

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence,
html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence {
  max-width: min(100%, 26rem) !important;
  margin: 0 !important;
  padding: 0.34rem 0.72rem 0.36rem 0.58rem !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--session-bar-line) 90%, transparent) !important;
  background: color-mix(in srgb, #fff 30%, var(--session-bar-paper) 70%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.66),
    0 1px 4px rgba(28, 25, 20, 0.04) !important;
}

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence__line,
html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence__line {
  gap: 0.45rem !important;
}

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence__wick,
html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence__wick {
  width: 0.38rem !important;
  height: 0.38rem !important;
  opacity: 0.82 !important;
  border-radius: 50%;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--raum-amber, #d97822) 16%, transparent);
}

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence__copy,
html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence__copy {
  gap: 0.32rem 0.5rem !important;
}

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence__primary,
html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence__primary {
  font-size: 0.6875rem !important;
  font-weight: 520 !important;
  letter-spacing: 0.015em !important;
  line-height: 1.32 !important;
  color: var(--session-bar-ink-soft) !important;
}

html.raumriss-os .runtime-session-header__leading .runtime-integrity-presence__detail,
html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence__detail {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0.12rem 0.42rem !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--session-bar-line) 78%, transparent) !important;
  background: color-mix(in srgb, var(--session-bar-cream) 42%, #fff 58%) !important;
  font-size: 0.5625rem !important;
  font-weight: 560 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--session-bar-ink-soft) 82%, var(--raum-amber, #d97822) 18%) !important;
}

html.raumriss-os .runtime-presence-layer--home .runtime-integrity-presence__kicker {
  display: none !important;
}

/* ── 3 · Uhr · Styling in globals.css final layer ───────────────────────── */

/* ── 5 · Home-Clearance · Header im Fluss ───────────────────────────────── */

html.raumriss-os .home-runtime-shell.home-runtime-shell--living-house,
html.raumriss-os .home-runtime-shell--thumb-flow.home-runtime-shell--living-house {
  padding-top: calc(
    env(safe-area-inset-top, 0px) + clamp(0.45rem, 1vw, 0.75rem)
  ) !important;
}

@media (max-width: 640px) {
  html.raumriss-os .runtime-session-header__inner {
    flex-wrap: wrap !important;
    gap: 0.45rem 0.55rem !important;
  }

  html.raumriss-os .runtime-session-header__leading {
    flex: 1 1 100% !important;
    order: 1;
  }

  html.raumriss-os .runtime-session-header__trailing {
    flex: 1 1 100% !important;
    order: 2;
    justify-content: space-between;
    border-radius: 12px;
  }

  html.raumriss-os .runtime-session-header__clock {
    flex: 1 1 auto;
    border-right: none;
    padding-inline: 0.62rem !important;
  }

  html.raumriss-os .runtime-session-header__actions {
    flex: 0 0 auto;
    margin-left: auto;
  }

  html.raumriss-os .runtime-session-header__clock .presence-clock-meta {
    white-space: normal;
  }
}

@media (min-width: 1024px) {
  html.raumriss-os .runtime-session-header__inner {
    padding-inline:
      max(2.5rem, calc(env(safe-area-inset-left, 0px) + 2.5rem))
      max(2.5rem, calc(env(safe-area-inset-right, 0px) + 2.5rem)) !important;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-session-header-complete-pass.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Session Header Complete Pass
 * Drei-Spalten-Instrument: Integrität · Lage · Zeit/Session
 * Loaded last via globals.css — visual/layout only
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1 · Grid-Shell — echte Zentrierung ──────────────────────────────────── */

html.raumriss-os .runtime-session-header__inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.55rem 0.85rem !important;
}

html.raumriss-os .runtime-session-header__leading {
  justify-self: start !important;
  flex-wrap: nowrap !important;
  gap: 0.38rem 0.5rem !important;
}

html.raumriss-os .runtime-session-header__center {
  justify-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  max-width: min(100%, 28rem);
  padding-inline: 0.25rem;
}

html.raumriss-os .runtime-session-header__trailing {
  justify-self: end;
}

/* ── 2 · Lage-Lesbarkeit · RAUMRISS · Raum · Zone ──────────────────────── */

html.raumriss-os .session-header-locus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.38rem;
  min-width: 0;
  max-width: 100%;
  padding: 0.28rem 0.72rem 0.3rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--session-bar-line, rgba(28, 25, 20, 0.11)) 72%, transparent);
  background: color-mix(in srgb, #fff 18%, var(--session-bar-paper, #f3ecdf) 82%);
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.58),
    0 1px 3px rgba(28, 25, 20, 0.03);
}

html.raumriss-os .session-header-locus__mark {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: 0.5625rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  text-decoration: none;
  color: color-mix(in srgb, var(--session-bar-ink, #1c1914) 88%, var(--session-bar-ink-soft, #5c5549));
  white-space: nowrap;
  transition: color 160ms ease;
}

html.raumriss-os .session-header-locus__mark:hover {
  color: var(--session-bar-ink, #1c1914);
}

html.raumriss-os .session-header-locus__sep {
  font-size: 0.5rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: color-mix(in srgb, var(--session-bar-ink-faint, #8a8276) 78%, transparent);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

html.raumriss-os .session-header-locus__room,
html.raumriss-os .session-header-locus__zone,
html.raumriss-os .session-header-locus__surface,
html.raumriss-os .session-header-locus__werkstatt {
  font-size: 0.5625rem;
  font-weight: 520;
  letter-spacing: 0.08em;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 11rem;
}

html.raumriss-os .session-header-locus__room {
  color: color-mix(in srgb, var(--session-bar-ink-soft, #5c5549) 92%, var(--session-bar-ink, #1c1914));
  text-decoration: none;
  transition: color 160ms ease;
}

html.raumriss-os a.session-header-locus__room:hover {
  color: var(--session-bar-ink, #1c1914);
}

html.raumriss-os .session-header-locus__zone {
  font-weight: 560;
  letter-spacing: 0.06em;
  text-transform: none;
  color: var(--session-bar-ink, #1c1914);
}

html.raumriss-os .session-header-locus__werkstatt {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--session-bar-ink-soft, #5c5549) 86%, var(--raum-amber, #d97822) 14%);
}

html.raumriss-os .session-header-locus__surface {
  color: var(--session-bar-ink-soft, #5c5549);
}

/* ── 3 · Connector-Strip · Wick-Instrument ───────────────────────────────── */

html.raumriss-os .session-connector-strip {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  margin: 0;
  padding: 0.22rem 0.42rem 0.24rem;
  list-style: none;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--session-bar-line, rgba(28, 25, 20, 0.11)) 65%, transparent);
  background: color-mix(in srgb, var(--session-bar-cream, #e8dfd0) 22%, transparent);
}

html.raumriss-os .session-connector-strip__node {
  display: inline-flex;
  align-items: center;
  gap: 0.22rem;
}

html.raumriss-os .session-connector-strip__wick {
  display: block;
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--session-bar-ink-faint, #8a8276) 55%, #c8c0b4);
  box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--session-bar-line, rgba(28, 25, 20, 0.11)) 80%, transparent);
}

html.raumriss-os .session-connector-strip__node[data-phase="stable"] .session-connector-strip__wick {
  background: color-mix(in srgb, #6a9a6e 72%, #8ab88e);
  box-shadow: 0 0 0 1.5px color-mix(in srgb, #6a9a6e 18%, transparent);
}

html.raumriss-os .session-connector-strip__node[data-phase="degraded"] .session-connector-strip__wick,
html.raumriss-os .session-connector-strip__node[data-phase="readonly"] .session-connector-strip__wick {
  background: color-mix(in srgb, var(--raum-amber, #d97822) 78%, #e8a060);
  box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--raum-amber, #d97822) 22%, transparent);
}

html.raumriss-os .session-connector-strip__node[data-phase="drift_detected"] .session-connector-strip__wick,
html.raumriss-os .session-connector-strip__node[data-phase="parity_lost"] .session-connector-strip__wick {
  background: color-mix(in srgb, #c45c4a 76%, #d87868);
  box-shadow: 0 0 0 1.5px color-mix(in srgb, #c45c4a 20%, transparent);
}

html.raumriss-os .session-connector-strip__node[data-phase="experimental"] .session-connector-strip__wick {
  background: color-mix(in srgb, #6a7ec4 72%, #8a9ad8);
  box-shadow: 0 0 0 1.5px color-mix(in srgb, #6a7ec4 18%, transparent);
}

html.raumriss-os .session-connector-strip__label {
  display: none;
  font-size: 0.5rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--session-bar-ink-faint, #8a8276);
}

html.raumriss-os .session-connector-strip[data-integrity-phase]:not([data-integrity-phase="stable"])
  .session-connector-strip__label {
  display: inline;
}

/* ── 4 · Home — kompaktere Lage, volle Connector-Lesbarkeit ──────────────── */

html.raumriss-os .runtime-presence-layer--home .session-header-locus {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  padding-inline: 0.15rem;
}

html.raumriss-os .runtime-presence-layer--home .session-connector-strip__label {
  display: inline;
}

/* ── 5 · Responsive ──────────────────────────────────────────────────────── */

@media (max-width: 720px) {
  html.raumriss-os .runtime-session-header__inner {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto;
  }

  html.raumriss-os .runtime-session-header__leading {
    grid-column: 1;
    grid-row: 1;
    flex: 1 1 auto !important;
    max-width: 100%;
  }

  html.raumriss-os .runtime-session-header__center {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: stretch;
    max-width: 100%;
  }

  html.raumriss-os .runtime-session-header__trailing {
    grid-column: 2;
    grid-row: 1;
  }

  html.raumriss-os .session-header-locus {
    width: 100%;
    justify-content: center;
    border-radius: 12px;
  }

  html.raumriss-os .session-header-locus__room,
  html.raumriss-os .session-header-locus__zone {
    max-width: 8rem;
  }
}

@media (max-width: 420px) {
  html.raumriss-os .session-connector-strip__label {
    display: none !important;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-home-entrance-pass.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Home Entrance Pass
 * Hero-Begrüßung · editorial, warm, lesbar — kein Admin-Shout
 * Loaded last via globals.css — visual/layout only
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --home-entrance-paper: #f3ecdf;
  --home-entrance-cream: #e8dfd0;
  --home-entrance-ink: #1c1914;
  --home-entrance-ink-soft: #5c5549;
  --home-entrance-ink-faint: #8a8276;
  --home-entrance-line: rgba(28, 25, 20, 0.1);
  --home-entrance-accent: var(--raum-amber, #d97822);
}

/* ── 1 · Stage · luftiger Eingang ──────────────────────────────────────── */

html.raumriss-os .home-runtime-shell .environment-stage {
  padding:
    clamp(0.55rem, 1.2vw, 0.85rem)
    clamp(0.1rem, 0.35vw, 0.2rem)
    clamp(0.65rem, 1.15vw, 0.9rem) !important;
}

html.raumriss-os .home-runtime-shell .environment-entrance {
  align-items: flex-end !important;
  gap: clamp(0.95rem, 2.2vw, 1.85rem) !important;
}

html.raumriss-os .home-runtime-shell .environment-entrance__presence {
  min-width: 0;
  flex: 1 1 28rem;
}

html.raumriss-os .home-runtime-shell .environment-entrance__system {
  flex: 0 0 auto;
  min-width: min(100%, 17rem);
  padding-top: 0.35rem;
}

/* ── 2 · RAUMRISS-Mark · leises Signet ─────────────────────────────────── */

html.raumriss-os .home-runtime-shell .home-system-mark {
  display: inline-flex !important;
  align-items: center;
  margin: 0 0 0.72rem !important;
  padding: 0.18rem 0.58rem !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--home-entrance-line) 88%, transparent) !important;
  background: color-mix(in srgb, #fff 24%, var(--home-entrance-paper) 76%) !important;
  font-size: 0.5625rem !important;
  font-weight: 560 !important;
  letter-spacing: 0.2em !important;
  color: color-mix(in srgb, var(--home-entrance-ink-faint) 90%, var(--home-entrance-ink-soft)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 252, 245, 0.62);
}

/* ── 3 · Hero · Begrüßung mit warmer Kante ─────────────────────────────── */

html.raumriss-os .home-runtime-shell .environment-hero {
  position: relative;
  padding-left: 0.88rem !important;
}

html.raumriss-os .home-runtime-shell .environment-hero::before {
  display: block !important;
  content: "" !important;
  position: absolute;
  left: 0;
  top: 0.18rem;
  bottom: 0.18rem;
  width: 2px;
  border-radius: 999px;
  opacity: 1 !important;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--home-entrance-accent) 72%, var(--home-entrance-ink-soft)) 0%,
    color-mix(in srgb, var(--home-entrance-accent) 18%, transparent) 100%
  ) !important;
  box-shadow: none !important;
}

html.raumriss-os .home-runtime-shell .environment-hero > div {
  gap: 0.58rem !important;
}

html.raumriss-os .home-runtime-shell .environment-hero .os-kicker {
  margin: 0 !important;
  padding-left: 0 !important;
  font-size: 0.6875rem !important;
  font-weight: 520 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  color: color-mix(in srgb, var(--home-entrance-ink-faint) 88%, var(--home-entrance-ink-soft)) !important;
}

html.raumriss-os .home-runtime-shell .environment-hero .rr-page-title {
  margin: 0 !important;
  padding-left: 0 !important;
  font-size: clamp(1.85rem, 3.6vw, 2.45rem) !important;
  font-weight: 560 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.028em !important;
  color: var(--home-entrance-ink) !important;
}

html.raumriss-os .home-runtime-shell .environment-hero .type-body {
  max-width: 34ch !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-top: 0.12rem !important;
  font-size: 0.9375rem !important;
  font-weight: 450 !important;
  line-height: 1.58 !important;
  letter-spacing: -0.01em !important;
  color: color-mix(in srgb, var(--home-entrance-ink-soft) 92%, var(--home-entrance-ink)) !important;
}

/* ── 4 · Uhr · ruhiges Instrument rechts ───────────────────────────────── */

html.raumriss-os .home-runtime-shell .presence-clock--hero .presence-clock-time {
  font-size: clamp(2.85rem, 5.8vw + 0.55rem, 4.15rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.028em !important;
  line-height: 0.92 !important;
  color: var(--home-entrance-ink) !important;
}

html.raumriss-os .home-runtime-shell .presence-clock--hero .presence-clock-meta {
  margin-top: 0.48rem !important;
  font-size: clamp(0.8125rem, 0.4vw + 0.74rem, 0.9375rem) !important;
  font-weight: 450 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.35 !important;
  color: color-mix(in srgb, var(--home-entrance-ink-soft) 88%, var(--home-entrance-ink)) !important;
}

/* ── 5 · Runtime-Anker · Quellen unter der Uhr lesbar ──────────────────── */

html.raumriss-os .home-runtime-shell .home-runtime-anchor {
  width: 100%;
  max-width: min(100%, 18rem);
}

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__strip {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.32rem 0.42rem !important;
  padding: 0.42rem 0.52rem !important;
}

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__sources {
  flex-wrap: wrap !important;
  overflow: visible !important;
  justify-content: flex-end;
  gap: 0.28rem 0.38rem !important;
}

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__source {
  flex: 0 1 auto !important;
  flex-shrink: 0 !important;
  min-width: 0;
  padding: 0.22rem 0.42rem !important;
}

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__line {
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: nowrap;
  font-size: 0.75rem !important;
  font-weight: 480 !important;
  letter-spacing: 0.015em !important;
  color: color-mix(in srgb, var(--home-entrance-ink-soft) 94%, var(--home-entrance-ink)) !important;
}

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__led {
  width: 0.32rem !important;
  height: 0.32rem !important;
  opacity: 0.68;
}

/* ── 6 · Lebendige Zeile · Status unter dem Hero ───────────────────────── */

html.raumriss-os .home-runtime-shell .home-entrance-presence {
  margin-top: 0.15rem;
  padding: 0.58rem 0.72rem !important;
  border-radius: 10px !important;
  border: 1px solid var(--home-entrance-line) !important;
  background: color-mix(in srgb, #fff 28%, var(--home-entrance-paper) 72%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.62),
    0 2px 8px rgba(28, 25, 20, 0.04) !important;
}

html.raumriss-os .home-runtime-shell .home-operating-line {
  font-size: 0.8125rem !important;
  font-weight: 450 !important;
  line-height: 1.48 !important;
  letter-spacing: -0.008em !important;
  color: color-mix(in srgb, var(--home-entrance-ink-soft) 94%, var(--home-entrance-ink)) !important;
}

html.raumriss-os .home-runtime-shell .home-operating-pulse {
  opacity: 0.72;
}

@media (max-width: 720px) {
  html.raumriss-os .home-runtime-shell .environment-entrance {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  html.raumriss-os .home-runtime-shell .environment-entrance__system {
    align-items: flex-start !important;
    padding-top: 0;
  }

  html.raumriss-os .home-runtime-shell .presence-clock--hero {
    align-items: flex-start !important;
    text-align: left !important;
  }

  html.raumriss-os .home-runtime-shell .presence-clock--hero .presence-clock-time {
    font-size: clamp(2.25rem, 9.5vw, 3.1rem) !important;
  }

  html.raumriss-os .home-runtime-shell .environment-entrance__system {
    min-width: 100%;
  }

  html.raumriss-os .home-runtime-shell .home-runtime-anchor {
    max-width: 100%;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-shadow-floor-pass.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Shadow Floor Pass
 * Seitenende · ein Lift pro Slab · kein Clip · kein Schatten-Stack
 * Loaded last via globals.css — visual/layout only
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --shadow-floor-lift:
    inset 0 1px 0 rgba(255, 252, 245, 0.68),
    0 8px 22px rgba(28, 25, 20, 0.06),
    0 2px 7px rgba(28, 25, 20, 0.035);
  --shadow-floor-clearance: clamp(1.25rem, 2.4vw, 1.85rem);
}

/* ── 1 · Page shells · Schatten dürfen auslaufen ─────────────────────────── */

html.raumriss-os .room-shell-rhythm,
html.raumriss-os .home-runtime-shell.home-runtime-shell--living-house,
html.raumriss-os .home-runtime-shell--thumb-flow.home-runtime-shell--living-house,
html.raumriss-os .home-runtime-shell.rr-page-frame {
  overflow: visible !important;
}

html.raumriss-os .os-room-page,
html.raumriss-os .room-shell.rr-room-shell {
  padding-bottom: calc(var(--runtime-dock-clearance) + var(--shadow-floor-clearance)) !important;
}

html.raumriss-os .home-runtime-shell.rr-page-frame {
  padding-bottom: calc(
    var(--home-layout-dock-clearance, var(--runtime-dock-clearance)) + var(--shadow-floor-clearance)
  ) !important;
}

/* ── 2 · Raum-Deck · ein Slab, ein Schatten ──────────────────────────────── */

html.raumriss-os .room-runtime-deck.room-composition {
  background: linear-gradient(
    188deg,
    color-mix(in srgb, var(--room-select-paper, #f8f4ec) 97%, #fff 3%) 0%,
    color-mix(in srgb, var(--room-select-cream, #e8dfd0) 70%, var(--room-select-paper, #f8f4ec) 30%) 100%
  ) !important;
  box-shadow: var(--shadow-floor-lift) !important;
  margin-bottom: 0.35rem !important;
}

html.raumriss-os .room-runtime-deck.room-composition::before,
html.raumriss-os .room-runtime-deck.room-composition::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
}

html.raumriss-os .room-runtime-deck.room-composition .room-composition__stage,
html.raumriss-os .room-runtime-deck.room-composition .room-composition__stage.rr-room-surface {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
}

/* ── 3 · Home · gleiche Boden-Logik ─────────────────────────────────────── */

html.raumriss-os .home-runtime-shell .home-main-stage,
html.raumriss-os .home-runtime-shell .home-capture-panel,
html.raumriss-os .home-runtime-shell .ablage-panel,
html.raumriss-os .home-runtime-shell .continuity-shelf,
html.raumriss-os .home-runtime-shell .environment-capture-panel,
html.raumriss-os .home-runtime-shell .time-anchors-panel {
  box-shadow: var(--shadow-floor-lift) !important;
}

html.raumriss-os .home-runtime-shell .operating-environment,
html.raumriss-os .home-runtime-shell .runtime-instrument-deck.home-composition,
html.raumriss-os .home-runtime-shell .home-composition,
html.raumriss-os .home-runtime-shell .home-capture-shelf,
html.raumriss-os .home-runtime-shell .home-room-band,
html.raumriss-os .home-runtime-shell .home-main-stage {
  overflow: visible !important;
}

/* ── 4 · Canvas · keine doppelte Studio-Vignette ─────────────────────────── */

html.raumriss-os body::before,
html.raumriss-os body::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

/* ── 5 · Riss-Dock · kein schwarzer Halo nach oben ───────────────────────── */

html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] .riss-core-module,
html.raumriss-os #raumriss-runtime-dock [aria-label="Riss Core"] form.riss-core-form {
  box-shadow:
    0 10px 28px rgba(28, 25, 20, 0.11),
    0 3px 10px rgba(28, 25, 20, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

/* ── 6 · ALIVEMAEX · Atrium vertikal, warm, ohne Fremd-Glow ─────────────── */

html.raumriss-os .room-shell[data-room-slug="alivemaex"]::before {
  display: none !important;
  content: none !important;
}

@media (min-width: 1024px) {
  html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-composition .room-atrium-layer {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(0.65rem, 1.2vw, 0.9rem) !important;
  }

  html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-composition .room-atrium-layer > * {
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    border-left: none !important;
    padding-left: inherit !important;
    padding-right: inherit !important;
  }
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-composition__stage.rr-room-surface {
  background: color-mix(in srgb, var(--work-paper, #f3ecdf) 94%, #fff 6%) !important;
  box-shadow: none !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-composition__stage.rr-room-surface::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .alivemaex-creator-presence__chrome {
  margin-bottom: clamp(0.55rem, 1vw, 0.75rem);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-room-periphery-rhythm-pass.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Room Periphery Rhythm Pass
 * Beiwerk-Spalte · Atem zwischen Schrift und Kante — layout/typography only
 * Loaded last via globals.css
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1 · Kammer · etwas mehr Innenraum in der Peripherie ───────────────── */

html.raumriss-os .room-composition .room-periphery-rail .room-chamber--beiwerk,
html.raumriss-os .room-composition .room-periphery-rail .workspace-section--ambient {
  padding: clamp(1.05rem, 2vw, 1.35rem) clamp(1rem, 1.85vw, 1.2rem) !important;
}

html.raumriss-os .room-periphery-rail .room-chamber-kicker {
  margin-bottom: 0.7rem !important;
}

/* Statuszeile (z. B. „1 Aufgaben offen …“) — im Fluss, nicht über dem Feld */
html.raumriss-os .room-periphery-rail .workspace-section--hush .room-chamber-aside {
  position: static !important;
  right: auto !important;
  top: auto !important;
  text-align: left !important;
  margin: 0 0 0.85rem 0 !important;
  max-width: 42ch !important;
  line-height: 1.55 !important;
}

/* ── 2 · Eingaben · vertikaler Atem ─────────────────────────────────────── */

html.raumriss-os .room-periphery-rail .room-material-form {
  margin-top: 0 !important;
}

html.raumriss-os .room-periphery-rail .room-task-capture {
  margin-bottom: 0.5rem !important;
}

html.raumriss-os .room-periphery-rail .atmo-composer--capture,
html.raumriss-os .room-periphery-rail .atmo-composer--note,
html.raumriss-os .room-periphery-rail textarea.atmo-composer--note {
  padding: 0.75rem 0.9rem !important;
}

html.raumriss-os .room-periphery-rail .room-material-note-actions {
  padding-top: 0.45rem !important;
  padding-bottom: 0.2rem !important;
  gap: 0.65rem 0.85rem !important;
}

/* ── 3 · Register & Zettel · horizontales Padding wiederherstellen ─────── */

html.raumriss-os .room-periphery-rail .atmo-register,
html.raumriss-os .room-worksurface .room-material-slip {
  padding: 0.9rem 1rem !important;
}

html.raumriss-os .room-periphery-rail .atmo-slate {
  margin-top: 0.75rem !important;
}

html.raumriss-os .room-chamber--material-ideas > .mt-5 {
  margin-top: 0.65rem !important;
}

/* ── 4 · Aufgaben · Zeilenrhythmus ─────────────────────────────────────── */

html.raumriss-os .room-periphery-rail .room-task-row__activity {
  margin-top: 0.42rem !important;
}

html.raumriss-os .room-periphery-rail .room-task-row__step {
  margin-top: 0.52rem !important;
  line-height: 1.55 !important;
}

html.raumriss-os .room-periphery-rail .room-task-row__meta {
  margin-top: 0.65rem !important;
  gap: 0.45rem 0.55rem !important;
}

html.raumriss-os .room-periphery-rail .room-task-row__meta select.atmo-select {
  padding: 0.34rem 0.52rem !important;
  min-height: 1.8rem !important;
}

html.raumriss-os .room-periphery-rail .atmo-chip {
  padding: 0.28rem 0.58rem !important;
  line-height: 1.35 !important;
}

html.raumriss-os .room-periphery-rail .room-material-slip__head {
  gap: 0.55rem 0.75rem !important;
}

html.raumriss-os .room-periphery-rail .room-material-card__meta,
html.raumriss-os .room-periphery-rail .room-material-slip .atmo-mark {
  margin-top: 0.45rem !important;
}

/* ── 5 · Material im Raum · Bundle & Fußzeilen ─────────────────────────── */

html.raumriss-os .room-periphery-rail .room-material-chamber__zones {
  gap: 1rem !important;
  margin-top: 0.35rem !important;
}

html.raumriss-os .room-periphery-rail .zone-material-surface--chamber {
  margin-top: 0.25rem !important;
}

html.raumriss-os .room-periphery-rail .zone-material-surface__bundle {
  padding: 0.9rem 1rem !important;
  margin-bottom: 0.7rem !important;
  border-radius: 10px !important;
  border: 1px solid rgba(20, 19, 15, 0.1) !important;
  background: color-mix(in srgb, #fcf9f2 78%, #f4ede2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

html.raumriss-os .room-periphery-rail .zone-material-surface__bundle-head {
  padding: 0.2rem 0 0.8rem !important;
}

html.raumriss-os .room-periphery-rail .zone-material-surface__bundle-title-row {
  gap: 0.45rem 0.75rem !important;
  margin-bottom: 0.4rem !important;
}

html.raumriss-os .room-periphery-rail .zone-material-surface__bundle-field-summary,
html.raumriss-os .room-periphery-rail .zone-material-surface__bundle-mood-whisper,
html.raumriss-os .room-periphery-rail .zone-material-surface__bundle-presence-whisper {
  margin-top: 0.35rem !important;
}

html.raumriss-os .room-periphery-rail .zone-material-surface__material-wall,
html.raumriss-os .room-periphery-rail .zone-material-surface__material-wall--ads {
  margin-top: 0.55rem !important;
  gap: 0.6rem !important;
}

html.raumriss-os .room-periphery-rail .zone-material-surface__structure-fold,
html.raumriss-os .room-periphery-rail .zone-material-surface__drive-sync {
  margin-top: 0.9rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.2rem !important;
}

html.raumriss-os .room-periphery-rail .zone-material-surface__structure-fold > summary,
html.raumriss-os .room-periphery-rail .zone-material-surface__drive-sync-btn {
  padding-block: 0.35rem !important;
}

html.raumriss-os .room-periphery-rail .material-intake__card {
  padding: 0.9rem 1rem !important;
}

html.raumriss-os .room-periphery-rail .material-intake__header {
  margin-bottom: 0.55rem !important;
}

html.raumriss-os .room-periphery-rail .material-intake__placement,
html.raumriss-os .room-periphery-rail .material-intake__reason {
  margin-top: 0.35rem !important;
}

html.raumriss-os .room-periphery-rail .material-intake__actions {
  margin-top: 0.75rem !important;
  gap: 0.5rem !important;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-gravity-feeling-pass.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Gravity Feeling Pass
 * Schwerkraft · Kupfer-Ember · Phasenlicht · monumentaler Eingang
 * Loaded last via globals.css — feeling only, no feature surface
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --gravity-ink: #181410;
  --gravity-ink-soft: #524b42;
  --gravity-ink-faint: #7a7266;
  --gravity-paper: #f0e8da;
  --gravity-cream: #e4d9c6;
  --gravity-floor: #ddd2be;
  --gravity-ember: #d97822;
  --gravity-ember-glow: rgba(217, 120, 34, 0.22);
  --gravity-line: rgba(24, 20, 16, 0.12);
  --gravity-lift:
    inset 0 1px 0 rgba(255, 252, 245, 0.74),
    0 10px 28px rgba(24, 20, 16, 0.09),
    0 3px 9px rgba(24, 20, 16, 0.05),
    0 0 0 1px rgba(24, 20, 16, 0.04);
  --gravity-lift-hover:
    inset 0 1px 0 rgba(255, 252, 245, 0.82),
    0 16px 40px rgba(24, 20, 16, 0.12),
    0 6px 16px rgba(24, 20, 16, 0.07),
    0 0 32px var(--gravity-ember-glow),
    0 0 0 1px color-mix(in srgb, var(--gravity-ember) 14%, rgba(24, 20, 16, 0.06));
  --shadow-floor-lift: var(--gravity-lift);
}

/* ── 1 · Werkboden · tieferer Fall, leises Phasenlicht (::after) ───────── */

html.raumriss-os .home-runtime-shell {
  position: relative;
  background: linear-gradient(
    188deg,
    color-mix(in srgb, var(--gravity-paper) 42%, #faf6ef) 0%,
    var(--work-shell-wash, #f5f0e6) 22%,
    var(--work-shell-veil, #f0ebe2) 48%,
    color-mix(in srgb, var(--gravity-floor) 55%, var(--work-shell-floor, #e9e2d4)) 100%
  ) !important;
}

html.raumriss-os .home-runtime-shell::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.55;
  background:
    radial-gradient(
      ellipse 95% 58% at 12% -6%,
      color-mix(in srgb, var(--gravity-ember) 14%, transparent),
      transparent 58%
    ),
    radial-gradient(
      ellipse 70% 45% at 92% 8%,
      color-mix(in srgb, var(--gravity-cream) 38%, transparent),
      transparent 62%
    ),
    radial-gradient(
      ellipse 120% 80% at 50% 108%,
      color-mix(in srgb, var(--gravity-ink) 8%, transparent),
      transparent 55%
    );
}

html.raumriss-os[data-atmosphere="sunrise"] .home-runtime-shell::after {
  opacity: 0.78;
  filter: saturate(1.08);
  background:
    radial-gradient(
      ellipse 88% 52% at 14% 0%,
      color-mix(in srgb, var(--gravity-ember) 28%, transparent),
      transparent 56%
    ),
    radial-gradient(
      ellipse 120% 80% at 50% 108%,
      color-mix(in srgb, var(--gravity-ink) 6%, transparent),
      transparent 55%
    );
}

html.raumriss-os[data-atmosphere="dusk"] .home-runtime-shell::after,
html.raumriss-os[data-atmosphere="night"] .home-runtime-shell::after {
  opacity: 0.68;
  filter: saturate(0.94) brightness(0.98);
  background:
    radial-gradient(
      ellipse 100% 62% at 8% 0%,
      color-mix(in srgb, var(--gravity-ember) 10%, #6b5c8a 6%, transparent),
      transparent 58%
    ),
    radial-gradient(
      ellipse 130% 90% at 50% 112%,
      color-mix(in srgb, var(--gravity-ink) 14%, transparent),
      transparent 52%
    );
}

html.raumriss-os .home-runtime-shell > * {
  position: relative;
  z-index: 1;
}

/* ── 2 · Hero · schwerere Typo, wärmere Kante ─────────────────────────── */

html.raumriss-os .home-runtime-shell .environment-hero::before {
  width: 3px !important;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--gravity-ember) 88%, var(--gravity-ink-soft)) 0%,
    color-mix(in srgb, var(--gravity-ember) 32%, transparent) 72%,
    transparent 100%
  ) !important;
  box-shadow:
    0 0 18px color-mix(in srgb, var(--gravity-ember) 28%, transparent),
    0 0 2px color-mix(in srgb, var(--gravity-ember) 42%, transparent) !important;
}

html.raumriss-os .home-runtime-shell .environment-hero .rr-page-title {
  font-weight: 600 !important;
  letter-spacing: -0.034em !important;
  text-shadow:
    0 1px 0 rgba(255, 252, 245, 0.35),
    0 12px 28px rgba(24, 20, 16, 0.06) !important;
}

html.raumriss-os .home-runtime-shell .environment-hero .type-body {
  max-width: 32ch !important;
  font-weight: 480 !important;
  line-height: 1.55 !important;
  color: color-mix(in srgb, var(--gravity-ink-soft) 94%, var(--gravity-ink)) !important;
}

html.raumriss-os .home-runtime-shell .presence-clock--hero .presence-clock-time {
  font-weight: 560 !important;
  text-shadow: 0 8px 22px rgba(24, 20, 16, 0.08);
}

/* ── 3 · Stage & Fokus · mehr Materialgewicht ─────────────────────────── */

html.raumriss-os .home-runtime-shell .home-main-stage {
  border-color: var(--gravity-line) !important;
  box-shadow: var(--gravity-lift) !important;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer--focus {
  background: color-mix(in srgb, #fff 32%, var(--gravity-paper) 68%) !important;
  border-color: color-mix(in srgb, var(--gravity-ember) 12%, var(--gravity-line)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.85),
    inset 0 -1px 0 rgba(24, 20, 16, 0.04),
    0 10px 26px rgba(24, 20, 16, 0.08) !important;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer--focus::before {
  opacity: 0.88 !important;
  background: color-mix(in srgb, var(--gravity-ember) 62%, var(--gravity-ink-faint)) !important;
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--gravity-ember) 22%, transparent),
    0 0 14px color-mix(in srgb, var(--gravity-ember) 18%, transparent) !important;
}

html.raumriss-os .home-runtime-shell .home-current-focus__line {
  font-weight: 540 !important;
  letter-spacing: -0.02em !important;
}

/* ── 4 · Raumkarten · Kupfer-Kontakt beim Hover ─────────────────────────── */

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile:hover,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile:hover {
  transform: translateY(-2px) !important;
  border-color: color-mix(in srgb, var(--gravity-ember) 22%, var(--gravity-line)) !important;
  box-shadow: var(--gravity-lift-hover) !important;
}

html.raumriss-os .home-runtime-shell .home-room-chamber[data-room-warmth="warm"],
html.raumriss-os .home-runtime-shell .home-room-chamber[data-room-warmth="active"] {
  border-color: color-mix(in srgb, var(--gravity-ember) 16%, var(--gravity-line)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.7),
    0 0 24px color-mix(in srgb, var(--gravity-ember-glow) 65%, transparent) !important;
}

/* ── 5 · Raum-Deck · schwererer Slab ───────────────────────────────────── */

html.raumriss-os .room-runtime-deck.room-composition {
  background: linear-gradient(
    186deg,
    color-mix(in srgb, var(--gravity-paper) 92%, #fff 8%) 0%,
    color-mix(in srgb, var(--gravity-cream) 78%, var(--gravity-paper) 22%) 100%
  ) !important;
  box-shadow: var(--gravity-lift) !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-runtime-deck.room-composition {
  box-shadow:
    var(--gravity-lift),
    0 0 48px color-mix(in srgb, var(--gravity-ember) 6%, transparent) !important;
}

html.raumriss-os .room-composition .room-chamber--workbench {
  border-color: color-mix(in srgb, var(--gravity-line) 90%, transparent) !important;
}

/* ── 6 · Session-Header · dünnes Kupferband ─────────────────────────────── */

html.raumriss-os .runtime-presence-layer.runtime-session-header {
  box-shadow:
    0 1px 0 rgba(255, 252, 245, 0.58),
    0 8px 22px rgba(24, 20, 16, 0.07),
    inset 0 -1px 0 color-mix(in srgb, var(--gravity-ember) 8%, transparent) !important;
}

html.raumriss-os .runtime-presence-layer--home .runtime-session-header__inner {
  border-bottom: none;
}

/* ── 7 · Ablage & Capture · warme Tiefe ─────────────────────────────────── */

html.raumriss-os .home-runtime-shell .ablage-panel,
html.raumriss-os .home-runtime-shell .home-capture-panel,
html.raumriss-os .home-runtime-shell .continuity-shelf {
  border-color: var(--gravity-line) !important;
  box-shadow: var(--gravity-lift) !important;
}

html.raumriss-os .ablage-draft:focus-visible,
html.raumriss-os .ideas-draft:focus-visible {
  border-color: color-mix(in srgb, var(--gravity-ember) 38%, var(--gravity-line)) !important;
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--gravity-ember) 12%, transparent),
    inset 0 1px 0 rgba(255, 252, 245, 0.5) !important;
}

/* ── 8 · Entry Gate · monumentaler, warmer ─────────────────────────────── */

html.raumriss-os .rr-entry-gate {
  background:
    radial-gradient(
      ellipse 90% 55% at 50% 0%,
      color-mix(in srgb, var(--gravity-ember) 16%, var(--os-bg, #0e0d0c)),
      var(--os-bg, #0e0d0c) 62%
    ),
    linear-gradient(
      182deg,
      color-mix(in srgb, var(--gravity-ink) 8%, var(--os-bg, #0e0d0c)) 0%,
      var(--os-bg, #0e0d0c) 100%
    ) !important;
}

html.raumriss-os .rr-entry-gate::before {
  opacity: 1 !important;
  background:
    radial-gradient(
      ellipse 72% 48% at 50% 18%,
      color-mix(in srgb, var(--gravity-ember) 22%, transparent),
      transparent 58%
    ),
    radial-gradient(
      circle at 50% 100%,
      color-mix(in srgb, var(--gravity-ink) 18%, transparent),
      transparent 52%
    ) !important;
  transform-origin: 50% 30%;
  will-change: transform, opacity;
  animation: rr-entry-ember-drift 22s ease-in-out infinite alternate;
}

@keyframes rr-entry-ember-drift {
  0% {
    transform: translate3d(-3%, -1.5%, 0) scale(1.06);
    opacity: 0.82;
  }
  50% {
    transform: translate3d(2.5%, 1.5%, 0) scale(1.14);
    opacity: 1;
  }
  100% {
    transform: translate3d(3.5%, -1%, 0) scale(1.08);
    opacity: 0.88;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.raumriss-os .rr-entry-gate::before {
    animation: none;
  }
}

html.raumriss-os .rr-entry-gate__clock {
  font-weight: 500 !important;
  font-size: clamp(2.65rem, 1.4vw + 2.2rem, 3.15rem) !important;
  color: var(--os-text, #2a2722) !important;
  text-shadow: 0 1px 1px rgba(255, 252, 245, 0.5);
}

html.raumriss-os .rr-entry-gate__title {
  margin-top: 1.55rem !important;
  font-size: clamp(1.15rem, 0.5vw + 1rem, 1.35rem) !important;
  font-weight: 580 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--os-text, #2a2722) 90%, var(--os-text-soft, #6b665c)) !important;
}

html.raumriss-os .rr-entry-gate__domain {
  letter-spacing: 0.14em !important;
  color: var(--os-text-soft, #6b665c) !important;
  opacity: 0.9;
}

html.raumriss-os .rr-entry-form {
  border-color: color-mix(in srgb, var(--gravity-ember) 14%, var(--os-border-soft)) !important;
  box-shadow:
    0 14px 38px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 252, 245, 0.06),
    0 0 40px color-mix(in srgb, var(--gravity-ember-glow) 35%, transparent) !important;
}

/* ── 9 · Phasen · html-Atmosphäre verstärken (subtil) ───────────────────── */

html.raumriss-os[data-atmosphere="sunrise"] {
  --atmo-presence-glow: rgba(251, 146, 60, 0.048);
  --atmo-vignette: rgba(70, 64, 54, 0.068);
}

html.raumriss-os[data-atmosphere="dusk"] {
  --atmo-presence-glow: rgba(217, 120, 34, 0.032);
  --atmo-vignette: rgba(38, 40, 36, 0.088);
}

html.raumriss-os[data-atmosphere="night"] {
  --atmo-vignette: rgba(34, 38, 33, 0.092);
  --atmo-room-shadow: rgba(48, 52, 48, 0.072);
}

@media (prefers-reduced-motion: reduce) {
  html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile:hover,
  html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile:hover {
    transform: none !important;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-alivemaex-room-alignment-pass.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * RAUMRISS · Alivemaex Room Alignment Pass
 * Warm Work Surfaces wie Happy Flower / Home — kein dunkles Atrium, keine SaaS-Tabs.
 */

/* ── Raumzustand · flach wie HF (kein Amber-Kasten) ─────────────────────── */

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-runtime-deck .room-chamber--atrium,
html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-runtime-deck .room-chamber--state.room-chamber--atrium,
html.raumriss-os .room-state--alivemaex-atrium.runtime-state-section {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.raumriss-os .alivemaex-room-state {
  margin-top: 0.15rem;
}

html.raumriss-os .alivemaex-room-state__reentry {
  margin: 0 0 0.35rem;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-room-state__fold {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11));
}

html.raumriss-os .alivemaex-room-state__fold > summary {
  cursor: pointer;
  list-style: none;
  padding: 0.28rem 0;
  letter-spacing: 0.04em;
  color: var(--work-ink-soft, #5c5549);
  line-height: 1.45;
}

html.raumriss-os .alivemaex-room-state__fold > summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .alivemaex-room-state__fold-body {
  padding: 0.32rem 0 0.12rem;
}

html.raumriss-os .alivemaex-room-state__ready {
  margin: 0.35rem 0 0;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-room-state__zones {
  margin-top: 0.55rem;
  padding-top: 0.45rem;
  border-top: 1px solid color-mix(in srgb, var(--work-muted-border) 55%, transparent);
}

/* Operative Signale · eine Spalte wie Commerce-Strips */
html.raumriss-os .room-signal-channel {
  position: relative;
  margin: 0;
  padding: 0 0 0 0.32rem;
  list-style: none;
  border-left: 1px solid color-mix(in srgb, var(--rr-operative-divider) 58%, transparent);
}

html.raumriss-os .room-signal-channel__item {
  display: flex;
  align-items: flex-start;
  gap: 0.42rem;
  padding: 0.32rem 0 0.32rem 0.55rem;
  border-bottom: 1px solid color-mix(in srgb, var(--rr-operative-divider) 48%, transparent);
}

html.raumriss-os .room-signal-channel__item:last-child {
  padding-bottom: 0.12rem;
  border-bottom: none;
}

html.raumriss-os .room-signal-channel__marker {
  position: static;
  flex-shrink: 0;
  width: 2px;
  height: 1.05rem;
  margin-top: 0.2rem;
  border-radius: 1px;
  opacity: 0.55;
}

html.raumriss-os .room-signal-channel__item[data-signal-tone="attention"] .room-signal-channel__marker {
  background: color-mix(in srgb, var(--raum-amber, #d97822) 68%, var(--work-ink-soft) 12%) !important;
  opacity: 0.82;
}

html.raumriss-os .room-signal-channel__copy {
  flex: 1 1 auto;
  min-width: 0;
}

html.raumriss-os .room-signal-channel__label {
  margin: 0;
  letter-spacing: 0.04em;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .room-signal-channel__source {
  font-weight: 400;
  opacity: 0.78;
}

html.raumriss-os .room-signal-channel__body {
  margin: 0.1rem 0 0;
  font-size: 0.88rem;
  line-height: 1.4;
  color: var(--work-ink, #1c1914);
}

html.raumriss-os .room-signal-channel__meta {
  margin: 0.12rem 0 0;
  line-height: 1.42;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .room-signal-channel__item[data-signal-tone="attention"] .room-signal-channel__body {
  font-weight: 500;
}

/* ── Schöpfermodus · leises Chip, kein Fremd-Panel ─────────────────────── */

html.raumriss-os .alivemaex-creator-presence__chrome {
  margin-bottom: 0.45rem;
}

html.raumriss-os .alivemaex-creator-presence__active-bar,
html.raumriss-os .alivemaex-creator-presence__start {
  gap: 0.38rem 0.55rem;
}

html.raumriss-os .alivemaex-creator-presence__start > button,
html.raumriss-os .alivemaex-creator-presence__active-bar > button {
  padding: 0.24rem 0.48rem !important;
  border-radius: 6px !important;
  border: 1px solid var(--work-chip-border, rgba(28, 25, 20, 0.09)) !important;
  background: var(--work-chip-surface) !important;
  color: var(--work-ink-soft, #5c5549) !important;
  box-shadow: var(--work-control-shadow) !important;
  font: inherit;
}

/* ── Raum-Atrium · heller Werkboden ─────────────────────────────────────── */

html.raumriss-os .room-shell[data-room-slug="alivemaex"]::before {
  display: none !important;
  content: none !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .alivemaex-room-pulse {
  margin-top: 0 !important;
  padding: clamp(0.52rem, 0.98vw, 0.72rem) 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: inset 0 1px 0 var(--work-muted-border, rgba(28, 25, 20, 0.11)) !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .alivemaex-room-pulse[data-cover-first="true"] {
  padding: clamp(0.52rem, 0.98vw, 0.72rem) 0 !important;
  margin-top: clamp(0.35rem, 0.8vw, 0.55rem) !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: inset 0 1px 0 var(--work-muted-border, rgba(28, 25, 20, 0.11)) !important;
}

html.raumriss-os .alivemaex-room-pulse__strips {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  position: relative;
  padding-left: 0.32rem;
}

html.raumriss-os .alivemaex-room-pulse__strips[data-operative-axis]::before {
  content: "";
  position: absolute;
  left: 0.32rem;
  top: 0.25rem;
  bottom: 0.25rem;
  width: 1px;
  background: color-mix(in srgb, var(--rr-operative-divider) 58%, transparent);
  opacity: 0.75;
}

html.raumriss-os .alivemaex-room-pulse__strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.34rem 0.52rem;
  padding: 0.32rem 0.18rem !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid color-mix(in srgb, var(--rr-operative-divider) 52%, transparent);
}

html.raumriss-os .alivemaex-room-pulse__strip:last-child {
  border-bottom: none;
}

html.raumriss-os .alivemaex-room-pulse__visibility {
  margin: 0.28rem 0 0 !important;
  padding: 0.28rem 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html.raumriss-os .alivemaex-room-pulse__fold {
  border-top-color: var(--work-muted-border, rgba(28, 25, 20, 0.11)) !important;
}

html.raumriss-os .alivemaex-room-pulse__intake {
  border-top-color: color-mix(in srgb, var(--work-muted-border) 65%, transparent) !important;
  opacity: 0.88;
}

/* ── Releases-Zone · warmer Operative Stack ─────────────────────────────── */

html.raumriss-os .zone-business-ops--release-room .zone-operative-stack {
  background: color-mix(
    in srgb,
    var(--work-paper, #f3ecdf) 90%,
    var(--work-cream, #e8dfd0) 10%
  ) !important;
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11)) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow-floor-lift, var(--work-surface-shadow-light)) !important;
  padding: clamp(0.75rem, 1.35vw, 1rem) clamp(0.85rem, 1.5vw, 1.1rem) !important;
}

html.raumriss-os .zone-business-ops--release-room .alivemaex-release-surface {
  padding: 0 !important;
}

html.raumriss-os .alivemaex-release-zone-context {
  background: color-mix(
    in srgb,
    var(--work-cream, #e8dfd0) 24%,
    var(--work-paper, #f3ecdf) 76%
  ) !important;
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11)) !important;
  box-shadow: var(--work-surface-shadow-light) !important;
  border-radius: 10px !important;
}

html.raumriss-os .alivemaex-release-zone-context__headline {
  color: var(--work-ink, #1c1914) !important;
}

/* ── Sichtbarkeits-Raum · ruhige Schichtwahl ────────────────────────────── */

html.raumriss-os .alivemaex-visibility-room__nav {
  display: flex;
  flex-direction: column;
  gap: 0.42rem;
  margin-bottom: 0.45rem;
}

html.raumriss-os .alivemaex-visibility-room__view-fold {
  margin: 0;
  padding: 0;
  border-top: 1px solid color-mix(in srgb, var(--work-muted-border) 55%, transparent);
}

html.raumriss-os .alivemaex-visibility-room__view-fold > summary {
  cursor: pointer;
  list-style: none;
  padding: 0.22rem 0;
  letter-spacing: 0.05em;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-visibility-room__view-fold > summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .alivemaex-visibility-room__views {
  display: flex;
  flex-wrap: wrap;
  gap: 0.28rem;
  margin: 0.28rem 0 0;
  padding: 0;
}

html.raumriss-os .alivemaex-visibility-room__view-btn,
html.raumriss-os .alivemaex-design-material__view-btn {
  padding: 0.24rem 0.48rem !important;
  border-radius: 6px !important;
  border: 1px solid var(--work-chip-border, rgba(28, 25, 20, 0.09)) !important;
  background: var(--work-chip-surface) !important;
  cursor: pointer;
  opacity: 0.72;
  font: inherit;
  color: var(--work-ink-soft, #5c5549) !important;
  box-shadow: none !important;
}

html.raumriss-os .alivemaex-visibility-room__view-btn[data-active="true"],
html.raumriss-os .alivemaex-design-material__view-btn[data-active="true"] {
  opacity: 1 !important;
  color: var(--work-ink, #1c1914) !important;
  border-color: color-mix(
    in srgb,
    var(--raum-amber, #d97822) 30%,
    var(--work-chip-border)
  ) !important;
  box-shadow: var(--work-control-shadow) !important;
}

html.raumriss-os .alivemaex-visibility-room__aurel-btn,
html.raumriss-os .alivemaex-design-material__action {
  align-self: flex-start;
  padding: 0.28rem 0.52rem !important;
  border-radius: 6px !important;
  border: 1px solid color-mix(in srgb, var(--raum-amber, #d97822) 22%, var(--work-chip-border)) !important;
  background: var(--work-chip-surface) !important;
  color: var(--work-ink-soft, #5c5549) !important;
  box-shadow: var(--work-control-shadow) !important;
  opacity: 0.92 !important;
}

html.raumriss-os .alivemaex-visibility-room__panel,
html.raumriss-os .alivemaex-design-material__panel {
  gap: 0.42rem;
}

html.raumriss-os .alivemaex-visibility-room__calm-chip {
  padding: 0.2rem 0.42rem;
  border-radius: 6px;
  border: 1px solid var(--work-chip-border);
  background: var(--work-chip-surface);
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-readiness__atmosphere {
  background: color-mix(
    in srgb,
    var(--work-cream, #e8dfd0) 18%,
    var(--work-paper, #f3ecdf) 82%
  ) !important;
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11)) !important;
  box-shadow: none !important;
}

html.raumriss-os .alivemaex-design-material {
  padding: clamp(0.35rem, 0.75vw, 0.5rem) 0;
}

html.raumriss-os .alivemaex-design-material__views {
  gap: 0.28rem;
  margin-bottom: 0.45rem;
}

html.raumriss-os .alivemaex-release-surface__input,
html.raumriss-os .alivemaex-design-material__input {
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11)) !important;
  background: color-mix(in srgb, var(--work-paper, #f3ecdf) 88%, var(--work-cream, #e8dfd0) 12%) !important;
  color: var(--work-ink, #1c1914) !important;
}

html.raumriss-os .alivemaex-visibility-room__content-item,
html.raumriss-os .alivemaex-visibility-room__release-list li {
  border-bottom-color: color-mix(in srgb, var(--work-muted-border) 70%, transparent) !important;
}

html.raumriss-os .alivemaex-creator-presence__start-form {
  background: color-mix(in srgb, var(--work-paper, #f3ecdf) 92%, #fff 8%) !important;
  border-color: var(--work-muted-border, rgba(28, 25, 20, 0.11)) !important;
  box-shadow: var(--work-surface-shadow-light) !important;
}

/* ── Operational Layer v1 · „Der Raum hält das Release" ──────────────────── */

html.raumriss-os .alivemaex-ops {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  margin: 0.6rem 0 0;
  padding: 0.7rem 0 0;
  border-top: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11));
}

html.raumriss-os .alivemaex-ops__holding {
  margin: 0;
  font-size: 0.96rem;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: var(--work-ink, #1c1914);
}

html.raumriss-os .alivemaex-ops__band {
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
  padding: 0.42rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--work-muted-border) 52%, transparent);
}

html.raumriss-os .alivemaex-ops__band:last-of-type {
  border-bottom: none;
}

html.raumriss-os .alivemaex-ops__band-kicker,
html.raumriss-os .alivemaex-ops__line-kicker,
html.raumriss-os .alivemaex-ops__lane-label {
  margin: 0;
  letter-spacing: 0.06em;
  text-transform: lowercase;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-ops__band-focus {
  margin: 0;
  line-height: 1.42;
  color: var(--work-ink, #1c1914);
}

html.raumriss-os .alivemaex-ops__milestone {
  margin: 0;
  color: color-mix(in srgb, var(--raum-amber, #d97822) 64%, var(--work-ink-soft) 24%);
}

html.raumriss-os .alivemaex-ops__anchors {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  margin: 0.1rem 0 0;
  padding: 0;
  list-style: none;
}

html.raumriss-os .alivemaex-ops__anchors li {
  display: flex;
  gap: 0.5rem;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-ops__anchor-when {
  flex-shrink: 0;
  min-width: 3.4rem;
  color: var(--work-ink, #1c1914);
}

html.raumriss-os .alivemaex-ops__needs ul,
html.raumriss-os .alivemaex-ops__decisions,
html.raumriss-os .alivemaex-ops__prepared {
  margin: 0.15rem 0 0;
  padding: 0 0 0 0.9rem;
  list-style: disc;
}

html.raumriss-os .alivemaex-ops__needs li,
html.raumriss-os .alivemaex-ops__decisions li {
  line-height: 1.42;
  color: var(--work-ink, #1c1914);
}

html.raumriss-os .alivemaex-ops__waiting,
html.raumriss-os .alivemaex-ops__quiet {
  margin: 0.1rem 0 0;
  line-height: 1.42;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-ops__prepared {
  list-style: none;
  padding-left: 0;
}

html.raumriss-os .alivemaex-ops__prepared li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.34rem 0.5rem;
  padding: 0.18rem 0;
  line-height: 1.4;
  color: var(--work-ink, #1c1914);
  border-bottom: 1px solid color-mix(in srgb, var(--work-muted-border) 38%, transparent);
}

html.raumriss-os .alivemaex-ops__prepared li:last-child {
  border-bottom: none;
}

html.raumriss-os .alivemaex-ops__lanes-fold,
html.raumriss-os .alivemaex-ops__automation-fold {
  margin: 0;
  padding: 0.42rem 0 0;
  border-top: 1px solid color-mix(in srgb, var(--work-muted-border) 52%, transparent);
}

html.raumriss-os .alivemaex-ops__fold-summary {
  cursor: pointer;
  list-style: none;
  padding: 0.18rem 0;
  letter-spacing: 0.05em;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-ops__fold-summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .alivemaex-ops__lanes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
  gap: 0.55rem 0.9rem;
  margin-top: 0.4rem;
}

html.raumriss-os .alivemaex-ops__lane ul {
  margin: 0.18rem 0 0;
  padding: 0;
  list-style: none;
}

html.raumriss-os .alivemaex-ops__lane li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.3rem 0.6rem;
  padding: 0.16rem 0;
  line-height: 1.38;
  color: var(--work-ink, #1c1914);
}

html.raumriss-os .alivemaex-ops__state {
  flex-shrink: 0;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-ops__lane li[data-state="waiting_material"] .alivemaex-ops__state,
html.raumriss-os .alivemaex-ops__lane li[data-state="needs_max"] .alivemaex-ops__state {
  color: color-mix(in srgb, var(--raum-amber, #d97822) 58%, var(--work-ink-soft) 30%);
}

html.raumriss-os .alivemaex-ops__automation ul {
  margin: 0.35rem 0 0;
  padding: 0;
  list-style: none;
}

html.raumriss-os .alivemaex-ops__automation li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.34rem 0.55rem;
  padding: 0.2rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--work-muted-border) 38%, transparent);
}

html.raumriss-os .alivemaex-ops__automation li:last-child {
  border-bottom: none;
}

html.raumriss-os .alivemaex-ops__automation li[data-ready="false"] {
  opacity: 0.66;
}

html.raumriss-os .alivemaex-ops__automation-title {
  color: var(--work-ink, #1c1914);
}

/* ── Calendar / Time Lane v1 · ruhige Zeit-Bewusstseins-Schicht ──────────── */

html.raumriss-os .calendar-lane {
  display: flex;
  flex-direction: column;
  gap: 0.42rem;
}

html.raumriss-os .calendar-lane__kicker {
  margin: 0;
  letter-spacing: 0.06em;
  text-transform: lowercase;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .calendar-lane__band {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  padding: 0.32rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--work-muted-border) 42%, transparent);
}

html.raumriss-os .calendar-lane__band:last-of-type {
  border-bottom: none;
}

html.raumriss-os .calendar-lane__band-kicker {
  margin: 0;
  letter-spacing: 0.06em;
  text-transform: lowercase;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .calendar-lane__quiet {
  margin: 0;
  line-height: 1.42;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .calendar-lane__items {
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
  margin: 0.1rem 0 0;
  padding: 0;
  list-style: none;
}

html.raumriss-os .calendar-lane__item {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.3rem 0.55rem;
  line-height: 1.4;
  color: var(--work-ink, #1c1914);
}

html.raumriss-os .calendar-lane__when {
  flex-shrink: 0;
  min-width: 3.4rem;
  color: var(--work-ink, #1c1914);
}

html.raumriss-os .calendar-lane__room,
html.raumriss-os .calendar-lane__hint {
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .calendar-lane__band[data-band="release"] .calendar-lane__hint,
html.raumriss-os .calendar-lane__item[data-kind="release_milestone"] .calendar-lane__hint,
html.raumriss-os .calendar-lane__band[data-band="needs-max"] .calendar-lane__hint {
  color: color-mix(in srgb, var(--raum-amber, #d97822) 58%, var(--work-ink-soft) 30%);
}

/* leise zurückhaltend, wenn der Raum nur vermutet ist */
html.raumriss-os .calendar-lane__item[data-confidence="low"] .calendar-lane__room {
  opacity: 0.7;
}

/* ── Tool-Briefings · saubere Handoffs ───────────────────────────────────── */

html.raumriss-os .alivemaex-briefings {
  display: flex;
  flex-direction: column;
  gap: 0.32rem;
}

html.raumriss-os .alivemaex-briefings__kicker {
  margin: 0;
  letter-spacing: 0.06em;
  text-transform: lowercase;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-briefings__note {
  margin: 0;
  color: var(--work-ink-soft, #5c5549);
  opacity: 0.82;
}

html.raumriss-os .alivemaex-briefings__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  gap: 0.55rem;
  margin-top: 0.32rem;
}

html.raumriss-os .alivemaex-briefings__card {
  display: flex;
  flex-direction: column;
  gap: 0.26rem;
  padding: 0.6rem 0.68rem;
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11));
  border-radius: 10px;
  background: color-mix(in srgb, var(--work-paper, #f3ecdf) 90%, var(--work-cream, #e8dfd0) 10%);
  box-shadow: var(--work-surface-shadow-light);
}

html.raumriss-os .alivemaex-briefings__card[data-status="parked"] {
  opacity: 0.62;
}

html.raumriss-os .alivemaex-briefings__card[data-status="used"] {
  opacity: 0.78;
}

html.raumriss-os .alivemaex-briefings__card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.4rem;
}

html.raumriss-os .alivemaex-briefings__target {
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--work-ink, #1c1914);
}

html.raumriss-os .alivemaex-briefings__status {
  flex-shrink: 0;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-briefings__card[data-status="ready"] .alivemaex-briefings__status {
  color: color-mix(in srgb, var(--raum-amber, #d97822) 60%, var(--work-ink-soft) 28%);
}

html.raumriss-os .alivemaex-briefings__reason {
  margin: 0;
  line-height: 1.4;
  color: var(--work-ink, #1c1914);
}

html.raumriss-os .alivemaex-briefings__context,
html.raumriss-os .alivemaex-briefings__freigabe {
  margin: 0;
  line-height: 1.4;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-briefings__freigabe {
  color: color-mix(in srgb, var(--raum-amber, #d97822) 56%, var(--work-ink-soft) 30%);
}

html.raumriss-os .alivemaex-briefings__fold {
  margin: 0.05rem 0 0;
}

html.raumriss-os .alivemaex-briefings__fold-summary {
  cursor: pointer;
  list-style: none;
  padding: 0.14rem 0;
  letter-spacing: 0.05em;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-briefings__fold-summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .alivemaex-briefings__handoff {
  margin: 0.18rem 0 0;
  padding: 0 0 0 0.95rem;
  list-style: disc;
}

html.raumriss-os .alivemaex-briefings__handoff[data-kind="checklist"] {
  list-style: none;
  padding-left: 0;
}

html.raumriss-os .alivemaex-briefings__handoff[data-kind="checklist"] li::before {
  content: "☐ ";
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-briefings__handoff li {
  line-height: 1.4;
  color: var(--work-ink, #1c1914);
}

html.raumriss-os .alivemaex-briefings__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.32rem;
  margin-top: 0.18rem;
}

html.raumriss-os .alivemaex-briefings__btn {
  padding: 0.24rem 0.5rem !important;
  border-radius: 6px !important;
  border: 1px solid var(--work-chip-border, rgba(28, 25, 20, 0.09)) !important;
  background: var(--work-chip-surface) !important;
  color: var(--work-ink-soft, #5c5549) !important;
  box-shadow: var(--work-control-shadow) !important;
  cursor: pointer;
  font: inherit;
}

html.raumriss-os .alivemaex-briefings__btn--lead {
  border-color: color-mix(in srgb, var(--raum-amber, #d97822) 26%, var(--work-chip-border)) !important;
  color: var(--work-ink, #1c1914) !important;
}

html.raumriss-os .alivemaex-briefings__btn:disabled {
  opacity: 0.55;
  cursor: default;
}

html.raumriss-os .alivemaex-briefings__draft {
  margin: 0.22rem 0 0;
  padding: 0.4rem 0.5rem;
  border: 1px solid var(--work-chip-border, rgba(28, 25, 20, 0.09));
  border-radius: 6px;
  background: color-mix(in srgb, var(--work-chip-surface, #f4efe6) 82%, transparent);
}

html.raumriss-os .alivemaex-briefings__draft-meta {
  margin: 0 0 0.24rem;
  letter-spacing: 0.05em;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-briefings__draft-text {
  margin: 0;
  max-height: 16rem;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  font: inherit;
  font-size: 0.82em;
  line-height: 1.45;
  color: var(--work-ink, #1c1914);
}

/* ── Player · alivemaex.com Website-Kammer ─────────────────────────────────── */

html.raumriss-os .alivemaex-website-subroom {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  max-width: min(100%, 72rem);
}

html.raumriss-os .alivemaex-website-subroom__head {
  position: relative;
  padding-left: 0.65rem;
}

html.raumriss-os .alivemaex-website-subroom__title {
  margin: 0.15rem 0 0;
  font-size: 1.2rem;
  font-weight: 600;
}

html.raumriss-os .alivemaex-website-subroom__line {
  margin: 0.2rem 0 0;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-website-subroom__surface {
  margin-top: 0.15rem;
}

html.raumriss-os .alivemaex-website-entry {
  margin: 0 0 0.75rem;
}

html.raumriss-os .alivemaex-website-entry__link {
  display: block;
  padding: 0.85rem 1rem;
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11));
  border-radius: 0.65rem;
  background: color-mix(in srgb, var(--work-paper, #f3ecdf) 90%, #fff 10%);
  text-decoration: none;
  color: inherit;
}

html.raumriss-os .alivemaex-website-entry__title {
  display: block;
  margin-top: 0.2rem;
  font-weight: 600;
}

html.raumriss-os .alivemaex-website-entry__open {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.65rem;
}

html.raumriss-os .zone-business-ops--website-room .alivemaex-website {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

html.raumriss-os .alivemaex-website__head {
  position: relative;
  padding-left: 0.65rem;
}

html.raumriss-os .alivemaex-website__wick {
  position: absolute;
  left: 0;
  top: 0.15rem;
  bottom: 0.15rem;
  width: 2px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--room-presence-edge, #fb923c) 55%, transparent);
}

html.raumriss-os .alivemaex-website__title {
  margin: 0.15rem 0 0;
  font-size: 1.05rem;
  font-weight: 600;
}

html.raumriss-os .alivemaex-website__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.75rem;
}

html.raumriss-os .alivemaex-website__link {
  font-size: 0.82rem;
  text-decoration: none;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-website__preview {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

html.raumriss-os .alivemaex-website__preview-head {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

html.raumriss-os .alivemaex-website__preview-switch {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

html.raumriss-os .alivemaex-website__preview-tab {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11));
  border-radius: 999px;
  padding: 0.18rem 0.55rem;
  background: color-mix(in srgb, var(--work-paper, #f3ecdf) 90%, #fff 10%);
  color: var(--work-ink-soft, #5c5549);
  cursor: pointer;
}

html.raumriss-os .alivemaex-website__preview-tab[data-active="true"] {
  border-color: color-mix(in srgb, var(--room-presence-edge, #fb923c) 45%, transparent);
  color: var(--work-ink, #1c1914);
}

html.raumriss-os .alivemaex-website__preview-frame {
  display: block;
  width: 100%;
  min-height: clamp(22rem, 58vh, 40rem);
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11));
  border-radius: 0.55rem;
  background: #111;
  border-color: color-mix(
    in srgb,
    var(--room-presence-edge, #fb923c) 18%,
    rgba(15, 15, 15, 0.35)
  );
  box-shadow:
    0 24px 64px rgba(5, 5, 7, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html.raumriss-os .alivemaex-website__preview-open {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  text-decoration: none;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .alivemaex-website__status {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

html.raumriss-os .alivemaex-website__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11));
  background: color-mix(in srgb, var(--work-paper, #f3ecdf) 88%, #fff 12%);
}

html.raumriss-os .alivemaex-website__copy,
html.raumriss-os .alivemaex-website__next {
  display: grid;
  gap: 0.45rem;
}

html.raumriss-os .alivemaex-website__field-value {
  margin: 0.1rem 0 0;
}

html.raumriss-os .alivemaex-website__next-list {
  margin: 0;
  padding-left: 1rem;
}

html.raumriss-os .alivemaex-website__edit {
  margin-top: 0.15rem;
}

html.raumriss-os .alivemaex-website__aurel {
  display: grid;
  gap: 0.45rem;
  padding-top: 0.35rem;
  border-top: 1px solid color-mix(in srgb, var(--work-muted-border) 55%, transparent);
}

html.raumriss-os .alivemaex-website__aurel-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.45rem;
}

html.raumriss-os .alivemaex-website__aurel-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.65rem;
  padding: 0.45rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--work-muted-border) 45%, transparent);
}

html.raumriss-os .alivemaex-website__aurel-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

html.raumriss-os .alivemaex-website__aurel-title {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 600;
}

html.raumriss-os .alivemaex-website__aurel-reason,
html.raumriss-os .alivemaex-website__aurel-status {
  margin: 0.15rem 0 0;
}

html.raumriss-os .alivemaex-website__aurel-btn {
  flex-shrink: 0;
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11));
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  background: color-mix(in srgb, var(--work-paper, #f3ecdf) 88%, #fff 12%);
  cursor: pointer;
}

@media (max-width: 720px) {
  html.raumriss-os .alivemaex-website__preview-frame {
    min-height: clamp(16rem, 46vh, 24rem);
  }

  html.raumriss-os .alivemaex-website-subroom {
    max-width: 100%;
  }
}

/* ── SITE EFFECT · site-effect.com Website-Kammer (gleiche Struktur wie ALIVEMAEX) ── */

html.raumriss-os .site-effect-website-subroom,
html.raumriss-os .site-effect-website {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

html.raumriss-os .site-effect-website-subroom {
  max-width: min(100%, 72rem);
}

html.raumriss-os .site-effect-website-subroom__head,
html.raumriss-os .site-effect-website__head {
  position: relative;
  padding-left: 0.65rem;
}

html.raumriss-os .site-effect-website-subroom__title {
  margin: 0.15rem 0 0;
  font-size: 1.2rem;
  font-weight: 600;
}

html.raumriss-os .site-effect-website-subroom__line {
  margin: 0.2rem 0 0;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .site-effect-website-entry {
  margin: 0 0 0.75rem;
}

html.raumriss-os .site-effect-website-entry__link {
  display: block;
  padding: 0.85rem 1rem;
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11));
  border-radius: 0.65rem;
  background: color-mix(in srgb, var(--work-paper, #f3ecdf) 90%, #fff 10%);
  text-decoration: none;
  color: inherit;
}

html.raumriss-os .site-effect-website-entry__title {
  display: block;
  margin-top: 0.2rem;
  font-weight: 600;
}

html.raumriss-os .site-effect-website-entry__open {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.65rem;
}

html.raumriss-os .site-effect-website__wick {
  position: absolute;
  left: 0;
  top: 0.15rem;
  bottom: 0.15rem;
  width: 2px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--room-presence-edge, #64748b) 55%, transparent);
}

html.raumriss-os .site-effect-website__title {
  margin: 0.15rem 0 0;
  font-size: 1.05rem;
  font-weight: 600;
}

html.raumriss-os .site-effect-website__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.75rem;
}

html.raumriss-os .site-effect-website__link {
  font-size: 0.82rem;
  text-decoration: none;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .site-effect-website__preview {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

html.raumriss-os .site-effect-website__preview-head {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

html.raumriss-os .site-effect-website__preview-switch {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

html.raumriss-os .site-effect-website__preview-tab {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11));
  border-radius: 999px;
  padding: 0.18rem 0.55rem;
  background: color-mix(in srgb, var(--work-paper, #f3ecdf) 90%, #fff 10%);
  color: var(--work-ink-soft, #5c5549);
  cursor: pointer;
}

html.raumriss-os .site-effect-website__preview-tab[data-active="true"] {
  border-color: color-mix(in srgb, var(--room-presence-edge, #64748b) 45%, transparent);
  color: var(--work-ink, #1c1914);
}

html.raumriss-os .site-effect-website__preview-frame {
  display: block;
  width: 100%;
  min-height: clamp(22rem, 58vh, 40rem);
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11));
  border-radius: 0.55rem;
  background: #111;
}

html.raumriss-os .site-effect-website__preview-open {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  text-decoration: none;
  color: var(--work-ink-soft, #5c5549);
}

html.raumriss-os .site-effect-website__section {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

html.raumriss-os .site-effect-website__region-list {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.raumriss-os .site-effect-website__region-row {
  padding: 0.55rem 0.65rem;
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11));
  border-radius: 0.5rem;
  background: color-mix(in srgb, var(--work-paper, #f3ecdf) 92%, #fff 8%);
}

html.raumriss-os .site-effect-website__region-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
}

html.raumriss-os .site-effect-website__region-title {
  font-weight: 600;
}

@media (max-width: 720px) {
  html.raumriss-os .site-effect-website__preview-frame {
    min-height: clamp(16rem, 46vh, 24rem);
  }

  html.raumriss-os .site-effect-website-subroom {
    max-width: 100%;
  }
}

html.raumriss-os .site-effect-website__status {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

html.raumriss-os .site-effect-website__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11));
  background: color-mix(in srgb, var(--work-paper, #f3ecdf) 88%, #fff 12%);
}

html.raumriss-os .site-effect-website__copy {
  display: grid;
  gap: 0.45rem;
}

html.raumriss-os .site-effect-website__field-value {
  margin: 0.1rem 0 0;
}

html.raumriss-os .site-effect-website__refresh {
  border: 1px solid var(--work-muted-border, rgba(28, 25, 20, 0.11));
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  background: color-mix(in srgb, var(--work-paper, #f3ecdf) 88%, #fff 12%);
  cursor: pointer;
}

/* ── Wiedereinstieg · kompakter, ohne Dopplung ─────────────────────────── */

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-chamber--workbench {
  padding-top: clamp(0.35rem, 0.75vw, 0.55rem) !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-workbench-headline {
  font-size: clamp(1.15rem, 2vw, 1.45rem) !important;
  line-height: 1.28 !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-workbench-presence {
  font-size: 0.8125rem !important;
  line-height: 1.48 !important;
  color: var(--work-ink-soft, #5c5549) !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-operational-bridge {
  margin-top: 0.55rem !important;
  padding: 0.42rem 0.55rem !important;
  background: color-mix(in srgb, var(--work-cream, #e8dfd0) 22%, transparent) !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-workbench-flow {
  gap: 0.55rem !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-workbench-context-strip {
  padding: 0.28rem 0 0.12rem;
  border-bottom: 1px solid color-mix(in srgb, var(--work-muted-border) 42%, transparent);
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-workbench-context-chip__label {
  font-size: 0.625rem !important;
  letter-spacing: 0.06em !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-workbench-attention {
  padding-top: 0.35rem !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-workbench-thread {
  padding: 0.42rem 0 0.48rem !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-workbench-thread__label {
  font-size: 0.625rem !important;
  letter-spacing: 0.06em !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-workbench-note {
  margin-top: 0.15rem;
  padding-bottom: calc(var(--runtime-dock-clearance, 2.5rem) + 0.35rem) !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-material-presence {
  margin-bottom: 0.35rem;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-composition .room-atrium-layer > .room-chamber {
  padding-top: clamp(0.28rem, 0.6vw, 0.42rem) !important;
  padding-bottom: clamp(0.28rem, 0.6vw, 0.42rem) !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-composition .room-atrium-layer > .room-chamber + .room-chamber {
  margin-top: 0 !important;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-creative-chamber-breathing-pass.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * RAUMRISS · Creative Chamber Breathing Pass
 *
 * HAPPY FLOWER · Creative Kammer (Hero/Primär): die rechte Kartenspalte soll
 * nie an der Panel-Kante kleben. Klar symmetrische, großzügige Innenabstände,
 * eine zentrierte Breitenbegrenzung und ruhige Kartengrößen — damit die Wand
 * auf jeder Breite vollständig sitzt und sichtbar Luft an beiden Rändern hat.
 * Nur Abstände/Größen — keine neue Palette, keine Struktur-Änderung.
 */

/* Zentrierte, ruhige Breitenbegrenzung — auf weiten Schirmen klar eingefasst. */
html.raumriss-os .zone-business-ops--creative-room .zone-material-chamber--primary {
  max-width: 76rem;
  margin-inline: auto;
}

/* Großzügige, klar symmetrische Innenabstände — beide Ränder atmen gleich. */
html.raumriss-os .zone-material-surface--hero[data-room-slug="happy_flower"] {
  box-sizing: border-box;
  padding-left: clamp(0.85rem, 2vw, 1.6rem);
  padding-right: clamp(0.85rem, 2vw, 1.6rem);
}

/* Ruhigere Kartengrößen + mehr Luft zwischen den Karten (aufgeklapptes Feld). */
html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"]
  .zone-material-surface__grid {
  grid-template-columns: repeat(auto-fill, minmax(clamp(10.5rem, 14vw, 12.5rem), 1fr));
  gap: clamp(0.7rem, 1.1vw, 1rem);
  padding-right: 0.1rem;
}

/* Kollabierte Materialwand — etwas mehr Atem zwischen den Vorschauzellen. */
html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"]
  .zone-material-surface__material-wall {
  gap: clamp(0.45rem, 0.95vw, 0.75rem);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-home-balance-pass.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Home Layout Balance Pass
 * Verteilt die Home-Details ausgewogen über die Desktop-Breite, statt sie
 * rechts zu stapeln: dominante Begrüßung oben, Zeitanker als ruhige
 * Tagesfläche links, „Eingänge & Werkzeuge" als leise Nebenspalte rechts.
 *
 * Reiner Layout-/Visual-Pass — keine Runtime-Logik, keine neuen Flächen.
 * Loaded last via globals.css (überschreibt die ältere Zwei-Spalten-Bühne).
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1 · Komposition · ein ruhiger vertikaler Stapel über alle Breiten ────────
 * Begrüßung (Bühne) → Räume-Band → Tagesfläche/Werkzeuge → Feld·Tiefe.
 * Flex statt Grid-Areas, damit die alte „stage capture / rooms rooms"-Bühne
 * nicht mehr rechtslastig wird. Grid-Platzierungen der Kinder laufen ins Leere. */

html.raumriss-os .home-runtime-shell .home-composition,
html.raumriss-os .home-runtime-shell .home-composition--living-house {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(1.1rem, 2.6vw, 1.85rem) !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  row-gap: clamp(1.1rem, 2.6vw, 1.85rem) !important;
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
  align-items: stretch !important;
}

/* Begrüßung · volle Breite, dominante aber ruhige obere Fläche.
 * Kein erzwungenes Höhen-Auseinanderziehen mehr (war für die schmale linke
 * Spalte gedacht) — natürliche Höhe, oben verankert. */
html.raumriss-os .home-runtime-shell .home-composition .home-main-stage {
  width: 100% !important;
  min-height: 0 !important;
  margin-inline: 0 !important;
  justify-content: flex-start !important;
}

/* Räume-Band und Tagesfläche stehen ohne harte Trennlinien-Doppelung;
 * der vertikale Rhythmus kommt aus dem Flex-Gap. */
html.raumriss-os .home-runtime-shell .home-composition .home-room-band,
html.raumriss-os .home-runtime-shell .home-composition .home-capture-shelf {
  width: 100% !important;
  margin-top: 0 !important;
  margin-inline: 0 !important;
}

/* ── 2 · Tagesflächen oben, Werkzeuge ausgebreitet darunter ───────────────────
 * Statt einer langen rechten Spalte: oben die zwei Tagesflächen (Zeitanker +
 * Notizen-Eingang) nebeneinander, darunter „Eingänge & Werkzeuge" als
 * ausgebreitetes Raster (mehrspaltig nach Platz) statt alles untereinander. */

html.raumriss-os .home-runtime-shell .home-capture-shelf--balanced {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(1.15rem, 2.6vw, 1.75rem) !important;
  max-width: none !important;
  width: 100% !important;
}

html.raumriss-os .home-runtime-shell .home-capture-lane {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(0.95rem, 2vw, 1.35rem) !important;
  min-width: 0 !important;
}

/* Obere Reihe · zwei Tagesflächen nebeneinander (Zeitanker etwas dominanter) */
html.raumriss-os .home-runtime-shell .home-capture-primary-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: clamp(1rem, 2.4vw, 1.6rem) !important;
  align-items: start !important;
}

@media (min-width: 860px) {
  html.raumriss-os .home-runtime-shell .home-capture-primary-row {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) !important;
  }
}

/* Werkzeuge · ausgebreitetes Raster statt einer langen Spalte.
 * Spalten füllen sich nach verfügbarem Platz; align-items:start hält die
 * Karten oben bündig (keine erzwungene gleiche Höhe). */
html.raumriss-os .home-runtime-shell .home-capture-tools {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)) !important;
  gap: clamp(0.85rem, 1.9vw, 1.3rem) !important;
  align-items: start !important;
  margin-top: clamp(0.45rem, 1.1vw, 0.7rem) !important;
}

html.raumriss-os .home-runtime-shell .home-capture-tools > .home-capture-layer {
  margin: 0 !important;
  min-width: 0 !important;
}

/* Leise Gruppen-Überschrift für die Werkzeuge — kein Kasten, nur eine
 * ausgerichtete, zurückgenommene Beschriftung. */
html.raumriss-os .home-runtime-shell .home-capture-lane__label {
  margin: 0 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--text-faint, var(--os-text-faint)) !important;
  opacity: 0.62 !important;
}

/* ── 3 · Feld · Tiefe · ganz unten, am leisesten ─────────────────────────────
 * Nach dem Verschieben im Markup folgt es der Tagesfläche; die ältere
 * grid-area-Platzierung (Bühne) entfällt im Flex-Stapel automatisch. */

html.raumriss-os .home-runtime-shell .home-composition .home-periphery-fold {
  width: 100% !important;
  margin-top: clamp(0.35rem, 1vw, 0.65rem) !important;
  align-self: stretch !important;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-material-wall-containment-pass.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Material Wall Containment Pass
 * Loaded last via globals.css — layout/containment only.
 *
 * Problem: In HAPPY FLOWER / Material- & Campaign-Ansicht lief die Materialwand
 * rechts aus dem Raum heraus und wurde abgeschnitten. Ursache: der Container-
 * Kette (zone-material-surface → continuity-table → bundle → material-wall/grid)
 * fehlte `min-width: 0`. Dadurch dehnten sich Flex/Grid-Items auf ihre
 * min-content-Breite (Ads-Variantengruppen mit min-width-Zellen), und ein
 * Vorfahr mit `overflow-x: clip` (.room-shell-rhythm) schnitt den Überlauf ab.
 *
 * Fix: Containment statt Redesign — Items dürfen schrumpfen, Cards brechen
 * sauber um (Option 1). Keine Datenlogik, keine neuen Features.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1 · Raumcontainer der Materialwand · darf nie breiter als der Raum ───── */

html.raumriss-os .zone-material-surface {
  min-width: 0;
  max-width: 100%;
}

/* ── 2 · Sektions-Liste · vertikaler Stapel, kein horizontaler Überlauf ──── */

html.raumriss-os .zone-material-surface__table,
html.raumriss-os .zone-material-surface__continuity-table {
  min-width: 0;
  max-width: 100%;
}

/* ── 3 · Einzelne Sektion (PRIMÄR / EMAIL FLOW HEADER / POP UP …) ────────── */

html.raumriss-os .zone-material-surface__bundle {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* ── 4 · Grid / Wand · Spalten dürfen schrumpfen, Cards umbrechen ────────── */

html.raumriss-os .zone-material-surface__material-wall,
html.raumriss-os .zone-material-surface__grid,
html.raumriss-os .zone-material-surface__wall-composition,
html.raumriss-os .zone-material-surface__wall-hero,
html.raumriss-os .zone-material-surface__wall-side {
  min-width: 0;
  max-width: 100%;
}

/* Variantengruppe (Ads-Reihe): bleibt umbrechend statt zu sprengen.
 * `display: contents` (non-ads) wird hiervon nicht berührt. */
html.raumriss-os .zone-material-surface__material-wall--ads .zone-material-surface__wall-variant-group {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
}

/* ── 5 · Cards · nie breiter als der Container ───────────────────────────── */

html.raumriss-os .zone-material-surface__wall-cell,
html.raumriss-os .zone-material-surface__tile {
  min-width: 0;
  max-width: 100%;
}

/* ── 6 · Bilder · sauber gefüllt, nie überbreit ─────────────────────────── */

html.raumriss-os .zone-material-surface__preview img,
html.raumriss-os .zone-material-surface__wall-cell img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ── 7 · Meta-Texte · umbrechen statt horizontal zu schieben ────────────── */

html.raumriss-os .zone-material-surface__bundle-carrying,
html.raumriss-os .zone-material-surface__bundle-tags,
html.raumriss-os .zone-material-surface__cluster-label {
  overflow-wrap: anywhere;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-calendar-surface-pass.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Kalender-Oberfläche · Layout & Material
 *
 * Eigener Lese-Kalender (Tag/Woche/Monat/Liste) als eigene Fläche — nicht im
 * Zeitanker-Panel. Ruhig, architektonisch, read-only. Reiner Visual-Pass, keine
 * Runtime-Logik. Loaded last via globals.css.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── Systemlage & Kalender · volle Breite, eigene Bereiche ────────────────── */
html.raumriss-os .home-runtime-shell .home-capture-lane--lage,
html.raumriss-os .home-runtime-shell .home-capture-lane--calendar-area {
  width: 100% !important;
  min-width: 0 !important;
}

/* Kalender bekommt Luft nach der oberen Reihe. */
html.raumriss-os .home-runtime-shell .home-capture-lane--calendar-area {
  margin-top: clamp(0.2rem, 0.8vw, 0.5rem) !important;
}

/* ── View-Switch · ruhige segmentierte Reiter ────────────────────────────── */
html.raumriss-os .rr-calendar-viewswitch {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.2rem;
  border-radius: var(--os-radius-inset, 0.6rem);
  background: color-mix(in srgb, var(--os-divider, #888) 14%, transparent);
}

html.raumriss-os .rr-calendar-viewswitch__tab {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0.3rem 0.7rem;
  border-radius: calc(var(--os-radius-inset, 0.6rem) - 0.2rem);
  color: var(--text-faint, #999);
  letter-spacing: 0.04em;
  transition:
    background-color 160ms ease,
    color 160ms ease;
}

html.raumriss-os .rr-calendar-viewswitch__tab:hover {
  color: var(--text-muted, #bbb);
}

html.raumriss-os .rr-calendar-viewswitch__tab[data-active="true"] {
  background: var(--os-surface-soft, rgba(255, 255, 255, 0.06));
  color: var(--text-secondary, #ddd);
  box-shadow: var(--os-material-l4-tray, 0 1px 2px rgba(0, 0, 0, 0.25));
}

/* ── Filter · leise Chips ─────────────────────────────────────────────────── */
html.raumriss-os .rr-calendar-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

html.raumriss-os .rr-calendar-filters__chip {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  padding: 0.22rem 0.6rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--os-divider, #888) 40%, transparent);
  background: transparent;
  color: var(--text-faint, #999);
  letter-spacing: 0.03em;
  transition:
    border-color 160ms ease,
    color 160ms ease,
    background-color 160ms ease;
}

html.raumriss-os .rr-calendar-filters__chip:hover {
  color: var(--text-muted, #bbb);
}

html.raumriss-os .rr-calendar-filters__chip[data-active="true"] {
  border-color: color-mix(in srgb, var(--os-orange, #d98a3d) 55%, var(--os-divider, #888));
  background: color-mix(in srgb, var(--os-orange, #d98a3d) 12%, transparent);
  color: var(--text-secondary, #ddd);
}

/* ── Termin-Karte · Uhrzeit links, Titel + Quelle ────────────────────────── */
html.raumriss-os .rr-calendar-panel,
html.raumriss-os .rr-calendar-body {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

html.raumriss-os .rr-calendar-event-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

html.raumriss-os .rr-calendar-event {
  display: grid;
  grid-template-columns: minmax(4.5rem, auto) 1fr;
  gap: 0.65rem;
  align-items: baseline;
  padding: 0.55rem 0.65rem;
  border-radius: var(--os-radius-inset, 0.6rem);
  background: color-mix(in srgb, var(--os-surface-soft, #1a1a1a) 60%, transparent);
  border-left: 2px solid color-mix(in srgb, var(--os-divider, #888) 50%, transparent);
  min-width: 0;
}

/* Raum-/Quellenfarbe je Kalendergruppe — textlich + farblich unterscheidbar. */
html.raumriss-os .rr-calendar-event[data-calendar-group="alivemaex"] {
  border-left-color: color-mix(in srgb, #6db3f2 60%, var(--os-divider, #888));
}
html.raumriss-os .rr-calendar-event[data-calendar-group="site_effect"] {
  border-left-color: color-mix(in srgb, var(--os-orange, #d98a3d) 60%, var(--os-divider, #888));
}
html.raumriss-os .rr-calendar-event[data-calendar-group="personal_os"] {
  border-left-color: color-mix(in srgb, #8fd6a8 60%, var(--os-divider, #888));
}
html.raumriss-os .rr-calendar-event[data-calendar-group="happy_flower"] {
  border-left-color: color-mix(in srgb, #e6a3d0 60%, var(--os-divider, #888));
}
html.raumriss-os .rr-calendar-event[data-unknown-room="true"] {
  border-left-style: dashed;
}

html.raumriss-os .rr-calendar-event__time {
  color: var(--text-muted, #bbb);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

html.raumriss-os .rr-calendar-event__body {
  min-width: 0;
}

html.raumriss-os .rr-calendar-event__title {
  color: var(--text-secondary, #ddd);
  line-height: 1.3;
  overflow-wrap: anywhere;
}

html.raumriss-os .rr-calendar-event__meta {
  margin-top: 0.2rem;
  overflow-wrap: anywhere;
}

/* iPhone: Termin-Karten stapeln, Touch-Ziele größer, nichts abschneiden */
@media (max-width: 480px) {
  html.raumriss-os .rr-calendar-event {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.25rem;
    padding: 0.7rem 0.75rem;
    min-height: 2.85rem;
  }
  html.raumriss-os .rr-calendar-event__time {
    white-space: normal;
  }
  html.raumriss-os .rr-calendar-viewswitch__tab,
  html.raumriss-os .rr-calendar-filters__chip {
    min-height: 2.5rem;
    padding: 0.45rem 0.75rem;
  }
  html.raumriss-os .rr-calendar-month__cell {
    aspect-ratio: auto;
    min-height: 2.75rem;
    padding: 0.4rem 0.2rem;
  }
  html.raumriss-os .home-capture-lane--calendar-area {
    content-visibility: visible;
    contain-intrinsic-size: none;
  }
}

html.raumriss-os .rr-calendar-event__room {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: var(--text-muted, #bbb);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--text-faint, #999) 50%, transparent);
  text-underline-offset: 2px;
}
html.raumriss-os .rr-calendar-event__room:hover {
  color: var(--text-secondary, #ddd);
}
html.raumriss-os .rr-calendar-event__room--unknown {
  text-decoration: none;
  cursor: default;
  font-style: italic;
}

/* ── Wochenansicht · 7 Tage nebeneinander, scrollbar bei Bedarf ──────────── */
html.raumriss-os .rr-calendar-week {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.4rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

html.raumriss-os .rr-calendar-week__day {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
  padding: 0.4rem;
  border-radius: var(--os-radius-inset, 0.5rem);
  background: color-mix(in srgb, var(--os-surface-soft, #1a1a1a) 45%, transparent);
  min-height: 4.5rem;
}

html.raumriss-os .rr-calendar-week__day[data-today="true"] {
  background: color-mix(in srgb, var(--os-orange, #d98a3d) 12%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--os-orange, #d98a3d) 35%, transparent);
}

html.raumriss-os .rr-calendar-week__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.25rem;
}
html.raumriss-os .rr-calendar-week__weekday {
  color: var(--text-secondary, #ddd);
  letter-spacing: 0.04em;
}

html.raumriss-os .rr-calendar-week__events {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 0;
}

html.raumriss-os .rr-calendar-week__event {
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
  padding: 0.2rem 0.3rem;
  border-radius: 0.35rem;
  background: color-mix(in srgb, var(--os-divider, #888) 16%, transparent);
  border-left: 2px solid color-mix(in srgb, var(--os-divider, #888) 55%, transparent);
  min-width: 0;
}
html.raumriss-os .rr-calendar-week__event[data-calendar-group="alivemaex"] {
  border-left-color: #6db3f2;
}
html.raumriss-os .rr-calendar-week__event[data-calendar-group="site_effect"] {
  border-left-color: var(--os-orange, #d98a3d);
}
html.raumriss-os .rr-calendar-week__event[data-calendar-group="personal_os"] {
  border-left-color: #8fd6a8;
}
html.raumriss-os .rr-calendar-week__event[data-calendar-group="happy_flower"] {
  border-left-color: #e6a3d0;
}

html.raumriss-os .rr-calendar-week__event-time {
  font-size: 0.6rem;
  color: var(--text-faint, #999);
  font-variant-numeric: tabular-nums;
}
html.raumriss-os .rr-calendar-week__event-title {
  font-size: 0.7rem;
  color: var(--text-muted, #bbb);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.raumriss-os .rr-calendar-week__more {
  font-size: 0.6rem;
}

/* Desktop: ab dem 4. Termin kompakt halten (+N weitere). Mobile zeigt alle. */
@media (min-width: 721px) {
  html.raumriss-os .rr-calendar-week__event[data-overflow="true"] {
    display: none;
  }
}

/* Schmale Breite · Woche als Agenda statt gequetschter Spalten. */
@media (max-width: 720px) {
  html.raumriss-os .rr-calendar-week {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.55rem;
  }
  html.raumriss-os .rr-calendar-week__day {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    padding: 0.65rem 0.7rem;
    gap: 0.45rem;
  }
  html.raumriss-os .rr-calendar-week__head {
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
    gap: 0.45rem;
    min-width: 0;
  }
  html.raumriss-os .rr-calendar-week__events {
    flex: 1;
    width: 100%;
    gap: 0.35rem;
  }
  html.raumriss-os .rr-calendar-week__event {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.35rem 0.55rem;
    align-items: baseline;
    padding: 0.45rem 0.55rem;
    min-height: 2.75rem;
  }
  html.raumriss-os .rr-calendar-week__event-time {
    font-size: 0.72rem;
    flex: none;
  }
  html.raumriss-os .rr-calendar-week__event-title {
    font-size: 0.82rem;
    flex: 1 1 8rem;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    overflow-wrap: anywhere;
    line-height: 1.35;
  }
  html.raumriss-os .rr-calendar-week__more {
    display: none;
  }
}

/* ── Tagesansicht · heutiges Datum (wie Monats-Titel, lesbarer als Subline) ─ */
html.raumriss-os .rr-calendar-day__title {
  text-transform: capitalize;
  color: var(--text-secondary, #ddd);
  margin-bottom: 0.65rem;
}

/* ── Monatsansicht · Tagesraster ─────────────────────────────────────────── */
html.raumriss-os .rr-calendar-month__title {
  text-transform: capitalize;
}
html.raumriss-os .rr-calendar-month__grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.3rem;
  margin-top: 0.5rem;
}
html.raumriss-os .rr-calendar-month__weekday {
  text-align: center;
  padding-bottom: 0.2rem;
}
html.raumriss-os .rr-calendar-month__cell {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  border: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  aspect-ratio: 1 / 1;
  padding: 0.25rem;
  border-radius: 0.4rem;
  background: color-mix(in srgb, var(--os-surface-soft, #1a1a1a) 40%, transparent);
  color: var(--text-muted, #bbb);
  transition: background-color 140ms ease;
}
html.raumriss-os .rr-calendar-month__cell:hover {
  background: color-mix(in srgb, var(--os-divider, #888) 22%, transparent);
}
html.raumriss-os .rr-calendar-month__cell[data-out-of-month="true"] {
  opacity: 0.4;
}
html.raumriss-os .rr-calendar-month__cell[data-today="true"] {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--os-orange, #d98a3d) 50%, transparent);
  color: var(--text-secondary, #ddd);
}
html.raumriss-os .rr-calendar-month__cell[data-selected="true"] {
  background: color-mix(in srgb, var(--os-orange, #d98a3d) 16%, transparent);
}
html.raumriss-os .rr-calendar-month__daynum {
  font-variant-numeric: tabular-nums;
  font-size: 0.75rem;
}
html.raumriss-os .rr-calendar-month__dots {
  display: flex;
  gap: 0.15rem;
}
html.raumriss-os .rr-calendar-month__dot {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 50%;
  background: var(--text-faint, #999);
}
html.raumriss-os .rr-calendar-month__dot[data-calendar-group="alivemaex"] {
  background: #6db3f2;
}
html.raumriss-os .rr-calendar-month__dot[data-calendar-group="site_effect"] {
  background: var(--os-orange, #d98a3d);
}
html.raumriss-os .rr-calendar-month__dot[data-calendar-group="personal_os"] {
  background: #8fd6a8;
}
html.raumriss-os .rr-calendar-month__dot[data-calendar-group="happy_flower"] {
  background: #e6a3d0;
}

/* ── Listenansicht · Gruppen ─────────────────────────────────────────────── */
html.raumriss-os .rr-calendar-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
html.raumriss-os .rr-calendar-list__group {
  display: flex;
  flex-direction: column;
}

html.raumriss-os .rr-calendar-empty {
  padding: 0.5rem 0;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-happy-flower-operating-pass.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · HAPPY FLOWER Operating Room Pass
 * Executive Summary + Operating Cards + Material Strip + ruhige Offene-Punkte.
 * Nur HF-Operating-Overview — kein App-Redesign. Loaded last via globals.css.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1 · Zwei Ebenen · AUREL Move über Connected Room ─────────────────────── */

html.raumriss-os .happy-flower-room-pulse__aurel-stack {
  margin: 0 0 clamp(0.85rem, 1.5vw, 1.1rem);
  padding-bottom: clamp(0.65rem, 1.2vw, 0.9rem);
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 8%, transparent);
}

html.raumriss-os .aurel-move-layer {
  position: relative;
  padding: 0 0 0.55rem 0.7rem;
}

html.raumriss-os .aurel-move-layer::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15rem;
  bottom: 0.15rem;
  width: 2px;
  border-radius: 2px;
  background: color-mix(in srgb, var(--os-orange-wick) 52%, var(--os-text) 14%);
}

html.raumriss-os .aurel-move-layer__kicker {
  margin: 0;
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

html.raumriss-os .aurel-move-layer__reading {
  margin: 0.32rem 0 0;
  font-size: clamp(0.92rem, 1.2vw, 1.05rem);
  font-weight: 520;
  letter-spacing: -0.01em;
  line-height: 1.36;
  color: color-mix(in srgb, var(--os-text) 84%, transparent);
}

html.raumriss-os .aurel-move-layer__avoid {
  margin: 0.28rem 0 0;
  font-size: clamp(0.78rem, 1vw, 0.86rem);
  line-height: 1.38;
  color: color-mix(in srgb, var(--os-orange-wick) 42%, var(--os-text) 42%);
}

html.raumriss-os .aurel-move-layer__decision {
  margin: 0.22rem 0 0;
  font-size: 0.74rem;
  line-height: 1.36;
  color: color-mix(in srgb, var(--os-text) 50%, transparent);
}

html.raumriss-os .room-ave-presence {
  margin-top: 0.55rem;
  padding-left: 0.7rem;
}

html.raumriss-os .room-ave-presence__kicker {
  margin: 0;
  font-size: 0.58rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 36%, transparent);
}

html.raumriss-os .room-ave-presence__line {
  margin: 0.2rem 0 0;
  font-size: 0.82rem;
  line-height: 1.38;
  color: color-mix(in srgb, var(--os-text) 68%, transparent);
}

html.raumriss-os .room-ave-presence__summary {
  margin: 0.15rem 0 0;
  font-size: 0.76rem;
  line-height: 1.4;
  color: color-mix(in srgb, var(--os-text) 48%, transparent);
}

/* Connected Room · Karte / Verbindungen */
html.raumriss-os .hf-connected-room__head {
  margin: 0 0 0.45rem;
}

html.raumriss-os .hf-connected-room__kicker {
  margin: 0;
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 38%, transparent);
}

html.raumriss-os .connected-room-facts {
  list-style: none;
  margin: 0 0 clamp(0.65rem, 1.1vw, 0.85rem);
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
}

html.raumriss-os .connected-room-facts__item {
  display: inline-flex;
  align-items: baseline;
  gap: 0.32rem;
  padding: 0.22rem 0.52rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--os-text) 9%, transparent);
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 22%, transparent);
  max-width: 100%;
}

html.raumriss-os .connected-room-facts__label {
  font-size: 0.72rem;
  line-height: 1.3;
  color: color-mix(in srgb, var(--os-text) 62%, transparent);
}

html.raumriss-os .connected-room-facts__status {
  font-size: 0.58rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .connected-room-facts__item[data-status="live"] .connected-room-facts__status,
html.raumriss-os .connected-room-facts__item[data-status="read_only"] .connected-room-facts__status,
html.raumriss-os .connected-room-facts__item[data-status="linked"] .connected-room-facts__status {
  color: color-mix(in srgb, var(--os-orange-wick) 48%, var(--os-text) 28%);
}

html.raumriss-os .connected-room-facts__item[data-status="missing"] {
  border-style: dashed;
  opacity: 0.78;
}

/* Legacy Executive Summary — durch AUREL Move ersetzt; Styles bleiben für Fold/Detail */
html.raumriss-os .hf-operating-summary {
  position: relative;
  margin: 0 0 clamp(0.9rem, 1.6vw, 1.2rem);
  padding: 0 0 clamp(0.7rem, 1.3vw, 0.95rem) 0.7rem;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 9%, transparent);
}

html.raumriss-os .hf-operating-summary::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  bottom: clamp(0.7rem, 1.3vw, 0.95rem);
  width: 2px;
  border-radius: 2px;
  background: color-mix(in srgb, var(--os-text) 24%, transparent);
}

html.raumriss-os .hf-operating-summary[data-pressure="medium"]::before {
  background: color-mix(in srgb, var(--os-orange-wick) 46%, var(--os-text) 18%);
}

html.raumriss-os .hf-operating-summary[data-pressure="high"]::before {
  background: color-mix(in srgb, var(--os-orange-wick) 70%, var(--os-text) 10%);
}

html.raumriss-os .hf-operating-summary__kicker {
  margin: 0;
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

html.raumriss-os .hf-operating-summary__lage {
  margin: 0.32rem 0 0;
  font-size: clamp(0.98rem, 1.3vw, 1.12rem);
  font-weight: 520;
  letter-spacing: -0.012em;
  line-height: 1.32;
  color: color-mix(in srgb, var(--os-text) 86%, transparent);
}

html.raumriss-os .hf-operating-summary__decision {
  margin: 0.3rem 0 0;
  font-size: clamp(0.8rem, 1vw, 0.88rem);
  line-height: 1.4;
  color: color-mix(in srgb, var(--os-text) 62%, transparent);
}

html.raumriss-os .hf-operating-summary__avoid {
  color: color-mix(in srgb, var(--os-orange-wick) 42%, var(--os-text) 42%);
}

html.raumriss-os .hf-operating-summary__chips {
  list-style: none;
  margin: 0.66rem 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

html.raumriss-os .hf-operating-summary__chip {
  display: inline-flex;
  align-items: baseline;
  gap: 0.34rem;
  padding: 0.26rem 0.58rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--os-text) 10%, transparent);
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 30%, transparent);
  white-space: nowrap;
}

html.raumriss-os .hf-operating-summary__chip-label {
  font-size: 0.6rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

html.raumriss-os .hf-operating-summary__chip-value {
  font-size: 0.78rem;
  font-weight: 560;
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, var(--os-text) 80%, transparent);
}

html.raumriss-os .hf-operating-summary__chip--pressure[data-pressure="medium"] {
  border-color: color-mix(in srgb, var(--os-orange-wick) 30%, transparent);
}

html.raumriss-os .hf-operating-summary__chip--pressure[data-pressure="medium"] .hf-operating-summary__chip-value,
html.raumriss-os .hf-operating-summary__chip--pressure[data-pressure="high"] .hf-operating-summary__chip-value {
  color: color-mix(in srgb, var(--os-orange-wick) 56%, var(--os-text) 32%);
}

html.raumriss-os .hf-operating-summary__chip--pressure[data-pressure="high"] {
  border-color: color-mix(in srgb, var(--os-orange-wick) 48%, transparent);
}

/* ── 2 · Channel Cards · Operating Cards statt Debug-Tabelle ─────────────── */

html.raumriss-os .hf-operating-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.55rem, 1vw, 0.8rem);
}

@media (min-width: 1440px) {
  html.raumriss-os .hf-operating-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  html.raumriss-os .hf-operating-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Cards tragen die Fläche — die Stage dahinter ist flach. */
html.raumriss-os .hf-operating-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(0.7rem, 1.2vw, 0.92rem) clamp(0.72rem, 1.2vw, 0.95rem);
  border-radius: 11px;
  border: 1px solid color-mix(in srgb, var(--os-text) 8%, transparent);
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 38%, transparent);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    0 1px 2px rgba(28, 25, 20, 0.04);
}

html.raumriss-os .hf-operating-card[data-tone="attention"] {
  border-color: color-mix(in srgb, var(--os-orange-wick) 26%, var(--os-text) 6%);
}

/* missing/fallback · ehrlich, aber leiser */
html.raumriss-os .hf-operating-card[data-status="missing"],
html.raumriss-os .hf-operating-card[data-status="fallback"] {
  background: transparent;
  box-shadow: none;
  border-style: dashed;
  border-color: color-mix(in srgb, var(--os-text) 7%, transparent);
}

html.raumriss-os .hf-operating-card[data-status="missing"] > *:not(.hf-operating-card__head),
html.raumriss-os .hf-operating-card[data-status="fallback"] > *:not(.hf-operating-card__head) {
  opacity: 0.74;
}

html.raumriss-os .hf-operating-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}

html.raumriss-os .hf-operating-card__ident {
  min-width: 0;
}

html.raumriss-os .hf-operating-card__label {
  margin: 0;
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 64%, transparent);
}

html.raumriss-os .hf-operating-card__source {
  margin: 0.1rem 0 0;
  font-size: 0.62rem;
  letter-spacing: 0.04em;
  color: color-mix(in srgb, var(--os-text) 36%, transparent);
}

html.raumriss-os .hf-operating-card__status {
  flex-shrink: 0;
  padding: 0.12rem 0.42rem;
  border-radius: 999px;
  font-size: 0.56rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: 1px solid color-mix(in srgb, var(--os-text) 10%, transparent);
  color: color-mix(in srgb, var(--os-text) 44%, transparent);
}

html.raumriss-os .hf-operating-card__status[data-status="live"] {
  border-color: color-mix(in srgb, var(--os-orange-wick) 34%, transparent);
  color: color-mix(in srgb, var(--os-orange-wick) 56%, var(--os-text) 30%);
}

html.raumriss-os .hf-operating-card__status[data-status="missing"] {
  border-style: dashed;
  color: color-mix(in srgb, var(--os-text) 30%, transparent);
}

html.raumriss-os .hf-operating-card__metrics {
  margin-top: 0.58rem;
}

html.raumriss-os .hf-operating-card__metric-primary {
  margin: 0;
  font-size: clamp(1.18rem, 1.7vw, 1.4rem);
  font-weight: 580;
  letter-spacing: -0.018em;
  line-height: 1.12;
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, var(--os-text) 88%, transparent);
}

html.raumriss-os .hf-operating-card__metric-secondary {
  margin: 0.22rem 0 0;
  font-size: 0.78rem;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, var(--os-text) 54%, transparent);
}

html.raumriss-os .hf-operating-card__movement {
  margin: 0.42rem 0 0;
  font-size: 0.7rem;
  line-height: 1.34;
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, var(--os-text) 46%, transparent);
}

html.raumriss-os .hf-operating-card__highlight {
  margin: 0.3rem 0 0;
  font-size: 0.7rem;
  line-height: 1.34;
  color: color-mix(in srgb, var(--os-orange-wick) 46%, var(--os-text) 38%);
}

/* AUREL-Lesart pro Karte lebt im Move-Layer — nicht in der Connected-Karte */
html.raumriss-os .hf-operating-card__reading,
html.raumriss-os .hf-operating-card__next {
  display: none;
}

html.raumriss-os .hf-operating-card__note {
  margin: 0.5rem 0 0;
  font-size: 0.72rem;
  line-height: 1.36;
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

html.raumriss-os .hf-operating-card__cta {
  margin-top: auto;
  padding-top: 0.58rem;
  align-self: flex-start;
  font-size: 0.66rem;
  letter-spacing: 0.05em;
  text-transform: none;
  text-decoration: none;
  color: color-mix(in srgb, var(--os-text) 48%, transparent);
  transition: color 160ms ease;
}

html.raumriss-os .hf-operating-card__cta:hover {
  color: color-mix(in srgb, var(--os-text) 78%, transparent);
}

html.raumriss-os .hf-operating-card__cta::after {
  content: " →";
  opacity: 0.6;
}

/* Ads trägt Gewicht — leicht angehoben, nie SaaS-bunt */
html.raumriss-os .hf-operating-card[data-channel="ads"] {
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 48%, transparent);
}

/* ── 3 · Material Strip · kompakt, kein Lauftext ─────────────────────────── */

html.raumriss-os .hf-operating-material {
  margin-top: clamp(0.7rem, 1.2vw, 0.95rem);
  padding-top: clamp(0.55rem, 1vw, 0.75rem);
  border-top: 1px solid color-mix(in srgb, var(--os-text) 7%, transparent);
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

html.raumriss-os .hf-operating-material__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}

html.raumriss-os .hf-operating-material__line {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.72rem;
  color: color-mix(in srgb, var(--os-text) 52%, transparent);
}

html.raumriss-os .hf-operating-material__context {
  color: color-mix(in srgb, var(--os-text) 36%, transparent);
}

html.raumriss-os .hf-operating-material__open {
  flex-shrink: 0;
  font-size: 0.66rem;
  letter-spacing: 0.04em;
  text-decoration: none;
  color: color-mix(in srgb, var(--os-text) 48%, transparent);
  transition: color 160ms ease;
}

html.raumriss-os .hf-operating-material__open:hover {
  color: color-mix(in srgb, var(--os-text) 78%, transparent);
}

html.raumriss-os .hf-operating-material__track {
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem;
  max-width: 100%;
  overflow: hidden;
}

html.raumriss-os .hf-operating-material__cell {
  flex: 0 0 auto;
}

html.raumriss-os .hf-operating-material__thumb-link {
  display: block;
  width: clamp(2.7rem, 4.5vw, 3.2rem);
  height: clamp(2.7rem, 4.5vw, 3.2rem);
  border-radius: 7px;
  overflow: hidden;
  background: var(--background-sunken, rgba(0, 0, 0, 0.04));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--os-text) 9%, transparent);
}

html.raumriss-os .hf-operating-material__thumb-link[data-material-new="true"] {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--os-orange-wick) 32%, transparent),
    0 0 0 1px color-mix(in srgb, var(--os-orange-wick) 16%, transparent);
}

html.raumriss-os .hf-operating-material__thumb {
  width: 100%;
  height: 100%;
}

/* ── 4 · Offene Punkte (HF) · kompakt, nicht dominant ────────────────────── */

html.raumriss-os .room-state--happy_flower .atmospheric-title {
  font-size: 0.92rem !important;
  line-height: 1.4 !important;
  color: color-mix(in srgb, var(--os-text) 66%, transparent) !important;
}

html.raumriss-os .room-state--happy_flower .room-signal-channel__body {
  font-size: 0.8rem;
}

html.raumriss-os .room-signal-channel__more {
  margin-top: 0.4rem;
}

html.raumriss-os .room-signal-channel__more-summary {
  list-style: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.68rem;
  letter-spacing: 0.04em;
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

html.raumriss-os .room-signal-channel__more-summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .room-signal-channel__more[open] .room-signal-channel__more-summary {
  margin-bottom: 0.35rem;
}

/* ── 5 · Bottom-Bar-Abstand · Inhalt bleibt frei ─────────────────────────── */

html.raumriss-os .room-shell[data-room-slug="happy-flower"] .room-composition__stage {
  padding-bottom: clamp(0.9rem, 1.8vw, 1.4rem);
}

/* ── 6 · Eine Fläche statt Fläche-in-Fläche ──────────────────────────────────
   Die Stage trägt in HAPPY FLOWER kein eigenes Panel-Material mehr —
   die Operating Cards und Kammern sind die Fläche. Nur HF, kein App-Redesign. */

html.raumriss-os .room-shell[data-room-slug="happy-flower"] .room-composition__stage,
html.raumriss-os .room-shell[data-room-slug="happy-flower"] .room-composition__stage.rr-room-surface {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html.raumriss-os .room-shell[data-room-slug="happy-flower"] .room-composition__stage.rr-room-surface::before {
  display: none !important;
  content: none !important;
}

html.raumriss-os .happy-flower-room-pulse {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

/* Schmale Breite · Summary-Chips dürfen umbrechen, Karten einspaltig */
@media (max-width: 640px) {
  html.raumriss-os .hf-operating-summary {
    padding-left: 0.55rem;
  }

  html.raumriss-os .hf-operating-material__row {
    flex-wrap: wrap;
    row-gap: 0.25rem;
  }
}

/* ── 7 · Smoke-Pass · Zwei-Ebenen-Hierarchie ─────────────────────────────── */

html.raumriss-os .happy-flower-room-pulse__connected {
  margin-top: 0.15rem;
}

html.raumriss-os .happy-flower-room-pulse__facts .connected-room-facts__item[data-status="missing"] {
  opacity: 0.72;
}

html.raumriss-os .happy-flower-room-pulse__fold-summary {
  margin-top: clamp(0.55rem, 1vw, 0.75rem);
  padding-top: clamp(0.45rem, 0.9vw, 0.65rem);
  border-top: 1px solid color-mix(in srgb, var(--os-text) 6%, transparent);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: color-mix(in srgb, var(--os-text) 44%, transparent);
  list-style: none;
}

html.raumriss-os .happy-flower-room-pulse__fold-summary::-webkit-details-marker {
  display: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-system-elevation-pass.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · System Elevation Pass
 * Die HF-Operating-Designsprache (Hairlines, helles Karten-Material,
 * Uppercase-Kicker, ruhige Chips, Docht-Akzente) wird systemweit durchgezogen.
 * Keine Strukturänderung — nur Material, Typografie, Rhythmus.
 * Loaded last via globals.css.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0 · Gemeinsames Vokabular ───────────────────────────────────────────── */

html.raumriss-os {
  --rr-hairline: color-mix(in srgb, var(--os-text) 8%, transparent);
  --rr-hairline-strong: color-mix(in srgb, var(--os-text) 12%, transparent);
  --rr-card-material: color-mix(in srgb, var(--os-panel-highlight, #fff) 38%, transparent);
  --rr-card-material-raised: color-mix(in srgb, var(--os-panel-highlight, #fff) 48%, transparent);
  --rr-card-lift:
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    0 1px 2px rgba(28, 25, 20, 0.04);
  --rr-ink-strong: color-mix(in srgb, var(--os-text) 86%, transparent);
  --rr-ink-body: color-mix(in srgb, var(--os-text) 64%, transparent);
  --rr-ink-quiet: color-mix(in srgb, var(--os-text) 46%, transparent);
  --rr-ink-whisper: color-mix(in srgb, var(--os-text) 36%, transparent);
  --rr-wick-warm: color-mix(in srgb, var(--os-orange-wick) 50%, var(--os-text) 30%);
}

/* ── 1 · Kicker · eine Stimme für alle Abschnitts-Köpfe ──────────────────── */

html.raumriss-os .home-stage-kicker,
html.raumriss-os .room-chamber-kicker,
html.raumriss-os .atmospheric-kicker,
html.raumriss-os .os-label {
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--rr-ink-quiet) !important;
}

html.raumriss-os .home-capture-header {
  padding-bottom: 0.55rem;
  border-bottom: 1px solid var(--rr-hairline);
  margin-bottom: 0.7rem;
}

/* ── 2 · Home-Panels · ein Material statt vieler Schichten ───────────────── */

html.raumriss-os .home-runtime-shell .home-capture-panel {
  background: var(--rr-card-material) !important;
  border: 1px solid var(--rr-hairline) !important;
  border-radius: 12px !important;
  box-shadow: var(--rr-card-lift) !important;
}

html.raumriss-os .home-composition .home-capture-panel:hover,
html.raumriss-os .home-composition .continuity-shelf:hover {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 2px 6px rgba(28, 25, 20, 0.06) !important;
}

/* ── 3 · Hero / Begrüßung · präziser Eingang mit Docht ───────────────────── */

html.raumriss-os .environment-hero {
  position: relative;
  padding-left: 0.85rem !important;
}

html.raumriss-os .environment-hero::before {
  display: block !important;
  content: "" !important;
  position: absolute;
  left: 0;
  top: 0.3rem;
  bottom: 0.3rem;
  width: 2px;
  border-radius: 2px;
  opacity: 1 !important;
  background: color-mix(in srgb, var(--os-orange-wick) 44%, var(--os-text) 14%);
}

html.raumriss-os .environment-hero .os-title.rr-page-title {
  letter-spacing: -0.016em;
  color: var(--rr-ink-strong);
}

html.raumriss-os .environment-hero .type-body {
  color: var(--rr-ink-body);
  line-height: 1.45;
}

/* ── 4 · AVE-Presence · vom rohen Text zur ruhigen Lesung ────────────────── */

html.raumriss-os .ave-presence-line {
  position: relative;
  margin-top: 0.85rem !important;
  padding: 0.62rem 0.7rem 0.66rem 0.85rem;
  border-radius: 10px;
  border: 1px solid var(--rr-hairline);
  background: var(--rr-card-material);
  box-shadow: var(--rr-card-lift);
}

html.raumriss-os .ave-presence-line::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55rem;
  bottom: 0.55rem;
  width: 2px;
  border-radius: 2px;
  background: color-mix(in srgb, var(--os-orange-wick) 40%, var(--os-text) 12%);
}

html.raumriss-os .ave-presence-line__label {
  font-size: 0.6rem !important;
  font-weight: 600;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  color: var(--rr-ink-whisper) !important;
}

html.raumriss-os .ave-presence-line__headline {
  font-size: 0.82rem !important;
  font-weight: 520;
  letter-spacing: -0.008em;
  line-height: 1.36;
  color: var(--rr-ink-strong) !important;
}

html.raumriss-os .ave-presence-line__summary {
  font-size: 0.74rem !important;
  line-height: 1.42;
  color: var(--rr-ink-body) !important;
}

/* ── 5 · Chips · überall dieselbe ruhige Form ────────────────────────────── */

html.raumriss-os .zeitanker-handoff-card__chip,
html.raumriss-os .atmo-chip {
  display: inline-flex !important;
  align-items: baseline;
  padding: 0.24rem 0.58rem !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--os-text) 10%, transparent) !important;
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 30%, transparent) !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.02em !important;
  color: color-mix(in srgb, var(--os-text) 58%, transparent) !important;
  box-shadow: none !important;
  transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
}

html.raumriss-os button.zeitanker-handoff-card__chip:hover,
html.raumriss-os button.atmo-chip:hover {
  border-color: color-mix(in srgb, var(--os-orange-wick) 32%, transparent) !important;
  color: var(--rr-ink-strong) !important;
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 44%, transparent) !important;
}

/* ── 6 · Aktionen · ein Knopf-Material statt vier Generationen ───────────── */

html.raumriss-os .atmo-action {
  min-height: 2.05rem !important;
  padding: 0.4rem 0.85rem !important;
  border-radius: 999px !important;
  border: 1px solid var(--rr-hairline-strong) !important;
  background: var(--rr-card-material-raised) !important;
  color: var(--rr-ink-body) !important;
  font-size: 0.74rem !important;
  font-weight: 520 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  box-shadow: var(--rr-card-lift) !important;
  transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
}

html.raumriss-os .atmo-action:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--os-orange-wick) 34%, var(--rr-hairline-strong)) !important;
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 58%, transparent) !important;
  color: var(--rr-ink-strong) !important;
  box-shadow: var(--rr-card-lift) !important;
}

html.raumriss-os .atmo-action--quiet {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--rr-ink-quiet) !important;
}

/* ── 7 · Eingabefelder · eingelassen, warm, fokussierbar ─────────────────── */

html.raumriss-os .atmo-composer {
  border: 1px solid var(--rr-hairline-strong) !important;
  border-radius: 10px !important;
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 52%, transparent) !important;
  box-shadow: inset 0 1px 2px rgba(28, 25, 20, 0.05) !important;
}

html.raumriss-os .atmo-composer:focus,
html.raumriss-os .atmo-composer:focus-visible {
  border-color: color-mix(in srgb, var(--os-orange-wick) 42%, transparent) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--os-orange-wick) 22%, transparent),
    inset 0 1px 2px rgba(28, 25, 20, 0.05) !important;
}

/* ── 8 · Listenzeilen · Register im HF-Rhythmus ──────────────────────────── */

html.raumriss-os .home-open-risse__item,
html.raumriss-os .atmo-register,
html.raumriss-os .room-threads-panel__item.rr-thread-card {
  border-radius: 10px !important;
  border: 1px solid var(--rr-hairline) !important;
  background: var(--rr-card-material) !important;
  box-shadow: var(--rr-card-lift) !important;
}

html.raumriss-os .home-open-risse__item[data-waiting="true"] {
  border-color: color-mix(in srgb, var(--os-orange-wick) 28%, var(--rr-hairline)) !important;
  box-shadow:
    inset 2px 0 0 color-mix(in srgb, var(--os-orange-wick) 56%, transparent),
    var(--rr-card-lift) !important;
}

html.raumriss-os .room-threads-panel__item.rr-thread-card::before {
  width: 2px !important;
  background: color-mix(in srgb, var(--os-text) 16%, transparent) !important;
}

html.raumriss-os .room-threads-panel__item[data-thread-tone="alive"]::before {
  background: color-mix(in srgb, var(--os-orange-wick) 52%, var(--os-text) 10%) !important;
}

/* Zeitanker-Liste · Phase als stiller Kicker, Zeile atmet */
html.raumriss-os .time-anchors-list__item {
  padding: 0.4rem 0;
}

html.raumriss-os .time-anchors-list__item + .time-anchors-list__item {
  border-top: 1px solid color-mix(in srgb, var(--os-text) 6%, transparent);
}

html.raumriss-os .time-anchors-list__phase {
  font-size: 0.6rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--rr-ink-whisper) !important;
  font-variant-numeric: tabular-nums;
}

/* ── 9 · Zonen-Karten im Raum · Operating-Card-Material ──────────────────── */

html.raumriss-os .room-zone-overview__card {
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
  padding: clamp(0.7rem, 1.2vw, 0.92rem) clamp(0.72rem, 1.2vw, 0.95rem) !important;
  border-radius: 11px !important;
  border: 1px solid var(--rr-hairline) !important;
  background: var(--rr-card-material) !important;
  box-shadow: var(--rr-card-lift) !important;
  text-decoration: none;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

html.raumriss-os .room-zone-overview__card:hover {
  border-color: var(--rr-hairline-strong) !important;
  background: var(--rr-card-material-raised) !important;
}

html.raumriss-os .room-zone-overview__card[data-zone-warmth="active"] {
  border-color: color-mix(in srgb, var(--os-orange-wick) 28%, var(--rr-hairline)) !important;
}

html.raumriss-os .room-zone-overview__title {
  font-size: 0.88rem;
  font-weight: 560;
  letter-spacing: -0.01em;
  color: var(--rr-ink-strong);
}

html.raumriss-os .room-zone-overview__hint {
  font-size: 0.74rem;
  line-height: 1.4;
  color: var(--rr-ink-body);
}

html.raumriss-os .room-zone-overview__meta {
  margin-top: 0.2rem;
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rr-ink-whisper);
}

html.raumriss-os .room-zone-overview__card[data-zone-warmth="active"] .room-zone-overview__meta {
  color: var(--rr-wick-warm);
}

/* ── 10 · Kammern · ruhige Bühne, Karten tragen die Fläche ───────────────── */

html.raumriss-os .workspace-section.room-chamber {
  border: 1px solid var(--rr-hairline) !important;
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 22%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

html.raumriss-os .workspace-section.room-chamber--hush,
html.raumriss-os .workspace-section.room-chamber[data-chamber-weight="ambient"],
html.raumriss-os .workspace-section.room-chamber[data-chamber-weight="quiet"] {
  border-color: color-mix(in srgb, var(--os-text) 5%, transparent) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ── 11 · Offene Fäden · Slots als greifbare Karten ──────────────────────── */

html.raumriss-os .room-loop-slot {
  border: 1px solid var(--rr-hairline);
  border-radius: 10px !important;
  background: var(--rr-card-material);
  box-shadow: var(--rr-card-lift);
}

html.raumriss-os .room-loop-slot + .room-loop-slot {
  margin-top: 0.45rem;
}

html.raumriss-os .room-loop-slot[data-loop-gravity="far"],
html.raumriss-os .room-loop-slot[data-loop-gravity="behind"] {
  background: transparent;
  border-style: dashed;
  box-shadow: none;
}

html.raumriss-os .room-loop-slot[data-loop-state="active"] {
  border-color: color-mix(in srgb, var(--os-orange-wick) 26%, var(--rr-hairline));
}

html.raumriss-os .room-loop-slot__state {
  font-size: 0.6rem !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* ── 12 · Kalender · Tokens auf HF-Niveau harmonisieren ──────────────────── */

html.raumriss-os .rr-calendar-viewswitch__tab,
html.raumriss-os .rr-calendar-filters__chip {
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--os-text) 10%, transparent) !important;
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 30%, transparent) !important;
  color: color-mix(in srgb, var(--os-text) 58%, transparent) !important;
  box-shadow: none !important;
}

html.raumriss-os .rr-calendar-viewswitch__tab[aria-pressed="true"],
html.raumriss-os .rr-calendar-viewswitch__tab[data-active="true"],
html.raumriss-os .rr-calendar-filters__chip[aria-pressed="true"],
html.raumriss-os .rr-calendar-filters__chip[data-active="true"] {
  border-color: color-mix(in srgb, var(--os-orange-wick) 36%, transparent) !important;
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 52%, transparent) !important;
  color: var(--rr-ink-strong) !important;
}

html.raumriss-os .rr-calendar-event {
  border-radius: 9px !important;
  border: 1px solid var(--rr-hairline) !important;
  background: var(--rr-card-material) !important;
  box-shadow: var(--rr-card-lift) !important;
}

/* ── 13 · Systemlage / Tageslage · Lesung statt Datenzeilen ──────────────── */

html.raumriss-os .zeitanker-aurel-tageslage__label {
  font-size: 0.6rem !important;
  font-weight: 600;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  color: var(--rr-ink-whisper) !important;
}

html.raumriss-os .zeitanker-aurel-tageslage__stat {
  font-size: 0.84rem !important;
  font-weight: 520;
  letter-spacing: -0.008em;
  line-height: 1.36;
  font-variant-numeric: tabular-nums;
  color: var(--rr-ink-strong) !important;
}

html.raumriss-os .zeitanker-aurel-tageslage__next {
  font-size: 0.74rem !important;
  line-height: 1.42;
  color: var(--rr-ink-body) !important;
}

/* ── 14 · Kontinuität · Fragmente mit Docht statt loser Zeilen ───────────── */

html.raumriss-os .continuity-fragment {
  position: relative;
  padding: 0.5rem 0.6rem 0.5rem 0.8rem !important;
  border-radius: 9px;
  border: 1px solid color-mix(in srgb, var(--os-text) 6%, transparent);
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 26%, transparent);
}

html.raumriss-os .continuity-fragment + .continuity-fragment {
  margin-top: 0.4rem;
}

/* ── 15 · Session-Header · Chrom auf Hairline-Niveau ─────────────────────── */

html.raumriss-os .runtime-session-header__inner {
  border-bottom: 1px solid var(--rr-hairline) !important;
}

html.raumriss-os .runtime-session-header__clock {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
}

/* ── 16 · Alivemaex Release-Panels · auf HF-Karten heben ─────────────────── */

html.raumriss-os .alivemaex-visibility-room__panel {
  border-radius: 11px !important;
  border: 1px solid var(--rr-hairline) !important;
  background: var(--rr-card-material) !important;
  box-shadow: var(--rr-card-lift) !important;
}

html.raumriss-os .alivemaex-visibility-room__calm-chip {
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--os-text) 10%, transparent) !important;
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 30%, transparent) !important;
}

/* ── 17 · Material-Streifen · überall wie im HF-Strip ────────────────────── */

html.raumriss-os .room-material-presence__thumb,
html.raumriss-os .room-material-presence__link {
  border-radius: 7px !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--os-text) 9%, transparent) !important;
  overflow: hidden;
}

/* ── 18 · Schmale Breite · Karten bleiben ruhig, nichts quetscht ─────────── */

@media (max-width: 640px) {
  html.raumriss-os .environment-hero {
    padding-left: 0.7rem !important;
  }

  html.raumriss-os .ave-presence-line {
    padding-left: 0.75rem;
  }

  html.raumriss-os .room-zone-overview__card {
    padding: 0.72rem 0.75rem !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS 2050 · Depth & Interaction Upgrade
 * Von der flachen Fläche zum physischen Instrument: mehrschichtige Tiefe,
 * warme 70s-Sunset-Akzente, federnde Hover-/Press-Physik — auf allen Ebenen,
 * in allen Räumen und Zonen. Feld bleibt warm-hell, Layout bleibt unberührt.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── 19 · Vokabular · Tiefe, Licht, Bewegung ─────────────────────────────── */

html.raumriss-os {
  /* Bewegung — ruhig ansetzen, weich landen */
  --rr50-ease: cubic-bezier(0.32, 0.72, 0, 1);
  --rr50-spring: cubic-bezier(0.34, 1.36, 0.44, 1);
  --rr50-fast: 150ms;
  --rr50-base: 220ms;
  --rr50-slow: 340ms;

  /* Tiefenskala — Kontakt, Raum, Fernlicht */
  --rr50-contact: 0 1px 2px rgba(28, 25, 20, 0.07);
  --rr50-ambient: 0 10px 26px -6px rgba(28, 25, 20, 0.08);
  --rr50-deep: 0 26px 64px -22px rgba(28, 25, 20, 0.18);
  --rr50-top-light: inset 0 1px 0 rgba(255, 255, 252, 0.85);

  /* Kupfer-Bloom — Wärme im Hover, nie Neon */
  --rr50-bloom: 0 10px 32px -8px rgba(234, 88, 12, 0.15);
  --rr50-bloom-strong: 0 16px 44px -10px rgba(234, 88, 12, 0.22);

  /* Material-Stapel für Karten */
  --rr50-card:
    inset 0 1px 0 rgba(255, 255, 252, 0.8),
    0 1px 2px rgba(28, 25, 20, 0.05),
    0 6px 16px -4px rgba(28, 25, 20, 0.06),
    0 20px 48px -18px rgba(28, 25, 20, 0.1);
  --rr50-card-hover:
    inset 0 1px 0 rgba(255, 255, 252, 0.95),
    0 2px 4px rgba(28, 25, 20, 0.06),
    0 12px 28px -6px rgba(28, 25, 20, 0.1),
    0 30px 70px -22px rgba(28, 25, 20, 0.16),
    0 12px 36px -10px rgba(234, 88, 12, 0.14);
  --rr50-press:
    inset 0 2px 6px rgba(28, 25, 20, 0.11),
    inset 0 1px 0 rgba(255, 255, 252, 0.38);

  /* 70s-Einfluss — Sunset-Verlauf & Creme-Gesicht */
  --rr50-sunset: linear-gradient(168deg, #fb923c 0%, #ea580c 56%, #c2410c 100%);
  --rr50-sunset-soft: linear-gradient(
    168deg,
    rgba(251, 146, 60, 0.16) 0%,
    rgba(234, 88, 12, 0.1) 100%
  );
  --rr50-cream-face: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.94) 0%,
    rgba(250, 245, 236, 0.88) 100%
  );
  --rr50-cream-face-hover: linear-gradient(
    180deg,
    #ffffff 0%,
    rgba(253, 249, 242, 0.96) 100%
  );

  /* Fokus-Ring — eine Stimme für das ganze System */
  --rr50-ring:
    0 0 0 2px var(--background, #f8f7f4),
    0 0 0 4px color-mix(in srgb, var(--copper, #ea580c) 60%, transparent);
}

/* ── 20 · Buttons · vom Rechteck zum Instrument ──────────────────────────── */

html.raumriss-os .atmo-action:not(.atmo-action--quiet),
html.raumriss-os .operational-button {
  background: var(--rr50-cream-face) !important;
  border: 1px solid color-mix(in srgb, var(--rr-hairline-strong) 85%, rgba(28, 25, 20, 0.06)) !important;
  box-shadow:
    var(--rr50-top-light),
    var(--rr50-contact),
    0 4px 12px -4px rgba(28, 25, 20, 0.07) !important;
  transition:
    transform var(--rr50-fast) var(--rr50-spring),
    box-shadow var(--rr50-base) var(--rr50-ease),
    border-color var(--rr50-base) var(--rr50-ease),
    background var(--rr50-base) var(--rr50-ease),
    color var(--rr50-base) var(--rr50-ease) !important;
  will-change: transform;
}

html.raumriss-os .atmo-action:not(.atmo-action--quiet):hover:not(:disabled),
html.raumriss-os .operational-button:hover:not(:disabled) {
  background: var(--rr50-cream-face-hover) !important;
  border-color: color-mix(in srgb, var(--copper) 42%, var(--rr-hairline-strong)) !important;
  box-shadow:
    var(--rr50-top-light),
    0 2px 4px rgba(28, 25, 20, 0.06),
    0 8px 20px -6px rgba(28, 25, 20, 0.1),
    var(--rr50-bloom) !important;
  transform: translateY(-1.5px);
  color: var(--rr-ink-strong) !important;
}

html.raumriss-os .atmo-action:not(.atmo-action--quiet):active:not(:disabled),
html.raumriss-os .operational-button:active:not(:disabled) {
  transform: translateY(0.5px) scale(0.99);
  box-shadow: var(--rr50-press) !important;
  transition-duration: 60ms;
}

/* Primär-Aktion · 70s-Sunset, klare Hierarchie */
html.raumriss-os .atmo-action--primary:not(:disabled),
html.raumriss-os .operational-button--primary:not(:disabled) {
  background: var(--rr50-sunset) !important;
  border-color: color-mix(in srgb, var(--copper-dark, #c2410c) 72%, transparent) !important;
  color: #fffdf9 !important;
  text-shadow: 0 1px 1px rgba(120, 40, 8, 0.28);
  box-shadow:
    inset 0 1px 0 rgba(255, 235, 210, 0.55),
    inset 0 -1px 0 rgba(120, 40, 8, 0.3),
    0 2px 6px rgba(194, 65, 12, 0.22),
    0 10px 26px -8px rgba(234, 88, 12, 0.4) !important;
}

html.raumriss-os .atmo-action--primary:hover:not(:disabled),
html.raumriss-os .operational-button--primary:hover:not(:disabled) {
  background: linear-gradient(168deg, #fca55c 0%, #f06010 56%, #cc4a10 100%) !important;
  border-color: var(--copper-dark, #c2410c) !important;
  color: #ffffff !important;
  transform: translateY(-1.5px);
  box-shadow:
    inset 0 1px 0 rgba(255, 235, 210, 0.62),
    inset 0 -1px 0 rgba(120, 40, 8, 0.3),
    0 4px 10px rgba(194, 65, 12, 0.26),
    0 16px 40px -10px rgba(234, 88, 12, 0.5) !important;
}

html.raumriss-os .atmo-action--primary:active:not(:disabled),
html.raumriss-os .operational-button--primary:active:not(:disabled) {
  transform: translateY(0.5px) scale(0.99);
  box-shadow:
    inset 0 2px 6px rgba(120, 40, 8, 0.35),
    inset 0 1px 0 rgba(255, 235, 210, 0.3) !important;
}

/* Leise Aktionen · bleiben leise, bekommen aber Halt beim Hover */
html.raumriss-os .atmo-action--quiet:hover:not(:disabled) {
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 46%, transparent) !important;
  border-color: var(--rr-hairline) !important;
  box-shadow: var(--rr50-contact) !important;
}

/* ── 21 · Chips & Tabs · greifbare Pillen ────────────────────────────────── */

html.raumriss-os .zeitanker-handoff-card__chip,
html.raumriss-os .atmo-chip,
html.raumriss-os .rr-calendar-viewswitch__tab,
html.raumriss-os .rr-calendar-filters__chip {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 252, 0.7),
    0 1px 2px rgba(28, 25, 20, 0.05) !important;
  transition:
    transform var(--rr50-fast) var(--rr50-spring),
    box-shadow var(--rr50-base) var(--rr50-ease),
    border-color var(--rr50-base) var(--rr50-ease),
    background var(--rr50-base) var(--rr50-ease),
    color var(--rr50-base) var(--rr50-ease) !important;
}

html.raumriss-os button.zeitanker-handoff-card__chip:hover,
html.raumriss-os button.atmo-chip:hover,
html.raumriss-os .rr-calendar-viewswitch__tab:hover,
html.raumriss-os .rr-calendar-filters__chip:hover {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 252, 0.85),
    0 3px 8px -2px rgba(28, 25, 20, 0.1),
    0 6px 18px -6px rgba(234, 88, 12, 0.12) !important;
}

html.raumriss-os .rr-calendar-viewswitch__tab[aria-pressed="true"],
html.raumriss-os .rr-calendar-viewswitch__tab[data-active="true"],
html.raumriss-os .rr-calendar-filters__chip[aria-pressed="true"],
html.raumriss-os .rr-calendar-filters__chip[data-active="true"] {
  box-shadow:
    inset 0 1.5px 4px rgba(28, 25, 20, 0.09),
    inset 0 0 0 1px color-mix(in srgb, var(--copper) 18%, transparent),
    0 1px 0 rgba(255, 255, 252, 0.6) !important;
  transform: none;
}

/* ── 22 · Karten · Material mit Gewicht und Antwort ──────────────────────── */

html.raumriss-os .home-runtime-shell .home-capture-panel,
html.raumriss-os .home-open-risse__item,
html.raumriss-os .atmo-register,
html.raumriss-os .room-threads-panel__item.rr-thread-card,
html.raumriss-os .room-loop-slot,
html.raumriss-os .rr-calendar-event,
html.raumriss-os .alivemaex-visibility-room__panel {
  box-shadow: var(--rr50-card) !important;
  transition:
    box-shadow var(--rr50-slow) var(--rr50-ease),
    border-color var(--rr50-base) var(--rr50-ease),
    background var(--rr50-base) var(--rr50-ease);
}

html.raumriss-os .home-composition .home-capture-panel:hover,
html.raumriss-os .home-composition .continuity-shelf:hover {
  box-shadow: var(--rr50-card) !important;
}

/* Klickbare Listen-Karten · Hover hebt, Kante wärmt */
html.raumriss-os a.home-open-risse__item:hover,
html.raumriss-os button.home-open-risse__item:hover,
html.raumriss-os a.room-threads-panel__item.rr-thread-card:hover,
html.raumriss-os .rr-calendar-event:hover {
  border-color: color-mix(in srgb, var(--copper) 30%, var(--rr-hairline)) !important;
  box-shadow: var(--rr50-card-hover) !important;
}

/* ── 23 · Zonen-Karten · Werkbänke mit Einladung ─────────────────────────── */

html.raumriss-os .room-zone-overview__card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  box-shadow: var(--rr50-card) !important;
  transition:
    transform var(--rr50-base) var(--rr50-spring),
    box-shadow var(--rr50-slow) var(--rr50-ease),
    border-color var(--rr50-base) var(--rr50-ease),
    background var(--rr50-base) var(--rr50-ease) !important;
  will-change: transform;
}

/* Docht-Naht · wächst beim Hover von unten */
html.raumriss-os .room-zone-overview__card::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: auto;
  width: 2.5px;
  height: 0;
  border-radius: 2px;
  background: var(--rr50-sunset);
  opacity: 0;
  transition:
    height var(--rr50-slow) var(--rr50-ease),
    opacity var(--rr50-base) var(--rr50-ease);
  pointer-events: none;
}

html.raumriss-os .room-zone-overview__card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--copper) 34%, var(--rr-hairline)) !important;
  box-shadow: var(--rr50-card-hover) !important;
}

html.raumriss-os .room-zone-overview__card:hover::after {
  height: 100%;
  opacity: 0.85;
}

html.raumriss-os .room-zone-overview__card:active {
  transform: translateY(0);
  box-shadow: var(--rr50-card) !important;
  transition-duration: 60ms;
}

html.raumriss-os .room-zone-overview__card[data-zone-warmth="active"]::after {
  height: 100%;
  opacity: 0.55;
}

/* ── 24 · Zone-Nav · Register mit Tiefe, aktive Zone eingelassen ─────────── */

html.raumriss-os .room-nav-rail__shell {
  box-shadow:
    inset 0 2px 8px rgba(28, 25, 20, 0.08),
    inset 0 1px 0 rgba(255, 252, 245, 0.3),
    inset 0 -1px 0 rgba(255, 252, 245, 0.45),
    0 8px 24px -10px rgba(28, 25, 20, 0.09) !important;
}

html.raumriss-os .room-nav-rail__anchor,
html.raumriss-os .room-nav-rail__zone {
  transition:
    background var(--rr50-base) var(--rr50-ease),
    box-shadow var(--rr50-base) var(--rr50-ease),
    border-color var(--rr50-base) var(--rr50-ease),
    opacity var(--rr50-base) var(--rr50-ease),
    color var(--rr50-base) var(--rr50-ease);
}

html.raumriss-os .room-nav-rail__anchor:hover:not(.room-nav-rail__anchor--current),
html.raumriss-os .room-nav-rail__zone:hover:not(.room-nav-rail__zone--active) {
  background: color-mix(in srgb, #ffffff 62%, transparent) !important;
  border-color: rgba(28, 25, 20, 0.08) !important;
  border-radius: 8px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 252, 0.8),
    0 2px 8px -2px rgba(28, 25, 20, 0.09) !important;
  opacity: 1 !important;
}

/* ── 25 · Home-Raumkarten · Türen, die antworten ─────────────────────────── */

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile:hover,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.85),
    0 3px 6px rgba(28, 25, 20, 0.06),
    0 10px 24px -6px rgba(28, 25, 20, 0.1),
    0 10px 30px -10px rgba(234, 88, 12, 0.13) !important;
}

/* ── 26 · Kammern & Panels · gestaffelte Raumtiefe ───────────────────────── */

html.raumriss-os .workspace-section.room-chamber:not(.room-chamber--hush):not([data-chamber-weight="ambient"]):not([data-chamber-weight="quiet"]) {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 252, 0.55),
    0 2px 6px rgba(28, 25, 20, 0.04),
    0 14px 36px -14px rgba(28, 25, 20, 0.09) !important;
}

html.raumriss-os .room-runtime-deck.room-composition {
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.62),
    0 4px 10px rgba(28, 25, 20, 0.05),
    0 22px 52px -16px rgba(28, 25, 20, 0.12),
    0 44px 96px -40px rgba(28, 25, 20, 0.14) !important;
}

/* ── 27 · Eingaben · tiefer Brunnen, warmes Aufwachen ────────────────────── */

html.raumriss-os .atmo-composer {
  box-shadow:
    inset 0 2px 5px rgba(28, 25, 20, 0.07),
    inset 0 1px 0 rgba(28, 25, 20, 0.02),
    0 1px 0 rgba(255, 255, 252, 0.7) !important;
  transition:
    border-color var(--rr50-base) var(--rr50-ease),
    box-shadow var(--rr50-slow) var(--rr50-ease),
    background var(--rr50-base) var(--rr50-ease);
}

html.raumriss-os .atmo-composer:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--copper) 26%, var(--rr-hairline-strong)) !important;
}

html.raumriss-os .atmo-composer:focus,
html.raumriss-os .atmo-composer:focus-visible {
  border-color: color-mix(in srgb, var(--copper) 55%, transparent) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--copper) 26%, transparent),
    inset 0 2px 5px rgba(28, 25, 20, 0.06),
    0 6px 22px -8px rgba(234, 88, 12, 0.18) !important;
}

/* ── 28 · CTAs · Pfeil bewegt sich mit ───────────────────────────────────── */

html.raumriss-os .hf-operating-card__cta,
html.raumriss-os .hf-operating-material__open {
  transition:
    color var(--rr50-base) var(--rr50-ease),
    letter-spacing var(--rr50-base) var(--rr50-ease);
}

html.raumriss-os .hf-operating-card__cta::after {
  display: inline-block;
  transition:
    transform var(--rr50-base) var(--rr50-spring),
    opacity var(--rr50-base) var(--rr50-ease);
}

html.raumriss-os .hf-operating-card__cta:hover::after {
  transform: translateX(3px);
  opacity: 1;
}

/* ── 29 · Fokus · eine sichtbare Stimme im ganzen System ─────────────────── */

html.raumriss-os .atmo-action:focus-visible,
html.raumriss-os .operational-button:focus-visible,
html.raumriss-os .atmo-chip:focus-visible,
html.raumriss-os .zeitanker-handoff-card__chip:focus-visible,
html.raumriss-os .room-zone-overview__card:focus-visible,
html.raumriss-os .room-nav-rail__anchor:focus-visible,
html.raumriss-os .room-nav-rail__zone:focus-visible,
html.raumriss-os .rr-calendar-viewswitch__tab:focus-visible,
html.raumriss-os .rr-calendar-filters__chip:focus-visible,
html.raumriss-os .hf-operating-card__cta:focus-visible {
  outline: none !important;
  box-shadow: var(--rr50-ring) !important;
}

/* ── 30 · Ruhe respektieren · reduzierte Bewegung ────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  html.raumriss-os .atmo-action:not(.atmo-action--quiet):hover:not(:disabled),
  html.raumriss-os .operational-button:hover:not(:disabled),
  html.raumriss-os .atmo-action--primary:hover:not(:disabled),
  html.raumriss-os .operational-button--primary:hover:not(:disabled),
  html.raumriss-os button.zeitanker-handoff-card__chip:hover,
  html.raumriss-os button.atmo-chip:hover,
  html.raumriss-os .rr-calendar-viewswitch__tab:hover,
  html.raumriss-os .rr-calendar-filters__chip:hover,
  html.raumriss-os .room-zone-overview__card:hover,
  html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile:hover,
  html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile:hover {
    transform: none;
  }

  html.raumriss-os .room-zone-overview__card::after,
  html.raumriss-os .hf-operating-card__cta::after {
    transition: none;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-hf-weekly-offer-pass.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · HAPPY FLOWER Weekly Offer Pass
 * Wochenangebot-Fläche in der Operations-Zone — ruhige Entscheidungsvorlage,
 * ehrliche Datenlabels (live/cached/fallback/missing/Teamprüfung nötig).
 * Kein Dashboard, keine externen Writes. Loaded last via globals.css.
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os .hf-weekly-offer {
  display: flex;
  flex-direction: column;
  gap: clamp(0.9rem, 1.6vw, 1.25rem);
}

/* ── 1 · Kopf · Woche, Summary, Datenehrlichkeit ─────────────────────────── */

html.raumriss-os .hf-weekly-offer__head {
  position: relative;
  padding: 0 0 clamp(0.7rem, 1.3vw, 0.95rem) 0.7rem;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 9%, transparent);
}

html.raumriss-os .hf-weekly-offer__head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  bottom: clamp(0.7rem, 1.3vw, 0.95rem);
  width: 2px;
  border-radius: 2px;
  background: color-mix(in srgb, var(--os-text) 24%, transparent);
}

html.raumriss-os .hf-weekly-offer__kicker {
  margin: 0;
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

html.raumriss-os .hf-weekly-offer__summary {
  margin: 0.32rem 0 0;
  font-size: clamp(0.95rem, 1.25vw, 1.08rem);
  font-weight: 520;
  letter-spacing: -0.01em;
  line-height: 1.36;
  color: color-mix(in srgb, var(--os-text) 86%, transparent);
}

html.raumriss-os .hf-weekly-offer__freshness {
  list-style: none;
  margin: 0.66rem 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

html.raumriss-os .hf-weekly-offer__freshness-chip {
  display: inline-flex;
  align-items: baseline;
  gap: 0.34rem;
  padding: 0.24rem 0.56rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--os-text) 10%, transparent);
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 30%, transparent);
  white-space: nowrap;
}

html.raumriss-os .hf-weekly-offer__freshness-label {
  font-size: 0.6rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

html.raumriss-os .hf-weekly-offer__freshness-state {
  font-size: 0.72rem;
  font-weight: 540;
  color: color-mix(in srgb, var(--os-text) 72%, transparent);
}

html.raumriss-os .hf-weekly-offer__freshness-chip[data-state="missing"] .hf-weekly-offer__freshness-state,
html.raumriss-os .hf-weekly-offer__freshness-chip[data-state="team_check_needed"] .hf-weekly-offer__freshness-state {
  color: color-mix(in srgb, var(--os-orange-wick) 54%, var(--os-text) 34%);
}

html.raumriss-os .hf-weekly-offer__freshness-chip[data-state="team_check_needed"] {
  border-color: color-mix(in srgb, var(--os-orange-wick) 34%, transparent);
}

/* ── 1b · Summary-Stats & kurze Daten-Hinweise ───────────────────────────── */

html.raumriss-os .hf-weekly-offer__stats {
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.1rem;
}

html.raumriss-os .hf-weekly-offer__stat {
  font-size: 0.78rem;
  color: color-mix(in srgb, var(--os-text) 56%, transparent);
}

html.raumriss-os .hf-weekly-offer__stat strong {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, var(--os-text) 82%, transparent);
}

html.raumriss-os .hf-weekly-offer__data-hints {
  margin: 0.5rem 0 0;
  color: color-mix(in srgb, var(--os-text) 46%, transparent);
}

/* ── 2 · Sektionen ───────────────────────────────────────────────────────── */

html.raumriss-os .hf-weekly-offer__section {
  padding-left: 0.7rem;
}

html.raumriss-os .hf-weekly-offer__section-title {
  margin: 0 0 0.4rem;
  font-size: 0.64rem;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 46%, transparent);
}

html.raumriss-os .hf-weekly-offer__line {
  margin: 0 0 0.4rem;
  font-size: 0.86rem;
  line-height: 1.45;
  color: color-mix(in srgb, var(--os-text) 72%, transparent);
}

html.raumriss-os .hf-weekly-offer__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

html.raumriss-os .hf-weekly-offer__list + .hf-weekly-offer__list {
  margin-top: 0.55rem;
}

html.raumriss-os .hf-weekly-offer__list-item {
  position: relative;
  padding-left: 0.85rem;
  font-size: 0.82rem;
  line-height: 1.42;
  color: color-mix(in srgb, var(--os-text) 68%, transparent);
}

html.raumriss-os .hf-weekly-offer__list-item::before {
  content: "·";
  position: absolute;
  left: 0.2rem;
  color: color-mix(in srgb, var(--os-text) 38%, transparent);
}

html.raumriss-os .hf-weekly-offer__empty {
  margin: 0;
  color: color-mix(in srgb, var(--os-text) 46%, transparent);
}

/* ── 3 · Kandidaten ──────────────────────────────────────────────────────── */

html.raumriss-os .hf-weekly-offer__candidates {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(0.55rem, 1vw, 0.8rem);
}

@media (min-width: 1100px) {
  html.raumriss-os .hf-weekly-offer__candidates {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

html.raumriss-os .hf-weekly-offer__candidate {
  padding: clamp(0.65rem, 1.1vw, 0.9rem);
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--os-text) 9%, transparent);
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 22%, transparent);
}

html.raumriss-os .hf-weekly-offer__candidate-title {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 560;
  color: color-mix(in srgb, var(--os-text) 84%, transparent);
}

html.raumriss-os .hf-weekly-offer__candidate-bundle {
  margin: 0.2rem 0 0;
  color: color-mix(in srgb, var(--os-text) 52%, transparent);
}

html.raumriss-os .hf-weekly-offer__candidate-facts {
  margin: 0.55rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.34rem;
}

html.raumriss-os .hf-weekly-offer__candidate-facts > div {
  display: grid;
  grid-template-columns: minmax(5.4rem, auto) 1fr;
  gap: 0.5rem;
  align-items: baseline;
}

html.raumriss-os .hf-weekly-offer__candidate-facts dt {
  margin: 0;
  font-size: 0.6rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .hf-weekly-offer__candidate-facts dd {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.4;
  color: color-mix(in srgb, var(--os-text) 70%, transparent);
}

html.raumriss-os .hf-weekly-offer__candidate-facts dd[data-state="team_check_needed"] {
  color: color-mix(in srgb, var(--os-orange-wick) 54%, var(--os-text) 34%);
}

html.raumriss-os .hf-weekly-offer__candidate-reason {
  margin: 0.32rem 0 0;
  font-size: 0.84rem;
  line-height: 1.42;
  color: color-mix(in srgb, var(--os-text) 72%, transparent);
}

html.raumriss-os .hf-weekly-offer__candidate-signal {
  margin: 0.2rem 0 0;
  color: color-mix(in srgb, var(--os-text) 50%, transparent);
}

html.raumriss-os .hf-weekly-offer__candidate-step {
  margin: 0.4rem 0 0;
  color: color-mix(in srgb, var(--os-text) 54%, transparent);
}

/* ── 2b · Aktuell im Angebot · Shopify-Preis-Wahrheit ────────────────────── */

html.raumriss-os .hf-weekly-offer__sale-rows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

html.raumriss-os .hf-weekly-offer__sale-row {
  padding: 0.4rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 6%, transparent);
}

html.raumriss-os .hf-weekly-offer__sale-row:last-child {
  border-bottom: none;
}

html.raumriss-os .hf-weekly-offer__sale-main {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.3rem 0.6rem;
}

html.raumriss-os .hf-weekly-offer__sale-product {
  font-size: 0.86rem;
  font-weight: 540;
  color: color-mix(in srgb, var(--os-text) 80%, transparent);
}

html.raumriss-os .hf-weekly-offer__sale-category {
  color: color-mix(in srgb, var(--os-text) 48%, transparent);
}

html.raumriss-os .hf-weekly-offer__sale-discount {
  margin-left: auto;
  font-size: 0.78rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, var(--os-orange-wick) 58%, var(--os-text) 30%);
}

html.raumriss-os .hf-weekly-offer__sale-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.2rem 0.7rem;
  margin-top: 0.18rem;
  color: color-mix(in srgb, var(--os-text) 50%, transparent);
}

html.raumriss-os .hf-weekly-offer__sale-hint {
  color: color-mix(in srgb, var(--os-text) 42%, transparent);
}

/* ── 3a · Status-Badges (Lager/Marge) ────────────────────────────────────── */

html.raumriss-os .hf-weekly-offer__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.32rem;
  margin: 0.5rem 0 0;
}

html.raumriss-os .hf-weekly-offer__badge {
  display: inline-flex;
  align-items: baseline;
  padding: 0.14rem 0.5rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--os-text) 12%, transparent);
  font-size: 0.66rem;
  letter-spacing: 0.04em;
  color: color-mix(in srgb, var(--os-text) 58%, transparent);
  white-space: nowrap;
}

html.raumriss-os .hf-weekly-offer__badge[data-state="team_check_needed"] {
  border-color: color-mix(in srgb, var(--os-orange-wick) 32%, transparent);
  color: color-mix(in srgb, var(--os-orange-wick) 54%, var(--os-text) 34%);
}

/* ── 3c · Kategorie-Slots · 7 feste Karten ───────────────────────────────── */

html.raumriss-os .hf-weekly-offer__slots {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(0.5rem, 0.9vw, 0.7rem);
}

@media (min-width: 720px) {
  html.raumriss-os .hf-weekly-offer__slots {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1180px) {
  html.raumriss-os .hf-weekly-offer__slots {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

html.raumriss-os .hf-weekly-offer__slot {
  display: flex;
  flex-direction: column;
  padding: clamp(0.6rem, 1vw, 0.8rem);
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--os-text) 9%, transparent);
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 22%, transparent);
}

html.raumriss-os .hf-weekly-offer__slot[data-slot-state="no_candidate"],
html.raumriss-os .hf-weekly-offer__slot[data-slot-state="data_missing"] {
  background: transparent;
  border-style: dashed;
}

html.raumriss-os .hf-weekly-offer__slot[data-slot-state="hero"] {
  border-color: color-mix(in srgb, var(--os-text) 18%, transparent);
}

html.raumriss-os .hf-weekly-offer__slot-category {
  margin: 0 0 0.24rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 44%, transparent);
}

html.raumriss-os .hf-weekly-offer__slot-product {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 560;
  color: color-mix(in srgb, var(--os-text) 82%, transparent);
}

html.raumriss-os .hf-weekly-offer__slot-reason {
  margin: 0.22rem 0 0;
  color: color-mix(in srgb, var(--os-text) 56%, transparent);
}

html.raumriss-os .hf-weekly-offer__slot-step {
  margin: 0.4rem 0 0;
  color: color-mix(in srgb, var(--os-text) 50%, transparent);
}

html.raumriss-os .hf-weekly-offer__slot-note {
  margin: 0.1rem 0 0;
  color: color-mix(in srgb, var(--os-text) 46%, transparent);
}

/* ── 3b · Empfehlung v1 · Aktuell/Letzte Woche/Hero/Prüfungen/Sheet ──────── */

html.raumriss-os .hf-weekly-offer__offer-rows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

html.raumriss-os .hf-weekly-offer__offer-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.3rem 0.7rem;
  padding: 0.34rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 6%, transparent);
}

html.raumriss-os .hf-weekly-offer__offer-row:last-child {
  border-bottom: none;
}

html.raumriss-os .hf-weekly-offer__offer-product {
  font-size: 0.86rem;
  font-weight: 540;
  color: color-mix(in srgb, var(--os-text) 80%, transparent);
}

html.raumriss-os .hf-weekly-offer__offer-category,
html.raumriss-os .hf-weekly-offer__offer-source {
  color: color-mix(in srgb, var(--os-text) 48%, transparent);
}

html.raumriss-os .hf-weekly-offer__offer-badge {
  margin-left: auto;
  padding: 0.12rem 0.5rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--os-orange-wick) 30%, transparent);
  color: color-mix(in srgb, var(--os-orange-wick) 54%, var(--os-text) 34%);
  white-space: nowrap;
}

html.raumriss-os .hf-weekly-offer__hero {
  border-color: color-mix(in srgb, var(--os-text) 18%, transparent);
  background: color-mix(in srgb, var(--os-panel-highlight, #fff) 34%, transparent);
}

html.raumriss-os .hf-weekly-offer__candidate-kicker {
  margin: 0 0 0.18rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 44%, transparent);
}

html.raumriss-os .hf-weekly-offer__checks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.34rem;
}

html.raumriss-os .hf-weekly-offer__check {
  display: grid;
  grid-template-columns: minmax(5.4rem, auto) 1fr;
  gap: 0.5rem;
  align-items: baseline;
}

html.raumriss-os .hf-weekly-offer__check-kind {
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .hf-weekly-offer__check-text {
  font-size: 0.82rem;
  line-height: 1.42;
  color: color-mix(in srgb, var(--os-text) 70%, transparent);
}

html.raumriss-os .hf-weekly-offer__sheet {
  padding: 0.55rem 0.7rem;
  border-radius: 10px;
  border: 1px dashed color-mix(in srgb, var(--os-text) 14%, transparent);
}

html.raumriss-os .hf-weekly-offer__sheet[data-state="missing"] {
  border-color: color-mix(in srgb, var(--os-orange-wick) 28%, transparent);
}

html.raumriss-os .hf-weekly-offer__sheet a {
  color: color-mix(in srgb, var(--os-text) 78%, transparent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

html.raumriss-os .hf-weekly-offer__sheet-hint {
  margin: 0.4rem 0 0;
  color: color-mix(in srgb, var(--os-text) 46%, transparent);
}

/* ── 4 · Angles & Entscheidungsvorlage ───────────────────────────────────── */

html.raumriss-os .hf-weekly-offer__angles {
  margin: 0.55rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

html.raumriss-os .hf-weekly-offer__angles > div {
  display: grid;
  grid-template-columns: minmax(5.4rem, auto) 1fr;
  gap: 0.5rem;
  align-items: baseline;
}

html.raumriss-os .hf-weekly-offer__angles dt {
  margin: 0;
  font-size: 0.6rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--os-text) 40%, transparent);
}

html.raumriss-os .hf-weekly-offer__angles dd {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.42;
  color: color-mix(in srgb, var(--os-text) 70%, transparent);
}

html.raumriss-os .hf-weekly-offer__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0.55rem 0 0;
}

html.raumriss-os .hf-weekly-offer__blocked {
  margin: 0.5rem 0 0.65rem;
  color: color-mix(in srgb, var(--os-text) 46%, transparent);
}

/* ── 5 · Routine & fehlende Daten ────────────────────────────────────────── */

html.raumriss-os .hf-weekly-offer__routine {
  padding: clamp(0.65rem, 1.1vw, 0.9rem) 0 0 0.7rem;
  border-top: 1px solid color-mix(in srgb, var(--os-text) 8%, transparent);
}

html.raumriss-os .hf-weekly-offer__routine-steps {
  list-style: none;
  margin: 0.4rem 0 0.55rem;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1rem;
}

html.raumriss-os .hf-weekly-offer__routine-note {
  margin: 0;
  color: color-mix(in srgb, var(--os-text) 50%, transparent);
}

html.raumriss-os .hf-weekly-offer__missing {
  margin-top: 0.6rem;
}

html.raumriss-os .hf-weekly-offer__missing summary {
  cursor: pointer;
  color: color-mix(in srgb, var(--os-text) 48%, transparent);
}

html.raumriss-os .hf-weekly-offer__missing[open] summary {
  margin-bottom: 0.4rem;
}

/* ── Pipeline · Sheet → AUREL → Max → Shopify (Vorbereitung) ─────────────── */

html.raumriss-os .hf-weekly-offer-pipeline {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid color-mix(in srgb, var(--os-text) 10%, transparent);
  border-radius: 0.65rem;
  background: color-mix(in srgb, var(--os-surface) 92%, transparent);
}

html.raumriss-os .hf-weekly-offer-pipeline__stage {
  margin: 0.15rem 0 0;
  font-weight: 600;
}

html.raumriss-os .hf-weekly-offer-pipeline__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.65rem;
  align-items: center;
}

html.raumriss-os .hf-weekly-offer-pipeline__btn {
  border: 1px solid color-mix(in srgb, var(--os-text) 12%, transparent);
  border-radius: 999px;
  padding: 0.18rem 0.55rem;
  background: color-mix(in srgb, var(--os-surface) 88%, #fff 12%);
  cursor: pointer;
}

html.raumriss-os .hf-weekly-offer-pipeline__link {
  text-decoration: none;
  color: color-mix(in srgb, var(--os-text) 62%, transparent);
}

html.raumriss-os .hf-weekly-offer-pipeline__list {
  margin: 0.35rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.35rem;
}

html.raumriss-os .hf-weekly-offer-pipeline__list li {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid color-mix(in srgb, var(--os-text) 7%, transparent);
}

html.raumriss-os .hf-weekly-offer-pipeline__list li[data-resolved="true"] {
  opacity: 0.92;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-design-system-v2.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · DESIGN SYSTEM v2
 * ═══════════════════════════════════════════════════════════════════════════
 *
 * Ein persönliches Betriebssystem — kein SaaS.
 * Atelier · Architektentisch · analoge Arbeitsmappe · Rams · Muji · Museum.
 *
 * Grundprinzip: Jedes Pixel erzeugt Ruhe. Alles hat Luft. Nichts ist laut.
 *
 * Diese Datei ist die kanonische v2-Schicht. Sie wird als LETZTER Import
 * geladen und gewinnt die Kaskade gegen alle älteren Pass-Dateien.
 *
 * Aufbau:
 *   §0  Foundation Tokens   (Material, Typografie, Rhythmus, Radius,
 *                            Elevation, Motion, States)
 *   §1  Globale Beruhigung  (Schatten ohne Glow, ruhiger Fokus, Selektion)
 *   §2  Buttons             (.ds-btn + Remap bestehender Hooks)
 *   §3  Cards               (.ds-card + alle Karten-Gattungen)
 *   §4  Navigation          (Tabs, Segment, Breadcrumbs, Switcher)
 *   §5  Formulare           (.ds-field, Checkbox, Radio, Upload, Command)
 *   §6  Listen & Arbeitslisten
 *   §7  Objekte             (typografische Registermarken)
 *   §8  Raum-Stimmen        (Identität über Typografie & Rhythmus)
 *   §9  AUREL & Re-Entry    (ruhige Präsenz, Orientierung)
 *   §10 Motion & Zugänglichkeit
 */

/* ═══════════════════════════════════════════════════════════════════════════
   §0 · FOUNDATION TOKENS
   Material: Papier auf Papier. Warme Neutrale. Orange nur als Entscheidung.
   ═══════════════════════════════════════════════════════════════════════ */

html.raumriss-os,
body.raumriss-os {
  /* ── Material · warme Neutraltöne ─────────────────────────────────── */
  --ds-paper: #f8f7f4;          /* Wand · Grundfläche */
  --ds-paper-raised: #fffefb;   /* Blatt, das oben liegt */
  --ds-linen: #f1efea;          /* Leinen · eingelassene Flächen */
  --ds-stone: #e7e4de;          /* Stein · Kanten, tiefe Mulden */
  --ds-ink: #1b1815;            /* Tinte · warmes Fast-Schwarz */
  --ds-ink-soft: #57534a;       /* Bleistift · Sekundärtext */
  --ds-ink-faint: #8b867c;      /* Notiz am Rand · Terti\00e4rtext */
  --ds-hairline: rgba(27, 24, 21, 0.1);
  --ds-hairline-soft: rgba(27, 24, 21, 0.06);
  --ds-hairline-strong: rgba(27, 24, 21, 0.16);

  /* ── Akzent · Orange ausschließlich Entscheidung/Aktion ───────────── */
  --ds-action: #b4511f;         /* gedecktes Sienna-Orange · trägt Aktion */
  --ds-action-hover: #a1481b;
  --ds-action-pressed: #8f3f17;
  --ds-action-wash: rgba(180, 81, 31, 0.08);

  /* ── Semantik · gedeckt, nie dekorativ ────────────────────────────── */
  --ds-danger: #a03a32;
  --ds-danger-hover: #8e332c;
  --ds-success: #3d7a50;
  --ds-success-hover: #356b46;
  --ds-warn: #9a6b2f;
  --ds-warn-wash: rgba(154, 107, 47, 0.09);
  --ds-info-wash: rgba(27, 24, 21, 0.045);

  /* ── Typografie · ein ruhiger Maßstab ─────────────────────────────── */
  --ds-text-2xs: 0.625rem;      /* 10 · Registermarken */
  --ds-text-xs: 0.6875rem;      /* 11 · Kicker, Meta */
  --ds-text-sm: 0.8125rem;      /* 13 · Bedienung, Listen */
  --ds-text-base: 0.9375rem;    /* 15 · Lesetext */
  --ds-text-md: 1.0625rem;      /* 17 · Kartentitel */
  --ds-text-lg: 1.4375rem;      /* 23 · Abschnitt */
  --ds-text-xl: 1.9375rem;      /* 31 · Raumtitel — größerer Kontrast, ruhiger Auftritt */
  --ds-leading-tight: 1.2;
  --ds-leading-base: 1.5;
  --ds-leading-loose: 1.65;
  --ds-tracking-kicker: 0.09em;
  --ds-tracking-wide: 0.03em;
  --ds-tracking-display: -0.02em;  /* große Grade laufen optisch enger */

  /* ── Rhythmus · 4er-Raster mit Luft ───────────────────────────────── */
  --ds-space-1: 0.25rem;
  --ds-space-2: 0.5rem;
  --ds-space-3: 0.75rem;
  --ds-space-4: 1rem;
  --ds-space-5: 1.5rem;
  --ds-space-6: 2rem;
  --ds-space-7: 3rem;
  --ds-space-8: 4.5rem;

  /* ── Radius · weiche, kontinuierliche Ecken — nie Pillen ──────────── */
  --ds-radius-xs: 5px;
  --ds-radius-sm: 8px;
  --ds-radius-md: 10px;
  --ds-radius-lg: 14px;
  --ds-radius-xl: 20px;
  --ds-radius-round: 999px;

  /* ── Elevation · Papier liegt auf Papier — weich, diffus, mit
        hauchdünner Lichtkante oben (Material, kein Karton) ──────────── */
  --ds-edge-light: inset 0 1px 0 rgba(255, 255, 255, 0.55);
  --ds-elevation-0: none;
  --ds-elevation-1:
    0 1px 1px rgba(24, 20, 12, 0.03),
    0 2px 6px rgba(24, 20, 12, 0.04);
  --ds-elevation-2:
    0 1px 2px rgba(24, 20, 12, 0.04),
    0 4px 10px rgba(24, 20, 12, 0.04),
    0 12px 28px rgba(24, 20, 12, 0.05);
  --ds-elevation-3:
    0 2px 4px rgba(24, 20, 12, 0.04),
    0 8px 20px rgba(24, 20, 12, 0.05),
    0 24px 48px rgba(24, 20, 12, 0.07);
  --ds-elevation-4:
    0 3px 6px rgba(24, 20, 12, 0.05),
    0 14px 32px rgba(24, 20, 12, 0.07),
    0 36px 80px rgba(24, 20, 12, 0.1);
  --ds-inset-1: inset 0 1px 2px rgba(24, 20, 12, 0.04);
  --ds-inset-2: inset 0 1px 3px rgba(24, 20, 12, 0.06);

  /* ── Motion · physikalisch, 120–250 ms, nie Aufmerksamkeit ────────── */
  --ds-motion-fast: 120ms;
  --ds-motion-base: 180ms;
  --ds-motion-slow: 250ms;
  --ds-ease: cubic-bezier(0.32, 0.72, 0, 1);
  --ds-ease-out: cubic-bezier(0, 0, 0.2, 1);

  /* ── State Tokens ─────────────────────────────────────────────────── */
  --ds-hover-lift: translateY(-1px);
  --ds-press-scale: scale(0.985);
  --ds-hover-surface: color-mix(in srgb, var(--ds-linen) 62%, var(--ds-paper));
  --ds-selected-surface: color-mix(in srgb, var(--ds-linen) 88%, var(--ds-paper));
  --ds-focus-ring:
    0 0 0 2px var(--ds-paper),
    0 0 0 4px rgba(27, 24, 21, 0.35);
  --ds-focus-ring-action:
    0 0 0 2px var(--ds-paper),
    0 0 0 4px rgba(180, 81, 31, 0.5);
  --ds-disabled-opacity: 0.45;

  /* ── Component Tokens ─────────────────────────────────────────────── */
  --ds-btn-height: 2.25rem;
  --ds-btn-height-sm: 1.75rem;
  --ds-btn-height-lg: 2.75rem;
  --ds-btn-radius: var(--ds-radius-md);
  --ds-card-radius: var(--ds-radius-lg);
  --ds-card-padding: clamp(1rem, 2vw, 1.35rem);
  --ds-field-height: 2.35rem;
  --ds-field-radius: var(--ds-radius-md);
  --ds-row-height: 2.6rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §1 · GLOBALE BERUHIGUNG
   Bestehende Schatten-Token werden auf Papier-Tiefe zurückgeführt.
   Kein Kupfer-Glow, kein Leuchten — Tiefe statt Schatten.
   ═══════════════════════════════════════════════════════════════════════ */

html.raumriss-os,
body.raumriss-os {
  --text-primary: var(--ds-ink);
  --text-secondary: var(--ds-ink-soft);
  --text-tertiary: var(--ds-ink-faint);
  --text-label: #4c4840;

  --border-default: #e5e2dc;
  --border-soft: #edebe5;
  --border-hover: var(--ds-hairline-strong);
  --border-focus: rgba(27, 24, 21, 0.3);

  --shadow-sm: var(--ds-elevation-1);
  --shadow-md: var(--ds-elevation-2);
  --shadow-lg: var(--ds-elevation-3);
  --shadow-hover: var(--ds-elevation-3);
  --shadow-lift:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    var(--ds-elevation-2);
  --shadow-panel:
    0 0 0 1px var(--ds-hairline-soft),
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    var(--ds-elevation-2);
  --shadow-float: var(--ds-elevation-4);
  --shadow-glass-hover: var(--ds-elevation-3);
  --shadow-home-module:
    0 0 0 1px var(--ds-hairline-soft),
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    var(--ds-elevation-2);
  --shadow-home-module-hover:
    0 0 0 1px var(--ds-hairline),
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    var(--ds-elevation-3);
  --shadow-hardware:
    0 0 0 1px var(--ds-hairline-soft),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    var(--ds-elevation-3);

  --os-focus-ring: var(--ds-focus-ring);
  --os-ease: var(--ds-ease);
  --os-ease-spring: var(--ds-ease);
}

/* Selektion · warm, kein Neon */
html.raumriss-os ::-moz-selection {
  background: rgba(180, 81, 31, 0.16);
  color: var(--ds-ink);
}
html.raumriss-os ::selection {
  background: rgba(180, 81, 31, 0.16);
  color: var(--ds-ink);
}

/* Scrollbars · zurückhaltend */
html.raumriss-os * {
  scrollbar-width: thin;
  scrollbar-color: rgba(27, 24, 21, 0.16) transparent;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §2 · BUTTONS
   Primary trägt Tinte. Orange nur, wenn eine Entscheidung ausgeführt wird.
   Hover: leichtes Anheben, leichte Temperatur. Nie hektisch.
   ═══════════════════════════════════════════════════════════════════════ */

html.raumriss-os .ds-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  height: var(--ds-btn-height);
  padding: 0 0.95rem;
  border: 1px solid transparent;
  border-radius: var(--ds-btn-radius);
  background: transparent;
  color: var(--ds-ink);
  font-family: var(--font-display);
  font-size: var(--ds-text-sm);
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition:
    background-color var(--ds-motion-base) var(--ds-ease),
    border-color var(--ds-motion-base) var(--ds-ease),
    color var(--ds-motion-base) var(--ds-ease),
    box-shadow var(--ds-motion-base) var(--ds-ease),
    transform var(--ds-motion-fast) var(--ds-ease);
}

html.raumriss-os .ds-btn:focus-visible {
  outline: none;
  box-shadow: var(--ds-focus-ring);
}

html.raumriss-os .ds-btn:disabled,
html.raumriss-os .ds-btn[aria-disabled="true"] {
  opacity: var(--ds-disabled-opacity);
  cursor: default;
  pointer-events: none;
}

/* Größen */
html.raumriss-os .ds-btn--sm {
  height: var(--ds-btn-height-sm);
  padding: 0 0.7rem;
  font-size: var(--ds-text-xs);
  border-radius: var(--ds-radius-sm);
}

html.raumriss-os .ds-btn--lg {
  height: var(--ds-btn-height-lg);
  padding: 0 1.35rem;
  font-size: var(--ds-text-base);
  border-radius: var(--ds-radius-lg);
}

/* ── Primary · Tinte auf Papier ───────────────────────────────────────── */
html.raumriss-os .ds-btn--primary {
  background: linear-gradient(to bottom, #2a2620, var(--ds-ink));
  border-color: var(--ds-ink);
  color: var(--ds-paper-raised);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    var(--ds-elevation-1);
}

html.raumriss-os .ds-btn--primary:hover:not(:disabled) {
  background: linear-gradient(to bottom, #35302a, #26221d);
  border-color: #2a2620;
  transform: var(--ds-hover-lift);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    var(--ds-elevation-2);
}

html.raumriss-os .ds-btn--primary:active:not(:disabled),
html.raumriss-os .ds-btn--primary[data-pressed="true"] {
  background: #131110;
  transform: var(--ds-press-scale);
  box-shadow: var(--ds-inset-2);
}

/* ── Action · Orange = Entscheidung wird ausgeführt ───────────────────── */
html.raumriss-os .ds-btn--action {
  background: linear-gradient(to bottom, #c05a25, var(--ds-action));
  border-color: var(--ds-action);
  color: #fffdfa;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    var(--ds-elevation-1);
}

html.raumriss-os .ds-btn--action:hover:not(:disabled) {
  background: linear-gradient(to bottom, #b4511f, var(--ds-action-hover));
  border-color: var(--ds-action-hover);
  transform: var(--ds-hover-lift);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    var(--ds-elevation-2);
}

html.raumriss-os .ds-btn--action:active:not(:disabled),
html.raumriss-os .ds-btn--action[data-pressed="true"] {
  background: var(--ds-action-pressed);
  transform: var(--ds-press-scale);
  box-shadow: var(--ds-inset-2);
}

html.raumriss-os .ds-btn--action:focus-visible {
  box-shadow: var(--ds-focus-ring-action);
}

/* ── Secondary · Blatt mit Hairline ───────────────────────────────────── */
html.raumriss-os .ds-btn--secondary {
  background: var(--ds-paper-raised);
  border-color: var(--ds-hairline);
  color: var(--ds-ink);
  box-shadow:
    var(--ds-edge-light),
    var(--ds-elevation-1);
}

html.raumriss-os .ds-btn--secondary:hover:not(:disabled) {
  border-color: var(--ds-hairline-strong);
  background: #fffefc;
  transform: var(--ds-hover-lift);
  box-shadow:
    var(--ds-edge-light),
    var(--ds-elevation-2);
}

html.raumriss-os .ds-btn--secondary:active:not(:disabled),
html.raumriss-os .ds-btn--secondary[data-pressed="true"] {
  background: var(--ds-linen);
  transform: var(--ds-press-scale);
  box-shadow: var(--ds-inset-1);
}

/* ── Ghost · nur Text, Hover als Leinen-Hauch ─────────────────────────── */
html.raumriss-os .ds-btn--ghost {
  background: transparent;
  border-color: transparent;
  color: var(--ds-ink-soft);
}

html.raumriss-os .ds-btn--ghost:hover:not(:disabled) {
  background: var(--ds-hover-surface);
  color: var(--ds-ink);
}

html.raumriss-os .ds-btn--ghost:active:not(:disabled),
html.raumriss-os .ds-btn--ghost[data-pressed="true"] {
  background: var(--ds-selected-surface);
}

/* ── Danger · gedecktes Rot, erst auf Hover flächig ───────────────────── */
html.raumriss-os .ds-btn--danger {
  background: transparent;
  border-color: color-mix(in srgb, var(--ds-danger) 32%, transparent);
  color: var(--ds-danger);
}

html.raumriss-os .ds-btn--danger:hover:not(:disabled) {
  background: var(--ds-danger);
  border-color: var(--ds-danger);
  color: #fffdfa;
  transform: var(--ds-hover-lift);
  box-shadow: var(--ds-elevation-2);
}

html.raumriss-os .ds-btn--danger:active:not(:disabled) {
  background: var(--ds-danger-hover);
  transform: var(--ds-press-scale);
  box-shadow: var(--ds-inset-2);
}

/* ── Success · gedecktes Grün ─────────────────────────────────────────── */
html.raumriss-os .ds-btn--success {
  background: var(--ds-success);
  border-color: var(--ds-success);
  color: #fbfdf9;
  box-shadow: var(--ds-elevation-1);
}

html.raumriss-os .ds-btn--success:hover:not(:disabled) {
  background: var(--ds-success-hover);
  transform: var(--ds-hover-lift);
  box-shadow: var(--ds-elevation-2);
}

html.raumriss-os .ds-btn--success:active:not(:disabled) {
  transform: var(--ds-press-scale);
  box-shadow: var(--ds-inset-2);
}

/* ── Icon Button · quadratisch, typografische Glyphe ──────────────────── */
html.raumriss-os .ds-btn--icon {
  width: var(--ds-btn-height);
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
}

html.raumriss-os .ds-btn--icon.ds-btn--sm {
  width: var(--ds-btn-height-sm);
}

/* ── Floating Action · ruht unten, hebt sich kaum ─────────────────────── */
html.raumriss-os .ds-btn--fab {
  width: 3rem;
  height: 3rem;
  padding: 0;
  border-radius: var(--ds-radius-round);
  background: var(--ds-ink);
  border-color: var(--ds-ink);
  color: var(--ds-paper-raised);
  font-size: 1.15rem;
  font-weight: 400;
  box-shadow: var(--ds-elevation-3);
}

html.raumriss-os .ds-btn--fab:hover:not(:disabled) {
  transform: var(--ds-hover-lift);
  box-shadow: var(--ds-elevation-4);
}

html.raumriss-os .ds-btn--fab:active:not(:disabled) {
  transform: var(--ds-press-scale);
  box-shadow: var(--ds-elevation-2);
}

/* ── Toolbar Button · klein, leise, Teil einer Leiste ─────────────────── */
html.raumriss-os .ds-btn--toolbar {
  height: var(--ds-btn-height-sm);
  padding: 0 0.6rem;
  font-size: var(--ds-text-xs);
  font-weight: 450;
  color: var(--ds-ink-soft);
  border-radius: var(--ds-radius-sm);
}

html.raumriss-os .ds-btn--toolbar:hover:not(:disabled) {
  background: var(--ds-hover-surface);
  color: var(--ds-ink);
}

html.raumriss-os .ds-btn--toolbar[aria-pressed="true"] {
  background: var(--ds-selected-surface);
  color: var(--ds-ink);
  box-shadow: var(--ds-inset-1);
}

/* ── Split Button · eine Handlung, ein Fach für Varianten ─────────────── */
html.raumriss-os .ds-split {
  display: inline-flex;
  align-items: stretch;
  border-radius: var(--ds-btn-radius);
  box-shadow: var(--ds-elevation-1);
}

html.raumriss-os .ds-split > .ds-btn {
  box-shadow: none;
}

html.raumriss-os .ds-split > .ds-btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html.raumriss-os .ds-split > .ds-btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 2rem;
  padding: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.22);
}

html.raumriss-os .ds-split > .ds-btn--secondary:last-child {
  border-left-color: var(--ds-hairline);
}

html.raumriss-os .ds-split > .ds-btn:hover:not(:disabled) {
  transform: none;
}

/* ── Loading · Text tritt zurück, ein ruhiger Ring arbeitet ───────────── */
html.raumriss-os .ds-btn[data-loading="true"] {
  color: transparent !important;
  pointer-events: none;
}

html.raumriss-os .ds-btn[data-loading="true"]::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 0.85rem;
  height: 0.85rem;
  border-radius: 50%;
  border: 1.5px solid rgba(27, 24, 21, 0.2);
  border-top-color: var(--ds-ink-soft);
  animation: ds-spin 720ms linear infinite;
}

html.raumriss-os .ds-btn--primary[data-loading="true"]::after,
html.raumriss-os .ds-btn--action[data-loading="true"]::after,
html.raumriss-os .ds-btn--success[data-loading="true"]::after,
html.raumriss-os .ds-btn--fab[data-loading="true"]::after {
  border-color: rgba(255, 253, 250, 0.3);
  border-top-color: #fffdfa;
}

@keyframes ds-spin {
  to {
    transform: rotate(360deg);
  }
}

/* ── Remap · bestehende Button-Hooks sprechen die v2-Sprache ──────────── */

html.raumriss-os .atmo-action {
  border: 1px solid var(--ds-hairline) !important;
  border-radius: var(--ds-radius-md) !important;
  background: var(--ds-paper-raised) !important;
  color: var(--ds-ink) !important;
  box-shadow: var(--ds-elevation-1) !important;
  transition:
    background-color var(--ds-motion-base) var(--ds-ease),
    border-color var(--ds-motion-base) var(--ds-ease),
    color var(--ds-motion-base) var(--ds-ease),
    box-shadow var(--ds-motion-base) var(--ds-ease) !important;
}

html.raumriss-os .atmo-action:hover:not(:disabled) {
  border-color: var(--ds-hairline-strong) !important;
  background: #fffefc !important;
  color: var(--ds-ink) !important;
  box-shadow: var(--ds-elevation-2) !important;
}

html.raumriss-os .atmo-action:focus-visible {
  outline: none !important;
  box-shadow: var(--ds-focus-ring) !important;
}

html.raumriss-os .atmo-action--primary {
  border-color: var(--ds-ink) !important;
  background: var(--ds-ink) !important;
  color: var(--ds-paper-raised) !important;
  box-shadow: var(--ds-elevation-1) !important;
}

html.raumriss-os .atmo-action--primary:hover:not(:disabled) {
  border-color: #2a2620 !important;
  background: #2a2620 !important;
  color: var(--ds-paper-raised) !important;
  box-shadow: var(--ds-elevation-2) !important;
}

html.raumriss-os .atmo-action--quiet {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--ds-ink-soft) !important;
  box-shadow: none !important;
}

html.raumriss-os .atmo-action--quiet:hover:not(:disabled) {
  background: var(--ds-hover-surface) !important;
  border-color: transparent !important;
  color: var(--ds-ink) !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §3 · CARDS
   Ein Blatt liegt auf dem Tisch. Gattungen unterscheiden sich über
   Struktur und Typografie — nie über bunte Flächen.
   ═══════════════════════════════════════════════════════════════════════ */

html.raumriss-os .ds-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  padding: var(--ds-card-padding);
  border: 1px solid var(--ds-hairline-soft);
  border-radius: var(--ds-card-radius);
  background: var(--ds-paper-raised);
  box-shadow:
    var(--ds-edge-light),
    var(--ds-elevation-1);
  color: var(--ds-ink);
  transition:
    box-shadow var(--ds-motion-base) var(--ds-ease),
    border-color var(--ds-motion-base) var(--ds-ease),
    transform var(--ds-motion-base) var(--ds-ease),
    background-color var(--ds-motion-base) var(--ds-ease);
}

html.raumriss-os .ds-card[data-interactive="true"] {
  cursor: pointer;
}

html.raumriss-os .ds-card[data-interactive="true"]:hover {
  transform: var(--ds-hover-lift);
  border-color: var(--ds-hairline);
  box-shadow:
    var(--ds-edge-light),
    var(--ds-elevation-2);
  background: #fffefc;
}

html.raumriss-os .ds-card[data-interactive="true"]:active {
  transform: scale(0.995);
  box-shadow:
    var(--ds-edge-light),
    var(--ds-elevation-1);
}

html.raumriss-os .ds-card[data-interactive="true"]:focus-visible {
  outline: none;
  box-shadow: var(--ds-focus-ring);
}

html.raumriss-os .ds-card[data-selected="true"] {
  border-color: var(--ds-hairline-strong);
  background: var(--ds-selected-surface);
  box-shadow: var(--ds-inset-1);
}

/* Karten-Anatomie */
html.raumriss-os .ds-card__kicker {
  margin: 0;
  font-size: var(--ds-text-xs);
  font-weight: 500;
  letter-spacing: var(--ds-tracking-kicker);
  text-transform: uppercase;
  color: var(--ds-ink-faint);
}

html.raumriss-os .ds-card__title {
  margin: 0;
  font-size: var(--ds-text-md);
  font-weight: 500;
  letter-spacing: 0.005em;
  line-height: var(--ds-leading-tight);
  color: var(--ds-ink);
}

html.raumriss-os .ds-card__body {
  margin: 0;
  font-size: var(--ds-text-sm);
  line-height: var(--ds-leading-base);
  color: var(--ds-ink-soft);
}

html.raumriss-os .ds-card__meta {
  margin: 0;
  font-size: var(--ds-text-xs);
  line-height: 1.4;
  color: var(--ds-ink-faint);
}

html.raumriss-os .ds-card__footer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.25rem;
  padding-top: 0.65rem;
  border-top: 1px solid var(--ds-hairline-soft);
}

/* ── Gattungen ─────────────────────────────────────────────────────────── */

/* Arbeitskarte · dichter, mit Stand-Zeile */
html.raumriss-os .ds-card[data-card="work"] {
  gap: 0.4rem;
}

html.raumriss-os .ds-card[data-card="work"] .ds-card__title {
  font-size: var(--ds-text-base);
}

/* Projektkarte · trägt eine Vorhabens-Überschrift */
html.raumriss-os .ds-card[data-card="project"] .ds-card__title {
  font-size: var(--ds-text-lg);
  font-weight: 450;
  letter-spacing: var(--ds-tracking-display);
}

/* Raumkarte · Eingang, viel Luft */
html.raumriss-os .ds-card[data-card="room"] {
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  gap: 0.7rem;
  min-height: 8.5rem;
  justify-content: space-between;
}

/* Zonenkarte · Arbeitsbereich, eingelassen */
html.raumriss-os .ds-card[data-card="zone"] {
  background: var(--ds-linen);
  border-color: transparent;
  box-shadow: var(--ds-inset-1);
}

html.raumriss-os .ds-card[data-card="zone"][data-interactive="true"]:hover {
  background: color-mix(in srgb, var(--ds-linen) 70%, var(--ds-paper-raised));
  transform: none;
  box-shadow: var(--ds-inset-1), 0 0 0 1px var(--ds-hairline);
}

/* Material-/Objektkarte · das Artefakt zuerst */
html.raumriss-os .ds-card[data-card="material"],
html.raumriss-os .ds-card[data-card="object"] {
  gap: 0.45rem;
}

html.raumriss-os .ds-card[data-card="material"] .ds-card__title {
  font-size: var(--ds-text-sm);
  font-weight: 500;
}

/* Notizkarte · handschriftliches Blatt */
html.raumriss-os .ds-card[data-card="note"] {
  background: #fbf9f4;
  border-color: var(--ds-hairline-soft);
}

html.raumriss-os .ds-card[data-card="note"] .ds-card__body {
  color: var(--ds-ink);
  font-size: var(--ds-text-base);
  line-height: var(--ds-leading-loose);
}

/* Timeline-Karte · hängt an einer Linie */
html.raumriss-os .ds-card[data-card="timeline"] {
  border-left: 2px solid var(--ds-stone);
  border-radius: var(--ds-radius-sm) var(--ds-card-radius) var(--ds-card-radius) var(--ds-radius-sm);
}

/* Thread-/Fortsetzungskarte · Bewegung sichtbar */
html.raumriss-os .ds-card[data-card="thread"] .ds-card__kicker,
html.raumriss-os .ds-card[data-card="continuation"] .ds-card__kicker {
  color: var(--ds-ink-soft);
}

/* Info / Status · ruhig, ohne Alarm */
html.raumriss-os .ds-card[data-card="info"],
html.raumriss-os .ds-card[data-card="status"] {
  background: var(--ds-paper);
  border-color: var(--ds-hairline-soft);
  box-shadow: none;
}

/* Warnung · schmale Marke, gedeckter Ton, kein Banner */
html.raumriss-os .ds-card[data-card="warning"] {
  border-left: 2px solid var(--ds-warn);
  background: color-mix(in srgb, var(--ds-warn-wash) 55%, var(--ds-paper-raised));
}

html.raumriss-os .ds-card[data-card="warning"] .ds-card__kicker {
  color: var(--ds-warn);
}

/* Entscheidung · das einzige Orange im Feld */
html.raumriss-os .ds-card[data-card="decision"] {
  border-left: 2px solid var(--ds-action);
}

html.raumriss-os .ds-card[data-card="decision"] .ds-card__kicker {
  color: var(--ds-action);
}

/* AUREL-Karte · Begleiter, eingerückt, spricht leise */
html.raumriss-os .ds-card[data-card="aurel"] {
  background: transparent;
  border: none;
  border-left: 1px solid var(--ds-stone);
  border-radius: 0;
  box-shadow: none;
  padding: 0.35rem 0 0.35rem 1rem;
  gap: 0.3rem;
}

html.raumriss-os .ds-card[data-card="aurel"] .ds-card__kicker {
  letter-spacing: 0.11em;
}

html.raumriss-os .ds-card[data-card="aurel"] .ds-card__body {
  font-size: var(--ds-text-base);
  color: var(--ds-ink);
  max-width: 38rem;
}

/* Re-Entry-Karte · Orientierung, nicht Dashboard */
html.raumriss-os .ds-card[data-card="reentry"] {
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  gap: 0.85rem;
}

html.raumriss-os .ds-card[data-card="reentry"] .ds-card__title {
  font-size: var(--ds-text-lg);
  font-weight: 450;
  letter-spacing: var(--ds-tracking-display);
  max-width: 34rem;
}

html.raumriss-os .ds-reentry-line {
  display: grid;
  grid-template-columns: minmax(7.5rem, auto) 1fr;
  gap: 0.35rem 1.25rem;
  margin: 0;
  font-size: var(--ds-text-sm);
  line-height: var(--ds-leading-base);
}

html.raumriss-os .ds-reentry-line dt {
  color: var(--ds-ink-faint);
  font-size: var(--ds-text-xs);
  letter-spacing: 0.04em;
  padding-top: 0.1rem;
}

html.raumriss-os .ds-reentry-line dd {
  margin: 0;
  color: var(--ds-ink);
}

html.raumriss-os .ds-reentry-line dd[data-tone="next"] {
  font-weight: 500;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §4 · NAVIGATION
   Orientierung ist Typografie: Unterstriche, Register, Pfade.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Tabs · Unterstrich in Tinte ──────────────────────────────────────── */
html.raumriss-os .ds-tabs {
  display: flex;
  align-items: flex-end;
  gap: 1.35rem;
  border-bottom: 1px solid var(--ds-hairline-soft);
}

html.raumriss-os .ds-tab {
  position: relative;
  padding: 0.45rem 0 0.6rem;
  border: none;
  background: none;
  font-family: var(--font-display);
  font-size: var(--ds-text-sm);
  font-weight: 450;
  letter-spacing: 0.015em;
  color: var(--ds-ink-faint);
  cursor: pointer;
  transition: color var(--ds-motion-base) var(--ds-ease);
}

html.raumriss-os .ds-tab:hover {
  color: var(--ds-ink-soft);
}

html.raumriss-os .ds-tab:focus-visible {
  outline: none;
  box-shadow: var(--ds-focus-ring);
  border-radius: var(--ds-radius-xs);
}

html.raumriss-os .ds-tab[aria-selected="true"],
html.raumriss-os .ds-tab[data-active="true"] {
  color: var(--ds-ink);
  font-weight: 500;
}

html.raumriss-os .ds-tab[aria-selected="true"]::after,
html.raumriss-os .ds-tab[data-active="true"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  border-radius: 1px;
  background: var(--ds-ink);
}

/* ── Segment Control · eingelassene Schiene ───────────────────────────── */
html.raumriss-os .ds-segment {
  display: inline-flex;
  align-items: stretch;
  gap: 2px;
  padding: 3px;
  border-radius: var(--ds-radius-md);
  background: var(--ds-linen);
  box-shadow: var(--ds-inset-2);
}

html.raumriss-os .ds-segment__item {
  border: none;
  background: transparent;
  padding: 0.36rem 0.85rem;
  border-radius: calc(var(--ds-radius-md) - 3px);
  font-family: var(--font-display);
  font-size: var(--ds-text-xs);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--ds-ink-soft);
  cursor: pointer;
  transition:
    background-color var(--ds-motion-base) var(--ds-ease),
    color var(--ds-motion-base) var(--ds-ease),
    box-shadow var(--ds-motion-base) var(--ds-ease);
}

html.raumriss-os .ds-segment__item:hover {
  color: var(--ds-ink);
}

html.raumriss-os .ds-segment__item:focus-visible {
  outline: none;
  box-shadow: var(--ds-focus-ring);
}

html.raumriss-os .ds-segment__item[aria-pressed="true"],
html.raumriss-os .ds-segment__item[aria-selected="true"] {
  background: var(--ds-paper-raised);
  color: var(--ds-ink);
  box-shadow:
    var(--ds-edge-light),
    var(--ds-elevation-1);
}

/* ── Breadcrumbs · ein Pfad durchs Haus ───────────────────────────────── */
html.raumriss-os .ds-breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--ds-text-xs);
  letter-spacing: 0.03em;
}

html.raumriss-os .ds-breadcrumbs li {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--ds-ink-faint);
}

html.raumriss-os .ds-breadcrumbs li + li::before {
  content: "·";
  color: var(--ds-stone);
}

html.raumriss-os .ds-breadcrumbs a {
  color: var(--ds-ink-faint);
  text-decoration: none;
  transition: color var(--ds-motion-base) var(--ds-ease);
}

html.raumriss-os .ds-breadcrumbs a:hover {
  color: var(--ds-ink);
}

html.raumriss-os .ds-breadcrumbs [aria-current="page"] {
  color: var(--ds-ink);
  font-weight: 500;
}

/* ── Quick Switcher / Palette-Fläche · ein ruhiges Fach ───────────────── */
html.raumriss-os .ds-switcher {
  width: min(34rem, 92vw);
  border: 1px solid var(--ds-hairline);
  border-radius: var(--ds-radius-xl);
  background: var(--ds-paper-raised);
  box-shadow:
    var(--ds-edge-light),
    var(--ds-elevation-4);
  overflow: hidden;
}

html.raumriss-os .ds-switcher__input {
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--ds-hairline-soft);
  background: transparent;
  padding: 0.9rem 1.1rem;
  font-family: var(--font-display);
  font-size: var(--ds-text-base);
  color: var(--ds-ink);
}

html.raumriss-os .ds-switcher__input:focus {
  outline: none;
}

html.raumriss-os .ds-switcher__input::-moz-placeholder {
  color: var(--ds-ink-faint);
}

html.raumriss-os .ds-switcher__input::placeholder {
  color: var(--ds-ink-faint);
}

html.raumriss-os .ds-switcher__list {
  margin: 0;
  padding: 0.35rem;
  list-style: none;
  max-height: 18rem;
  overflow-y: auto;
}

html.raumriss-os .ds-switcher__item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--ds-radius-md);
  font-size: var(--ds-text-sm);
  color: var(--ds-ink);
  cursor: pointer;
}

html.raumriss-os .ds-switcher__item:hover,
html.raumriss-os .ds-switcher__item[data-active="true"] {
  background: var(--ds-hover-surface);
}

html.raumriss-os .ds-switcher__item .ds-switcher__hint {
  font-size: var(--ds-text-xs);
  color: var(--ds-ink-faint);
}

/* ═══════════════════════════════════════════════════════════════════════════
   §5 · FORMULARE
   Felder sind Mulden im Papier. Fokus ist eine Kante, kein Leuchten.
   ═══════════════════════════════════════════════════════════════════════ */

html.raumriss-os .ds-field {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

html.raumriss-os .ds-field__label {
  font-size: var(--ds-text-xs);
  font-weight: 500;
  letter-spacing: 0.05em;
  color: var(--ds-ink-soft);
}

html.raumriss-os .ds-field__hint {
  margin: 0;
  font-size: var(--ds-text-xs);
  line-height: 1.4;
  color: var(--ds-ink-faint);
}

html.raumriss-os .ds-field__hint[data-tone="error"] {
  color: var(--ds-danger);
}

html.raumriss-os .ds-input,
html.raumriss-os .ds-select,
html.raumriss-os .ds-textarea {
  width: 100%;
  min-height: var(--ds-field-height);
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--ds-hairline);
  border-radius: var(--ds-field-radius);
  background: var(--ds-paper-raised);
  box-shadow: var(--ds-inset-1);
  font-family: var(--font-display);
  font-size: var(--ds-text-sm);
  line-height: 1.4;
  color: var(--ds-ink);
  transition:
    border-color var(--ds-motion-base) var(--ds-ease),
    box-shadow var(--ds-motion-base) var(--ds-ease),
    background-color var(--ds-motion-base) var(--ds-ease);
}

html.raumriss-os .ds-input::-moz-placeholder, html.raumriss-os .ds-textarea::-moz-placeholder {
  color: var(--ds-ink-faint);
}

html.raumriss-os .ds-input::placeholder,
html.raumriss-os .ds-textarea::placeholder {
  color: var(--ds-ink-faint);
}

html.raumriss-os .ds-input:hover:not(:disabled),
html.raumriss-os .ds-select:hover:not(:disabled),
html.raumriss-os .ds-textarea:hover:not(:disabled) {
  border-color: var(--ds-hairline-strong);
}

html.raumriss-os .ds-input:focus,
html.raumriss-os .ds-select:focus,
html.raumriss-os .ds-textarea:focus {
  outline: none;
  border-color: var(--ds-ink);
  box-shadow:
    var(--ds-inset-1),
    0 0 0 3.5px rgba(27, 24, 21, 0.06);
  background: #fffefc;
}

html.raumriss-os .ds-input:disabled,
html.raumriss-os .ds-select:disabled,
html.raumriss-os .ds-textarea:disabled {
  opacity: var(--ds-disabled-opacity);
  cursor: default;
}

html.raumriss-os .ds-input[aria-invalid="true"],
html.raumriss-os .ds-textarea[aria-invalid="true"] {
  border-color: color-mix(in srgb, var(--ds-danger) 55%, transparent);
}

html.raumriss-os .ds-textarea {
  min-height: 5.5rem;
  resize: vertical;
  line-height: var(--ds-leading-base);
}

html.raumriss-os .ds-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--ds-ink-soft) 50%),
    linear-gradient(135deg, var(--ds-ink-soft) 50%, transparent 50%);
  background-position:
    calc(100% - 16px) calc(50% - 2px),
    calc(100% - 11px) calc(50% - 2px);
  background-size: 5px 5px;
  background-repeat: no-repeat;
  padding-right: 2rem;
  cursor: pointer;
}

/* ── Suche · Feld mit typografischer Marke ────────────────────────────── */
html.raumriss-os .ds-search {
  position: relative;
}

html.raumriss-os .ds-search .ds-input {
  padding-left: 2rem;
}

html.raumriss-os .ds-search::before {
  content: "⌕";
  position: absolute;
  left: 0.65rem;
  top: 50%;
  transform: translateY(-52%);
  font-size: 1rem;
  color: var(--ds-ink-faint);
  pointer-events: none;
}

/* ── Checkbox & Radio · gesetzte Zeichen, keine Häkchen-Grafik ────────── */
html.raumriss-os .ds-check,
html.raumriss-os .ds-radio {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.55rem;
  font-size: var(--ds-text-sm);
  line-height: 1.4;
  color: var(--ds-ink);
  cursor: pointer;
}

html.raumriss-os .ds-check input,
html.raumriss-os .ds-radio input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  margin: 0.14rem 0 0;
  border: 1px solid var(--ds-hairline-strong);
  background: var(--ds-paper-raised);
  box-shadow: var(--ds-inset-1);
  cursor: pointer;
  transition:
    border-color var(--ds-motion-fast) var(--ds-ease),
    background-color var(--ds-motion-fast) var(--ds-ease),
    box-shadow var(--ds-motion-fast) var(--ds-ease);
}

html.raumriss-os .ds-check input {
  border-radius: var(--ds-radius-xs);
}

html.raumriss-os .ds-radio input {
  border-radius: 50%;
}

html.raumriss-os .ds-check input:hover,
html.raumriss-os .ds-radio input:hover {
  border-color: var(--ds-ink-soft);
}

html.raumriss-os .ds-check input:focus-visible,
html.raumriss-os .ds-radio input:focus-visible {
  outline: none;
  box-shadow: var(--ds-focus-ring);
}

html.raumriss-os .ds-check input:checked,
html.raumriss-os .ds-radio input:checked {
  border-color: var(--ds-ink);
  background: var(--ds-ink);
  box-shadow: none;
}

html.raumriss-os .ds-check input {
  position: relative;
}

html.raumriss-os .ds-check input:checked::after {
  content: "";
  position: absolute;
  left: 0.24rem;
  top: 0.08rem;
  width: 0.3rem;
  height: 0.55rem;
  border: solid var(--ds-paper-raised);
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(42deg);
}

html.raumriss-os .ds-radio input:checked {
  background: var(--ds-paper-raised);
  border-width: 4.5px;
  border-color: var(--ds-ink);
}

html.raumriss-os .ds-check input:disabled,
html.raumriss-os .ds-radio input:disabled {
  opacity: var(--ds-disabled-opacity);
  cursor: default;
}

/* ── Date Picker · das native Feld, ruhig eingekleidet ────────────────── */
html.raumriss-os .ds-input[type="date"],
html.raumriss-os .ds-input[type="time"],
html.raumriss-os .ds-input[type="datetime-local"] {
  font-variant-numeric: tabular-nums;
  color-scheme: light;
}

/* ── File Upload · eine Ablagefläche, kein Dropzone-Theater ───────────── */
html.raumriss-os .ds-upload {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  padding: 1rem 1.1rem;
  border: 1px dashed var(--ds-hairline-strong);
  border-radius: var(--ds-radius-lg);
  background: var(--ds-paper);
  color: var(--ds-ink-soft);
  font-size: var(--ds-text-sm);
  cursor: pointer;
  transition:
    border-color var(--ds-motion-base) var(--ds-ease),
    background-color var(--ds-motion-base) var(--ds-ease);
}

html.raumriss-os .ds-upload:hover,
html.raumriss-os .ds-upload[data-dragover="true"] {
  border-color: var(--ds-ink-soft);
  background: var(--ds-hover-surface);
}

html.raumriss-os .ds-upload__hint {
  font-size: var(--ds-text-xs);
  color: var(--ds-ink-faint);
}

/* ── Voice Input · ein ruhender Punkt, der bei Aufnahme atmet ─────────── */
html.raumriss-os .ds-voice {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  height: var(--ds-field-height);
  padding: 0 0.85rem;
  border: 1px solid var(--ds-hairline);
  border-radius: var(--ds-radius-round);
  background: var(--ds-paper-raised);
  font-size: var(--ds-text-sm);
  color: var(--ds-ink-soft);
  cursor: pointer;
  transition:
    border-color var(--ds-motion-base) var(--ds-ease),
    color var(--ds-motion-base) var(--ds-ease);
}

html.raumriss-os .ds-voice::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--ds-stone);
  transition: background-color var(--ds-motion-base) var(--ds-ease);
}

html.raumriss-os .ds-voice:hover {
  border-color: var(--ds-hairline-strong);
  color: var(--ds-ink);
}

html.raumriss-os .ds-voice[data-recording="true"] {
  color: var(--ds-ink);
  border-color: var(--ds-hairline-strong);
}

html.raumriss-os .ds-voice[data-recording="true"]::before {
  background: var(--ds-action);
  animation: ds-breathe 2.4s var(--ds-ease) infinite;
}

@keyframes ds-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.45; }
}

/* ── Command Input · Werkbank-Zeile in Mono ───────────────────────────── */
html.raumriss-os .ds-command {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.55rem 0.85rem;
  border: 1px solid var(--ds-hairline);
  border-radius: var(--ds-field-radius);
  background: var(--ds-linen);
  box-shadow: var(--ds-inset-1);
}

html.raumriss-os .ds-command::before {
  content: "›";
  color: var(--ds-ink-faint);
  font-family: var(--font-mono-data);
}

html.raumriss-os .ds-command input {
  flex: 1;
  border: none;
  background: transparent;
  font-family: var(--font-mono-data);
  font-size: var(--ds-text-sm);
  color: var(--ds-ink);
}

html.raumriss-os .ds-command input:focus {
  outline: none;
}

html.raumriss-os .ds-command:focus-within {
  border-color: var(--ds-ink);
  background: var(--ds-paper-raised);
}

/* ═══════════════════════════════════════════════════════════════════════════
   §6 · LISTEN & ARBEITSLISTEN
   Zeilen atmen. Trennung durch Hairlines, Auswahl durch Temperatur.
   ═══════════════════════════════════════════════════════════════════════ */

html.raumriss-os .ds-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.raumriss-os .ds-list__row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: var(--ds-row-height);
  padding: 0.45rem 0.6rem;
  border-bottom: 1px solid var(--ds-hairline-soft);
  border-radius: var(--ds-radius-sm);
  font-size: var(--ds-text-sm);
  color: var(--ds-ink);
  cursor: default;
  transition: background-color var(--ds-motion-fast) var(--ds-ease);
}

html.raumriss-os .ds-list__row:last-child {
  border-bottom-color: transparent;
}

html.raumriss-os .ds-list__row[data-interactive="true"] {
  cursor: pointer;
}

html.raumriss-os .ds-list__row[data-interactive="true"]:hover {
  background: var(--ds-hover-surface);
}

html.raumriss-os .ds-list__row:focus-visible {
  outline: none;
  box-shadow: var(--ds-focus-ring);
}

html.raumriss-os .ds-list__row[data-selected="true"] {
  background: var(--ds-selected-surface);
}

html.raumriss-os .ds-list__row[data-selected="true"]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45rem;
  bottom: 0.45rem;
  width: 2px;
  border-radius: 1px;
  background: var(--ds-ink);
}

/* Mehrfachauswahl · Checkbox erscheint erst bei Annäherung */
html.raumriss-os .ds-list__row .ds-check {
  opacity: 0;
  transition: opacity var(--ds-motion-base) var(--ds-ease);
}

html.raumriss-os .ds-list__row:hover .ds-check,
html.raumriss-os .ds-list__row:focus-within .ds-check,
html.raumriss-os .ds-list__row[data-selected="true"] .ds-check,
html.raumriss-os .ds-list[data-selection-mode="true"] .ds-check {
  opacity: 1;
}

html.raumriss-os .ds-list__primary {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.raumriss-os .ds-list__secondary {
  font-size: var(--ds-text-xs);
  color: var(--ds-ink-faint);
  white-space: nowrap;
}

/* Zeilen-Handlungen · sichtbar erst bei Annäherung */
html.raumriss-os .ds-list__actions {
  display: flex;
  gap: 0.25rem;
  opacity: 0;
  transition: opacity var(--ds-motion-base) var(--ds-ease);
}

html.raumriss-os .ds-list__row:hover .ds-list__actions,
html.raumriss-os .ds-list__row:focus-within .ds-list__actions {
  opacity: 1;
}

/* ── Kontextmenü · ein kleines Blatt über dem Tisch ───────────────────── */
html.raumriss-os .ds-menu {
  min-width: 12rem;
  padding: 0.3rem;
  border: 1px solid var(--ds-hairline);
  border-radius: var(--ds-radius-lg);
  background: var(--ds-paper-raised);
  box-shadow:
    var(--ds-edge-light),
    var(--ds-elevation-4);
}

html.raumriss-os .ds-menu__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  width: 100%;
  padding: 0.45rem 0.65rem;
  border: none;
  border-radius: var(--ds-radius-sm);
  background: transparent;
  font-family: var(--font-display);
  font-size: var(--ds-text-sm);
  text-align: left;
  color: var(--ds-ink);
  cursor: pointer;
  transition: background-color var(--ds-motion-fast) var(--ds-ease);
}

html.raumriss-os .ds-menu__item:hover,
html.raumriss-os .ds-menu__item:focus-visible {
  outline: none;
  background: var(--ds-hover-surface);
}

html.raumriss-os .ds-menu__item[data-tone="danger"] {
  color: var(--ds-danger);
}

html.raumriss-os .ds-menu__shortcut {
  font-size: var(--ds-text-xs);
  color: var(--ds-ink-faint);
  font-family: var(--font-mono-data);
}

html.raumriss-os .ds-menu__divider {
  height: 1px;
  margin: 0.3rem 0.4rem;
  background: var(--ds-hairline-soft);
  border: none;
}

/* ── Arbeitsliste · keine SaaS-Tabelle ────────────────────────────────── */
html.raumriss-os .ds-worklist {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--ds-text-sm);
}

html.raumriss-os .ds-worklist thead th {
  padding: 0.4rem 0.6rem 0.55rem;
  border-bottom: 1px solid var(--ds-hairline);
  font-size: var(--ds-text-xs);
  font-weight: 500;
  letter-spacing: var(--ds-tracking-kicker);
  text-transform: uppercase;
  text-align: left;
  color: var(--ds-ink-faint);
}

html.raumriss-os .ds-worklist tbody td {
  padding: 0.6rem;
  border-bottom: 1px solid var(--ds-hairline-soft);
  color: var(--ds-ink);
  vertical-align: baseline;
}

html.raumriss-os .ds-worklist tbody tr:last-child td {
  border-bottom-color: transparent;
}

html.raumriss-os .ds-worklist tbody tr {
  transition: background-color var(--ds-motion-fast) var(--ds-ease);
}

html.raumriss-os .ds-worklist tbody tr:hover {
  background: var(--ds-hover-surface);
}

html.raumriss-os .ds-worklist tbody tr[data-selected="true"] {
  background: var(--ds-selected-surface);
}

html.raumriss-os .ds-worklist [data-align="num"] {
  text-align: right;
  font-family: var(--font-mono-data);
  font-variant-numeric: tabular-nums;
  font-size: var(--ds-text-xs);
}

html.raumriss-os .ds-worklist .ds-worklist__muted {
  color: var(--ds-ink-faint);
}

/* ═══════════════════════════════════════════════════════════════════════════
   §7 · OBJEKTE
   Jedes Objekt trägt eine typografische Registermarke — wie in einer
   analogen Arbeitsmappe. Kein Icon-Set, keine Illustration.
   ═══════════════════════════════════════════════════════════════════════ */

html.raumriss-os .ds-object {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  min-width: 0;
  color: var(--ds-ink);
  font-size: var(--ds-text-sm);
  text-decoration: none;
}

html.raumriss-os .ds-object__mark {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  height: 1.25rem;
  padding: 0 0.3rem;
  border: 1px solid var(--ds-hairline);
  border-radius: var(--ds-radius-xs);
  background: var(--ds-paper);
  font-family: var(--font-mono-data);
  font-size: var(--ds-text-2xs);
  font-weight: 500;
  letter-spacing: 0.06em;
  color: var(--ds-ink-soft);
  text-transform: uppercase;
}

html.raumriss-os .ds-object__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.raumriss-os .ds-object__meta {
  flex: 0 0 auto;
  font-size: var(--ds-text-xs);
  color: var(--ds-ink-faint);
}

/* Marken-Register: content über data-object */
html.raumriss-os .ds-object[data-object] .ds-object__mark::before {
  content: attr(data-mark);
}

/* Entscheidung & Riss sind die einzigen markierten Gattungen */
html.raumriss-os .ds-object[data-object="decision"] .ds-object__mark {
  border-color: color-mix(in srgb, var(--ds-action) 45%, transparent);
  color: var(--ds-action);
}

html.raumriss-os .ds-object[data-object="riss"] .ds-object__mark {
  border-style: dashed;
}

/* Medien-Objekte tragen die Marke in Leinen eingelassen */
html.raumriss-os .ds-object[data-object="audio"] .ds-object__mark,
html.raumriss-os .ds-object[data-object="video"] .ds-object__mark,
html.raumriss-os .ds-object[data-object="image"] .ds-object__mark,
html.raumriss-os .ds-object[data-object="track"] .ds-object__mark,
html.raumriss-os .ds-object[data-object="song"] .ds-object__mark {
  background: var(--ds-linen);
  border-color: transparent;
}

a.ds-object:hover .ds-object__label,
html.raumriss-os a.ds-object:hover .ds-object__label {
  color: var(--ds-ink);
  text-decoration: underline;
  text-decoration-color: var(--ds-stone);
  text-underline-offset: 3px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §8 · RAUM-STIMMEN
   Identität über Typografie, Rhythmus und Dichte — nie über Farbe.
   ═══════════════════════════════════════════════════════════════════════ */

/* ALIVEMAEX · Galerie: großzügig, bildhaft, langsame Hover */
html.raumriss-os .room-shell[data-room-slug="alivemaex"] {
  --ds-room-title-weight: 430;
  --ds-room-title-tracking: 0.01em;
  --ds-room-rhythm: 1.25;
  --ds-motion-base: 250ms;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .rr-section-title,
html.raumriss-os .room-shell[data-room-slug="alivemaex"] .workspace-section__kicker {
  letter-spacing: 0.12em;
}

/* ── ALIVEMAEX · Galerie-Pass ─────────────────────────────────────────────
   Kein Atmosphäre-Nebel, kein gelber Untergrund. Weiße Wand, gehängte
   Cover, eine ruhige Kopfzeile, Register statt Kästen. ─────────────────── */

/* 1 · Nebel weg: der Kupfer/Lila-Blob über dem Raum */
html.raumriss-os .room-shell[data-room-slug="alivemaex"]::before {
  display: none !important;
}

/* 2 · Wand: ruhiges Papier statt gelblicher Radial-Wäsche */
html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-composition__stage.rr-room-surface {
  background: var(--ds-paper-raised) !important;
}

/* 3 · Kopfzeile: die Welt-Zeile trägt den Raum */
html.raumriss-os .alivemaex-room-pulse .alivemaex-room-pulse__world {
  margin-top: 0.35rem;
  gap: 0.3rem;
}

html.raumriss-os .alivemaex-room-pulse .alivemaex-room-pulse__world-line,
html.raumriss-os .alivemaex-room-pulse[data-has-project="true"] .alivemaex-room-pulse__world-line {
  font-size: clamp(1.25rem, 2.6vw, 1.55rem);
  font-weight: 430;
  letter-spacing: -0.005em;
  line-height: 1.3;
  color: var(--ds-ink);
  max-width: 34rem;
}

html.raumriss-os .alivemaex-room-pulse .alivemaex-room-pulse__world-phase {
  color: var(--ds-ink-faint);
  letter-spacing: 0.04em;
  opacity: 1;
}

/* 4 · Cover: gehängte Objekte — Hairline-Rahmen, sanfte Tiefe, Luft */
html.raumriss-os
  .alivemaex-room-pulse[data-cover-first="true"]
  .room-material-presence__track {
  gap: 0.75rem;
  padding: 0.15rem 0 0.35rem;
}

html.raumriss-os
  .alivemaex-room-pulse[data-cover-first="true"]
  .room-material-presence__link {
  width: clamp(5rem, 13vw, 6.75rem);
  height: clamp(5rem, 13vw, 6.75rem);
  border-radius: 3px;
  box-shadow:
    0 0 0 1px var(--ds-hairline),
    var(--ds-elevation-2);
  transition:
    box-shadow var(--ds-motion-slow) var(--ds-ease),
    transform var(--ds-motion-slow) var(--ds-ease);
}

html.raumriss-os
  .alivemaex-room-pulse[data-cover-first="true"]
  .room-material-presence__link:hover,
html.raumriss-os
  .alivemaex-room-pulse[data-cover-first="true"]
  .room-material-presence__link:focus-visible {
  transform: translateY(-2px);
  box-shadow:
    0 0 0 1px var(--ds-hairline-strong),
    var(--ds-elevation-3);
}

html.raumriss-os
  .alivemaex-room-pulse[data-cover-first="true"]
  .room-material-presence__link[data-material-new="true"] {
  box-shadow:
    0 0 0 1px var(--ds-hairline-strong),
    var(--ds-elevation-2);
}

html.raumriss-os
  .alivemaex-room-pulse[data-cover-first="true"]
  .room-material-presence__movement {
  font-size: var(--ds-text-xs);
  letter-spacing: var(--ds-tracking-kicker);
  text-transform: uppercase;
  color: var(--ds-ink-faint);
}

/* 5 · Vorhabens-Home & Operative Lage: Hairline-Register statt Kästen */
html.raumriss-os .alivemaex-room-pulse__project-home,
html.raumriss-os .alivemaex-room-pulse__operational {
  margin-top: var(--ds-space-5);
  padding-top: var(--ds-space-4);
  border-top: 1px solid var(--ds-hairline-soft);
  background: transparent;
  box-shadow: none;
}

html.raumriss-os .alivemaex-room-pulse .project-reality__reentry-kicker,
html.raumriss-os .alivemaex-room-pulse .project-reality__next-kicker,
html.raumriss-os .alivemaex-room-pulse .project-reality__block-kicker,
html.raumriss-os .alivemaex-room-pulse .alivemaex-ops__band-kicker,
html.raumriss-os .alivemaex-room-pulse .alivemaex-ops__lane-label {
  font-size: var(--ds-text-2xs);
  font-weight: 500;
  letter-spacing: var(--ds-tracking-kicker);
  text-transform: uppercase;
  color: var(--ds-ink-faint);
}

html.raumriss-os .alivemaex-room-pulse .project-reality__reentry-line,
html.raumriss-os .alivemaex-room-pulse .project-reality__next-line {
  color: var(--ds-ink);
  line-height: var(--ds-leading-base);
}

html.raumriss-os .alivemaex-room-pulse .project-reality__reentry-row {
  padding: 0.38rem 0;
  border-bottom: 1px solid var(--ds-hairline-soft);
}

html.raumriss-os .alivemaex-room-pulse .project-reality__reentry-row:last-child {
  border-bottom: none;
}

html.raumriss-os .alivemaex-room-pulse .project-reality__reentry-row--next .project-reality__reentry-line {
  font-weight: 500;
}

/* 6 · Fold-Zeilen als ruhiges Register */
html.raumriss-os .alivemaex-room-pulse__fold {
  margin-top: var(--ds-space-4);
  border-top: 1px solid var(--ds-hairline-soft) !important;
}

html.raumriss-os .alivemaex-room-pulse__fold > summary,
html.raumriss-os .alivemaex-room-pulse[data-cover-first="true"] .alivemaex-room-pulse__fold > summary {
  padding: 0.5rem 0;
  font-size: var(--ds-text-2xs);
  font-weight: 500;
  letter-spacing: var(--ds-tracking-kicker);
  text-transform: uppercase;
  color: var(--ds-ink-faint);
  transition: color var(--ds-motion-base) var(--ds-ease);
}

html.raumriss-os .alivemaex-room-pulse__fold > summary:hover {
  color: var(--ds-ink);
}

/* 7 · Signale & Strips: Tinte statt Amber-Mischtöne */
html.raumriss-os .alivemaex-room-pulse__strip-wick {
  background: var(--ds-stone);
}

html.raumriss-os .alivemaex-room-pulse__strip[data-tone="attention"] .alivemaex-room-pulse__strip-wick {
  background: var(--ds-action);
}

html.raumriss-os .alivemaex-room-pulse__missing,
html.raumriss-os .alivemaex-room-pulse__attention {
  color: var(--ds-ink-soft);
}

/* 8 · Whisper / AUREL: eingerückte Randzeile — nie ein Kasten */
html.raumriss-os .alivemaex-room-pulse__whisper {
  margin: var(--ds-space-4) 0 0;
  padding: 0.2rem 0 0.2rem 0.9rem;
  border-left: 1px solid var(--ds-stone);
  background: transparent;
  box-shadow: none;
  font-size: var(--ds-text-sm);
  line-height: var(--ds-leading-base);
  color: var(--ds-ink-soft);
  max-width: 36rem;
}

/* 9 · Intake: leiser Abschluss */
html.raumriss-os .alivemaex-room-pulse__intake,
html.raumriss-os .alivemaex-room-pulse[data-cover-first="true"] .alivemaex-room-pulse__intake {
  opacity: 1;
  margin-top: var(--ds-space-4);
  padding-top: var(--ds-space-3);
  border-top: 1px solid var(--ds-hairline-soft);
}

/* 10 · Raumzustand (Atrium): Re-Entry-Zeile ruhig, Zonen als Register */
html.raumriss-os .alivemaex-room-state__reentry {
  color: var(--ds-ink-soft);
  line-height: var(--ds-leading-base);
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-chamber--state {
  opacity: 1;
}

/* 11 · Deck & Vorhabens-Karte: ein weißes Blatt statt Beige-auf-Beige */
html.raumriss-os .room-shell[data-room-slug="alivemaex"] .room-runtime-deck.room-composition {
  background: var(--ds-paper-raised) !important;
  border: 1px solid var(--ds-hairline-soft) !important;
  box-shadow: var(--ds-elevation-2) !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .project-reality,
html.raumriss-os .room-shell[data-room-slug="alivemaex"] .project-reality--home,
html.raumriss-os .room-shell[data-room-slug="alivemaex"] .project-reality--home[data-reality-tone="focus"] {
  background: var(--ds-paper) !important;
  border: 1px solid var(--ds-hairline-soft) !important;
  border-radius: var(--ds-radius-lg) !important;
  box-shadow: none !important;
  color: var(--ds-ink) !important;
}

html.raumriss-os .room-shell[data-room-slug="alivemaex"] .project-reality__title {
  color: var(--ds-ink) !important;
  font-weight: 500;
}

/* 12 · Re-Entry-Zeilen: saubere zwei Spalten, Hinweis läuft unter der Antwort */
html.raumriss-os .project-reality__reentry-row {
  grid-template-columns: minmax(6.5rem, 8.5rem) 1fr !important;
  gap: 0.2rem 1.1rem;
  align-items: start;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .project-reality__reentry-row .project-reality__reentry-hint,
html.raumriss-os .project-reality__reentry-row .project-reality__reentry-notyet {
  grid-column: 2;
  margin: 0.1rem 0 0;
  max-width: 34rem;
  line-height: 1.45;
  color: var(--ds-ink-faint) !important;
}

html.raumriss-os .project-reality__reentry-kicker {
  padding-top: 0.1rem;
  line-height: 1.4;
}

html.raumriss-os .project-reality__reentry-notyet {
  font-style: normal;
}

/* 13 · Riss-Marginalie: ruhiger Chip statt abgeschnittener Laufzeile
   (nur visuelle Token — Layout/DOM des Docks bleibt unberührt) */
html.raumriss-os #raumriss-runtime-dock .der-riss-marginalia,
html.raumriss-os #raumriss-runtime-dock .der-riss-marginalia[data-trace-visible="true"],
html.raumriss-os #raumriss-runtime-dock .der-riss-marginalia[data-trace-warmth] {
  background: var(--ds-paper-raised) !important;
  border: 1px solid var(--ds-hairline-soft) !important;
  border-radius: var(--ds-radius-round) !important;
  padding: 0.28rem 0.85rem !important;
  box-shadow: var(--ds-elevation-1) !important;
  color: var(--ds-ink-faint) !important;
  letter-spacing: 0.05em;
}

html.raumriss-os #raumriss-runtime-dock .der-riss-marginalia::before {
  display: none !important;
}

html.raumriss-os #raumriss-runtime-dock .der-riss-marginalia:hover {
  color: var(--ds-ink-soft) !important;
  border-color: var(--ds-hairline) !important;
}

/* 14 · Tool-Briefings: weiße Arbeitskarten, klare Kopfzeile, ruhige Aktionen */
html.raumriss-os .alivemaex-briefings__card {
  background: var(--ds-paper) !important;
  border: 1px solid var(--ds-hairline-soft) !important;
  border-radius: var(--ds-radius-lg) !important;
  box-shadow: none !important;
  padding: var(--ds-space-4);
  transition:
    border-color var(--ds-motion-base) var(--ds-ease),
    box-shadow var(--ds-motion-base) var(--ds-ease);
}

html.raumriss-os .alivemaex-briefings__card:hover {
  border-color: var(--ds-hairline) !important;
  box-shadow: var(--ds-elevation-1) !important;
}

html.raumriss-os .alivemaex-briefings__card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.4rem;
}

html.raumriss-os .alivemaex-briefings__target {
  font-size: var(--ds-text-sm);
  font-weight: 500;
  color: var(--ds-ink);
  letter-spacing: 0;
  hyphens: none;
  overflow-wrap: normal;
}

html.raumriss-os .alivemaex-briefings__status {
  font-size: var(--ds-text-2xs);
  font-weight: 500;
  letter-spacing: var(--ds-tracking-kicker);
  text-transform: uppercase;
  color: var(--ds-ink-faint);
  white-space: nowrap;
}

html.raumriss-os .alivemaex-briefings__card[data-status="ready"] .alivemaex-briefings__status {
  color: var(--ds-action);
}

html.raumriss-os .alivemaex-briefings__reason {
  color: var(--ds-ink-soft);
  line-height: var(--ds-leading-base);
}

html.raumriss-os .alivemaex-briefings__context {
  color: var(--ds-ink-faint);
}

html.raumriss-os .alivemaex-briefings__btn {
  background: var(--ds-paper) !important;
  border: 1px solid var(--ds-hairline) !important;
  border-radius: var(--ds-radius-sm) !important;
  box-shadow: none !important;
  color: var(--ds-ink-soft) !important;
  padding: 0.3rem 0.7rem;
  letter-spacing: 0.02em;
  text-transform: none;
  transition:
    color var(--ds-motion-fast) var(--ds-ease),
    border-color var(--ds-motion-fast) var(--ds-ease),
    background var(--ds-motion-fast) var(--ds-ease);
}

html.raumriss-os .alivemaex-briefings__btn:hover {
  color: var(--ds-ink) !important;
  border-color: var(--ds-hairline-strong) !important;
  background: var(--ds-paper-raised) !important;
}

/* Lead-Aktion bleibt Tinte — Orange nur, wenn die Übergabe wirklich bereit ist */
html.raumriss-os .alivemaex-briefings__btn--lead {
  border-color: var(--ds-hairline-strong) !important;
  color: var(--ds-ink) !important;
  font-weight: 500;
}

html.raumriss-os .alivemaex-briefings__card[data-status="ready"] .alivemaex-briefings__btn--lead {
  border-color: color-mix(in srgb, var(--ds-action) 45%, var(--ds-hairline)) !important;
  color: var(--ds-action) !important;
}

html.raumriss-os .alivemaex-briefings__card[data-status="ready"] .alivemaex-briefings__btn--lead:hover {
  background: color-mix(in srgb, var(--ds-action) 6%, var(--ds-paper)) !important;
}

/* 15 · Eingabefelder global: Papier statt Khaki-Verlauf.
   Neutralisiert die "recessed warm wells" aus warm-work-surfaces —
   der Riss Core (dunkle Hardware) bleibt bewusst unberührt. */
html.raumriss-os
  input:not([type="checkbox"]):not([type="radio"]):not(.riss-core-input):not([aria-label="Riss Core"] *),
html.raumriss-os .project-reality input:not([type="checkbox"]):not([type="radio"]),
html.raumriss-os .project-reality textarea,
html.raumriss-os .project-reality select,
html.raumriss-os .room-chamber--workbench input:not([type="checkbox"]):not([type="radio"]),
html.raumriss-os .room-chamber--workbench textarea,
html.raumriss-os .room-chamber--workbench select,
html.raumriss-os .room-chamber--atrium input:not([type="checkbox"]):not([type="radio"]),
html.raumriss-os .room-chamber--atrium textarea,
html.raumriss-os .room-chamber--atrium select,
html.raumriss-os .room-chamber--material-tasks .atmo-composer--capture,
html.raumriss-os .room-chamber--material-notes textarea.atmo-composer--note,
html.raumriss-os .room-chamber--material-notes .atmo-composer--note.rr-note-paper,
html.raumriss-os .ablage-draft,
html.raumriss-os .home-capture-panel .ideas-draft,
html.raumriss-os .home-capture-panel textarea,
html.raumriss-os .continuity-note-capture__draft,
html.raumriss-os textarea:not(.ablage-draft):not(.ideas-draft):not([aria-label="Riss Core"] *),
html.raumriss-os select,
html.raumriss-os .ideas-scope {
  background: var(--ds-paper) !important;
  background-image: none !important;
  border: 1px solid var(--ds-hairline) !important;
  border-radius: var(--ds-radius-md) !important;
  box-shadow: none !important;
  color: var(--ds-ink) !important;
  transition:
    border-color var(--ds-motion-fast) var(--ds-ease),
    box-shadow var(--ds-motion-fast) var(--ds-ease);
}

/* Riss Core behält seine dunkle Werkbank-Anmutung */
html.raumriss-os [aria-label="Riss Core"] input,
html.raumriss-os [aria-label="Riss Core"] textarea {
  background: var(--riss-well-gradient, #0b0a08) !important;
  border: none !important;
  box-shadow: var(--riss-well-recess, none) !important;
  color: var(--raum-cream, #f2ead8) !important;
}

html.raumriss-os input::-moz-placeholder, html.raumriss-os textarea::-moz-placeholder, html.raumriss-os .project-reality input::-moz-placeholder, html.raumriss-os .project-reality textarea::-moz-placeholder, html.raumriss-os .room-chamber--workbench input::-moz-placeholder, html.raumriss-os .room-chamber--workbench textarea::-moz-placeholder, html.raumriss-os .room-chamber--material-tasks .atmo-composer--capture::-moz-placeholder, html.raumriss-os .room-chamber--material-notes textarea.atmo-composer--note::-moz-placeholder, html.raumriss-os .ablage-draft::-moz-placeholder, html.raumriss-os .home-capture-panel textarea::-moz-placeholder, html.raumriss-os .continuity-note-capture__draft::-moz-placeholder {
  color: var(--ds-ink-faint) !important;
  font-style: normal !important;
  opacity: 1 !important;
}

html.raumriss-os input::placeholder,
html.raumriss-os textarea::placeholder,
html.raumriss-os .project-reality input::placeholder,
html.raumriss-os .project-reality textarea::placeholder,
html.raumriss-os .room-chamber--workbench input::placeholder,
html.raumriss-os .room-chamber--workbench textarea::placeholder,
html.raumriss-os .room-chamber--material-tasks .atmo-composer--capture::placeholder,
html.raumriss-os .room-chamber--material-notes textarea.atmo-composer--note::placeholder,
html.raumriss-os .ablage-draft::placeholder,
html.raumriss-os .home-capture-panel textarea::placeholder,
html.raumriss-os .continuity-note-capture__draft::placeholder {
  color: var(--ds-ink-faint) !important;
  font-style: normal !important;
  opacity: 1 !important;
}

html.raumriss-os [aria-label="Riss Core"] input::-moz-placeholder, html.raumriss-os [aria-label="Riss Core"] textarea::-moz-placeholder {
  color: color-mix(in srgb, var(--raum-cream, #f2ead8) 55%, transparent) !important;
}

html.raumriss-os [aria-label="Riss Core"] input::placeholder,
html.raumriss-os [aria-label="Riss Core"] textarea::placeholder {
  color: color-mix(in srgb, var(--raum-cream, #f2ead8) 55%, transparent) !important;
}

html.raumriss-os input:not([type="checkbox"]):not([type="radio"]):not(.riss-core-input):hover,
html.raumriss-os textarea:not([aria-label="Riss Core"] *):hover,
html.raumriss-os select:hover {
  border-color: var(--ds-hairline-strong) !important;
}

html.raumriss-os input:not([type="checkbox"]):not([type="radio"]):not(.riss-core-input):focus-visible,
html.raumriss-os .room-chamber--workbench input:focus-visible,
html.raumriss-os .room-chamber--workbench textarea:focus-visible,
html.raumriss-os .ablage-draft:focus-visible,
html.raumriss-os .home-capture-panel textarea:focus-visible,
html.raumriss-os .continuity-note-capture__draft:focus-visible,
html.raumriss-os textarea:focus-visible,
html.raumriss-os select:focus-visible {
  border-color: var(--ds-hairline-strong) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ds-ink) 6%, transparent) !important;
  outline: none !important;
}

html.raumriss-os [aria-label="Riss Core"] input:focus-visible,
html.raumriss-os [aria-label="Riss Core"] textarea:focus-visible {
  border: none !important;
  box-shadow: var(--riss-well-recess, none) !important;
}

/* HAPPY FLOWER · Kontrollraum: dicht, tabellarisch, schnelle Antworten */
html.raumriss-os .room-shell[data-room-slug="happy_flower"] {
  --ds-room-rhythm: 0.9;
  --ds-motion-base: 140ms;
}

html.raumriss-os .room-shell[data-room-slug="happy_flower"] .rr-operative-read,
html.raumriss-os .room-shell[data-room-slug="happy_flower"] [data-operative-axis] {
  font-variant-numeric: tabular-nums;
}

/* SITE EFFECT · Reißbrett: scharfe Kanten, engere Typo */
html.raumriss-os .room-shell[data-room-slug="site_effect"] {
  --ds-card-radius: var(--ds-radius-md);
  --ds-btn-radius: var(--ds-radius-sm);
}

html.raumriss-os .room-shell[data-room-slug="site_effect"] .rr-section-title {
  letter-spacing: 0.02em;
  font-weight: 550;
}

/* PERSONAL OS · Rückzugsraum: leiser Chrome, weiche Dichte */
html.raumriss-os .room-shell[data-room-slug="personal_os"] {
  --ds-room-rhythm: 1.15;
}

html.raumriss-os .room-shell[data-room-slug="personal_os"] .ds-card,
html.raumriss-os .room-shell[data-room-slug="personal_os"] .room-chamber {
  --ds-hairline: rgba(27, 24, 21, 0.07);
}

/* SYNTH ENGINE · Werkbank: Mono-Anteile, technische Register */
html.raumriss-os .room-shell[data-room-slug="synth_engine"] .rr-section-title,
html.raumriss-os .room-shell[data-room-slug="synth_engine"] .workspace-section__kicker {
  font-family: var(--font-mono-data);
  letter-spacing: 0.08em;
  font-size: var(--ds-text-xs);
}

/* LIEBE ÜBER ANGST · Manifest: große ruhige Zeilen, fast kein Chrome */
html.raumriss-os .room-shell[data-room-slug="liebe_ueber_angst"] {
  --ds-room-rhythm: 1.4;
}

html.raumriss-os .room-shell[data-room-slug="liebe_ueber_angst"] .atmospheric-title {
  font-weight: 400;
  line-height: 1.5;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §9 · AUREL & RE-ENTRY
   AUREL ist eine Präsenz am Rand — eine eingerückte Zeile, nie ein Chat.
   Re-Entry ist Orientierung: wo warst du, was ist passiert, was jetzt.
   ═══════════════════════════════════════════════════════════════════════ */

html.raumriss-os .ds-aurel {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.4rem 0 0.4rem 1rem;
  border-left: 1px solid var(--ds-stone);
  max-width: 40rem;
}

html.raumriss-os .ds-aurel__voice {
  margin: 0;
  font-size: var(--ds-text-base);
  line-height: var(--ds-leading-base);
  color: var(--ds-ink);
}

html.raumriss-os .ds-aurel__source {
  margin: 0;
  font-size: var(--ds-text-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ds-ink-faint);
}

html.raumriss-os .ds-aurel__ask {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.35rem;
}

/* Re-Entry-Fläche · beantwortet fünf Fragen, ruhig untereinander */
html.raumriss-os .ds-reentry {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.4rem, 2.8vw, 2rem);
  border: 1px solid var(--ds-hairline-soft);
  border-radius: var(--ds-radius-xl);
  background: var(--ds-paper-raised);
  box-shadow:
    var(--ds-edge-light),
    var(--ds-elevation-2);
}

html.raumriss-os .ds-reentry__headline {
  margin: 0;
  font-size: var(--ds-text-lg);
  font-weight: 450;
  line-height: var(--ds-leading-tight);
  letter-spacing: var(--ds-tracking-display);
  max-width: 32rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §10 · MOTION & ZUGÄNGLICHKEIT
   ═══════════════════════════════════════════════════════════════════════ */

/* Eintreten · ein Blatt legt sich auf den Tisch (einmalig, dezent) */
@keyframes ds-settle {
  from {
    opacity: 0;
    transform: translateY(3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

html.raumriss-os .ds-settle {
  animation: ds-settle var(--ds-motion-slow) var(--ds-ease-out) both;
}

/* Tastatur sichtbar überall dort, wo v2-Komponenten leben */
html.raumriss-os .ds-btn,
html.raumriss-os .ds-tab,
html.raumriss-os .ds-segment__item,
html.raumriss-os .ds-list__row,
html.raumriss-os .ds-menu__item {
  -webkit-tap-highlight-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
  html.raumriss-os .ds-btn,
  html.raumriss-os .ds-card,
  html.raumriss-os .ds-tab,
  html.raumriss-os .ds-segment__item,
  html.raumriss-os .ds-list__row,
  html.raumriss-os .ds-menu__item,
  html.raumriss-os .ds-input,
  html.raumriss-os .ds-select,
  html.raumriss-os .ds-textarea {
    transition: none !important;
  }

  html.raumriss-os .ds-settle,
  html.raumriss-os .ds-voice[data-recording="true"]::before {
    animation: none !important;
  }
}

/* ── Referenzfläche /system (dev-only) ────────────────────────────────── */

html.raumriss-os .ds-spec {
  max-width: 60rem;
  margin: 0 auto;
  padding: var(--ds-space-8) var(--ds-space-5) var(--ds-space-8);
  display: flex;
  flex-direction: column;
  gap: var(--ds-space-8);
}

html.raumriss-os .ds-spec__head h1 {
  margin: 0.4rem 0 0.75rem;
  font-size: var(--ds-text-xl);
  font-weight: 450;
  letter-spacing: var(--ds-tracking-display);
  color: var(--ds-ink);
}

html.raumriss-os .ds-spec__lede {
  margin: 0;
  max-width: 38rem;
  font-size: var(--ds-text-base);
  line-height: var(--ds-leading-loose);
  color: var(--ds-ink-soft);
}

html.raumriss-os .ds-spec__section {
  display: flex;
  flex-direction: column;
  gap: var(--ds-space-5);
  padding-top: var(--ds-space-6);
  border-top: 1px solid var(--ds-hairline-soft);
}

html.raumriss-os .ds-spec__title {
  margin: 0;
  font-size: var(--ds-text-lg);
  font-weight: 450;
  letter-spacing: var(--ds-tracking-display);
  color: var(--ds-ink);
}

html.raumriss-os .ds-spec__note {
  margin: 0.35rem 0 0;
  max-width: 36rem;
  font-size: var(--ds-text-sm);
  line-height: var(--ds-leading-base);
  color: var(--ds-ink-faint);
}

html.raumriss-os .ds-spec__row {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

html.raumriss-os .ds-spec__row-label {
  font-size: var(--ds-text-xs);
  letter-spacing: var(--ds-tracking-kicker);
  text-transform: uppercase;
  color: var(--ds-ink-faint);
}

html.raumriss-os .ds-spec__row-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

html.raumriss-os .ds-spec__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
  gap: var(--ds-space-4);
  align-items: start;
}

html.raumriss-os .ds-spec__form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  gap: var(--ds-space-4);
  max-width: 44rem;
}

html.raumriss-os .ds-spec__objects {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
  gap: 0.65rem 1.5rem;
}

/* Touch · größere Ziele, ohne das Bild zu verändern */
@media (pointer: coarse) {
  html.raumriss-os,
  body.raumriss-os {
    --ds-btn-height: 2.6rem;
    --ds-btn-height-sm: 2.1rem;
    --ds-field-height: 2.7rem;
    --ds-row-height: 3rem;
  }

  html.raumriss-os .ds-list__row .ds-check,
  html.raumriss-os .ds-list__actions {
    opacity: 1;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §11 · SYSTEM-AUFWERTUNG · WELLE 2 (2026-07-06)
   Globale Anhebung über die gemeinsamen Grundklassen — jede Seite profitiert,
   keine Fläche wird einzeln umgebaut. Adressiert die Audit-Befunde:
   Typography-Flatness · Border-Noise · Depth-Inkonsistenz.
   Nur Material & Typografie — kein Layout, keine Runtime-Semantik.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 11.1 · Masthead-Rhythmus · Seitentitel tragen die Seite ───────────────
   Ein Titel pro Seite, deutlich über allem anderen. Kicker und Titel
   bekommen überall denselben Abstand und dieselbe Stimme. */

html.raumriss-os .rr-page-title,
html.raumriss-os .room-identity-strip__title.rr-page-title {
  font-weight: 640;
  letter-spacing: var(--ds-tracking-display);
  line-height: 1.06;
  color: var(--ds-ink);
  text-wrap: balance;
}

html.raumriss-os .os-kicker {
  font-size: var(--ds-text-xs);
  font-weight: 560;
  letter-spacing: var(--ds-tracking-kicker);
  color: var(--ds-ink-faint);
}

/* Die Zusammenfassungszeile unter dem Titel — lesbar, aber zweite Stimme. */
html.raumriss-os .room-identity-strip__presence {
  color: var(--ds-ink-soft);
  line-height: var(--ds-leading-base);
  max-width: 62ch;
}

/* ── 11.2 · Sektions-Register · eine Stimme für alle Abschnitte ────────────
   „Aufgaben", „Notizen", „Fäden", „Bereiche" … sprechen überall gleich:
   ruhiges Register, klare Kante zum Inhalt. */

html.raumriss-os .type-section-title {
  font-size: var(--ds-text-md);
  font-weight: 620;
  letter-spacing: var(--ds-tracking-display);
  line-height: var(--ds-leading-tight);
  color: var(--ds-ink);
}

html.raumriss-os .type-eyebrow,
html.raumriss-os .type-label,
html.raumriss-os .room-chamber-kicker {
  color: var(--ds-ink-faint);
  font-weight: 560;
}

/* ── 11.3 · Kammer-Material · Papier liegt einheitlich auf Papier ──────────
   Alle Top-Level-Kammern teilen dieselbe Tiefe: hauchdünne Kante,
   eine Elevation, ein Radius. Depth-Inkonsistenz endet hier. */

html.raumriss-os .room-runtime-deck > .workspace-section,
html.raumriss-os .room-runtime-deck > .room-chamber,
html.raumriss-os .home-living-house__layer,
html.raumriss-os .home-capture-layer,
html.raumriss-os .home-room-band-panel {
  border-color: var(--ds-hairline);
  border-radius: var(--ds-radius-lg);
  box-shadow: var(--ds-edge-light), var(--ds-elevation-1);
}

/* Border-Noise: Flächen IN einer Kammer verlieren die harte Kante —
   innen trennt Luft, nicht Linie. */
html.raumriss-os .workspace-section .surface-panel,
html.raumriss-os .room-chamber .surface-panel {
  border-color: var(--ds-hairline-soft);
  box-shadow: none;
}

/* ── 11.4 · Session-Header · Instrument, nicht Möbelstück ──────────────────
   Die oberste Leiste wird leiser: Hairline statt Rahmen, Uhr als
   ruhige Registermarke. */

html.raumriss-os .runtime-session-header {
  border-bottom: 1px solid var(--ds-hairline-soft);
  box-shadow: none;
}

html.raumriss-os .presence-clock-time {
  font-weight: 560;
  letter-spacing: 0.01em;
  font-variant-numeric: tabular-nums;
}

html.raumriss-os .presence-clock-meta {
  color: var(--ds-ink-faint);
  letter-spacing: var(--ds-tracking-wide);
}

/* ── 11.5 · Zahlen · operative Werte stehen überall in Tabellenziffern ── */

html.raumriss-os .surface-panel [data-metric],
html.raumriss-os .workspace-section dd,
html.raumriss-os .room-chamber dd {
  font-variant-numeric: tabular-nums;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §12 · SYSTEM-AUFWERTUNG · WELLE 3 (2026-07-06)
   Übersichtlichkeit & Funktion. Behebt die im visuellen Audit gefundenen
   Layout-Brüche: Monument-Uhr, abgeschnittene Werkzeuge, schwebende
   Raumbeschreibung, Löcher im Atrium-Grid, Inhalt unter der Konsole.
   Nur die kanonische Schicht — keine neuen Pass-Dateien.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 12.1 · Seitenfeld · Inhalt endet nie unter der fixen Konsole ──────────
   DER RISS ruht unten. Jede Seite lässt ihm Raum, damit die letzte Zeile
   lesbar bleibt — Home hatte den Freiraum, die Räume nicht. */

html.raumriss-os .room-shell,
html.raumriss-os .os-room-page {
  padding-bottom: clamp(11rem, 20vh, 14rem) !important;
}

/* ── 12.2 · Home-Eingang · die Uhr wird Instrument, nicht Monument ─────────
   Ein ruhiger Registerwert rechts neben der Begrüßung. Sie darf präsent
   sein, aber nie die Seite tragen oder aus dem Feld laufen. */

html.raumriss-os .environment-entrance__system .presence-clock--hero .presence-clock-time,
html.raumriss-os .home-runtime-shell .presence-clock--hero .presence-clock-time {
  font-size: clamp(1.75rem, 1.3vw + 1.15rem, 2.5rem) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: -0.015em !important;
  color: var(--ds-ink) !important;
  text-shadow: none !important;
}

html.raumriss-os .environment-entrance__system .presence-clock--hero .presence-clock-meta {
  margin-top: 0.3rem !important;
  font-size: var(--ds-text-xs) !important;
  letter-spacing: var(--ds-tracking-wide) !important;
  color: var(--ds-ink-faint) !important;
}

html.raumriss-os .home-runtime-shell .home-atmosphere-clock {
  padding-bottom: clamp(0.4rem, 0.9vw, 0.65rem) !important;
}

/* Begrüßung und Uhr teilen eine Grundlinie — kein Auseinanderfallen. */
html.raumriss-os .home-runtime-shell .environment-entrance {
  align-items: end !important;
}

/* ── 12.3 · Werkzeuge-Raster · nichts wird abgeschnitten ───────────────────
   Karten brauchen eine tragfähige Mindestbreite; lange Wörter brechen,
   statt aus der Karte zu laufen. */

html.raumriss-os .home-runtime-shell .home-capture-tools {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr)) !important;
}

html.raumriss-os .home-capture-layer {
  min-width: 0;
}

html.raumriss-os .home-capture-layer p,
html.raumriss-os .home-capture-layer h2,
html.raumriss-os .home-capture-layer h3,
html.raumriss-os .home-capture-layer li,
html.raumriss-os .home-capture-layer button,
html.raumriss-os .home-capture-layer span {
  overflow-wrap: break-word;
}

/* Ablage-Filter · eine Pillenreihe, kein Eingabefeld. Hebt die zu breite
   Eingabefeld-Vereinheitlichung aus §8.15 für dieses Element wieder auf. */
html.raumriss-os .ideas-scope {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.4rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* ── 12.4 · Raum-Kopf · Titel, Beschreibung und Signale in einer Ordnung ───
   Die Beschreibung schwebte rechts unten neben dem Titel. Jetzt: Kicker,
   Titel, Beschreibung untereinander — dann die Signal-Reihe. */

html.raumriss-os .room-identity-strip {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "primary"
    "presence"
    "signals" !important;
  row-gap: clamp(0.5rem, 1.2vw, 0.85rem) !important;
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

html.raumriss-os .room-identity-strip__primary {
  grid-area: primary;
  min-width: 0;
}

html.raumriss-os .room-identity-strip__presence {
  grid-area: presence;
  margin: 0 !important;
  max-width: 62ch !important;
  justify-self: start !important;
  align-self: start !important;
  text-align: left !important;
  font-size: var(--ds-text-base) !important;
  line-height: var(--ds-leading-base) !important;
  color: var(--ds-ink-soft) !important;
}

html.raumriss-os .room-identity-strip__signals {
  grid-area: signals;
  min-width: 0;
}

/* Schmale Breiten: Stand und Raumzeit stapeln statt sich zu quetschen. */
@media (max-width: 719px) {
  html.raumriss-os .room-identity-strip__signals {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.7rem !important;
  }

  html.raumriss-os .room-identity-strip__signal {
    width: 100% !important;
    max-width: none !important;
  }
}

/* ── 12.5 · Atrium-Fluss · zwei Spalten ohne Löcher ────────────────────────
   Das Zwei-Spalten-Grid der Raumseite koppelte ungleich hohe Nachbarn und
   riss große Leerflächen. Auf der Raum-Übersicht (erkennbar an der
   Bereichs-Übersicht) fließen die Kammern jetzt als zwei unabhängige
   Spalten — jede Kammer bleibt ganz, keine Fläche bleibt leer. */

@media (min-width: 1024px) {
  html.raumriss-os .room-composition .room-atrium-layer:has(> .room-zone-overview) {
    display: block !important;
    -moz-columns: 2 !important;
         columns: 2 !important;
    -moz-column-gap: clamp(1.5rem, 2.6vw, 2.4rem) !important;
         column-gap: clamp(1.5rem, 2.6vw, 2.4rem) !important;
  }

  html.raumriss-os .room-composition .room-atrium-layer:has(> .room-zone-overview) > * {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    -webkit-column-break-inside: avoid;
    width: 100%;
    margin-bottom: clamp(1.1rem, 2vw, 1.6rem);
  }

  /* Die alte Spalten-Trennlinie der Werkbank entfällt im Fluss.
     (Das Innenmaß regelt §14.1 — hier kein Padding mehr anfassen.) */
  html.raumriss-os
    .room-composition
    .room-atrium-layer:has(> .room-zone-overview)
    > .room-chamber--workbench {
    border-left: none !important;
    margin-top: 0 !important;
  }
}

/* ── 12.6 · Seitentitel · eine Stimme, ein Maß ─────────────────────────────
   Home-Begrüßung und Raumtitel tragen gleich: groß, ruhig, ohne Ballast. */

html.raumriss-os .rr-page-title {
  font-size: clamp(1.8rem, 2vw + 1rem, 2.5rem) !important;
}

html.raumriss-os .room-identity-strip__title.rr-page-title {
  margin-top: 0.3rem;
}

/* ── 12.7 · Kammer-Material · Werkzeuge sprechen dieselbe Sprache ──────────
   Alle Home-Werkzeugkarten liegen als gleiches Blatt auf dem Tisch. */

html.raumriss-os .home-capture-tools > .home-capture-layer {
  border: 1px solid var(--ds-hairline-soft) !important;
  border-radius: var(--ds-radius-lg) !important;
  background: var(--ds-paper-raised) !important;
  box-shadow: var(--ds-edge-light), var(--ds-elevation-1) !important;
}

/* ── 12.8 · Konsolen-Marginalie · eine Zeile, nie eine Wand ────────────────
   Die Spur über der Konsole bleibt ein einzeiliger Chip mit klarer Kante,
   damit sie über Inhalt lesbar bleibt statt mit ihm zu verschwimmen. */

html.raumriss-os #raumriss-runtime-dock .der-riss-marginalia {
  display: inline-block !important;
  max-width: min(38rem, 82vw) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  backdrop-filter: blur(6px);
}

/* ═══════════════════════════════════════════════════════════════════════════
   §13 · WELLE 4 · APPLE-GRADE MATERIAL (2026-07-06)
   Der große Kipp: vom warmen Papier-Atelier zum präzisen Apple-Material.
   Kühles Neutralgrau als Wand, reines Weiß als Blatt, San-Francisco-artige
   Typografie, Glas für Header & Konsole, weiche kontinuierliche Radien,
   Apple-Schattenrampen. Alles über die Token-Basis — jede Fläche kippt mit.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 13.1 · Material · Apple-Neutrale statt warmem Papier ────────────────── */

html.raumriss-os,
body.raumriss-os {
  /* Wand & Blatt · #f5f5f7 ist Apples Seitengrau, Karten sind reines Weiß */
  --ds-paper: #f5f5f7;
  --ds-paper-raised: #ffffff;
  --ds-linen: #ededf0;
  --ds-stone: #e3e3e8;

  /* Tinte · Apples Ink-Ramp (1d1d1f / 515154 / 86868b) */
  --ds-ink: #1d1d1f;
  --ds-ink-soft: #515154;
  --ds-ink-faint: #86868b;
  --ds-hairline: rgba(0, 0, 0, 0.1);
  --ds-hairline-soft: rgba(0, 0, 0, 0.06);
  --ds-hairline-strong: rgba(0, 0, 0, 0.16);

  /* Radius · weicher, kontinuierlicher — näher an Apples Squircle-Gefühl */
  --ds-radius-sm: 9px;
  --ds-radius-md: 12px;
  --ds-radius-lg: 16px;
  --ds-radius-xl: 22px;

  /* Elevation · Apples Rampe: sehr enger Kontakt + weiter, weicher Fall */
  --ds-edge-light: inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --ds-elevation-1:
    0 1px 2px rgba(0, 0, 0, 0.04),
    0 4px 12px rgba(0, 0, 0, 0.04);
  --ds-elevation-2:
    0 1px 2px rgba(0, 0, 0, 0.05),
    0 8px 24px rgba(0, 0, 0, 0.06);
  --ds-elevation-3:
    0 2px 4px rgba(0, 0, 0, 0.05),
    0 16px 40px rgba(0, 0, 0, 0.08);
  --ds-elevation-4:
    0 4px 8px rgba(0, 0, 0, 0.06),
    0 28px 68px rgba(0, 0, 0, 0.12);
  --ds-inset-1: inset 0 1px 2px rgba(0, 0, 0, 0.04);
  --ds-inset-2: inset 0 1px 3px rgba(0, 0, 0, 0.06);

  /* States · neutraler Hover, ruhige Auswahl */
  --ds-hover-surface: #f0f0f2;
  --ds-selected-surface: #e8e8ed;
  --ds-focus-ring:
    0 0 0 2px var(--ds-paper),
    0 0 0 4px rgba(29, 29, 31, 0.4);

  /* Akzent · Apple-Blau trägt jetzt die Entscheidung */
  --ds-action: #0071e3;
  --ds-action-hover: #0077ed;
  --ds-action-pressed: #006edb;
  --ds-action-wash: rgba(0, 113, 227, 0.08);
  --ds-focus-ring-action:
    0 0 0 2px var(--ds-paper),
    0 0 0 4px rgba(0, 113, 227, 0.5);

  /* Legacy-Brücken · alles, was noch alte Token liest, kippt mit */
  --text-primary: var(--ds-ink);
  --text-secondary: var(--ds-ink-soft);
  --text-tertiary: var(--ds-ink-faint);
  --text-label: #424245;
  --border-default: #e2e2e7;
  --border-soft: #ececf0;

  /* Basis-Kette (raumriss-os.css) · Wand, Blatt, Mulde, Hover */
  --background: #f5f5f7;
  --background-elevated: #ffffff;
  --background-sunken: #eeeef0;
  --background-hover: #e8e8ed;

  /* Kupfer-Familie · der alte Orange-Akzent wird Apple-Blau */
  --copper: #0071e3;
  --copper-light: #2b8ff0;
  --copper-dark: #005bb8;
  --copper-subtle: rgba(0, 113, 227, 0.12);
  --copper-glow: rgba(0, 113, 227, 0.24);
  --copper-wash: rgba(0, 113, 227, 0.07);
  --accent: #0071e3;
  --accent-soft: rgba(0, 113, 227, 0.85);
  --accent-border: rgba(0, 113, 227, 0.4);
  --accent-surface: rgba(0, 113, 227, 0.1);

  /* Milchglas · neutralweiß statt warm */
  --os-glass-milk: rgba(255, 255, 255, 0.6);
  --os-glass-milk-raised: rgba(255, 255, 255, 0.75);
  --os-glass-milk-hover: rgba(255, 255, 255, 0.85);
  --os-glass-border: rgba(255, 255, 255, 0.6);
  --os-glass-border-copper: rgba(0, 113, 227, 0.32);

  /* Typografie · SF-Verhalten: das System-UI-Erbe zuerst */
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display",
    "SF Pro Text", var(--font-sans), "Instrument Sans", system-ui, sans-serif;
}

/* ── 13.2 · Atmosphäre · eine klare, helle Wand — kein Beige-Schleier ──────
   Die Body-Gradienten lesen --atmo-*. Wir stellen die Basis auf Apples
   Seitengrau und nehmen die warmen Schleier fast ganz zurück. Gewinnt
   gegen die data-atmosphere-Varianten, weil diese Datei zuletzt lädt. */

html.raumriss-os,
html.raumriss-os[data-atmosphere="night"],
html.raumriss-os[data-atmosphere="sunrise"],
html.raumriss-os[data-atmosphere="daylight"],
html.raumriss-os[data-atmosphere="dusk"] {
  --atmo-base: #f5f5f7;
  --atmo-mist: rgba(255, 255, 255, 0.3);
  --atmo-glow-top: rgba(255, 255, 255, 0.5);
  --atmo-glow-corner: transparent;
  --atmo-glow-horizon: rgba(0, 0, 0, 0.012);
  --atmo-light-shaft: rgba(255, 255, 255, 0.22);
  --atmo-room-shadow: rgba(0, 0, 0, 0.018);
  --atmo-vignette: rgba(0, 0, 0, 0.028);
  --atmo-presence-glow: transparent;
  --atmo-depth-floor: rgba(0, 0, 0, 0.03);
  --atmo-depth-mid: rgba(0, 0, 0, 0.012);
  --atmo-plane-veil: rgba(255, 255, 255, 0.05);
  --atmo-arch-edge: rgba(0, 0, 0, 0.02);
  --env-text-primary: #1d1d1f;
  --env-text-secondary: #3a3a3c;
  --env-text-muted: #6e6e73;
  --env-text-edge-soft: none;
  --env-text-edge-fine: none;
}

html.raumriss-os body {
  letter-spacing: -0.011em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Die Wand selbst · gewinnt gegen alle älteren !important-Passes,
   weil diese Datei als letzte lädt. */
html.raumriss-os,
html.raumriss-os body {
  background-color: var(--ds-paper) !important;
  background-image: none !important;
}

/* Warme Pass-Paletten neutralisieren · Flächen, die noch cleanup-,
   luminance- oder glass-Token lesen, kippen mit auf Apple-Neutral. */
html.raumriss-os {
  --home-cleanup-canvas: #f5f5f7;
  --home-cleanup-paper: #ffffff;
  --home-cleanup-ink: #1d1d1f;
  --home-cleanup-ink-soft: #515154;
  --home-cleanup-ink-faint: #86868b;
  --home-cleanup-line: rgba(0, 0, 0, 0.08);
  --home-cleanup-inset: rgba(0, 0, 0, 0.045);
  --home-cleanup-panel-shadow:
    0 1px 2px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
  --rr-glass-chamber: #ffffff;
  --lum-wall: #f5f5f7;
  --raum-bg: #f5f5f7;

  /* Session-Header-Palette (session-header-modern-pass) */
  --session-bar-paper: #fbfbfd;
  --session-bar-cream: #f0f0f3;
  --session-bar-line: rgba(0, 0, 0, 0.08);
  --session-bar-ink: #1d1d1f;
  --session-bar-ink-soft: #515154;
  --session-bar-ink-faint: #86868b;

  /* Warme Arbeitsflächen (warm-work-surfaces-passes) */
  --work-paper: #ffffff;
  --work-cream: #f0f0f3;
  --work-shell-wash: #fafafc;
  --work-shell-veil: #f2f2f5;
  --work-shell-floor: #ececef;
  --work-control-pressed: #e8e8ed;
  --work-chip-surface: #f0f0f3;
  --work-badge-calm: #f2f2f5;
  --work-ink: #1d1d1f;
  --work-ink-soft: #515154;
  --work-muted-border: rgba(0, 0, 0, 0.08);
  --work-recess-top: #ececee;
  --work-recess-bottom: #e6e6e9;
  --work-recess-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.06),
    inset 0 0 0 1px rgba(0, 0, 0, 0.05);

  /* Seiten- und Raumflächen (premium-stabilization-pass) */
  --rr-page-bg: #f5f5f7;
  --rr-room-surface: #ececee;
  --rr-soft-surface: #f0f0f2;

  /* Gravity-Familie (gravity-feeling-pass) — vollständig, damit kein
     color-mix mehr an warme Reste kommt (Beige-Bruch in der Raumtiefe) */
  --gravity-paper: #ffffff;
  --gravity-canvas: #f5f5f7;
  --gravity-cream: #f0f0f3;
  --gravity-floor: #e8e8ec;
  --gravity-ink: #1d1d1f;
  --gravity-ink-soft: #515154;
  --gravity-ink-faint: #86868b;
  --gravity-line: rgba(0, 0, 0, 0.08);
  --gravity-ember: #0071e3;
  --gravity-ember-glow: rgba(0, 113, 227, 0.1);
  --gravity-lift:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 1px 2px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.05);
  --gravity-lift-hover:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    0 2px 4px rgba(0, 0, 0, 0.05),
    0 16px 40px rgba(0, 0, 0, 0.08);
  --shadow-floor-lift: var(--gravity-lift);

  /* Design-Quality-Familie (design-quality-fix-i) */
  --dq-paper: #ffffff;
  --dq-cream: #f0f0f3;
  --dq-shell: #f0f0f2;
  --dq-ink: #1d1d1f;
  --dq-ink-soft: #515154;
  --dq-ink-faint: #86868b;
  --dq-line: rgba(0, 0, 0, 0.08);

  /* Restliche warme Papier-Familien der Pass-Schichten */
  --home-entrance-paper: #ffffff;
  --home-entrance-cream: #f0f0f3;
  --home-prestige-paper: #ffffff;
  --home-prestige-cream: #f0f0f3;
  --room-select-cream: #f0f0f3;
  --raum-stone: #e6e6ea;
  --raum-stone-soft: #f0f0f2;
  --raum-mid-slab-bg: #f0f0f2;
  --rr-ambient-depth: #f0f0f2;
  --rr-inset-material: #e6e6ea;
  /* Erhöhtes Arbeitsblatt (Material-Kacheln, Bundles) — weiß statt Creme */
  --rr-work-elevated: #ffffff;
}

/* ── 13.3 · Typografie · Display-Gewichte wie SF Pro ───────────────────────
   Große Grade: Gewicht 600, enger Lauf. Lesetext bleibt bei 400/500. */

html.raumriss-os .rr-page-title,
html.raumriss-os .room-identity-strip__title.rr-page-title {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -0.022em;
}

html.raumriss-os .type-section-title {
  font-weight: 600;
  letter-spacing: -0.016em;
}

html.raumriss-os .presence-clock-time {
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* ── 13.4 · Karten · weißes Material auf grauer Wand ───────────────────────
   Das Apple-Grundmuster: Weiß auf #f5f5f7, hauchdünne Kante, enge
   Kontaktschatten. Gilt für alle Kammern der obersten Ebene. */

html.raumriss-os .ds-card,
html.raumriss-os .surface-panel,
html.raumriss-os .room-runtime-deck > .workspace-section,
html.raumriss-os .room-runtime-deck > .room-chamber,
html.raumriss-os .home-living-house__layer,
html.raumriss-os .home-capture-layer,
html.raumriss-os .home-room-band-panel,
html.raumriss-os .home-capture-tools > .home-capture-layer {
  background: var(--ds-paper-raised) !important;
  border: 1px solid var(--ds-hairline-soft) !important;
  border-radius: var(--ds-radius-lg) !important;
  box-shadow: var(--ds-elevation-1) !important;
}

/* Flächen in einer Karte: kein Doppelrahmen, eingelassene Mulden statt
   zweiter Schattenwurf. */
html.raumriss-os .workspace-section .surface-panel,
html.raumriss-os .room-chamber .surface-panel,
html.raumriss-os .home-capture-layer .surface-panel {
  background: var(--ds-paper) !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  border-radius: var(--ds-radius-md) !important;
}

/* ── 13.5 · Header · Glas wie eine macOS-Titelleiste ───────────────────── */

html.raumriss-os .runtime-presence-layer.runtime-session-header,
html.raumriss-os .runtime-presence-layer.runtime-session-header.runtime-presence-layer--home {
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
  box-shadow: none !important;
}

/* ── 13.6 · Konsole · schwebendes Glas-Dock wie macOS ──────────────────────
   DER RISS wird ein helles, frostiges Dock: transluzent, satte Farben
   dahinter, klare Hairline, weiter weicher Fall. Textfarben kippen mit. */

html.raumriss-os #raumriss-runtime-dock .riss-core-form {
  background: rgba(252, 252, 253, 0.78) !important;
  backdrop-filter: saturate(180%) blur(24px);
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: var(--ds-radius-xl) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 2px 6px rgba(0, 0, 0, 0.05),
    0 20px 48px rgba(0, 0, 0, 0.12) !important;
  --riss-core-page: rgba(255, 255, 255, 0.6);
  --riss-core-bar: rgba(255, 255, 255, 0.6);
  --riss-core-inset: rgba(0, 0, 0, 0.045);
  --riss-core-text: #1d1d1f;
  --riss-core-muted: #6e6e73;
  --riss-hw-text: #1d1d1f;
  --riss-hw-muted: #515154;
  --riss-hw-faint: #86868b;
}

html.raumriss-os #raumriss-runtime-dock .der-riss-marginalia {
  background: rgba(255, 255, 255, 0.65) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  color: #6e6e73 !important;
  border-radius: var(--ds-radius-round) !important;
  backdrop-filter: saturate(180%) blur(12px);
}

/* ── 13.7 · Bedienung · Apple-Präzision für Buttons & Felder ─────────────── */

html.raumriss-os .ds-btn {
  font-weight: 500;
  letter-spacing: -0.006em;
}

html.raumriss-os .ds-btn--primary {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 1px 2px rgba(0, 0, 0, 0.12);
}

html.raumriss-os input,
html.raumriss-os textarea,
html.raumriss-os select {
  accent-color: var(--ds-action);
}

html.raumriss-os ::-moz-selection {
  background: rgba(0, 113, 227, 0.18);
  color: var(--ds-ink);
}

html.raumriss-os ::selection {
  background: rgba(0, 113, 227, 0.18);
  color: var(--ds-ink);
}

/* ── 13.9 · Entscheidung · Apple-Blau statt Sunset-Orange ──────────────────
   Der primäre Entscheidungs-Button trägt jetzt die eine Akzentfarbe des
   Systems. Ein Blau, ein Gewicht — keine Verlaufs-Show. */

html.raumriss-os .atmo-action--primary,
html.raumriss-os .operational-button--primary,
html.raumriss-os .atmo-action--primary:not(:disabled),
html.raumriss-os .operational-button--primary:not(:disabled) {
  background: var(--ds-action) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 1px 2px rgba(0, 0, 0, 0.16) !important;
  text-shadow: none !important;
}

html.raumriss-os .atmo-action--primary:hover:not(:disabled),
html.raumriss-os .operational-button--primary:hover:not(:disabled) {
  background: var(--ds-action-hover) !important;
}

html.raumriss-os .atmo-action--primary:active:not(:disabled),
html.raumriss-os .operational-button--primary:active:not(:disabled) {
  background: var(--ds-action-pressed) !important;
}

/* Aktiver Raum-Anker · ausgewählt heißt ruhig markiert, nicht getönt. */
html.raumriss-os .room-nav-rail__anchor--current {
  background: var(--ds-selected-surface) !important;
  border-color: var(--ds-hairline) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

/* Raum-Navigation · eine eingelassene, neutrale Leiste wie ein
   macOS-Segmented-Control — kein warmer Verlauf. */
html.raumriss-os .room-nav-rail__shell {
  background: rgba(0, 0, 0, 0.035) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: var(--ds-radius-lg) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

/* ── 13.8 · Bewegung · Apples Feder, nichts ruckt ────────────────────────── */

html.raumriss-os,
body.raumriss-os {
  --ds-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --os-ease-liquid: cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* ═══════════════════════════════════════════════════════════════════════════
   §14 · WELLE 5 · APPLE-FEINSCHLIFF (2026-07-06)
   Nachschärfung auf das Nutzer-Feedback: Inhalt lag ohne Innenmaß an der
   Kartenkante („abgeschnitten"), Eingaben und Zeilen sprachen noch die alte
   Sprache. Ein Innenmaß für alle Kammern, Apple-Präzision für die Details.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 14.1 · Innenmaß · keine Kammer legt Inhalt an die Kante ───────────────
   Die Atrium-Kammern stammen aus einem Spalten-Layout ohne Seitenpolster.
   Als eigenständige Karten brauchen sie ein volles, einheitliches Maß —
   überschreibt gezielt jede Null-Seite (26px 0) aus den alten Passes. */

html.raumriss-os .room-atrium-layer > .workspace-section,
html.raumriss-os .room-atrium-layer > .room-chamber,
html.raumriss-os .room-runtime-deck .room-chamber--workbench,
html.raumriss-os .room-runtime-deck .room-chamber--state {
  padding: clamp(1.35rem, 2vw, 1.65rem) clamp(1.15rem, 1.9vw, 1.45rem) !important;
}

/* Innere Flächen bleiben innerhalb des Maßes — nichts blutet mehr über
   die Kartenkante hinaus. */
html.raumriss-os .room-chamber--workbench,
html.raumriss-os .room-chamber--state {
  overflow: hidden;
}

/* ── 14.2 · Werkbank-Zeilen · ruhige Registerzeilen statt grauer Bänder ────
   Raumbewegung, Offen, Letzte Notiz, Material: hauchdünne Trennlinie oben,
   Luft dazwischen — wie eine Zeile in den macOS-Systemeinstellungen. */

html.raumriss-os .room-workbench-thread {
  padding: 0.8rem 0 !important;
  border-top: 1px solid var(--ds-hairline-soft);
  background: transparent !important;
}

html.raumriss-os .room-workbench-thread:first-child {
  border-top: none;
}

html.raumriss-os .room-workbench-field {
  padding: 0.5rem 0 !important;
}

/* ── 14.3 · Eingaben · Apple-Felder ────────────────────────────────────────
   Jede Schreibfläche in den Kammern: weißes Blatt, Hairline, weicher
   Radius, blauer Fokusring. Kein flaches graues Rechteck mehr. */

html.raumriss-os .room-chamber input[type="text"],
html.raumriss-os .room-chamber input[type="date"],
html.raumriss-os .room-chamber input:not([type]),
html.raumriss-os .room-chamber textarea,
html.raumriss-os .home-capture-layer textarea,
html.raumriss-os .home-capture-layer input[type="text"] {
  background: #ffffff !important;
  border: 1px solid var(--ds-hairline) !important;
  border-radius: var(--ds-radius-md) !important;
  padding: 0.55rem 0.75rem !important;
  color: var(--ds-ink) !important;
  box-shadow: none !important;
  transition: border-color var(--ds-motion-base) var(--ds-ease),
    box-shadow var(--ds-motion-base) var(--ds-ease);
}

html.raumriss-os .room-chamber input:focus-visible,
html.raumriss-os .room-chamber textarea:focus-visible,
html.raumriss-os .home-capture-layer textarea:focus-visible,
html.raumriss-os .home-capture-layer input:focus-visible {
  outline: none !important;
  border-color: rgba(0, 113, 227, 0.7) !important;
  box-shadow: 0 0 0 3.5px rgba(0, 113, 227, 0.18) !important;
}

html.raumriss-os .room-chamber ::-moz-placeholder, html.raumriss-os .home-capture-layer ::-moz-placeholder {
  color: var(--ds-ink-faint) !important;
}

html.raumriss-os .room-chamber ::placeholder,
html.raumriss-os .home-capture-layer ::placeholder {
  color: var(--ds-ink-faint) !important;
}

/* ── 14.4 · Bedienelemente · Apple-Pillen ──────────────────────────────────
   Primäre Entscheidung: satte blaue Pille. Sekundär: weiße Pille mit
   Hairline. Ein System, zwei Gewichte. */

html.raumriss-os .atmo-action--primary,
html.raumriss-os .operational-button--primary,
html.raumriss-os .atmo-action--primary:not(:disabled),
html.raumriss-os .operational-button--primary:not(:disabled) {
  border-radius: 980px !important;
  padding: 0.5rem 1.05rem !important;
  font-size: var(--ds-text-sm) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

html.raumriss-os .atmo-action--secondary,
html.raumriss-os .operational-button--secondary,
html.raumriss-os .atmo-action:not(.atmo-action--primary) {
  border-radius: 980px !important;
  background: #ffffff !important;
  border: 1px solid var(--ds-hairline) !important;
  color: var(--ds-ink) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

html.raumriss-os .atmo-action--secondary:hover:not(:disabled),
html.raumriss-os .operational-button--secondary:hover:not(:disabled) {
  background: var(--ds-hover-surface) !important;
  border-color: var(--ds-hairline-strong) !important;
}

/* ── 14.4b · Schreib-Slots · eingelassene Apple-Formfläche ─────────────────
   Die zusammenklappbaren Notiz-Slots (details/summary) trugen noch die
   dunklen Instrumenten-Schatten. Jetzt: helle Mulde, Hairline, Radius. */

html.raumriss-os .room-operational-slot {
  background: var(--ds-paper) !important;
  border: 1px solid var(--ds-hairline-soft) !important;
  border-radius: var(--ds-radius-md) !important;
  box-shadow: none !important;
  padding: 0.6rem 0.8rem !important;
}

html.raumriss-os .room-operational-slot > summary {
  color: var(--ds-ink-faint) !important;
  font-size: var(--ds-text-sm) !important;
}

html.raumriss-os .room-operational-slot[open] > summary {
  color: var(--ds-ink-soft) !important;
  margin-bottom: 0.5rem;
}

/* ── 14.5 · Kicker · ein Registermaß im ganzen System ──────────────────────
   Alle Kapitälchen-Labels tragen gleich: 11px, weiter Lauf, stilles Grau. */

html.raumriss-os .room-chamber .type-label,
html.raumriss-os .room-chamber .atmospheric-kicker,
html.raumriss-os .workspace-section .type-label,
html.raumriss-os .room-chamber-kicker {
  font-size: var(--ds-text-xs) !important;
  font-weight: 500 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase;
  color: var(--ds-ink-faint) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §15 · WELLE 6 — MATERIAL-SCHLUSSSTEIN & ZONEN-ANATOMIE
   Die letzten warmen Verläufe verschwinden aus dem Raumkörper, und die
   operative Anatomie (Folds, Steuerzellen, Lesarten, Leerzustände) bekommt
   eine einheitliche, ruhige Formsprache.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 15.1 · Werkboden & Raum-Deck · ein Material, keine Naht ───────────────
   Der Gravity-Pass legte warme Verläufe über Home-Shell und Raum-Deck —
   auf der neutralen Wand entstand dadurch ein sichtbarer Beige-Bruch in
   der unteren Seitenhälfte. Jetzt: die Wand trägt durchgehend, die weißen
   Kammern sind die Karten darauf. */

html.raumriss-os .home-runtime-shell {
  background: var(--ds-paper) !important;
}

html.raumriss-os .home-runtime-shell::after,
html.raumriss-os[data-atmosphere="sunrise"] .home-runtime-shell::after,
html.raumriss-os[data-atmosphere="dusk"] .home-runtime-shell::after,
html.raumriss-os[data-atmosphere="night"] .home-runtime-shell::after {
  content: none !important;
}

html.raumriss-os .room-runtime-deck.room-composition {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* ── 15.1b · Zonen-Rail · aktive Zone als gehobenes Blatt ──────────────────
   Der Selection-Pass mischte die aktive Zone mit einem warmen Literal
   (#c9bcaa) — der letzte Beige-Rest im Raumkopf. Jetzt: weißes Blatt,
   Hairline, ruhiger Schatten. */

html.raumriss-os .room-nav-rail__anchor--current,
html.raumriss-os .room-nav-rail__zone--active {
  background: var(--ds-paper-raised) !important;
  color: var(--ds-ink) !important;
  border: 1px solid var(--ds-hairline) !important;
  border-radius: var(--ds-radius-md) !important;
  box-shadow: var(--ds-elevation-1) !important;
}

html.raumriss-os .room-nav-rail__zone--active .room-nav-rail__zone-title,
html.raumriss-os .room-nav-rail__anchor--current .room-nav-rail__label {
  color: var(--ds-ink) !important;
}

html.raumriss-os .room-nav-rail__zone--active .room-nav-rail__zone-hint,
html.raumriss-os .room-nav-rail__anchor--current .room-nav-rail__meta,
html.raumriss-os .room-nav-rail__anchor--current .room-nav-rail__context {
  color: var(--ds-ink-faint) !important;
}

html.raumriss-os .room-nav-rail__zone:hover:not(.room-nav-rail__zone--active) {
  background: var(--ds-hover-surface) !important;
  color: var(--ds-ink) !important;
}

/* ── 15.2 · Fold-Register · eine Sprache für alle Aufklapper ───────────────
   Kampagnen, Wetter, Runtime, Creative Kammer, Rohspur, Beobachtung:
   bisher nackte Textzeilen ohne Affordanz. Jetzt ein einheitliches
   Register — Kapitälchen, Hairline oben, Chevron rechts, Hover-Tinte. */

html.raumriss-os .room-shell details > summary.type-meta,
html.raumriss-os .home-runtime-shell details > summary.type-meta,
html.raumriss-os .zone-operative-stack__peripheral-summary,
html.raumriss-os .zone-material-chamber-fold__summary,
html.raumriss-os .zone-business-ops__context-summary,
html.raumriss-os .happy-flower-ads-aurel__fold-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem;
  padding: 0.55rem 0.15rem !important;
  margin: 0 !important;
  border-top: 1px solid var(--ds-hairline-soft) !important;
  border-bottom: 0 !important;
  background: transparent !important;
  list-style: none;
  cursor: pointer;
  font-size: var(--ds-text-xs) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase;
  color: var(--ds-ink-faint) !important;
  transition: color 160ms ease;
}

html.raumriss-os .room-shell details > summary.type-meta::-webkit-details-marker,
html.raumriss-os .home-runtime-shell details > summary.type-meta::-webkit-details-marker,
html.raumriss-os .zone-operative-stack__peripheral-summary::-webkit-details-marker,
html.raumriss-os .zone-material-chamber-fold__summary::-webkit-details-marker,
html.raumriss-os .zone-business-ops__context-summary::-webkit-details-marker,
html.raumriss-os .happy-flower-ads-aurel__fold-summary::-webkit-details-marker {
  display: none;
}

html.raumriss-os .room-shell details > summary.type-meta::after,
html.raumriss-os .home-runtime-shell details > summary.type-meta::after,
html.raumriss-os .zone-operative-stack__peripheral-summary::after,
html.raumriss-os .zone-material-chamber-fold__summary::after,
html.raumriss-os .zone-business-ops__context-summary::after,
html.raumriss-os .happy-flower-ads-aurel__fold-summary::after {
  content: "";
  flex: none;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  margin-right: 0.2rem;
  opacity: 0.7;
  transition: transform 180ms ease;
}

html.raumriss-os .room-shell details > summary.type-meta:hover,
html.raumriss-os .home-runtime-shell details > summary.type-meta:hover,
html.raumriss-os .zone-operative-stack__peripheral-summary:hover,
html.raumriss-os .zone-material-chamber-fold__summary:hover,
html.raumriss-os .zone-business-ops__context-summary:hover,
html.raumriss-os .happy-flower-ads-aurel__fold-summary:hover {
  color: var(--ds-ink-soft) !important;
}

html.raumriss-os .room-shell details[open] > summary.type-meta::after,
html.raumriss-os .home-runtime-shell details[open] > summary.type-meta::after,
html.raumriss-os details[open] > .zone-operative-stack__peripheral-summary::after,
html.raumriss-os details[open] > .zone-material-chamber-fold__summary::after,
html.raumriss-os details[open] > .zone-business-ops__context-summary::after,
html.raumriss-os details[open] > .happy-flower-ads-aurel__fold-summary::after {
  transform: rotate(225deg);
}

html.raumriss-os .room-shell details[open] > summary.type-meta,
html.raumriss-os .home-runtime-shell details[open] > summary.type-meta,
html.raumriss-os details[open] > .zone-operative-stack__peripheral-summary,
html.raumriss-os details[open] > .zone-material-chamber-fold__summary,
html.raumriss-os details[open] > .zone-business-ops__context-summary,
html.raumriss-os details[open] > .happy-flower-ads-aurel__fold-summary {
  color: var(--ds-ink-soft) !important;
  margin-bottom: 0.45rem !important;
}

/* ── 15.3 · Operativer Stack · festes Blatt statt Halbtransparenz ────────── */

html.raumriss-os .zone-operative-stack {
  background: var(--ds-paper-raised) !important;
  border: 1px solid var(--ds-hairline-soft) !important;
  border-radius: var(--ds-radius-lg) !important;
  box-shadow: var(--ds-elevation-1) !important;
  padding: 0.85rem 1rem !important;
  display: flex;
  flex-direction: column;
  gap: 0;
}

html.raumriss-os .zone-operative-stack__body {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}

html.raumriss-os .zone-operative-stack .operational-atmosphere {
  padding: 0 0 0.65rem !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--ds-hairline-soft) !important;
}

html.raumriss-os .zone-operative-stack--shop-metrics .shopify-operational-surface {
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .zone-operative-stack--shop-metrics .shopify-operational-surface__operative,
html.raumriss-os .zone-operative-stack--shop-metrics .shopify-operational-surface__movement {
  display: none !important;
}

/* ── 15.4 · Steuer-Anatomie · Zellen, Lesarten, Leerzustände ──────────────
   Die Meta-Steuerung (SPEND/CPA/…-Zellen) und die AUREL-Lesart bekommen
   klare Zellen: Label als Registermarke, Wert als Tabellenziffer. */

html.raumriss-os .ads-control-surface__hardware-grid {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  gap: 0.5rem !important;
}

html.raumriss-os .ads-control-surface__hardware-cell {
  background: var(--ds-paper) !important;
  border: 1px solid var(--ds-hairline-soft) !important;
  border-radius: var(--ds-radius-md) !important;
  box-shadow: none !important;
  padding: 0.5rem 0.65rem !important;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

html.raumriss-os .ads-control-surface__hardware-label {
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
  color: var(--ds-ink-faint) !important;
}

html.raumriss-os .ads-control-surface__hardware-value,
html.raumriss-os .ads-control-surface__anchor-roas {
  font-variant-numeric: tabular-nums;
  font-weight: 600 !important;
  color: var(--ds-ink) !important;
  letter-spacing: -0.01em;
}

html.raumriss-os .happy-flower-ads-aurel__line {
  display: grid !important;
  grid-template-columns: minmax(6.5rem, 8.5rem) 1fr;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  align-items: baseline;
  margin: 0 0 0.3rem !important;
}

html.raumriss-os .happy-flower-ads-aurel__tag {
  color: var(--ds-ink-faint) !important;
  font-size: var(--ds-text-xs) !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

html.raumriss-os .happy-flower-ads-aurel__value {
  color: var(--ds-ink-soft) !important;
  font-weight: 450;
  line-height: 1.5;
}

/* Leerzustände: ruhig eingelassen statt frei schwebender Graulinien. */
html.raumriss-os .ads-control-surface__empty,
html.raumriss-os .ads-control-surface__period-empty {
  padding: 0.85rem 1rem !important;
  border: 1px dashed var(--ds-hairline) !important;
  border-radius: var(--ds-radius-md) !important;
  background: transparent !important;
  color: var(--ds-ink-faint) !important;
  text-align: center;
}

/* ── 15.4b · Fokus-Karte · Wick-Punkt überlappt den Kicker nicht mehr ────── */

html.raumriss-os .home-living-house__layer--focus .home-stage-kicker {
  padding-left: 0.85rem !important;
}

/* ── 15.5 · Kontinuitätszeile · Registerzeile statt Kursivband ───────────── */

html.raumriss-os .continuity-surface--underneath {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--ds-hairline-soft) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0.75rem 0.15rem 0.15rem !important;
}

html.raumriss-os .continuity-surface--underneath .continuity-surface__atmosphere-whisper,
html.raumriss-os .continuity-surface__atmosphere-whisper--underneath {
  font-style: normal !important;
  color: var(--ds-ink-faint) !important;
  font-size: var(--ds-text-sm) !important;
}

/* ── 15.5b · Shop-Fläche & Wetter-Band · gleiche Anatomie wie Ads ──────────
   Die Shopify-Fläche (Conversion/Shop-Zone) trug noch alte Schichten:
   kursive Wetterzeilen, flache Grau-Hierarchie, Debug-Zeile im Fließtext. */

html.raumriss-os .operational-atmosphere__primary {
  font-style: normal !important;
  font-size: var(--ds-text-sm) !important;
  font-weight: 500 !important;
  color: var(--ds-ink-soft) !important;
}

html.raumriss-os .operational-atmosphere__secondary,
html.raumriss-os .operational-atmosphere__secondary li {
  font-style: normal !important;
  color: var(--ds-ink-faint) !important;
  font-size: var(--ds-text-xs) !important;
}

html.raumriss-os .operational-atmosphere__continuity {
  font-style: normal !important;
  color: var(--ds-ink-faint) !important;
  font-size: var(--ds-text-xs) !important;
  border-top: 1px solid var(--ds-hairline-soft);
  padding-top: 0.45rem;
  margin-top: 0.35rem;
}

html.raumriss-os .shopify-operational-surface__head {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
}

html.raumriss-os .shopify-operational-surface__label {
  font-size: var(--ds-text-xs) !important;
  font-weight: 500 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase;
  color: var(--ds-ink-faint) !important;
}

html.raumriss-os .shopify-operational-surface__state {
  margin-left: auto;
  color: var(--ds-ink-faint) !important;
  font-size: var(--ds-text-xs) !important;
}

html.raumriss-os .shopify-operational-surface__primary {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  color: var(--ds-ink) !important;
}

html.raumriss-os .shopify-operational-surface__period {
  font-size: var(--ds-text-xs) !important;
  font-weight: 500 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase;
  color: var(--ds-ink-faint) !important;
}

html.raumriss-os .shopify-operational-surface__secondary,
html.raumriss-os .shopify-operational-surface__compare,
html.raumriss-os .shopify-operational-surface__movement {
  font-style: normal !important;
  color: var(--ds-ink-faint) !important;
  font-size: var(--ds-text-xs) !important;
}

html.raumriss-os .shopify-operational-surface__operative {
  font-style: normal !important;
  font-size: var(--ds-text-sm) !important;
  font-weight: 500 !important;
  color: var(--ds-ink-soft) !important;
}

html.raumriss-os .shopify-operational-surface__readouts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: 0.5rem;
  margin-top: 0.35rem;
}

html.raumriss-os .shopify-operational-surface__readout {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  background: var(--ds-paper) !important;
  border: 1px solid var(--ds-hairline-soft) !important;
  border-radius: var(--ds-radius-md) !important;
  padding: 0.5rem 0.65rem !important;
}

html.raumriss-os .shopify-operational-surface__readout > .type-meta {
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
  color: var(--ds-ink-faint) !important;
}

html.raumriss-os .shopify-operational-surface__readout > span:not(.type-meta) {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: var(--ds-ink);
}

/* Dev-Debug bleibt in der Konsole — nicht im Fließtext der Zone */
html.raumriss-os [data-runtime-debug] {
  display: none !important;
}

/* AUREL-Entwurfskammer: Kicker als Register, Kammer als ruhiges Blatt */
html.raumriss-os .zone-business-ops__briefing-chamber {
  background: var(--ds-paper-raised) !important;
  border: 1px solid var(--ds-hairline-soft) !important;
  border-radius: var(--ds-radius-lg) !important;
  box-shadow: var(--ds-elevation-1) !important;
  padding: 0.85rem 1rem !important;
}

html.raumriss-os .zone-business-ops__briefing-kicker {
  font-size: var(--ds-text-xs) !important;
  font-weight: 500 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase;
  color: var(--ds-ink-faint) !important;
  margin-bottom: 0.5rem !important;
}

/* ── 15.5c · Semantische Kontinuität · Lesarten als Zellen ─────────────────
   Die Struktur-Lesart (Struktur/Fragmentierung/Kontinuität/Raum) lief als
   endlose Zeilen über die volle Kartenbreite — Wert am äußersten Rand,
   kursive Hinweise. Jetzt: kompakte Zellen mit Label, Wert, Spur, Hinweis. */

html.raumriss-os .semantic-surface__readings {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 0.5rem;
}

html.raumriss-os .semantic-surface__reading {
  background: var(--ds-paper) !important;
  border: 1px solid var(--ds-hairline-soft) !important;
  border-radius: var(--ds-radius-md) !important;
  padding: 0.55rem 0.7rem !important;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

html.raumriss-os .semantic-surface__reading-head {
  display: flex !important;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.6rem;
}

html.raumriss-os .semantic-surface__reading-head > .type-meta:first-child {
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
  color: var(--ds-ink-faint) !important;
}

html.raumriss-os .semantic-surface__reading-label {
  color: var(--ds-ink-soft) !important;
  font-size: var(--ds-text-xs) !important;
  text-align: right;
  max-width: 58%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.raumriss-os .semantic-surface__score-track {
  height: 3px !important;
  border-radius: 999px;
  background: var(--ds-stone) !important;
  overflow: hidden;
}

html.raumriss-os .semantic-surface__score-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--ds-ink-faint) !important;
}

html.raumriss-os .semantic-surface__reading[data-tone="good"] .semantic-surface__score-fill,
html.raumriss-os .semantic-surface__reading[data-tone="strong"] .semantic-surface__score-fill {
  background: var(--ds-success) !important;
}

html.raumriss-os .semantic-surface__reading-hint,
html.raumriss-os .semantic-surface__atmosphere-line,
html.raumriss-os .semantic-surface__lede {
  font-style: normal !important;
  color: var(--ds-ink-faint) !important;
}

html.raumriss-os .semantic-surface,
html.raumriss-os .semantic-surface--inspector,
html.raumriss-os .semantic-surface--room-health {
  background: var(--ds-paper-raised) !important;
  border: 1px solid var(--ds-hairline-soft) !important;
  border-radius: var(--ds-radius-lg) !important;
  box-shadow: var(--ds-elevation-1) !important;
  padding: 0.85rem 1rem !important;
  margin-top: 0.75rem !important;
}

html.raumriss-os .semantic-surface-room--below-workbench {
  margin-top: 0.75rem !important;
  padding: 0 !important;
}

html.raumriss-os .semantic-surface__header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.45rem 0.75rem;
  margin-bottom: 0.55rem;
}

html.raumriss-os .semantic-surface__kicker {
  font-size: var(--ds-text-xs) !important;
  font-weight: 500 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase;
  color: var(--ds-ink-faint) !important;
  margin: 0 !important;
}

html.raumriss-os .semantic-surface__body {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

html.raumriss-os .semantic-surface__block-label {
  font-size: var(--ds-text-xs) !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase;
  color: var(--ds-ink-faint) !important;
  margin-bottom: 0.35rem !important;
}

/* ── 15.5d · Werkbank · Registerzeilen statt Textblock ─────────────────────
   Resonanz/Wetter in der Werkbank liefen als lose Zeilen — jetzt dasselbe
   Label/Wert-Raster wie AUREL und Shop-Steuerung. */

html.raumriss-os .semantic-workbench {
  background: var(--ds-paper-raised) !important;
  border: 1px solid var(--ds-hairline-soft) !important;
  border-radius: var(--ds-radius-lg) !important;
  box-shadow: var(--ds-elevation-1) !important;
  padding: 0.85rem 1rem !important;
  margin-top: 0.75rem !important;
}

html.raumriss-os .semantic-workbench__kicker {
  font-size: var(--ds-text-xs) !important;
  font-weight: 500 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase;
  color: var(--ds-ink-faint) !important;
}

html.raumriss-os .semantic-workbench__lines {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-top: 0.55rem;
}

html.raumriss-os .semantic-workbench__line {
  display: grid !important;
  grid-template-columns: minmax(5.5rem, 7rem) 1fr;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  align-items: baseline;
  margin: 0 !important;
}

html.raumriss-os .semantic-workbench__line-label {
  font-size: var(--ds-text-xs) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  color: var(--ds-ink-faint) !important;
}

html.raumriss-os .semantic-workbench__line-value {
  font-size: var(--ds-text-sm) !important;
  font-weight: 500 !important;
  color: var(--ds-ink-soft) !important;
  line-height: 1.45;
}

html.raumriss-os .semantic-workbench__handoff {
  margin-top: 0.65rem;
  padding-top: 0.55rem;
  border-top: 1px solid var(--ds-hairline-soft);
}

html.raumriss-os .semantic-workbench__handoff-hint {
  font-style: normal !important;
  color: var(--ds-ink-faint) !important;
}

html.raumriss-os .shopify-operational-surface {
  padding: 0.65rem 0 0 !important;
  border-top: 1px solid var(--ds-hairline-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .zone-operative-stack .shopify-operational-surface {
  border-top: 0 !important;
  padding-top: 0 !important;
}

/* ── 15.6 · Zahlen tragen Tabellenziffern · systemweit ───────────────────── */

html.raumriss-os .live-ads-chamber,
html.raumriss-os .ads-control-surface,
html.raumriss-os .zone-business-ops,
html.raumriss-os .shopify-operational-surface,
html.raumriss-os .room-workbench {
  font-variant-numeric: tabular-nums;
}

/* ── 15.6b · Keine Kursive in operativen Flächen ───────────────────────────
   Kursiv war die alte „atmosphärische" Stimme — im Apple-Material spricht
   alles aufrecht; Hierarchie kommt aus Gewicht und Tinte, nicht aus Schräge. */

html.raumriss-os .zone-operative-stack em,
html.raumriss-os .zone-operative-stack [data-atmospheric-layer],
html.raumriss-os .zone-business-ops [data-atmospheric-layer],
html.raumriss-os .operational-atmosphere,
html.raumriss-os .operational-atmosphere * {
  font-style: normal !important;
}

/* ── 15.7 · AUREL-Entwürfe · ruhige Freigabekarten statt grauer Bänder ─────
   Die Briefing-Freigabe in den Zonen sprach noch die alte Sprache:
   randlose Graubänder, Aktionszeile ohne Gewichte. Jetzt: dieselbe Karte
   wie überall — weißes Blatt, Hairline, Registermarke, Pillen-Aktionen. */

html.raumriss-os .aurel-briefing-review__card {
  background: var(--ds-paper-raised) !important;
  border: 1px solid var(--ds-hairline-soft) !important;
  border-radius: var(--ds-radius-md) !important;
  box-shadow: var(--ds-elevation-1) !important;
  padding: 0.85rem 1rem !important;
}

html.raumriss-os .aurel-briefing-review__title {
  font-size: var(--ds-text-sm);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--ds-ink);
}

html.raumriss-os .aurel-briefing-review__status {
  font-size: var(--ds-text-xs) !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ds-ink-faint) !important;
}

html.raumriss-os .aurel-briefing-review__excerpt {
  color: var(--ds-ink-soft) !important;
  line-height: 1.55 !important;
}

html.raumriss-os .aurel-briefing-review__btn,
html.raumriss-os .prepared-action-review__btn {
  border-radius: 980px !important;
  padding: 0.3rem 0.75rem !important;
  background: #ffffff !important;
  border: 1px solid var(--ds-hairline) !important;
  color: var(--ds-ink) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
  font-weight: 500;
  transition: background-color 160ms var(--ds-ease), border-color 160ms var(--ds-ease);
}

html.raumriss-os .aurel-briefing-review__btn:hover,
html.raumriss-os .prepared-action-review__btn:hover {
  background: var(--ds-hover-surface) !important;
  border-color: var(--ds-hairline-strong) !important;
}

html.raumriss-os .aurel-briefing-review__btn--quiet,
html.raumriss-os .prepared-action-review__btn--quiet {
  opacity: 1 !important;
  color: var(--ds-ink-soft) !important;
}

html.raumriss-os .aurel-briefing-review__hint {
  color: var(--ds-ink-faint) !important;
}

/* ── 15.8 · Material-Bundles in der Peripherie · letzte Creme-Karte ────────
   Der Periphery-Rhythm-Pass mischt hier hart kodiertes warmes Papier
   (#fcf9f2/#f4ede2) — die einzige Fläche, die kein Token liest. Auf der
   neutralen Wand wird daraus dasselbe weiße Blatt wie überall. */

html.raumriss-os .room-periphery-rail .zone-material-surface__bundle,
html.raumriss-os .zone-material-surface__bundle {
  background: var(--ds-paper-raised) !important;
  border: 1px solid var(--ds-hairline-soft) !important;
  box-shadow: none !important;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-liquid-material-v3.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Liquid Material v3
 * ═══════════════════════════════════════════════════════════════════════════
 *
 * Kanonische Material-Schicht — lädt als LETZTER Import, gewinnt mit !important
 * gegen alle älteren Pass-Dateien.
 */

/* ═══════════════════════════════════════════════════════════════════════════
   §0 · TOKENS
   ═══════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --lg-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --lg-duration: 220ms;
  --lg-duration-fast: 160ms;

  /* Umgebung · sichtbares Milchglas */
  --lg-glass: rgba(255, 255, 255, 0.42);
  --lg-glass-raised: rgba(255, 255, 255, 0.58);
  --lg-glass-hover: rgba(255, 255, 255, 0.72);
  --lg-glass-active: rgba(255, 255, 255, 0.82);
  --lg-rim: rgba(255, 255, 255, 0.88);
  --lg-border: rgba(255, 255, 255, 0.55);
  --lg-border-strong: rgba(255, 255, 255, 0.78);
  --lg-edge: rgba(15, 15, 20, 0.08);
  --lg-edge-hover: rgba(15, 15, 20, 0.12);
  --lg-blur: saturate(180%) blur(20px);
  --lg-blur-strong: saturate(190%) blur(32px);
  --lg-specular: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.78) 0%,
    rgba(255, 255, 255, 0.18) 36%,
    transparent 58%
  );
  --lg-accent: rgba(0, 113, 227, 0.55);
  --lg-accent-soft: rgba(0, 113, 227, 0.16);
  --lg-warm: rgba(251, 146, 60, 0.42);

  --lg-shadow-idle:
    inset 0 1px 0 var(--lg-rim),
    0 1px 2px rgba(15, 15, 20, 0.04),
    0 8px 24px rgba(15, 15, 20, 0.07),
    0 24px 48px rgba(15, 15, 20, 0.04);
  --lg-shadow-hover:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 2px 6px rgba(15, 15, 20, 0.06),
    0 14px 36px rgba(15, 15, 20, 0.1),
    0 32px 64px rgba(15, 15, 20, 0.06);
  --lg-shadow-press:
    inset 0 3px 10px rgba(15, 15, 20, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);

  --lg-dock-bg: rgba(252, 252, 253, 0.62);
  --lg-dock-border: rgba(255, 255, 255, 0.62);
  --lg-dock-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 4px 12px rgba(15, 15, 20, 0.06),
    0 24px 64px rgba(15, 15, 20, 0.14);

  --os-glass-milk: var(--lg-glass);
  --os-glass-milk-raised: var(--lg-glass-raised);
  --os-glass-milk-hover: var(--lg-glass-hover);
  --os-glass-border: var(--lg-border);
  --os-glass-blur: var(--lg-blur);
  --os-glass-blur-strong: var(--lg-blur-strong);
  --os-ease-liquid: var(--lg-ease);
}

/* ═══════════════════════════════════════════════════════════════════════════
   §1 · CANVAS — Glas braucht etwas dahinter
   ═══════════════════════════════════════════════════════════════════════ */

html.raumriss-os,
html.raumriss-os body {
  background-color: #e8e8ed !important;
  background-image:
    radial-gradient(ellipse 90% 60% at 8% -8%, rgba(255, 255, 255, 0.92), transparent 58%),
    radial-gradient(ellipse 70% 50% at 96% 4%, rgba(0, 113, 227, 0.07), transparent 52%),
    radial-gradient(ellipse 80% 55% at 50% 108%, rgba(251, 146, 60, 0.05), transparent 58%),
    linear-gradient(168deg, #ececf1 0%, #e4e4ea 42%, #dddde4 100%) !important;
}

html.raumriss-os .home-runtime-shell {
  background: transparent !important;
}

html.raumriss-os .home-runtime-shell::before {
  opacity: 0.35 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §2 · HOME · RÄUME — das sichtbare Herzstück
   ═══════════════════════════════════════════════════════════════════════ */

html.raumriss-os .home-runtime-shell .home-room-band-panel {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: clamp(0.85rem, 1.6vw, 1.15rem) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: 20px !important;
  background: var(--lg-glass-raised) !important;
  box-shadow: var(--lg-shadow-idle) !important;
  backdrop-filter: var(--lg-blur-strong) !important;
}

html.raumriss-os .home-runtime-shell .home-room-band-panel::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--lg-specular);
  opacity: 0.75;
  pointer-events: none;
}

html.raumriss-os .home-runtime-shell .home-room-band-header {
  position: relative;
  z-index: 1;
}

html.raumriss-os .home-runtime-shell .home-room-strip {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 15.5rem), 1fr)) !important;
  gap: clamp(0.65rem, 1.2vw, 0.85rem) !important;
  margin: 0 !important;
  padding: 0.15rem 0 0 !important;
  border: none !important;
  overflow: visible !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip > li {
  min-width: 0 !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip > li + li {
  border-left: none !important;
}

/* Raumkarten · echtes Liquid Glass */
html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: clamp(7.5rem, 14vw, 9rem) !important;
  padding: clamp(0.85rem, 1.4vw, 1rem) clamp(0.95rem, 1.5vw, 1.1rem) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: 14px !important;
  background: var(--lg-glass) !important;
  box-shadow: var(--lg-shadow-idle) !important;
  backdrop-filter: var(--lg-blur) !important;
  transform: none !important;
  transition:
    transform var(--lg-duration) var(--lg-ease),
    border-color var(--lg-duration) var(--lg-ease),
    box-shadow var(--lg-duration) var(--lg-ease),
    background var(--lg-duration) var(--lg-ease) !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile::before,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--lg-specular);
  opacity: 0.55;
  pointer-events: none;
  transition: opacity var(--lg-duration) var(--lg-ease);
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile::after,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.72) 50%,
    transparent
  );
  opacity: 0.65;
  pointer-events: none;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile:hover,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile:hover {
  transform: translateY(-3px) !important;
  background: var(--lg-glass-hover) !important;
  border-color: var(--lg-border-strong) !important;
  box-shadow: var(--lg-shadow-hover) !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile:hover::before,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile:hover::before {
  opacity: 1 !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile:active,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile:active {
  transform: translateY(-1px) scale(0.995) !important;
  box-shadow: var(--lg-shadow-press) !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-active="true"],
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile[data-room-active="true"] {
  background: var(--lg-glass-active) !important;
  border-color: color-mix(in srgb, var(--lg-accent) 38%, var(--lg-border)) !important;
  box-shadow:
    inset 3px 0 0 var(--lg-accent),
    inset 0 1px 0 var(--lg-rim),
    0 0 0 1px var(--lg-accent-soft),
    0 10px 28px rgba(0, 113, 227, 0.08) !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-warmth="warm"],
html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-warmth="active"],
html.raumriss-os .home-runtime-shell .home-room-chamber[data-room-warmth="warm"],
html.raumriss-os .home-runtime-shell .home-room-chamber[data-room-warmth="active"] {
  background: var(--lg-glass) !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-warmth="warm"]:hover,
html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-warmth="active"]:hover {
  border-color: color-mix(in srgb, var(--lg-warm) 35%, var(--lg-border-strong)) !important;
}

html.raumriss-os .home-runtime-shell .home-room-chamber__head,
html.raumriss-os .home-runtime-shell .home-room-chamber__body,
html.raumriss-os .home-runtime-shell .home-room-chamber__foot {
  position: relative;
  z-index: 1;
}

html.raumriss-os .home-runtime-shell .home-room-chamber__name {
  color: #1d1d1f !important;
}

html.raumriss-os .home-runtime-shell .home-room-chamber__signal {
  color: #6e6e73 !important;
  opacity: 1 !important;
}

/* Weitere Home-Kammern */
html.raumriss-os .home-runtime-shell .home-main-stage,
html.raumriss-os .home-runtime-shell .home-living-house__layer,
html.raumriss-os .home-runtime-shell .home-capture-layer,
html.raumriss-os .home-runtime-shell .continuity-shelf,
html.raumriss-os .home-runtime-shell .ablage-panel {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: var(--lg-glass-raised) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--lg-shadow-idle) !important;
  backdrop-filter: var(--lg-blur-strong) !important;
}

html.raumriss-os .home-runtime-shell .home-main-stage::before,
html.raumriss-os .home-runtime-shell .home-living-house__layer::before,
html.raumriss-os .home-runtime-shell .home-capture-layer::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--lg-specular);
  opacity: 0.6;
  pointer-events: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §3 · RISS DOCK
   ═══════════════════════════════════════════════════════════════════════ */

html.raumriss-os #raumriss-runtime-dock .riss-core-form {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: var(--lg-dock-bg) !important;
  border: 1px solid var(--lg-dock-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--lg-dock-shadow) !important;
  backdrop-filter: var(--lg-blur-strong) !important;
}

html.raumriss-os #raumriss-runtime-dock .riss-core-form::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    165deg,
    rgba(255, 255, 255, 0.82) 0%,
    rgba(255, 255, 255, 0.14) 40%,
    transparent 68%
  );
  pointer-events: none;
}

html.raumriss-os #raumriss-runtime-dock .riss-core-module {
  background: rgba(255, 255, 255, 0.38) !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 2px 8px rgba(15, 15, 20, 0.05) !important;
  backdrop-filter: var(--lg-blur) !important;
}

html.raumriss-os #raumriss-runtime-dock .riss-hw-control:hover,
html.raumriss-os #raumriss-runtime-dock .riss-hw-switch:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 4px 14px rgba(15, 15, 20, 0.08) !important;
}

html.raumriss-os #raumriss-runtime-dock .riss-der-riss-well {
  background: rgba(255, 255, 255, 0.28) !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  box-shadow: var(--lg-shadow-press) !important;
}

html.raumriss-os #raumriss-runtime-dock .riss-der-riss-well--focused,
html.raumriss-os #raumriss-runtime-dock [data-riss-input-focused="true"] .riss-der-riss-well {
  background: rgba(255, 255, 255, 0.55) !important;
  border-color: color-mix(in srgb, var(--lg-accent) 45%, rgba(255, 255, 255, 0.5)) !important;
  box-shadow:
    var(--lg-shadow-press),
    0 0 0 3px var(--lg-accent-soft) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §4 · RAUM-NAVIGATION · LIQUID TABS
   ═══════════════════════════════════════════════════════════════════════ */

html.raumriss-os .room-nav-rail__shell {
  padding: 6px !important;
  background: var(--lg-glass-raised) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--lg-shadow-idle) !important;
  backdrop-filter: var(--lg-blur-strong) !important;
}

html.raumriss-os .room-nav-rail__shell::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--lg-specular);
  opacity: 0.65;
  pointer-events: none;
}

html.raumriss-os .room-nav-rail__anchor,
html.raumriss-os .room-nav-rail__zone {
  position: relative !important;
  z-index: 1 !important;
  border-radius: 12px !important;
  transition:
    background var(--lg-duration) var(--lg-ease),
    box-shadow var(--lg-duration) var(--lg-ease),
    transform var(--lg-duration) var(--lg-ease),
    color var(--lg-duration-fast) var(--lg-ease) !important;
}

html.raumriss-os .room-nav-rail__anchor:not(.room-nav-rail__anchor--current):hover,
html.raumriss-os .room-nav-rail__zone:not(.room-nav-rail__zone--active):hover {
  background: var(--lg-glass-hover) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  transform: translateY(-1px) !important;
}

html.raumriss-os .room-nav-rail__anchor--current,
html.raumriss-os .room-nav-rail__zone--active {
  background: var(--lg-glass-active) !important;
  border: 1px solid var(--lg-border-strong) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 4px 16px rgba(15, 15, 20, 0.07),
    0 0 0 1px var(--lg-accent-soft) !important;
  color: #1d1d1f !important;
}

html.raumriss-os .room-nav-rail__anchor--current .room-nav-rail__label,
html.raumriss-os .room-nav-rail__anchor--current .room-nav-rail__meta,
html.raumriss-os .room-nav-rail__zone--active .room-nav-rail__zone-title,
html.raumriss-os .room-nav-rail__zone--active .room-nav-rail__zone-hint {
  color: #1d1d1f !important;
}

html.raumriss-os .room-nav-rail::after {
  opacity: 0.35 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §5 · RUNTIME DECK + KARTEN
   ═══════════════════════════════════════════════════════════════════════ */

html.raumriss-os .room-runtime-deck,
html.raumriss-os .room-runtime-deck.room-composition,
html.raumriss-os .ds-card,
html.raumriss-os .surface-panel,
html.raumriss-os .room-runtime-deck > .workspace-section,
html.raumriss-os .room-runtime-deck > .room-chamber {
  background: var(--lg-glass-raised) !important;
  border: 1px solid var(--lg-border) !important;
  box-shadow: var(--lg-shadow-idle) !important;
  backdrop-filter: var(--lg-blur-strong) !important;
}

html.raumriss-os .runtime-presence-layer.runtime-session-header,
html.raumriss-os .runtime-presence-layer.runtime-session-header.runtime-presence-layer--home {
  background: var(--lg-glass) !important;
  backdrop-filter: var(--lg-blur-strong) !important;
  border-bottom: 1px solid var(--lg-edge) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §6 · UTILITY + SHOWCASE
   ═══════════════════════════════════════════════════════════════════════ */

html.raumriss-os .lg-surface {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--lg-glass-raised);
  border: 1px solid var(--lg-border);
  border-radius: 14px;
  box-shadow: var(--lg-shadow-idle);
  backdrop-filter: var(--lg-blur);
  transition:
    transform var(--lg-duration) var(--lg-ease),
    box-shadow var(--lg-duration) var(--lg-ease),
    background var(--lg-duration) var(--lg-ease),
    border-color var(--lg-duration) var(--lg-ease);
}

html.raumriss-os .lg-surface::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--lg-specular);
  opacity: 0.65;
  pointer-events: none;
  transition: opacity var(--lg-duration) var(--lg-ease);
}

html.raumriss-os .lg-surface--interactive {
  cursor: pointer;
}

html.raumriss-os .lg-surface--interactive:hover {
  transform: translateY(-3px);
  background: var(--lg-glass-hover);
  border-color: var(--lg-border-strong);
  box-shadow: var(--lg-shadow-hover);
}

html.raumriss-os .lg-surface--interactive:hover::before {
  opacity: 1;
}

html.raumriss-os .lg-surface--instrument {
  background: var(--lg-dock-bg);
  border-color: var(--lg-dock-border);
  box-shadow: var(--lg-dock-shadow);
  backdrop-filter: var(--lg-blur-strong);
}

html.raumriss-os .lg-spec-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
  gap: 1rem;
}

html.raumriss-os .lg-spec-tile {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.35rem;
  min-height: 5.5rem;
  padding: 0.85rem;
}

html.raumriss-os .lg-spec-tile__label {
  position: relative;
  z-index: 1;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #86868b;
}

html.raumriss-os .lg-spec-tile__state {
  position: relative;
  z-index: 1;
  font-size: 0.8125rem;
  color: #1d1d1f;
}

html.raumriss-os .lg-spec-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 6px;
  max-width: 28rem;
  background: var(--lg-glass);
  border: 1px solid var(--lg-border);
  border-radius: 18px;
  box-shadow: var(--lg-shadow-idle);
  backdrop-filter: var(--lg-blur-strong);
}

html.raumriss-os .lg-spec-tab {
  flex: 1 1 auto;
  min-width: 5.5rem;
  padding: 0.55rem 0.85rem;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: #515154;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition:
    background var(--lg-duration) var(--lg-ease),
    box-shadow var(--lg-duration) var(--lg-ease),
    transform var(--lg-duration) var(--lg-ease),
    color var(--lg-duration-fast) var(--lg-ease);
}

html.raumriss-os .lg-spec-tab:hover:not([data-active="true"]) {
  background: var(--lg-glass-hover);
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
  color: #1d1d1f;
}

html.raumriss-os .lg-spec-tab[data-active="true"] {
  background: var(--lg-glass-active);
  border-color: var(--lg-border-strong);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 4px 14px rgba(15, 15, 20, 0.07);
  color: #1d1d1f;
}

html.raumriss-os .lg-spec-dock {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: 26rem;
  padding: 0.65rem 0.75rem;
  border-radius: 22px;
}

html.raumriss-os .lg-spec-dock__well {
  flex: 1;
  min-height: 2.35rem;
  padding: 0.45rem 0.75rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow: var(--lg-shadow-press);
  font-size: 0.8125rem;
  color: #86868b;
}

html.raumriss-os .lg-spec-dock__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.38);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
  cursor: pointer;
  transition: transform var(--lg-duration) var(--lg-ease), box-shadow var(--lg-duration) var(--lg-ease);
}

html.raumriss-os .lg-spec-dock__btn:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 4px 14px rgba(15, 15, 20, 0.08);
}

html.raumriss-os .lg-spec-tokens {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
  gap: 0.5rem;
  max-width: 44rem;
}

html.raumriss-os .lg-spec-token {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.45rem 0.6rem;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.35);
  border: 1px solid var(--lg-border);
  font-size: 0.6875rem;
  font-family: var(--font-mono, ui-monospace, monospace);
  color: #515154;
}

html.raumriss-os .lg-spec-token__swatch {
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 6px;
  border: 1px solid var(--lg-border);
  flex-shrink: 0;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-module-safety-pass.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Module Safety Pass
 * Sicherheitszonen für Seiten & operative Module — nichts schneidet mehr ab.
 * Loaded last via globals.css — layout/containment only.
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --rr-safety-inline: clamp(1rem, 2.4vw, 1.25rem);
  --rr-safety-block: clamp(0.8rem, 1.8vw, 1.05rem);
  --rr-safety-stack-gap: clamp(0.75rem, 1.6vw, 1.1rem);
  --rr-safety-wick-gap: 0.72rem;
}

/* ── 1 · Seitenrahmen · Atemraum links/rechts ───────────────────────────── */

html.raumriss-os .room-shell-rhythm {
  overflow-x: clip;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

html.raumriss-os .room-composition__stage,
html.raumriss-os .room-runtime-deck,
html.raumriss-os .room-zone-focus-layer,
html.raumriss-os .room-composition,
html.raumriss-os .room-identity-strip {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

html.raumriss-os .os-room-page,
html.raumriss-os .room-shell.rr-room-shell {
  padding-inline:
    max(var(--rr-safety-inline), env(safe-area-inset-left, 0px))
    max(var(--rr-safety-inline), env(safe-area-inset-right, 0px)) !important;
  box-sizing: border-box;
}

html.raumriss-os .room-nav-rail,
html.raumriss-os .room-nav-rail__shell,
html.raumriss-os .room-nav-rail__track {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* ── 2 · Kammern · Inhalt darf nicht an der Kante abgeschnitten werden ────── */

html.raumriss-os .room-chamber--workbench,
html.raumriss-os .room-chamber--state,
html.raumriss-os .room-chamber--atrium,
html.raumriss-os .semantic-workbench {
  overflow: visible !important;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

html.raumriss-os .room-runtime-deck .room-chamber--workbench,
html.raumriss-os .room-runtime-deck .room-chamber--state {
  padding-inline: var(--rr-safety-inline) !important;
  padding-block: var(--rr-safety-block) clamp(1.15rem, 2vw, 1.55rem) !important;
}

/* ── 3 · Business-Ops · gestapelte Module mit Abstand ───────────────────── */

html.raumriss-os .zone-business-ops {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

html.raumriss-os .zone-business-ops--commerce-room,
html.raumriss-os .zone-business-ops--creative-room,
html.raumriss-os .zone-business-ops--meta-room,
html.raumriss-os .zone-business-ops--affiliate-room {
  display: flex;
  flex-direction: column;
  gap: var(--rr-safety-stack-gap);
  padding-inline: 0;
}

html.raumriss-os .zone-business-ops > .zone-operative-stack,
html.raumriss-os .zone-business-ops > .zone-business-ops__briefing-chamber,
html.raumriss-os .zone-business-ops > .zone-business-ops__context-fold,
html.raumriss-os .zone-business-ops > .zone-material-chamber,
html.raumriss-os .zone-business-ops > .zone-material-chamber-fold {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ── 4 · Operativer Stack · Wick + Körper, klare Innenzone ──────────────── */

html.raumriss-os .zone-operative-stack {
  display: grid !important;
  grid-template-columns: 3px minmax(0, 1fr);
  -moz-column-gap: var(--rr-safety-wick-gap);
       column-gap: var(--rr-safety-wick-gap);
  row-gap: 0;
  align-items: start;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  box-sizing: border-box;
  padding: var(--rr-safety-block) var(--rr-safety-inline) !important;
}

html.raumriss-os .zone-operative-stack__wick {
  grid-column: 1;
  grid-row: 1 / -1;
  align-self: stretch;
  width: 3px;
  min-height: 2.5rem;
  margin: 0;
}

html.raumriss-os .zone-operative-stack__body,
html.raumriss-os .zone-operative-stack > .zone-operative-stack__surface,
html.raumriss-os .zone-operative-stack > .ads-control-surface,
html.raumriss-os .zone-operative-stack > .affiliate-operational-surface,
html.raumriss-os .zone-operative-stack > .alivemaex-release-surface {
  grid-column: 2;
  min-width: 0;
  max-width: 100%;
  padding-inline: 0.05rem;
  box-sizing: border-box;
}

html.raumriss-os .zone-operative-stack__body {
  display: flex;
  flex-direction: column;
  gap: clamp(0.45rem, 0.9vw, 0.65rem);
}

/* ── 5 · Shop-Fläche · keine Doppel-Wick, Text bricht sauber um ─────────── */

html.raumriss-os .zone-operative-stack--shop-metrics .shopify-operational-surface__wick {
  display: none;
}

html.raumriss-os .shopify-operational-surface {
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  box-sizing: border-box;
}

html.raumriss-os .shopify-operational-surface__head {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.65rem;
  padding-inline: 0.08rem;
  min-width: 0;
}

html.raumriss-os .shopify-operational-surface__label {
  flex: 0 1 auto;
  min-width: 0;
}

html.raumriss-os .shopify-operational-surface__state {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  margin-left: auto;
  text-align: right;
  overflow-wrap: anywhere;
}

html.raumriss-os .shopify-operational-surface__anchor,
html.raumriss-os .shopify-operational-surface__operative,
html.raumriss-os .shopify-operational-surface__movement,
html.raumriss-os .shopify-operational-surface__secondary,
html.raumriss-os .shopify-operational-surface__compare,
html.raumriss-os .shopify-operational-surface__fold,
html.raumriss-os .shopify-operational-surface__primary {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding-inline: 0.08rem;
  box-sizing: border-box;
}

html.raumriss-os .shopify-operational-surface__primary {
  line-height: 1.12;
}

html.raumriss-os .shopify-operational-surface__readouts {
  min-width: 0;
  max-width: 100%;
}

/* ── 6 · AUREL-Entwurf · eigenes Blatt mit Sicherheitszone ──────────────── */

html.raumriss-os .zone-business-ops__briefing-chamber {
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  box-sizing: border-box;
  padding: var(--rr-safety-block) var(--rr-safety-inline) !important;
}

html.raumriss-os .zone-business-ops__briefing-kicker {
  padding-inline: 0.08rem;
}

html.raumriss-os .aurel-briefing-review__card {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}

/* ── 7 · Ads / Affiliate · gleiche Anatomie ────────────────────────────── */

html.raumriss-os .ads-control-surface,
html.raumriss-os .affiliate-operational-surface,
html.raumriss-os .affiliate-zone-surface,
html.raumriss-os .happy-flower-ads-aurel,
html.raumriss-os .meta-operative-stack {
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  box-sizing: border-box;
}

html.raumriss-os .ads-control-surface__head,
html.raumriss-os .affiliate-operational-surface__head {
  flex-wrap: wrap;
  gap: 0.35rem 0.65rem;
  padding-inline: 0.08rem;
}

html.raumriss-os .affiliate-zone-surface__status-copy,
html.raumriss-os .affiliate-zone-surface__readouts,
html.raumriss-os .affiliate-zone-surface__period,
html.raumriss-os .affiliate-zone-surface__period-metrics,
html.raumriss-os .affiliate-zone-surface__events,
html.raumriss-os .affiliate-zone-surface__publisher,
html.raumriss-os .affiliate-zone-surface__validation {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

html.raumriss-os .affiliate-zone-surface__status-line,
html.raumriss-os .affiliate-zone-surface__operative,
html.raumriss-os .affiliate-zone-surface__semantic,
html.raumriss-os .affiliate-zone-surface__period-semantic,
html.raumriss-os .affiliate-zone-surface__event-main,
html.raumriss-os .affiliate-zone-surface__event-meta,
html.raumriss-os .affiliate-zone-surface__publisher-lines li {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

html.raumriss-os .affiliate-zone-surface__event-row {
  grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  min-width: 0;
}

html.raumriss-os .affiliate-zone-surface__event-kind {
  white-space: nowrap;
}

/* ── 8 · Runtime-Debug · nie im Fließtext ───────────────────────────────── */

html.raumriss-os [data-runtime-debug] {
  display: none !important;
}

@media (max-width: 640px) {
  html.raumriss-os {
    --rr-safety-inline: max(1rem, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
    --rr-safety-wick-gap: 0.58rem;
  }

  html.raumriss-os .shopify-operational-surface__state {
    flex-basis: 100%;
    text-align: left;
    margin-left: 0;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/aurel-nervous-presence.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * AUREL · Nervous Presence — warmes Instrumenten-Material (RAUMRISS).
 * Kein Glassmorphism — leises Synapsen-Signal, architektonisch ruhig.
 */

html.raumriss-os {
  --aurel-nerve-ink: rgba(232, 228, 218, 0.94);
  --aurel-nerve-muted: rgba(176, 170, 160, 0.82);
  --aurel-nerve-surface: rgba(24, 22, 20, 0.92);
  --aurel-nerve-border: rgba(255, 248, 240, 0.12);
  --aurel-nerve-glow: rgba(200, 160, 100, 0.38);
  --aurel-nerve-core: rgba(215, 180, 120, 0.95);
  --aurel-nerve-warm: rgba(210, 140, 80, 0.72);
  --aurel-nerve-wait: rgba(220, 180, 90, 0.82);
  /* Immer oberhalb des Riss-Docks — nie dahinter versteckt */
  --aurel-presence-dock-gap: 0.7rem;
  --aurel-presence-lift: calc(
    clamp(10.5rem, 24vh, 13.25rem) + var(--aurel-presence-dock-gap)
  );
}

html.raumriss-os .aurel-nervous-presence--floating {
  position: fixed;
  left: max(1rem, env(safe-area-inset-left));
  bottom: calc(var(--aurel-presence-lift) + env(safe-area-inset-bottom, 0px));
  z-index: 82;
  display: inline-flex;
  align-items: flex-start;
  gap: 0.55rem;
  max-width: min(18rem, calc(100vw - 2rem));
  padding: 0.55rem 0.75rem 0.55rem 0.6rem;
  border: 1px solid var(--aurel-nerve-border);
  border-radius: 0.65rem;
  background: var(--aurel-nerve-surface);
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 248, 240, 0.06);
  color: var(--aurel-nerve-ink);
  text-align: left;
  cursor: pointer;
  pointer-events: auto;
  transition:
    transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 420ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 420ms ease;
}

html.raumriss-os .aurel-nervous-presence--floating:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 248, 240, 0.18);
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.32),
    0 0 0 1px rgba(215, 180, 120, 0.1);
}

/* Header · kompakte Notification in der Session-Leiste (Mobile) */
html.raumriss-os .runtime-session-header__aurel {
  display: none;
}

html.raumriss-os .aurel-nervous-presence--header {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  width: 100%;
  min-width: 0;
  padding: 0.34rem 0.55rem 0.36rem 0.48rem;
  border: 1px solid color-mix(in srgb, rgba(200, 160, 100, 0.28) 100%, rgba(255, 255, 255, 0.35));
  border-radius: 10px;
  background: linear-gradient(
    100deg,
    color-mix(in srgb, rgba(215, 180, 120, 0.14) 100%, transparent),
    color-mix(in srgb, rgba(255, 255, 255, 0.5) 100%, transparent)
  );
  box-shadow: inset 0 1px 0 rgba(255, 252, 245, 0.42);
  color: color-mix(in srgb, #3d3528 92%, #1c1914);
  text-align: left;
  cursor: pointer;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    background 180ms ease;
}

html.raumriss-os .aurel-nervous-presence--header:hover {
  border-color: color-mix(in srgb, rgba(200, 160, 100, 0.42) 100%, rgba(255, 255, 255, 0.45));
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 245, 0.52),
    0 2px 8px rgba(28, 25, 20, 0.06);
}

html.raumriss-os .aurel-nervous-presence--header .aurel-nervous-presence__synapse {
  width: 0.58rem;
  height: 0.58rem;
  margin-top: 0;
  flex: none;
}

html.raumriss-os .aurel-nervous-presence--header .aurel-nervous-presence__header-copy {
  display: flex;
  flex-direction: column;
  gap: 0.06rem;
  min-width: 0;
  flex: 1;
}

html.raumriss-os .aurel-nervous-presence--header .aurel-nervous-presence__header-label {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: 0.56rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.2;
  color: color-mix(in srgb, #3d3528 94%, #1c1914);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.raumriss-os .aurel-nervous-presence--header .aurel-nervous-presence__header-meta {
  font-size: 0.58rem;
  line-height: 1.25;
  color: color-mix(in srgb, #6a6256 88%, #8a8276);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.raumriss-os .aurel-nervous-presence--floating:focus-visible {
  outline: 2px solid rgba(215, 180, 120, 0.55);
  outline-offset: 3px;
}

html.raumriss-os .aurel-nervous-presence--header:focus-visible {
  outline: 2px solid rgba(215, 180, 120, 0.55);
  outline-offset: 2px;
}

html.raumriss-os .aurel-nervous-presence__synapse {
  position: relative;
  flex: 0 0 auto;
  width: 0.72rem;
  height: 0.72rem;
  margin-top: 0.12rem;
}

html.raumriss-os .aurel-nervous-presence__core {
  position: absolute;
  inset: 0.18rem;
  border-radius: 50%;
  background: var(--aurel-nerve-core);
  box-shadow: 0 0 10px var(--aurel-nerve-glow);
}

html.raumriss-os .aurel-nervous-presence__ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(215, 180, 120, 0.35);
  animation: aurel-nerve-ring 2.4s ease-in-out infinite;
}

html.raumriss-os .aurel-nervous-presence[data-aurel-nervous-phase="waiting"] .aurel-nervous-presence__core {
  background: var(--aurel-nerve-wait);
  box-shadow: 0 0 10px rgba(220, 180, 90, 0.35);
}

html.raumriss-os .aurel-nervous-presence[data-aurel-nervous-phase="preparing"] .aurel-nervous-presence__core {
  background: var(--aurel-nerve-warm);
  box-shadow: 0 0 10px rgba(210, 140, 80, 0.32);
}

html.raumriss-os .aurel-nervous-presence[data-aurel-nervous-activity="elevated"] .aurel-nervous-presence__ring {
  animation-duration: 1.6s;
}

html.raumriss-os .aurel-nervous-presence__body {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  min-width: 0;
}

html.raumriss-os .aurel-nervous-presence__label {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1.2;
  color: var(--aurel-nerve-ink);
}

html.raumriss-os .aurel-nervous-presence__scope {
  font-size: 0.58rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--aurel-nerve-muted);
  opacity: 0.88;
}

html.raumriss-os .aurel-nervous-presence__breath {
  font-size: 0.68rem;
  line-height: 1.35;
  color: var(--aurel-nerve-muted);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@keyframes aurel-nerve-ring {
  0%,
  100% {
    transform: scale(0.82);
    opacity: 0.35;
  }
  50% {
    transform: scale(1.18);
    opacity: 0.9;
  }
}

html.raumriss-os .aurel-nervous-presence[data-aurel-nervous-gravity="weighted"] .aurel-nervous-presence__core {
  box-shadow:
    0 0 12px var(--aurel-nerve-glow),
    0 0 0 2px rgba(215, 180, 120, 0.12);
}

html.raumriss-os .aurel-nervous-presence[data-aurel-nervous-gravity="heavy"] .aurel-nervous-presence__core {
  box-shadow:
    0 0 14px rgba(220, 180, 90, 0.42),
    0 0 0 2px rgba(220, 180, 90, 0.14);
}

html.raumriss-os .aurel-nervous-presence[data-aurel-nervous-gravity="heavy"] .aurel-nervous-presence__ring {
  animation-duration: 1.35s;
  border-color: rgba(220, 180, 90, 0.42);
}

/* Jobs-Shelf · Nervensystem-Strip */
html.raumriss-os .aurel-nervous-strip {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.55rem 0.65rem;
  margin-bottom: 0.35rem;
  border: 1px solid rgba(255, 248, 240, 0.08);
  border-radius: 0.65rem;
  background: rgba(24, 22, 20, 0.55);
}

html.raumriss-os .aurel-nervous-strip--compact {
  padding: 0.45rem 0.55rem;
  margin-bottom: 0.25rem;
}

html.raumriss-os .aurel-nervous-strip__synapse {
  position: relative;
  flex: 0 0 auto;
  width: 0.62rem;
  height: 0.62rem;
  margin-top: 0.14rem;
}

html.raumriss-os .aurel-nervous-strip__core {
  position: absolute;
  inset: 0.16rem;
  border-radius: 50%;
  background: var(--aurel-nerve-core);
  box-shadow: 0 0 8px var(--aurel-nerve-glow);
}

html.raumriss-os .aurel-nervous-strip__ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(215, 180, 120, 0.28);
  animation: aurel-nerve-ring 2.8s ease-in-out infinite;
}

html.raumriss-os .aurel-jobs-shelf[data-aurel-nervous-phase="waiting"] .aurel-nervous-strip__core {
  background: var(--aurel-nerve-wait);
  box-shadow: 0 0 8px rgba(220, 180, 90, 0.32);
}

html.raumriss-os .aurel-jobs-shelf[data-aurel-nervous-phase="preparing"] .aurel-nervous-strip__core,
html.raumriss-os .aurel-jobs-shelf[data-aurel-nervous-phase="correlating"] .aurel-nervous-strip__core {
  background: var(--aurel-nerve-warm);
  box-shadow: 0 0 8px rgba(210, 140, 80, 0.28);
}

html.raumriss-os .aurel-jobs-shelf[data-aurel-nervous-gravity="heavy"] {
  border-color: rgba(220, 180, 90, 0.12);
}

html.raumriss-os .aurel-nervous-strip__body {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
  flex: 1;
}

html.raumriss-os .aurel-nervous-strip__label {
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  line-height: 1.2;
  color: var(--aurel-nerve-ink);
}

html.raumriss-os .aurel-nervous-strip__breath {
  font-size: 0.68rem;
  line-height: 1.35;
  color: var(--aurel-nerve-muted);
}

html.raumriss-os .aurel-nervous-strip__channels {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  flex: 0 0 auto;
  margin-top: 0.12rem;
}

html.raumriss-os .aurel-nervous-strip__channel {
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 50%;
  background: rgba(215, 180, 120, 0.55);
  opacity: 0.72;
}

html.raumriss-os .aurel-nervous-strip__channel[data-aurel-nervous-channel="commerce"] {
  background: rgba(200, 160, 100, 0.72);
}

html.raumriss-os .aurel-nervous-strip__channel[data-aurel-nervous-channel="continuity"] {
  background: rgba(180, 150, 120, 0.68);
}

html.raumriss-os .aurel-nervous-strip__channel[data-aurel-nervous-channel="signals"] {
  background: rgba(210, 140, 80, 0.68);
}

html.raumriss-os .aurel-nervous-strip__channel[data-aurel-nervous-channel="jobs"] {
  background: rgba(220, 180, 90, 0.72);
}

html.raumriss-os .aurel-nervous-strip__channel[data-aurel-nervous-channel="material"] {
  background: rgba(160, 190, 150, 0.62);
}

@media (prefers-reduced-motion: reduce) {
  html.raumriss-os .aurel-nervous-strip__ring {
    animation: none;
    opacity: 0.5;
  }
}

html.raumriss-os .aurel-jobs-shelf__scope {
  font-weight: 400;
  letter-spacing: 0.08em;
  color: var(--aurel-nerve-muted, rgba(176, 170, 160, 0.82));
}

html.raumriss-os .aurel-jobs-shelf__overflow {
  margin-top: -0.15rem;
  margin-bottom: 0.25rem;
  padding-left: 0.1rem;
  font-style: normal;
  letter-spacing: 0.02em;
}

@media (min-width: 768px) {
  html.raumriss-os {
    --aurel-presence-lift: calc(
      clamp(9.75rem, 16vh, 11.5rem) + var(--aurel-presence-dock-gap)
    );
  }

  html.raumriss-os .aurel-nervous-presence--floating {
    max-width: 20rem;
  }
}

/* Mobile · Floating aus, Notification in der Top-Bar */
@media (max-width: 760px) {
  html.raumriss-os .aurel-nervous-presence--floating {
    display: none !important;
  }

  html.raumriss-os .runtime-session-header__aurel {
    display: flex;
    min-width: 0;
  }

  html.raumriss-os .aurel-nervous-presence--header {
    padding: 0.3rem 0.52rem 0.32rem 0.44rem;
    border-radius: 10px;
    gap: 0.42rem;
  }

  html.raumriss-os .aurel-nervous-presence--header .aurel-nervous-presence__header-copy {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
  }

  /* AUREL-Meldung auf Mobile sichtbar (vorher display:none) — 2 Zeilen, kompakt */
  html.raumriss-os .aurel-nervous-presence--header .aurel-nervous-presence__header-meta {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    overflow: hidden;
    line-height: 1.25;
  }

  html.raumriss-os .aurel-nervous-presence--header .aurel-nervous-presence__header-label {
    font-size: 0.58rem;
    letter-spacing: 0.09em;
  }

  /* Kompaktere Bar, wenn AUREL sichtbar */
  html.raumriss-os:has(.aurel-nervous-presence--header) {
    --home-prestige-header-clearance: clamp(4.85rem, 12.5vw, 5.45rem);
    --runtime-session-header-clearance: clamp(4.85rem, 12.5vw, 5.45rem);
    --session-bar-clearance: clamp(4.85rem, 12.5vw, 5.45rem);
  }
}

@media (min-width: 761px) {
  html.raumriss-os .runtime-session-header__aurel {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.raumriss-os .aurel-nervous-presence__ring {
    animation: none;
    opacity: 0.55;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-zone-layout-alignment-pass.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Zone Layout Alignment Pass
 * Werkbank & operative Flächen nutzen die volle Bühnenbreite — keine
 * schmal zentrierte Säule mehr (v. a. HF Ads · Creative Kammer Primär).
 * Loaded last via globals.css — layout only.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1 · Werkbank · volle Stage-Breite ──────────────────────────────────── */

html.raumriss-os .room-composition__stage .room-zone-focus-layer {
  width: 100%;
  min-width: 0;
  align-self: stretch;
}

html.raumriss-os .room-composition__stage .room-zone-focus-layer > * {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

html.raumriss-os .zone-business-ops,
html.raumriss-os .zone-business-ops--creative-room,
html.raumriss-os .zone-business-ops--commerce-room,
html.raumriss-os .zone-business-ops--meta-room,
html.raumriss-os .zone-business-ops--affiliate-room,
html.raumriss-os .zone-business-ops--release-room,
html.raumriss-os .zone-business-ops--weekly-offer-room {
  width: 100%;
  align-self: stretch;
}

html.raumriss-os .zone-business-ops .zone-operative-stack {
  width: 100%;
}

/* ── 2 · Creative Kammer · Primär sitzt in der Werkbank, nicht in der Peripherie ─ */

html.raumriss-os .zone-business-ops--creative-room .zone-material-chamber--primary,
html.raumriss-os .zone-business-ops--creative-room .zone-material-chamber--hero {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  align-self: stretch;
}

html.raumriss-os .zone-material-surface--hero,
html.raumriss-os .zone-material-surface--chamber {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

html.raumriss-os .zone-material-surface__continuity-table,
html.raumriss-os .zone-material-surface__table,
html.raumriss-os .zone-material-surface__bundle {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

html.raumriss-os .zone-material-surface--hero .zone-material-surface__grid {
  width: 100%;
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 720px) {
  html.raumriss-os .zone-material-surface--hero .zone-material-surface__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  html.raumriss-os .zone-material-surface--hero .zone-material-surface__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"]
  .zone-material-surface__material-wall,
html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"]
  .zone-material-surface__material-wall--ads {
  width: 100%;
}

/* ── 3 · HF Ads · eine durchgehende Werkbank-Säule ─────────────────────── */

html.raumriss-os .room-composition__stage--hf-ads-focus .room-zone-focus-layer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: clamp(0.55rem, 1.1vw, 0.85rem);
}

html.raumriss-os .room-composition__stage--hf-ads-focus .zone-operative-stack,
html.raumriss-os .room-composition__stage--hf-ads-focus .zone-material-chamber--primary {
  margin-inline: 0;
}

/* ── 4 · Weitere Werkbank-Module · gleiche Breite ────────────────────────── */

html.raumriss-os .semantic-workbench,
html.raumriss-os .semantic-surface-room,
html.raumriss-os .operational-observatory,
html.raumriss-os .writing-carry-surface,
html.raumriss-os .alivemaex-design-material-surface {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

html.raumriss-os .room-composition__stage .room-atrium-layer,
html.raumriss-os .room-composition__stage .room-threads-layer {
  width: 100%;
  align-self: stretch;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-system-pass.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * RAUMRISS · SYSTEM Workspace Pass
 *
 * Interne Betriebssystem-Oberfläche — kein generisches Admin-Panel.
 */

.system-workspace {
  --system-surface: color-mix(in srgb, var(--atmo-base, #e4e6e2) 88%, #1a1c18 12%);
  --system-card: color-mix(in srgb, #fff 6%, transparent);
  --system-border: color-mix(in srgb, var(--accent-border, rgba(249, 115, 22, 0.42)) 35%, transparent);
  min-height: 100dvh;
  padding-inline: clamp(1rem, 3vw, 2rem);
  padding-bottom: calc(clamp(1rem, 3vw, 2rem) + env(safe-area-inset-bottom, 0px));
  color: var(--env-text-primary, #181916);
}

.system-workspace__header {
  margin-bottom: 1.5rem;
}

.system-workspace__title-block {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.5rem;
}

.system-workspace__home-link {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.7;
  text-decoration: none;
}

.system-workspace__sep {
  opacity: 0.4;
}

.system-workspace__title {
  font-size: clamp(1.25rem, 4vw, 1.75rem);
  font-weight: 500;
  letter-spacing: 0.04em;
  margin: 0;
}

.system-workspace__subtitle {
  width: 100%;
  margin: 0.25rem 0 0;
  font-size: 0.8rem;
  opacity: 0.65;
}

.system-workspace__presence {
  margin: 0.75rem 0 0;
  font-size: 0.85rem;
  opacity: 0.75;
  max-width: 42rem;
}

.system-workspace__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--system-border);
}

.system-workspace__nav-btn {
  position: relative;
  padding: 0.45rem 0.75rem;
  font-size: 0.78rem;
  letter-spacing: 0.03em;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  color: inherit;
}

.system-workspace__nav-btn.is-active {
  border-color: var(--system-border);
  background: var(--system-card);
}

.system-workspace__nav-badge {
  margin-left: 0.35rem;
  padding: 0.1rem 0.4rem;
  font-size: 0.65rem;
  border-radius: 999px;
  background: var(--accent-surface, rgba(249, 115, 22, 0.115));
}

.system-workspace__nav-badge--warn {
  background: color-mix(in srgb, #ef4444 20%, transparent);
}

.system-metrics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
  gap: 0.65rem;
  margin-bottom: 1rem;
}

.system-metric-card {
  padding: 0.75rem;
  border: 1px solid var(--system-border);
  border-radius: 0.65rem;
  background: var(--system-card);
}

.system-metric-card__label {
  display: block;
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.6;
}

.system-metric-card__value {
  display: block;
  font-size: 1.35rem;
  font-weight: 500;
  margin-top: 0.2rem;
}

.system-metric-card__hint {
  display: block;
  font-size: 0.7rem;
  opacity: 0.55;
  margin-top: 0.15rem;
}

.system-panel__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 0.75rem;
}

.system-panel--split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 768px) {
  .system-panel--split {
    grid-template-columns: 1.2fr 0.8fr;
  }
}

.system-card {
  padding: 1rem;
  border: 1px solid var(--system-border);
  border-radius: 0.75rem;
  background: var(--system-card);
}

.system-card__title {
  margin: 0 0 0.65rem;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.8;
}

.system-card__purpose,
.system-card__meta {
  margin: 0.35rem 0 0;
  font-size: 0.82rem;
  opacity: 0.75;
  line-height: 1.45;
}

.system-card__empty {
  margin: 0;
  font-size: 0.82rem;
  opacity: 0.55;
}

.system-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.system-list li + li {
  margin-top: 0.45rem;
}

.system-list__item-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 0;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: inherit;
}

.system-list--compact .system-list__audit {
  font-size: 0.78rem;
  line-height: 1.4;
}

.system-list__audit-action {
  display: block;
  font-size: 0.68rem;
  opacity: 0.55;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.system-list__warn {
  font-size: 0.82rem;
  color: color-mix(in srgb, #b45309 70%, var(--env-text-primary));
}

.system-status-badge {
  font-size: 0.65rem;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  border: 1px solid var(--system-border);
  white-space: nowrap;
}

.system-status-badge--running,
.system-status-badge--queued {
  border-color: color-mix(in srgb, var(--accent) 40%, transparent);
}

.system-status-badge--failed {
  border-color: color-mix(in srgb, #ef4444 50%, transparent);
}

.system-status-badge--completed {
  opacity: 0.7;
}

.system-agent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  gap: 0.75rem;
}

.system-agent-card__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
}

.system-agent-card__header h2 {
  margin: 0;
  font-size: 1rem;
}

.system-agent-card__status {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.65;
}

.system-agent-card__desc {
  margin: 0.5rem 0;
  font-size: 0.82rem;
  opacity: 0.8;
  line-height: 1.45;
}

.system-agent-card__meta {
  display: grid;
  gap: 0.35rem;
  margin: 0;
  font-size: 0.75rem;
}

.system-agent-card__meta dt {
  opacity: 0.55;
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.system-agent-card__meta dd {
  margin: 0;
}

.system-agent-card__summary {
  margin: 0.65rem 0 0;
  font-size: 0.72rem;
  opacity: 0.55;
}

.system-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.system-filters select {
  font-size: 0.78rem;
  padding: 0.35rem 0.5rem;
  border-radius: 0.4rem;
  border: 1px solid var(--system-border);
  background: transparent;
  color: inherit;
}

.system-job-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.system-job-list__item {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.25rem 0.5rem;
  padding: 0.65rem 0;
  border: none;
  border-bottom: 1px solid color-mix(in srgb, var(--system-border) 50%, transparent);
  background: none;
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: inherit;
}

.system-job-list__item.is-selected {
  background: color-mix(in srgb, var(--accent-surface) 50%, transparent);
}

.system-job-list__title {
  grid-column: 1;
  font-size: 0.85rem;
}

.system-job-list__meta {
  grid-column: 1;
  font-size: 0.72rem;
  opacity: 0.55;
}

.system-job-detail h2 {
  margin: 0 0 0.5rem;
  font-size: 1rem;
}

.system-job-detail__output {
  margin-top: 0.75rem;
  padding: 0.65rem;
  font-size: 0.72rem;
  overflow-x: auto;
  border-radius: 0.5rem;
  background: color-mix(in srgb, #000 4%, transparent);
}

.system-job-detail__error {
  color: color-mix(in srgb, #b45309 80%, inherit);
}

.system-reentry-dl {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  font-size: 0.82rem;
}

.system-reentry-dl dt {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.55;
}

.system-reentry-dl dd {
  margin: 0.1rem 0 0;
}

.system-integration-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.system-integration-list__item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.15rem 0.5rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--system-border) 40%, transparent);
  font-size: 0.8rem;
}

.system-integration-list__status {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.system-integration-list__status--connected {
  color: color-mix(in srgb, #15803d 80%, inherit);
}

.system-integration-list__status--planned {
  opacity: 0.55;
}

.system-integration-list__desc {
  grid-column: 1 / -1;
  opacity: 0.65;
  font-size: 0.75rem;
}

.system-approval-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.75rem;
}

.system-approval-card {
  padding: 1rem;
  border: 1px solid var(--system-border);
  border-radius: 0.75rem;
  background: var(--system-card);
}

.system-approval-card h3 {
  margin: 0 0 0.35rem;
  font-size: 0.95rem;
}

.system-approval-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.system-approval-card__actions button {
  font-size: 0.78rem;
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  border: 1px solid var(--system-border);
  background: transparent;
  cursor: pointer;
  color: inherit;
}

.system-command-card {
  display: grid;
  gap: 0.75rem;
}

.system-command-input {
  width: 100%;
  padding: 0.75rem;
  font: inherit;
  font-size: 0.85rem;
  line-height: 1.45;
  border-radius: 0.65rem;
  border: 1px solid var(--system-border);
  background: color-mix(in srgb, #fff 4%, transparent);
  color: inherit;
  resize: vertical;
}

.system-command-submit {
  justify-self: start;
  padding: 0.55rem 1.1rem;
  font-size: 0.82rem;
  border-radius: 999px;
  border: 1px solid var(--accent-border, rgba(249, 115, 22, 0.42));
  background: var(--accent-surface, rgba(249, 115, 22, 0.115));
  cursor: pointer;
  color: inherit;
}

.system-room-link {
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  opacity: 0.7;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--system-border, rgba(249, 115, 22, 0.2));
  border-radius: 999px;
}

.system-room-link:hover {
  opacity: 1;
}

.system-usage-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.system-usage-table-wrap {
  overflow-x: auto;
  margin-top: 0.5rem;
}

.system-usage-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.75rem;
}

.system-usage-table th,
.system-usage-table td {
  padding: 0.45rem 0.5rem;
  text-align: left;
  border-bottom: 1px solid color-mix(in srgb, var(--system-border) 45%, transparent);
}

.system-usage-table th {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.55;
  font-weight: 500;
}

.system-usage-bucket-row {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: baseline;
  font-size: 0.78rem;
  padding: 0.35rem 0;
}

.system-usage-bucket-row__label {
  flex: 1;
  min-width: 0;
}

.system-usage-bucket-row__meta {
  white-space: nowrap;
  opacity: 0.65;
  font-size: 0.72rem;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/agent-presence.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * RAUMRISS · Agent Presence · KI-Berührungen sichtbar machen
 */

.agent-presence-strip {
  --presence-border: color-mix(in srgb, var(--accent-border, rgba(249, 115, 22, 0.35)) 50%, transparent);
  border: 1px solid var(--presence-border);
  border-radius: 0.35rem;
  padding: 0.65rem 0.75rem;
  background: color-mix(in srgb, var(--atmo-base, #e4e6e2) 92%, #1a1c18 8%);
}

.agent-presence-strip__header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.65rem;
  margin-bottom: 0.45rem;
}

.agent-presence-strip__label {
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.72;
}

.agent-presence-strip__hint {
  font-size: 0.68rem;
  opacity: 0.45;
}

.agent-presence-strip__empty {
  margin: 0;
  opacity: 0.55;
}

.agent-presence-strip__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.agent-presence-strip__item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.45rem 0.65rem;
  align-items: baseline;
  font-size: 0.76rem;
}

.agent-presence-strip__provider {
  font-size: 0.65rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.6;
  white-space: nowrap;
}

.agent-presence-strip__summary {
  min-width: 0;
  opacity: 0.88;
}

.agent-presence-strip__time {
  font-size: 0.68rem;
  opacity: 0.45;
  white-space: nowrap;
}

.system-agent-presence {
  grid-column: 1 / -1;
}

.room-agent-presence {
  margin-bottom: 0.75rem;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-operations.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * RAUMRISS · Operations — Betriebsüberblick (Home + Vollseite)
 */

html.raumriss-os .home-capture-lane--operations {
  width: 100%;
}

html.raumriss-os .operations-home-panel {
  display: grid;
  gap: 0.85rem;
}

html.raumriss-os .operations-home-panel__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem 1rem;
}

html.raumriss-os .operations-home-panel__subtitle {
  margin: 0.2rem 0 0;
  color: var(--text-faint);
}

html.raumriss-os .operations-home-panel__open {
  color: var(--text-faint);
  text-decoration: none;
  white-space: nowrap;
}

html.raumriss-os .operations-home-panel__open:hover {
  color: var(--text-secondary);
}

html.raumriss-os .operations-home-panel__runtime-line {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
  line-height: 1.45;
}

html.raumriss-os .operations-home-panel__meta {
  margin: 0.35rem 0 0;
  color: var(--text-faint);
}

html.raumriss-os .operations-home-panel__calm {
  margin: 0;
  color: var(--text-faint);
}

html.raumriss-os .operations-phase-pill {
  font-size: 0.65rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--accent-border, rgba(249, 115, 22, 0.3)) 60%, transparent);
  opacity: 0.85;
}

html.raumriss-os .operations-phase-pill[data-phase="stable"] {
  border-color: color-mix(in srgb, #15803d 35%, transparent);
}

html.raumriss-os .operations-phase-pill[data-phase="degraded"],
html.raumriss-os .operations-phase-pill[data-phase="drift_detected"],
html.raumriss-os .operations-phase-pill[data-phase="parity_lost"] {
  border-color: color-mix(in srgb, #b45309 45%, transparent);
}

html.raumriss-os .operations-home-connectors {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

html.raumriss-os .operations-home-connectors__item {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.78rem;
  color: var(--text-secondary);
}

html.raumriss-os .operations-connector-dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--text-faint) 70%, transparent);
}

html.raumriss-os .operations-connector-dot[data-phase="stable"] {
  background: color-mix(in srgb, #15803d 75%, transparent);
}

html.raumriss-os .operations-connector-dot[data-phase="degraded"],
html.raumriss-os .operations-connector-dot[data-phase="readonly"] {
  background: color-mix(in srgb, #b45309 75%, transparent);
}

html.raumriss-os .operations-connector-dot[data-phase="drift_detected"],
html.raumriss-os .operations-connector-dot[data-phase="parity_lost"] {
  background: color-mix(in srgb, #dc2626 70%, transparent);
}

html.raumriss-os .operations-home-attention {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}

html.raumriss-os .operations-home-attention__link {
  font-size: 0.82rem;
  color: color-mix(in srgb, #b45309 85%, var(--text-primary));
  text-decoration: none;
}

html.raumriss-os .operations-home-attention__link:hover {
  text-decoration: underline;
}

html.raumriss-os .operations-home-rooms {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
  border-top: 1px solid color-mix(in srgb, var(--system-border, rgba(249, 115, 22, 0.15)) 50%, transparent);
  padding-top: 0.75rem;
}

html.raumriss-os .operations-home-rooms__link {
  display: grid;
  grid-template-columns: minmax(6rem, 8rem) 1fr;
  gap: 0.35rem 0.75rem;
  text-decoration: none;
  color: inherit;
  padding: 0.25rem 0;
}

html.raumriss-os .operations-home-rooms__link:hover .operations-home-rooms__label {
  opacity: 1;
}

html.raumriss-os .operations-home-rooms__label {
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  opacity: 0.75;
}

html.raumriss-os .operations-home-rooms__line {
  color: var(--text-faint);
  min-width: 0;
}

html.raumriss-os .operations-home-panel__footer {
  border-top: 1px solid color-mix(in srgb, var(--system-border, rgba(249, 115, 22, 0.15)) 50%, transparent);
  padding-top: 0.65rem;
}

html.raumriss-os .operations-home-panel__system-link {
  color: var(--text-faint);
  text-decoration: none;
}

html.raumriss-os .operations-home-link {
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  opacity: 0.7;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--system-border, rgba(249, 115, 22, 0.2));
  border-radius: 999px;
}

html.raumriss-os .operations-home-link:hover {
  opacity: 1;
}

/* Vollseite */
html.raumriss-os .operations-workspace {
  max-width: 56rem;
  margin: 0 auto;
  padding: 0 1rem 3rem;
}

html.raumriss-os .operations-workspace__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

html.raumriss-os .operations-workspace__home-link {
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  opacity: 0.65;
}

html.raumriss-os .operations-workspace__sep {
  opacity: 0.4;
  margin: 0 0.35rem;
}

html.raumriss-os .operations-workspace__title {
  margin: 0.35rem 0 0;
  font-size: 1.35rem;
  font-weight: 500;
}

html.raumriss-os .operations-workspace__subtitle {
  margin: 0.25rem 0 0;
  font-size: 0.82rem;
  opacity: 0.65;
}

html.raumriss-os .operations-workspace__refresh {
  font-size: 0.78rem;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  border: 1px solid var(--system-border, rgba(249, 115, 22, 0.25));
  background: transparent;
  cursor: pointer;
  color: inherit;
}

html.raumriss-os .operations-workspace__main {
  display: grid;
  gap: 1rem;
}

html.raumriss-os .operations-panel {
  padding: 1rem;
  border: 1px solid var(--system-border, rgba(249, 115, 22, 0.18));
  border-radius: 0.75rem;
  background: color-mix(in srgb, var(--system-card, rgba(255, 255, 255, 0.02)) 80%, transparent);
}

html.raumriss-os .operations-panel__title {
  margin: 0 0 0.65rem;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.55;
}

html.raumriss-os .operations-panel__lead {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
  line-height: 1.45;
}

html.raumriss-os .operations-panel__meta {
  margin: 0.5rem 0 0;
  font-size: 0.82rem;
  opacity: 0.65;
}

html.raumriss-os .operations-panel__link {
  display: inline-block;
  margin-top: 0.75rem;
  font-size: 0.78rem;
  opacity: 0.7;
  text-decoration: none;
  color: inherit;
}

html.raumriss-os .operations-metrics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: 0.65rem;
}

html.raumriss-os .operations-metric {
  padding: 0.85rem;
  border: 1px solid var(--system-border, rgba(249, 115, 22, 0.15));
  border-radius: 0.65rem;
  display: grid;
  gap: 0.2rem;
}

html.raumriss-os .operations-metric__label {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.55;
}

html.raumriss-os .operations-metric__value {
  font-size: 1.15rem;
  font-weight: 500;
}

html.raumriss-os .operations-metric__hint {
  font-size: 0.72rem;
  opacity: 0.6;
}

html.raumriss-os .operations-connector-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  gap: 0.5rem;
}

html.raumriss-os .operations-connector-card {
  padding: 0.65rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--system-border, rgba(249, 115, 22, 0.15)) 70%, transparent);
  display: grid;
  gap: 0.15rem;
}

html.raumriss-os .operations-connector-card__name {
  font-size: 0.82rem;
}

html.raumriss-os .operations-connector-card__phase {
  font-size: 0.68rem;
  opacity: 0.6;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

html.raumriss-os .operations-room-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 0.5rem;
}

html.raumriss-os .operations-room-card {
  display: grid;
  gap: 0.15rem;
  padding: 0.75rem;
  border-radius: 0.55rem;
  border: 1px solid color-mix(in srgb, var(--system-border, rgba(249, 115, 22, 0.12)) 70%, transparent);
  text-decoration: none;
  color: inherit;
}

html.raumriss-os .operations-room-card:hover {
  background: color-mix(in srgb, var(--accent-surface, rgba(249, 115, 22, 0.06)) 50%, transparent);
}

html.raumriss-os .operations-room-card__label {
  font-size: 0.78rem;
  letter-spacing: 0.04em;
}

html.raumriss-os .operations-room-card__short {
  font-size: 0.68rem;
  opacity: 0.55;
}

html.raumriss-os .operations-room-card__line {
  font-size: 0.82rem;
  margin-top: 0.25rem;
  line-height: 1.4;
}

html.raumriss-os .operations-room-card__subline {
  font-size: 0.72rem;
  opacity: 0.6;
}

html.raumriss-os .operations-panel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 0.75rem;
}

html.raumriss-os .operations-attention-list {
  list-style: none;
  margin: 0.65rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}

html.raumriss-os .operations-attention-list a {
  color: color-mix(in srgb, #b45309 85%, inherit);
  text-decoration: none;
  font-size: 0.84rem;
}

html.raumriss-os .operations-event-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}

html.raumriss-os .operations-event-list li {
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  gap: 0.5rem;
  font-size: 0.78rem;
}

html.raumriss-os .operations-event-list__time {
  opacity: 0.5;
  font-variant-numeric: tabular-nums;
}

html.raumriss-os .operations-deep-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.45rem;
}

html.raumriss-os .operations-deep-links a {
  font-size: 0.84rem;
  text-decoration: none;
  color: inherit;
  opacity: 0.85;
}

html.raumriss-os .operations-deep-links a:hover {
  opacity: 1;
  text-decoration: underline;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-liquid-glass-coherence-pass.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Liquid Glass Coherence Pass
 * Eine schwebende Glasfläche — kein Grautöne-Wirrwarr, keine sichtbaren
 * Verläufe, symmetrischer Lift. Loaded last via globals.css.
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --lg-coherence-canvas: #e6e6eb;
  --lg-coherence-glass: rgba(255, 255, 255, 0.52);
  --lg-coherence-rim: rgba(255, 255, 255, 0.82);
  --lg-coherence-edge: rgba(255, 255, 255, 0.48);
  --lg-coherence-blur: saturate(165%) blur(22px);
  --lg-coherence-float:
    inset 0 1px 0 var(--lg-coherence-rim),
    0 0 0 0.5px rgba(15, 15, 20, 0.03),
    0 0 32px rgba(15, 15, 20, 0.055),
    0 10px 28px rgba(15, 15, 20, 0.04);
}

/* ── 1 · Canvas · eine Farbe, kein Verlauf ───────────────────────────────── */

html.raumriss-os,
html.raumriss-os body {
  background-color: var(--lg-coherence-canvas) !important;
  background-image: none !important;
}

html.raumriss-os .home-runtime-shell {
  background: transparent !important;
}

html.raumriss-os .home-runtime-shell::before,
html.raumriss-os .home-runtime-shell::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

/* ── 2 · Hauptbühne · ein Slab, symmetrischer Schatten, kein Specular ────── */

html.raumriss-os .home-runtime-shell .home-main-stage {
  background: var(--lg-coherence-glass) !important;
  border: 1px solid var(--lg-coherence-edge) !important;
  border-radius: 18px !important;
  box-shadow: var(--lg-coherence-float) !important;
  backdrop-filter: var(--lg-coherence-blur) !important;
  overflow: visible !important;
}

html.raumriss-os .home-runtime-shell .home-main-stage::before,
html.raumriss-os .home-runtime-shell .home-main-stage::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

/* Innere Schichten · keine verschachtelten Kästen, nur Rhythmus */
html.raumriss-os .home-runtime-shell .home-living-house__layer,
html.raumriss-os .home-runtime-shell .home-living-house__layer--events,
html.raumriss-os .home-runtime-shell .home-living-house__layer--focus,
html.raumriss-os .home-runtime-shell .home-living-house__layer--reentry {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer::before,
html.raumriss-os .home-runtime-shell .home-living-house__layer::after {
  display: none !important;
  content: none !important;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer--focus {
  margin-top: clamp(0.85rem, 1.6vw, 1.15rem) !important;
  padding-top: clamp(0.85rem, 1.6vw, 1.15rem) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.38) !important;
}

html.raumriss-os .home-runtime-shell .home-living-house__layer--reentry {
  margin-top: clamp(0.65rem, 1.2vw, 0.85rem) !important;
  padding-top: clamp(0.65rem, 1.2vw, 0.85rem) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.28) !important;
}

html.raumriss-os .home-runtime-shell .home-alive-events__link {
  padding: 0.48rem 0.08rem !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .home-runtime-shell .home-alive-events__item + .home-alive-events__item {
  border-top: 1px solid rgba(255, 255, 255, 0.32);
}

/* ── 3 · Eingang · Quellen rechts ohne Kasten ────────────────────────────── */

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__strip {
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__source {
  padding: 0.12rem 0 !important;
}

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__line {
  font-size: 0.6875rem !important;
  font-weight: 480 !important;
  letter-spacing: 0.02em !important;
  color: #6e6e73 !important;
}

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__led {
  opacity: 0.45 !important;
  box-shadow: none !important;
}

html.raumriss-os .home-runtime-shell .home-entrance-presence {
  margin-top: clamp(0.55rem, 1.1vw, 0.75rem) !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .home-runtime-shell .home-operating-line {
  font-size: 0.8125rem !important;
  color: #6e6e73 !important;
}

/* ── 4 · Capture / Raumband · gleiche schwebende Materialsprache ─────────── */

html.raumriss-os .home-runtime-shell .home-capture-panel,
html.raumriss-os .home-runtime-shell .ablage-panel,
html.raumriss-os .home-runtime-shell .continuity-shelf,
html.raumriss-os .home-runtime-shell .environment-capture-panel,
html.raumriss-os .home-runtime-shell .time-anchors-panel,
html.raumriss-os .home-runtime-shell .home-capture-layer {
  background: var(--lg-coherence-glass) !important;
  border: 1px solid var(--lg-coherence-edge) !important;
  box-shadow: var(--lg-coherence-float) !important;
  backdrop-filter: var(--lg-coherence-blur) !important;
}

html.raumriss-os .home-runtime-shell .home-capture-layer::before,
html.raumriss-os .home-runtime-shell .home-capture-panel::before,
html.raumriss-os .home-runtime-shell .ablage-panel::before {
  display: none !important;
  content: none !important;
}

html.raumriss-os .home-runtime-shell .home-room-band-panel {
  background: var(--lg-coherence-glass) !important;
  border: 1px solid var(--lg-coherence-edge) !important;
  box-shadow: var(--lg-coherence-float) !important;
  backdrop-filter: var(--lg-coherence-blur) !important;
}

html.raumriss-os .home-runtime-shell .home-room-band-panel::before {
  display: none !important;
  content: none !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile {
  background: rgba(255, 255, 255, 0.34) !important;
  border: 1px solid rgba(255, 255, 255, 0.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 4px 14px rgba(15, 15, 20, 0.04) !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile::before,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile::before,
html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile::after,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile::after {
  display: none !important;
  content: none !important;
}

html.raumriss-os .home-runtime-shell .home-composition .home-room-band::before {
  display: none !important;
  content: none !important;
}

/* ── 5 · Eingang · keine sichtbaren Akzent-Verläufe ──────────────────────── */

html.raumriss-os .home-runtime-shell .environment-hero::before {
  display: none !important;
  content: none !important;
}

html.raumriss-os .home-runtime-shell .environment-hero {
  padding-left: 0 !important;
}

html.raumriss-os .home-runtime-shell .home-system-mark {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html.raumriss-os .home-runtime-shell .operating-environment,
html.raumriss-os .home-runtime-shell .runtime-instrument-deck.home-composition {
  overflow: visible !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-hf-ads-material-list-pass.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * RAUMRISS · HAPPY FLOWER Ads · Material-Liste
 * Eine Fläche, Zeilen statt Karten-in-Karten — Editorial, nicht SaaS-Tray.
 * Loaded last via globals.css.
 */

html.raumriss-os .zone-business-ops--creative-room .zone-material-chamber--primary {
  margin-top: clamp(0.45rem, 0.9vw, 0.65rem);
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.raumriss-os .zone-business-ops--creative-room .zone-material-chamber--primary .room-chamber-kicker {
  margin: 0 0 0.42rem;
  font-size: 0.625rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--text-faint, #8a857c) 92%, transparent);
}

html.raumriss-os .zone-business-ops--creative-room .zone-material-chamber--hero {
  margin-top: 0;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"] {
  padding-left: 0;
  padding-right: 0;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]::before {
  display: none;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__continuity-table {
  gap: clamp(0.85rem, 1.4vw, 1.1rem);
}

/* Kampagnenfeld · ein Blatt, kein zweites Karten-Nesting */
html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__bundle,
html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__bundle[data-bundle-tier="primary_tension"] {
  padding: clamp(0.65rem, 1.1vw, 0.85rem) clamp(0.7rem, 1.2vw, 0.95rem) !important;
  background: color-mix(in srgb, var(--ds-paper-raised, #fff) 94%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--ds-hairline-soft, rgba(20, 19, 15, 0.08)) 100%, transparent) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__bundle-head {
  padding-bottom: 0.45rem;
  cursor: pointer;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__bundle-label {
  font-size: 0.9375rem;
  font-weight: 560;
  letter-spacing: -0.022em;
  color: var(--text-primary, var(--rr-text));
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__bundle-presence-whisper {
  font-size: 0.6875rem;
  font-style: italic;
  letter-spacing: 0.02em;
  color: color-mix(in srgb, var(--rr-orange, #c45a2a) 55%, var(--text-muted));
  text-transform: none;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__bundle-carrying {
  margin-top: 0.2rem;
  font-size: 0.6875rem;
  line-height: 1.45;
}

/* Aufgeklappt · Register statt Kachelwand */
html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 0.15rem;
  padding-top: 0.15rem;
  border-top: 1px solid color-mix(in srgb, var(--ds-hairline-soft, rgba(20, 19, 15, 0.08)) 100%, transparent);
  grid-template-columns: minmax(0, 1fr) !important;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__tile,
html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__bundle[data-bundle-tier="primary_tension"]
  .zone-material-surface__tile {
  position: relative;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition:
    background-color 180ms ease,
    box-shadow 180ms ease !important;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__tile + .zone-material-surface__tile {
  border-top: 1px solid color-mix(in srgb, var(--ds-hairline-soft, rgba(20, 19, 15, 0.08)) 100%, transparent) !important;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__tile:hover,
html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__tile:focus-visible {
  background: color-mix(in srgb, var(--ds-paper-raised, #fff) 72%, var(--rr-paper-aged, #f7f2e8)) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__tile[data-material-status="selected"],
html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__tile[data-material-focused="true"] {
  background: color-mix(in srgb, var(--rr-paper-aged, #f7f2e8) 55%, transparent) !important;
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--rr-orange, #c45a2a) 42%, transparent) !important;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__tile[data-material-status="selected"]::after,
html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__tile[data-material-focused="true"]::after {
  display: none;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__tile-surface {
  padding: 0.52rem 0.08rem 0.48rem !important;
  gap: 0.5rem 0.62rem !important;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__tile--format-set
  .zone-material-surface__tile-surface {
  display: grid;
  grid-template-columns: 3.35rem minmax(0, 1fr);
  grid-template-rows: auto;
  align-items: center;
  min-height: 0;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__format-set-primary-open--tile {
  width: 3.35rem;
  height: 3.35rem;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ds-hairline-soft, rgba(20, 19, 15, 0.1)) 100%, transparent);
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__tile-title {
  font-size: 0.8125rem;
  font-weight: 540;
  line-height: 1.3;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__tile-format-line,
html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__tile-meta,
html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__tile-movement {
  opacity: 0.82;
  color: color-mix(in srgb, var(--text-muted, var(--rr-text-muted)) 88%, var(--text-primary));
  text-transform: none;
  letter-spacing: 0.01em;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__tile-detail {
  padding: 0 0.08rem 0.45rem 3.97rem;
  border-top: none;
}

html.raumriss-os
  .zone-material-surface--hero[data-room-slug="happy_flower"][data-zone-material="ads"]
  .zone-material-surface__below-wall {
  margin-top: 0.35rem;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-site-effect-coherence-pass.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * RAUMRISS · Site Effect Coherence Pass
 * Marketing-Ästhetik (site-effect.com) auf warmem RAUMRISS-Canvas —
 * Blau als Raum-Akzent, Grün für Live-Signale, Kupfer bleibt OS-weit.
 */

html.raumriss-os {
  --se-blue: #1c55f6;
  --se-blue-deep: #1544d8;
  --se-blue-soft: rgba(28, 85, 246, 0.12);
  --se-blue-wash: rgba(28, 85, 246, 0.06);
  --se-blue-glow: rgba(28, 85, 246, 0.22);
  --se-signal: #e9f5a0;
  --se-signal-soft: rgba(233, 245, 160, 0.12);
  --se-void: #050507;
  --se-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* ── Site Effect Scope · Akzent statt Kupfer ───────────────────────────── */

html.raumriss-os [data-site-effect-typography],
html.raumriss-os [data-environment="site-effect-cockpit"],
html.raumriss-os [data-environment="site-effect-werkstatt"],
html.raumriss-os [data-environment="site-effect-website"],
html.raumriss-os [data-environment="site-effect-website-subroom"] {
  --accent: var(--se-blue);
  --accent-soft: color-mix(in srgb, var(--se-blue) 82%, white);
  --accent-border: rgba(28, 85, 246, 0.42);
  --accent-surface: var(--se-blue-wash);
  --accent-ember: var(--se-blue-wash);
  --accent-wick: color-mix(in srgb, var(--se-blue) 28%, var(--surface-divider));
  --accent-signal: color-mix(in srgb, var(--se-blue) 72%, var(--text-muted));
  --accent-orient: var(--se-blue-wash);
  --accent-trail: var(--se-blue-soft);
  --room-presence-edge: var(--se-blue);
}

/* ── SITE EFFECT Raum · Identität ─────────────────────────────────────── */

html.raumriss-os .room-shell[data-room-slug="site_effect"] {
  --accent: var(--se-blue);
  --accent-soft: color-mix(in srgb, var(--se-blue) 82%, white);
  --accent-border: rgba(28, 85, 246, 0.42);
  --accent-surface: var(--se-blue-wash);
  --accent-ember: var(--se-blue-wash);
  --accent-wick: color-mix(in srgb, var(--se-blue) 28%, var(--surface-divider));
  --accent-signal: color-mix(in srgb, var(--se-blue) 72%, var(--text-muted));
  --accent-orient: var(--se-blue-wash);
  --accent-trail: var(--se-blue-soft);
  --room-presence-edge: var(--se-blue);
}

html.raumriss-os .room-shell[data-room-slug="site_effect"]::before {
  content: "";
  display: block !important;
  position: absolute;
  inset: -2rem -1rem auto;
  height: clamp(16rem, 38vw, 24rem);
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(
      ellipse 52% 44% at 14% 0%,
      color-mix(in srgb, var(--se-blue) 14%, transparent),
      transparent 72%
    ),
    radial-gradient(
      ellipse 34% 30% at 90% 6%,
      color-mix(in srgb, var(--se-signal) 8%, transparent),
      transparent 74%
    );
  opacity: 0.9;
}

html.raumriss-os .room-shell[data-room-slug="site_effect"] .room-composition__stage.rr-room-surface {
  background:
    radial-gradient(
      ellipse 88% 54% at 10% 0%,
      var(--se-blue-wash),
      transparent 64%
    ),
    color-mix(in srgb, var(--background, #f8f7f4) 96%, #fff 4%) !important;
}

html.raumriss-os .room-shell[data-room-slug="site_effect"] .room-chamber--state .atmospheric-title,
html.raumriss-os .room-shell[data-room-slug="site_effect"] .room-workbench-headline {
  letter-spacing: -0.022em;
}

html.raumriss-os .room-shell[data-room-slug="site_effect"] .room-nav-bay[data-zone-presence="active"] {
  border-color: color-mix(in srgb, var(--se-blue) 28%, var(--border-default, #e4e3df)) !important;
  background: color-mix(in srgb, var(--se-blue-wash) 65%, var(--background-elevated, #fff)) !important;
}

/* ── Home · Site Effect Eingang ─────────────────────────────────────────── */

html.raumriss-os .home-capture-layer--site-effect .site-effect-cockpit-entry:hover {
  border-color: color-mix(in srgb, var(--se-blue) 22%, var(--os-divider)) !important;
  box-shadow:
    0 4px 14px rgba(15, 15, 15, 0.06),
    0 0 28px var(--se-blue-glow) !important;
}

html.raumriss-os .site-effect-cockpit-entry:hover .site-effect-cockpit-entry__open,
html.raumriss-os .site-effect-agency-cockpit-entry__link:hover {
  color: var(--se-blue-deep) !important;
}

/* ── Website-Kammer · site-effect.com Vorschau ──────────────────────────── */

html.raumriss-os .site-effect-website__wick,
html.raumriss-os .site-effect-website-subroom .site-effect-website__wick {
  background: color-mix(in srgb, var(--se-blue) 72%, transparent) !important;
  box-shadow: 0 0 12px var(--se-blue-glow);
}

html.raumriss-os .site-effect-website__kicker,
html.raumriss-os .site-effect-website-entry__kicker {
  font-family: var(--font-mono), ui-monospace, monospace !important;
  font-size: 0.64rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--text-tertiary, #8a8a8a) !important;
}

html.raumriss-os .site-effect-website__title,
html.raumriss-os .site-effect-website-entry__title {
  letter-spacing: -0.02em;
}

html.raumriss-os .site-effect-website-entry__link:hover {
  border-color: color-mix(in srgb, var(--se-blue) 32%, var(--work-muted-border, rgba(28, 25, 20, 0.11))) !important;
  box-shadow: 0 8px 28px var(--se-blue-glow);
}

html.raumriss-os .site-effect-website__preview-tab[data-active="true"] {
  border-color: color-mix(in srgb, var(--se-blue) 45%, transparent) !important;
  color: var(--se-blue-deep) !important;
  background: color-mix(in srgb, var(--se-blue-wash) 80%, #fff 20%) !important;
}

html.raumriss-os .site-effect-website__preview-frame {
  border-color: color-mix(in srgb, var(--se-blue) 18%, rgba(15, 15, 15, 0.35)) !important;
  box-shadow:
    0 24px 64px rgba(5, 5, 7, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html.raumriss-os .site-effect-website__region-row:hover {
  border-color: color-mix(in srgb, var(--se-blue) 22%, var(--work-muted-border, rgba(28, 25, 20, 0.11)));
}

/* ── Kunden-Subroom · Agency Workspace ──────────────────────────────────── */

html.raumriss-os [data-site-effect-typography] .subroomNavLabel,
html.raumriss-os [data-site-effect-typography] .accessPrepRowState,
html.raumriss-os [data-site-effect-typography] .customerLoginField {
  font-family: var(--font-mono), ui-monospace, monospace;
  letter-spacing: 0.1em;
}

html.raumriss-os [data-site-effect-typography] .subroomNavLink[data-active="true"] {
  border-color: color-mix(in srgb, var(--se-blue) 42%, var(--border-default, #e4e3df));
  background: color-mix(in srgb, var(--se-blue-wash) 75%, var(--background-elevated, #fff));
}

html.raumriss-os [data-site-effect-typography] .clientsZoneCard:hover,
html.raumriss-os [data-site-effect-typography] .subroomNavLink:hover {
  border-color: color-mix(in srgb, var(--se-blue) 28%, var(--border-default, #e4e3df));
}

html.raumriss-os [data-site-effect-typography] .customerLoginButton {
  border-color: color-mix(in srgb, var(--se-blue) 42%, var(--border-default, #e4e3df));
  background: color-mix(in srgb, var(--se-blue-wash) 85%, var(--background, #f8f7f4));
  color: var(--se-blue-deep);
}

html.raumriss-os [data-site-effect-typography] .accessPrepRow[data-state="configured"] .accessPrepRowState {
  color: var(--se-blue-deep);
}

/* ── Kunden-Cockpit · Void-Umgebung (site-effect.com) ─────────────────── */

html.raumriss-os [data-environment="site-effect-cockpit"] {
  --background: var(--se-void);
  --text-primary: #f4f4f6;
  --text-secondary: #8b8b94;
  --text-tertiary: #5a5a63;
}

html.raumriss-os [data-environment="site-effect-cockpit"] [data-surface="site-effect-client-cockpit"] {
  font-feature-settings: "tnum" 1, "lnum" 1;
}

html.raumriss-os [data-environment="site-effect-cockpit"] [data-variant="page"] .trendBadge[data-direction="up"] {
  color: var(--se-signal) !important;
}

html.raumriss-os [data-environment="site-effect-cockpit"] [data-variant="page"] .systemStatus .dot,
html.raumriss-os [data-environment="site-effect-cockpit"] [data-variant="page"] .healthChip[data-status="connected"] .dot {
  background: var(--se-signal) !important;
  box-shadow: 0 0 10px var(--se-signal-soft) !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-home-floating-chrome-pass.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════════════
 * RAUMRISS · Home Floating Chrome Pass
 * Session-Bar + Hero-Uhr schweben wie die Module — kein flacher Strich mehr
 * Loaded last via globals.css — visual/layout only
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os {
  --float-chrome-gap: 0.38rem;
  --float-chrome-radius: 14px;
  --float-chrome-pill-radius: 999px;
  --float-chrome-bar-max: min(42rem, calc(100vw - 1.2rem));
  --float-canvas: #f6f6f8;
}

/* ── 0 · Canvas · eine Fläche, keine erkennbare Hintergrundfarbe ───────── */

html.raumriss-os,
html.raumriss-os body {
  background-color: var(--float-canvas) !important;
  background-image: none !important;
}

html.raumriss-os .operating-environment,
html.raumriss-os .home-runtime-shell,
html.raumriss-os .home-runtime-shell::before,
html.raumriss-os .operating-environment::before,
html.raumriss-os .operating-environment::after {
  background: transparent !important;
  background-image: none !important;
}

html.raumriss-os .home-runtime-shell::before,
html.raumriss-os .operating-environment::before,
html.raumriss-os .operating-environment::after {
  opacity: 0 !important;
  display: none !important;
}

html.raumriss-os .home-runtime-shell .home-main-stage,
html.raumriss-os .home-runtime-shell .environment-stage,
html.raumriss-os .home-runtime-shell .runtime-instrument-deck {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

html.raumriss-os .home-runtime-shell .home-main-stage::before {
  display: none !important;
}

/* ── 1 · Session-Header · schwebende Leiste, Lage links · Uhr/Session rechts ─ */

html.raumriss-os .runtime-presence-layer.runtime-session-header {
  position: fixed !important;
  top: max(0.55rem, calc(env(safe-area-inset-top, 0px) + 0.45rem)) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  z-index: 120;
  width: -moz-max-content !important;
  width: max-content !important;
  max-width: min(44rem, calc(100vw - 1.2rem)) !important;
  margin-inline: 0 !important;
  align-items: center !important;
  overflow: visible !important;
  border: 1px solid color-mix(in srgb, var(--os-border-soft, rgba(28, 25, 20, 0.11)) 88%, transparent) !important;
  border-radius: 12px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--os-border-soft, rgba(28, 25, 20, 0.11)) 88%, transparent) !important;
  background: color-mix(in srgb, var(--os-surface-soft, rgba(255, 255, 252, 0.92)) 78%, transparent) !important;
  backdrop-filter: none;
  box-shadow:
    var(--rr-depth-mid, 0 4px 16px rgba(26, 21, 16, 0.04)),
    inset 0 1px 0 color-mix(in srgb, #fff 44%, transparent) !important;
}

html.raumriss-os .runtime-presence-layer.runtime-session-header::before {
  opacity: 0 !important;
  display: none !important;
}

html.raumriss-os .runtime-session-header__inner {
  position: relative;
  z-index: 1;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.28rem 0.55rem !important;
  min-height: 0 !important;
  padding: 0.3rem 0.38rem !important;
}

html.raumriss-os .runtime-session-header__center,
html.raumriss-os .runtime-session-header__trailing {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

html.raumriss-os .runtime-session-header__center {
  flex: 1 1 auto !important;
  justify-content: flex-start !important;
  max-width: min(100%, 26rem) !important;
  padding-inline: 0.1rem !important;
}

html.raumriss-os .runtime-session-header__trailing {
  flex: 0 0 auto !important;
  justify-content: flex-end !important;
}

/* ── 2 · Trailing · Uhr + Abmelden kompakt ─────────────────────────────── */

html.raumriss-os .runtime-session-header__trailing {
  display: flex !important;
  align-items: center !important;
  gap: 0.28rem !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .runtime-session-header__clock .presence-clock--anchor {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-height: 2rem !important;
  padding: 0.42rem 0.72rem !important;
}

html.raumriss-os .runtime-session-header__clock .presence-clock-time {
  margin: 0 !important;
  font-family: var(--font-mono), ui-monospace, monospace !important;
  font-size: 0.75rem !important;
  font-weight: 620 !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
  color: var(--os-text, #1d1d1f) !important;
}

html.raumriss-os .runtime-session-header__clock .presence-clock-meta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.24rem !important;
  margin: 0 !important;
  font-size: 0.5rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  line-height: 1 !important;
  text-transform: uppercase;
  white-space: nowrap;
  color: color-mix(in srgb, var(--os-text-soft, #5c5549) 92%, var(--os-text, #1d1d1f)) !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end {
  width: auto !important;
  min-width: 0 !important;
  min-height: 2rem !important;
  padding: 0.42rem 0.72rem !important;
  border-radius: 8px !important;
  border: 1px solid color-mix(in srgb, #000 18%, #2a2a2c) !important;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, #2a2a2c 92%, #1d1d1f) 0%,
    color-mix(in srgb, #121214 96%, #000) 100%
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 1px 5px rgba(0, 0, 0, 0.16) !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end__action {
  font-size: 0.5625rem !important;
  font-weight: 520 !important;
  letter-spacing: 0.11em !important;
  color: rgba(255, 255, 255, 0.96) !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end:hover:not(:disabled) {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, #323234 94%, #1d1d1f) 0%,
    color-mix(in srgb, #000 96%, #0a0a0b) 100%
  ) !important;
  border-color: color-mix(in srgb, #000 26%, #323234) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 2px 8px rgba(0, 0, 0, 0.22) !important;
  transform: none;
}

html.raumriss-os .session-header-locus {
  min-height: 2rem !important;
  padding: 0.42rem 0.72rem !important;
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .session-header-locus__mark,
html.raumriss-os .session-header-locus__room,
html.raumriss-os .session-header-locus__zone,
html.raumriss-os .session-header-locus__surface,
html.raumriss-os .session-header-locus__werkstatt {
  font-size: 0.5625rem !important;
  letter-spacing: 0.11em !important;
}

html.raumriss-os .session-header-locus__room,
html.raumriss-os .session-header-locus__zone {
  max-width: 15rem !important;
}

/* ── 3 · Home-Clearance · Platz für schwebende Leiste ───────────────────── */

html.raumriss-os .home-runtime-shell.home-runtime-shell--living-house,
html.raumriss-os .home-runtime-shell--thumb-flow.home-runtime-shell--living-house {
  padding-top: calc(
    env(safe-area-inset-top, 0px) + clamp(3.35rem, 7vw, 4rem)
  ) !important;
}

@media (max-width: 760px) {
  html.raumriss-os:has(.aurel-nervous-presence--header) .home-runtime-shell.home-runtime-shell--living-house,
  html.raumriss-os:has(.aurel-nervous-presence--header)
    .home-runtime-shell--thumb-flow.home-runtime-shell--living-house {
    padding-top: calc(
      env(safe-area-inset-top, 0px) + clamp(4.85rem, 12.5vw, 5.45rem)
    ) !important;
  }
}

/* ── 4 · Hero-Uhr · schwebendes Instrument rechts neben Begrüßung ──────── */

html.raumriss-os .home-runtime-shell .environment-entrance__system {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 0.62rem !important;
  padding: clamp(0.85rem, 1.6vw, 1.15rem) clamp(0.95rem, 1.8vw, 1.25rem) !important;
  border: 1px solid var(--lg-border, rgba(255, 255, 255, 0.55)) !important;
  border-radius: calc(var(--float-chrome-radius) + 2px) !important;
  background: var(--lg-glass-raised, rgba(255, 255, 255, 0.58)) !important;
  backdrop-filter: var(--lg-blur-strong, saturate(190%) blur(32px));
  box-shadow: var(--lg-shadow-idle) !important;
  position: relative;
  isolation: isolate;
}

html.raumriss-os .home-runtime-shell .environment-entrance__system::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--lg-specular);
  pointer-events: none;
  opacity: 0.5;
  z-index: 0;
}

html.raumriss-os .home-runtime-shell .environment-entrance__system > * {
  position: relative;
  z-index: 1;
}

html.raumriss-os .home-runtime-shell .home-atmosphere-clock {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

html.raumriss-os .home-runtime-shell .presence-clock--hero {
  align-items: flex-end !important;
  text-align: right;
  padding: 0 !important;
}

html.raumriss-os .home-runtime-shell .home-runtime-anchor {
  width: 100%;
  max-width: 100%;
}

html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__strip {
  justify-content: flex-end;
  padding: 0.35rem 0.45rem !important;
  border-radius: var(--float-chrome-pill-radius) !important;
  border: 1px solid color-mix(in srgb, var(--lg-border, rgba(255, 255, 255, 0.55)) 82%, transparent) !important;
  background: color-mix(in srgb, var(--lg-glass, rgba(255, 255, 255, 0.42)) 88%, transparent) !important;
}

/* ── 5 · Begrüßung links · leichte Schwebung für Balance ───────────────── */

html.raumriss-os .home-runtime-shell .environment-entrance__presence {
  padding: clamp(0.55rem, 1.1vw, 0.85rem) 0 clamp(0.35rem, 0.8vw, 0.55rem);
}

html.raumriss-os .home-runtime-shell .environment-hero::before {
  display: none !important;
  content: none !important;
}

html.raumriss-os .home-runtime-shell .environment-hero {
  padding:
    clamp(0.85rem, 1.6vw, 1.15rem)
    clamp(0.95rem, 1.8vw, 1.25rem)
    clamp(0.85rem, 1.5vw, 1.05rem) !important;
  border: 1px solid var(--lg-border, rgba(255, 255, 255, 0.55)) !important;
  border-radius: calc(var(--float-chrome-radius) + 2px) !important;
  background: var(--lg-glass-raised, rgba(255, 255, 255, 0.58)) !important;
  backdrop-filter: var(--lg-blur-strong, saturate(190%) blur(32px));
  box-shadow: var(--lg-shadow-idle) !important;
  position: relative;
  isolation: isolate;
}

html.raumriss-os .home-runtime-shell .environment-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--lg-specular);
  pointer-events: none;
  opacity: 0.48;
  z-index: 0;
}

html.raumriss-os .home-runtime-shell .environment-hero > div {
  position: relative;
  z-index: 1;
}

html.raumriss-os .home-runtime-shell .home-system-mark {
  position: relative;
  z-index: 1;
}

/* ── 7 · Riss-Dock + AUREL · keine Überlagerung ─────────────────────────── */

html.raumriss-os #raumriss-runtime-dock {
  z-index: 80;
}

html.raumriss-os #raumriss-runtime-dock .riss-core-form {
  overflow: hidden !important;
}

html.raumriss-os #raumriss-runtime-dock .bottom-console.riss-core-shell,
html.raumriss-os #raumriss-runtime-dock .riss-core-shell.bottom-console,
html.raumriss-os #raumriss-runtime-dock .riss-core-shell.bottom-console > .pointer-events-auto {
  overflow: visible !important;
}

@media (max-width: 760px) {
  html.raumriss-os .runtime-presence-layer.runtime-session-header {
    top: max(0.4rem, calc(env(safe-area-inset-top, 0px) + 0.32rem)) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: calc(100vw - 0.85rem) !important;
    max-width: calc(100vw - 0.85rem) !important;
    border-radius: 18px !important;
  }

  html.raumriss-os .runtime-session-header__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto;
    flex-wrap: unset !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 0.32rem 0.48rem !important;
    min-width: 0 !important;
    padding: 0.46rem 0.5rem 0.48rem !important;
  }

  html.raumriss-os .runtime-session-header__inner:not(:has(.aurel-nervous-presence--header)) {
    grid-template-rows: auto;
    padding-bottom: 0.46rem !important;
  }

  html.raumriss-os .runtime-session-header__center {
    display: flex !important;
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    min-width: 0;
    max-width: 100%;
    padding-inline: 0 !important;
  }

  html.raumriss-os .runtime-session-header__trailing {
    grid-column: 2;
    grid-row: 1;
    flex: 0 0 auto !important;
    order: unset !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    width: auto !important;
    gap: 0.34rem !important;
    border-radius: 0 !important;
  }

  html.raumriss-os .runtime-session-header__aurel {
    grid-column: 1 / -1;
    grid-row: 2;
    flex: unset !important;
    order: unset !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 0.08rem;
    padding-top: 0.34rem !important;
    border-top: 1px solid color-mix(in srgb, var(--lg-border, rgba(255, 255, 255, 0.55)) 42%, transparent);
  }

  html.raumriss-os .runtime-session-header__inner:has(.aurel-nervous-presence--header) {
    padding-bottom: 0.42rem !important;
  }

  html.raumriss-os .runtime-session-header__clock .presence-clock--anchor {
    min-height: 2rem !important;
    padding: 0.42rem 0.58rem !important;
  }

  html.raumriss-os .runtime-session-header__actions .system-presence-end {
    min-height: 2rem !important;
    padding: 0.42rem 0.62rem !important;
  }

  html.raumriss-os .runtime-session-header__actions .system-presence-end__action {
    font-size: 0.5625rem !important;
    font-weight: 520 !important;
    letter-spacing: 0.11em !important;
  }

  html.raumriss-os .session-header-locus {
    min-height: 2rem !important;
    padding: 0.42rem 0.58rem !important;
  }

  html.raumriss-os .session-header-locus__room,
  html.raumriss-os .session-header-locus__zone {
    max-width: 12rem !important;
  }

  html.raumriss-os .home-runtime-shell .environment-entrance {
    gap: 0.85rem !important;
  }

  html.raumriss-os .home-runtime-shell .environment-entrance__system {
    align-items: stretch !important;
    width: 100%;
  }

  html.raumriss-os .home-runtime-shell .presence-clock--hero {
    align-items: flex-start !important;
    text-align: left !important;
  }

  html.raumriss-os .home-runtime-shell .home-atmosphere-clock {
    justify-content: flex-start;
  }

  html.raumriss-os .home-runtime-shell .operational-field--embedded .operational-field__strip {
    justify-content: flex-start;
  }
}

/* ── 8 · Raum-Kacheln · aktiv = Glas, kein Warm-Papier/Braun ───────────── */

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile {
  background: var(--lg-glass-raised, rgba(255, 255, 255, 0.58)) !important;
  border: 1px solid var(--lg-border, rgba(255, 255, 255, 0.55)) !important;
  box-shadow: var(--lg-shadow-idle) !important;
  backdrop-filter: var(--lg-blur-strong, saturate(190%) blur(32px));
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile::before,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile::before,
html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile::after,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile::after {
  display: none !important;
  content: none !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile:hover,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile:hover {
  background: var(--lg-glass-hover, rgba(255, 255, 255, 0.72)) !important;
  border-color: var(--lg-border-strong, rgba(255, 255, 255, 0.78)) !important;
  box-shadow: var(--lg-shadow-hover) !important;
  transform: translateY(-1px);
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-warmth="warm"],
html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-warmth="active"],
html.raumriss-os .home-runtime-shell .home-room-chamber[data-room-warmth="warm"],
html.raumriss-os .home-runtime-shell .home-room-chamber[data-room-warmth="active"] {
  background: var(--lg-glass-raised, rgba(255, 255, 255, 0.58)) !important;
  border-color: var(--lg-border, rgba(255, 255, 255, 0.55)) !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-active="true"],
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile[data-room-active="true"] {
  background: var(--lg-glass-hover, rgba(255, 255, 255, 0.72)) !important;
  border-color: color-mix(in srgb, var(--lg-accent, rgba(0, 113, 227, 0.55)) 34%, var(--lg-border)) !important;
  box-shadow:
    inset 3px 0 0 var(--lg-accent, rgba(0, 113, 227, 0.55)),
    inset 0 1px 0 var(--lg-rim, rgba(255, 255, 255, 0.88)),
    0 0 0 1px var(--lg-accent-soft, rgba(0, 113, 227, 0.16)),
    0 10px 28px rgba(0, 113, 227, 0.08) !important;
}

html.raumriss-os .home-runtime-shell .home-room-strip-cell.room-tile[data-room-active="true"]:hover,
html.raumriss-os .home-runtime-shell a.home-room-chamber.room-tile[data-room-active="true"]:hover {
  background: var(--lg-glass-active, rgba(255, 255, 255, 0.82)) !important;
  border-color: color-mix(in srgb, var(--lg-accent, rgba(0, 113, 227, 0.55)) 42%, var(--lg-border)) !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-ios-widget-float-pass.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * RAUMRISS · iOS Widget Float Pass
 * ---------------------------------------------------------------------------
 * Ziel (Auftrag Max): Jedes Widget schwebt frei & einheitlich auf dem
 * Hintergrund als eigene, EDLE Glaskachel — kein Widget sitzt mehr als „Kasten"
 * mit 1–2 anderen in einer gemeinsamen Box, alle tragen dasselbe Material,
 * und nichts verschiebt sich beim Hovern.
 *
 * Reiner Darstellungs-Pass: additive Overrides, keine Runtime-Logik, kein
 * Markup geändert. Lädt als letzter @import; Spezifitäten unten sind bewusst
 * so gewählt, dass sie die bestehenden Pass-Regeln sicher schlagen.
 *
 * Das einheitliche Material = das echte RAUMRISS-Kachelglas:
 *   bg rgba(255,255,255,.5) · backdrop saturate(1.65) blur(22px) ·
 *   1px Haarlinie rgba(255,255,255,.55) · radius 20.8px ·
 *   mehrschichtiger Schatten mit weißem Inset-Highlight.
 * ---------------------------------------------------------------------------
 */

/* 1 · Gruppen-Box der Systemlage auflösen ---------------------------------
 * Das Milchglas der Hülle (backdrop-filter aus
 *   html.raumriss-os .home-runtime-shell .home-capture-layer  → 0,3,1 !important)
 * packte „AVE sagt" UND „AUREL Tageslage" in EINE Box. Die zweite Regel
 * (doppelte Klasse am Ziel, 0,4,1) schlägt das Glas sicher; die erste deckt den
 * Zustand ohne .home-runtime-shell. Beide Karten schweben danach einzeln. */
html.raumriss-os .home-capture-layer--system-lage,
html.raumriss-os .home-runtime-shell .home-capture-layer.home-capture-layer--system-lage {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* 4 · AVE-sagt & AUREL-Tageslage bekommen JE das einheitliche Glas ---------
 * Beide waren bewusst transparent (relied on parent glass):
 *   …rr-ave-hero .ave-presence-line.lg-ave-card  → 0,5,1 !important transparent
 *   …rr-ave-hero .zeitanker-aurel-tageslage      → 0,4,1 !important initial
 * Darum hier über zusätzliche Vorfahren-Klassen 0,6,1 bzw. 0,5,1 — schlägt sie
 * sicher, ohne fragile Utility-Klassen. */
html.raumriss-os .rr-skin .rr-ave-hero .home-capture-layer--system-lage .ave-presence-line.lg-ave-card,
html.raumriss-os .rr-skin .rr-ave-hero .home-capture-layer--system-lage .zeitanker-aurel-tageslage {
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: saturate(1.65) blur(22px) !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  border-radius: 20.8px !important;
  box-shadow:
    inset 0 1px 0 0 rgba(255, 255, 255, 0.7),
    0 1px 1px 0 rgba(30, 25, 15, 0.04),
    0 5px 10px -2px rgba(30, 25, 15, 0.055),
    0 18px 40px -12px rgba(30, 25, 15, 0.10) !important;
}
html.raumriss-os .rr-skin .rr-ave-hero .home-capture-layer--system-lage .ave-presence-line.lg-ave-card {
  padding: 28px 30px !important;
}
html.raumriss-os .rr-skin .rr-ave-hero .home-capture-layer--system-lage .zeitanker-aurel-tageslage {
  padding: 20px 22px !important;
  margin-top: 20px !important;
}

/* 2 · Kein Kasten-im-Kasten in den Werkzeug-Widgets -----------------------
 * Der Kartenrahmen kommt einheitlich von der äußeren .home-capture-layer.
 * Die inneren Panels (inkl. der abweichenden .continuity-shelf mit eigenem
 * weißen Fond) werden rahmenlos & transparent — jedes Werkzeug = EINE Karte. */
html.raumriss-os .home-capture-tools > .home-capture-layer > .home-capture-panel,
html.raumriss-os .home-capture-tools > .home-capture-layer > .continuity-shelf {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  border-radius: 20.8px !important;
}

/* 3 · Kein Hover-Versatz ---------------------------------------------------
 * iOS-Kacheln springen/skalieren nicht. Der globale translateY(-3px)
 * scale(1.004) auf allen Panels wird neutralisiert. */
html.raumriss-os .home-capture-panel:hover,
html.raumriss-os .environment-capture-panel:hover,
html.raumriss-os .ablage-panel:hover,
html.raumriss-os .continuity-shelf:hover,
html.raumriss-os .rr-module:hover,
html.raumriss-os .time-anchors-panel:hover,
html.raumriss-os .lg-ave-card:hover,
html.raumriss-os .zeitanker-aurel-tageslage:hover,
html.raumriss-os .home-main-stage:hover,
html.raumriss-os .home-room-chamber:hover,
html.raumriss-os .spatial-chamber:hover,
html.raumriss-os .material-card:hover,
html.raumriss-os .home-room-strip-cell.room-tile:hover {
  transform: none !important;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-room-system-pass.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * RAUMRISS · Room System Pass  (Design System · Rollout: Räume)
 * ---------------------------------------------------------------------------
 * Zieht ALLE Projekt-Räume in die einheitliche Design-Sprache (siehe
 * RAUMRISS Design System v1). Generisch über die geteilten Raum-Klassen —
 * greift für alivemaex, site_effect, happy_flower, synth_engine, personal_os,
 * liebe_ueber_angst gleichermaßen, sobald ein Raum Inhalt hat.
 *
 * Prinzipien (unverhandelbar): eine Kachel pro Widget · ein Glas-Material ·
 * kein Hover-Sprung · gleiche Größen · scoped/verifiziert statt pauschal.
 * Additiver Darstellungs-Pass, keine Logik/kein Markup.
 * ---------------------------------------------------------------------------
 */

/* Zonen-Raster „BEREICHE" · gleich große Glaskacheln, adaptive Spalten -----
 * auto-fill minmax(340px) → ~3 Spalten am Desktop, bricht sauber auf Mobil;
 * keine 6+Leerslots mehr. */
html.raumriss-os .room-zone-overview__grid {
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
  gap: 14px !important;
}

html.raumriss-os .room-zone-overview__grid > *,
html.raumriss-os .room-identity-strip__signal {
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: saturate(1.65) blur(22px) !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  border-radius: 20.8px !important;
  box-shadow:
    inset 0 1px 0 0 rgba(255, 255, 255, 0.7),
    0 1px 1px 0 rgba(30, 25, 15, 0.04),
    0 5px 10px -2px rgba(30, 25, 15, 0.055),
    0 18px 40px -12px rgba(30, 25, 15, 0.10) !important;
}

html.raumriss-os .room-zone-overview__grid > * {
  min-height: 132px !important;
}

/* Release-Karte „project-reality" · Kasten-im-Kasten generisch auflösen -----
 * Innere .project-reality__reentry entrahmen → äußere .project-reality--home
 * ist die EINE Kachel. Spezifität 0,5,1 schlägt den bestehenden
 * .rr-skin .rr-room-shell .project-reality__reentry-Schatten (0,4,1 !important). */
html.raumriss-os
  .rr-skin .rr-room-shell .project-reality--home .project-reality__reentry {
  border-color: transparent !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Kein Hover-Versatz auf Raum-Kacheln */
html.raumriss-os .room-zone-overview__grid > *:hover,
html.raumriss-os .room-identity-strip__signal:hover,
html.raumriss-os .project-reality--home:hover {
  transform: none !important;
}

/* AUREL-Nervenstreifen (kompakt) · dunklen Glitch-Chip ins helle System -----
 * .aurel-nervous-strip--compact war ein dunkel-transparenter Overlay
 * (rgba(24,22,20,.55)) auf hellem Panel — wirkte kaputt und duplizierte den
 * Text darüber. Wird zur hellen, dezenten Glas-Zeile mit dunklem Text. */
html.raumriss-os .aurel-nervous-strip--compact {
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: saturate(1.65) blur(22px) !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 0 rgba(255, 255, 255, 0.7),
    0 1px 1px 0 rgba(30, 25, 15, 0.04),
    0 5px 10px -2px rgba(30, 25, 15, 0.055) !important;
  color: #1d1d1f !important;
}
html.raumriss-os .aurel-nervous-strip--compact * {
  color: inherit !important;
}

/* Faltbare Raum-Sektionen (CollapsibleSection) -----------------------------
 * Klapp-Kopf mit Chevron; Body klappt weg. Titel im Kopf ersetzt den internen
 * Kopf bei Sektionen, deren Titel sonst doppeln würde (Bereiche, Kontext). */
html.raumriss-os .room-fold {
  display: block;
}
html.raumriss-os .room-fold__head {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 4px 0;
  color: var(--text-faint, #86868b);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition: color 0.2s ease;
}
html.raumriss-os .room-fold__head:hover {
  color: var(--text-muted, #515154);
}
html.raumriss-os .room-fold__chevron {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  transition: transform 0.2s ease;
}
html.raumriss-os .room-fold[data-open="true"] .room-fold__chevron {
  transform: rotate(90deg);
}
html.raumriss-os .room-fold__body[hidden] {
  display: none;
}
html.raumriss-os .room-fold__body .room-zone-overview > .os-label,
html.raumriss-os .room-fold__body .room-anchor-context__kicker {
  display: none !important;
}

/* „AUREL vorbereitet"-Widget (Startseite/Raum) · ein-/ausklappbar ----------
 * Chevron sitzt direkt im Kopf (nicht in .room-fold), darum eigener Dreh. */
html.raumriss-os .aurel-jobs-shelf__fold {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  color: inherit;
}
html.raumriss-os .room-fold__chevron[data-open="true"] {
  transform: rotate(90deg);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-performance-pass.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * RAUMRISS · Performance Pass
 * ---------------------------------------------------------------------------
 * Live gemessen (ALIVEMAEX): 1617 DOM-Knoten, 25 backdrop-filter-Blurs
 * (Radien 12–32px), 6 Dauer-Animationen, 17 will-change-Layer, 13 CSS-Filter.
 * backdrop-filter ist das teuerste Compositing — bei jedem Scroll-Frame wird
 * der Hintergrund hinter jedem Glas-Element neu weichgezeichnet.
 *
 * Dieser Pass ist LOOK-ERHALTEND: er überspringt nur Arbeit für Off-Screen-
 * Inhalte und räumt überflüssige GPU-Layer auf. Kein sichtbarer Unterschied,
 * nur flüssiger. Reiner Darstellungs-Pass, keine Logik.
 * ---------------------------------------------------------------------------
 */

/* 1 · content-visibility — größter Hebel -----------------------------------
 * Große Inhaltsblöcke außerhalb des Sichtfelds werden weder gelayoutet noch
 * gepaintet (inkl. der teuren Blurs). `contain-intrinsic-size: auto …` merkt
 * sich die echte Größe nach dem ersten Rendern → kein Scroll-Springen.
 * Bewusst nur auf reine Inhaltsblöcke (keine Popover/Overlays). */
html.raumriss-os .room-zone-overview__grid > *,
html.raumriss-os .project-reality--home,
html.raumriss-os .alivemaex-room-pulse,
html.raumriss-os .alivemaex-website-entry,
html.raumriss-os .surface-panel,
html.raumriss-os .home-capture-lane--calendar-area,
html.raumriss-os .home-capture-lane--operations,
html.raumriss-os .home-capture-lane--rooms {
  content-visibility: auto;
  contain-intrinsic-size: auto 320px;
}

/* 2 · will-change aufräumen -------------------------------------------------
 * 17 dauerhafte GPU-Layer sind zu viel. Statische Kacheln brauchen kein
 * will-change (nur echte Animationen wie die Aurora behalten es). */
html.raumriss-os .home-capture-panel,
html.raumriss-os .environment-capture-panel,
html.raumriss-os .home-capture-layer,
html.raumriss-os .room-zone-overview__grid > *,
html.raumriss-os .project-reality--home {
  will-change: auto !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-home-room-widget-pass.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * RAUMRISS · Home Room Widget Pass  (letzter @import)
 * ---------------------------------------------------------------------------
 * Auftrag Max: Die Raum-Karten im Start-„RÄUME"-Band sahen deutlich billiger
 * aus als die übrigen Widgets — harte Kupfer-/Ember-Kontur (gravity-Pass) +
 * cremiger Papier-Fond (cleanup-Pass), flach & bulkig. Hier bekommen sie
 * EXAKT dasselbe Kachelglas wie alle anderen Widgets, werden schlanker und
 * als Widget weiterentwickelt: Status als dezenter Chip, ruhigere Typo,
 * kohärenter Aktiv-/Hover-Zustand. Warmth zeigt sich nur noch über Punkt+Chip,
 * nicht mehr über eine laute Vollkontur.
 *
 * Reiner Darstellungs-Pass. Spezifität bewusst hoch (Band+Strip-Vorfahren,
 * 0,7,1 / 0,6,1) — schlägt die bestehenden 0,4,2 / 0,4,1 !important-Regeln.
 * Material = rgba(255,255,255,.5) · saturate(1.65) blur(22px) · Haarlinie
 * rgba(255,255,255,.55) · radius 20px · mehrschichtiger Schatten m. Inset.
 * ---------------------------------------------------------------------------
 */

/* 1 · Kachelglas auf die Raumkarte (Basis) ------------------------------- */
html.raumriss-os .home-runtime-shell .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile,
html.raumriss-os .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile {
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: saturate(1.65) blur(22px) !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 0 rgba(255, 255, 255, 0.7),
    0 1px 1px 0 rgba(30, 25, 15, 0.04),
    0 5px 10px -2px rgba(30, 25, 15, 0.055),
    0 16px 34px -14px rgba(30, 25, 15, 0.10) !important;
  padding: 15px 17px 14px !important;         /* schlanker */
  min-height: 0 !important;
  overflow: hidden;
  transform: none !important;
  will-change: auto !important;
  transition: transform .34s cubic-bezier(.34,1.42,.5,1), box-shadow .34s ease, border-color .34s ease !important;
}

/* 2 · Warmth-Varianten: Ember-/Creme-Kontur neutralisieren --------------- */
html.raumriss-os .home-runtime-shell .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile[data-room-warmth="warm"],
html.raumriss-os .home-runtime-shell .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile[data-room-warmth="active"],
html.raumriss-os .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile[data-room-warmth="warm"],
html.raumriss-os .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile[data-room-warmth="active"] {
  border-color: rgba(255, 255, 255, 0.55) !important;
  box-shadow:
    inset 0 1px 0 0 rgba(255, 255, 255, 0.7),
    0 1px 1px 0 rgba(30, 25, 15, 0.04),
    0 5px 10px -2px rgba(30, 25, 15, 0.055),
    0 16px 34px -14px rgba(30, 25, 15, 0.10) !important;
}

/* 3 · Hover: sanfter Auftrieb, kein Versatz ------------------------------ */
html.raumriss-os .home-runtime-shell .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile:hover,
html.raumriss-os .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile:hover {
  transform: translateY(-4px) scale(1.009) !important;
  background: rgba(255, 255, 255, 0.62) !important;
  border-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow:
    inset 0 1px 0 0 rgba(255, 255, 255, 0.85),
    0 3px 6px rgba(30, 25, 15, 0.05),
    0 30px 60px -16px rgba(30, 25, 15, 0.20) !important;
}
/* Aktiver Raum behält beim Hover den blauen Akzent + hebt an */
html.raumriss-os .home-runtime-shell .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile[data-room-active="true"]:hover,
html.raumriss-os .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile[data-room-active="true"]:hover {
  transform: translateY(-4px) scale(1.009) !important;
  border-color: rgba(28, 85, 246, 0.34) !important;
  box-shadow:
    inset 2px 0 0 0 rgba(28, 85, 246, 0.6),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.85),
    0 3px 6px rgba(30, 25, 15, 0.05),
    0 30px 62px -16px rgba(28, 85, 246, 0.24) !important;
}
/* Punkt glüht beim Hover kurz auf */
html.raumriss-os .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile .home-room-alive-dot {
  transition: box-shadow .34s ease, transform .34s cubic-bezier(.34,1.42,.5,1) !important;
}
html.raumriss-os .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile:hover .home-room-alive-dot {
  transform: scale(1.18) !important;
}
html.raumriss-os .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile[data-room-warmth="warm"]:hover .home-room-alive-dot {
  box-shadow: 0 0 0 5px rgba(217, 120, 34, 0.16) !important;
}
html.raumriss-os .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile[data-room-warmth="active"]:hover .home-room-alive-dot {
  box-shadow: 0 0 0 5px rgba(28, 85, 246, 0.2) !important;
}

/* 4 · Aktiver Raum (laufender Block): ruhiger blauer Akzent -------------- */
html.raumriss-os .home-runtime-shell .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile[data-room-active="true"],
html.raumriss-os .home-room-band .home-room-strip .home-room-strip-cell.home-room-chamber.room-tile[data-room-active="true"] {
  border-color: rgba(28, 85, 246, 0.26) !important;
  box-shadow:
    inset 2px 0 0 0 rgba(28, 85, 246, 0.55),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.72),
    0 1px 1px rgba(30, 25, 15, 0.05),
    0 16px 36px -14px rgba(28, 85, 246, 0.16) !important;
}

/* 5 · Kopf: Name + Status-Chip ------------------------------------------ */
html.raumriss-os .home-room-band .home-room-chamber .home-room-chamber__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}
html.raumriss-os .home-room-band .home-room-chamber .home-room-chamber__title-row {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}
html.raumriss-os .home-room-band .home-room-chamber .home-room-chamber__name {
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  color: #1d1d1f !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Status wird ein dezenter Pill-Chip statt loser Versal-Text ------------- */
html.raumriss-os .home-room-band .home-room-chamber .home-room-chamber__signal {
  flex: none !important;
  font-size: 0.5625rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  color: #6b6b70 !important;
  background: rgba(120, 120, 128, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
}
html.raumriss-os .home-room-band .home-room-chamber[data-room-warmth="active"] .home-room-chamber__signal {
  color: #1c55f6 !important;
  background: rgba(28, 85, 246, 0.12) !important;
  border-color: rgba(28, 85, 246, 0.18) !important;
}
html.raumriss-os .home-room-band .home-room-chamber[data-room-warmth="warm"] .home-room-chamber__signal {
  color: #b5651d !important;
  background: rgba(217, 120, 34, 0.12) !important;
  border-color: rgba(217, 120, 34, 0.16) !important;
}

/* 6 · Alive-Punkt konsistent -------------------------------------------- */
html.raumriss-os .home-room-band .home-room-chamber .home-room-alive-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  flex: none !important;
  background: #b6b6bd !important;
}
html.raumriss-os .home-room-band .home-room-chamber[data-room-warmth="warm"] .home-room-alive-dot {
  background: #d9822a !important;
  box-shadow: 0 0 0 3px rgba(217, 120, 34, 0.14) !important;
}
html.raumriss-os .home-room-band .home-room-chamber[data-room-warmth="active"] .home-room-alive-dot {
  background: #1c55f6 !important;
  box-shadow: 0 0 0 3px rgba(28, 85, 246, 0.16) !important;
}

/* 7 · Körper: Primärzeile + Faden-Subline -------------------------------- */
html.raumriss-os .home-room-band .home-room-chamber .home-room-chamber__body {
  margin-top: 0.5rem !important;
}
html.raumriss-os .home-room-band .home-room-chamber .home-room-chamber__context {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1.34 !important;
  color: #515154 !important;
  letter-spacing: -0.006em !important;
}
html.raumriss-os .home-room-band .home-room-chamber .home-room-chamber__subline {
  font-size: 0.75rem !important;
  line-height: 1.42 !important;
  color: #86868b !important;
  margin-top: 0.35rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
html.raumriss-os .home-room-band .home-room-chamber .home-room-chamber__foot {
  margin-top: 0.55rem !important;
  font-size: 0.6875rem !important;
  color: #9a9aa0 !important;
}

/* 8 · Strip-Raster: gleichmäßige, ruhige Kachelreihe --------------------- */
html.raumriss-os .home-room-band .home-room-strip {
  gap: 14px !important;
  align-items: stretch !important;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/raumriss-workbench-reentry-pass.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * RAUMRISS · Workbench / Wiedereinstieg — Layout-Reparatur (letzter @import)
 * ---------------------------------------------------------------------------
 * Fix (Max, 28.07.): Widget = Fäden-Wertigkeit. Transparente Karten + Haarlinie
 * var(--rr-border) + 2px linker Akzent + Haus-Textfarben. TIGHT: Kacheln hugen
 * den Inhalt (kein stretch → keine halbleeren Blöcke), kleine Paddings, enge
 * Abstände. Spezifität via .room-shell .runtime-workbench-section + !important.
 * ---------------------------------------------------------------------------
 */

/* 0 · Chamber-Padding wie Fäden — Inhalt NICHT am Rand ankleben ----------
   Gewinnt via (0,6,1)-Spezifität gegen die Atrium-Modifier (globals + alignment-pass).
   Browser-verifiziert 28.07.: ergibt 25.6px 24px ≈ Fäden 26.4px 23.2px. */
html.raumriss-os .room-composition .room-atrium-layer > .runtime-workbench-section.room-chamber--atrium.room-chamber--atrium-pulse {
  padding: 1.6rem 1.5rem !important;
}

/* Kopf & Abstände straffen ------------------------------------------------ */
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-headline {
  font-size: 1.05rem !important;
  line-height: 1.2 !important;
  margin-top: 0.15rem !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-presence {
  margin-top: 0.35rem !important;
  font-size: 0.8rem !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .runtime-bridge {
  margin-top: 0.7rem !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-flow {
  margin-top: 0.7rem !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .runtime-workbench-context > .flex {
  margin-top: 0.5rem !important;
}

/* 1 · Kontext-Chips: 2-Spalten, oben bündig, hugen den Inhalt ------------- */
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-context-strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.5rem !important;
  align-items: start !important;
  border-bottom: none !important;
  padding: 0 !important;
}
@media (max-width: 560px) {
  html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-context-strip {
    grid-template-columns: 1fr !important;
  }
}

/* 2 · Chip = ruhige Karte (transparent + Haarlinie + Akzent), tight ------- */
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-context-chip {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.12rem !important;
  min-width: 0 !important;
  height: auto !important;
  background: color-mix(in srgb, var(--os-text, #2d2a25) 2.5%, transparent) !important;
  border: 1px solid var(--rr-border, rgba(20, 19, 15, 0.1)) !important;
  border-radius: 10px !important;
  padding: 0.46rem 0.6rem 0.46rem 0.68rem !important;
  box-shadow: none !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-context-chip::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important; top: 0.4rem !important; bottom: 0.4rem !important;
  width: 2px !important; border-radius: 2px !important;
  background: color-mix(in srgb, var(--os-text, #2d2a25) 16%, transparent) !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-context-chip__label {
  color: var(--rr-text-muted, #5f584e) !important;
  font-size: 0.5625rem !important; letter-spacing: 0.08em !important;
  text-transform: uppercase !important; font-weight: 700 !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-context-chip__value {
  font-size: 0.82rem !important; font-weight: 600 !important;
  line-height: 1.28 !important; color: var(--rr-text-body, #2d2a25) !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-context-chip[data-muted="true"] .room-workbench-context-chip__value {
  color: var(--rr-text-muted, #5f584e) !important; font-weight: 500 !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-context-chip__hint {
  flex-basis: auto !important; margin-top: 0.08rem !important; padding-left: 0 !important;
  font-size: 0.7rem !important; line-height: 1.3 !important;
  color: var(--rr-text-muted, #5f584e) !important;
}

/* 3 · Bridge-Zeile: gleiche ruhige Karte, tight -------------------------- */
html.raumriss-os .room-shell .runtime-workbench-section .room-operational-bridge,
html.raumriss-os .room-shell .runtime-workbench-section .runtime-bridge {
  background: color-mix(in srgb, var(--os-text, #2d2a25) 2.5%, transparent) !important;
  border: 1px solid var(--rr-border, rgba(20, 19, 15, 0.1)) !important;
  border-radius: 10px !important; box-shadow: none !important;
  padding: 0.5rem 0.7rem !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-bridge-line {
  color: var(--rr-text-muted, #5f584e) !important; font-size: 0.82rem !important; line-height: 1.35 !important;
}

/* 4 · Raumbewegung: Threads als ruhige Zeilen mit Akzent, tight ---------- */
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-attention {
  border-top: 1px solid var(--rr-border, rgba(20, 19, 15, 0.1)) !important;
  padding-top: 0.6rem !important; margin-top: 0.7rem !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-thread {
  position: relative !important;
  background: color-mix(in srgb, var(--os-text, #2d2a25) 2.5%, transparent) !important;
  border: 1px solid var(--rr-border, rgba(20, 19, 15, 0.1)) !important;
  border-radius: 10px !important;
  padding: 0.42rem 0.6rem 0.42rem 0.68rem !important;
  margin-top: 0.4rem !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-thread::before {
  content: "" !important; position: absolute !important;
  left: 0 !important; top: 0.4rem !important; bottom: 0.4rem !important;
  width: 2px !important; border-radius: 2px !important;
  background: color-mix(in srgb, var(--os-text, #2d2a25) 16%, transparent) !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-thread__label {
  color: var(--rr-text-muted, #5f584e) !important;
  font-size: 0.5625rem !important; letter-spacing: 0.08em !important;
  text-transform: uppercase !important; font-weight: 700 !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-thread__body {
  color: var(--rr-text-body, #2d2a25) !important; font-size: 0.8rem !important;
  font-weight: 500 !important; line-height: 1.35 !important; margin-top: 0.06rem !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-thread__meta {
  color: var(--rr-text-muted, #5f584e) !important; font-size: 0.7rem !important; margin-top: 0.06rem !important;
}

/* 5 · Übergabenotiz: ruhige Karte, kompakt ------------------------------- */
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-note {
  background: color-mix(in srgb, var(--os-text, #2d2a25) 2.5%, transparent) !important;
  border: 1px solid var(--rr-border, rgba(20, 19, 15, 0.1)) !important;
  border-radius: 10px !important; box-shadow: none !important;
  padding: 0.5rem 0.7rem !important; margin-top: 0.6rem !important;
}
html.raumriss-os .room-shell .runtime-workbench-section .room-workbench-note textarea {
  min-height: 2.25rem !important;
}

/* ===================================================================== *
 * RAUM-WIDGET-KONSISTENZ (28.07.) — alle primären Raum-Widgets bekommen
 * denselben Chamber-Inset wie „Fäden", damit nichts am Rand klebt.
 * Ursache: room-fold__body rückt nichts ein; Widgets mit padding:0 / winzig
 * (Room-Pulse, Bereiche, Passender Kontext) wirkten randlos.
 * ===================================================================== */

/* Bereiche + Passender Kontext: volles Chamber-Padding wie Fäden */
html.raumriss-os .room-shell .room-zone-overview,
html.raumriss-os .room-shell .room-anchor-context {
  padding: var(--os-space-chamber-lg-y, 1.45rem) var(--os-space-chamber-lg-x, 1.6rem) !important;
}

/* Room-Pulse (Release / Commerce): horizontaler Inset wie Fäden.
   Muss die (0,5,1)-Regeln der alignment-pass schlagen → room-slug-Scope + cover-first,
   gewinnt via Import-Reihenfolge (reentry-pass lädt nach alignment-pass). */
html.raumriss-os .room-shell[data-room-slug="alivemaex"] .alivemaex-room-pulse,
html.raumriss-os .room-shell[data-room-slug="alivemaex"] .alivemaex-room-pulse[data-cover-first="true"],
html.raumriss-os .room-shell[data-room-slug="happy_flower"] .happy-flower-room-pulse,
html.raumriss-os .room-shell[data-room-slug="happy_flower"] .happy-flower-room-pulse[data-cover-first="true"] {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}


/* ===================================================================== *
 * Offener-Faden (runtime-state-section) + Website-Karte (28.07.)
 * Beide klebten am Rand: state-section 6.72px 0px (Atrium-Bug wie Werkbank),
 * Website-Link nur 16px horizontal. Selektoren auf (0,6,1)/(0,5,1) angehoben
 * -> Chamber-Inset wie Faeden. Browser-verifiziert: 25.6px 24px / 18.4px 24px.
 * ===================================================================== */
html.raumriss-os .room-composition .room-atrium-layer > .runtime-state-section.room-chamber--state.room-chamber--atrium {
  padding: 1.6rem 1.5rem !important;
}
html.raumriss-os .room-composition .room-atrium-layer .alivemaex-website-entry__link {
  padding: 1.15rem 1.5rem !important;
  /* weg vom weissen Glas-Verlauf + weissem Rand -> gleichmaessige Flaeche wie
     Offener Faden (keine "komische Ecke" durch durchscheinenden Raum-BG). */
  background: color-mix(in srgb, var(--os-text, #2d2a25) 2.5%, transparent) !important;
  border: 1px solid var(--rr-border, rgba(20, 19, 15, 0.1)) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}


/* ===================================================================== *
 * Website-Karte · echtes Layout (28.07.) — vorher flacher Textblock mit
 * zusammenklebendem "Website oeffnen". Jetzt: Inhalt links, CTA-Pill rechts.
 * ===================================================================== */
html.raumriss-os .room-composition .alivemaex-website-entry__link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
}
html.raumriss-os .room-composition .alivemaex-website-entry__body {
  display: flex; flex-direction: column; gap: 0.28rem; min-width: 0;
}
html.raumriss-os .room-composition .alivemaex-website-entry__kicker {
  font-size: 0.6rem !important; letter-spacing: 0.08em !important; text-transform: uppercase !important;
  color: var(--rr-text-muted, #5f584e) !important; font-weight: 700 !important;
}
html.raumriss-os .room-composition .alivemaex-website-entry__title {
  margin-top: 0.1rem !important; font-size: 1.2rem !important; font-weight: 650 !important;
  color: var(--rr-text-body, #2d2a25) !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
}
html.raumriss-os .room-composition .alivemaex-website-entry__line {
  font-size: 0.8rem !important; color: var(--rr-text-muted, #5f584e) !important; line-height: 1.4 !important;
}
html.raumriss-os .room-composition .alivemaex-website-entry__open {
  flex-shrink: 0 !important; margin-top: 0 !important;
  display: inline-flex !important; align-items: center !important; gap: 0.45rem !important;
  padding: 0.6rem 1rem !important; border-radius: 999px !important;
  border: 1px solid var(--rr-border, rgba(20, 19, 15, 0.14)) !important;
  background: color-mix(in srgb, var(--os-text, #2d2a25) 5%, transparent) !important;
  font-size: 0.8rem !important; font-weight: 600 !important; color: var(--rr-text-body, #2d2a25) !important;
  white-space: nowrap !important;
}
@media (max-width: 620px) {
  html.raumriss-os .room-composition .alivemaex-website-entry__link {
    flex-direction: column !important; align-items: stretch !important; gap: 0.8rem !important;
  }
  html.raumriss-os .room-composition .alivemaex-website-entry__open { align-self: flex-start !important; }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/site-effect-brand.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ============================================================
   Site Effect · Brand-Login — Kunden-App (html.se-app).

   HELL, seit dem 1. September. Vorher war diese Datei dunkelblau, und sie
   war es allein: Am 24.08. ist das Kunden-Cockpit auf den hellen CI-Pass
   gezogen worden, die Anmeldung blieb stehen. Ein Kunde sah also einen
   schwarzen Bildschirm, gab sein Passwort ein und landete in einem weissen
   Werkzeug. Zwei Produkte, ein Login auseinander.

   Der erste Bildschirm ist der einzige, den jeder Kunde garantiert sieht.
   Er gehoert deshalb in dieselbe Sprache wie alles danach.

   !important + hohe Spezifitaet, weil es das grosse RAUMRISS-Design-System
   an bestehenden .rr-*-Klassen ueberschreibt.

   Tokens (identisch mit dem Cockpit, site-effect-cockpit.module.css):
   Grund #F6F7FB · Flaeche #FFFFFF · Text #0B0B12 · leise #4C4E63 ·
   still #6B6E78 · Linie rgba(11,12,18,.10) · Akzent #1C55F6 · Inter Tight.
   ============================================================ */

html.raumriss-os.se-app .rr-entry-gate {
  background-color: #f6f7fb !important;
  background-image: none !important;
  color: #0b0b12 !important;
}
html.raumriss-os.se-app .rr-entry-gate::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  /* Dasselbe Raster wie vorher, nur in dunkler Tinte auf hellem Grund, und
     deutlich leiser: Auf Weiss traegt eine Linie doppelt so weit wie auf
     Schwarz. Der blaue Schimmer bleibt als Markenzeichen. */
  background:
    radial-gradient(58% 44% at 50% 15%, rgba(28, 85, 246, 0.10), transparent 68%),
    linear-gradient(0deg, rgba(11, 12, 18, 0.035) 1px, transparent 1px) 0 0 / 100% 46px,
    linear-gradient(90deg, rgba(11, 12, 18, 0.035) 1px, transparent 1px) 0 0 / 46px 100%,
    linear-gradient(180deg, #ffffff 0%, #f6f7fb 62%) !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
html.raumriss-os.se-app .rr-entry-gate::after { display: none !important; }
html.raumriss-os.se-app .rr-entry-gate__inner { position: relative !important; z-index: 1 !important; }

html.raumriss-os.se-app .rr-entry-gate__clock {
  color: #0b0b12 !important;
  -webkit-text-fill-color: #0b0b12 !important;
  background: none !important;
  font-family: "Inter Tight", system-ui, sans-serif !important;
}
html.raumriss-os.se-app .rr-entry-gate__date { color: #6b6e78 !important; }
html.raumriss-os.se-app .rr-entry-gate__loading { color: #6b6e78 !important; }

/* ---- Wortmarke: blaues Quadrat + SITE EFFECT ---- */
html.raumriss-os.se-app .se-wordmark {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;
  margin-top: 8px !important;
  background: none !important;
}
html.raumriss-os.se-app .se-wordmark__mark {
  width: 13px !important;
  height: 13px !important;
  border-radius: 3px !important;
  background: #1c55f6 !important;
  /* Der Glimmschein stammt aus dem dunklen Entwurf. Auf Weiss sieht er aus
     wie ein Druckfehler, deshalb ein normaler Schatten. */
  box-shadow: 0 2px 8px rgba(28, 85, 246, 0.28) !important;
  flex: none !important;
}
html.raumriss-os.se-app .se-wordmark__text {
  font-family: "Inter Tight", system-ui, sans-serif !important;
  font-weight: 800 !important;
  font-size: 25px !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  color: #0b0b12 !important;
  -webkit-text-fill-color: #0b0b12 !important;
  line-height: 1 !important;
}

/* ---- Formular-Karte ---- */
html.raumriss-os.se-app .rr-entry-form {
  background: #ffffff !important;
  border: 1px solid rgba(11, 12, 18, 0.10) !important;
  border-radius: 18px !important;
  /* Dieselbe Kammer-Schattierung wie die Cockpit-Kacheln. */
  box-shadow:
    0 1px 2px rgba(11, 12, 18, 0.05),
    0 14px 40px rgba(11, 12, 18, 0.07) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.raumriss-os.se-app .rr-entry-form__label {
  color: #4c4e63 !important;
  -webkit-text-fill-color: #4c4e63 !important;
}
html.raumriss-os.se-app .rr-entry-form__field input.rr-entry-form__input,
html.raumriss-os.se-app .rr-entry-form__password-wrap input.rr-entry-form__input {
  background: #f6f7fb !important;
  background-image: none !important;
  border: 1px solid rgba(11, 12, 18, 0.14) !important;
  color: #0b0b12 !important;
  -webkit-text-fill-color: #0b0b12 !important;
}
html.raumriss-os.se-app .rr-entry-form__field input.rr-entry-form__input::-moz-placeholder {
  color: #6b6e78 !important;
}
html.raumriss-os.se-app .rr-entry-form__field input.rr-entry-form__input::placeholder {
  color: #6b6e78 !important;
}
html.raumriss-os.se-app .rr-entry-form__field input.rr-entry-form__input:focus,
html.raumriss-os.se-app .rr-entry-form__password-wrap input.rr-entry-form__input:focus {
  background: #ffffff !important;
  border-color: #1c55f6 !important;
  box-shadow: 0 0 0 3px rgba(28, 85, 246, 0.18) !important;
  outline: none !important;
}
html.raumriss-os.se-app .rr-entry-form__password-toggle {
  background: #ffffff !important;
  background-image: none !important;
  color: #4c4e63 !important;
  border: 1px solid rgba(11, 12, 18, 0.14) !important;
  box-shadow: none !important;
}
html.raumriss-os.se-app .rr-entry-form__password-toggle:hover {
  background: #f6f7fb !important;
  color: #0b0b12 !important;
}
html.raumriss-os.se-app .rr-entry-form__notice { color: #4c4e63 !important; }
/* #ff7a7a war fuer schwarzen Grund gedacht und liegt auf Weiss bei 2,4:1.
   #b42318 traegt dieselbe Bedeutung und ist lesbar. */
html.raumriss-os.se-app .rr-entry-form__error { color: #b42318 !important; }

/* ---- "Betreten": Site-Effect-Blau ---- */
html.raumriss-os.se-app .rr-entry-form__submit {
  background: #1c55f6 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 22px -12px rgba(28, 85, 246, 0.55) !important;
}
html.raumriss-os.se-app .rr-entry-form__submit:hover { background: #1749d6 !important; }
html.raumriss-os.se-app .rr-entry-form__submit:disabled { opacity: 0.55 !important; }

/* Endgültig: ID-basierter Input-Override (ID schlägt jede klassen-basierte
   RAUMRISS-Regel, auch die globale input:not(...)-Regel mit !important). */
html.raumriss-os.se-app input#email,
html.raumriss-os.se-app input#password {
  background: #f6f7fb !important;
  background-image: none !important;
  border: 1px solid rgba(11, 12, 18, 0.14) !important;
  color: #0b0b12 !important;
  -webkit-text-fill-color: #0b0b12 !important;
  caret-color: #1c55f6 !important;
}
html.raumriss-os.se-app input#email::-moz-placeholder, html.raumriss-os.se-app input#password::-moz-placeholder {
  color: #6b6e78 !important;
  -webkit-text-fill-color: #6b6e78 !important;
}
html.raumriss-os.se-app input#email::placeholder,
html.raumriss-os.se-app input#password::placeholder {
  color: #6b6e78 !important;
  -webkit-text-fill-color: #6b6e78 !important;
}
html.raumriss-os.se-app input#email:focus,
html.raumriss-os.se-app input#password:focus {
  background: #ffffff !important;
  border-color: #1c55f6 !important;
  box-shadow: 0 0 0 3px rgba(28, 85, 246, 0.18) !important;
  outline: none !important;
}

/* ---- MFA-Code-Felder (Authenticator einrichten / abfragen) ---- */
html.raumriss-os.se-app input#enroll-code,
html.raumriss-os.se-app input#mfa-code {
  background: #f6f7fb !important;
  background-image: none !important;
  border: 1px solid rgba(11, 12, 18, 0.14) !important;
  color: #0b0b12 !important;
  -webkit-text-fill-color: #0b0b12 !important;
  caret-color: #1c55f6 !important;
}
html.raumriss-os.se-app input#enroll-code::-moz-placeholder, html.raumriss-os.se-app input#mfa-code::-moz-placeholder {
  color: #6b6e78 !important;
  -webkit-text-fill-color: #6b6e78 !important;
}
html.raumriss-os.se-app input#enroll-code::placeholder,
html.raumriss-os.se-app input#mfa-code::placeholder {
  color: #6b6e78 !important;
  -webkit-text-fill-color: #6b6e78 !important;
}
html.raumriss-os.se-app input#enroll-code:focus,
html.raumriss-os.se-app input#mfa-code:focus {
  background: #ffffff !important;
  border-color: #1c55f6 !important;
  box-shadow: 0 0 0 3px rgba(28, 85, 246, 0.18) !important;
  outline: none !important;
}

/* ---- Backup-/Wiederherstellungscodes-Box ---- */
html.raumriss-os.se-app .rr-entry-form__backup-codes {
  background: #f6f7fb !important;
  border: 1px solid rgba(11, 12, 18, 0.14) !important;
  border-radius: 12px !important;
  color: #0b0b12 !important;
}
html.raumriss-os.se-app .rr-entry-form__backup-codes li {
  color: #0b0b12 !important;
  -webkit-text-fill-color: #0b0b12 !important;
}

/* ---- Chrome/Safari-Autofill ----
   Der Browser malt sonst sein eigenes Gelb-Weiss ins Feld. Die Regel haelt
   die Fuellung auf unserem Grund; auf hell braucht es dafuer keinen
   Farbtrick mehr, nur denselben Ton wie das Feld selbst. */
html.raumriss-os.se-app input:-webkit-autofill,
html.raumriss-os.se-app input:-webkit-autofill:hover,
html.raumriss-os.se-app input:-webkit-autofill:focus,
html.raumriss-os.se-app input:-webkit-autofill:active {
  -webkit-text-fill-color: #0b0b12 !important;
  box-shadow: 0 0 0 1000px #f6f7fb inset !important;
  caret-color: #1c55f6 !important;
  border: 1px solid rgba(11, 12, 18, 0.14) !important;
  border-radius: 11px !important;
  -webkit-transition: background-color 9999s ease-in-out 0s !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/site-effect-mobile-pass.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ==========================================================================
   SITE EFFECT · Telefon-Durchgang
   --------------------------------------------------------------------------
   Am Schreibtisch war das Werkzeug gut. Am iPhone war es eine Website, die
   man auf ein Telefon gelegt hat. Der Unterschied sind vier Dinge, und keines
   davon ist Geschmack:

   1. ZOOM BEIM TIPPEN. iOS Safari zoomt in jedes Eingabefeld, dessen Schrift
      kleiner als 16px ist. Danach steht die Seite verschoben, und man wischt
      sie mit dem Daumen zurueck. Es ist der haeufigste Grund, warum sich eine
      gute App am Telefon billig anfuehlt.

   2. ZIELE UNTER 44px. Apple nennt 44pt als Mindestmass, weil ein Daumen
      breiter ist als ein Mauszeiger. Die Zeilen hier lagen bei 32px.

   3. TABELLEN, DIE DIE SEITE BREIT MACHEN. Eine Tabelle mit acht Spalten
      passt nicht auf 390px. Ohne eigenen Scroll-Rahmen zieht sie das ganze
      Dokument breit — dann wackelt jede Seite seitlich, auch die ohne
      Tabelle.

   4. NOTCH UND HOME-INDIKATOR. `viewportFit: "cover"` steht im Layout, das
      heisst: der Inhalt geht bis unter die Kanten. Ohne `env(safe-area-*)`
      liegt die erste Zeile hinter der Uhr.

   Bewusst zuletzt geladen und eng auf `.se-app` gescoped: Der RAUMRISS-Teil
   hat seine eigenen Durchgaenge, die hier nichts anfassen sollen.
   ========================================================================== */

/* -- 1. Kein Zoom beim Tippen ---------------------------------------------
   Nur bis 820px. Am Schreibtisch bleibt die feinere Schrift, dort gibt es
   kein Auto-Zoom und kleinere Felder sind dichter zu lesen. */
@media (max-width: 820px) {
  .se-app input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  .se-app select,
  .se-app textarea {
    font-size: 16px;
    /* 16px Schrift in einem 30px-Feld sieht gequetscht aus. */
    min-height: 44px;
    padding-block: 0.5rem;
  }

  .se-app textarea {
    min-height: 88px;
  }

  /* Schalter und Knoepfe bekommen Daumenmass. `min-height` statt `height`,
     damit mehrzeilige Beschriftungen weiter wachsen duerfen. */
  .se-app button,
  .se-app [role="button"],
  .se-app summary,
  .se-app a.se-btn,
  .se-app .se-chip-btn {
    min-height: 44px;
  }

  /* Ausnahme: Knoepfe, die in einer Zeile sitzen und dort bewusst klein sind
     (Zaehler, Karets), tragen `data-compact` und bleiben, wie sie sind. */
  .se-app button[data-compact="true"],
  .se-app [role="button"][data-compact="true"] {
    min-height: 0;
  }
}

/* -- 2. Tabellen bekommen ihren eigenen Rahmen ----------------------------
   Ein Element, das breiter ist als der Bildschirm, macht das ganze Dokument
   breiter. Deshalb scrollt hier die Tabelle, nicht die Seite. */
@media (max-width: 820px) {
  .se-app table {
    display: block;
    /* `width: 100%` ist der Teil, der wirklich haelt. Mit `max-width` allein
       bleibt die Tabelle so breit wie ihr Inhalt und schiebt die Seite zur
       Seite — der Scroll-Rahmen ist dann zwar da, wird aber nie gebraucht.
       Erst die feste Breite zwingt den Inhalt IN den Rahmen. Nachgemessen:
       vorher 160px seitlicher Seiten-Scroll auf dem iPhone, nachher 0. */
    width: 100%;
    max-width: 100%;
    /* DIE URSACHE DES SEITLICHEN SCROLLENS, und sie war gut gemeint:
       Die Cockpit-Shell setzt schmal `min-width: 520px` auf jede Tabelle, mit
       dem Kommentar "Tabellen laufen sonst aus dem Bild, ohne dass man es
       merkt". Der Befund stimmte, die Kur war die falsche: 520px auf einem
       393px-Bildschirm garantiert, dass die SEITE breiter wird als das Glas.
       Jetzt hat die Tabelle ihren eigenen Scroll-Rahmen, damit ist die
       Mindestbreite nicht mehr Schutz, sondern die Krankheit.
       `!important`, weil die Shell ihr CSS als <style> ins Dokument haengt und
       damit nach dieser Datei kommt. Gemessen: vorher 160px seitlicher
       Seiten-Scroll, nachher 0. */
    min-width: 0 !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }

  /* `display:block` an der Tabelle kostet die Zellen-Ausrichtung, deshalb
     bekommt der innere Teil sie zurueck. */
  .se-app table > thead,
  .se-app table > tbody,
  .se-app table > tfoot {
    display: table;
    width: 100%;
    min-width: -moz-max-content;
    min-width: max-content;
  }

  .se-app table th,
  .se-app table td {
    white-space: nowrap;
  }

  /* Alles, was ausdruecklich als scrollbarer Streifen gebaut ist, soll sich
     am Telefon auch so anfuehlen. */
  .se-app [data-scroll-x="true"] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .se-app [data-scroll-x="true"]::-webkit-scrollbar {
    display: none;
  }
}

/* -- 3. Nichts laeuft seitlich aus ---------------------------------------
   Der haeufigste Ausloeser ist ein langer Bezeichner ohne Leerzeichen
   (E-Mail, URL, Tenant-Slug) in einer schmalen Karte. */
@media (max-width: 820px) {
  /* `hidden` haette hier einen Scroll-Container aus <html> gemacht — und
     damit jedes `position:sticky` darin stillgelegt, also genau die Kopf-
     leiste, die wir gerade gebaut haben. `clip` schneidet ab, ohne zu
     scrollen. */
  .se-app {
    overflow-x: clip;
  }

  .se-app .se-main-col {
    min-width: 0;
    max-width: 100vw;
  }

  /* DIE STELLE, AN DER ES TROTZDEM AUSEINANDERLIEF.
     `.se-main-col` ist ein Flex-Container in Spaltenrichtung, `main` darin ein
     Flex-Element. Flex-Elemente haben `min-width: auto` — sie weigern sich,
     unter ihre Inhaltsbreite zu schrumpfen. Die breiteste Tabelle der Seite
     hat damit `main` auf 699px aufgeblasen, bei 393px Bildschirm.

     Folge: Die Tabelle bekam ihren eigenen Scroll-Rahmen (overflow-x:auto war
     gesetzt und aktiv), brauchte ihn aber nie — sie hatte ja Platz. Gescrollt
     ist stattdessen die ganze Seite, seitlich, auf jeder Ansicht. Genau das,
     was der Rahmen verhindern sollte.

     Gemessen: vorher 699px Dokumentbreite, nachher 393. */
  .se-app .se-main-col > * {
    min-width: 0;
    /* `min-width: 0` allein reicht nicht: Der Stretch im Spalten-Flex laesst das
       Element trotzdem auf seine Inhaltsbreite wachsen. Die harte Deckelung auf
       die Containerbreite ist das, was tatsaechlich greift — nachgemessen, nicht
       hergeleitet. */
    max-width: 100%;
  }

  .se-app .se-main-col > main {
    padding-left: max(0.9rem, env(safe-area-inset-left, 0px));
    padding-right: max(0.9rem, env(safe-area-inset-right, 0px));
    padding-bottom: calc(2rem + env(safe-area-inset-bottom, 0px));
  }

  .se-app pre,
  .se-app code {
    overflow-x: auto;
    max-width: 100%;
  }
}

/* -- 4. Ein Raster, das sich am Telefon aufloest --------------------------
   Zwei- und dreispaltige Kachelraster stehen am Telefon untereinander. Ohne
   das werden aus drei Zahlen drei unlesbare Spalten von 110px. */
@media (max-width: 720px) {
  /* Nur echte Mehrspalter, die inline gesetzt sind. Ein `1fr auto`
     (Beschriftung neben Wert) ist Absicht und bleibt.

     Nicht stur auf eine Spalte: Vier Kennzahlen untereinander sind vier
     Bildschirmdrittel fuer vier Zahlen. `auto-fit` legt so viele nebeneinander,
     wie bei 8,5rem Mindestbreite hineinpassen — auf einem iPhone sind das
     zwei, auf einem SE auch noch, und ein breiter Inhaltsblock faellt von
     selbst auf eine. */
  .se-app [style*="repeat(4"],
  .se-app [style*="repeat(3"],
  .se-app [style*="repeat(2"] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr)) !important;
  }

  /* Wer ausdruecklich zwei Spalten will (kleine Kennzahlen-Paare), sagt es. */
  .se-app [data-keep-cols="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* -- 5. Kanten, Kontrast, Kleinkram --------------------------------------- */
@media (max-width: 820px) {
  /* Kein stiller Schriftgroessen-Eingriff durch iOS beim Drehen. */
  .se-app {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
         text-size-adjust: 100%;
  }

  /* Der graue Blitz beim Antippen sieht auf Karten aus wie ein Fehler. */
  .se-app a,
  .se-app button {
    -webkit-tap-highlight-color: rgba(28, 85, 246, 0.12);
  }

  /* Fokus bleibt sichtbar — auch mit Tastatur am iPad. */
  .se-app :focus-visible {
    outline: 2px solid rgba(28, 85, 246, 0.7);
    outline-offset: 2px;
  }
}

/* -- 6. Querformat auf dem Telefon ---------------------------------------
   Gedreht ist die Hoehe knapp. Sticky-Leisten fressen dann den halben
   Sichtbereich, deshalb geben sie ihn dort zurueck. */
@media (max-width: 900px) and (orientation: landscape) and (max-height: 460px) {
  .se-app .se-mobilebar,
  .se-app .se-topbar {
    position: static;
  }
}

/* -- 7. Der Zeitraum-Kasten: dunkler Grund, dunkle Schrift ----------------
   NACHGEMESSEN, NICHT VERMUTET. Am Telefon setzt die Cockpit-Vorlage der
   Zeitraum-Leiste einen fast schwarzen Grund (rgba(13,13,18,.92)). Die
   Beschriftung darin blieb bei rgb(21,20,28) und die Knoepfe bei
   rgb(76,78,99) — beides Tinte, die fuer HELLEN Grund gedacht ist. Ergebnis:
   "Gestern", "3 Tage", "7 Tage" stehen schwarz auf schwarz. Man sieht, DASS
   dort etwas steht, und kann es nicht lesen.

   Am Schreibtisch tritt es nicht auf, weil dort derselbe Kasten hell bleibt.
   Genau deshalb ist es durchgerutscht: Es ist kein Fehler im Bauteil, sondern
   eine Kombination, die nur unter 820px entsteht.

   DIE KLASSEN SIND GEHASHT (CSS-Module), deshalb wird ueber `[class*=...]`
   getroffen. Der lesbare Teil des Namens bleibt beim Bauen erhalten — das ist
   die stabile Haelfte, der Hash die fluechtige.

   Warum ALLE Nachfahren und nicht einzelne Rollen: Der Grund ist dunkel, also
   ist helle Tinte dort ueberall richtig. Eine Ausnahmeliste waere die
   naechste Stelle, an der jemand ein neues Element hinzufuegt und es wieder
   unlesbar ist. */
@media (max-width: 820px) {
  .se-app [class*="periodBar"],
  .se-app [class*="periodBar"] * {
    color: #e7e8ee !important;
  }

  /* Der gewaehlte Zeitraum traegt eine eigene, kraeftige Flaeche — darauf
     gehoert das hellste Weiss, nicht dieselbe gedaempfte Tinte wie die
     ungewaehlten. Sonst sieht "gewaehlt" aus wie "auch da". */
  .se-app [class*="periodBar"] [aria-pressed="true"],
  .se-app [class*="periodBar"] [aria-current],
  .se-app [class*="periodBar"] [data-active="true"] {
    color: #ffffff !important;
  }

  /* Die Umrandung der Gruppe war fuer hellen Grund gezeichnet und
     verschwindet auf dunklem. */
  .se-app [class*="periodOptions"] {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
  }
}

/* -- 8. Eine Sache pro Bild ----------------------------------------------
   DER UNTERSCHIED ZWISCHEN EINER WEBSITE IN SCHMAL UND EINER APP.

   Vier gleich grosse Kacheln nebeneinander sind ein Website-Muster: alles
   gleichzeitig, nichts betont. Es funktioniert am Schreibtisch, weil das Auge
   dort in einem Blick ueber alle vier laeuft. Am Telefon laeuft es
   nacheinander — und dann ist die erste Frage nicht "wie stehen die vier
   Zahlen", sondern "wie steht es".

   Der Rundgang beantwortet das mit EINER Zahl gross: was von hundert Euro
   haengen bleibt. Das ist die Zahl, die ein Betreiber nirgends sonst
   bekommt — Umsatz kennt er, Bestellungen kennt er, den Deckungsbeitrag
   kennt fast keiner. Deshalb steht genau die oben und der Rest darunter.

   NUR DIE DARSTELLUNG, KEINE NEUE ZAHL. Hier wird nichts hinzuerfunden und
   nichts umgerechnet — dieselbe Kachel, dieselbe Quelle, andere Groesse.
   Getroffen wird ueber `data-kpi`, also ueber den NAMEN der Kennzahl. Faellt
   sie einmal weg, weil kein Wert vorliegt, passiert schlicht nichts, und die
   drei anderen stehen wie bisher. Eine Regel auf die Position waere in dem
   Fall still falsch geworden. */
@media (max-width: 720px) {
  .se-app [data-hero="kpi"] {
    grid-column: 1 / -1 !important;
    /* Nach vorn: Im Film steht die eine Zahl OBEN, nicht an zweiter Stelle.
       Am Schreibtisch ist die Reihenfolge egal, weil das Auge in einem Blick
       ueber alle vier laeuft. Am Telefon liest man nacheinander — dann ist
       die zweite Position die falsche fuer die wichtigste Zahl. */
    order: -1 !important;
  }

  /* Die Zahl auf Held-Groesse. 3rem ist der Punkt, an dem sie aus zwei Metern
     Abstand noch lesbar ist — das ist die Entfernung, in der jemand ein
     Telefon ueber den Tisch dreht, um sie zu zeigen. */
  .se-app [data-hero="kpi"] [class*="statValue"] {
    font-size: 3rem !important;
    line-height: 1.02 !important;
    letter-spacing: -0.035em !important;
    color: #1c55f6 !important;
  }

  /* Die Einheit bleibt klein und haengt an der Zahl, statt mitzuwachsen.
     Ein Prozentzeichen in Held-Groesse liest sich als zweite Zahl. */
  .se-app [data-hero="kpi"] [class*="statUnit"] {
    font-size: 0.42em !important;
    font-weight: 700 !important;
  }

  /* Die drei anderen bleiben zu zweit nebeneinander — vier Zahlen
     untereinander waeren vier Bildschirmdrittel fuer vier Zahlen. */
  .se-app [class*="statValue"] {
    font-variant-numeric: tabular-nums;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/site-effect-ci-pass.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ==========================================================================
   SITE EFFECT · CI-Pass für das Operating System
   --------------------------------------------------------------------------
   Die App und die Website sahen aus wie zwei Produkte. Sie sind eins.

   ALLES HELL. Grund UND Widgets.

   Dieser Pass hat ursprünglich das Gegenteil gemacht: heller Grund, schwarze
   Blöcke, wie auf der Website. Im Werkzeug hat das nicht getragen. Eine
   Website liest man einmal und von oben nach unten, ein Cockpit liest man
   stundenlang und springt darin — und schwarze Kacheln auf hellem Grund
   zwingen das Auge bei jedem Sprung zur Neuanpassung. Nach zwanzig Minuten
   ermüdet das. Dazu kam der praktische Bruch: die Ladeflächen, die Diagramme
   und alles aus der Shell rechnen mit hellem Untergrund und standen als
   schwarze Löcher im Bild.

   Was die Marke jetzt trägt: das Blau in Zahlen und Aktiv-Zuständen, die
   Kante oben auf dem Widget, der Verlauf. Nicht die Fläche.

     Hell         #FFFFFF   die Widgets
     Grund        #F6F7FB   die Fläche
     Logo-Blau    #1C55F6   Zahlen, Aktiv-Zustand, Verläufe
     Signal-Lime  #E9F5A0   Betonung. Ein Skalpell, kein Pinsel.

   WARUM LIME SO SPARSAM. Auf der Website trägt genau ein Wort pro Überschrift
   die Betonung. In einem Werkzeug mit vierzig Zahlen je Seite leuchtet sonst
   alles und damit nichts. Lime markiert hier nur den EINEN Zustand, der
   Handlung verlangt: was heute fällig ist.
   ========================================================================== */

/* --------------------------------------------------------------------------
 * 1. DER GRUND — hell, mit dem Blau-Glow der Website
 * ----------------------------------------------------------------------- */
.se-cockpit[data-theme="light"] {
  --plane: #f6f7fb;
  --plane-2: #ffffff;
  --surface: #ffffff;
  --surface-2: #ffffff;
  --surface-3: #eef0f6;
  --line: #e4e7f0;
  --line-2: #d3d7e4;

  /* Tinte auf Hell, exakt die Werte der Website. */
  --ink: #0b0b12;
  --ink-2: #3c3f46;
  --ink-3: #6b6e78;

  --brand-1: #1c55f6;
  --brand-2: #4d7bff;
  --brand-glow: rgba(28, 85, 246, 0.22);
  --accent: #1c55f6;
  --accent-soft: #4d7bff;
  --accent-border: rgba(28, 85, 246, 0.32);
  --signal: #e9f5a0;

  /* Tiefe auf Hell kommt aus einem weichen, tief sitzenden Schatten, nicht
     aus einem dunklen Rand. Ein Rand plus Schatten liest sich als Kasten. */
  --shadow: 0 1px 2px rgba(11, 11, 18, 0.04), 0 14px 40px rgba(11, 11, 18, 0.07);

  --radius: 16px;
  color-scheme: light;
  background:
    radial-gradient(1200px 560px at 80% -10%, rgba(28, 85, 246, 0.07), transparent 62%),
    var(--plane);
  color: var(--ink);
}

/* --------------------------------------------------------------------------
 * 2. DIE WIDGETS — hell
 *
 * Die Karte setzt ihre Tinte-Tokens SELBST um. Damit dreht alles darin
 * automatisch mit: Überschriften, Labels, Tabellenzeilen, Ränder. Ohne das
 * vergisst, ist schwarz auf schwarz.
 *
 * Sie stehen jetzt auf Weiss. Getrennt werden sie vom Grund nicht durch
 * Farbe, sondern durch einen tief sitzenden weichen Schatten und eine
 * Haarlinie. Der Blau-Hauch oben rechts bleibt: er ist die Signatur, und er
 * kostet keinen Kontrast.
 * ----------------------------------------------------------------------- */
.se-cockpit[data-theme="light"] .sf-card,
.se-cockpit[data-theme="light"] .sf-kpi,
.se-cockpit[data-theme="light"] .sf-col,
.se-cockpit[data-theme="light"] .sf-wi {
  --ink: #0b0b12;
  --ink-2: #3c3f46;
  --ink-3: #6b6e78;
  --line: #e4e7f0;
  --line-2: #d3d7e4;
  --surface: #ffffff;
  --surface-3: #f6f7fb;

  background:
    radial-gradient(560px 220px at 88% -30%, rgba(28, 85, 246, 0.055), transparent 62%),
    #ffffff;
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

/* Die Kante oben ist die Signatur der Website-Blöcke. Sie sitzt hier auf dem
   Widget statt auf der Seite, weil das Widget der Block ist. */
.se-cockpit[data-theme="light"] .sf-kpi::before {
  background: linear-gradient(90deg, var(--brand-2), transparent 70%);
  opacity: 0.9;
}

/* Überschriften und Zahlen im Widget: eng gesetzt, kräftig, wie auf der
   Website. Tracking ist größenabhängig — große Zeilen brauchen negatives,
   sonst wirken die Buchstaben auseinandergerissen. */
.se-cockpit[data-theme="light"] .sf-kpi .v {
  letter-spacing: -0.035em;
  font-weight: 660;
}

/* Eingabefelder liegen IM hellen Widget. Auf Weiss kann ein Feld nicht durch
   „heller" auffallen — es gibt nichts Helleres. Also durch eine Spur Grau und
   eine sichtbare Kante. */
.se-cockpit[data-theme="light"] .sf-card input,
.se-cockpit[data-theme="light"] .sf-card select,
.se-cockpit[data-theme="light"] .sf-card textarea {
  background: #f6f7fb;
  border: 1px solid var(--line);
  color: var(--ink);
}
.se-cockpit[data-theme="light"] .sf-card input::-moz-placeholder {
  color: var(--ink-3);
}
.se-cockpit[data-theme="light"] .sf-card input::placeholder {
  color: var(--ink-3);
}
.se-cockpit[data-theme="light"] .sf-card table th {
  color: var(--ink-3);
  border-bottom-color: var(--line-2);
}
.se-cockpit[data-theme="light"] .sf-card table td {
  border-bottom-color: var(--line);
}
.se-cockpit[data-theme="light"] .sf-card tbody tr:last-child td {
  border-bottom: 0;
}
.se-cockpit[data-theme="light"] .sf-card tbody tr:hover td {
  background: rgba(11, 11, 18, 0.028);
}

/* Zahlen sind auf Hell blau. Solange die Widgets dunkel waren, mussten sie
   weiss sein, weil Blau auf Void zu wenig Kontrast hat. Jetzt gilt wieder die
   Regel der Website, eins zu eins: die Kennzahl trägt die Marke. */
.se-cockpit[data-theme="light"] .sf-kpi .v {
  color: var(--brand-1);
}
.se-cockpit[data-theme="light"] .sf-card b {
  color: var(--ink);
}

/* --------------------------------------------------------------------------
 * 3. DIE EINE LIME-STELLE
 * ----------------------------------------------------------------------- */
.se-cockpit[data-theme="light"] [data-due="today"],
.se-cockpit[data-theme="light"] .se-due-today {
  color: #050507;
  /* Ausgeschrieben statt var(--signal): Die Shell setzt --signal innerhalb von
     allem um, dessen Klassenname „card", „board" oder „column" enthält. Da
     fast jeder Inhalt in einer Karte sitzt, wäre die eine Lime-Stelle
     ausgerechnet dort blau — also überall, wo sie gebraucht wird. */
  background: #e9f5a0;
  border-radius: 6px;
  padding: 0.05em 0.4em;
  font-weight: 700;
}

/* --------------------------------------------------------------------------
 * 4. RAHMEN — Spalte und Kopfleiste bleiben hell, sie sind Fläche, kein Ding
 * ----------------------------------------------------------------------- */
.se-app .se-side {
  background: #ffffff;
  border-right: 1px solid var(--line);
}
.se-app .se-topbar,
.se-app .se-mobilebar {
  background: color-mix(in srgb, #ffffff 86%, transparent);
  border-bottom: 1px solid var(--line);
}
.se-app .se-side-link.active {
  background: rgba(28, 85, 246, 0.1);
  color: #1c55f6;
  border-color: rgba(28, 85, 246, 0.28);
}
.se-app .se-scope-role {
  color: #1c55f6;
  background: rgba(28, 85, 246, 0.11);
}
/* Die Marken-Kachel trägt das Logo-Blau, nicht das alte Blauviolett. */
.se-app .se-side-brand .sq,
.se-app .se-mobilebar .sq {
  background: linear-gradient(135deg, #1c55f6, #4d7bff);
  box-shadow: 0 8px 20px rgba(28, 85, 246, 0.32);
}
.se-app .se-side-brand .sq b,
.se-app .se-mobilebar .sq b {
  color: #ffffff;
}

/* --------------------------------------------------------------------------
 * 5. RHYTHMUS
 *
 * Der volle Durchgang, um den Du gebeten hast. Die Website atmet weiter als
 * das Werkzeug: mehr Luft ZWISCHEN den Blöcken, weniger Gedränge IM Block.
 * Beides zusammen ist der Unterschied zwischen „Oberfläche" und „gesetzt".
 *
 * Bewusst NICHT angefasst: Schriftgrößen und Radien. Wer beim Farbwechsel
 * auch die Größen dreht, ändert alles gleichzeitig und weiss hinterher nicht,
 * was es kaputt gemacht hat — genau daran ist der KIT-v2-Durchgang gescheitert.
 * ----------------------------------------------------------------------- */
.se-cockpit[data-theme="light"] .sf-wrap {
  padding: 34px 30px 80px;
}
/* Zwischen Abschnitten mehr als innerhalb — sonst ist die Gliederung nur
   behauptet. */
.se-cockpit[data-theme="light"] .sf-sec {
  margin: 38px 0 16px;
}
.se-cockpit[data-theme="light"] .sf-card {
  padding: 20px 22px;
}
.se-cockpit[data-theme="light"] .sf-kpi {
  padding: 18px 20px;
}
.se-cockpit[data-theme="light"] .sf-h1 {
  letter-spacing: -0.035em;
  line-height: 1.03;
}
.se-cockpit[data-theme="light"] .sf-sub {
  margin-bottom: 26px;
}
/* Mono-Labels weiter gesperrt, wie die Eyebrows auf der Website. */
.se-cockpit[data-theme="light"] .sf-label,
.se-cockpit[data-theme="light"] .sf-kicker,
.se-app .se-side-grouplbl {
  letter-spacing: 0.14em;
}

/* Am Telefon ist die Luft zwischen den Blöcken zu teuer — dort wieder enger,
   sonst scrollt man durch Abstände statt durch Inhalt. */
@media (max-width: 820px) {
  .se-cockpit[data-theme="light"] .sf-wrap {
    padding: 18px 16px 56px;
  }
  .se-cockpit[data-theme="light"] .sf-sec {
    margin: 26px 0 12px;
  }
  .se-cockpit[data-theme="light"] .sf-card {
    padding: 16px;
  }
}


/* --------------------------------------------------------------------------
 * 6. DIE SICHT-VORSCHAU
 *
 * Sie muss zwei gegensaetzliche Dinge koennen: im Normalfall ruhig sein, damit
 * sie die Kopfleiste nicht dominiert — und unuebersehbar, sobald eine fremde
 * Sicht laeuft. Deshalb haengt die Farbe am Zustand, nicht am Element.
 * ----------------------------------------------------------------------- */
.se-sicht {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #ffffff;
}
.se-sicht-lbl {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 9.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-3);
  padding: 0 8px 0 10px;
}
.se-sicht button {
  border: 0;
  background: transparent;
  border-radius: 999px;
  padding: 6px 12px;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--ink-2);
  cursor: pointer;
  transition: background 0.16s var(--ease), color 0.16s var(--ease);
}
.se-sicht button:hover:not(:disabled) { background: #f1f3f9; color: var(--ink); }
.se-sicht button[data-an="true"] { background: var(--ink); color: #ffffff; }
.se-sicht button:disabled { opacity: 0.5; cursor: progress; }

/* Laeuft eine fremde Sicht, faerbt sich der ganze Schalter — man soll es aus
   dem Augenwinkel sehen, ohne hinzuschauen. */
.se-sicht[data-vorschau="true"] { border-color: #c9922b; background: #fff9ec; }
.se-sicht[data-vorschau="true"] button[data-an="true"] { background: #9a6b00; }

.se-sicht-band {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 10px clamp(16px, 3vw, 28px);
  background: #fff9ec;
  border-bottom: 1px solid #f0dcae;
  font-size: 13px;
  color: #6b5316;
}
.se-sicht-band b {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #9a6b00;
  flex: none;
}
.se-sicht-band span { flex: 1; min-width: 0; }
.se-sicht-band button {
  flex: none;
  border: 1px solid #e2c886;
  background: #ffffff;
  border-radius: 999px;
  padding: 6px 14px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: #6b5316;
  cursor: pointer;
}
.se-sicht-band button:hover:not(:disabled) { background: #fdf3dd; }

@media (max-width: 900px) {
  .se-sicht-lbl { display: none; }
  .se-sicht button { padding: 6px 9px; font-size: 11.5px; }
  .se-sicht-band { flex-wrap: wrap; }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../../../../Users/max/Documents/MAEX_OS/site-effect/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/globals.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: var(--font-sans), system-ui, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: var(--font-mono), ui-monospace, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
/* Räumlicher Atem über Tailwind space-y hinweg: jeder Raum
     skaliert seinen vertikalen Abstand über --room-rhythm.
     Höhere Spezifität (Attribut + Klasse) überschreibt Utilities. */
/* Eingelassenes Instrumentarium — eine Betriebsfläche statt gestapelter Karten */
/* Atmosphärenbrücke — Hero-Licht fällt in die eingelassene Runtime-Ebene */
/* Gefräste Lichtkante oben — die "Frontplatte" des Decks.
     Schmaler Akzent-Wash in der Mitte, dunklere Enden. */
/* Innere Atmosphäre — vertikaler Gradient mit Top-Lichtkante und
     Bodenokklusion. Macht die Innenfläche "gewölbt" statt flach. */
/* Hairline-Glanz: ::after, damit home-runtime-panel::before
     (Corner-Radial) frei bleibt. */
/* ── Home-Komposition · eine Bühne, ein Band, ein Regal ─────────────── */
/* ── Home Runtime Field · eine operative Fläche, keine Kästen ───── */
.home-runtime-field {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: clamp(0.75rem, 1.6vw, 1.05rem);
    padding-top: clamp(0.65rem, 1.4vw, 0.9rem);
    border-top: 1px solid color-mix(in srgb, var(--surface-divider) 34%, transparent);
    min-height: clamp(8rem, 18vh, 12rem);
  }
.home-runtime-field[data-inhabited="true"] {
    min-height: clamp(10rem, 22vh, 15rem);
  }
.home-runtime-field[data-gravity="anchored"] .home-runtime-field__gravity {
    border-bottom-color: color-mix(in srgb, var(--accent-wick) 38%, var(--surface-divider));
  }
.home-runtime-field[data-climate="pressured"] .home-runtime-field__gravity {
    border-bottom-color: color-mix(in srgb, var(--accent-ember) 28%, var(--surface-divider));
  }
.home-runtime-field[data-climate="carrying"] .home-runtime-field__gravity {
    border-bottom-color: color-mix(in srgb, var(--accent-wick) 32%, var(--surface-divider));
  }
.home-runtime-field[data-climate="cooling"] {
    opacity: 0.94;
  }
.home-runtime-field[data-climate="still"] .home-runtime-field__lane--whisper {
    opacity: 0.88;
  }
@media (prefers-reduced-motion: no-preference) {
    .home-runtime-field[data-commit-pulse="true"] .home-runtime-field__gravity {
      animation: room-commit-warmth 720ms var(--os-ease-material);
    }
  }
/* ── Current Field · operative Präsenzschicht (layered, editorial) ─ */
.home-main-stage:has(.current-field[data-gravity="anchored"]),
  .home-main-stage:has(.home-runtime-field[data-gravity="anchored"]) {
    box-shadow:
      var(--shadow-panel-rim),
      var(--shadow-panel-occlude),
      var(--shadow-panel-cavity),
      inset 2px 0 0 color-mix(in srgb, var(--accent-wick) 32%, transparent),
      inset 0 1px 0 color-mix(in srgb, var(--mat-rim) 38%, transparent);
  }
/* ── Mobile Runtime Pass · vertikaler Daumenfluss (< 1024px) ─────── */
@media (max-width: 1023px) {
    html:has([aria-label="Riss Core"][data-riss-expanded="true"]) {
      --runtime-dock-clearance: max(
        12.75rem,
        calc(7.85rem + env(safe-area-inset-bottom, 0px))
      );
    }

    .home-runtime-shell--thumb-flow {
      padding-inline: clamp(0.85rem, 3.2vw, 1.15rem);
    }

    .home-runtime-shell--thumb-flow .home-main-stage {
      margin-inline: 0;
      padding: clamp(1rem, 2.8vw, 1.2rem) clamp(0.85rem, 2.6vw, 1rem)
        clamp(1.1rem, 2.8vw, 1.3rem);
    }

    .home-runtime-shell--thumb-flow .home-runtime-field {
      margin-top: 0.75rem;
      padding-top: 0.7rem;
      min-height: 0;
    }

    .home-runtime-shell--thumb-flow .home-runtime-field[data-inhabited="true"] {
      min-height: 0;
    }

    .home-runtime-shell--thumb-flow .home-runtime-field__gravity {
      gap: 0.32rem;
      margin-bottom: 0.6rem;
      padding-bottom: 0.55rem;
    }

    .home-runtime-shell--thumb-flow .home-runtime-field__gravity-room {
      font-size: 1.05rem;
      line-height: 1.28;
    }

    .home-runtime-shell--thumb-flow .home-runtime-field__lane {
      padding-block: 0.52rem;
    }

    .home-runtime-shell--thumb-flow .home-runtime-field__reentry-line {
      font-size: 0.875rem;
      line-height: 1.48;
    }

    .home-runtime-shell--thumb-flow .home-runtime-field__trace-link,
    .home-runtime-shell--thumb-flow .home-runtime-field__zone-link,
    .home-runtime-shell--thumb-flow .home-runtime-field__warm-entry {
      min-height: 2.75rem;
      padding-block: 0.42rem;
    }

    .home-runtime-shell--thumb-flow .home-living-enter {
      display: inline-flex;
      align-items: center;
      min-height: 2.75rem;
      margin-top: 0.95rem;
      padding: 0.15rem 0;
    }

    .home-runtime-shell--thumb-flow .home-capture-shelf {
      gap: clamp(1rem, 2.4vw, 1.2rem);
      padding-top: 0.35rem;
    }

    .home-runtime-shell--thumb-flow .home-room-band {
      padding-top: clamp(0.55rem, 1.2vw, 0.75rem);
    }
  }
@media (max-width: 639px) {
    .home-runtime-field__zone-body {
      grid-template-columns: minmax(4.25rem, 0.42fr) minmax(0, 1fr);
    }

    .home-runtime-field__zone-signal {
      grid-column: 2;
      text-align: left;
    }

    .home-runtime-field__whisper-link {
      grid-template-columns: minmax(4.25rem, 0.4fr) minmax(0, 1fr);
    }

    .home-runtime-field__whisper-link .type-meta {
      grid-column: 1 / -1;
      padding-left: calc(4.25rem + 0.45rem);
    }
  }
@media (min-width: 1024px) {
    .home-main-stage {
      min-height: clamp(20rem, 42vh, 28rem);
    }

    .home-living-focus {
      flex: 0 0 auto;
    }

    .home-runtime-field {
      flex: 1;
      min-height: clamp(11rem, 24vh, 16rem);
    }
  }
/* Operative Spread — System + Rhythmus nebeneinander statt Untereinander-Stapel */
/* Raumkammer · Kopf / Körper / Fuß — Türen, keine Widgets */
/* ── Home-Eingang · persönliche Präsenz, lebendige Linie ───────────── */
@keyframes home-presence-pulse {
    0%,
    100% {
      opacity: 0.52;
      transform: scale(0.92);
    }
    48% {
      opacity: 1;
      transform: scale(1);
    }
  }
/* Runtime-Wärme (clientseitig aus Memory) — gleiche Semantik wie Karten */
/* Commit-Gewicht — kurzer Wärmeimpuls auf dem Zielraum */
@keyframes room-commit-warmth {
    0% {
      box-shadow: inset 0 0 0 0 color-mix(in srgb, var(--accent-ember) 0%, transparent);
    }
    38% {
      box-shadow:
        inset 2px 0 0 color-mix(in srgb, var(--accent-wick) 62%, var(--room-presence-edge) 38%),
        inset 0 0 0 1px color-mix(in srgb, var(--accent-ember) 14%, transparent);
    }
    100% {
      box-shadow: inset 0 0 0 0 color-mix(in srgb, var(--accent-ember) 0%, transparent);
    }
  }
/* Riss-Eingänge · frisch gelegte Kontinuität */
/* Diagonales Raumlicht — eine Richtung, keine Form-Spiele.
     Etwas dramatischer in V2: stärkere Lichtquelle oben links,
     deutlichere Atmo-Wolke um den Lichtkegel. */
/* Gravitation: sanfter Bodenkontakt der Intro-Fläche.
     Macht den Übergang zum darunter sitzenden Instrument-Deck
     spürbar — kein hartes Cut, sondern ein Schattenfall. */
.environment-hero .type-label,
  .environment-hero .type-eyebrow {
    color: color-mix(in srgb, var(--env-text-muted) 78%, var(--accent-signal) 22%);
    font-family: var(--font-sans), system-ui, sans-serif;
    font-size: 0.65625rem;
    font-weight: 540;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-shadow: none;
  }
.room-identity-panel .type-eyebrow,
  .room-identity-panel .type-label,
  .room-identity-state {
    color: color-mix(in srgb, var(--env-text-muted) 70%, #1f211c);
  }
/* Eingelassenes Raum-Deck — operative Kammern statt gestapelter Karten.
     Trägt dieselbe cinematic Tiefe wie das Home-Instrument-Deck. */
/* Innere Wölbung des Raum-Decks — wie beim Instrument-Deck */
/* Cinematic Hairline-Glanz oben in jeder Kammer — kein dekorativer
     Trick, sondern die Materialkante der eingelassenen Fläche. */
/* ─────────────────────────────────────────────────────────────────────
     Raumkomposition · Atrium → Threads → Beiwerk
     Die drei räumlichen Schichten eines Raums tragen unterschiedliche
     Schwerkraft: das Atrium hebt sich (man tritt ein), die Threads-Wand
     bleibt warm und nah, das Beiwerk fällt nach hinten ab.
     ─────────────────────────────────────────────────────────────────── */
/* Atrium-Schicht — Eingangsraum aus Zustand + Werkbank.
     Eine Kammer, zwei Atemzüge. Kein doppeltes Header-Chrome. */
/* Threads-Schicht — die warme Innenwand des Raums.
     Hier konzentriert sich die operative Aufmerksamkeit. */
/* Eine ruhige Hinweiszeile im Threads-Raum — Atmosphäre statt
     Statuszeile. */
/* Nahe Fäden bekommen subtilen Abstand und einen warmen Hintergrund-Halo,
     damit die Wand klar als „aktive Front" lesbar bleibt. */
/* Geparkte / stille Fäden — eine ruhigere Zone weiter hinten.
     Kein Header-Chrome, nur ein leises Eyebrow. */
/* Eingabe-Form für neue Fäden — als ruhige Bank am unteren Wandrand. */
/* Beiwerk-Schicht — Aufgaben, Notizen, Ideen, Referenzen.
     Diese Inhalte gehören zum Raum, sollen aber nicht das Zentrum
     stellen. Sie sitzen weiter hinten, dichter, ohne harte Frames. */
/* Die fernere Beiwerk-Schicht (Ideen, Referenzen) fällt nochmal
     leiser ab — bewusster Hintergrund. */
/* Threads-Kammer als operative Front — diese Regel sitzt bewusst
     nach `.workspace-section--ambient`, damit die Wärme die ruhige
     Ambient-Basis überstimmt. */
/* ── Raum-Komposition · Bühne + peripheres Regal ───────────────────── */
/* Gemeinsame Arbeitsfläche · Aufgaben, Notizen, Ideen, Referenzen */
/* Identity-Strip · kein Header-Kasten mehr */
/* Workspace-Sections im hush-Modus — der Inhalt trägt die Atmosphäre,
     nicht ein redundanter Header. Ein feines Eyebrow bleibt als
     Orientierung („Wo bin ich?"). */
/* Aktive Fäden treten näher heran — warmer Glow, leichte Hebung.
     Die Wand bekommt eine Wärmequelle dort, wo der Raum operativ ist. */
/* Wartende Fäden — ruhig, aber präsent. */
/* Geparkte Fäden — eine Stufe zurück, leiser, optisch hinter den aktiven. */
/* Recency-Echo · ein frisch geparkter Faden verschwindet nicht
     emotional — er bleibt eine Spur näher, eine Spur wärmer. Reine
     Material-Wahrnehmung: `data-loop-recency` ist eine Lesung von
     `updatedAt`, kein Speicher, kein Status. Verfassungsanker §5, §8. */
/* Wartende Fäden mit frischer Berührung behalten eine Spur Wärme. */
/* Stille / abgeschlossene Fäden — fast verschwunden, am Rand des Raums. */
/* Ein „still" gewordener Faden, der gerade noch berührt wurde,
     bleibt ein wenig länger sichtbar — kein Pulsieren, nur Atem. */
.home-status-light.online {
    background: color-mix(in srgb, var(--accent-soft) 86%, var(--text-muted));
    opacity: 0.72;
  }
.home-status-light.ready {
    background: color-mix(in srgb, var(--runtime-soft) 74%, var(--text-muted));
    opacity: 0.64;
  }
.home-status-light.standby,
  .home-status-light.prep {
    background: var(--text-muted);
    opacity: 0.36;
  }
.home-status-light.offline {
    background: rgba(248, 113, 113, 0.55);
    opacity: 0.6;
  }
/* Hairline-Glanz auf der Oberkante der Raum-Karte — dieselbe
     Materiallogik wie bei den Kammern. */
/* ───────────────────────────────────────────────────────────────
   * Runtime-Atmosphäre — ambiente Materialisierung
   *
   * Die runtime memory wird über data-Attribute direkt auf die
   * Raum-Karten geschrieben (siehe runtime-atmosphere-layer.tsx).
   * Jede Karte trägt selbst ihre Atmosphäre — generisch, ohne
   * enumerierte Slugs, ohne Animationen. Stille ist Default.
   * ─────────────────────────────────────────────────────────────── */
/* Momentum: dieser Raum trägt gerade Zug.
     Reduktion: weicher Glanz an der Kante, kein orange Bottom-Glow.
     Räumliche Schwere kommt aus Border-Präsenz, nicht aus Licht. */
/* Wärmestufen pro Raum — leichte Material-Temperatur.
     Fresh: nähergerückt durch leichte Border-Wärme.
     Settling: ruhig anwesend (Default ohne Override).
     Cooling: leise zurückgenommen, etwas weniger Sättigung.
     Fading: kaum noch da, aber nicht ausgeschaltet. */
/* Re-Entry: Raum wurde gerade nach einer Pause wieder berührt.
     Sehr leise — der Faden ist wieder anschließbar. */
/* Zeitliche Atmosphäre — abgeleitet, nicht angezeigt.
     Phasen materialisieren Wärme, Tiefe und Gravitation ohne Metrik. */
/* ───────────────────────────────────────────────────────────────
   * Lineage-Echo · Re-Entry-Wärme
   *
   * `data-room-lineage` ist eine reine Ableitung aus `roomLineage`
   * + `lastSeenInRoom` (siehe runtime-room-lineage-presence.ts).
   * Sie persistiert NICHTS, sie sagt NICHTS, sie schlägt KEINEN
   * Raum vor — sie hält nur die Material-Temperatur derjenigen
   * Räume, die zuletzt mit dir Kontakt hatten, eine Spur höher.
   *
   *   • `last`   ← der zuletzt berührte Raum
   *   • `recent` ← in den letzten 24 h gesehen, aber nicht der letzte
   *
   * Keine Animation, kein Glow, kein Badge. Nur Wärme, die hängen
   * bleibt, wenn jemand kurz draußen war. Bewusst leiser als
   * `data-room-warmth="fresh"` — Wärme aus Anwesenheit, nicht aus
   * Aktivität.
   * ─────────────────────────────────────────────────────────────── */
/* Raum-Shell: zeitliche Präsenz im operativen Raum */
/* Raum-Shell · Lineage-Echo: der Raum behält seine Wärme, wenn der
     Mensch gerade noch hier war oder kurz draußen war. Sehr leise —
     der Unterschied bleibt unter der bewussten Wahrnehmung, aber das
     Material erinnert sich. Verfassungsanker §5 (Re-Entry-Gesetz). */
/* Wenn ein Raum gerade Momentum hat, treten die anderen leise
     einen Schritt zurück — nicht auf bereits zurückgenommene Räume.
     Auch nicht auf Räume mit Lineage-Echo (`last`/`recent`): der
     Raum, der zuletzt mit dir war, soll nicht weiter weggedrängt
     werden. Verfassungsanker §5 (Re-Entry-Wärme). */
/* RAUMLAGE-PANEL: Subsystem-Reaktion auf runtime-Atmosphäre
   *
   * Die Subsysteme reagieren nur auf das, was sie thematisch tragen:
   * AUREL auf operative Aktivität, KAIROS auf zeitliche Bewegung,
   * ORPHEUS auf kreative Wärme, DELPHI auf ungeklärten Zug.
   * Persistenz und Atlas reagieren bewusst nicht — sie sind
   * infrastrukturelle Schichten.
   *
   * Felder, nicht Karten: jedes Subsystem ist eine Materialfläche,
   * die unter Druck dichter wird, unter Wärme näher rückt und unter
   * Reibung leise weiter tritt. Keine Pulsation, keine Animation.
   */
[data-raumlage="true"] {
    border-color: color-mix(
      in srgb,
      color-mix(in srgb, var(--surface-border) 48%, var(--runtime-soft) 12%) 78%,
      var(--accent-border) 22%
    );
    background:
      radial-gradient(
        ellipse 86% 58% at 14% -4%,
        color-mix(
          in srgb,
          color-mix(in srgb, var(--runtime-surface) 28%, transparent) 72%,
          var(--accent-surface) 28%
        ),
        transparent 74%
      ),
      radial-gradient(
        ellipse 64% 48% at 96% 108%,
        color-mix(in srgb, var(--room-presence) 38%, transparent),
        transparent 76%
      ),
      linear-gradient(
        180deg,
        color-mix(in srgb, var(--surface-raised) 96%, transparent) 0%,
        color-mix(in srgb, var(--surface-embed) 90%, transparent) 100%
      );
    box-shadow:
      inset 0 1px 0 color-mix(in srgb, rgba(255, 255, 255, 0.036) 92%, transparent),
      inset 0 -1px 0 rgba(0, 0, 0, 0.38),
      var(--shadow-env-seam),
      var(--shadow-env-pocket);
    transition:
      border-color 0.82s var(--runtime-ease-settle),
      box-shadow 0.82s var(--runtime-ease-settle);
  }
/* AUREL — operative Ausführungsbereitschaft.
     Steigender Druck verdichtet das Feld leise, ohne es zu laden. */
/* KAIROS — Rhythmus, vorwärts gerichtete Zeit.
     Gerichtete Zeit hat einen leisen, kühlen Atem. */
/* ORPHEUS — kreative Wärme (fünf Stufen).
     Fresh rückt näher, dormant tritt fast zurück — eine atmende
     Skala, die die Werkstatt-Temperatur ohne Worte zeigt. */
/* DELPHI — ungeklärter Zug, Reibung.
     Reibung wärmt das Feld nicht — sie verdichtet seine Kontur. */
/* Vector-Hinweis auf der RAUMLAGE — eine sehr leise Kanten-
     verschiebung, die andeutet: Bewegung läuft gerade.
     resume/return ziehen am Rand, forward atmet, drift bleibt still. */
html[data-runtime-vector="resume"] [data-raumlage="true"],
  html[data-runtime-vector="return"] [data-raumlage="true"] {
    border-color: color-mix(in srgb, var(--surface-border) 56%, var(--accent-border) 14%);
  }
html[data-runtime-vector="forward"] [data-raumlage="true"] {
    border-color: color-mix(in srgb, var(--surface-border) 56%, var(--runtime-soft) 14%);
  }
@media (prefers-reduced-motion: reduce) {
    .home-room-card,
    .surface-panel,
    [data-raumlage="true"],
    [data-raumlage="true"] .home-awareness-field {
      transition-duration: 0.01ms;
    }

    .home-room-card:hover {
      transform: none;
    }
  }
/* Hover-Zustand — die Karte "kommt näher" durch leichten Border-
     Druck und einen warmen Wash. Kein Lift, kein Schatten-Spectacle. */
@media (max-width: 640px) {
    body {
      background-image:
        radial-gradient(
          ellipse 116% 48% at 50% 114%,
          color-mix(in srgb, var(--atmo-depth-floor) 58%, transparent),
          transparent 72%
        ),
        radial-gradient(
          ellipse 88% 62% at 50% 62%,
          color-mix(in srgb, var(--atmo-depth-mid) 68%, transparent),
          transparent 76%
        ),
        radial-gradient(
          ellipse 112% 58% at 42% -14%,
          color-mix(in srgb, var(--atmo-glow-top) 86%, transparent),
          transparent 78%
        ),
        radial-gradient(
          ellipse 76% 52% at 12% 50%,
          color-mix(in srgb, var(--atmo-mist) 16%, transparent),
          transparent 74%
        );
    }

    .operating-environment {
      gap: 1.45rem;
    }

    .operating-environment::before {
      inset: 1rem -0.35rem 9rem -0.35rem;
      border-radius: var(--os-radius-lg);
      opacity: 0.36;
    }

    .operating-environment::after {
      top: 13.5rem;
    }

    .environment-stage {
      min-height: 12.25rem;
      padding-bottom: 2rem;
    }

    .environment-stage::before {
      left: 34%;
      right: -0.35rem;
      bottom: 1.25rem;
      height: 4.75rem;
      opacity: 0.32;
    }

    .operational-plane::before {
      inset-inline: -0.35rem;
      opacity: 0.4;
    }

    .room-field__header {
      display: block;
    }

    .room-field__header .type-body {
      margin-top: 0.35rem;
      text-align: left;
    }

    .environment-state-chip {
      display: none;
    }

    .surface-panel {
      border-radius: var(--os-radius-md);
      box-shadow: var(--shadow-panel-stack), var(--shadow-env-seam);
    }

    .room-shell {
      padding-top: 7rem;
      padding-bottom: 3.5rem;
    }

    .room-shell::before {
      inset: -2.5rem -1.75rem auto -1.75rem;
      height: 15rem;
      opacity: 0.42;
    }

    .environment-hero::before {
      inset: -0.5rem -0.7rem -0.55rem -0.7rem;
      border-radius: 0.4rem;
    }

    .atmospheric-title {
      line-height: 1.08;
      letter-spacing: -0.015em;
    }

    .room-navigation,
    .room-nav-rail {
      margin-inline: 0;
      border: none;
      background: transparent;
      box-shadow: none;
    }

    .room-navigation a,
    .room-nav-rail__anchor,
    .room-nav-rail__zone {
      min-height: 2.85rem;
      padding-inline: 0.85rem;
      padding-block: 0.62rem;
    }

    .subroom-navigation {
      margin-inline: -0.25rem;
      border-color: color-mix(in srgb, var(--surface-border) 54%, transparent);
      background: color-mix(in srgb, var(--surface-embed) 58%, transparent);
    }

    .subroom-navigation a {
      min-height: 2.5rem;
      padding-inline: 0.85rem;
      padding-block: 0.68rem;
    }

    .mobile-runtime-flow {
      gap: 0;
    }

    .mobile-runtime-layer {
      position: relative;
    }

    .room-runtime-order-1 {
      order: 1;
    }

    .room-runtime-order-2 {
      order: 2;
    }

    .room-runtime-order-3 {
      order: 3;
    }

    .room-runtime-order-4 {
      order: 4;
    }

    .room-runtime-order-5 {
      order: 5;
    }

    .mobile-runtime-layer + .mobile-runtime-layer {
      margin-top: 1.1rem;
    }

    .mobile-runtime-layer + .mobile-runtime-layer::before {
      content: "";
      position: absolute;
      left: 1.1rem;
      top: -0.92rem;
      width: 1px;
      height: 0.62rem;
      background: linear-gradient(
        to bottom,
        transparent,
        color-mix(in srgb, var(--room-presence-edge) 58%, transparent),
        transparent
      );
      opacity: 0.7;
    }

    .mobile-runtime-layer + .mobile-runtime-layer--workbench {
      margin-top: 1.35rem;
    }

    .mobile-runtime-layer + .mobile-runtime-layer--loops {
      margin-top: 1.1rem;
    }

    .mobile-runtime-layer + .mobile-runtime-layer--navigation {
      margin-top: 1.85rem;
    }

    .mobile-runtime-layer + .mobile-runtime-layer--support {
      margin-top: 1.35rem;
    }

    .mobile-runtime-layer + .mobile-runtime-layer--context {
      margin-top: 0.9rem;
    }

    .mobile-runtime-flow .surface-panel {
      scroll-margin-top: 6.75rem;
    }

    .mobile-runtime-flow .workspace-section {
      border-radius: 0.82rem;
    }

    .room-runtime-deck.mobile-runtime-flow .workspace-section--primary,
    .room-runtime-deck.mobile-runtime-flow .workspace-section--writing,
    .room-runtime-deck.mobile-runtime-flow .workspace-section--support,
    .room-runtime-deck.mobile-runtime-flow .workspace-section--quiet,
    .room-runtime-deck.mobile-runtime-flow .workspace-section--atrium {
      padding-block: 1.15rem;
      border: none;
      background: linear-gradient(
        188deg,
        color-mix(in srgb, var(--runtime-deck-channel) 86%, transparent) 0%,
        color-mix(in srgb, var(--runtime-deck-well) 38%, transparent) 100%
      );
      box-shadow: var(--shadow-panel-stack);
    }

    .room-runtime-deck.mobile-runtime-flow .workspace-section--primary,
    .room-runtime-deck.mobile-runtime-flow .workspace-section--atrium {
      box-shadow:
        var(--shadow-panel-rim),
        var(--shadow-panel-occlude),
        var(--shadow-panel-cavity),
        inset 1px 0 0 color-mix(in srgb, var(--accent-wick) 58%, transparent);
    }

    .room-runtime-deck.mobile-runtime-flow .workspace-section--ambient {
      padding-block: 1rem;
      border: none;
      background: linear-gradient(
        188deg,
        color-mix(in srgb, var(--runtime-deck-channel) 54%, transparent) 0%,
        color-mix(in srgb, var(--runtime-deck-well) 22%, transparent) 100%
      );
      box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--surface-highlight) 22%, transparent),
        inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    }

    .room-runtime-deck.mobile-runtime-flow .room-threads-layer .room-chamber--threads,
    .room-runtime-deck.mobile-runtime-flow .room-chamber--threads.workspace-section--ambient {
      padding-block: 1.2rem;
      background:
        radial-gradient(
          ellipse 78% 56% at 50% 0%,
          color-mix(in srgb, var(--room-presence) 38%, var(--accent-surface) 8%),
          transparent 72%
        ),
        linear-gradient(
          188deg,
          color-mix(in srgb, var(--runtime-deck-channel) 86%, transparent) 0%,
          color-mix(in srgb, var(--runtime-deck-well) 42%, transparent) 100%
        );
      box-shadow:
        var(--shadow-panel-rim),
        var(--shadow-panel-occlude),
        var(--shadow-panel-cavity);
    }

    .room-atrium-layer {
      gap: 0.85rem;
    }

    .room-beiwerk-layer--far {
      opacity: 0.94;
    }

    .runtime-state-section--loops-light {
      border-color: color-mix(in srgb, var(--surface-border) 72%, var(--runtime-soft) 28%);
    }

    .runtime-state-section--loops-present {
      border-color: color-mix(in srgb, var(--surface-border) 62%, var(--accent-border) 22%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        inset 0 -1px 0 rgba(0, 0, 0, 0.24);
    }

    .runtime-state-section .runtime-state-metrics {
      width: 100%;
      justify-content: space-between;
      border-top: 1px solid var(--surface-divider);
      padding-top: 0.95rem;
    }

    .runtime-workbench-section .runtime-workbench-context {
      padding-top: 1.1rem;
    }

    .runtime-navigation-section ul {
      margin-top: 1rem;
      border-color: color-mix(in srgb, var(--surface-border) 58%, transparent);
      background: color-mix(in srgb, var(--surface-embed) 66%, transparent);
    }

    .runtime-support-section .surface-embed,
    .runtime-context-section .surface-embed {
      border-color: color-mix(in srgb, var(--surface-border) 76%, transparent);
      background: color-mix(in srgb, var(--surface-embed) 86%, transparent);
    }

    .mobile-writing-surface {
      border-color: color-mix(in srgb, var(--surface-border) 72%, var(--room-presence-edge));
      background: color-mix(in srgb, var(--surface-embed) 94%, var(--room-presence));
      box-shadow:
        inset 0 1px 0 var(--surface-highlight),
        inset 0 -1px 0 rgba(0, 0, 0, 0.36),
        var(--shadow-env-seam);
    }
  }
.runtime-instrument-deck .type-label {
    font-size: 0.71875rem;
    font-weight: 520;
    letter-spacing: 0.02em;
    color: color-mix(in srgb, var(--text-label) 88%, var(--accent-signal) 12%);
  }
.runtime-instrument-deck .type-meta {
    letter-spacing: 0.02em;
    font-size: 0.65625rem;
    line-height: 1.48;
  }
.type-meta {
    font-family: var(--font-sans), system-ui, sans-serif;
    font-size: 0.6875rem;
    font-weight: 450;
    letter-spacing: 0.01em;
    text-transform: none;
    color: var(--text-muted);
    text-shadow: none;
  }
.type-label {
    font-family: var(--font-sans), system-ui, sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: -0.012em;
    text-transform: none;
    color: var(--text-secondary);
    text-shadow: none;
  }
/* Tabulare Numerik überall, wo Zahlen rhythmisch zählen müssen —
     Zeitblöcke, Metriken, Counter. Cinematic, kein Springen. */
.type-meta,
  .type-label,
  .type-operational-phase,
  .home-timeblock,
  .room-state-metric,
  .runtime-input-bar,
  .runtime-trace,
  .runtime-echo,
  .presence-clock,
  .home-awareness-field,
  [data-runtime-counter],
  .kairos-clock {
    font-variant-numeric: tabular-nums lining-nums;
  }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.\!table {
  display: table !important;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.min-h-dvh {
  min-height: 100dvh;
}
.grow {
  flex-grow: 1;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize {
  resize: both;
}
.rounded {
  border-radius: 0.25rem;
}
.border {
  border-width: 1px;
}
.border-orange-500\/35 {
  border-color: rgb(249 115 22 / 0.35);
}
.border-zinc-600\/80 {
  border-color: rgb(82 82 91 / 0.8);
}
.border-zinc-700\/80 {
  border-color: rgb(63 63 70 / 0.8);
}
.bg-\[var\(--background\2c \#F8F7F4\)\] {
  background-color: var(--background,#F8F7F4);
}
.font-sans {
  font-family: var(--font-sans), system-ui, sans-serif;
}
.uppercase {
  text-transform: uppercase;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.text-\[var\(--ink\)\] {
  color: var(--ink);
}
.text-\[var\(--text-primary\2c \#0F0F0F\)\] {
  color: var(--text-primary,#0F0F0F);
}
.text-orange-300\/85 {
  color: rgb(253 186 116 / 0.85);
}
.text-zinc-400 {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}
.text-zinc-500 {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.\[raumriss\:api\] {
  raumriss: api;
}
.\[raumriss\:meta-runtime\] {
  raumriss: meta-runtime;
}
.\[raumriss\:shopify-runtime\] {
  raumriss: shopify-runtime;
}
.\[team-provision\:route\] {
  team-provision: route;
}

:root {
  color-scheme: dark;

  /* Material Language V1 — heller Studio-Koerper, dunkle Instrumente */
  --atmo-base: #e4e6e2;
  --atmo-mist: rgba(255, 255, 252, 0.26);
  --atmo-glow-top: rgba(255, 255, 252, 0.34);
  --atmo-glow-corner: rgba(224, 227, 224, 0.04);
  --atmo-glow-horizon: rgba(138, 144, 136, 0.062);
  --atmo-light-shaft: rgba(255, 255, 252, 0.185);
  --atmo-room-shadow: rgba(84, 90, 84, 0.042);
  --atmo-vignette: rgba(52, 56, 50, 0.062);
  --atmo-presence-glow: rgba(251, 146, 60, 0.034);
  --atmo-depth-floor: rgba(72, 76, 70, 0.052);
  --atmo-depth-mid: rgba(98, 102, 94, 0.028);
  --atmo-plane-veil: rgba(255, 255, 250, 0.042);
  --atmo-arch-edge: rgba(52, 56, 50, 0.038);
  --material-grain: rgba(255, 255, 255, 0.008);
  --material-pore: rgba(62, 66, 62, 0.008);
  --room-presence: rgba(251, 146, 60, 0.032);
  --room-presence-edge: rgba(251, 146, 60, 0.128);
  --env-text-primary: #181916;
  --env-text-secondary: #3a3d37;
  --env-text-muted: #5c6058;
  --env-text-edge-soft: 0 0.5px 0 rgba(255, 255, 250, 0.62),
    0 1px 0 rgba(34, 36, 32, 0.26);
  --env-text-edge-fine: 0 0.5px 0 rgba(255, 255, 250, 0.52),
    0 1px 0 rgba(38, 40, 36, 0.2);
  --env-hero-density: rgba(40, 43, 39, 0.078);
  --env-hero-edge: rgba(255, 255, 249, 0.24);
  --env-hero-contact: rgba(28, 30, 26, 0.16);

  /* Oberflächliche Typo — weniger graue Utility-Schrift, mehr lesende Ruhe */
  --text-primary: #f7f5ef;
  --text-body: #e7e4db;
  --text-secondary: #d6d2c8;
  --text-label: #cbc4b8;
  --text-muted: #b0aaa0;
  --text-faint: #887f74;
  --text-edge-soft: 0 0.5px 0 rgba(255, 255, 255, 0.08),
    0 1.5px 1px rgba(0, 0, 0, 0.5),
    0 0 16px rgba(0, 0, 0, 0.18);
  --text-edge-fine: 0 0.5px 0 rgba(255, 255, 255, 0.07),
    0 1px 0 rgba(0, 0, 0, 0.46),
    0 0 10px rgba(0, 0, 0, 0.16);
  --text-edge-spatial: 0 0.5px 0 rgba(255, 255, 255, 0.09),
    0 1px 1px rgba(0, 0, 0, 0.52),
    0 10px 22px rgba(0, 0, 0, 0.2);

  --accent: #e07a1c;
  --accent-soft: rgba(224, 122, 28, 0.88);
  --accent-border: rgba(224, 122, 28, 0.42);
  --accent-surface: rgba(224, 122, 28, 0.115);
  /* Signal / aktiv / Zukunft — Kobalt, additiv (Liquid-Glass-Sprache) */
  --signal: #2f5bff;
  --signal-soft: rgba(47, 91, 255, 0.85);
  --signal-border: rgba(47, 91, 255, 0.4);
  --signal-surface: rgba(47, 91, 255, 0.12);
  /* Operative Wärme — Kanten & Marker wie Studio-Anzeige, nicht Glow-UI */
  --accent-ember: color-mix(in srgb, var(--accent) 10%, transparent);
  --accent-wick: color-mix(in srgb, var(--accent-border) 28%, var(--surface-divider));
  --accent-signal: color-mix(in srgb, var(--accent-soft) 28%, var(--text-muted));
  --accent-orient: color-mix(in srgb, var(--accent) 8%, var(--atmo-base));
  --runtime: #86efac;
  --runtime-soft: rgba(134, 239, 172, 0.8);
  --runtime-surface: rgba(34, 197, 94, 0.1);
  --runtime-glass: rgba(24, 24, 23, 0.82);
  --runtime-glass-top: rgba(30, 30, 29, 0.78);
  --runtime-glass-edge: rgba(255, 255, 250, 0.1);
  --runtime-glass-edge-active: rgba(255, 255, 250, 0.14);
  --runtime-thought-core: rgba(7, 7, 6, 0.94);
  --runtime-thought-core-active: rgba(5, 5, 4, 0.97);
  --runtime-thought-text: #f7f5f0;
  --runtime-thought-muted: #b8b4aa;
  --runtime-shadow-ambient: inset 0 8px 20px -12px rgba(0, 0, 0, 0.34);
  --runtime-shadow-contact: inset 0 -1px 0 rgba(0, 0, 0, 0.34);
  --runtime-ease: cubic-bezier(0.32, 0.72, 0, 1);
  --runtime-ease-settle: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* Scroll-Unterlage für Dock (Bar, Trace, Echo, Home-Indicator) — gleiches Raster wie Shells */
  /* Scroll-Unterlage: an schmalere, höher sitzende Konsole gekoppelt */
  --riss-grid: 0.125rem;
  --riss-span: min(26.5rem, calc(100vw - 1.5rem));
  --riss-object-h: 2rem;
  --riss-mark-w: calc(var(--riss-grid) * 13);
  --riss-orient-bay-w: calc(var(--riss-mark-w) * 2);
  --riss-actuate-bay-w: calc(var(--riss-mark-w) * 2);
  --riss-well-pad-top: 0.25rem;
  --riss-marginalia-h: 0.875rem;
  --riss-after-h: 0.75rem;
  --riss-floor-stack: max(
    8rem,
    calc(4.75rem + env(safe-area-inset-bottom, 0px))
  );
  --riss-core-page: #252522;
  --riss-core-bar: #252522;
  --riss-core-inset: #1c1c1a;
  --riss-core-text: #f4f1ea;
  --riss-core-muted: #b8b1a6;
  --runtime-dock-clearance: var(--riss-floor-stack);

  /* Oberflächen — matt, leicht transluzent, operative Klarheit.
     Cinematic darkness: die Instrumente sitzen tiefer im Schwarz,
     die hellen Flächen leicht wärmer im Atmo-Spektrum. */
  --surface-base: #0a0a09;
  --surface-raised: rgba(13, 13, 12, 0.97);
  --surface-embed: rgba(8, 8, 7, 0.95);
  --surface-border: rgba(108, 110, 104, 0.42);
  --surface-divider: rgba(64, 66, 62, 0.62);
  --surface-highlight: rgba(255, 255, 255, 0.072);
  --surface-well: rgba(4, 4, 3, 0.46);
  --surface-sheen: rgba(255, 255, 248, 0.032);
  /* Physikalisches Material — Kontakt, Okklusion, keine Figma-Blur-Stapel.
     Stärkere Rim-Werte für gefräste Kanten, schärferer Kontaktschatten. */
  --mat-rim: rgba(255, 255, 246, 0.062);
  --mat-rim-soft: rgba(255, 255, 250, 0.042);
  --mat-occlude: rgba(0, 0, 0, 0.52);
  --mat-occlude-mid: rgba(0, 0, 0, 0.36);
  --mat-contact: rgba(0, 0, 0, 0.28);

  /* Kammer-Geometrie — architektonisch, nicht Web-Card */
  --chamber-outer-radius: var(--os-radius-md);
  --chamber-inner-radius: calc(var(--os-radius-sm) + 1px);

  /* Edge Physics — eingelassene Nähte statt Elevations-Wolken */
  --edge-plane-bleed: inset 0 1px 0 color-mix(in srgb, var(--env-hero-edge) 11%, var(--mat-rim));
  --edge-recess-seam: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
  --edge-recess-floor: inset 0 -2px 0 rgba(0, 0, 0, 0.44);
  --edge-recess-cavity: inset 0 4px 12px -5px var(--mat-occlude-mid);
  --edge-contact-lip: inset 0 2px 3px -1px color-mix(in srgb, var(--env-hero-contact) 14%, transparent);

  /* 1 — Große Umgebungsflächen (Deck, Shell).
     Eingelassen statt schwebend: Cavity, Seam, Floor — keine äußere
     Elevations-Wolke. */
  --shadow-env-seam: var(--edge-recess-seam);
  --shadow-env-pocket: var(--edge-recess-cavity);
  --shadow-env-rim: var(--edge-plane-bleed);
  --shadow-env-well: inset 0 3px 8px -4px var(--mat-occlude-mid);
  --shadow-env-floor: var(--edge-recess-floor);
  --shadow-env-contact: inset 0 -1px 0 rgba(0, 0, 0, 0.34);
  --shadow-env-ambient: inset 0 8px 18px -12px rgba(0, 0, 0, 0.28);

  /* 2 — Operative Panels / Slots.
     Drei-Lagen-Stack: Rim, Occlude, Cavity — Edge in Cavity integriert. */
  --shadow-panel-rim: inset 0 1px 0 var(--mat-rim-soft);
  --shadow-panel-occlude: inset 0 -1px 0 rgba(0, 0, 0, 0.32);
  --shadow-panel-cavity: inset 0 2px 6px -3px rgba(0, 0, 0, 0.26),
    inset 0 0 0 1px rgba(0, 0, 0, 0.18);
  --shadow-panel-edge: inset 0 0 0 1px rgba(0, 0, 0, 0.18);
  --shadow-panel-stack: var(--shadow-panel-rim), var(--shadow-panel-occlude),
    var(--shadow-panel-cavity);

  /* 3 — Eingabe-Instrument.
     Tieferer Well, härtere Bodenkontur — fühlt sich an wie ein
     in die Frontplatte eingelassenes Bedienelement. */
  --shadow-input-well: inset 0 2px 6px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    inset 0 -1px 0 rgba(0, 0, 0, 0.38);
  --shadow-input-ground:
    inset 0 -1px 0 rgba(0, 0, 0, 0.4),
    inset 0 0 0 1px rgba(0, 0, 0, 0.18);

  /* 4 — Eingelassener Console-Stack (tiefe dunkle Flächen).
     Nur Innenlogik — plane bleed, cavity, floor, seam. Kein Float. */
  --shadow-console-stack:
    var(--edge-plane-bleed),
    var(--edge-recess-cavity),
    var(--edge-recess-floor),
    var(--edge-recess-seam);

  /* Legacy-Alias — bestehende Regeln auf physische Logik mappen */
  --surface-shadow: var(--shadow-env-seam), var(--shadow-env-pocket);
  --surface-blur: 0px;
  --type-rhythm-tight: 0.42rem;
  --type-rhythm-base: 0.62rem;
  --type-rhythm-loose: 0.92rem;
  --env-gap-major: clamp(2rem, 3.8vw, 3.35rem);
  --env-gap-minor: clamp(1.05rem, 2vw, 1.55rem);
  /* Räumliche Balance — operative Spread-Skala (kein Dashboard-Grid) */
  --env-spread-home: minmax(0, 1.05fr) minmax(26rem, 0.95fr);
  --env-spread-room: minmax(0, 1.34fr) minmax(17.5rem, 0.66fr);
  --env-spread-operate: minmax(0, 1.05fr) minmax(0, 0.95fr);
  --env-spread-chasm: clamp(1.15rem, 2.4vw, 2.15rem);
  --runtime-deck-base: #0a0a09;
  --runtime-deck-rim: rgba(255, 255, 246, 0.055);
  --runtime-deck-well: rgba(4, 4, 3, 0.55);
  --runtime-deck-sink: rgba(7, 7, 6, 0.82);
  --runtime-deck-channel: rgba(11, 11, 10, 0.62);
  --atmo-operational-haze: rgba(88, 92, 86, 0.14);
  --accent-trail: color-mix(in srgb, var(--accent) 14%, transparent);
  --type-track-section: 0.58rem;
  --type-track-block: 1.15rem;
  --os-space-chamber-y: clamp(1.05rem, 2.1vw, 1.45rem);
  --os-space-chamber-x: clamp(0.95rem, 1.9vw, 1.25rem);
  --os-space-card: clamp(0.95rem, 1.85vw, 1.08rem);

  /* CI — gemeinsame Material-Linie (Inset, Kontakt, enger Ambient-Falloff) */
  --os-inset-top: var(--shadow-env-rim);
  --os-inset-bottom: var(--shadow-env-floor);
  --os-rim: inset 0 1px 0 var(--mat-rim-soft);
  --os-slot-contact: inset 0 -1px 0 rgba(0, 0, 0, 0.24);
  --os-ambient-sm: var(--shadow-env-pocket);
  --os-ambient-md: inset 0 6px 16px -8px rgba(0, 0, 0, 0.32);
  --os-ambient-lg: inset 0 8px 20px -10px rgba(0, 0, 0, 0.36);
  --os-focus-ring: color-mix(in srgb, var(--accent-border) 64%, var(--surface-divider) 22%);
  --os-interaction-duration: 0.32s;

  /* Visuelle Grammatik — eine gemeinsame Skala (alle Schichten, alle Räume) */
  --os-radius-xs: 0.375rem;
  --os-radius-sm: 0.5rem;
  --os-radius-md: 0.75rem;
  --os-radius-lg: 1rem;
  --os-radius-full: 999px;

  /* Operative Bewegung — flüssig, zurückhaltend (kein UI-Zirkus) */
  --os-ease-liquid: cubic-bezier(0.22, 1, 0.36, 1);
  --os-ease-material: cubic-bezier(0.33, 1, 0.68, 1);
  --os-duration-surface: 0.52s;
  --os-duration-control: 0.22s;
}

html[data-atmosphere="night"] {
  --atmo-base: #d8dad6;
  --atmo-mist: rgba(250, 251, 247, 0.17);
  --atmo-glow-top: rgba(249, 250, 246, 0.26);
  --atmo-glow-corner: rgba(129, 140, 248, 0.01);
  --atmo-glow-horizon: rgba(98, 104, 98, 0.07);
  --atmo-light-shaft: rgba(250, 251, 247, 0.14);
  --atmo-room-shadow: rgba(48, 52, 48, 0.055);
  --atmo-vignette: rgba(34, 38, 33, 0.075);
  --atmo-presence-glow: rgba(129, 140, 248, 0.018);
  --env-text-primary: #181916;
  --env-text-secondary: #33352f;
  --env-text-muted: #555850;
  --env-hero-density: rgba(32, 34, 31, 0.09);
  --env-hero-edge: rgba(255, 255, 249, 0.18);
  --env-hero-contact: rgba(20, 21, 19, 0.17);

  --surface-base: #08090a;
  --surface-raised: rgba(14, 15, 17, 0.97);
  --surface-embed: rgba(9, 10, 12, 0.94);
  --surface-border: rgba(112, 114, 122, 0.38);
}

html[data-atmosphere="sunrise"] {
  --atmo-base: #e9e7df;
  --atmo-mist: rgba(255, 254, 249, 0.26);
  --atmo-glow-top: rgba(255, 254, 249, 0.36);
  --atmo-glow-corner: rgba(251, 146, 60, 0.012);
  --atmo-glow-horizon: rgba(155, 144, 128, 0.055);
  --atmo-light-shaft: rgba(255, 254, 249, 0.2);
  --atmo-room-shadow: rgba(118, 110, 98, 0.035);
  --atmo-vignette: rgba(70, 64, 54, 0.052);
  --atmo-presence-glow: rgba(251, 146, 60, 0.03);
  --env-text-primary: #1d1a15;
  --env-text-secondary: #3a342c;
  --env-text-muted: #5a5349;
  --env-hero-density: rgba(58, 49, 38, 0.082);
  --env-hero-edge: rgba(255, 250, 240, 0.22);
  --env-hero-contact: rgba(38, 32, 25, 0.16);

  --surface-base: #0c0b0a;
  --surface-raised: rgba(16, 15, 14, 0.97);
  --surface-embed: rgba(10, 9, 8, 0.94);
  --surface-border: rgba(116, 112, 106, 0.38);
}

html[data-atmosphere="daylight"] {
  --atmo-base: #eceeeb;
  --atmo-mist: rgba(255, 255, 253, 0.3);
  --atmo-glow-top: rgba(255, 255, 253, 0.4);
  --atmo-glow-corner: rgba(222, 226, 222, 0.04);
  --atmo-glow-horizon: rgba(154, 160, 154, 0.045);
  --atmo-light-shaft: rgba(255, 255, 253, 0.23);
  --atmo-room-shadow: rgba(112, 118, 112, 0.028);
  --atmo-vignette: rgba(64, 70, 64, 0.045);
  --atmo-presence-glow: rgba(249, 115, 22, 0.018);
  --env-text-primary: #171915;
  --env-text-secondary: #30342e;
  --env-text-muted: #52574f;
  --env-hero-density: rgba(34, 39, 34, 0.062);
  --env-hero-edge: rgba(255, 255, 250, 0.26);
  --env-hero-contact: rgba(25, 29, 24, 0.13);

  --surface-base: #0c0d0e;
  --surface-raised: rgba(15, 16, 18, 0.97);
  --surface-embed: rgba(10, 11, 13, 0.94);
  --surface-border: rgba(112, 116, 122, 0.39);
}

html[data-atmosphere="dusk"] {
  --atmo-base: #dadcd8;
  --atmo-mist: rgba(249, 250, 246, 0.18);
  --atmo-glow-top: rgba(248, 249, 245, 0.26);
  --atmo-glow-corner: rgba(192, 132, 252, 0.01);
  --atmo-glow-horizon: rgba(100, 104, 98, 0.07);
  --atmo-light-shaft: rgba(249, 250, 246, 0.145);
  --atmo-room-shadow: rgba(52, 56, 50, 0.05);
  --atmo-vignette: rgba(38, 40, 36, 0.07);
  --atmo-presence-glow: rgba(192, 132, 252, 0.018);
  --env-text-primary: #191a16;
  --env-text-secondary: #34362f;
  --env-text-muted: #555850;
  --env-hero-density: rgba(32, 35, 31, 0.086);
  --env-hero-edge: rgba(255, 255, 248, 0.18);
  --env-hero-contact: rgba(22, 24, 21, 0.16);

  --surface-base: #0b0a0f;
  --surface-raised: rgba(15, 14, 20, 0.97);
  --surface-embed: rgba(10, 9, 14, 0.94);
  --surface-border: rgba(112, 110, 126, 0.38);
}

/*
 * Presence-Tonierung — Verfassungsanker §5, §6.
 *
 * Diese Blöcke erzeugen KEIN neues Material, KEINE Animationen, KEINEN
 * Glow. Sie justieren ausschließlich Übergangs-Dauer-Variablen und
 * eine einzelne, sehr leise Wärme-Variable (`--presence-return-warmth`),
 * die abgeleitete Räume und Spuren konsumieren dürfen. Beim
 * Wiedereintritt (`returning`, `after-sleep`) setzen sich Oberflächen
 * minimal langsamer — der Raum „wacht auf", statt zu schnappen. Unter
 * der visuellen Schwelle, materiell aber real.
 *
 * `--presence-return-warmth` ist eine reine CSS-Variable (keine Memory-
 * Schicht). Sie steht stillschweigend zur Verfügung; nur Selektoren,
 * die explizit „nach drinnen kommen" tragen (Trace, Greeting, Bar)
 * konsumieren sie.
 *
 * fresh-tab: bleibt am bestehenden Wert (0.52s, Warmth 0). Keine
 * Änderung — der Tab ist derselbe Atemzug.
 */
html[data-presence] {
  --presence-return-warmth: 0;
}

html[data-presence="returning"] {
  --os-duration-surface: 0.62s;
  --presence-return-warmth: 0.34;
}

html[data-presence="after-sleep"] {
  --os-duration-surface: 0.78s;
  --presence-return-warmth: 0.62;
}

/*
 * Wiedereintritts-Wärme · Greeting + Continuity-Spur + Runtime-Bar.
 *
 * Drei Stellen, die der Mensch beim Zurückkommen zuerst sieht. Jede
 * trägt eine winzige Spur Wärme, abgeleitet aus `--presence-return-warmth`.
 * Keine neue Sprache, keine Texte, kein „Welcome back". Nur Material.
 */

/* Begrüßung · der Körper darf beim Wiedereintritt eine Spur länger
   nachklingen. `data-greeting-presence` ist DOM-seitig schon gesetzt
   (siehe dashboard-greeting.tsx). */
.environment-hero[data-greeting-presence="returning"],
.environment-hero[data-greeting-presence="after-sleep"] {
  --os-duration-surface: max(var(--os-duration-surface, 0.52s), 0.72s);
}

.environment-hero[data-greeting-presence="returning"] .atmospheric-title,
.environment-hero[data-greeting-presence="after-sleep"] .atmospheric-title {
  color: color-mix(
    in srgb,
    var(--text-primary)
      calc(100% - var(--presence-return-warmth, 0) * 4%),
    rgba(255, 220, 178, calc(var(--presence-return-warmth, 0) * 4%))
  );
}

/* Continuity-Spur · trägt beim Zurückkommen eine Spur warmer Tönung,
   damit die Zeile sich anfühlt wie „die Spur war hier auf dich". */
html[data-presence="returning"] .runtime-trace,
html[data-presence="after-sleep"] .runtime-trace,
html[data-presence="returning"] .der-riss-marginalia,
html[data-presence="after-sleep"] .der-riss-marginalia {
  color: color-mix(
    in srgb,
    currentColor calc(100% - var(--presence-return-warmth, 0) * 6%),
    rgba(255, 214, 168, calc(var(--presence-return-warmth, 0) * 6%))
  );
}

/* Runtime-Bar · die Kante des Eingabe-Felds wird beim Wiedereintritt
   minimal wärmer — kein Glow, keine Border-Glanz-Animation, nur ein
   Hauch mehr Anwesenheit am Rand. */
html[data-presence="returning"] .runtime-input-bar,
html[data-presence="after-sleep"] .runtime-input-bar,
html[data-presence="returning"] .der-riss-object,
html[data-presence="after-sleep"] .der-riss-object {
  border-color: color-mix(
    in srgb,
    var(--surface-border)
      calc(100% - var(--presence-return-warmth, 0) * 12%),
    var(--room-presence-edge)
      calc(var(--presence-return-warmth, 0) * 12%)
  );
}

html {
  min-height: 100dvh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  min-height: 100dvh;
  letter-spacing: -0.014em;
  color: var(--env-text-secondary);
  background-color: var(--atmo-base);
  /* Cinematic atmosphäre — fünf Schichten, alle statisch:
   *   1) Boden-Schwere (untere Vignette)
   *   2) Mid-Plenum (sanfte Mittenverdichtung)
   *   3) Decken-Licht (Oberlicht vom Horizont)
   *   4) Lateral-Mist (gerichtete Raumluft links)
   *   5) Architektur-Schliff (vertikaler Falloff oben/unten)
   *
   * Werte sind so kalibriert, dass die Atmosphäre nicht
   * "leer" wirkt, sondern bewohnt — wie ein Studio bei Tag,
   * in dem das Licht gerade jetzt eingerichtet wurde. */
  background-image:
    radial-gradient(
      ellipse 124% 54% at 50% 116%,
      color-mix(in srgb, var(--atmo-depth-floor) 72%, transparent),
      transparent 70%
    ),
    radial-gradient(
      ellipse 88% 64% at 50% 60%,
      color-mix(in srgb, var(--atmo-depth-mid) 82%, transparent),
      transparent 76%
    ),
    radial-gradient(
      ellipse 122% 76% at 50% -32%,
      color-mix(in srgb, var(--atmo-glow-top) 94%, transparent),
      transparent 76%
    ),
    radial-gradient(
      ellipse 68% 52% at 10% 44%,
      color-mix(in srgb, var(--atmo-mist) 22%, transparent),
      transparent 72%
    ),
    radial-gradient(
      ellipse 56% 44% at 96% 72%,
      color-mix(in srgb, var(--atmo-room-shadow) 38%, transparent),
      transparent 78%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--atmo-plane-veil) 52%, transparent) 0%,
      transparent 32%,
      transparent 70%,
      color-mix(in srgb, var(--atmo-arch-edge) 38%, transparent) 100%
    );
  transition:
    background-color 180s ease-in-out,
    background-image 180s ease-in-out;
}

/* Cinematic Raum-Vignette — operative Schwerkraft an den Rändern.
   Deutlich dramatischer als V1: das Bild sitzt jetzt in einem Raum,
   nicht auf einem Blatt. Die Ecken üben sanften Druck nach innen aus. */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(
      ellipse 104% 92% at 50% 48%,
      transparent 46%,
      color-mix(in srgb, var(--atmo-vignette) 88%, transparent) 88%,
      color-mix(in srgb, var(--atmo-vignette) 100%, transparent) 100%
    ),
    radial-gradient(
      ellipse 44% 32% at 86% 10%,
      color-mix(in srgb, var(--atmo-presence-glow) 78%, transparent),
      transparent 70%
    ),
    radial-gradient(
      ellipse 38% 28% at 8% 92%,
      color-mix(in srgb, var(--atmo-depth-floor) 58%, transparent),
      transparent 72%
    );
  opacity: 0.34;
  transition: background 180s ease-in-out, opacity 180s ease-in-out;
}

/* Raumlicht + Material — operative Luft.
   Drei Mikrostrukturen in soft-light:
     • diagonaler Lichtschacht oben links
     • Bodenokklusion unten rechts
     • organisches Korn (zwei sich kreuzende Repeating-Layer)
   Die Mischung schafft das, was V1 fehlte: Material, das atmet,
   ohne sichtbare Textur. */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(
      ellipse 50% 38% at 20% 14%,
      color-mix(in srgb, var(--atmo-light-shaft) 118%, transparent),
      transparent 84%
    ),
    radial-gradient(
      ellipse 56% 42% at 84% 90%,
      color-mix(in srgb, var(--atmo-room-shadow) 88%, transparent),
      transparent 86%
    ),
    repeating-linear-gradient(
      105deg,
      transparent 0,
      transparent 17px,
      var(--material-grain) 18px,
      transparent 19px
    ),
    repeating-linear-gradient(
      2deg,
      transparent 0,
      transparent 23px,
      var(--material-pore) 24px,
      transparent 25px
    );
  mix-blend-mode: soft-light;
  opacity: 0.36;
  transition: background 180s ease-in-out, opacity 180s ease-in-out;
}

/* Architektonisches Oblicht — ein langgezogener Lichtkeil, der diagonal
   durch den Raum fällt. Das ist die "Direktion" des Lichts; alle anderen
   Schichten folgen ihr. */
html::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    linear-gradient(
      102deg,
      transparent 0%,
      color-mix(in srgb, var(--atmo-glow-horizon) 48%, transparent) min(42%, 28rem),
      transparent min(58%, 36rem)
    ),
    /* Subtile Horizont-Linie — ein architektonischer Schnitt
       bei etwa 38% Bildhöhe. Trennt "Decke" von "Boden",
       ohne sichtbar zu sein. */
    linear-gradient(
      180deg,
      transparent 36%,
      color-mix(in srgb, var(--atmo-arch-edge) 18%, transparent) 38%,
      transparent 40%
    );
  opacity: 0.22;
}

/* Operative Luft + Boden-Schwerkraft.
   Zwei radiale Verdichtungen unten + ein extrem leiser Boden-Glanz,
   der die Szene auf den Boden stellt. */
html::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(
      ellipse 124% 76% at 50% 110%,
      color-mix(in srgb, var(--atmo-depth-floor) 64%, transparent),
      transparent 58%
    ),
    radial-gradient(
      ellipse 88% 56% at 50% 88%,
      color-mix(in srgb, var(--atmo-depth-mid) 52%, transparent),
      transparent 66%
    ),
    /* Boden-Glanz — eine extrem schmale, nahezu unsichtbare
       Reflexionslinie auf dem "Boden". Vermittelt Material. */
    linear-gradient(
      180deg,
      transparent 92%,
      color-mix(in srgb, var(--atmo-light-shaft) 24%, transparent) 96%,
      transparent 100%
    );
  opacity: 0.28;
}

body > * {
  position: relative;
  z-index: 2;
}

/* Räume sind psychologisch distinkt — nicht über Farbe, sondern über:
 *   • Rhythmus (vertikale Atmung)
 *   • Schwerkraft (visuelle Massivität)
 *   • Tempo (Übergangsdauer)
 *   • Kantendruck (Materialpräsenz)
 *   • Dichte (operative Kompression)
 *   • Atmosphärische Wärme (Material-Temperatur, sehr leise)
 *
 * Jeder Raum ist ein eigenes Studio in derselben Architektur.
 * Die Werte hier sind die Default-Parameter — alle Räume erben sie,
 * die einzelnen Raum-Selektoren modulieren sie. */
[data-room] {
  --room-presence: rgba(251, 146, 60, 0.026);
  --room-presence-edge: rgba(251, 146, 60, 0.11);
  --room-material-warmth: rgba(255, 252, 244, 0.012);
  --room-atmo-temperature: 0; /* -1 kühl, +1 warm */
  --room-rhythm: 1;
  --room-gravity: 1;
  --room-pace: 1;
  --room-edge-pressure: 1;
  --room-density: 1;
}

/* ARTIST — Creative Studio: weite Atmung, langsames Tempo,
   gegenwärtige aber zurückhaltende Kanten, leicht wärmer.
   Räume zum Bleiben. (ALIVEMAEX) */
[data-room="artist"] {
  --room-presence: rgba(251, 146, 60, 0.04);
  --room-presence-edge: rgba(251, 146, 60, 0.18);
  --room-material-warmth: rgba(255, 234, 208, 0.022);
  --room-atmo-temperature: 0.6;
  --room-rhythm: 1.08;
  --room-gravity: 1.05;
  --room-pace: 1.18;
  --room-edge-pressure: 0.9;
  --room-density: 0.94;
}

/* CULTURE — Manifest, Symbolwelt: architektonisch ruhig, leicht
   schwerer als artist, langsamstes Tempo. Galeriegefühl. */
[data-room="culture"] {
  --room-presence: rgba(244, 114, 182, 0.028);
  --room-presence-edge: rgba(244, 114, 182, 0.125);
  --room-material-warmth: rgba(252, 226, 238, 0.018);
  --room-atmo-temperature: 0.3;
  --room-rhythm: 1.12;
  --room-gravity: 1.12;
  --room-pace: 1.28;
  --room-edge-pressure: 0.86;
  --room-density: 0.9;
}

/* ECOMMERCE — Markt-Rhythmus: alert, dichter, mittlere Schwerkraft,
   schnellere Übergänge, kühler. Operativer Puls. */
[data-room="ecommerce"] {
  --room-presence: rgba(134, 239, 172, 0.028);
  --room-presence-edge: rgba(134, 239, 172, 0.118);
  --room-material-warmth: rgba(236, 248, 232, 0.012);
  --room-atmo-temperature: -0.4;
  --room-rhythm: 0.96;
  --room-gravity: 0.96;
  --room-pace: 0.86;
  --room-edge-pressure: 1.04;
  --room-density: 1.06;
}

/* AGENCY — Operations Room: präzise, dicht gepackt, schneller Snap,
   stärkster Kantendruck, neutral-kühl. Werkzeugkasten-Modus. */
[data-room="agency"] {
  --room-presence: rgba(209, 213, 219, 0.026);
  --room-presence-edge: rgba(209, 213, 219, 0.112);
  --room-material-warmth: rgba(238, 240, 242, 0.012);
  --room-atmo-temperature: -0.2;
  --room-rhythm: 0.88;
  --room-gravity: 0.94;
  --room-pace: 0.78;
  --room-edge-pressure: 1.14;
  --room-density: 1.14;
}

/* LAB — Technisches Labor: kühl, kompakt, mittleres Tempo,
   sehr präzise Kanten. Studio-Konsole. (SITE EFFECT) */
[data-room="lab"] {
  --room-presence: rgba(147, 197, 253, 0.028);
  --room-presence-edge: rgba(147, 197, 253, 0.118);
  --room-material-warmth: rgba(232, 240, 248, 0.014);
  --room-atmo-temperature: -0.7;
  --room-rhythm: 0.94;
  --room-gravity: 1;
  --room-pace: 0.94;
  --room-edge-pressure: 1.08;
  --room-density: 1.08;
}

/* PERSONAL — Life-Operations: ruhigster Raum, generöser Rhythmus,
   weichste Kanten, langsamstes Tempo, sehr leicht warm.
   Wohnzimmer-Atmosphäre. */
[data-room="personal"] {
  --room-presence: rgba(216, 180, 254, 0.028);
  --room-presence-edge: rgba(216, 180, 254, 0.118);
  --room-material-warmth: rgba(244, 236, 250, 0.016);
  --room-atmo-temperature: 0.2;
  --room-rhythm: 1.14;
  --room-gravity: 1.02;
  --room-pace: 1.22;
  --room-edge-pressure: 0.84;
  --room-density: 0.88;
}

/* Raumcharakter — operative Tiefe innerhalb bestehender Shells */
.room-shell[data-room-character="carrying"] {
  --room-atmo-temperature: 0.72;
  --room-material-warmth: rgba(255, 228, 196, 0.028);
}

.room-shell[data-room-character="pressure"] {
  --room-atmo-temperature: 0.35;
  --room-edge-pressure: 1.18;
  --room-density: 1.04;
}

.room-shell[data-room-character="exploratory"] {
  --room-atmo-temperature: 0.55;
  --room-edge-pressure: 0.78;
  --room-pace: 1.2;
  --room-density: 0.9;
}

.room-shell[data-room-character="structured"] {
  --room-atmo-temperature: -0.35;
  --room-edge-pressure: 1.12;
  --room-pace: 0.8;
  --room-density: 1.1;
}

.room-shell[data-room-character="regulating"] {
  --room-atmo-temperature: 0.28;
  --room-edge-pressure: 0.78;
  --room-pace: 1.2;
  --room-density: 0.86;
}

.room-shell[data-room-zone="mixing"][data-room-character="pressure"]::after {
  opacity: 0.52;
}

.room-shell[data-room-zone="writing"][data-room-character="exploratory"]::before {
  opacity: calc(0.28 + var(--room-temporal-warmth, 0.35) * 0.2);
}

/* Conduct presence physics — Variablen auf .room-shell, keine Modus-Labels */
.conduct-presence-anchor {
  display: none;
}

.room-shell {
  transition-property: background-color, border-color, box-shadow, opacity;
  transition-duration: calc(var(--conduct-shell-transition-ms, 220) * 1ms);
  transition-timing-function: ease;
}

.aurel-quiet-perception {
  transition:
    opacity calc(var(--conduct-perception-fade-ms, 400) * 1ms) ease,
    transform calc(var(--conduct-perception-fade-ms, 400) * 0.85ms) ease;
}

.conduct-presence-dev {
  position: fixed;
  right: 0.5rem;
  bottom: 0.5rem;
  z-index: 90;
  display: flex;
  gap: 0.35rem;
  padding: 0.2rem 0.35rem;
  font-size: 0.58rem;
  letter-spacing: 0.04em;
  opacity: 0.28;
  pointer-events: none;
  font-variant-numeric: tabular-nums;
}

/* Oben rechts: eingebettete OS-Statusschicht — kein Overlay, keine Glass-Card */
.presence-clock {
  text-shadow: none;
  transition:
    color 180s ease-in-out,
    opacity 0.52s var(--runtime-ease-settle);
}

.presence-clock p:first-child {
  transition: color 180s ease-in-out;
}

.presence-clock p:last-child {
  transition: color 180s ease-in-out;
}

.runtime-object p,
.runtime-object li,
.runtime-object span,
.runtime-object button {
  text-shadow: var(--text-edge-fine);
}

.runtime-presence-layer:not(.runtime-session-header) {
  position: fixed;
  z-index: 20;
  --dashboard-shell-pad: 1rem;
  top: max(0.8125rem, calc(env(safe-area-inset-top, 0px) + 0.5rem));
  right: calc(
    (100vw - min(80rem, 100vw)) / 2 + var(--dashboard-shell-pad) +
      env(safe-area-inset-right, 0px)
  );
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  pointer-events: none;
}

@media (min-width: 640px) {
  .runtime-presence-layer {
    --dashboard-shell-pad: 1.5rem;
    top: max(1.25rem, calc(env(safe-area-inset-top, 0px) + 0.75rem));
  }
}

@media (min-width: 1024px) {
  .runtime-presence-layer {
    --dashboard-shell-pad: 2.5rem;
    top: max(1.5rem, calc(env(safe-area-inset-top, 0px) + 0.875rem));
  }
}

/* Eingelassene Anzeige — eine kleine, in die Atmosphäre eingelassene
   Frontplatte oben rechts. Wirkt wie ein Status-Display an einer
   Aluminium-Konsole: warmer linker Akzent, gefräste Lichtkante oben,
   tiefer Kontaktschatten unten. */
.runtime-presence-instrument {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.3rem;
  min-width: 9.15rem;
  padding: 0.52rem 0.78rem 0.54rem 0.82rem;
  border-radius: var(--os-radius-sm);
  border: 1px solid color-mix(in srgb, var(--env-text-primary) 6%, var(--accent-ember) 10%);
  border-right: 1px solid color-mix(in srgb, var(--env-hero-contact) 16%, transparent);
  background:
    radial-gradient(
      ellipse 88% 64% at 0% 0%,
      color-mix(in srgb, var(--atmo-light-shaft) 28%, transparent),
      transparent 62%
    ),
    linear-gradient(
      188deg,
      color-mix(in srgb, var(--atmo-base) 86%, var(--env-hero-density)) 0%,
      color-mix(in srgb, var(--atmo-base) 97%, transparent) 100%
    );
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, rgba(255, 255, 252, 0.42) 88%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--env-hero-contact) 18%, transparent),
    inset -1px 0 0 color-mix(in srgb, var(--accent-wick) 22%, transparent),
    var(--shadow-env-seam);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.runtime-presence-instrument::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 0.48rem;
  bottom: 0.46rem;
  width: 2px;
  border-radius: 1px;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    transparent 0%,
    color-mix(in srgb, var(--accent-wick) 42%, var(--env-hero-edge)) 48%,
    color-mix(in srgb, var(--room-presence-edge) 32%, var(--env-hero-edge)) 72%,
    transparent 100%
  );
  opacity: 0.58;
}

.runtime-presence-instrument::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, rgba(255, 255, 252, 0.04) 70%, transparent);
  opacity: 1;
}

.runtime-presence-instrument > * {
  position: relative;
  z-index: 1;
}

.runtime-presence-instrument > .presence-clock {
  align-self: flex-end;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  opacity: 1;
}

.runtime-presence-instrument .presence-clock p:first-child {
  color: color-mix(in srgb, var(--env-text-primary) 86%, #0c0c0a);
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: 0.96875rem;
  font-weight: 560;
  line-height: 1.06;
  letter-spacing: 0.04em;
  text-shadow: none;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "kern" 1, "tnum" 1, "ss01" 1;
}

.runtime-presence-instrument .presence-clock p:last-child {
  margin-top: 0.1rem;
  color: var(--env-text-muted);
  font-family: var(--font-sans), system-ui, sans-serif;
  font-size: 0.65625rem;
  font-weight: 450;
  line-height: 1.42;
  letter-spacing: 0.012em;
  text-transform: none;
  text-shadow: none;
}

.runtime-presence-instrument .presence-clock span {
  color: color-mix(in srgb, var(--env-text-muted) 72%, transparent);
  font-weight: 450;
  letter-spacing: 0;
}

.runtime-presence-ops {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.42rem;
  width: 100%;
}

.runtime-presence-instrument .system-presence {
  display: flex;
  justify-content: stretch;
  margin: 0;
  padding: 0;
  border: none;
}

.runtime-presence-instrument .system-presence-end {
  width: 100%;
  text-decoration: none;
}

.runtime-presence-layer .runtime-object {
  border-color: color-mix(in srgb, var(--surface-border) 60%, transparent);
  background: color-mix(in srgb, var(--surface-embed) 78%, transparent);
}

.system-presence {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}

.system-presence-end {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: stretch;
  width: 100%;
  margin: 0;
  padding: 0.34rem 0.52rem 0.36rem 0.58rem;
  border: 1px solid color-mix(in srgb, var(--surface-border) 70%, transparent);
  border-radius: 7px;
  background: color-mix(in srgb, var(--surface-embed) 82%, var(--surface-inset) 18%);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, rgba(255, 255, 252, 0.28) 80%, transparent),
    inset 0 2px 5px color-mix(in srgb, var(--env-hero-contact) 6%, transparent);
  color: color-mix(in srgb, var(--env-text-muted) 88%, var(--env-text-secondary) 12%);
  font-family: inherit;
  text-decoration: none;
  text-shadow: none;
  cursor: pointer;
  transition:
    background 0.32s var(--runtime-ease),
    border-color 0.32s var(--runtime-ease),
    box-shadow 0.42s var(--runtime-ease),
    transform 0.18s var(--runtime-ease);
}

.system-presence-end__face {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.72rem;
  width: 100%;
}

.system-presence-end__kicker {
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: 0.53125rem;
  font-weight: 520;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--env-text-muted) 78%, transparent);
}

.system-presence-end__action {
  font-family: var(--font-sans), system-ui, sans-serif;
  font-size: 0.5625rem;
  font-weight: 540;
  letter-spacing: 0.12em;
  line-height: 1;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--env-text-primary) 72%, var(--env-text-muted) 28%);
}

.system-presence-end:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--surface-border) 92%, transparent);
  background: color-mix(in srgb, var(--surface-embed) 68%, var(--surface-raised) 32%);
}

.system-presence-end:active:not(:disabled) {
  transform: translateY(0.5px);
}

.system-presence-end:disabled {
  opacity: 0.48;
  cursor: wait;
}

/* Räume als Sichtgruppe — eine ruhige Reihe, die zugleich Filter und
   Ablage-Ziel ist. Eine Geste, eine Bedeutung. */
.ideas-scope {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.32rem;
  overflow-x: auto;
  padding-bottom: 0.2rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.ideas-scope::-webkit-scrollbar {
  display: none;
}

.ideas-filter-pill {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid color-mix(in srgb, var(--surface-border) 48%, transparent);
  background: transparent;
  border-radius: 999px;
  padding: 0.32rem 0.78rem;
  color: var(--text-muted);
  font-size: 0.75rem;
  font-weight: 460;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  transition:
    border-color 0.32s var(--runtime-ease),
    color 0.32s var(--runtime-ease),
    background 0.32s var(--runtime-ease),
    box-shadow 0.32s var(--runtime-ease);
}

.ideas-filter-pill:hover {
  color: var(--text-secondary);
  border-color: color-mix(in srgb, var(--surface-border) 70%, transparent);
}

.ideas-filter-pill:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 2px;
}

/* Sicht und Ablage-Ziel zugleich — die aktive Pille trägt die
   räumliche Markierung des Raums, in den als Nächstes abgelegt wird.
   Eine winzige Akzent-Kontur an der linken Kante (wie die Anker-Spur
   in der Laufzeitleiste) macht das spürbar, ohne laut zu sein. */
.ideas-filter-pill--active {
  border-color: color-mix(in srgb, var(--surface-border) 52%, var(--room-presence-edge) 42%);
  background:
    radial-gradient(
      ellipse 92% 70% at 14% 50%,
      color-mix(in srgb, var(--accent-ember) 24%, transparent),
      transparent 78%
    ),
    color-mix(in srgb, var(--surface-embed) 56%, var(--room-presence));
  color: var(--text-primary);
  box-shadow:
    inset 1px 0 0 color-mix(in srgb, var(--accent-wick) 56%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--mat-rim-soft) 64%, transparent);
}

/* Erfassungs-Höhle — Textfeld + Helfer-Zeile + Glyph als ein
   ruhiges, eingelassenes Instrument. Kein Toolbar-Gefühl. */
.ideas-capture {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
}

.ideas-draft {
  border: 1px solid color-mix(in srgb, var(--env-hero-contact) 10%, rgba(0, 0, 0, 0.12));
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--runtime-deck-well) 44%, var(--surface-embed)) 0%,
      color-mix(in srgb, var(--surface-embed) 92%, transparent) 100%
    );
  box-shadow: var(--shadow-input-well), var(--shadow-input-ground);
  transition:
    border-color 0.28s var(--runtime-ease),
    background 0.28s var(--runtime-ease),
    box-shadow 0.28s var(--runtime-ease);
}

.ideas-draft:focus {
  border-color: color-mix(in srgb, var(--env-hero-contact) 14%, var(--accent-border) 22%);
  background: color-mix(in srgb, var(--surface-embed) 72%, transparent);
  box-shadow:
    var(--shadow-input-well),
    var(--shadow-input-ground),
    inset 1px 0 0 color-mix(in srgb, var(--accent-wick) 24%, transparent);
}

.ideas-draft:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 2px;
}

.ideas-capture-foot {
  padding-inline: 0.05rem;
  min-height: 1.5rem;
}

.ideas-target-hint {
  letter-spacing: 0.01em;
}

/* Ruhiger Send-Glyph — geschwister-verwandt mit der Runtime-Leiste,
   aber kleiner, integriert. Keine Box, keine Knopf-Pose. */
.ideas-submit-glyph {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.625rem;
  height: 1.625rem;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: color-mix(in srgb, var(--text-secondary) 70%, transparent);
  cursor: pointer;
  opacity: 0.46;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition:
    color 0.42s var(--os-ease-material),
    background 0.42s var(--os-ease-material),
    opacity 0.42s var(--os-ease-material),
    transform 0.12s var(--os-ease-material);
}

.ideas-submit-glyph svg {
  width: 16px;
  height: 16px;
}

.ideas-capture:focus-within .ideas-submit-glyph:not(:disabled) {
  opacity: 0.74;
  color: color-mix(in srgb, var(--text-secondary) 92%, transparent);
}

.ideas-submit-glyph:not(:disabled):hover,
.ideas-submit-glyph:not(:disabled):focus-visible {
  color: color-mix(in srgb, var(--text-primary) 96%, transparent);
  opacity: 0.92;
}

.ideas-submit-glyph:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 2px;
}

.ideas-submit-glyph:disabled {
  opacity: 0.18;
  cursor: not-allowed;
  pointer-events: none;
}

.ideas-submit-glyph:active:not(:disabled) {
  transform: translateY(0.75px);
}

.ideas-error {
  border: 1px solid rgba(248, 113, 113, 0.18);
  background: rgba(248, 113, 113, 0.05);
  color: rgba(252, 165, 165, 0.92);
  border-radius: 0.4rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* Stille Ablage — keine harte Box, nur eine leise Höhlung im
   Capture-Material. Wenn nichts da ist, ist nichts da. */
.ideas-empty {
  border: none;
  background:
    radial-gradient(
      ellipse 78% 64% at 50% 18%,
      color-mix(in srgb, var(--runtime-deck-well) 36%, transparent),
      transparent 78%
    );
  border-radius: var(--os-radius-sm);
  padding: 2.35rem 1.5rem 2.5rem;
  text-align: center;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--mat-rim-soft) 38%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--mat-occlude-mid) 22%, transparent);
}

.ideas-empty p {
  margin-inline: auto;
  text-wrap: pretty;
}

/* Ideen-Stream — eine eingelassene Sammlung. Die Liste ist eine
   Material-Höhle, jede Idee eine flache, atmende Zeile darin. */
.ideas-list {
  position: relative;
  isolation: isolate;
  border-radius: calc(var(--os-radius-sm) + 1px);
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--runtime-deck-well) 28%, transparent) 0%,
      color-mix(in srgb, var(--runtime-deck-well) 18%, transparent) 100%
    );
  box-shadow: var(--shadow-panel-cavity), var(--shadow-panel-edge);
}

.ideas-item {
  position: relative;
  border-top: none;
  background: transparent;
  transition: background 0.32s var(--runtime-ease), opacity 0.32s var(--runtime-ease);
}

.ideas-item::before {
  content: "";
  position: absolute;
  left: 0.65rem;
  right: 0.65rem;
  top: 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--mat-occlude-mid) 52%, transparent),
    transparent
  );
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--mat-rim-soft) 48%, transparent);
}

.ideas-item:first-child::before {
  display: none;
}

.ideas-item:hover,
.ideas-item:focus-within {
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--room-presence) 38%, transparent) 0%,
      color-mix(in srgb, var(--runtime-deck-channel) 42%, transparent) 100%
    );
}

/* Gedanke, der entlassen wird — der Eintrag verblasst leise vor dem
   Verschwinden. Nicht „löschen" als Aktion, sondern „ablegen". */
.ideas-item[data-idea-pending="true"] {
  opacity: 0.48;
}

/* Stille Entlassen-Geste — wie eine Klinge, die sich nur in der
   Hand zeigt. Im Ruhezustand fast unsichtbar, beim Verweilen oder
   Tasten-Fokus tritt sie hervor. Auf Touch-Geräten dauerhaft
   sichtbar, weil es kein Hover gibt. */
.ideas-release {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.375rem;
  height: 1.375rem;
  margin-top: 0.05rem;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: var(--text-faint);
  cursor: pointer;
  opacity: 0;
  transform: translateX(2px);
  transition:
    color 0.32s var(--runtime-ease),
    opacity 0.32s var(--runtime-ease),
    transform 0.32s var(--runtime-ease);
}

.ideas-release svg {
  width: 12px;
  height: 12px;
}

.ideas-item:hover .ideas-release,
.ideas-item:focus-within .ideas-release,
.ideas-release:focus-visible {
  opacity: 0.74;
  transform: none;
}

.ideas-release:hover:not(:disabled),
.ideas-release:focus-visible:not(:disabled) {
  color: color-mix(in srgb, var(--text-secondary) 76%, var(--accent-soft) 24%);
  opacity: 1;
}

.ideas-release:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 2px;
}

.ideas-release:disabled {
  opacity: 0.18;
  cursor: not-allowed;
}

@media (hover: none) {
  .ideas-release {
    opacity: 0.58;
    transform: none;
  }
}

/* ── Geschichtete Capture-Seite · Queue / Ablage / Kontinuität ── */

.riss-traces-shelf--empty {
  padding-bottom: 0.15rem;
}

.riss-traces-shelf__empty {
  margin: 0.35rem 0 0;
  padding-inline: 0.06rem;
}

.ablage-explanation {
  max-width: 28ch;
  line-height: 1.58;
}

.ablage-draft {
  min-height: 5.5rem;
}

.ablage-captured__header {
  padding-bottom: 0.15rem;
  border-bottom: 1px solid color-mix(in srgb, var(--surface-divider) 52%, transparent);
}

.ablage-captured__title {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-faint);
}

.ablage-captured__list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ablage-captured__item {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.72rem 0.1rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 44%, transparent);
}

.ablage-captured__item:first-child {
  border-top: none;
  padding-top: 0.35rem;
}

.ablage-captured__dot {
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  margin-top: 0.55rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-soft) 68%, var(--text-faint));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-surface) 18%, transparent);
}

.ablage-captured__label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.ablage-captured__item[data-idea-pending="true"] {
  opacity: 0.55;
}

.risse-shelf {
  display: flex;
  flex-direction: column;
  gap: clamp(0.55rem, 1.1vw, 0.75rem);
  padding: clamp(0.7rem, 1.4vw, 0.9rem);
  border-radius: calc(var(--os-radius-sm) + 1px);
  background: color-mix(in srgb, var(--runtime-deck-well) 14%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--surface-highlight) 24%, transparent);
}

.risse-shelf__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.15rem;
}

.risse-shelf__title {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-faint);
}

.risse-shelf__hint {
  color: var(--text-faint);
  letter-spacing: 0.04em;
}

.risse-shelf__list {
  display: flex;
  flex-direction: column;
  gap: 0.42rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.risse-shelf__item {
  padding: 0.38rem 0.1rem 0.42rem;
  border-bottom: 1px solid color-mix(in srgb, var(--surface-divider) 32%, transparent);
}

.risse-shelf__item:last-child {
  border-bottom: none;
  padding-bottom: 0.1rem;
}

.risse-shelf__line {
  margin: 0;
  line-height: 1.45;
  color: var(--text-secondary);
}

.risse-shelf__kind {
  color: var(--text-faint);
  letter-spacing: 0.06em;
}

.risse-shelf__content {
  color: var(--text-secondary);
}

.risse-shelf__target {
  margin: 0.18rem 0 0;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--text-muted) 72%, var(--accent-soft) 28%);
}

.risse-shelf__origin {
  margin: 0.12rem 0 0;
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  color: var(--text-faint);
  opacity: 0.72;
}

.risse-shelf__empty {
  margin: 0;
}

.home-open-risse__list {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.home-open-risse__empty {
  margin: 0;
}

.home-open-risse__item {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.35rem 0.1rem;
}

.home-open-risse__dot {
  flex-shrink: 0;
  width: 4px;
  height: 4px;
  margin-top: 0.55rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-border) 55%, var(--text-faint));
  opacity: 0.7;
}

.home-open-risse__line {
  margin: 0;
  line-height: 1.45;
  color: var(--text-secondary);
}

.home-open-risse__target {
  margin: 0.2rem 0 0;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--text-muted) 72%, var(--accent-soft) 28%);
}

.home-open-risse__origin {
  margin: 0.12rem 0 0;
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  color: var(--text-faint);
  opacity: 0.72;
}

/* Fäden · bearbeitbare Arbeitslinie (eigene Controls, nicht home-open-risse) */
.room-threads-panel,
.room-threads-panel__detail,
.room-thread-detail {
  position: relative;
  z-index: 2;
  pointer-events: auto;
}

.room-threads-panel__item + .room-threads-panel__item {
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 38%, transparent);
}

.room-threads-panel__detail {
  margin-top: 0.65rem;
  padding-top: 0.65rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 32%, transparent);
}

.room-thread-detail {
  padding-top: 0.35rem;
}

.room-thread-detail__input {
  width: 100%;
  border-radius: 0.35rem;
  border: 1px solid color-mix(in srgb, var(--surface-divider) 72%, transparent);
  background: color-mix(in srgb, var(--runtime-deck-well) 24%, transparent);
  padding: 0.45rem 0.55rem;
  font-size: 0.8125rem;
  color: var(--text-secondary);
  pointer-events: auto;
}

.room-thread-detail__input:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 1px;
}

.room-thread-action {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid color-mix(in srgb, var(--surface-divider) 58%, transparent);
  border-radius: 0.35rem;
  background: color-mix(in srgb, var(--runtime-deck-channel) 42%, transparent);
  padding: 0.28rem 0.55rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  pointer-events: auto;
  transition:
    color 0.2s var(--runtime-ease),
    border-color 0.2s var(--runtime-ease),
    background 0.2s var(--runtime-ease);
}

.room-thread-action:hover:not(:disabled) {
  color: var(--text-primary);
  border-color: color-mix(in srgb, var(--accent-border) 42%, transparent);
  background: color-mix(in srgb, var(--room-presence) 18%, transparent);
}

.room-thread-action:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 2px;
}

.room-thread-action:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.room-thread-action--toggle {
  min-width: 4.5rem;
}

.room-thread-action--complete {
  border: none;
  background: transparent;
  padding: 0.1rem 0.25rem;
  font-size: 0.95rem;
  line-height: 1;
}

.room-thread-action--submit {
  border-color: color-mix(in srgb, var(--accent-border) 36%, transparent);
}

.home-open-risse__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
  margin-top: 0.55rem;
}

.home-open-risse__action {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0.1rem 0;
  color: var(--text-faint);
  font-size: 0.72rem;
  font-weight: 460;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: color 0.28s var(--runtime-ease);
}

.home-open-risse__action:hover {
  color: var(--text-secondary);
}

.home-open-risse__action--primary {
  color: var(--text-muted);
}

.home-open-risse__action--primary:hover {
  color: var(--text-secondary);
}

.home-open-risse__action--muted {
  opacity: 0.72;
}

.home-open-risse__action:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 2px;
  border-radius: 2px;
}

.home-open-risse__action:disabled {
  opacity: 0.42;
  cursor: default;
}

.home-open-risse__action:disabled:hover {
  color: var(--text-faint);
}

.home-open-risse__aurel-griff {
  margin-left: 0.15rem;
}

.home-open-risse__tool-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0.1rem 0.15rem;
  color: var(--text-faint);
  font-size: 0.68rem;
  font-weight: 460;
  letter-spacing: 0.01em;
  cursor: pointer;
  max-width: 5.5rem;
}

.home-open-risse__tool-select:hover {
  color: var(--text-secondary);
}

.home-open-risse__tool-select:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 2px;
  border-radius: 2px;
}

.continuity-shelf {
  display: flex;
  flex-direction: column;
  gap: clamp(0.85rem, 1.6vw, 1.1rem);
  padding: clamp(0.75rem, 1.5vw, 0.95rem);
  border-radius: calc(var(--os-radius-sm) + 1px);
  background: color-mix(in srgb, var(--runtime-deck-well) 18%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--surface-highlight) 28%, transparent);
}

.continuity-shelf__section + .continuity-shelf__section {
  padding-top: clamp(0.65rem, 1.3vw, 0.85rem);
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 42%, transparent);
}

.continuity-shelf__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.55rem;
}

.continuity-shelf__title {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-faint);
}

.continuity-shelf__hint {
  color: var(--text-faint);
  letter-spacing: 0.04em;
}

.continuity-shelf__list {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.continuity-shelf__empty {
  margin: 0;
}

.continuity-fragment__link {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.42rem 0.15rem;
  border-radius: var(--os-radius-sm);
  color: inherit;
  text-decoration: none;
  transition: background-color 0.24s var(--os-ease-material);
}

.continuity-fragment__link:hover,
.continuity-fragment__link:focus-visible {
  background: color-mix(in srgb, var(--accent-surface) 8%, transparent);
}

.continuity-fragment__wick {
  flex-shrink: 0;
  width: 1.5px;
  align-self: stretch;
  min-height: 1.35rem;
  margin-top: 0.15rem;
  border-radius: 1px;
  background: color-mix(in srgb, var(--text-faint) 42%, transparent);
  opacity: 0.55;
}

.continuity-fragment--idea .continuity-fragment__wick {
  background: color-mix(in srgb, var(--accent-soft) 48%, var(--text-faint));
  opacity: 0.72;
}

.continuity-fragment__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
}

.continuity-fragment__label {
  font-size: 0.8125rem;
  line-height: 1.58;
  letter-spacing: -0.006em;
  color: color-mix(in srgb, var(--text-secondary) 92%, var(--text-primary));
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.continuity-fragment--note .continuity-fragment__label {
  font-size: 0.84375rem;
  color: var(--text-secondary);
}

.continuity-fragment__meta {
  color: var(--text-faint);
}

/* Runtime-Konsole — zentrierte Gravitation, Leseparameter, materiell eingebettet */
.runtime-console {
  overflow-x: clip;
  overflow-y: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  left: 50%;
  width: min(21rem, calc(100vw - 1.25rem));
  max-width: calc(100vw - 1rem);
  transform: translateX(-50%);
  bottom: max(2.35rem, calc(env(safe-area-inset-bottom, 0px) + 1.15rem));
  min-height: 4rem;
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
  background: transparent;
}

.runtime-console::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 0.35rem;
  height: 1px;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--mat-rim-soft) 55%, transparent),
    transparent
  );
  opacity: 0.5;
}

@media (min-width: 640px) {
  .runtime-console {
    width: min(26.5rem, calc(100vw - 2rem));
    bottom: max(2.85rem, calc(env(safe-area-inset-bottom, 0px) + 1.28rem));
    min-height: 4.125rem;
    padding-top: 0.8125rem;
    padding-bottom: 0.5625rem;
  }
}

.runtime-console-rail {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
}

.runtime-console-rail > .runtime-trace,
.runtime-console-rail > .runtime-echo {
  max-width: 100%;
  width: 100%;
  padding-inline: 0.375rem;
  box-sizing: border-box;
}

/* Eingelassenes Bedienelement — die Runtime-Bar sitzt in der Konsole
   wie ein präzisionsgefräster Knopf in einer Aluminium-Frontplatte.
   Drei Materialschichten:
     • äußere Wölbung (gewölbt nach oben, durch radial gradient)
     • innere Cavity (eingedrückter Materialraum)
     • Hairline-Glanz an der Oberkante (machined edge) */
.runtime-input-bar {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  gap: 0.1875rem;
  min-height: 3.25rem;
  padding: 0.71875rem 0.5rem;
  border-radius: var(--chamber-inner-radius);
  border: 1px solid color-mix(in srgb, var(--env-hero-contact) 12%, rgba(0, 0, 0, 0.14));
  background:
    radial-gradient(
      ellipse 96% 70% at 50% 0%,
      color-mix(in srgb, var(--runtime-deck-rim) 16%, transparent),
      transparent 64%
    ),
    linear-gradient(
      188deg,
      color-mix(in srgb, var(--runtime-deck-channel) 92%, var(--surface-embed)) 0%,
      color-mix(in srgb, var(--runtime-deck-well) 88%, var(--runtime-thought-core)) 100%
    );
  box-shadow:
    var(--shadow-input-well),
    var(--shadow-input-ground);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition:
    border-color var(--os-duration-surface) var(--os-ease-liquid),
    background var(--os-duration-surface) var(--os-ease-liquid),
    box-shadow var(--os-duration-surface) var(--os-ease-liquid),
    opacity 0.42s var(--os-ease-material);
}

/* Hairline-Glanz an der Oberkante des Instruments — diese Linie ist
   das, was die Bar in die Konsole "einrastet". */
.runtime-input-bar::before {
  content: "";
  position: absolute;
  left: 0.45rem;
  right: 0.45rem;
  top: 0;
  height: 1px;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--mat-rim-soft) 92%, transparent) 18%,
    color-mix(in srgb, var(--mat-rim) 96%, transparent) 50%,
    color-mix(in srgb, var(--mat-rim-soft) 92%, transparent) 82%,
    transparent
  );
  opacity: 0.78;
}

.runtime-input-bar > * {
  position: relative;
  z-index: 1;
}

@media (min-width: 640px) {
  .runtime-input-bar {
    gap: 0.21875rem;
    min-height: 3.5rem;
    padding: 0.8125rem 0.5625rem;
    border-radius: calc(var(--chamber-inner-radius) + 1px);
  }
}

.runtime-input-bar:focus-within,
.runtime-input-bar[data-runtime-active="true"] {
  border-color: color-mix(
    in srgb,
    color-mix(in srgb, var(--env-hero-contact) 16%, rgba(0, 0, 0, 0.12)) 72%,
    var(--accent-border) 28%
  );
  background:
    radial-gradient(
      ellipse 92% 68% at 50% 0%,
      color-mix(in srgb, var(--accent-ember) 22%, transparent),
      transparent 62%
    ),
    linear-gradient(
      188deg,
      color-mix(in srgb, var(--runtime-deck-channel) 94%, var(--surface-embed)) 0%,
      color-mix(in srgb, var(--runtime-deck-well) 86%, var(--runtime-thought-core)) 100%
    );
  box-shadow:
    inset 0 2px 6px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 color-mix(in srgb, rgba(255, 255, 250, 0.058) 82%, transparent),
    inset 0 -1px 0 rgba(0, 0, 0, 0.36),
    inset 1px 0 0 color-mix(in srgb, var(--accent-wick) 38%, transparent),
    var(--shadow-input-ground);
}

/* Immersed state — die Bar versinkt tiefer, das Material wird zur
   Lese-Höhle. Cinematic dark mit kaum sichtbaren Reflexionen. */
.runtime-input-bar[data-runtime-immersed="true"] {
  border-color: color-mix(in srgb, var(--surface-border) 38%, var(--surface-divider) 24%);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--runtime-deck-well) 22%, transparent) 0%,
    color-mix(in srgb, var(--runtime-thought-core) 96%, transparent) 100%
  );
  box-shadow:
    inset 0 3px 7px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    inset 0 -1px 0 rgba(0, 0, 0, 0.42),
    var(--shadow-env-seam);
}

.runtime-input-bar[data-runtime-immersed="true"]::before {
  opacity: 0.42;
}

.runtime-input-bar[data-runtime-voice="true"] {
  border-color: color-mix(in srgb, var(--runtime-soft) 6%, var(--surface-divider) 92%);
}

.runtime-input-bar[data-runtime-voice="true"] .runtime-input-voice {
  opacity: 0.74;
  color: color-mix(in srgb, var(--text-secondary) 94%, var(--runtime-soft));
}

.runtime-input-bar[data-runtime-submitting="true"] {
  opacity: 0.9;
}

/* Runtime-Bar als Nervensystem der Umgebung.
 *
 * Die Eingabe-Leiste ist nicht ein Eingabefeld — sie ist die
 * Stelle, an der Bewegung durchgeht. Sie übernimmt deshalb sehr
 * leise die Atmosphäre des Laufzeitraums: operative Spannung,
 * Reibung, Wiedereinstieg, kreative Wärme. Keine Animation,
 * keine Aufdringlichkeit — nur Material, das mitatmet. */
html[data-runtime-aurel="active"] .runtime-input-bar:not(:focus-within):not([data-runtime-immersed="true"]) {
  border-color: color-mix(in srgb, var(--surface-border) 26%, transparent);
}

html[data-runtime-aurel="pressing"] .runtime-input-bar:not(:focus-within):not([data-runtime-immersed="true"]) {
  border-color: color-mix(in srgb, var(--accent-border) 12%, var(--surface-divider) 88%);
  box-shadow:
    var(--shadow-input-well),
    var(--shadow-input-ground),
    inset 1px 0 0 color-mix(in srgb, var(--accent-wick) 38%, transparent);
}

/* Reibung im System: die Leiste verdichtet ihre Kontur leise.
   Das ist kein Alarm — es ist ein Hinweis, dass etwas wartet. */
html[data-runtime-delphi="stirring"] .runtime-input-bar:not(:focus-within):not([data-runtime-immersed="true"]) {
  border-color: color-mix(in srgb, var(--room-presence-edge) 9%, var(--surface-divider) 91%);
}

html[data-runtime-delphi="friction"] .runtime-input-bar:not(:focus-within):not([data-runtime-immersed="true"]) {
  border-color: color-mix(in srgb, var(--accent-border) 14%, var(--surface-divider) 86%);
}

/* Wiedereinstiegs- und Rückkehr-Vektor: die Leiste neigt sich
   energetisch in Richtung des laufenden Fadens — sichtbar nur
   als minimale Wärme an der linken Seite, wo der Anker sitzt. */
html[data-runtime-vector="resume"] .runtime-input-bar:not(:focus-within):not([data-runtime-immersed="true"]),
html[data-runtime-vector="return"] .runtime-input-bar:not(:focus-within):not([data-runtime-immersed="true"]) {
  box-shadow:
    var(--shadow-input-well),
    var(--shadow-input-ground),
    inset 1px 0 0 color-mix(in srgb, var(--accent-wick) 48%, transparent);
}

html[data-runtime-vector="forward"] .runtime-input-bar:not(:focus-within):not([data-runtime-immersed="true"]) {
  background: linear-gradient(
    188deg,
    color-mix(in srgb, var(--runtime-deck-channel) 94%, var(--runtime-surface) 6%) 0%,
    color-mix(in srgb, var(--runtime-deck-well) 86%, var(--runtime-thought-core)) 100%
  );
  box-shadow:
    var(--shadow-input-well),
    var(--shadow-input-ground),
    inset 1px 0 0 color-mix(in srgb, var(--runtime-soft) 18%, transparent);
}

/* Wenn ein Raum gerade Momentum trägt, lockert die Leiste
   ihre Spannung ein winziges Stück — der Zug liegt woanders.
   Das ist ein sehr leiser, kontemplativer Zustand. */
html[data-runtime-momentum-room] .runtime-input-bar:not(:focus-within):not([data-runtime-immersed="true"]):not([data-runtime-active="true"]) {
  opacity: 0.9;
}

/* Anker (Raumlabel links in der Leiste) reagiert auf Wärme des
   aktuellen Raums: frische Räume drücken den Anker leicht
   wärmer, gekühlte halten ihn ruhig. */
html[data-runtime-vector="resume"] .runtime-input-bar:not(:focus-within):not([data-runtime-immersed="true"]) .runtime-anchor--room,
html[data-runtime-vector="return"] .runtime-input-bar:not(:focus-within):not([data-runtime-immersed="true"]) .runtime-anchor--room {
  color: color-mix(in srgb, var(--text-muted) 86%, var(--accent-soft) 14%);
}

.runtime-anchor-cluster {
  display: inline-flex;
  align-items: center;
  gap: 0.0625rem;
  opacity: 0.76;
}

.runtime-anchor {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.625rem;
  max-width: 6.75rem;
  min-height: 1.625rem;
  padding-inline: 0 0.3125rem;
  color: color-mix(in srgb, var(--text-muted) 72%, transparent);
  font-size: 0.828125rem;
  font-weight: 580;
  line-height: 1;
  letter-spacing: -0.018em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition:
    opacity 0.48s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    color 0.48s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 0.48s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.runtime-anchor--home {
  flex: none;
  width: 1.625rem;
  height: 1.625rem;
  min-width: 1.625rem;
  min-height: 1.625rem;
  margin-inline: 0;
  padding: 0;
  border-radius: 0.25rem;
  color: color-mix(in srgb, var(--text-muted) 82%, transparent);
  background: transparent;
  text-decoration: none;
  border: none;
  box-shadow: none;
}

.runtime-anchor--home svg {
  width: 17px;
  height: 17px;
}

.runtime-anchor--home:hover {
  color: color-mix(in srgb, var(--text-muted) 90%, transparent);
  background: transparent;
}

.runtime-anchor--home:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 2px;
}

.runtime-anchor--room {
  max-width: 3.125rem;
  margin-inline-start: 0;
  padding-inline: 0;
}

/* 404-Rückkehr — kein Knopf-Theater. Eine ruhige, gefräste Spur,
   die zur Laufzeit zurückführt. Schwester der Runtime-Trace, nicht
   einer „Call-to-Action". */
.not-found-return {
  display: inline-flex;
  align-items: baseline;
  gap: 0.45rem;
  padding: 0;
  color: color-mix(in srgb, var(--env-text-secondary) 86%, var(--accent) 14%);
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: 0.78125rem;
  font-weight: 520;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  background: transparent;
  border-bottom: 1px solid color-mix(in srgb, var(--accent-wick) 42%, transparent);
  padding-bottom: 0.2rem;
  transition:
    color var(--os-duration-surface) var(--os-ease-liquid),
    border-color var(--os-duration-surface) var(--os-ease-liquid);
}

.not-found-return::before {
  content: "←";
  display: inline-block;
  font-weight: 520;
  color: color-mix(in srgb, var(--env-text-muted) 80%, var(--accent) 20%);
}

.not-found-return:hover,
.not-found-return:focus-visible {
  color: var(--env-text-primary);
  border-bottom-color: color-mix(in srgb, var(--accent-wick) 78%, transparent);
}

.not-found-return:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 4px;
  border-radius: 0.15rem;
}

.runtime-input-bar[data-runtime-home="true"] .runtime-anchor--home {
  color: color-mix(in srgb, var(--text-muted) 78%, transparent);
  background: transparent;
}

.runtime-input-bar[data-runtime-immersed="true"] .runtime-anchor--home,
.runtime-input-bar[data-runtime-immersed="true"] .runtime-anchor--room {
  opacity: 0.58;
}

/* Das "Denkfenster" in der Bar — eine zweite, tiefere Material-Höhle
   innerhalb der Bar. Wirkt wie ein in die Frontplatte eingelassenes
   Display-Fenster. */
.runtime-input-thought {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.125rem;
  min-width: 0;
  flex: 1;
  border-radius: calc(var(--os-radius-sm) - 1px);
  border: 1px solid color-mix(in srgb, var(--surface-border) 22%, transparent);
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--runtime-thought-core) 88%, transparent) 0%,
      color-mix(in srgb, var(--runtime-deck-well) 38%, var(--runtime-thought-core)) 100%
    );
  box-shadow:
    inset 0 2px 3px rgba(0, 0, 0, 0.32),
    inset 0 -1px 0 rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 250, 0.032);
  padding-block: 0;
  padding-inline: 0.125rem 0.15625rem;
  transition:
    background 0.48s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    border-color 0.38s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    padding 0.38s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.runtime-input-bar[data-runtime-focused="true"] .runtime-input-thought {
  border-color: color-mix(in srgb, var(--surface-border) 28%, var(--accent-border) 16%);
  background: color-mix(in srgb, var(--runtime-deck-well) 42%, var(--runtime-thought-core));
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 color-mix(in srgb, rgba(255, 255, 250, 0.04) 72%, var(--accent-soft) 28%);
}

.runtime-input-bar[data-runtime-immersed="true"] .runtime-input-thought {
  border-color: color-mix(in srgb, var(--surface-divider) 32%, transparent);
  background: color-mix(in srgb, var(--runtime-thought-core) 92%, var(--runtime-deck-well));
  box-shadow:
    inset 0 2px 4px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.032);
  padding-inline: 0.1875rem 0.21875rem;
}

.runtime-input-field {
  color: color-mix(in srgb, var(--text-primary) 88%, var(--text-secondary) 12%);
  font-size: 1.0625rem;
  font-weight: 520;
  line-height: 1.18;
  letter-spacing: -0.028em;
  caret-color: var(--runtime-thought-text);
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-variant-ligatures: contextual;
  font-variant-numeric: proportional-nums;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
  transition:
    color 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    font-size 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    letter-spacing 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.runtime-input-bar[data-runtime-active="true"] .runtime-input-field {
  color: color-mix(in srgb, var(--text-primary) 92%, transparent);
}

.runtime-input-bar[data-runtime-immersed="true"] .runtime-input-field {
  color: var(--runtime-thought-text);
  font-size: 1.1875rem;
  font-weight: 520;
  letter-spacing: -0.034em;
  caret-color: #fffdf8;
}

.runtime-input-field::-moz-placeholder {
  color: var(--runtime-thought-muted);
  font-weight: 500;
  letter-spacing: -0.018em;
  opacity: 0.52;
}

.runtime-input-field::placeholder {
  color: var(--runtime-thought-muted);
  font-weight: 500;
  letter-spacing: -0.018em;
  opacity: 0.52;
}

.runtime-input-field:focus::-moz-placeholder {
  opacity: 0.58;
}

.runtime-input-field:focus::placeholder {
  opacity: 0.58;
}

.runtime-input-bar[data-runtime-immersed="true"] .runtime-input-field::-moz-placeholder {
  opacity: 0.36;
}

.runtime-input-bar[data-runtime-immersed="true"] .runtime-input-field::placeholder {
  opacity: 0.36;
}

.runtime-input-voice,
.runtime-input-send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: none;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition:
    color 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    background 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.runtime-input-voice {
  width: 1.75rem;
  height: 1.75rem;
  margin-inline-start: -0.0625rem;
  color: color-mix(in srgb, var(--text-muted) 84%, transparent);
  opacity: 0.58;
}

.runtime-input-voice svg {
  width: 18px;
  height: 18px;
}

.runtime-input-send {
  width: 1.625rem;
  height: 1.625rem;
  margin-inline-start: -0.125rem;
  color: color-mix(in srgb, var(--text-secondary) 76%, transparent);
  opacity: 0.46;
}

.runtime-input-send svg {
  width: 18px;
  height: 18px;
}

.runtime-input-bar[data-runtime-active="true"] .runtime-input-voice {
  opacity: 0.72;
  color: color-mix(in srgb, var(--text-muted) 92%, transparent);
}

.runtime-input-bar[data-runtime-active="true"] .runtime-input-send:not(:disabled) {
  opacity: 0.74;
  color: color-mix(in srgb, var(--text-secondary) 92%, transparent);
}

.runtime-input-bar[data-runtime-immersed="true"] .runtime-input-voice {
  opacity: 0.62;
}

.runtime-input-bar[data-runtime-immersed="true"] .runtime-input-send:not(:disabled) {
  opacity: 0.86;
}

.runtime-input-voice:hover,
.runtime-input-send:not(:disabled):hover {
  color: color-mix(in srgb, var(--text-secondary) 96%, transparent);
  opacity: 0.92;
}

.runtime-input-voice[aria-pressed="true"] {
  opacity: 0.9;
  color: color-mix(in srgb, var(--text-secondary) 94%, var(--runtime-soft));
  background: color-mix(in srgb, var(--runtime-surface) 28%, transparent);
}

.runtime-input-send:disabled {
  opacity: 0.16;
  pointer-events: none;
}

.runtime-input-voice:focus-visible,
.runtime-input-send:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 2px;
}

.runtime-input-send:active:not(:disabled) {
  transform: translateY(0.75px);
  transition-duration: 0.06s;
}

.runtime-trace {
  position: relative;
  color: color-mix(in srgb, var(--text-muted) 72%, transparent);
  font-size: 0.75rem;
  font-weight: 460;
  line-height: 1.32;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: lowercase;
  font-variant-numeric: tabular-nums;
  text-wrap: balance;
  opacity: 0;
  transform: translateY(2px);
  transition:
    opacity 0.68s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 0.68s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.runtime-trace[data-trace-visible="true"] {
  opacity: 0.78;
  transform: translateY(0);
}

.runtime-trace[data-trace-visible="true"]::after {
  content: "";
  display: block;
  width: 1px;
  height: 0.25rem;
  margin-inline: auto;
  margin-top: 0.0625rem;
  margin-bottom: 0;
  border-radius: 1px;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--surface-divider) 24%, transparent),
    transparent 100%
  );
  opacity: 0.42;
}

.runtime-trace[data-trace-kind="resume"][data-trace-visible="true"],
.runtime-trace[data-trace-kind="park"][data-trace-visible="true"] {
  color: color-mix(in srgb, var(--text-secondary) 76%, transparent);
}

.runtime-trace[data-trace-kind="focus"][data-trace-visible="true"] {
  color: color-mix(in srgb, var(--text-secondary) 68%, transparent);
}

.runtime-trace[data-trace-kind="open"][data-trace-visible="true"],
.runtime-trace[data-trace-kind="horizon"][data-trace-visible="true"] {
  color: color-mix(in srgb, var(--text-muted) 78%, transparent);
}

/* Re-Entry — Rückkehr nach Pause: leise Wärme, keine Aufdringlichkeit */
.runtime-trace[data-trace-kind="re-entry"][data-trace-visible="true"] {
  color: color-mix(in srgb, var(--text-secondary) 70%, transparent);
  letter-spacing: 0.025em;
}

/* Drift — laterale, nicht-zielgerichtete Bewegung: am tiefsten verblasst */
.runtime-trace[data-trace-kind="drift"][data-trace-visible="true"] {
  color: color-mix(in srgb, var(--text-muted) 64%, transparent);
}

/* Wärmestufen wirken auf die Opazität, nicht auf Tonalität.
   Jüngere Spuren erscheinen leicht klarer, ältere lösen sich
   sanft auf. Wärme ist hier visuelle Aufmerksamkeitsphysik:
   sie entspricht dem operativen Zug eines Fadens. */
.runtime-trace[data-trace-warmth="fresh"][data-trace-visible="true"] {
  opacity: 0.88;
}

.runtime-trace[data-trace-warmth="settling"][data-trace-visible="true"] {
  opacity: 0.8;
}

.runtime-trace[data-trace-warmth="cooling"][data-trace-visible="true"] {
  opacity: 0.68;
}

.runtime-trace[data-trace-warmth="fading"][data-trace-visible="true"] {
  opacity: 0.56;
}

/* Klickbare Continuity-Spur — gleicher Material-Ton wie der passive
   Trace-Text, nur mit zarter Affordance. Sie verhält sich wie ein
   Tagebuch-Rand, der reagiert, nicht wie ein Button. */
.runtime-trace--interactive {
  cursor: pointer;
  border: none;
  padding: 0;
  font: inherit;
  text-align: inherit;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
  transition:
    opacity 0.68s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 0.68s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.runtime-trace--interactive:hover,
.runtime-trace--interactive:focus-visible {
  color: color-mix(in srgb, var(--text-secondary) 92%, var(--accent-soft) 8%);
  opacity: 1;
}

.runtime-trace--interactive:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--accent-border) 32%, transparent);
  outline-offset: 4px;
  border-radius: 0.125rem;
}

.runtime-trace--interactive:active {
  transform: translateY(0.5px);
  transition-duration: 0.08s;
}

/* Konsolen-Schiene — die Übergangsgesten der Runtime Bar.
   Hairline-Wörter, niemals Toolbar-Energie. Mehr als zwei Chips
   gleichzeitig wären eine Identitätsverletzung (RUNTIME_BAR.md §4.3). */
.runtime-console-shelf {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.875rem;
  min-height: 1.125rem;
  padding-block: 0.125rem;
  padding-inline: 0.375rem;
  opacity: 0;
  transform: translateY(2px);
  animation: runtime-shelf-settle 0.48s var(--runtime-ease-settle, cubic-bezier(0.25, 0.46, 0.45, 0.94)) forwards;
  box-sizing: border-box;
}

.runtime-console-shelf[data-shelf-mode="idle"] {
  opacity: 0;
  animation: runtime-shelf-settle 0.62s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation-delay: 0.18s;
}

@keyframes runtime-shelf-settle {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 0.86;
    transform: translateY(0);
  }
}

.runtime-console-chip {
  display: inline-flex;
  align-items: center;
  border: none;
  background: transparent;
  padding: 0;
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 460;
  line-height: 1.32;
  letter-spacing: 0.02em;
  text-transform: lowercase;
  color: color-mix(in srgb, var(--text-muted) 76%, transparent);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition:
    color 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.runtime-console-chip:hover,
.runtime-console-chip:focus-visible {
  color: color-mix(in srgb, var(--text-secondary) 92%, var(--accent-soft) 8%);
}

.runtime-console-chip:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--accent-border) 32%, transparent);
  outline-offset: 4px;
  border-radius: 0.125rem;
}

.runtime-console-chip:active {
  transform: translateY(0.5px);
  transition-duration: 0.08s;
}

.runtime-console-chip[data-chip-kind="loop"] {
  color: color-mix(in srgb, var(--text-secondary) 80%, transparent);
}

.runtime-echo {
  color: color-mix(in srgb, var(--text-muted) 84%, transparent);
  font-size: 0.8125rem;
  font-weight: 460;
  line-height: 1.42;
  letter-spacing: 0.014em;
  text-align: center;
  text-shadow: none;
  animation: runtime-echo-settle 0.42s var(--runtime-ease-settle);
}

.runtime-echo[data-echo-tone="minimal"] {
  color: color-mix(in srgb, var(--text-muted) 72%, transparent);
  font-size: 0.75rem;
  font-weight: 430;
  letter-spacing: 0.018em;
  animation: runtime-echo-dissolve 0.52s var(--runtime-ease-settle);
}

@keyframes runtime-echo-settle {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes runtime-echo-dissolve {
  0% {
    opacity: 0;
    transform: translateY(2px);
  }
  18% {
    opacity: 0.72;
    transform: translateY(0);
  }
  100% {
    opacity: 0.58;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .runtime-input-bar,
  .runtime-anchor--home,
  .runtime-anchor--room,
  .runtime-anchor-cluster,
  .runtime-input-thought,
  .runtime-input-field,
  .runtime-input-voice,
  .runtime-input-send,
  .runtime-trace,
  .runtime-trace--interactive,
  .runtime-console-shelf,
  .runtime-console-chip,
  .runtime-echo {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }

  .runtime-console-shelf {
    opacity: 0.86;
    transform: none;
  }

  .runtime-input-send:active:not(:disabled) {
    transform: none;
  }
}

@media (max-width: 640px) {
  .runtime-presence-layer:not(.runtime-session-header) {
    transform: scale(0.94);
    transform-origin: top right;
  }

  .runtime-presence-layer .runtime-object {
    opacity: 0.84;
  }

  .runtime-input-bar:not(.der-riss-incision) {
    gap: 0.1rem;
    min-height: 3.1875rem;
    padding: 0.6875rem 0.375rem;
    border-radius: 0.875rem;
  }

  .runtime-input-field {
    font-size: 1.125rem;
  }

  .runtime-anchor--room {
    display: none;
  }

  .runtime-anchor--home {
    display: inline-flex;
  }
}

/* Hinweis: Oben-rechts-Presence sitzt auf hellem Atmo — Uhrzeit bleibt über
   var(--env-text-primary); keine hellen Überschreibungen pro Atmosphäre. */

.environment-hero .presence-clock p:first-child {
  color: var(--env-text-primary);
  font-weight: 650;
  letter-spacing: 0.035em;
  text-shadow:
    var(--env-text-edge-soft),
    0 8px 18px rgba(54, 58, 52, 0.04);
}

.environment-hero .presence-clock p:last-child {
  color: var(--env-text-muted);
  font-weight: 540;
  letter-spacing: 0.055em;
  text-shadow: var(--env-text-edge-fine);
}

.environment-hero .presence-clock span {
  color: color-mix(in srgb, var(--env-text-muted) 72%, transparent);
}

.environment-hero .runtime-object {
  border-color: color-mix(in srgb, var(--surface-border) 78%, var(--env-hero-edge));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 -1px 0 rgba(0, 0, 0, 0.48),
    0 1px 0 rgba(255, 255, 255, 0.035),
    0 2px 4px -3px rgba(0, 0, 0, 0.78),
    0 16px 30px -22px rgba(30, 32, 28, 0.62);
}

/* Task-Fokusraum — Studio bei Nacht, ruhige Tiefe */
.task-focus-list > li {
  transition:
    opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.45s ease,
    background-color 0.45s ease,
    box-shadow 0.45s ease;
}

.task-focus-list:has(.task-focus-active) > li:not(.task-focus-active) {
  opacity: 0.52;
  filter: saturate(0.88);
}

.task-focus-active {
  position: relative;
  z-index: 1;
}

.task-chamber-panel {
  background: var(--surface-embed);
  border: 1px solid var(--surface-border);
  box-shadow:
    var(--shadow-panel-stack),
    var(--shadow-env-seam);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* ───── RAUMRISS Initial-Seed · Review-Oberfläche ──────────────────────── */

.raumriss-seed {
  display: flex;
  flex-direction: column;
  gap: 1.85rem;
}

.raumriss-seed__header {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.raumriss-seed__intro {
  max-width: 52ch;
  color: var(--text-muted);
}

.raumriss-seed__overview {
  margin-top: 0.35rem;
  color: var(--text-faint);
}

.raumriss-seed__bar {
  position: sticky;
  top: calc(var(--runtime-presence-top, 4.25rem) + 0.85rem);
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  padding: 0.75rem 1rem;
  border: 1px solid color-mix(in srgb, var(--surface-border) 78%, transparent);
  border-radius: 10px;
  background: color-mix(in srgb, var(--surface-embed) 88%, transparent);
  backdrop-filter: blur(var(--surface-blur));
  -webkit-backdrop-filter: blur(var(--surface-blur));
}

.raumriss-seed__selection-line {
  margin: 0;
  color: var(--text-muted);
}

.raumriss-seed__bar-actions {
  display: flex;
  gap: 0.5rem;
}

.raumriss-seed__btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid color-mix(in srgb, var(--surface-border) 62%, transparent);
  background: transparent;
  color: var(--text-secondary);
  border-radius: 8px;
  padding: 0.4rem 0.85rem;
  font-size: 0.78rem;
  letter-spacing: 0.01em;
  line-height: 1.1;
  cursor: pointer;
  transition:
    border-color 0.25s ease,
    color 0.25s ease,
    background-color 0.25s ease,
    opacity 0.2s ease;
}

.raumriss-seed__btn:hover:not(:disabled),
.raumriss-seed__btn:focus-visible:not(:disabled) {
  border-color: color-mix(in srgb, var(--surface-border) 38%, var(--accent-border) 52%);
  color: var(--text-primary);
}

.raumriss-seed__btn:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 2px;
}

.raumriss-seed__btn:disabled {
  opacity: 0.36;
  cursor: not-allowed;
}

.raumriss-seed__btn--primary {
  background: color-mix(in srgb, var(--accent-soft) 18%, transparent);
  border-color: color-mix(in srgb, var(--accent-border) 58%, transparent);
  color: var(--text-primary);
}

.raumriss-seed__btn--primary:hover:not(:disabled),
.raumriss-seed__btn--primary:focus-visible:not(:disabled) {
  background: color-mix(in srgb, var(--accent-soft) 28%, transparent);
  border-color: color-mix(in srgb, var(--accent-border) 78%, transparent);
}

.raumriss-seed__btn--ghost {
  padding-block: 0.3rem;
  font-size: 0.74rem;
  color: var(--text-muted);
}

.raumriss-seed__rooms {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

.raumriss-seed-room {
  border: 1px solid color-mix(in srgb, var(--surface-border) 62%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--surface-embed) 70%, transparent);
  padding: 1.1rem 1.2rem 0.85rem;
}

.raumriss-seed-room[data-room-pending="true"] {
  border-color: color-mix(in srgb, var(--surface-border) 48%, var(--room-presence-edge) 38%);
}

.raumriss-seed-room__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.8rem 1.25rem;
  margin-bottom: 0.65rem;
}

.raumriss-seed-room__title {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
  flex: 1 1 32ch;
}

.raumriss-seed-room__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.45rem;
}

.raumriss-seed-room__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  justify-content: flex-end;
}

.raumriss-seed-room__select-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  color: var(--text-muted);
  cursor: pointer;
  -webkit-text-decoration: underline dotted color-mix(in srgb, var(--text-faint) 70%, transparent);
          text-decoration: underline dotted color-mix(in srgb, var(--text-faint) 70%, transparent);
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

.raumriss-seed-room__select-toggle:hover,
.raumriss-seed-room__select-toggle:focus-visible {
  color: var(--text-secondary);
}

.raumriss-seed-room__select-toggle:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 2px;
  border-radius: 4px;
}

.raumriss-seed-room__list {
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.raumriss-seed-entry {
  position: relative;
  padding: 0.55rem 0.4rem;
  border-radius: 8px;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}

.raumriss-seed-entry + .raumriss-seed-entry {
  border-top: 1px solid color-mix(in srgb, var(--surface-border) 38%, transparent);
}

.raumriss-seed-entry:hover {
  background: color-mix(in srgb, var(--surface-highlight) 12%, transparent);
}

.raumriss-seed-entry[data-imported="true"] {
  opacity: 0.62;
}

.raumriss-seed-entry__row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.7rem;
  align-items: start;
  cursor: pointer;
}

.raumriss-seed-entry[data-imported="true"] .raumriss-seed-entry__row {
  cursor: default;
}

.raumriss-seed-entry__check {
  margin-top: 0.22rem;
  accent-color: color-mix(in srgb, var(--accent-border) 92%, var(--text-primary) 8%);
  cursor: inherit;
}

.raumriss-seed-entry__check:disabled {
  opacity: 0.42;
}

.raumriss-seed-entry__main {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  min-width: 0;
}

.raumriss-seed-entry__title {
  font-size: 0.92rem;
  line-height: 1.35;
  color: var(--text-primary);
}

.raumriss-seed-entry[data-imported="true"] .raumriss-seed-entry__title {
  color: var(--text-secondary);
}

.raumriss-seed-entry__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.55rem;
  font-size: 0.7rem;
  letter-spacing: 0.02em;
  color: var(--text-muted);
}

.raumriss-seed-entry__chip {
  display: inline-flex;
  align-items: center;
  padding: 0.08rem 0.5rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--surface-border) 56%, transparent);
  background: color-mix(in srgb, var(--surface-embed) 60%, transparent);
}

.raumriss-seed-entry[data-kind="routine"] .raumriss-seed-entry__chip--kind {
  border-color: color-mix(in srgb, var(--surface-border) 32%, var(--accent-border) 38%);
}

.raumriss-seed-entry[data-kind="automation_candidate"] .raumriss-seed-entry__chip--kind {
  border-color: color-mix(in srgb, var(--surface-border) 30%, var(--accent-border) 24%);
  font-variant-caps: all-small-caps;
}

.raumriss-seed-entry[data-kind="future_project"] .raumriss-seed-entry__chip--kind {
  border-style: dashed;
  color: var(--text-faint);
}

.raumriss-seed-entry__chip--state {
  font-variant-caps: all-small-caps;
  letter-spacing: 0.05em;
  color: var(--text-faint);
}

.raumriss-seed-entry__origin {
  color: var(--text-faint);
  font-variant-numeric: tabular-nums;
}

.raumriss-seed-entry__note {
  font-size: 0.72rem;
  color: var(--text-muted);
  line-height: 1.45;
  max-width: 60ch;
}

.raumriss-seed-entry__status {
  font-size: 0.7rem;
  color: var(--text-faint);
  letter-spacing: 0.04em;
  font-variant-caps: all-small-caps;
  align-self: center;
  white-space: nowrap;
}

.raumriss-seed__footer {
  border-top: 1px solid color-mix(in srgb, var(--surface-border) 32%, transparent);
  padding-top: 0.85rem;
}

@media (max-width: 720px) {
  .raumriss-seed-room__header {
    flex-direction: column;
  }
  .raumriss-seed-room__meta {
    align-items: flex-start;
  }
  .raumriss-seed-entry__row {
    grid-template-columns: auto 1fr;
  }
  .raumriss-seed-entry__status {
    grid-column: 1 / -1;
    align-self: flex-start;
    padding-left: 1.65rem;
  }
}

/* ──────────────────────────────────────────────────────────────
 *  Open-Loop · interaktive Faden-Reihe + Detail
 *  Ruhig, räumlich. Primäraktion still, Sekundäres dezent.
 * ────────────────────────────────────────────────────────────── */

.room-loop-slot__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: inherit;
  font: inherit;
  width: 100%;
  border-radius: inherit;
  transition: color 240ms var(--os-ease-liquid, ease);
}

.room-loop-slot__button:hover {
  color: var(--text-primary);
}

.room-loop-slot__button:focus-visible {
  outline: 2px solid var(--os-focus-ring, var(--accent-border));
  outline-offset: 1px;
}

.ideas-promote {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--text-faint);
  text-decoration: none;
  cursor: pointer;
  letter-spacing: 0.01em;
  transition: color 200ms var(--os-ease-liquid, ease);
}

.ideas-promote:hover:not(:disabled) {
  color: var(--text-secondary);
}

.ideas-promote:focus-visible {
  outline: 1px dashed color-mix(in srgb, var(--accent-border) 60%, transparent);
  outline-offset: 3px;
  border-radius: 2px;
}

.ideas-promote:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.ideas-promoted-hint {
  border-left: 1px solid color-mix(in srgb, var(--accent-border) 35%, transparent);
  padding: 0.4rem 0.6rem;
  background: color-mix(in srgb, var(--surface-embed) 80%, transparent);
  border-radius: 4px;
}

/* ── Detail-Panel ─────────────────────────────────────── */

.room-loop-detail__backdrop {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(1rem, 6vh, 4rem) 1rem 2rem;
  background: color-mix(in srgb, rgb(8, 6, 4) 56%, transparent);
  backdrop-filter: blur(6px);
  animation: room-loop-detail-fade 220ms var(--os-ease-liquid, ease);
}

@keyframes room-loop-detail-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.room-loop-detail {
  position: relative;
  width: min(36rem, 100%);
  max-height: calc(100vh - 4rem);
  display: flex;
  flex-direction: column;
  background: color-mix(in srgb, var(--surface-embed) 92%, var(--room-presence) 8%);
  border: 1px solid color-mix(in srgb, var(--surface-border) 70%, var(--room-presence-edge));
  border-radius: 12px;
  box-shadow:
    0 18px 48px -22px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 color-mix(in srgb, var(--surface-highlight) 50%, transparent);
  overflow: hidden;
  animation: room-loop-detail-rise 260ms var(--os-ease-liquid, ease);
}

@keyframes room-loop-detail-rise {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.room-loop-detail[data-loop-state="waiting"] {
  border-color: color-mix(in srgb, var(--room-presence-edge) 50%, var(--surface-border));
}

.room-loop-detail[data-loop-state="parked"] {
  border-color: color-mix(in srgb, var(--surface-border) 84%, transparent);
}

.room-loop-detail[data-loop-state="done"] {
  border-color: color-mix(in srgb, var(--surface-border) 94%, transparent);
  opacity: 0.94;
}

.room-loop-detail__head {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.15rem 1.25rem 0.9rem;
  border-bottom: 1px solid color-mix(in srgb, var(--surface-divider) 76%, transparent);
}

.room-loop-detail__title {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: text;
  font: inherit;
}

.room-loop-detail__title-input {
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 1.075rem;
  font-weight: 500;
}

.room-loop-detail__close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--surface-border) 78%, transparent);
  color: var(--text-muted);
  border-radius: 999px;
  width: 1.85rem;
  height: 1.85rem;
  font-size: 1.05rem;
  line-height: 1;
  cursor: pointer;
  transition:
    border-color 220ms var(--os-ease-liquid, ease),
    color 220ms var(--os-ease-liquid, ease);
}

.room-loop-detail__close:hover {
  border-color: color-mix(in srgb, var(--accent-border) 60%, var(--surface-border));
  color: var(--text-primary);
}

.room-loop-detail__close:focus-visible {
  outline: 2px solid var(--os-focus-ring, var(--accent-border));
  outline-offset: 2px;
}

.room-loop-detail__body {
  overflow-y: auto;
  padding: 1.15rem 1.25rem 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.35rem;
}

.room-loop-detail__section {
  display: block;
}

.room-loop-detail__primary {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid color-mix(in srgb, var(--accent-border) 48%, var(--surface-border));
  background: color-mix(in srgb, var(--surface-embed) 78%, var(--accent-surface) 12%);
  color: var(--text-primary);
  padding: 0.32rem 0.75rem;
  border-radius: 6px;
  cursor: pointer;
  transition:
    border-color 220ms var(--os-ease-liquid, ease),
    background 220ms var(--os-ease-liquid, ease);
}

.room-loop-detail__primary:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--accent-border) 70%, var(--surface-border));
  background: color-mix(in srgb, var(--surface-embed) 72%, var(--accent-surface) 18%);
}

.room-loop-detail__primary:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

.room-loop-detail__primary:focus-visible {
  outline: 2px solid var(--os-focus-ring, var(--accent-border));
  outline-offset: 2px;
}

.room-loop-detail__state-action,
.room-loop-detail__kind-action {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid color-mix(in srgb, var(--surface-border) 78%, transparent);
  background: color-mix(in srgb, var(--surface-embed) 86%, transparent);
  color: var(--text-secondary);
  font-size: 0.78rem;
  padding: 0.32rem 0.7rem;
  border-radius: 999px;
  cursor: pointer;
  letter-spacing: 0.01em;
  transition:
    border-color 220ms var(--os-ease-liquid, ease),
    background 220ms var(--os-ease-liquid, ease),
    color 220ms var(--os-ease-liquid, ease);
}

.room-loop-detail__state-action:hover:not(:disabled),
.room-loop-detail__kind-action:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--accent-border) 55%, var(--surface-border));
  background: color-mix(in srgb, var(--surface-embed) 76%, var(--room-presence) 20%);
  color: var(--text-primary);
}

.room-loop-detail__state-action[data-current="true"],
.room-loop-detail__kind-action[data-current="true"] {
  border-style: dashed;
  border-color: color-mix(in srgb, var(--accent-border) 70%, var(--surface-border));
  background: color-mix(in srgb, var(--surface-embed) 70%, var(--accent-surface) 24%);
  color: var(--text-primary);
  cursor: default;
}

.room-loop-detail__state-action:focus-visible,
.room-loop-detail__kind-action:focus-visible {
  outline: 2px solid var(--os-focus-ring, var(--accent-border));
  outline-offset: 2px;
}

.room-loop-detail__more-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--text-faint);
  cursor: pointer;
  letter-spacing: 0.01em;
  transition: color 200ms var(--os-ease-liquid, ease);
}

.room-loop-detail__more-toggle:hover {
  color: var(--text-secondary);
}

.room-loop-detail__more-toggle:focus-visible {
  outline: 1px dashed color-mix(in srgb, var(--accent-border) 60%, transparent);
  outline-offset: 3px;
  border-radius: 2px;
}

.room-loop-detail__trace {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  border-left: 1px solid color-mix(in srgb, var(--surface-divider) 74%, transparent);
  padding-left: 0.95rem;
}

.room-loop-detail__trace-item {
  position: relative;
}

.room-loop-detail__trace-item::before {
  content: "";
  position: absolute;
  left: -1.18rem;
  top: 0.45rem;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface-divider) 70%, var(--accent-border));
}

.room-loop-detail__trace-item[data-movement-kind="note"]::before {
  background: color-mix(in srgb, var(--accent-soft, var(--accent-border)) 70%, transparent);
}

.room-loop-detail__trace-item[data-movement-kind="state"]::before {
  background: color-mix(in srgb, var(--text-secondary) 60%, transparent);
}

.room-loop-detail__trace-item[data-movement-kind="next_step"]::before {
  background: color-mix(in srgb, var(--accent-border) 70%, transparent);
}

.room-loop-detail__trace-item[data-movement-kind="opened"]::before {
  background: color-mix(in srgb, var(--surface-divider) 90%, transparent);
}

@media (max-width: 540px) {
  .room-loop-detail {
    border-radius: 10px;
  }
  .room-loop-detail__head {
    padding: 1rem 1rem 0.8rem;
  }
  .room-loop-detail__body {
    padding: 1rem 1rem 1.25rem;
    gap: 1.15rem;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
 * CINEMATIC FUTURE SURFACE · Material, Spatial, Typographic Refinement Pass
 * ─────────────────────────────────────────────────────────────────────────
 * Diese Schicht erweitert RAUMRISS um operative Tiefe — sie addiert
 * Material, Atmosphäre und Spannung, ohne neue Funktionen einzuführen.
 *
 * Leitbilder: ruhige Spacecraft-Innenraum-Beleuchtung, gefräste Aluminium-
 * Frontplatte bei Nacht, Apple internes Werkzeug, Blade-Runner-Wärme ohne
 * Chaos, Tagebuch am Pult. Niemals: HUD, Neon, Cockpit, Glassmorphism.
 *
 * Gliederung:
 *   1. Erweiterte Material-Token (Wärme, Tiefe, Korn, Hairline)
 *   2. Body-Atmosphäre · vertiefte Boden- und Decken-Schichtung
 *   3. Runtime Bar als operatives Herz (Wärme-Halo, Grounding-Tiefe)
 *   4. Raum-Deck · architektonische Materialtiefe
 *   5. Beiwerk-Schicht · stärker zurückgenommen, depth-of-field
 *   6. Typografie-Rhythmus · cinematic display-spacing
 *   7. Motion · langsamere, materiellere Settling-Kurven
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────────────────────────────────
 * 1 · Erweiterte Material-Token
 * Diese Tokens leben neben dem bestehenden System. Sie sind additiv und
 * werden ausschließlich von der Cinematic-Pass-Schicht konsumiert.
 * ─────────────────────────────────────────────────────────────────────── */
:root {
  /* Operative Kammer-Wärme — chamber-interior light, sehr leise.
     Konsumiert von Runtime Bar, Atrium, Threads-Front und Room-Identity. */
  --cinema-warm-low: rgba(252, 228, 188, 0.022);
  --cinema-warm-mid: rgba(247, 198, 140, 0.034);
  --cinema-warm-deep: rgba(232, 168, 102, 0.046);

  /* Tiefen-Material — gerichteter Falloff für Karten/Kammern.
     Drei Stufen: soft (Mid-Schatten), deep (Boden), abyss (operative Vignette). */
  --cinema-shadow-soft: rgba(0, 0, 0, 0.34);
  --cinema-shadow-deep: rgba(0, 0, 0, 0.58);
  --cinema-shadow-abyss: rgba(0, 0, 0, 0.72);

  /* Hairline-Spektrum — Material-Nähte zwischen Schichten.
     Warm = Reflexion auf gefrästem Material; cool = Boden-Kontaktlinie. */
  --cinema-seam-warm: rgba(255, 246, 230, 0.062);
  --cinema-seam-warm-edge: rgba(255, 246, 230, 0.092);
  --cinema-seam-cool: rgba(212, 220, 232, 0.034);
  --cinema-seam-occlude: rgba(0, 0, 0, 0.46);

  /* Operative Atmosphäre — gerichtete Licht-Sympathien
     für tiefe Raumstellen (Atrium, Workbench, Reentry). */
  --cinema-ambient-glow: color-mix(in srgb, var(--accent-ember) 22%, var(--cinema-warm-mid) 78%);
  --cinema-ambient-rim: color-mix(in srgb, var(--mat-rim) 78%, var(--cinema-warm-low) 22%);

  /* Premium typography rhythm — Display-Kerning und Eyebrow-Sperrung */
  --cinema-track-display: -0.046em;
  --cinema-track-title: -0.028em;
  --cinema-track-eyebrow: 0.142em;
  --cinema-rhythm-section: 1.62em;
  --cinema-rhythm-paragraph: 1.78em;

  /* Cinematic settling — Bewegung wie Material, nicht wie UI */
  --cinema-ease-settle: cubic-bezier(0.16, 1, 0.3, 1);
  --cinema-ease-fall: cubic-bezier(0.22, 1, 0.36, 1);
  --cinema-duration-settle: 0.72s;
  --cinema-duration-breath: 1.4s;

  /* Slightly heavier base surface duration — alle dunklen Instrumente
     atmen leicht langsamer. Die helle Umgebung bleibt unverändert. */
  --shadow-cinema-floor:
    inset 0 -1px 0 var(--cinema-seam-occlude),
    inset 0 0 0 1px rgba(0, 0, 0, 0.18);
  --shadow-cinema-rim:
    inset 0 1px 0 var(--cinema-ambient-rim),
    inset 0 -1px 0 var(--cinema-seam-occlude);
  --shadow-cinema-cavity:
    inset 0 3px 10px -3px var(--cinema-shadow-soft),
    inset 0 1px 0 var(--cinema-ambient-rim),
    inset 0 -1px 0 var(--cinema-seam-occlude),
    inset 0 0 0 1px rgba(0, 0, 0, 0.14);
}

/* Atmosphären-Phasen-Modulation der Cinematic-Wärme.
   Nacht/Dämmerung tragen mehr warmes Innenlicht, Tagesphasen weniger. */
html[data-atmosphere="night"] {
  --cinema-warm-low: rgba(252, 218, 174, 0.028);
  --cinema-warm-mid: rgba(244, 188, 128, 0.038);
}

html[data-atmosphere="dusk"] {
  --cinema-warm-low: rgba(248, 212, 178, 0.026);
  --cinema-warm-mid: rgba(238, 184, 134, 0.036);
}

html[data-atmosphere="sunrise"] {
  --cinema-warm-low: rgba(255, 232, 196, 0.026);
  --cinema-warm-mid: rgba(252, 202, 142, 0.034);
}

html[data-atmosphere="daylight"] {
  --cinema-warm-low: rgba(252, 230, 192, 0.018);
  --cinema-warm-mid: rgba(248, 200, 140, 0.028);
}

/* ───────────────────────────────────────────────────────────────────────────
 * 2 · Body-Atmosphäre · vertiefte Boden- und Decken-Schichtung
 * Eine zusätzliche Schicht jenseits von html::before/after, die ein sehr
 * leises Filmkorn und einen tieferen Vignetten-Wash trägt. Bleibt unter
 * z-index 1, damit die Inhalte weiterhin oben sitzen.
 * ─────────────────────────────────────────────────────────────────────── */
body::after {
  /* Bestehende Schicht behält ihre repeating-Layer; wir vertiefen
     hier den unteren Falloff sehr leise über ein zusätzliches
     box-shadow im html-Element. Kein neuer Selektor, keine neue Schicht. */
  opacity: 0.42;
}

/* Tiefere operative Vignette — die Szene wird nach unten schwerer.
   Wir hängen sie an :root, damit sie sich aus jeder Phase rendert. */
html::after {
  opacity: 0.36;
}

/* Schmaler Filmstreifen oben — das Oberlicht eines Studios bei Nacht.
   Sehr leise, statisch, niemals Animation. */
body::before {
  opacity: 0.42;
}

/* ───────────────────────────────────────────────────────────────────────────
 * 3 · Runtime Bar · operatives Herz
 * Die Bar war bisher korrekt eingelassen — sie bekam einen gefrästen
 * Rand, einen Cavity-Well, eine Hairline-Lichtkante. Diese Schicht
 * verstärkt nun:
 *   • einen sehr leisen warmen Halo unter der Bar (Boden-Reflexion)
 *   • eine zusätzliche Konsolen-Rim-Linie (chamber-floor seam)
 *   • tieferes Grounding-Shadow (Boden-Kontakt)
 * Die Identität bleibt unangetastet: nichts pulsiert, nichts leuchtet.
 * ─────────────────────────────────────────────────────────────────── */

/* Konsole · Boden-Kontakt — matte Okklusion, kein äußerer Schattenfall */
.runtime-console::after {
  content: "";
  position: absolute;
  left: 14%;
  right: 14%;
  bottom: 0;
  height: 3px;
  pointer-events: none;
  z-index: 0;
  border-radius: 0;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--env-hero-contact) 14%, transparent),
    transparent
  );
  opacity: 0.38;
  filter: none;
  transition: opacity var(--cinema-duration-breath) var(--cinema-ease-settle);
}

/* Wenn die Bar gerade aktiv ist, wird der Boden-Pool minimal wärmer.
   Konsumiert die existierenden data-runtime-active/immersed Attribute. */
.runtime-console:has(.runtime-input-bar[data-runtime-active="true"])::after,
.runtime-console:has(.runtime-input-bar[data-runtime-immersed="true"])::after {
  opacity: 0.58;
}

/* Wenn der Raum FRICTION zeigt, kühlt der Pool minimal ab.
   Bleibt unter der Schwelle bewussten Bemerkens. */
html[data-runtime-delphi="friction"] .runtime-console::after {
  opacity: 0.34;
}

/* Bar · eingelassenes Bedienelement, nur Innenlogik */
.runtime-input-bar {
  box-shadow:
    var(--shadow-input-well),
    var(--shadow-input-ground);
}

/* Bei aktivem Zustand: tiefere Cavity, operative Wick-Linie innen */
.runtime-input-bar[data-runtime-active="true"],
.runtime-input-bar:focus-within {
  box-shadow:
    inset 0 2px 6px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 color-mix(in srgb, rgba(255, 255, 250, 0.058) 82%, transparent),
    inset 0 -1px 0 rgba(0, 0, 0, 0.36),
    inset 1px 0 0 color-mix(in srgb, var(--accent-wick) 38%, transparent),
    var(--shadow-input-ground);
}

/* Immersed: die Lese-Höhle wird tiefer, der Außen-Rand verschwindet.
   Die Bar wird zur stillen Innenraum-Konsole. */
.runtime-input-bar[data-runtime-immersed="true"] {
  box-shadow:
    inset 0 3px 7px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    inset 0 -1px 0 rgba(0, 0, 0, 0.42),
    var(--shadow-env-seam);
}

/* Trace bekommt einen Hauch mehr Tiefe — sie sitzt klarer auf der
   Konsolen-Frontplatte, statt zu „schweben". */
.runtime-trace[data-trace-visible="true"] {
  text-shadow:
    0 0.5px 0 rgba(0, 0, 0, 0.42),
    0 1px 8px rgba(0, 0, 0, 0.18);
}

.runtime-trace[data-trace-visible="true"]::after {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--mat-rim-soft) 88%, transparent),
    color-mix(in srgb, var(--surface-divider) 28%, transparent) 64%,
    transparent 100%
  );
  opacity: 0.58;
  height: 0.32rem;
}

/* Console-Chips bekommen Hairline-Materialgefühl — eine sehr leise
   Unterlinie unter dem Wort, die nur bei Hover erscheint. */
.runtime-console-chip {
  padding-bottom: 1px;
  border-bottom: 1px solid transparent;
  transition:
    color var(--cinema-duration-settle) var(--cinema-ease-settle),
    border-color var(--cinema-duration-settle) var(--cinema-ease-settle),
    opacity 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.runtime-console-chip:hover,
.runtime-console-chip:focus-visible {
  border-bottom-color: color-mix(in srgb, var(--accent-wick) 32%, transparent);
}

/* Echo bekommt eine Spur mehr Räumlichkeit — eine sehr leise warme
   Unterlage, die nur bei warmen Echos erscheint. */
.runtime-echo {
  text-shadow:
    0 0.5px 0 rgba(0, 0, 0, 0.32),
    0 1px 10px rgba(0, 0, 0, 0.16);
}

/* ───────────────────────────────────────────────────────────────────────────
 * 4 · Raum-Deck · architektonische Materialtiefe
 * Das Raum-Deck war bereits eingelassen; wir verstärken:
 *   • einen leisen architektonischen Innen-Rim (zweite Wandlinie)
 *   • einen tieferen Bodenschatten
 *   • einen sehr leisen warmen Ambient-Wash, der aus dem Raum-Identity
 *     austritt und über die Kammern fällt
 * ─────────────────────────────────────────────────────────────────── */

/* Eine zweite, schmale Innen-Rim-Linie im Raum-Deck — gibt der
   Frontplatte eine spürbare „Wand" hinter der oberen Kante.
   Konsumiert ::before/::after-frei, deshalb über drop-shadow-Stack. */
.room-runtime-deck {
  box-shadow: var(--shadow-console-stack), var(--edge-contact-lip);
  transition:
    border-color var(--cinema-duration-settle) var(--cinema-ease-settle),
    box-shadow var(--cinema-duration-settle) var(--cinema-ease-settle);
}

/* Raum-Identity bekommt eine sehr leise Innen-Lampe — eine warme
   Reflexion in der oberen linken Ecke, als säße ein Pult-Licht
   irgendwo außerhalb des Frames. Kein Lichtstrahl, kein Glow. */
.room-identity-panel {
  background:
    radial-gradient(
      ellipse 64% 52% at 6% 0%,
      var(--cinema-warm-mid),
      transparent 72%
    ),
    radial-gradient(
      ellipse 76% 62% at 0% 0%,
      color-mix(in srgb, var(--room-presence) 48%, transparent),
      transparent 68%
    ),
    radial-gradient(
      ellipse 52% 42% at 96% 96%,
      color-mix(in srgb, rgba(78, 68, 52, 0.08) 80%, transparent),
      transparent 76%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--atmo-base) 86%, rgba(202, 195, 178, 0.24)),
      color-mix(in srgb, var(--atmo-base) 78%, rgba(150, 141, 122, 0.16))
    );
}

/* Atrium · zentraler Eingangsraum bekommt zusätzliche operative Wärme.
   Diese Wärme ist keine UI-Aussage — sie ist die Lichttemperatur des
   Raums, an dem man gerade ankommt. */
.room-runtime-deck .room-atrium-layer > .room-chamber--atrium {
  background:
    radial-gradient(
      ellipse 78% 56% at 8% 0%,
      var(--cinema-warm-mid),
      transparent 70%
    ),
    radial-gradient(
      ellipse 92% 64% at 6% 0%,
      color-mix(in srgb, var(--room-presence) 58%, var(--accent-surface) 8%),
      transparent 70%
    ),
    linear-gradient(
      188deg,
      color-mix(in srgb, var(--runtime-deck-channel) 96%, transparent) 0%,
      color-mix(in srgb, var(--runtime-deck-well) 48%, transparent) 100%
    );
  box-shadow:
    var(--shadow-panel-rim),
    var(--shadow-panel-occlude),
    var(--shadow-panel-cavity),
    inset 1px 0 0 color-mix(in srgb, var(--accent-wick) 32%, transparent);
}

/* Threads-Front · die warme Innenwand. Die Lichtquelle sitzt nun
   sichtbar oben und gibt der Wand eine vertikale Lese-Achse. */
.room-runtime-deck .room-threads-layer .room-chamber--threads,
.room-runtime-deck .room-chamber--threads.workspace-section--ambient {
  background:
    radial-gradient(
      ellipse 82% 56% at 50% -4%,
      var(--cinema-warm-low),
      transparent 64%
    ),
    radial-gradient(
      ellipse 78% 60% at 50% 0%,
      color-mix(in srgb, var(--room-presence) 42%, var(--accent-surface) 8%),
      transparent 72%
    ),
    linear-gradient(
      188deg,
      color-mix(in srgb, var(--runtime-deck-channel) 86%, transparent) 0%,
      color-mix(in srgb, var(--runtime-deck-well) 44%, transparent) 100%
    );
  box-shadow:
    var(--shadow-panel-rim),
    var(--shadow-panel-occlude),
    var(--shadow-panel-cavity);
}

/* Workbench-Kammer · die Werkbank sitzt körperlich ein bisschen
   tiefer; das Material darunter atmet mit. */
.room-runtime-deck .room-chamber--workbench {
  background:
    radial-gradient(
      ellipse 72% 48% at 12% 0%,
      var(--cinema-warm-low),
      transparent 70%
    ),
    linear-gradient(
      188deg,
      color-mix(in srgb, var(--runtime-deck-channel) 90%, transparent) 0%,
      color-mix(in srgb, var(--runtime-deck-well) 46%, transparent) 100%
    );
  box-shadow: var(--shadow-panel-stack);
}

/* ───────────────────────────────────────────────────────────────────────────
 * 5 · Beiwerk · weiter zurück in die Tiefe
 * Beiwerk-Schicht (Aufgaben, Notizen, Ideen, Referenzen) gehört zum
 * Raum, soll aber nicht das Zentrum besetzen. Wir geben ihr depth-of-
 * field: leichte Saturationsreduktion, sanfteres Material, dezenter Pull
 * in den Hintergrund. Bei Hover/Focus rückt sie wieder klar nach vorn.
 * ─────────────────────────────────────────────────────────────────── */
.room-runtime-deck .room-beiwerk-layer {
  filter: saturate(0.96);
  transition:
    filter var(--cinema-duration-settle) var(--cinema-ease-settle),
    opacity var(--cinema-duration-settle) var(--cinema-ease-settle);
}

.room-runtime-deck .room-beiwerk-layer:hover,
.room-runtime-deck .room-beiwerk-layer:focus-within {
  filter: saturate(1);
}

.room-runtime-deck .room-beiwerk-layer--far {
  filter: saturate(0.9);
  opacity: 0.88;
}

.room-runtime-deck .room-beiwerk-layer--far:hover,
.room-runtime-deck .room-beiwerk-layer--far:focus-within {
  filter: saturate(0.98);
  opacity: 1;
}

/* Beiwerk-Kammern bekommen eine weichere Top-Naht und einen tieferen
   Bodenschatten — sie sitzen lockerer als die Atrium-/Threads-Schicht. */
.room-runtime-deck .room-beiwerk-layer .room-chamber--beiwerk,
.room-runtime-deck .workspace-section--ambient {
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--surface-highlight) 22%, transparent),
    inset 0 -1px 0 rgba(0, 0, 0, 0.22),
    inset 0 0 0 1px color-mix(in srgb, var(--cinema-seam-cool) 32%, transparent);
}

/* ───────────────────────────────────────────────────────────────────────────
 * 6 · Typografie-Rhythmus · cinematic display-spacing
 * Stärkere Hierarchie durch optisches Tracking, premium kerning,
 * weichere Übergänge zwischen Display/Title/Body. Keine neuen Schriften,
 * keine fettere Tonalität — nur Rhythmus.
 * ─────────────────────────────────────────────────────────────────── */
.atmospheric-title {
  letter-spacing: var(--cinema-track-display);
  font-feature-settings: "kern" 1, "ss01" 1, "ss02" 1, "calt" 1, "liga" 1, "tnum" 0;
  font-variant-numeric: lining-nums proportional-nums;
}

.environment-hero .atmospheric-title {
  letter-spacing: var(--cinema-track-display);
  line-height: 0.98;
}

.room-identity-panel .atmospheric-title {
  letter-spacing: var(--cinema-track-display);
  line-height: 1.02;
}

.type-section-title {
  letter-spacing: var(--cinema-track-title);
  line-height: 1.18;
}

.room-runtime-deck .room-chamber .type-section-title {
  letter-spacing: var(--cinema-track-title);
  font-weight: 660;
}

/* Eyebrows und Labels bekommen einen ruhigen, klar getrackten Rhythmus.
   Diese Zeilen sind das, was den Raum „benennt" — sie dürfen Atem haben,
   ohne laut zu werden. */
.type-eyebrow,
.type-label,
.atmospheric-kicker,
.room-chamber-kicker {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "kern" 1, "ss01" 1, "calt" 1;
}

.environment-hero .type-eyebrow,
.environment-hero .type-label {
  letter-spacing: var(--cinema-track-eyebrow);
}

.room-field__header .type-eyebrow,
.workspace-section--hush .room-chamber-kicker {
  letter-spacing: 0.118em;
  font-weight: 540;
}

/* Body-Text bekommt einen Hauch mehr Atem zwischen den Zeilen,
   damit Räume mit Text wie ein Tagebuch lesen, nicht wie ein Formular. */
.type-body {
  line-height: 1.76;
}

.type-body-strong {
  line-height: 1.68;
}

.runtime-instrument-deck .type-body,
.runtime-instrument-deck .type-body-strong {
  line-height: 1.7;
}

/* ───────────────────────────────────────────────────────────────────────────
 * 7 · Motion · langsamere, materiellere Settling-Kurven
 * Die meisten Übergänge wurden bisher mit `--os-ease-liquid` und
 * `--os-duration-surface` getrieben. Hier verschieben wir die *dunklen*
 * Oberflächen (Instrumente, Räume, Bar) auf cinematic-settle. Helle
 * Atmosphären-Flächen bleiben unverändert, damit das Studio bei Tag
 * nicht träge wird.
 * ─────────────────────────────────────────────────────────────────── */
.runtime-instrument-deck,
.room-runtime-deck,
.room-runtime-deck .room-chamber {
  transition-duration: var(--cinema-duration-settle);
  transition-timing-function: var(--cinema-ease-settle);
}

.runtime-input-bar {
  transition:
    border-color var(--cinema-duration-settle) var(--cinema-ease-settle),
    background var(--cinema-duration-settle) var(--cinema-ease-settle),
    box-shadow var(--cinema-duration-settle) var(--cinema-ease-settle),
    opacity 0.42s var(--cinema-ease-settle);
}

.runtime-trace,
.runtime-trace--interactive,
.runtime-echo {
  transition:
    opacity calc(var(--cinema-duration-settle) + 0.12s) var(--cinema-ease-settle),
    transform calc(var(--cinema-duration-settle) + 0.12s) var(--cinema-ease-settle),
    color var(--cinema-duration-settle) var(--cinema-ease-settle);
}

/* Reduced motion respektiert die Settling-Geste — die Bewegung wird
   auf einen Frame komprimiert, das Material bleibt aber sichtbar. */
@media (prefers-reduced-motion: reduce) {
  .runtime-instrument-deck,
  .room-runtime-deck,
  .room-runtime-deck .room-chamber,
  .runtime-input-bar,
  .runtime-trace,
  .runtime-trace--interactive,
  .runtime-echo,
  .runtime-console::after,
  .room-runtime-deck .room-beiwerk-layer,
  .room-runtime-deck .room-beiwerk-layer--far {
    transition-duration: 0.01ms !important;
  }

  .runtime-console::after {
    opacity: 0.62 !important;
  }
}

/* ───────────────────────────────────────────────────────────────────────────
 * 8 · Operative Lese-Achse · ein leiser Spalt zwischen Atrium und Beiwerk
 * Eine architektonische Horizont-Linie innerhalb des Raum-Decks, sehr
 * subtil — sie trennt das aktive Front (Atrium + Threads) vom rückwärtigen
 * Beiwerk und gibt dem Raum eine spürbare „Innenwand". Kein Border, kein
 * Divider — nur eine Reflexionslinie auf der Frontplatte.
 * ─────────────────────────────────────────────────────────────────── */
.room-runtime-deck .room-beiwerk-layer::before {
  content: "";
  position: absolute;
  left: 0.62rem;
  right: 0.62rem;
  top: calc(-1 * clamp(0.4rem, 1vw, 0.7rem) - 1px);
  height: 1px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--cinema-seam-occlude) 38%, transparent) 18%,
    color-mix(in srgb, var(--cinema-seam-cool) 84%, transparent) 50%,
    color-mix(in srgb, var(--cinema-seam-occlude) 38%, transparent) 82%,
    transparent 100%
  );
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--cinema-seam-warm) 18%, transparent);
  opacity: 0.72;
}

/* ───────────────────────────────────────────────────────────────────────────
 * 9 · Operative Buttons · gefräster, ruhig sitzend
 * Die operativen Knöpfe (Fortsetzung, Notiz speichern, Aufgabe öffnen)
 * bekommen einen Hauch mehr Materialtiefe. Sie werden nicht prominenter
 * — sie werden ehrlicher.
 * ─────────────────────────────────────────────────────────────────── */
.operational-button {
  box-shadow: var(--shadow-panel-stack);
  transition:
    border-color var(--cinema-duration-settle) var(--cinema-ease-settle),
    background var(--cinema-duration-settle) var(--cinema-ease-settle),
    color var(--cinema-duration-settle) var(--cinema-ease-settle),
    box-shadow var(--cinema-duration-settle) var(--cinema-ease-settle);
}

.operational-button:hover {
  box-shadow:
    var(--shadow-panel-rim),
    var(--shadow-panel-occlude),
    var(--shadow-panel-cavity),
    inset 1px 0 0 color-mix(in srgb, var(--accent-wick) 24%, transparent);
}

.operational-button--primary {
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, rgba(255, 255, 255, 0.04) 88%, transparent),
    var(--shadow-panel-occlude),
    inset 1px 0 0 color-mix(in srgb, var(--accent-wick) 34%, transparent);
}

/* ───────────────────────────────────────────────────────────────────────────
 * 10 · Reentry-Brücke · die operative Übergabe-Bank
 * Die Brücke zwischen „wo war ich" und „wohin gehe ich" sitzt jetzt
 * spürbar in einer leichten Mulde — sie ist die einzige Stelle, an
 * der man wirklich „aufsteht und weitergeht".
 * ─────────────────────────────────────────────────────────────────── */
.runtime-bridge,
.room-operational-bridge {
  background:
    radial-gradient(
      ellipse 72% 80% at 0% 0%,
      var(--cinema-warm-low),
      transparent 68%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--surface-embed) 88%, var(--room-presence)),
      color-mix(in srgb, var(--surface-embed) 94%, transparent)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 -1px 0 rgba(0, 0, 0, 0.32);
}

/* ═══════════════════════════════════════════════════════════════════════════
 * Ende · Cinematic Future Surface Pass
 * Bewusst offen gelassen für künftige Phasen:
 *   • Subsystem-Karten (Aurel, Kairos, Orpheus, Delphi) sind unberührt —
 *     sie bekommen ihre eigene cinematic Pass, wenn das Vokabular reif ist
 *   • Mobile-Layout bleibt am bestehenden Rhythmus; der cinematic Pass
 *     ist primär eine Desktop-Lesung
 *   • Voice-Pfad (Stimme als Eingabe) bleibt visuell unverändert — die
 *     Geste ist heute eine still gehaltene Berührung, nicht ein Visual
 * ═══════════════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════════════
 *  Habitable Surface Pass · ruhige Material-Vokabel für die Beiwerk-Schicht.
 *
 *  Die Atmosphäre der Räume war bereits cinematisch — die Beiwerk-Komponenten
 *  (Notizen, Ideen, Aufgaben, Referenzen) trugen aber bisher eine SaaS-artige
 *  Geräuschspur: orange Admin-Buttons, mono-uppercase Zeitstempel, gestrichelte
 *  Empty-States, harte Rot-Töne für Fehler. Diese Sektion führt die einheitliche
 *  Vokabel ein — die Beiwerk-Schicht spricht jetzt dieselbe Sprache wie die
 *  operative Front.
 *
 *  Keine neuen Komponenten, keine neuen Features — nur ein Vokabular, das
 *  jede bestehende Stelle kalibriert auf das Atmosphären-Material des OS.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1 · atmo-mark · die ruhige Zeit/Meta-Spur ────────────────────────────
 * Ersetzt überall `font-mono text-[10px] uppercase tracking-wider`. Bleibt
 * tabular für rhythmische Datumsformatierung, aber sans und kleingeschrieben
 * — kein Admin-Stempel mehr, sondern eine ruhige Marginalie. */
.atmo-mark {
  font-family: var(--font-sans), system-ui, sans-serif;
  font-size: 0.6875rem;
  font-weight: 460;
  letter-spacing: 0.01em;
  line-height: 1.5;
  color: var(--text-faint);
  text-transform: none;
  font-variant-numeric: tabular-nums lining-nums;
  text-shadow: none;
}

.atmo-mark--quiet {
  color: color-mix(in srgb, var(--text-faint) 86%, transparent);
}

.atmo-mark--accent {
  color: color-mix(in srgb, var(--text-secondary) 78%, var(--accent-signal) 22%);
}

/* ── 2 · atmo-empty · ruhiger Empty-State, keine gestrichelten Kästen ────
 * Bisher saßen Empty-States in `border-dashed` Boxen — das wirkte wie eine
 * Entwicklungs-Platzhalter-Geste. Jetzt: ein Atemzug Prose, mittig, ohne
 * Rahmen — der Raum bleibt einfach still. */
.atmo-empty {
  padding-block: clamp(1.5rem, 3vw, 2.2rem);
  padding-inline: clamp(0.5rem, 1.5vw, 0.85rem);
  text-align: center;
  font-size: 0.8125rem;
  line-height: 1.62;
  letter-spacing: -0.006em;
  color: color-mix(in srgb, var(--text-muted) 86%, transparent);
  text-shadow: none;
}

.atmo-empty--inline {
  padding-block: clamp(0.6rem, 1.6vw, 0.9rem);
  text-align: left;
}

/* ── 3 · atmo-alert · operativer Hinweis, kein Alarm-Tape ─────────────────
 * Bisher: `border border-red-500/25 bg-red-500/5 text-red-300/95` —
 * schreit gegen die ruhige Atmosphäre. Jetzt: eine atmosphärische
 * Reibungsnote in derselben Materialfamilie wie die Räume. Stille Wärme,
 * keine Notfall-Rhetorik. */
.atmo-alert {
  position: relative;
  padding: 0.6rem 0.9rem 0.6rem 1rem;
  border: 1px solid color-mix(in srgb, var(--surface-border) 58%, rgba(220, 86, 70, 0.34));
  border-radius: var(--os-radius-sm);
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--surface-embed) 88%, rgba(220, 86, 70, 0.05)) 0%,
      color-mix(in srgb, var(--surface-embed) 94%, transparent) 100%
    );
  color: color-mix(in srgb, var(--text-secondary) 88%, rgba(232, 162, 152, 0.38));
  font-size: 0.78125rem;
  line-height: 1.55;
  letter-spacing: -0.004em;
  text-shadow: none;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--surface-highlight) 32%, transparent),
    inset 1px 0 0 color-mix(in srgb, rgba(220, 86, 70, 0.28) 64%, transparent);
}

/* ── 4 · atmo-action · einheitliche operative Berührung ───────────────────
 * Die Beiwerk-Komponenten trugen bisher disparate Tailwind-Knopfsprachen
 * (orange Admin-Save, weiße Outline, harte Löschen-Ghost). Jetzt teilen
 * alle dasselbe Material wie `.operational-button` — aber leiser, mit
 * einer expliziten „quiet/primary"-Achse statt eines Farbsprungs. */
.atmo-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 2.1rem;
  padding: 0.35rem 0.85rem;
  border: 1px solid color-mix(in srgb, var(--surface-border) 64%, transparent);
  border-radius: var(--os-radius-sm);
  background: color-mix(in srgb, var(--surface-embed) 78%, transparent);
  color: var(--text-secondary);
  font-family: var(--font-sans), system-ui, sans-serif;
  font-size: 0.78125rem;
  font-weight: 510;
  letter-spacing: -0.006em;
  line-height: 1.2;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow:
    var(--shadow-panel-rim),
    var(--shadow-panel-occlude);
  transition:
    border-color var(--os-duration-control) var(--os-ease-liquid),
    color var(--os-duration-control) var(--os-ease-liquid),
    background var(--os-duration-control) var(--os-ease-liquid),
    box-shadow var(--os-duration-surface) var(--os-ease-liquid),
    opacity var(--os-duration-control) var(--os-ease-liquid);
}

.atmo-action:hover {
  border-color: color-mix(in srgb, var(--accent-border) 38%, var(--surface-border) 62%);
  color: var(--text-primary);
  background: color-mix(in srgb, var(--surface-embed) 72%, var(--room-presence));
}

.atmo-action:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 2px;
}

.atmo-action:disabled,
.atmo-action[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.4;
  box-shadow: var(--shadow-panel-rim), var(--shadow-panel-occlude);
}

.atmo-action--primary {
  border-color: color-mix(in srgb, var(--accent-border) 58%, var(--surface-border) 42%);
  background: color-mix(in srgb, var(--surface-embed) 68%, var(--accent-surface));
  color: var(--text-primary);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, rgba(255, 255, 255, 0.05) 88%, transparent),
    var(--shadow-panel-occlude),
    inset 1px 0 0 color-mix(in srgb, var(--accent-wick) 32%, transparent);
}

.atmo-action--primary:hover {
  border-color: color-mix(in srgb, var(--accent-border) 78%, var(--surface-border) 22%);
  background: color-mix(in srgb, var(--surface-embed) 60%, var(--accent-surface));
}

.atmo-action--quiet {
  min-height: 1.75rem;
  padding: 0.2rem 0.55rem;
  border-color: color-mix(in srgb, var(--surface-divider) 64%, transparent);
  background: transparent;
  color: var(--text-faint);
  font-size: 0.71875rem;
  font-weight: 470;
  letter-spacing: 0.004em;
  box-shadow: none;
}

.atmo-action--quiet:hover {
  border-color: color-mix(in srgb, var(--surface-divider) 88%, transparent);
  background: color-mix(in srgb, var(--surface-embed) 38%, transparent);
  color: var(--text-secondary);
  box-shadow: none;
}

.atmo-action--quiet[data-action-tone="warn"]:hover {
  border-color: color-mix(in srgb, rgba(220, 86, 70, 0.42) 64%, var(--surface-divider));
  color: color-mix(in srgb, var(--text-secondary) 78%, rgba(228, 158, 148, 0.4));
}

.atmo-action--icon {
  padding: 0;
  width: 2.1rem;
  min-width: 2.1rem;
}

/* ── 5 · atmo-composer · die Eingabefläche der Beiwerk-Schicht ────────────
 * Bisher: `surface-embed ... ring-orange-500/30 focus:ring-orange-500/25` —
 * eine SaaS-Form-Optik. Jetzt: derselbe Material-Sink wie `.runtime-input-thought`,
 * nur ruhiger und ohne den dramatischen Konsolen-Glanz. Eine eingelassene
 * Fläche, in die der Gedanke gleitet, statt eine Form, die ausgefüllt wird. */
.atmo-composer {
  position: relative;
  border: 1px solid color-mix(in srgb, var(--surface-border) 58%, transparent);
  border-radius: var(--os-radius-sm);
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--runtime-deck-well) 16%, var(--surface-embed)) 0%,
      color-mix(in srgb, var(--surface-embed) 92%, transparent) 100%
    );
  color: var(--text-primary);
  font-size: 0.875rem;
  line-height: 1.62;
  letter-spacing: -0.006em;
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 color-mix(in srgb, var(--surface-highlight) 26%, transparent),
    inset 0 -1px 0 rgba(0, 0, 0, 0.22);
  transition:
    border-color var(--os-duration-control) var(--os-ease-liquid),
    background var(--os-duration-control) var(--os-ease-liquid),
    box-shadow var(--os-duration-control) var(--os-ease-liquid);
}

.atmo-composer:focus,
.atmo-composer:focus-within,
.atmo-composer:focus-visible {
  border-color: color-mix(in srgb, var(--accent-border) 32%, var(--surface-border) 68%);
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--runtime-deck-well) 22%, var(--surface-embed)) 0%,
      color-mix(in srgb, var(--surface-embed) 96%, transparent) 100%
    );
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 color-mix(in srgb, var(--surface-highlight) 34%, transparent),
    inset 0 -1px 0 rgba(0, 0, 0, 0.22),
    inset 1px 0 0 color-mix(in srgb, var(--accent-wick) 22%, transparent);
  outline: none;
}

.atmo-composer::-moz-placeholder {
  color: var(--text-faint);
  opacity: 0.78;
}

.atmo-composer::placeholder {
  color: var(--text-faint);
  opacity: 0.78;
}

.atmo-composer:disabled {
  opacity: 0.58;
  cursor: not-allowed;
}

/* atmo-select · für die kleinen Klassifikations-Dropdowns in der
 * Aufgaben-Einordnung. Trägt den ruhigen Hairline-Charakter, kein
 * Mono-Uppercase mehr. */
.atmo-select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  padding: 0.2rem 1.4rem 0.2rem 0.55rem;
  border: 1px solid color-mix(in srgb, var(--surface-border) 48%, transparent);
  border-radius: var(--os-radius-xs);
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--runtime-deck-well) 12%, var(--surface-embed)) 0%,
      color-mix(in srgb, var(--surface-embed) 92%, transparent) 100%
    );
  background-image:
    linear-gradient(45deg, transparent 50%, color-mix(in srgb, var(--text-muted) 60%, transparent) 50%),
    linear-gradient(135deg, color-mix(in srgb, var(--text-muted) 60%, transparent) 50%, transparent 50%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--runtime-deck-well) 12%, var(--surface-embed)) 0%,
      color-mix(in srgb, var(--surface-embed) 92%, transparent) 100%
    );
  background-position:
    calc(100% - 0.7rem) 50%,
    calc(100% - 0.45rem) 50%,
    0 0;
  background-size: 4px 4px, 4px 4px, 100% 100%;
  background-repeat: no-repeat;
  color: var(--text-secondary);
  font-family: var(--font-sans), system-ui, sans-serif;
  font-size: 0.71875rem;
  font-weight: 490;
  letter-spacing: -0.004em;
  line-height: 1.2;
  text-transform: none;
  cursor: pointer;
  box-shadow: var(--shadow-panel-rim), var(--shadow-panel-occlude);
  transition:
    border-color var(--os-duration-control) var(--os-ease-liquid),
    background-color var(--os-duration-control) var(--os-ease-liquid),
    color var(--os-duration-control) var(--os-ease-liquid);
}

.atmo-select:hover,
.atmo-select:focus-visible {
  border-color: color-mix(in srgb, var(--accent-border) 26%, var(--surface-border) 74%);
  color: var(--text-primary);
}

.atmo-select:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 2px;
}

.atmo-select:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.atmo-select-label {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-family: var(--font-sans), system-ui, sans-serif;
  font-size: 0.71875rem;
  font-weight: 490;
  letter-spacing: 0.006em;
  color: color-mix(in srgb, var(--text-muted) 78%, transparent);
  text-transform: none;
  text-shadow: none;
}

.atmo-select-label > span:first-child {
  color: var(--text-faint);
}

/* atmo-check · die kleine Checkbox in der Einordnung */
.atmo-check {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.92rem;
  height: 0.92rem;
  margin: 0;
  border: 1px solid color-mix(in srgb, var(--surface-border) 56%, transparent);
  border-radius: var(--os-radius-xs);
  background: color-mix(in srgb, var(--runtime-deck-well) 28%, var(--surface-embed));
  cursor: pointer;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.28);
  transition:
    background var(--os-duration-control) var(--os-ease-liquid),
    border-color var(--os-duration-control) var(--os-ease-liquid);
}

.atmo-check:checked {
  border-color: color-mix(in srgb, var(--accent-border) 64%, var(--surface-border) 36%);
  background: color-mix(in srgb, var(--accent-surface) 72%, var(--surface-embed));
}

.atmo-check:checked::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--accent-soft);
  -webkit-mask: linear-gradient(135deg, transparent 38%, currentColor 38% 62%, transparent 62%) 0 0 / 0.5rem 0.5rem no-repeat center / 0.55rem 0.55rem no-repeat;
  mask: none;
  border-radius: inherit;
  opacity: 0;
}

.atmo-check:checked::before {
  content: "";
  position: absolute;
  width: 0.32rem;
  height: 0.18rem;
  margin-top: -0.04rem;
  border-left: 1.4px solid var(--accent-soft);
  border-bottom: 1.4px solid var(--accent-soft);
  transform: rotate(-45deg);
}

.atmo-check:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: 2px;
}

.atmo-check:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

/* ── 6 · atmo-card · die ruhige Beiwerk-Karte ────────────────────────────
 * Tritt anstelle des kahleren `surface-embed` in den Listen-Items (Notizen,
 * Ideen, Aufgaben, Referenzen). Trägt einen Hauch warme Wölbung von oben
 * links, eine etwas weichere Border, und behält dieselbe Schatten-Familie
 * wie die Kammern. Hover ist eine Spur Wärme, kein „Click-Me"-Glow. */
.atmo-card {
  position: relative;
  isolation: isolate;
  border: 1px solid color-mix(in srgb, var(--surface-border) 64%, transparent);
  border-radius: var(--os-radius-sm);
  background:
    radial-gradient(
      ellipse 86% 64% at 0% 0%,
      color-mix(in srgb, var(--surface-highlight) 14%, transparent),
      transparent 64%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--surface-well) 14%, var(--surface-embed)) 0%,
      var(--surface-embed) 100%
    );
  box-shadow:
    var(--shadow-panel-rim),
    var(--shadow-panel-occlude),
    0 6px 14px -12px rgba(0, 0, 0, 0.32);
  transition:
    border-color var(--os-duration-surface) var(--os-ease-liquid),
    background var(--os-duration-surface) var(--os-ease-liquid),
    box-shadow var(--os-duration-surface) var(--os-ease-liquid),
    transform var(--os-duration-surface) var(--os-ease-liquid);
}

[data-room] .atmo-card {
  border-color: color-mix(in srgb, var(--surface-border) 58%, var(--room-presence-edge) 22%);
}

.atmo-card--interactive {
  cursor: pointer;
}

.atmo-card--interactive:hover {
  border-color: color-mix(in srgb, var(--surface-border) 42%, var(--room-presence-edge) 38%);
  box-shadow:
    var(--shadow-panel-rim),
    var(--shadow-panel-occlude),
    0 10px 22px -18px rgba(0, 0, 0, 0.42);
}

/* ── 7 · Loading-Atemzug · ein gemeinsamer ruhiger Lade-Token ─────────────
 * Bisher: jedes Panel hatte sein eigenes „Laden..." (zentrierter Text in
 * einer ad-hoc-Spalte). Jetzt: ein gemeinsamer ruhiger Atemzug, der mit
 * derselben Hairline schwingt wie der Continuity-Trace. */
.atmo-loading {
  display: block;
  padding-block: clamp(1.1rem, 2.4vw, 1.7rem);
  text-align: center;
  color: color-mix(in srgb, var(--text-muted) 78%, transparent);
  font-family: var(--font-sans), system-ui, sans-serif;
  font-size: 0.78125rem;
  font-weight: 480;
  letter-spacing: 0.01em;
  text-shadow: none;
}

/* ── 8 · Calmer kicker rhythm · ruhigere Eyebrows in der hush-Section ────
 * Der bestehende `.workspace-section--hush .room-chamber-kicker` wird hier
 * leicht gedämpft — die Eyebrows treten zurück hinter den eigentlichen
 * Inhalt. Sie bleiben Orientierung, sind aber keine Header mehr. */
.workspace-section--hush .room-chamber-kicker {
  font-size: 0.6875rem;
  font-weight: 510;
  letter-spacing: 0.078em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--text-muted) 60%, transparent);
  opacity: 0.78;
}

/* ── 9 · Runtime-Bar · Übergangs-Schienen-Atemzug etwas länger ────────────
 * Die Geste-Schiene unter der Bar setzt sich jetzt eine Spur ruhiger,
 * damit sie nicht „aufpoppt", sondern wirklich eintritt. Identisch in
 * der Wirkung, kalibriert in der Dauer. */
.runtime-console-shelf {
  animation-duration: 0.62s;
}

.runtime-console-shelf[data-shelf-mode="idle"] {
  animation-duration: 0.78s;
  animation-delay: 0.22s;
}

@keyframes runtime-shelf-settle {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 0.82;
    transform: translateY(0);
  }
}

/* Der Continuity-Trace selbst wird beim Sichtbarwerden noch eine Spur
 * sanfter eingeblendet — das ist die Stelle, an der das System „weiß,
 * wo der Cursor zuletzt war". */
.runtime-trace[data-trace-visible="true"] {
  transition:
    opacity 0.78s var(--runtime-ease-settle),
    transform 0.78s var(--runtime-ease-settle),
    color 0.62s var(--runtime-ease-settle);
}

/* ── 10 · Atrium-Layer · ein Hauch mehr Atem zwischen den zwei Atemzügen ──
 * Der Atrium-Layer trägt zwei Kammern (Zustand + Wiedereinstieg). Sie
 * sitzen jetzt eine Spur weiter auseinander, sodass die Wiedereinstiegs-
 * Brücke nicht direkt am Zustand klebt — sie ist ein zweiter Atemzug. */
.room-atrium-layer {
  gap: clamp(0.55rem, 1.3vw, 0.95rem);
}

/* Beiwerk-Inhalte (Notizen, Aufgaben, Ideen, Referenzen) bekommen eine
 * Spur mehr Innenruhe. Das wirkt wie ein Studio-Regal: dicht, aber nicht
 * gedrückt. Die Karten darin atmen leichter. */
.room-runtime-deck .room-beiwerk-layer > .room-chamber {
  padding-top: calc(var(--os-space-chamber-y) * 0.92);
  padding-bottom: calc(var(--os-space-chamber-y) * 0.88);
}

/* Der dezente Reentry-Brücken-Übergang bekommt eine kleine eigene
 * Ruhe-Reserve über `.runtime-bridge` — keine neue Farbe, nur eine Spur
 * mehr Höhe und ein etwas weicherer linker Rand. */
.room-operational-bridge {
  padding-block: clamp(0.7rem, 1.6vw, 1rem);
  border-radius: var(--os-radius-md);
}

/* ── 11 · Reduzierte Bewegung · alle neuen Übergänge respektieren prefers
 *  reduced-motion ──────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .atmo-action,
  .atmo-action--quiet,
  .atmo-action--primary,
  .atmo-composer,
  .atmo-card,
  .atmo-select,
  .atmo-check {
    transition-duration: 0.01ms !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
 *  Industrial Operating Surface Pass · Materialregister statt Widget-Inseln
 *
 *  Die Beiwerk-Schicht sprach bereits ruhiger — aber einzelne `atmo-card`-Items
 *  in `space-y`-Listen trugen weiterhin die SaaS-Geste „schwebende Karte pro
 *  Zeile". Dieser Pass verbindet Einträge zu eingelassenen Registern, bricht
 *  symmetrische Dashboard-Grids und entfernt externe Elevation zugunsten von
 *  Nähten, Kammern und Gewicht.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1 · atmo-slate · eingelassenes Register (eine Materialfläche) ─────── */
.atmo-slate {
  position: relative;
  margin-top: 1.15rem;
  border: 1px solid color-mix(in srgb, var(--surface-border) 48%, transparent);
  border-radius: var(--os-radius-sm);
  background:
    linear-gradient(
      188deg,
      color-mix(in srgb, var(--runtime-deck-well) 26%, var(--surface-embed)) 0%,
      color-mix(in srgb, var(--surface-embed) 96%, transparent) 100%
    );
  box-shadow:
    var(--shadow-panel-cavity),
    var(--shadow-panel-rim),
    var(--shadow-panel-occlude),
    inset 0 0 0 1px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

[data-room] .atmo-slate {
  border-color: color-mix(in srgb, var(--surface-border) 44%, var(--room-presence-edge) 18%);
}

.atmo-slate > li + li,
.atmo-slate > .atmo-register + .atmo-register {
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 68%, transparent);
}

.atmo-slate > .atmo-loading,
.atmo-slate > .atmo-empty {
  border-top: none;
}

/* ── 2 · atmo-register · Zeile im Register (keine eigene Karte) ─────────── */
.atmo-register {
  position: relative;
  padding: 0.82rem 1rem;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition:
    background var(--os-duration-surface) var(--os-ease-liquid),
    border-color var(--os-duration-surface) var(--os-ease-liquid);
}

.atmo-register::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: transparent;
  transition: background var(--os-duration-surface) var(--os-ease-liquid);
}

.atmo-register:hover::before {
  background: color-mix(in srgb, var(--room-presence-edge) 42%, transparent);
}

.atmo-slate > li.task-focus-active.atmo-register,
.atmo-slate > li.task-focus-active {
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--room-presence) 18%, var(--surface-embed)) 0%,
      color-mix(in srgb, var(--surface-embed) 94%, transparent) 42%
    );
}

.atmo-slate > li.task-focus-active::before,
.atmo-slate > li.task-focus-active.atmo-register::before {
  background: color-mix(in srgb, var(--accent-wick) 72%, var(--room-presence-edge));
}

/* Loop-Zeilen im gemeinsamen Register — Nähte statt Kartenrahmen */
.atmo-slate .room-loop-slot {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.atmo-slate .room-loop-slot + .room-loop-slot {
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 62%, transparent);
}

.atmo-slate .room-loop-slot[data-loop-state="active"],
.atmo-slate .room-loop-slot[data-loop-gravity="near"] {
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--room-presence) 22%, var(--surface-embed)) 0%,
      color-mix(in srgb, var(--runtime-deck-well) 18%, var(--surface-embed)) 100%
    );
}

.atmo-slate .room-loop-slot[data-loop-state="parked"],
.atmo-slate .room-loop-slot[data-loop-gravity="far"],
.atmo-slate .room-loop-slot[data-loop-state="done"],
.atmo-slate .room-loop-slot[data-loop-gravity="behind"] {
  transform: none;
}

/* ── 3 · atmo-deck · asymmetrisches Betriebsdeck ───────────────────────── */
.atmo-deck {
  display: grid;
  gap: clamp(0.35rem, 0.85vw, 0.6rem);
  margin-top: 1.15rem;
}

@media (min-width: 1024px) {
  .atmo-deck {
    grid-template-columns: minmax(0, 1.24fr) minmax(0, 0.76fr);
    align-items: stretch;
  }
}

.atmo-deck__primary,
.atmo-deck__secondary {
  position: relative;
  padding: 0.9rem 1rem 0.95rem;
  border: 1px solid color-mix(in srgb, var(--surface-border) 46%, transparent);
  border-radius: var(--os-radius-sm);
  background:
    linear-gradient(
      188deg,
      color-mix(in srgb, var(--runtime-deck-well) 22%, var(--surface-embed)) 0%,
      color-mix(in srgb, var(--surface-embed) 94%, transparent) 100%
    );
  box-shadow:
    var(--shadow-panel-cavity),
    var(--shadow-panel-rim),
    var(--shadow-panel-occlude);
}

.atmo-deck__primary {
  padding-left: 1.05rem;
  border-left: 2px solid color-mix(in srgb, var(--accent-wick) 68%, var(--room-presence-edge));
}

.atmo-deck__secondary {
  opacity: 0.9;
  background:
    linear-gradient(
      188deg,
      color-mix(in srgb, var(--runtime-deck-well) 12%, var(--surface-embed)) 0%,
      color-mix(in srgb, var(--surface-embed) 90%, transparent) 100%
    );
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--surface-highlight) 22%, transparent),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.atmo-deck__secondary .atmospheric-kicker {
  font-size: 0.65625rem;
  letter-spacing: 0.09em;
  opacity: 0.72;
}

/* ── 4 · atmo-tag · Marginalien-Chip (keine Karte) ─────────────────────── */
.atmo-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.32rem 0.72rem;
  border: none;
  border-radius: var(--os-radius-xs);
  background: color-mix(in srgb, var(--surface-well) 28%, transparent);
  color: color-mix(in srgb, var(--text-muted) 88%, transparent);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--surface-highlight) 18%, transparent),
    inset 0 -1px 0 rgba(0, 0, 0, 0.18);
}

/* ── 5 · atmo-slate--catalog · Referenz-Register mit Raster-Nähten ─────── */
.atmo-slate--catalog {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr;
}

@media (min-width: 640px) {
  .atmo-slate--catalog {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .atmo-slate--catalog {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.atmo-slate--catalog > li {
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 64%, transparent);
}

@media (min-width: 640px) {
  .atmo-slate--catalog > li:nth-child(n + 2) {
    border-top: 1px solid color-mix(in srgb, var(--surface-divider) 64%, transparent);
  }

  .atmo-slate--catalog > li:nth-child(2) {
    border-top: none;
  }

  .atmo-slate--catalog > li:not(:nth-child(2n + 1)) {
    border-left: 1px solid color-mix(in srgb, var(--surface-divider) 58%, transparent);
  }
}

@media (min-width: 1024px) {
  .atmo-slate--catalog > li:nth-child(2) {
    border-top: 1px solid color-mix(in srgb, var(--surface-divider) 64%, transparent);
  }

  .atmo-slate--catalog > li:nth-child(-n + 3) {
    border-top: none;
  }

  .atmo-slate--catalog > li:not(:nth-child(3n + 1)) {
    border-left: 1px solid color-mix(in srgb, var(--surface-divider) 58%, transparent);
  }
}

/* ── 6 · atmo-card · Karten-Elevation entfernen (nur noch Kammer-Einbettung) */
.atmo-card {
  box-shadow:
    var(--shadow-panel-cavity),
    var(--shadow-panel-rim),
    var(--shadow-panel-occlude);
}

.atmo-card--interactive:hover {
  box-shadow:
    var(--shadow-panel-cavity),
    var(--shadow-panel-rim),
    var(--shadow-panel-occlude),
    inset 0 0 0 1px color-mix(in srgb, var(--env-hero-contact) 10%, transparent);
}

.atmo-action {
  box-shadow: var(--shadow-panel-rim), var(--shadow-panel-occlude);
}

.atmo-action--primary {
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, rgba(255, 255, 255, 0.05) 72%, var(--accent-soft) 28%),
    var(--shadow-panel-occlude);
}

.atmo-alert {
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--surface-highlight) 32%, transparent),
    inset 2px 0 0 color-mix(in srgb, rgba(220, 86, 70, 0.32) 64%, transparent);
}

/* ── 7 · Beiwerk-Layer · asymmetrische Ruhe, kein 50/50-Dashboard ──────── */
.room-beiwerk-layer {
  grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
  .room-beiwerk-layer {
    grid-template-columns: minmax(0, 1.16fr) minmax(0, 0.84fr);
    align-items: start;
  }

  .room-beiwerk-layer--far {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  }
}

/* Faden-Listen: Register statt gestapelter Inseln */
.room-threads-near.atmo-slate,
.room-threads-distant .atmo-slate {
  margin-top: 0.85rem;
}

.room-threads-distant {
  border-top-style: solid;
  border-top-color: color-mix(in srgb, var(--surface-divider) 52%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  .atmo-register,
  .atmo-slate .room-loop-slot {
    transition-duration: 0.01ms !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
 *  Inhabitation Deepening Pass · weniger UI, mehr glaubwürdiges Material
 *
 *  Nach Register/Deck-Evolution bleiben Spannungen: verschachtelte Task-Kammern
 *  als Mini-Karten, schwebendes Raum-Deck/Identität, zu große vertikale
 *  Dashboard-Rhythmen, mono-Admin-Badges. Dieser Pass vertieft Nähte,
 *  dämpft Elevation und vereinheitlicht die Fokus-Kammer — ohne neue Systeme.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1 · Raum-Rhythmus · Register und Kammer getrennt atmen ─────────────── */
.room-shell-rhythm > * + * {
  margin-top: clamp(1.25rem, 2.4vw, 1.85rem);
}

.room-shell-rhythm > header.room-identity-strip + .room-nav-rail {
  margin-top: clamp(0.95rem, 2vw, 1.45rem);
}

.room-shell-rhythm > .room-nav-rail + * {
  margin-top: clamp(0.55rem, 1.2vw, 0.85rem);
}

@media (min-width: 640px) {
  .room-shell-rhythm > * + * {
    margin-top: clamp(1.55rem, 2.8vw, 2.35rem);
  }
}

.room-runtime-deck {
  box-shadow: var(--shadow-console-stack), var(--edge-contact-lip);
}

.room-runtime-deck > .mobile-runtime-layer + .mobile-runtime-layer {
  margin-top: clamp(0.22rem, 0.55vw, 0.42rem);
}

.room-runtime-deck .room-chamber {
  box-shadow:
    var(--shadow-panel-rim),
    var(--shadow-panel-occlude),
    var(--shadow-panel-cavity);
}

/* ── 2 · Identität · eingelassene Namensplatte, keine schwebende Karte ─── */
.room-identity-panel.room-identity-chamber {
  border-radius: var(--chamber-inner-radius);
  box-shadow:
    inset 0 1px 0 rgba(255, 254, 246, 0.38),
    inset 0 0 0 1px rgba(255, 252, 240, 0.06),
    inset 0 -1px 0 rgba(62, 54, 42, 0.12),
    inset 0 -2px 4px -2px color-mix(in srgb, var(--env-hero-contact) 10%, transparent);
}

.room-identity-panel::before {
  opacity: 0.52;
}

.room-identity-panel::after {
  opacity: 0.48;
}

/* ── 3 · Task-Kammer · eine Vertiefung, Nähte statt verschachtelter Boxen ─ */
.task-chamber {
  margin-top: 0.62rem;
  padding: 0.72rem 0.2rem 0.2rem;
  border: none;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 54%, transparent);
  border-radius: 0;
  background: color-mix(in srgb, var(--runtime-deck-well) 12%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--surface-highlight) 18%, transparent);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.task-chamber-panel {
  margin-top: 0;
  padding: 0 0.55rem 0.65rem;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.task-chamber-panel + .task-chamber-panel {
  margin-top: 0.72rem;
  padding-top: 0.72rem;
  border-top: 1px solid color-mix(in srgb, var(--surface-divider) 44%, transparent);
}

.task-chamber-eyebrow {
  font-family: var(--font-sans), system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--text-faint) 82%, transparent);
}

.task-chamber-field {
  width: 100%;
  resize: none;
  padding: 0.45rem 0;
  border: none;
  border-bottom: 1px solid color-mix(in srgb, var(--surface-divider) 52%, transparent);
  border-radius: 0;
  background: transparent;
  color: var(--text-secondary);
  font-family: var(--font-sans), system-ui, sans-serif;
  font-size: 0.8125rem;
  line-height: 1.58;
  letter-spacing: -0.004em;
  outline: none;
}

.task-chamber-field::-moz-placeholder {
  color: var(--text-faint);
  opacity: 0.72;
}

.task-chamber-field::placeholder {
  color: var(--text-faint);
  opacity: 0.72;
}

.task-chamber-field:focus {
  border-bottom-color: color-mix(in srgb, var(--accent-border) 28%, var(--surface-divider));
  color: var(--text-primary);
}

.task-chamber-select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding: 0.2rem 0;
  border: none;
  border-bottom: 1px solid color-mix(in srgb, var(--surface-divider) 48%, transparent);
  border-radius: 0;
  background: transparent;
  color: var(--text-muted);
  font-family: var(--font-sans), system-ui, sans-serif;
  font-size: 0.71875rem;
  font-weight: 490;
  letter-spacing: -0.004em;
  text-transform: none;
  outline: none;
}

.task-chamber-select:focus-visible {
  border-bottom-color: color-mix(in srgb, var(--accent-border) 32%, var(--surface-divider));
  color: var(--text-secondary);
}

.task-chamber .atmo-chip {
  font-size: 0.625rem;
}

/* ── 4 · atmo-chip · Marginalien ohne surface-embed-Kästchen ─────────── */
.atmo-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.14rem 0.44rem;
  border: none;
  border-radius: var(--os-radius-xs);
  background: color-mix(in srgb, var(--surface-well) 20%, transparent);
  font-family: var(--font-sans), system-ui, sans-serif;
  font-size: 0.65625rem;
  font-weight: 480;
  letter-spacing: 0.01em;
  line-height: 1.2;
  text-transform: none;
  color: var(--text-faint);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--surface-highlight) 10%, transparent);
}

.atmo-chip--signal {
  color: color-mix(in srgb, var(--text-secondary) 82%, var(--accent-signal) 18%);
}

/* ── 5 · Fokus-Dichte · ruhigeres Ausblenden, weniger „UI-State" ───────── */
.task-focus-list:has(.task-focus-active) > li:not(.task-focus-active) {
  opacity: 0.58;
  filter: saturate(0.9) brightness(0.96);
}

.task-focus-list > li {
  transition:
    opacity 0.62s var(--os-ease-liquid),
    filter 0.62s var(--os-ease-liquid),
    background var(--os-duration-surface) var(--os-ease-liquid);
}

/* ── 6 · Beiwerk-Typografie · Meta tritt zurück hinter Inhalt ───────────── */
.room-chamber--beiwerk .type-meta,
.room-chamber--beiwerk .atmo-mark {
  font-size: 0.65625rem;
  letter-spacing: 0.008em;
}

.room-chamber--beiwerk .room-chamber-kicker {
  margin-bottom: clamp(0.42rem, 0.95vw, 0.68rem);
}

@media (prefers-reduced-motion: reduce) {
  .task-focus-list > li {
    transition-duration: 0.01ms !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
 *  Edge Physics & Background Integration Pass
 *
 *  Dunkle Betriebsoberflächen als eingelassene Kammern — nicht schwebende
 *  Karten. Äußere Elevations-Logik entfernt, Umgebungsokklusion verstärkt.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* Helle Plane → dunkle Öffnung: Kontakt an der Kammerlippe */
.runtime-instrument-deck,
.room-runtime-deck {
  background-clip: padding-box;
}

/* Innere Kammern: einheitliche Geometrie, keine verschachtelten Card-Radien */
.runtime-instrument-deck .surface-slot,
.home-control-panel--primary,
.environment-focus-panel,
.environment-room-field-panel,
.environment-capture-panel {
  border-radius: var(--chamber-inner-radius);
}

/* Runtime-Konsole: matte Bodenokklusion unter dem Instrument */
.runtime-console-rail::after {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: -2px;
  height: 2px;
  pointer-events: none;
  z-index: -1;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--env-hero-contact) 10%, transparent),
    transparent
  );
  opacity: 0.32;
}

/* ═══════════════════════════════════════════════════════════════════════════
 *  Room Navigation & Surface Integrity Pass
 *
 *  Zone-Routing als eingelassenes Studio-Register — kein Card-Strip.
 *  Anker fix, Zonen horizontal scrollbar ohne Clipping.
 * ═══════════════════════════════════════════════════════════════════════════ */

.room-nav-rail {
  position: relative;
  isolation: isolate;
}

/* Übergangsbrücke: Register → eingelassene Kammer */
.room-nav-rail::after {
  content: "";
  position: absolute;
  left: -0.25rem;
  right: -0.25rem;
  bottom: calc(-1 * clamp(0.85rem, 1.8vw, 1.35rem));
  height: clamp(1.35rem, 2.8vw, 2.05rem);
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    180deg,
    transparent 0%,
    color-mix(in srgb, var(--env-hero-contact) 8%, transparent) 42%,
    color-mix(in srgb, var(--runtime-deck-sink) 18%, var(--env-hero-contact)) 100%
  );
  opacity: 0.72;
}

.room-nav-rail__shell {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
  min-width: 0;
  border-top: 1px solid color-mix(in srgb, var(--env-hero-contact) 16%, rgba(0, 0, 0, 0.08));
  border-bottom: 1px solid color-mix(in srgb, var(--env-hero-contact) 22%, rgba(0, 0, 0, 0.12));
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--atmo-base) 92%, rgba(255, 255, 252, 0.08)) 0%,
      color-mix(in srgb, var(--atmo-base) 78%, rgba(72, 76, 70, 0.06)) 100%
    );
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--env-hero-edge) 18%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--env-hero-contact) 10%, transparent);
}

.room-nav-rail__anchor-bay {
  flex: none;
  min-width: min(100%, 12.5rem);
  max-width: 14.5rem;
  border-right: 1px solid color-mix(in srgb, var(--env-hero-contact) 14%, transparent);
}

.room-nav-rail__anchor,
.room-nav-rail__zone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.12rem;
  min-height: 3.35rem;
  padding: 0.62rem 1rem;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--env-text-secondary);
  text-decoration: none;
  transition:
    color var(--os-duration-control) var(--os-ease-liquid),
    background var(--os-duration-control) var(--os-ease-liquid),
    box-shadow var(--os-duration-control) var(--os-ease-liquid),
    opacity var(--os-duration-control) var(--os-ease-liquid);
}

.room-nav-rail__anchor {
  min-height: 3.65rem;
  padding-inline: clamp(0.85rem, 1.6vw, 1.15rem);
}

.room-nav-rail__anchor--current {
  background: color-mix(in srgb, var(--accent-orient) 28%, transparent);
  box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--accent-wick) 52%, transparent);
  color: var(--env-text-primary);
}

.room-nav-rail__anchor[data-anchor-state="anchored"] {
  opacity: 0.92;
}

.room-nav-rail__anchor:hover,
.room-nav-rail__anchor:focus-visible,
.room-nav-rail__zone:hover,
.room-nav-rail__zone:focus-visible {
  color: var(--env-text-primary);
  background: color-mix(in srgb, var(--atmo-mist) 42%, transparent);
}

.room-nav-rail__anchor:focus-visible,
.room-nav-rail__zone:focus-visible {
  outline: 2px solid var(--os-focus-ring);
  outline-offset: -2px;
}

.room-nav-rail__label,
.room-nav-rail__zone-title {
  font-size: 0.8125rem;
  font-weight: 620;
  letter-spacing: -0.018em;
  line-height: 1.2;
  color: inherit;
}

.room-nav-rail__meta,
.room-nav-rail__zone-hint,
.room-nav-rail__context {
  font-size: 0.6875rem;
  letter-spacing: 0.02em;
  line-height: 1.35;
  color: color-mix(in srgb, var(--env-text-muted) 88%, var(--env-text-secondary));
}

.room-nav-rail__context {
  margin-top: 0.08rem;
  letter-spacing: -0.004em;
}

.room-nav-rail__divider {
  display: none;
}

.room-nav-rail__track {
  display: flex;
  align-items: stretch;
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  overflow-y: visible;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 1.25rem;
  padding-inline: 0.12rem;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 1.25rem,
    #000 calc(100% - 1.25rem),
    transparent 100%
  );
          mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 1.25rem,
    #000 calc(100% - 1.25rem),
    transparent 100%
  );
}

.room-nav-rail__track::-webkit-scrollbar {
  display: none;
}

.room-nav-rail__zone {
  flex: 0 0 auto;
  scroll-snap-align: start;
  min-width: max(7.25rem, -moz-max-content);
  min-width: max(7.25rem, max-content);
  max-width: 13.5rem;
  padding-inline: clamp(0.85rem, 1.5vw, 1.05rem);
  border-left: 1px solid color-mix(in srgb, var(--env-hero-contact) 8%, transparent);
  opacity: 0.84;
}

.room-nav-rail__zone--active,
.room-nav-rail__zone[data-current="true"] {
  opacity: 1;
  color: var(--text-primary);
  background: color-mix(in srgb, var(--runtime-deck-sink) 8%, transparent);
  box-shadow:
    inset 0 -2px 0 color-mix(in srgb, var(--accent-wick) 58%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--mat-rim-soft) 24%, transparent);
}

.room-nav-rail__zone--recent:not(.room-nav-rail__zone--active) {
  opacity: 0.94;
  color: color-mix(in srgb, var(--env-text-secondary) 88%, var(--accent-soft));
}

.room-nav-rail__zone--active .room-nav-rail__zone-hint,
.room-nav-rail__zone--recent .room-nav-rail__zone-hint {
  color: color-mix(in srgb, var(--text-muted) 82%, var(--accent-signal));
}

/* Raum-Komposition: Register → Kammer mit Atem */
.room-nav-rail + .room-runtime-deck {
  position: relative;
  z-index: 1;
  margin-top: clamp(0.25rem, 0.65vw, 0.45rem);
  border-top-color: color-mix(in srgb, var(--env-hero-contact) 18%, rgba(0, 0, 0, 0.08));
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--env-hero-contact) 20%, transparent) 0%,
      transparent 6px
    ),
    radial-gradient(
      ellipse 96% 70% at 50% 0%,
      color-mix(in srgb, var(--runtime-deck-rim) 14%, transparent),
      transparent 64%
    ),
    linear-gradient(
      188deg,
      color-mix(in srgb, var(--runtime-deck-base) 96%, var(--surface-base)) 0%,
      color-mix(in srgb, var(--runtime-deck-sink) 88%, var(--runtime-deck-well)) 100%
    );
}

.room-nav-rail + .room-runtime-deck::before {
  top: 0.42rem;
}

@media (max-width: 639px) {
  .room-nav-rail__shell {
    flex-direction: column;
  }

  .room-nav-rail__anchor-bay {
    min-width: 0;
    max-width: none;
    border-right: none;
    border-bottom: 1px solid color-mix(in srgb, var(--env-hero-contact) 14%, transparent);
  }

  .room-nav-rail__track {
    -webkit-mask-image: linear-gradient(
      90deg,
      transparent 0%,
      #000 0.85rem,
      #000 calc(100% - 0.85rem),
      transparent 100%
    );
            mask-image: linear-gradient(
      90deg,
      transparent 0%,
      #000 0.85rem,
      #000 calc(100% - 0.85rem),
      transparent 100%
    );
  }

  .room-nav-rail__zone {
    min-width: max(6.75rem, -moz-max-content);
    min-width: max(6.75rem, max-content);
    min-height: 3rem;
  }
}

@media (min-width: 640px) {
  .room-nav-rail__anchor-bay {
    min-width: 13.25rem;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
 *  Ende · Room Navigation & Surface Integrity Pass
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
 *  Ende · Edge Physics & Background Integration Pass
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
 *  Ende · Inhabitation Deepening Pass
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
 *  Ende · Industrial Operating Surface Pass
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
 *  Ende · Habitable Surface Pass
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
 * DER RISS · Foundational Product Object
 * Spezifikation: src/lib/runtime/DER_RISS.md
 * ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --riss-matte: #252522;
  --riss-edge: #1c1c1a;
  --riss-edge-top: rgba(255, 255, 255, 0.1);
  --riss-edge-bottom: #141413;
  --riss-lip: rgba(255, 255, 255, 0.08);
  --riss-press: rgba(0, 0, 0, 0.55);
  --riss-partition: rgba(255, 255, 255, 0.08);
  --riss-channel-fill: #1c1c1a;
  --riss-channel-fill-active: #181816;
  --riss-well-fill: #f4f1ea;
  --riss-well-lip: rgba(21, 21, 21, 0.1);
  --riss-inset: inset 0 1px 0 var(--riss-lip), inset 0 -1px 0 var(--riss-press);
  --riss-channel-seam: inset 0 1px 0 rgba(0, 0, 0, 0.48);
  --riss-seat: 0 1px 0 rgba(0, 0, 0, 0.14);
  --riss-aperture-pad-x: calc(var(--riss-grid) * 4);
  --riss-type-size: 0.8125rem;
  --riss-type-track: -0.018em;
}

/* ── Boden-Anker: fixiert, zentriert, keine schwebende Konsole ─────────── */
.der-riss {
  position: fixed;
  z-index: 20;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  pointer-events: none;
  padding-bottom: max(0.375rem, env(safe-area-inset-bottom, 0px));
}

/* Well · Mulde in der Umgebungsfläche — Okklusion, kein Float */
.der-riss-well {
  pointer-events: auto;
  width: var(--riss-span);
  max-width: 100%;
  padding: var(--riss-well-pad-top) 0 0;
  border-top: 1px solid var(--riss-well-lip);
  background: var(--riss-well-fill);
}

.der-riss[data-riss-room="home"] {
  --riss-orient-bay-w: var(--riss-mark-w);
}

.der-riss[data-riss-room="home"] .der-riss-bay--orient {
  grid-template-columns: var(--riss-mark-w);
}

.der-riss[data-riss-room="active"] {
  --riss-orient-bay-w: calc(var(--riss-mark-w) * 2);
}

/* Marginalia · Continuity über dem Schnitt — dezente Statusleiste, kein Mono-Floating */
.der-riss-marginalia {
  display: block;
  width: min(100%, 36rem);
  margin: 0 auto calc(var(--riss-grid) * 1.1);
  padding: 0.28rem 0.85rem;
  border: 1px solid color-mix(in srgb, var(--surface-divider) 38%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface-embed) 72%, transparent);
  color: color-mix(in srgb, var(--text-muted) 82%, var(--text-faint));
  font-family: inherit;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
  text-shadow: none;
  opacity: 0;
  transform: none;
  transition:
    opacity 0.22s ease,
    color 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}

.der-riss-marginalia[data-trace-visible="true"] {
  opacity: 0.82;
}

.der-riss-marginalia[data-trace-warmth="fresh"][data-trace-visible="true"],
.der-riss-marginalia[data-trace-warmth="warm"][data-trace-visible="true"] {
  color: color-mix(in srgb, var(--accent-soft) 42%, var(--text-secondary));
  opacity: 0.86;
}

.der-riss-marginalia--live {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.der-riss-marginalia--live:hover,
.der-riss-marginalia--live:focus-visible {
  color: color-mix(in srgb, var(--text-secondary) 88%, transparent);
  opacity: 0.88;
}

.der-riss-marginalia--live:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--accent-border) 22%, transparent);
  outline-offset: 2px;
}

/* Objekt · gefertigter Schnitt — eine Körpermasse, gemeißelte Kanten */
.der-riss-object {
  position: relative;
  display: grid;
  grid-template-columns: var(--riss-orient-bay-w) minmax(0, 1fr) var(--riss-actuate-bay-w);
  align-items: stretch;
  gap: 0;
  width: 100%;
  height: var(--riss-object-h);
  min-height: var(--riss-object-h);
  max-height: var(--riss-object-h);
  margin: 0;
  padding: 0;
  border: 1px solid var(--riss-edge);
  border-top-color: var(--riss-edge-top);
  border-bottom-color: var(--riss-edge-bottom);
  border-radius: 0;
  background: var(--riss-matte);
  box-shadow: var(--riss-inset), var(--riss-seat);
  overflow: hidden;
  isolation: isolate;
}

/* Buchten · Nav + Actuate — gleiche Masse wie Körper, nur Nuten */
.der-riss-bay {
  display: grid;
  align-items: stretch;
  align-self: stretch;
  height: var(--riss-object-h);
  min-height: var(--riss-object-h);
  max-height: var(--riss-object-h);
  margin: 0;
  padding: 0;
  background: var(--riss-matte);
}

.der-riss-bay--orient {
  grid-template-columns: var(--riss-mark-w) minmax(0, 1fr);
  box-shadow: inset -1px 0 0 var(--riss-partition);
}

.der-riss-bay--actuate {
  grid-template-columns: repeat(2, var(--riss-mark-w));
  box-shadow: inset 1px 0 0 var(--riss-partition);
}

.der-riss-room {
  display: flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-inline: calc(var(--riss-grid) * 1) calc(var(--riss-grid) * 2);
  color: color-mix(in srgb, var(--text-muted) 62%, transparent);
  font-size: 0.5625rem;
  font-weight: 540;
  letter-spacing: 0.065em;
  line-height: 1;
  text-transform: uppercase;
}

.der-riss-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--riss-mark-w);
  height: var(--riss-object-h);
  min-height: var(--riss-object-h);
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: color-mix(in srgb, var(--text-muted) 58%, transparent);
  opacity: 0.46;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.der-riss-mark svg {
  display: block;
  width: 8px;
  height: 8px;
}

.der-riss-mark--voice {
  box-shadow: inset -1px 0 0 var(--riss-partition);
}

.der-riss-mark:hover:not(:disabled),
.der-riss-mark:focus-visible,
.der-riss-mark[aria-pressed="true"] {
  opacity: 0.58;
  color: color-mix(in srgb, var(--text-secondary) 72%, transparent);
  background: transparent;
}

.der-riss-mark:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--accent-border) 28%, transparent);
  outline-offset: -1px;
}

.der-riss-mark:disabled {
  opacity: 0.2;
  pointer-events: none;
}

/* Aperture · Gedankenschlitz — graviert, nicht Formularfeld */
.der-riss-aperture {
  display: flex;
  align-items: center;
  align-self: stretch;
  min-width: 0;
  height: var(--riss-object-h);
  background: var(--riss-channel-fill);
  box-shadow: var(--riss-channel-seam);
}

.der-riss-aperture__text {
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 1px var(--riss-aperture-pad-x) 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: color-mix(in srgb, var(--runtime-thought-text) 90%, transparent);
  font-family: var(--font-sans), system-ui, sans-serif;
  font-size: var(--riss-type-size);
  font-weight: 480;
  line-height: calc(var(--riss-object-h) - 1px);
  letter-spacing: var(--riss-type-track);
  text-align: center;
  caret-color: color-mix(in srgb, var(--runtime-thought-text) 82%, transparent);
  text-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.der-riss-aperture__text::-moz-placeholder {
  color: #7c766d;
  font-weight: 460;
  letter-spacing: 0.02em;
  opacity: 0.72;
}

.der-riss-aperture__text::placeholder {
  color: #7c766d;
  font-weight: 460;
  letter-spacing: 0.02em;
  opacity: 0.72;
}

.der-riss-aperture__text:disabled {
  opacity: 0.5;
}

/* Zustände · nur Material im Kanal + Actuate — Geometrie bleibt fix */
.der-riss-object[data-riss-state="composing"] .der-riss-aperture,
.der-riss-object:focus-within .der-riss-aperture,
.der-riss-object[data-runtime-active="true"] .der-riss-aperture {
  background: var(--riss-channel-fill-active);
}

.der-riss-object[data-riss-state="composing"] .der-riss-aperture__text,
.der-riss-object:focus-within .der-riss-aperture__text,
.der-riss-object[data-runtime-active="true"] .der-riss-aperture__text,
.der-riss-object[data-riss-state="immersed"] .der-riss-aperture__text {
  text-align: left;
}

.der-riss-object[data-riss-state="composing"] .der-riss-mark--send:not(:disabled),
.der-riss-object[data-riss-state="immersed"] .der-riss-mark--send:not(:disabled),
.der-riss-object:focus-within .der-riss-mark--send:not(:disabled) {
  opacity: 0.7;
  color: color-mix(in srgb, var(--runtime-thought-text) 72%, #c96a1b);
}

.der-riss-object[data-riss-state="submitting"] .der-riss-aperture__text {
  opacity: 0.5;
}

.der-riss[data-riss-continuation="available"] .der-riss-object[data-riss-state="idle"] {
  border-color: color-mix(in srgb, var(--riss-edge) 90%, var(--accent-border) 10%);
}

/* After · Flüster unter dem Objekt */
.der-riss-after {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-height: var(--riss-after-h);
  padding: calc(var(--riss-grid) * 2) calc(var(--riss-grid) * 3.5) 0;
  opacity: 0.68;
}

.der-riss-whisper {
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: color-mix(in srgb, var(--text-muted) 64%, transparent);
  font-family: var(--font-mono), ui-monospace, monospace;
  font-size: 0.625rem;
  font-weight: 480;
  letter-spacing: 0.05em;
  text-transform: lowercase;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.der-riss-whisper + .der-riss-whisper {
  margin-inline-start: 1rem;
}

.der-riss-whisper + .der-riss-whisper::before {
  content: "·";
  position: absolute;
  left: -0.55rem;
  color: color-mix(in srgb, var(--text-muted) 38%, transparent);
  pointer-events: none;
}

.der-riss-whisper:hover,
.der-riss-whisper:focus-visible {
  color: color-mix(in srgb, var(--text-secondary) 84%, transparent);
}

.der-riss-whisper:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--accent-border) 22%, transparent);
  outline-offset: 2px;
}

/* Resonance · Echo */
.der-riss-resonance {
  margin: calc(var(--riss-grid) * 1.5) 0 0;
  padding: 0 calc(var(--riss-grid) * 3.5);
  color: color-mix(in srgb, var(--text-muted) 76%, transparent);
  font-size: 0.6875rem;
  font-weight: 460;
  line-height: 1.35;
  letter-spacing: 0.01em;
  text-align: center;
  text-shadow: none;
}

/* Atmosphäre · html-Attribute, nur Rand */
html[data-runtime-delphi="friction"] .der-riss-object:not(:focus-within):not([data-riss-state="immersed"]) {
  border-color: color-mix(in srgb, var(--riss-edge) 92%, var(--accent-border) 8%);
}

/* Material-Spannung · carried vs. loose — Atmosphäre, kein Widget */
html[data-runtime-material="carried"] .riss-core-shell .riss-core-form {
  box-shadow:
    var(--shadow-input-well),
    0 0 0 1px color-mix(in srgb, var(--room-material-warmth, rgba(255, 228, 196, 0.12)) 140%, transparent);
}

html[data-runtime-material="loose"] .riss-core-shell .riss-core-form:not([data-riss-input-focused="true"]) {
  box-shadow:
    var(--shadow-input-well),
    inset 0 1px 0 color-mix(in srgb, var(--accent-wick, #c4a574) 18%, transparent);
}

html[data-runtime-material="loose"] .der-riss-marginalia[data-trace-visible="true"] {
  letter-spacing: 0.04em;
}

@media (max-width: 640px) {
  :root {
    --riss-span: calc(100vw - 1rem);
    --riss-mark-w: calc(var(--riss-grid) * 12);
  }

  .der-riss[data-riss-room="active"] {
    --riss-orient-bay-w: var(--riss-mark-w);
  }

  .der-riss-bay--orient .der-riss-room {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .der-riss-marginalia,
  .der-riss-object,
  .der-riss-after,
  .der-riss-whisper {
    transition-duration: 0.01ms !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
 *  Ende · DER RISS · Foundational Product Object
 * ═══════════════════════════════════════════════════════════════════════════ */


/* RAUMRISS OS — loaded last (overrides legacy rules above) */

/* ═══════════════════════════════════════════════════════════════════════════
 * FINAL · Session-Header schwebend (Home + Räume) — muss letztes CSS sein
 * ═══════════════════════════════════════════════════════════════════════════ */

html.raumriss-os .runtime-presence-layer.runtime-session-header {
  position: fixed !important;
  top: max(0.55rem, calc(env(safe-area-inset-top, 0px) + 0.45rem)) !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  width: -moz-max-content !important;
  width: max-content !important;
  max-width: min(44rem, calc(100vw - 1.2rem)) !important;
  margin: 0 !important;
  display: block !important;
  border: 1px solid color-mix(in srgb, var(--os-border-soft, rgba(28, 25, 20, 0.11)) 88%, transparent) !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--os-surface-soft, rgba(255, 255, 252, 0.92)) 78%, transparent) !important;
  backdrop-filter: none !important;
  box-shadow:
    var(--rr-depth-mid, 0 4px 16px rgba(26, 21, 16, 0.04)),
    inset 0 1px 0 color-mix(in srgb, #fff 44%, transparent) !important;
  z-index: 120 !important;
}

html.raumriss-os .runtime-session-header__inner {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.28rem 0.55rem !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin-inline: 0 !important;
  padding: 0.3rem 0.38rem !important;
  overflow: visible !important;
}

html.raumriss-os .runtime-session-header__center {
  display: flex !important;
  flex: 1 1 auto !important;
  justify-content: flex-start !important;
  max-width: min(100%, 26rem) !important;
  min-width: 0 !important;
}

html.raumriss-os .runtime-session-header__trailing {
  flex: 0 0 auto !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 0.28rem !important;
}

html.raumriss-os .session-header-locus {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.38rem !important;
  min-height: 2rem !important;
  padding: 0.42rem 0.72rem !important;
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  max-width: 100% !important;
}

html.raumriss-os .session-header-locus__mark,
html.raumriss-os .session-header-locus__room,
html.raumriss-os .session-header-locus__zone,
html.raumriss-os .session-header-locus__surface,
html.raumriss-os .session-header-locus__werkstatt {
  font-size: 0.5625rem !important;
  font-weight: 520 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

html.raumriss-os .session-header-locus__mark {
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
}

html.raumriss-os .runtime-session-header__clock .presence-clock--anchor {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-height: 2rem !important;
  padding: 0.42rem 0.72rem !important;
}

html.raumriss-os .runtime-session-header__clock .presence-clock-time {
  margin: 0 !important;
  font-family: var(--font-mono), ui-monospace, monospace !important;
  font-size: 0.75rem !important;
  font-weight: 620 !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
  color: var(--os-text, #1d1d1f) !important;
}

html.raumriss-os .runtime-session-header__clock .presence-clock-meta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.24rem !important;
  margin: 0 !important;
  font-size: 0.5rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  line-height: 1 !important;
  text-transform: uppercase;
  white-space: nowrap;
  color: color-mix(in srgb, var(--os-text-soft, #5c5549) 92%, var(--os-text, #1d1d1f)) !important;
}

html.raumriss-os .runtime-session-header__clock .presence-clock-meta__sep {
  opacity: 0.38;
}

html.raumriss-os .runtime-session-header__actions {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end__kicker {
  display: none !important;
}

html.raumriss-os .session-header-locus__room,
html.raumriss-os .session-header-locus__zone {
  max-width: 15rem !important;
}

html.raumriss-os .runtime-session-header__clock {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end {
  width: auto !important;
  min-width: 0 !important;
  min-height: 2rem !important;
  padding: 0.42rem 0.72rem !important;
  color: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid color-mix(in srgb, #000 18%, #2a2a2c) !important;
  border-radius: 8px !important;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, #2a2a2c 92%, #1d1d1f) 0%,
    color-mix(in srgb, #121214 96%, #000) 100%
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 1px 5px rgba(0, 0, 0, 0.16) !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end__action {
  font-size: 0.5625rem !important;
  font-weight: 520 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.96) !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end:hover:not(:disabled) {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, #323234 94%, #1d1d1f) 0%,
    color-mix(in srgb, #000 96%, #0a0a0b) 100%
  ) !important;
  border-color: color-mix(in srgb, #000 26%, #323234) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 2px 8px rgba(0, 0, 0, 0.22) !important;
  transform: none;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end:active:not(:disabled) {
  transform: translateY(0);
  box-shadow:
    inset 0 2px 6px rgba(0, 0, 0, 0.28),
    0 1px 4px rgba(15, 15, 20, 0.12) !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end:disabled {
  opacity: 0.58 !important;
  cursor: wait;
}

html.raumriss-os .home-runtime-shell.home-runtime-shell--living-house,
html.raumriss-os .home-runtime-shell--thumb-flow.home-runtime-shell--living-house {
  padding-top: calc(
    env(safe-area-inset-top, 0px) + clamp(3.55rem, 7.5vw, 4.2rem)
  ) !important;
}

html.raumriss-os .os-room-page,
html.raumriss-os .room-shell.rr-room-shell,
html.raumriss-os .os-page__inner,
html.raumriss-os .spatial-surface__shell,
html.raumriss-os .operations-workspace,
html.raumriss-os .system-workspace {
  padding-top: calc(
    env(safe-area-inset-top, 0px) + clamp(3.55rem, 7.5vw, 4.2rem)
  ) !important;
}

@media (max-width: 760px) {
  html.raumriss-os .runtime-presence-layer.runtime-session-header {
    top: max(0.4rem, calc(env(safe-area-inset-top, 0px) + 0.32rem)) !important;
    width: calc(100vw - 0.85rem) !important;
    max-width: calc(100vw - 0.85rem) !important;
    border-radius: 12px !important;
  }

  html.raumriss-os .runtime-session-header__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto;
    padding: 0.3rem 0.38rem !important;
  }

  html.raumriss-os .runtime-session-header__center {
    display: flex !important;
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    min-width: 0;
    max-width: 100%;
  }

  html.raumriss-os .runtime-session-header__trailing {
    grid-column: 2;
    grid-row: 1;
  }

  html.raumriss-os .runtime-session-header__aurel {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  html.raumriss-os .runtime-session-header__inner:not(:has(.aurel-nervous-presence--header)) {
    grid-template-rows: auto;
    padding-bottom: 0.46rem !important;
  }
}

/* Site Effect · Kunden-Cockpit — RAUMRISS-Dock ausblenden, Canvas bleibt Liquid Material */
html.raumriss-os:has([data-environment="site-effect-cockpit"]) #raumriss-runtime-dock {
  display: none !important;
}

::view-transition-old(site-effect-cockpit),
::view-transition-new(site-effect-cockpit) {
  animation-duration: 420ms;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ────────────────────────────────────────────────────────────────────────
   ABMELDEN als An/Aus-Session-Schalter — passend zur Header-Bar.
   An = grün (Session läuft, Knopf rechts). Hover = „ausschalten" (Bernstein/
   Rot, Knopf rutscht links). Rein optisch; Klick loggt weiterhin aus.
   Header liegt ausserhalb von .rr-skin → hier global, nicht in liquid-glass.css.
   ──────────────────────────────────────────────────────────────────────── */
html.raumriss-os .runtime-session-header__actions .system-presence-end {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0.34rem 0.62rem 0.34rem 0.5rem !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, #2ecc71 42%, #14231b) !important;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, #16241c 88%, #0c0f0d) 0%,
    color-mix(in srgb, #0d1512 96%, #000) 100%
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 1px 6px rgba(0, 0, 0, 0.2),
    0 0 0 1px rgba(46, 204, 113, 0.1) !important;
  transition: border-color 200ms ease, background 240ms ease, box-shadow 240ms ease !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end__face {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

/* Mini-Toggle: Spur + Knopf, „An"-Stellung (Knopf rechts, grün). */
html.raumriss-os .runtime-session-header__actions .system-presence-end__face::before {
  content: "" !important;
  flex: 0 0 auto !important;
  width: 26px !important;
  height: 14px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle 6px at 18px 7px, #eafff3 0 5px, transparent 6px),
    linear-gradient(180deg, #34d399, #1f9d6b) !important;
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.25),
    0 0 6px rgba(46, 204, 113, 0.45) !important;
  transition: background 220ms ease, box-shadow 220ms ease !important;
}

html.raumriss-os .runtime-session-header__actions .system-presence-end__action {
  color: color-mix(in srgb, #eafff3 88%, #ffffff) !important;
  font-size: 0.5625rem !important;
  font-weight: 560 !important;
  letter-spacing: 0.12em !important;
}

/* Hover/Focus = „ausschalten": Knopf rutscht links, Spur wird Bernstein→Rot. */
html.raumriss-os .runtime-session-header__actions .system-presence-end:hover:not(:disabled),
html.raumriss-os .runtime-session-header__actions .system-presence-end:focus-visible:not(:disabled) {
  border-color: color-mix(in srgb, #e0873a 52%, #2a1710) !important;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, #241811 90%, #0c0f0d) 0%,
    color-mix(in srgb, #150c08 96%, #000) 100%
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 2px 9px rgba(0, 0, 0, 0.26),
    0 0 0 1px rgba(224, 135, 58, 0.16) !important;
  transform: none !important;
}

html.raumriss-os
  .runtime-session-header__actions
  .system-presence-end:hover:not(:disabled)
  .system-presence-end__face::before,
html.raumriss-os
  .runtime-session-header__actions
  .system-presence-end:focus-visible:not(:disabled)
  .system-presence-end__face::before {
  background:
    radial-gradient(circle 6px at 8px 7px, #fff2e6 0 5px, transparent 6px),
    linear-gradient(180deg, #ec9a4e, #c0472b) !important;
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.28),
    0 0 7px rgba(224, 135, 58, 0.5) !important;
}

/* ────────────────────────────────────────────────────────────────────────
   AVE-Orb: klickbarer Wrapper OHNE eigene Optik — der Halo/Canvas bleibt
   exakt wie vorher (kein Reset auf .rr-ave-orb mehr, der den Glow zerstört hat).
   Bottom-Bar: nur der Orb, keine blaue „AVE"-Schrift/Pille.
   ──────────────────────────────────────────────────────────────────────── */
html.raumriss-os .rr-ave-orb-button {
  all: unset;
  display: inline-flex;
  cursor: pointer;
  border-radius: 999px;
  transition: filter 200ms ease, transform 200ms ease;
}
html.raumriss-os .rr-ave-orb-button:hover {
  filter: brightness(1.08);
}
html.raumriss-os .rr-ave-orb-button:active {
  transform: scale(0.98);
}

html.raumriss-os .riss-ave-point {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0.15rem !important;
  gap: 0 !important;
}
html.raumriss-os .riss-ave-point__name {
  display: none !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   Raum-Temperatur (revived, leicht)
   Warme Räume kriegen einen dünnen amber Rand + kleines Glühen; ruhige bleiben
   neutral. Bewusst LEICHT gehalten (kein filter, keine großen Blur-Shadows über
   dem Glas) damit's die Seite nicht ausbremst. .room-tile für Spezifität.
   ───────────────────────────────────────────────────────────────────────── */
html.raumriss-os .rr-skin .home-room-strip-cell.room-tile[data-room-warmth="active"],
html.raumriss-os .rr-skin .home-room-strip-cell.room-tile[data-room-warmth="fresh"],
html.raumriss-os .rr-skin [data-room-temporal="warm"].home-room-strip-cell.room-tile,
html.raumriss-os .rr-skin [data-room-temporal="recently_active"].home-room-strip-cell.room-tile {
  outline: 1.5px solid color-mix(in srgb, #e8791b 55%, transparent) !important;
  outline-offset: -1.5px !important;
  box-shadow: var(--lg-float), 0 0 16px -6px color-mix(in srgb, #e8791b 42%, transparent) !important;
}

html.raumriss-os .rr-skin .home-room-strip-cell.room-tile[data-room-warmth="warm"],
html.raumriss-os .rr-skin .home-room-strip-cell.room-tile[data-room-warmth="cooling"],
html.raumriss-os .rr-skin [data-room-temporal="cooling_down"].home-room-strip-cell.room-tile {
  outline: 1.5px solid color-mix(in srgb, #f4ad55 34%, transparent) !important;
  outline-offset: -1.5px !important;
}