/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/layers.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens, themes, base, utilities, components, layout, features, vendors, overrides;

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/colors/palette.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --primitive-white: #ffffff;
    --primitive-warm-50: #f9f8f6;
    --primitive-warm-100: #f4f3f0;

    --primitive-dark-900: #191919;
    --primitive-dark-800: #242424;
    --primitive-dark-700: #2c2c2c;

    --primitive-gray-900: #222020;
    --primitive-gray-700: #555050;
    --primitive-gray-500: #888480;
    --primitive-gray-400: #aaa6a2;

    --primitive-gray-100: #e5e5e2;
    --primitive-gray-200: #b0b0ac;
    --primitive-gray-250: #949490;
    --primitive-gray-300: #787874;

    --primitive-sand-400: #c8a478;
    --primitive-sand-500: #b89468;
    --primitive-sand-600: #9e7d56;
    --primitive-sand-700: #80613e;

    --primitive-green-500: #6daa72;
    --primitive-red-500: #c07068;
    --primitive-amber-500: #c4a65c;
    --primitive-blue-500: #5e9aba;
    --primitive-teal-500: #5aad96;
    --primitive-violet-500: #9478a0;

    --primitive-green-400: #78b87e;
    --primitive-red-400: #d07872;
    --primitive-amber-400: #d0b268;
    --primitive-blue-400: #68a8c8;
    --primitive-teal-400: #60b8a0;
    --primitive-violet-400: #a080ae;

    --primitive-sage-500: #7a9e80;
    --primitive-sand-ext-500: #b5a88e;
    --primitive-brown-500: #a08468;
    --primitive-coral-500: #c08070;
    --primitive-steel-500: #7e909e;

    --primitive-sage-400: #88b08e;
    --primitive-sand-ext-400: #c0b498;
    --primitive-brown-400: #b09478;
    --primitive-coral-400: #d09080;
    --primitive-steel-400: #90a0ae;

    --primitive-propty-500: #4d768c;
    --primitive-propty-400: #5a87a0;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/colors/semantic.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-bg: var(--primitive-warm-100);
    --briqs-bg-strong: var(--primitive-warm-50);
    --briqs-surface: var(--primitive-white);
    --briqs-surface-alt: var(--primitive-warm-50);
    --briqs-surface-elevated: var(--primitive-white);

    --briqs-text: var(--primitive-gray-900);
    --briqs-text2: var(--primitive-gray-700);
    --briqs-text3: var(--primitive-gray-500);
    --briqs-text4: var(--primitive-gray-400);

    --briqs-border: rgba(0, 0, 0, 0.06);
    --briqs-border-md: rgba(0, 0, 0, 0.11);
    --briqs-border-strong: rgba(0, 0, 0, 0.16);

    --briqs-scrollbar: rgba(214, 210, 206, 0.78);
    --briqs-scrollbar-hover: rgba(235, 232, 228, 0.96);

    --briqs-overlay-backdrop: rgba(18, 16, 16, 0.42);
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/colors/accent.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-accent: var(--primitive-sand-500);
    --briqs-accent-hover: var(--primitive-sand-600);
    --briqs-accent-soft: var(--primitive-sand-400);
    --briqs-accent-bg: rgba(184, 148, 104, 0.09);
    --briqs-accent-bg2: rgba(184, 148, 104, 0.15);
    --briqs-accent-text: var(--primitive-sand-600);
    --briqs-accent-text-strong: var(--primitive-sand-700);
    --briqs-on-accent: var(--primitive-white);

    --briqs-real-estate: var(--briqs-accent);
    --briqs-real-estate-bg: var(--briqs-accent-bg);
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/colors/status.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-green: var(--primitive-green-500);
    --briqs-green-bg: rgba(109, 170, 114, 0.1);

    --briqs-red: var(--primitive-red-500);
    --briqs-red-bg: rgba(192, 112, 104, 0.1);

    --briqs-amber: var(--primitive-amber-500);
    --briqs-amber-bg: rgba(196, 166, 92, 0.1);

    --briqs-status-danger: var(--briqs-red);
    --briqs-status-danger-bg: var(--briqs-red-bg);
    --briqs-status-danger-text: color-mix(in srgb, var(--briqs-red) 70%, var(--briqs-text) 30%);
    --briqs-status-success-bg: var(--briqs-green-bg);
    --briqs-status-success-text: var(--briqs-green);
    --briqs-status-warning-bg: var(--briqs-amber-bg);
    --briqs-status-warning-text: var(--briqs-amber);

    --briqs-blue: var(--primitive-blue-500);
    --briqs-blue-bg: rgba(94, 154, 186, 0.1);

    --briqs-teal: var(--primitive-teal-500);
    --briqs-teal-bg: rgba(90, 173, 150, 0.1);

    --briqs-violet: var(--primitive-violet-500);
    --briqs-violet-bg: rgba(148, 120, 160, 0.1);

    --briqs-sage: var(--primitive-sage-500);
    --briqs-sand: var(--primitive-sand-ext-500);
    --briqs-brown: var(--primitive-brown-500);
    --briqs-coral: var(--primitive-coral-500);
    --briqs-steel: var(--primitive-steel-500);
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/typography/family.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  @font-face {
    font-family: 'Manrope';
    src:
      url('/fonts/Manrope-VariableFont_wght.ttf') format('truetype-variations'),
      url('/fonts/Manrope-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Onest';
    src:
      url('/fonts/Onest-VariableFont_wght.ttf') format('truetype-variations'),
      url('/fonts/Onest-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
  }

  :root {
    --briqs-font-text: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --briqs-font-display: 'Manrope', var(--briqs-font-text);
    --briqs-font-sans: var(--briqs-font-text);
    --briqs-font-body: var(--briqs-font-text);
    --briqs-font-ui: var(--briqs-font-text);
    --briqs-font-reading: var(--briqs-font-text);
    --briqs-font-brand: var(--briqs-font-text);
    --briqs-font-heading: var(--briqs-font-display);
    --briqs-font-accent: var(--briqs-font-display);
    --briqs-font-metric: var(--briqs-font-display);
    --briqs-font-mono:
      'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/typography/scale.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-font-size-display: clamp(44px, 6.8vw, 96px);
    --briqs-font-size-display-sm: clamp(40px, 5.2vw, 72px);
    --briqs-font-size-section: clamp(32px, 3.8vw, 52px);
    --briqs-font-size-lead: clamp(18px, 1.7vw, 22px);
    --briqs-leading-display: 1.04;
    --briqs-tracking-display: -0.055em;
    --briqs-font-size-xl: 28px;
    --briqs-font-size-l-sm: 22px;
    --briqs-font-size-l: 20px;
    --briqs-font-size-subheading: 18px;
    --briqs-font-size-m: 16px;
    --briqs-font-size-body-lg: 15px;
    --briqs-font-size-s: 14px;
    --briqs-font-size-body: 14px;
    --briqs-font-size-body-sm: 13px;
    --briqs-font-size-caption: 12px;
    --briqs-font-size-small: 11px;
    --briqs-font-size-overline: 10px;
    --briqs-font-size-mono: 11px;

    --briqs-font-weight-regular: 400;
    --briqs-font-weight-medium: 500;
    --briqs-font-weight-semibold: 600;
    --briqs-font-weight-bold: 700;
    --briqs-font-weight-extrabold: 800;
    /* Eyebrows, overlines and menu group titles: small uppercase labels read
       above what they name, never louder than it — the owner's call. */
    --briqs-font-weight-overline: var(--briqs-font-weight-medium);

    --briqs-leading-tight: 1.2;
    --briqs-leading-snug: 1.3;
    --briqs-leading-heading: 1.35;
    --briqs-leading-caption: 1.4;
    --briqs-leading-body-sm: 1.5;
    --briqs-leading-body: 1.65;

    --briqs-tracking-tight: -0.03em;
    --briqs-tracking-snug: -0.02em;
    --briqs-tracking-normal: 0;
    --briqs-tracking-wide: 0.08em;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/typography/ui-scale.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-ui-font-brand: 14px;
    --briqs-ui-font-title: 13px;
    --briqs-ui-font-list: 13px;
    --briqs-ui-font-control: 12px;
    --briqs-ui-font-chip: 12px;
    --briqs-ui-font-chip-compact: 11px;
    --briqs-ui-font-meta: 11px;
    --briqs-ui-font-section: 11px;
    --briqs-ui-font-reading: 14px;
    --briqs-ui-font-welcome-title: 22px;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/spacing/layout.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-spacing-1: 4px;
    --briqs-spacing-1-5: 6px;
    --briqs-spacing-2: 8px;
    --briqs-spacing-2-5: 10px;
    --briqs-spacing-3: 12px;
    --briqs-spacing-4: 16px;
    --briqs-spacing-5: 20px;
    --briqs-spacing-6: 24px;
    --briqs-spacing-8: 32px;
    --briqs-spacing-10: 40px;
    --briqs-spacing-12: 48px;
    --briqs-spacing-16: 64px;
    --briqs-spacing-20: 80px;
    --briqs-spacing-24: 96px;
    --briqs-content-gutter-mobile: var(--briqs-spacing-2);
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/spacing/sizing.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-sizing-compact: 4px;
    --briqs-sizing-default: 8px;
    --briqs-sizing-comfortable: 12px;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/sizing/brand.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-brand-stroke: 3.4;
    --briqs-brand-mark: 44px;
    --briqs-brand-mark-large: 72px;
    --briqs-brand-word: 30px;
    --briqs-brand-word-large: 48px;
    --briqs-brand-divider-width: 0.78em;
    --briqs-brand-divider-height: 1em;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/sizing/content.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-content-wide: 1280px;
    --briqs-content-reading: 720px;
    --briqs-content-narrow: 560px;
    --briqs-content-sidebar: 360px;
    --briqs-navigation-column: 160px;

    /* Section navigation width: the nav width is the floor, the content
       sidebar the ceiling, and the viewport flows in between — no width tied
       to one device. The role is the wanted width; a surface that must fit
       its host (the navigation sheet) bounds it there, never here: the rail
       expands past its own reserved column. */
    --briqs-panel-nav-width: 220px;
    --briqs-panel-width-navigation: clamp(var(--briqs-panel-nav-width), 30vw, var(--briqs-content-sidebar));
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/sizing/control.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-map-node-picker-width: 240px;
    --briqs-map-card-width: 320px;
    --briqs-map-rail-width: 360px;
    --briqs-map-dialog-width: 480px;
    --briqs-map-dialog-height: 560px;
    --briqs-target-min: 44px;
    --briqs-control-xs: 28px;
    --briqs-control-sm: 30px;
    --briqs-control-md: 36px;
    --briqs-control-default: 38px;
    --briqs-control-lg: 44px;
    --briqs-control-xl: 46px;
    --briqs-ui-icon-sm: 14px;
    --briqs-ui-icon-md: 15px;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/sizing/ui-density.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-ui-control-pill: 32px;
    --briqs-ui-control-pill-compact: 28px;
    --briqs-ui-control-field: 34px;
    --briqs-ui-control-button: 34px;
    --briqs-ui-control-icon: 32px;
    --briqs-ui-control-icon-compact: 34px;
    --briqs-ui-count-badge-size: 20px;
    --briqs-ui-status-chip: 32px;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/sizing/editorial.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-art-stroke: 3;
    --briqs-art-caption-size: 18px;
    --briqs-art-compact-width: 240px;
    --briqs-thought-art-width: 1120px;
    --briqs-diagram-stroke: 1.75;
    --briqs-diagram-line: 1.1;
    --briqs-diagram-root-size: 28px;
    --briqs-diagram-title-size: 21px;
    --briqs-diagram-label-size: 14px;
    --briqs-diagram-caption-size: 14px;
    --briqs-work-demo-height: 480px;
    --briqs-work-demo-edge-mask: linear-gradient(90deg, transparent, #000 22%, #000 78%, transparent);
    --briqs-editorial-inverse-bg: var(--primitive-gray-900);
    --briqs-editorial-inverse-text: var(--primitive-warm-100);
    --briqs-editorial-inverse-muted: var(--primitive-gray-200);
    --briqs-editorial-inverse-accent: var(--primitive-sand-400);
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/borders/radius.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-radius-xs: 6px;
    --briqs-radius-sm: 8px;
    --briqs-radius: 12px;
    --briqs-radius-md: var(--briqs-radius);
    --briqs-radius-xl: 16px;
    --briqs-radius-pill: 999px;
    --briqs-radius-full: 50%;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/borders/width.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-border-width: 1px;
    --briqs-focus-width: 2px;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/effects/shadow.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-shadow:
      0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
    --briqs-shadow-soft: var(--briqs-shadow);
    --briqs-shadow-md:
      0 4px 12px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
    --briqs-shadow-lg:
      0 8px 32px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
    --briqs-ring-accent: 0 0 0 1px var(--briqs-accent);
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/effects/transition.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-map-cue-duration: 8000ms;
    --briqs-transition-fast: 150ms ease;
    --briqs-transition-normal: 200ms ease;
    --briqs-transition-slow: 300ms ease;
    --briqs-art-cycle: 12s;
    --briqs-art-stage-delay: 1.2s;
    --briqs-art-stage-delay-next: 2.4s;
    --briqs-brand-divider-draw: 480ms;
    --briqs-brand-divider-stagger: 120ms;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/tokens/z-index/stack.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer tokens {
  :root {
    --briqs-z-base: 0;
    --briqs-z-sticky: 10;
    --briqs-z-overlay: 100;
    --briqs-z-sidebar: 200;
    --briqs-z-modal: 102000;
    --briqs-z-toast: 103000;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/themes/light.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer themes {
  [data-theme='light'] {
    --briqs-bg: var(--primitive-warm-100);
    --briqs-bg-strong: var(--primitive-warm-50);
    --briqs-surface: var(--primitive-white);
    --briqs-surface-alt: var(--primitive-warm-50);
    --briqs-surface-elevated: var(--primitive-white);

    --briqs-text: var(--primitive-gray-900);
    --briqs-text2: var(--primitive-gray-700);
    --briqs-text3: var(--primitive-gray-500);
    --briqs-text4: var(--primitive-gray-400);

    --briqs-border: rgba(0, 0, 0, 0.06);
    --briqs-border-md: rgba(0, 0, 0, 0.11);
    --briqs-border-strong: rgba(0, 0, 0, 0.16);

    --briqs-accent: var(--primitive-sand-500);
    --briqs-accent-hover: var(--primitive-sand-600);
    --briqs-accent-soft: var(--primitive-sand-400);
    --briqs-accent-bg: rgba(184, 148, 104, 0.09);
    --briqs-accent-bg2: rgba(184, 148, 104, 0.15);
    --briqs-accent-text: var(--primitive-sand-600);
    --briqs-accent-text-strong: var(--primitive-sand-700);

    --briqs-green: var(--primitive-green-500);
    --briqs-green-bg: rgba(109, 170, 114, 0.1);
    --briqs-red: var(--primitive-red-500);
    --briqs-red-bg: rgba(192, 112, 104, 0.1);
    --briqs-amber: var(--primitive-amber-500);
    --briqs-amber-bg: rgba(196, 166, 92, 0.1);
    --briqs-blue: var(--primitive-blue-500);
    --briqs-blue-bg: rgba(94, 154, 186, 0.1);
    --briqs-teal: var(--primitive-teal-500);
    --briqs-teal-bg: rgba(90, 173, 150, 0.1);
    --briqs-violet: var(--primitive-violet-500);
    --briqs-violet-bg: rgba(148, 120, 160, 0.1);

    --briqs-sage: var(--primitive-sage-500);
    --briqs-sand: var(--primitive-sand-ext-500);
    --briqs-brown: var(--primitive-brown-500);
    --briqs-coral: var(--primitive-coral-500);
    --briqs-steel: var(--primitive-steel-500);

    --briqs-real-estate: var(--briqs-accent);
    --briqs-real-estate-bg: var(--briqs-accent-bg);

    --briqs-overlay-backdrop: rgba(18, 16, 16, 0.42);
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/themes/dark.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer themes {
  [data-theme='dark'] {
    --briqs-bg: var(--primitive-dark-900);
    --briqs-bg-strong: var(--primitive-dark-800);
    --briqs-surface: var(--primitive-dark-800);
    --briqs-surface-alt: var(--primitive-dark-700);
    --briqs-surface-elevated: #30302d;

    --briqs-text: var(--primitive-gray-100);
    --briqs-text2: var(--primitive-gray-200);
    --briqs-text3: var(--primitive-gray-250);
    --briqs-text4: var(--primitive-gray-300);

    --briqs-border: rgba(255, 255, 255, 0.09);
    --briqs-border-md: rgba(255, 255, 255, 0.15);
    --briqs-border-strong: rgba(255, 255, 255, 0.22);

    --briqs-scrollbar: rgba(214, 210, 206, 0.78);
    --briqs-scrollbar-hover: rgba(235, 232, 228, 0.96);

    --briqs-accent: var(--primitive-sand-500);
    --briqs-accent-hover: var(--primitive-sand-400);
    --briqs-accent-soft: var(--primitive-sand-400);
    --briqs-accent-bg: rgba(184, 148, 104, 0.12);
    --briqs-accent-bg2: rgba(184, 148, 104, 0.2);
    --briqs-accent-text: var(--primitive-sand-400);
    --briqs-accent-text-strong: var(--primitive-sand-400);

    --briqs-green: var(--primitive-green-400);
    --briqs-green-bg: rgba(120, 184, 126, 0.12);
    --briqs-red: var(--primitive-red-400);
    --briqs-red-bg: rgba(208, 120, 114, 0.12);
    --briqs-amber: var(--primitive-amber-400);
    --briqs-amber-bg: rgba(208, 178, 104, 0.12);
    --briqs-blue: var(--primitive-blue-400);
    --briqs-blue-bg: rgba(104, 168, 200, 0.12);
    --briqs-teal: var(--primitive-teal-400);
    --briqs-teal-bg: rgba(96, 184, 160, 0.12);
    --briqs-violet: var(--primitive-violet-400);
    --briqs-violet-bg: rgba(160, 128, 174, 0.12);

    --briqs-sage: var(--primitive-sage-400);
    --briqs-sand: var(--primitive-sand-ext-400);
    --briqs-brown: var(--primitive-brown-400);
    --briqs-coral: var(--primitive-coral-400);
    --briqs-steel: var(--primitive-steel-400);

    --briqs-real-estate: var(--briqs-accent);
    --briqs-real-estate-bg: var(--briqs-accent-bg);

    --briqs-overlay-backdrop: rgba(8, 8, 8, 0.56);
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/base/scrollbar.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer overrides {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--briqs-scrollbar) transparent;
  }

  *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  *::-webkit-scrollbar-track {
    background: transparent;
  }

  *::-webkit-scrollbar-thumb {
    background: var(--briqs-scrollbar);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
  }

  *::-webkit-scrollbar-thumb:hover {
    background: var(--briqs-scrollbar-hover);
    background-clip: padding-box;
  }

  *::-webkit-scrollbar-corner {
    background: transparent;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/base/focus.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer base {
  /* Programmatic focus targets — panel roots and navigation containers — carry
     tabindex="-1": focus moves into them when they open, so keyboard work starts
     inside, but they are not controls and draw no focus ring (the browser would
     draw one after typing). Controls reachable by Tab keep their :focus-visible ring. */
  [tabindex='-1']:focus {
    outline: none;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/workspace-layout.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-ref.app {
  position: fixed;
  inset: 0;
  display: grid;
  grid-template-columns: calc(var(--sidebar-w, 320px) + var(--briqs-spacing-16)) minmax(0, 1fr) var(--right-w, 340px);
  height: 100vh;
  height: 100dvh;
  gap: 0;
  overflow: hidden;
  background: var(--briqs-bg);
  color: var(--briqs-text);
}

.briqs-ref.app.is-dialog-start {
  grid-template-columns: calc(var(--sidebar-w, 320px) + var(--briqs-spacing-16)) minmax(0, 1fr);
}

/* The side panels hide on the person's word the way they give way on a
   narrower window: the dialog takes their width, and the header offers what
   a hidden panel held — for the left one the phone's section menu, spaces
   and dialogs; for the context its toggle. The rules stay within the widths
   where the panel stands at all, so they never meet the phone layout. */
@media (min-width: 1101px) {
  .briqs-ref.app.is-context-hidden {
    grid-template-columns: calc(var(--sidebar-w, 320px) + var(--briqs-spacing-16)) minmax(0, 1fr);
  }

  .briqs-ref.app.is-context-hidden .right-panel {
    display: none;
  }

  .briqs-ref.app.is-sidebar-hidden {
    grid-template-columns: minmax(0, 1fr) var(--right-w, 340px);
  }

  .briqs-ref.app.is-sidebar-hidden.is-context-hidden,
  .briqs-ref.app.is-sidebar-hidden.is-dialog-start {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 721px) and (max-width: 1100px) {
  .briqs-ref.app.is-sidebar-hidden {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 721px) {
  .briqs-ref.app.is-sidebar-hidden .workspace-sidebar {
    display: none;
  }

  /* As on the phone, the start of a new dialog keeps its header while the
     left panel is hidden: the header is the way back to it. */
  .briqs-ref.app.is-dialog-start.is-sidebar-hidden .chat-top {
    display: flex;
  }

  .briqs-ref.app.is-sidebar-hidden .chat-top__navigation {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
  }

  .briqs-ref.app.is-sidebar-hidden .chat-top .title {
    flex: 1 1 auto;
    margin-inline-start: var(--briqs-spacing-2);
  }

  .briqs-ref.app.is-sidebar-hidden .mobile-dialogs-trigger {
    display: grid;
  }

  .briqs-ref.app.is-sidebar-hidden .mobile-workspace-bar {
    display: block;
    padding: 8px 10px 0;
    background: var(--briqs-bg);
    flex-shrink: 0;
  }
}

/* A hidden panel's «show» stands only where the panel can: below 1100px the
   header's «Контекст» opens the context instead, and the phone has no left
   panel. */
@media (max-width: 1100px) {
  .briqs-ref .chat-top .panel-toggle--context {
    display: none;
  }
}

@media (max-width: 720px) {
  .briqs-ref .chat-top .panel-toggle--sidebar {
    display: none;
  }
}

.briqs-ref .workspace-sidebar {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  background: var(--briqs-bg-strong);
}

.briqs-ref .workspace-sidebar__body {
  display: grid;
  grid-template-columns: var(--briqs-spacing-16) minmax(0, 1fr);
  min-height: 0;
}

.briqs-ref .workspace-section-rail {
  position: relative;
  z-index: var(--briqs-z-sidebar);
  min-height: 0;
}

.briqs-ref .side {
  border-right: 1px solid var(--briqs-border);
  background: var(--briqs-bg-strong);
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
}

.briqs-ref .side-top {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dashed var(--briqs-border);
  min-width: 0;
}

.briqs-ref .brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--briqs-font-text);
  font-weight: 600;
  letter-spacing: -0.015em;
  font-size: 16px;
  color: inherit;
  text-decoration: none;
}

.briqs-ref .brand .m {
  width: 26px;
  height: 26px;
  color: var(--briqs-accent);
}

.briqs-ref .brand-logo {
  width: 30px;
  height: 30px;
}

.briqs-ref .side-top .ic {
  display: flex;
  gap: 4px;
}

body.is-col-resizing {
  cursor: col-resize;
  -webkit-user-select: none;
          user-select: none;
}

.briqs-ref .briqs-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.briqs-ref .ic-btn {
  width: 28px;
  height: 28px;
  border-radius: var(--briqs-radius-sm);
  display: grid;
  place-items: center;
  color: var(--briqs-text3);
  cursor: pointer;
  border: 1px solid transparent;
  background: transparent;
  transition: border-color 140ms, color 140ms;
}

.briqs-ref .ic-btn:hover {
  color: var(--briqs-text);
  border-color: color-mix(in srgb, var(--briqs-accent) 22%, var(--briqs-border));
}

.briqs-ref .ic-btn:disabled,
.briqs-ref .row .row__more:disabled {
  cursor: not-allowed;
  color: var(--briqs-text3);
  opacity: 0.56;
}

.briqs-ref .ic-btn:disabled:hover,
.briqs-ref .row .row__more:disabled:hover {
  background: transparent;
  border-color: transparent;
  color: var(--briqs-text3);
}

.briqs-ref .side-actions {
  margin: 12px 12px 8px;
  display: flex;
  gap: 6px;
}

.briqs-ref .side-actions .side-action {
  flex: 1 1;
  min-height: 34px;
  padding: 0 10px;
  font-size: 12.5px;
  font-weight: 500;
}

.briqs-ref .side-actions .side-action.is-active {
  border-color: color-mix(in srgb, var(--briqs-accent) 42%, var(--briqs-border));
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent);
}

.briqs-ref .side-actions .side-action:hover,
.briqs-ref .side-actions .side-action:focus-visible,
.briqs-ref .side-actions .side-action.is-active:hover {
  border-color: color-mix(in srgb, var(--briqs-accent) 42%, var(--briqs-border));
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent);
}

.briqs-ref .side-search {
  margin: 0 12px 12px;
}

.briqs-ref .search-field {
  box-sizing: border-box;
  height: var(--briqs-ui-control-field);
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border-md);
  background: var(--briqs-surface);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  min-width: 0;
  transition: border-color 140ms, box-shadow 140ms;
}

.briqs-ref .search-field svg {
  width: 14px;
  height: 14px;
  stroke-width: 1.8;
  color: var(--briqs-text4);
  flex-shrink: 0;
}

.briqs-ref .search-field input {
  flex: 1 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--briqs-text);
  font: inherit;
  font-family: var(--briqs-font-text);
  font-size: var(--briqs-ui-font-control);
}

.briqs-ref .search-field input::placeholder {
  color: var(--briqs-text4);
}

.briqs-ref .kbd {
  min-width: 24px;
  height: 20px;
  padding: 0 6px;
  border-radius: 5px;
  border: 1px solid var(--briqs-border);
  color: var(--briqs-text3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10.5px;
}

.briqs-ref .side-scroll {
  flex: 1 1;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 8px 10px 12px;
  scrollbar-gutter: stable;
}


.briqs-ref .row {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: 10px;
  padding: 7px 8px;
  border-radius: 7px;
  color: var(--briqs-text2);
  font-size: 13px;
  cursor: pointer;
  border: 0;
  background: transparent;
  transition: background-color 140ms, color 140ms;
  font-family: var(--briqs-font-text);
}


.briqs-ref .project-row-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  gap: 1px;
  min-width: 0;
}


.briqs-ref .side-bot {
  border-top: 1px dashed var(--briqs-border);
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.briqs-ref .av {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--briqs-accent-bg2);
  color: var(--briqs-accent-text);
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid var(--briqs-border);
}

.briqs-ref .side-bot .info {
  flex: 1 1;
  min-width: 0;
}

.briqs-ref .side-bot .nm {
  font-size: 13px;
  color: var(--briqs-text);
  line-height: 1.2;
}

.briqs-ref .side-bot .r {
  font-size: 11px;
  color: var(--briqs-text3);
}

.briqs-ref .sidebar-resize {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: col-resize;
  transition: background 140ms;
}

.briqs-ref .sidebar-resize:hover,
.briqs-ref .sidebar-resize.is-dragging {
  background: var(--briqs-accent);
  opacity: 0.4;
}

.briqs-ref .chat {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: var(--briqs-bg);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/dialog-navigator.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* The dialog navigator: its sections, the shared dialog row, the project
   folder. Split from workspace-layout.css to keep
   both files inside the source line budget; the width contracts of the row
   stay in workspace-layout.css. */

.briqs-ref .dialog-navigator {
  min-width: 0;
}

.briqs-ref .dialog-navigator-scroll {
  padding: 12px 12px 18px;
  scrollbar-gutter: stable;
}

.briqs-ref .dialog-navigator--mobile .row {
  min-height: 36px;
}

.briqs-ref .nav-section {
  display: block;
  min-width: 0;
}

.briqs-ref .nav-section + .nav-section {
  margin-top: 14px;
}

.briqs-ref .nav-section__title {
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--briqs-text3);
  font-weight: var(--briqs-font-weight-overline);
  font-family: var(--briqs-font-text);
}

.briqs-ref .nav-section__list {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 1px;
  padding: 2px 0 0;
}

/* An explicit display above the fold list beats the hidden attribute of the
   user agent, so the folded state closes it itself. */
.briqs-ref .nav-section__list[hidden] {
  display: none;
}

/* The section head of the dialog list is itself the fold button. */
.briqs-ref .nav-section__toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 10px 4px;
  border-radius: 7px;
  color: var(--briqs-text3);
  font-family: var(--briqs-font-text);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: var(--briqs-font-weight-overline);
  transition: background-color 140ms, color 140ms;
}

.briqs-ref .nav-section__toggle:hover {
  background: var(--briqs-surface-alt);
  color: var(--briqs-text2);
}

.briqs-ref .nav-section__chevron {
  color: var(--briqs-text3);
  flex-shrink: 0;
  transition: transform 140ms, color 140ms;
}

.briqs-ref .nav-section__toggle[aria-expanded='true'] .nav-section__chevron {
  color: var(--briqs-accent);
  transform: rotate(90deg);
}
.briqs-ref .row:hover,
.briqs-ref .row:focus-visible {
  background: var(--briqs-surface-alt);
  color: var(--briqs-text);
}

.briqs-ref .row:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--briqs-accent) 42%, transparent);
  outline-offset: 1px;
}

.briqs-ref .row.is-active {
  background: var(--briqs-accent-bg);
  color: var(--briqs-text);
}

.briqs-ref .row.is-parent {
  width: 100%;
}

.briqs-ref .row__chevron {
  color: var(--briqs-text3);
  flex-shrink: 0;
  transition: transform 140ms, color 140ms;
}

/* The fold state rides its own carrier: the live row carries it on the row
   itself, the feature row — on its pressable main part, a sibling of the
   «…» menu. Both carriers turn the same chevron. */
.briqs-ref .row.is-parent[aria-expanded='true'] .row__chevron,
.briqs-ref .row.is-parent .row__main[aria-expanded='true'] .row__chevron {
  color: var(--briqs-accent);
  transform: rotate(90deg);
}

.briqs-ref .row .row__icon {
  color: var(--briqs-text3);
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.briqs-ref .row.is-active .row__icon {
  color: var(--briqs-accent);
}

.briqs-ref .row .row__title {
  flex: 1 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* The openable main part of a row: a sibling of its «…» action menu. The
   pressable base already resets the native button chrome. */
.briqs-ref .row .row__main {
  flex: 1 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.briqs-ref .row--detailed .row__main {
  align-items: flex-start;
}

/* The «…» menu of a row stays put: long names cannot push it out of view. */
.briqs-ref .row .row__actions {
  flex-shrink: 0;
  align-self: center;
}

/* The project line carries the sign of its own archived state. */
.briqs-ref .row .row__state-badge {
  flex-shrink: 0;
  padding: 1px 6px;
  border: 1px solid var(--briqs-border);
  border-radius: 999px;
  color: var(--briqs-text3);
  font-size: 10px;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.briqs-ref .row--detailed {
  align-items: flex-start;
}

.briqs-ref .row--detailed .row__icon,
.briqs-ref .row--detailed .row__meta {
  margin-top: 2px;
}

.briqs-ref .row .row__text {
  display: grid;
  flex: 1 1;
  gap: 2px;
  min-width: 0;
}

.briqs-ref .row .row__preview {
  min-width: 0;
  overflow: hidden;
  color: var(--briqs-text2);
  font-size: 11.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* The project of a dialog among dialogs of many projects: the last line of
   the row's text, as wide as its name and never wider than the row. */
.briqs-ref .row .row__project {
  justify-self: start;
}

.briqs-ref .row .row__meta {
  font-family: var(--briqs-font-text);
  font-size: 10.5px;
  color: var(--briqs-text2);
  flex-shrink: 0;
  white-space: nowrap;
}

/* The employee of the dialog is at work on a turn now. */
.briqs-ref .row .row__meta--live {
  color: var(--briqs-accent);
}

.briqs-ref .row .row__pin {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  color: var(--briqs-accent);
  opacity: 0.75;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.briqs-ref .row .row__more {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--briqs-text3);
  cursor: pointer;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 140ms, border-color 140ms, color 140ms;
}

.briqs-ref .row:hover .row__more,
.briqs-ref .row:focus-within .row__more {
  opacity: 1;
}

/* The quiet icon button's own hover, as the design system draws it: an
   accent-tinted edge and a brighter glyph, visible on a hovered row too. */
.briqs-ref .row .row__more:hover {
  border-color: color-mix(in srgb, var(--briqs-accent) 22%, var(--briqs-border));
  color: var(--briqs-text);
}

/* A pointer that cannot hover has no hover to reveal the row's buttons on:
   a touch screen shows them at once. */
@media (hover: none) {
  .briqs-ref .row .row__more {
    opacity: 1;
  }
}

.briqs-ref .row-nested {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 1px;
  margin: 1px 0 2px 14px;
  padding-left: 10px;
  border-left: 1px dashed var(--briqs-border);
}
.briqs-ref .row-nested .row {
  padding: 5px 8px;
  font-size: 12.5px;
  color: var(--briqs-text2);
}

.briqs-ref .row--empty {
  cursor: default;
  color: var(--briqs-text3);
}

.briqs-ref .row--empty:hover {
  background: transparent;
  color: var(--briqs-text3);
}

/* The «show more» of one group's own cursor sits inside its list, as wide as
   the rows it continues. */
.briqs-ref .row-load-more {
  width: 100%;
  margin-top: 2px;
  justify-content: center;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/dialog-selection.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* The selection panel's own arrangement: the project choice with its «Move»
   beside it under the chosen dialogs, the other actions in one row at the
   foot. Rows, sections and the phone's whole-screen sheet are the design
   system's own. */
.dialog-selection-panel__move,
.dialog-selection-panel__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--briqs-spacing-2);
}

.dialog-selection-panel__move {
  margin-block: var(--briqs-spacing-4);
}

.dialog-selection-panel__target {
  flex: 1 1 auto;
  min-width: 0;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/workspace-switcher.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-ref .workspace-switcher {
  position: relative;
  margin: 10px 12px 0;
  z-index: 3;
}

/* The quick spaces are the design system's segmented row (sizing fill) and the
   list of every space opens from the icon button beside it. */
.briqs-ref .workspace-switcher__bar {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

.briqs-ref .workspace-switcher__pin:focus-visible {
  outline: none;
  box-shadow: var(--briqs-ring-accent);
}

.briqs-ref .workspace-switcher__menu-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  gap: 3px;
}

.briqs-ref .workspace-switcher__option-icon,
.briqs-ref .workspace-switcher__check {
  color: var(--briqs-accent);
}

.briqs-ref .workspace-switcher__pin {
  width: 32px;
  min-width: 32px;
  min-height: 32px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--briqs-text4);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 140ms, color 140ms;
}

.briqs-ref .workspace-switcher__pin:hover,
.briqs-ref .workspace-switcher__pin.is-pinned {
  background: var(--briqs-surface-alt);
  color: var(--briqs-accent);
}

.briqs-ref .workspace-switcher__chevron {
  flex: 0 0 auto;
  transition: transform 140ms;
}

.briqs-ref .workspace-switcher.is-open .workspace-switcher__chevron {
  transform: rotate(180deg);
}

.briqs-ref .workspace-switcher__menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  display: grid;
  gap: 3px;
  max-height: min(330px, calc(100vh - 150px));
  overflow: auto;
  padding: 5px;
  border: 1px solid var(--briqs-border);
  border-radius: var(--briqs-radius-sm);
  background: var(--briqs-surface-elevated);
  box-shadow: var(--briqs-shadow-lg);
}

.briqs-ref .workspace-switcher__menu-section {
  display: grid;
  gap: 3px;
}

.briqs-ref .workspace-switcher__menu-title {
  padding: 4px 7px 2px;
  color: var(--briqs-text4);
  font-size: 9px;
  font-weight: var(--briqs-font-weight-overline);
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-transform: uppercase;
}

.briqs-ref .workspace-switcher__option {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--briqs-text2);
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  text-align: left;
}

.briqs-ref .workspace-switcher__option:hover {
  background: var(--briqs-surface-alt);
  color: var(--briqs-text);
}

.briqs-ref .workspace-switcher__option.is-selected {
  background: var(--briqs-accent-bg);
}

.briqs-ref .workspace-switcher__option-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

/* A space name is shown whole: a long one wraps instead of being cut. */
.briqs-ref .workspace-switcher__option-title {
  color: var(--briqs-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.briqs-ref .workspace-switcher__option-sub {
  color: var(--briqs-text4);
  font-size: 11px;
  line-height: 1.15;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/workspace-chat.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-ref .chat-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
  border-bottom: 1px solid var(--briqs-border);
}

.briqs-ref .chat-top .title {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  color: var(--briqs-text);
  font-weight: 500;
  min-width: 0;
}

/* The dialog's name, and under it what the dialog is for while a page's
   purpose says it — one quiet line that wraps rather than cuts. */
.briqs-ref .chat-top__heading {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.briqs-ref .chat-top__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.briqs-ref .chat-top__description {
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-meta);
  font-weight: var(--briqs-font-weight-regular);
  line-height: 1.4;
}

.briqs-ref .chat-top .right {
  display: flex !important;
  flex-direction: row !important;
  gap: 4px;
  align-items: center;
  flex-shrink: 0;
  flex-wrap: nowrap;
}

.briqs-ref .chat-top__navigation { display: none; }

.briqs-ref .mobile-workspace-bar {
  display: none;
}

.briqs-ref .mobile-dialogs-trigger {
  display: none;
}

.briqs-ref .chat-scroll-wrap {
  position: relative;
  display: flex;
  flex: 1 1;
  min-height: 0;
}

.briqs-ref .chat-scroll-latest {
  position: absolute;
  right: 24px;
  bottom: 16px;
  z-index: 1;
  box-shadow: var(--briqs-shadow-md);
}

.briqs-ref .chat-scroll {
  flex: 1 1;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  padding: 32px 48px 24px;
  scrollbar-gutter: stable;
}

.briqs-ref .thread {
  max-width: 820px;
  margin: 0 auto;
  display: grid;
  gap: 24px;
}

.briqs-ref .thread:has(.dialog-start) {
  width: 100%;
  max-width: none;
  min-height: 100%;
  align-content: stretch;
}

.briqs-ref .thread-earlier {
  display: flex;
  justify-content: center;
}

.briqs-ref .thread-empty {
  max-width: 520px;
  padding: 18px 20px;
  border: 1px dashed var(--briqs-border);
  border-radius: var(--briqs-radius-sm);
  background: var(--briqs-surface);
  color: var(--briqs-text3);
  font-size: 13px;
  line-height: 1.5;
}

.briqs-ref .thread-empty__title {
  color: var(--briqs-text);
  font-size: 15px;
  font-weight: 650;
  line-height: 1.25;
  margin-bottom: 5px;
}

.briqs-ref .m {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: flex-start;
}

/* Who wrote the message, above the words it holds: an employee card's name,
   another person's name, or «Вы» — one line for every author of the thread. */
.briqs-ref .m .mbd > .mh {
  font-size: var(--briqs-ui-font-meta);
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text2);
  margin-bottom: var(--briqs-spacing-1);
}

/* The message column reads in the reading role, the same one its rich text
   sets for itself, so a progress line and a block stand in one type with the
   text above them. */
.briqs-ref .m .mbd {
  font-family: var(--briqs-font-text);
  font-size: var(--briqs-ui-font-reading);
  font-weight: var(--briqs-font-weight-regular);
  line-height: var(--briqs-leading-body);
  color: var(--briqs-text);
  max-width: 56rem;
  min-width: 0;
}

.briqs-ref .m .mbd > p {
  margin: 0;
}

/* The words of a live turn: a quiet line where the answer will stand, or
   after the text it has written while the turn works on something else. */
.briqs-ref .m .mbd > .turn-progress {
  color: var(--briqs-text2);
}

.briqs-ref .m .mbd > * + .turn-progress {
  margin-top: 6px;
}

/* The context mark of a message stays the badge it always was; where the host
   opens records it becomes the way back to its source — the button collapses
   onto the badge, so clickable and plain marks read alike. */
.briqs-ref .m .mbd .dialog-context-mark {
  min-height: 0;
  padding: 0;
  gap: 0;
  display: inline-flex;
}

/* How a run ended without its full answer: a quiet line under what it wrote. */
.briqs-ref .turn-outcome {
  color: var(--briqs-text2);
}

.briqs-ref .m .mbd > * + .turn-outcome {
  margin-top: 6px;
}

/* «Обдумал · N с» above the answer; the reasoning opens under it, quieter
   than the answer and kept apart from it. */
.briqs-ref .turn-reasoning {
  margin-bottom: 6px;
}

.briqs-ref .turn-reasoning > button {
  color: var(--briqs-text2);
}

.briqs-ref .turn-reasoning__body {
  margin-top: 4px;
  padding: 8px 12px;
  border-left: 2px solid var(--briqs-border-md);
  color: var(--briqs-text2);
}

.briqs-ref .turn-reasoning__text {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.briqs-ref .turn-reasoning__note {
  margin: 4px 0 0;
  color: var(--briqs-text3);
}

.briqs-ref .ana {
  border: 1px dashed var(--briqs-border-md);
  border-radius: 12px;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 10px;
  background: color-mix(in srgb, var(--briqs-surface) 50%, transparent);
}

.briqs-ref .ana .k {
  font-size: 10.5px;
  color: var(--briqs-text3);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.briqs-ref .ana .v {
  font-family: var(--briqs-font-text);
  font-weight: 600;
  font-size: 20px;
  color: var(--briqs-text);
  font-feature-settings: 'tnum' 1;
  letter-spacing: 0;
  margin-top: 3px;
}

.briqs-ref .ana .v small {
  color: var(--briqs-green);
  font-size: 13px;
  font-weight: 500;
  margin-left: 3px;
}

.briqs-ref .ana .v:not(.is-positive) small {
  color: var(--briqs-text3);
}

.briqs-ref .dialog-match {
  display: grid;
  gap: 10px;
  margin-top: 10px;
  min-width: 0;
}

.briqs-ref .dialog-match__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 236px), 1fr));
  gap: 12px;
  min-width: 0;
}

/* The summary's closing line: quiet meta text under its tools. */
.briqs-ref .dialog-match__footer {
  margin-top: 4px;
  color: var(--briqs-text3);
  font-family: var(--briqs-font-text);
  font-size: var(--briqs-ui-font-meta);
  letter-spacing: 0.04em;
}

.briqs-ref .tools-inline {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}

.briqs-ref .tool-chip {
  align-items: center;
  appearance: none;
  background: var(--briqs-surface);
  border: 1px solid var(--briqs-border);
  border-radius: var(--briqs-radius-pill);
  color: var(--briqs-text2);
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-size: var(--briqs-ui-font-control);
  gap: 5px;
  min-height: 28px;
  padding: 0 10px;
}

.briqs-ref .tool-chip:hover {
  border-color: var(--briqs-accent);
  color: var(--briqs-accent-text);
}

@media (max-width: 720px) {
  .briqs-ref .chat-top__navigation { display: flex; flex: 0 0 auto; }

  .briqs-ref .mobile-dialogs-trigger {
    display: grid;
  }

  /* The phone keeps its header for what works: the inactive buttons wait
     for a wider window. */
  .briqs-ref .chat-top .right .ic-btn:disabled {
    display: none;
  }

  .briqs-ref .mobile-workspace-bar {
    display: block;
    padding: 8px 10px 0;
    background: var(--briqs-bg);
    flex-shrink: 0;
  }

  .briqs-ref .mobile-workspace-bar .workspace-switcher {
    margin: 0;
  }

  .briqs-ref .dialog-match__cards,
  .briqs-ref .ana {
    grid-template-columns: 1fr;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/workspace-dialog-composer.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-ref.app.is-dialog-start .chat-top {
  display: none;
}

@media (max-width: 720px) {
  .briqs-ref.app.is-dialog-start .chat-top { display: flex; }
}

.briqs-ref.app.is-dialog-start .chat-scroll {
  padding: 0 48px;
}

.briqs-ref .dialog-start {
  flex: 1 1;
  min-height: 100%;
  padding: 0 24px 9vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
}

.briqs-ref .dialog-start__center {
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 9px;
}

.briqs-ref .dialog-start__icon {
  width: 48px;
  height: 48px;
  margin-bottom: 7px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent);
}

.briqs-ref .dialog-start__center h2 {
  margin: 0;
  color: var(--briqs-text);
  font-size: 20px;
  font-weight: 750;
  line-height: 1.18;
  letter-spacing: 0;
}

.briqs-ref .dialog-start__center p {
  max-width: 50ch;
  margin: 0;
  color: var(--briqs-text2);
  font-size: var(--briqs-ui-font-list);
  line-height: 1.55;
}

.briqs-ref .dialog-start__field {
  width: 100%;
  max-width: 624px;
}

.briqs-ref .dialog-start__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  max-width: 700px;
}

.briqs-ref .dialog-start__chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 25px;
  padding: 0 10px;
  border: 1px solid var(--briqs-border);
  border-radius: var(--briqs-radius-pill);
  background: var(--briqs-surface);
  color: var(--briqs-text2);
  font-size: var(--briqs-ui-font-chip);
  font-weight: 550;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--briqs-border) 52%, transparent);
}

.briqs-ref .dialog-start__chip svg {
  flex-shrink: 0;
}

.briqs-ref .dialog-start__chip:hover,
.briqs-ref .dialog-start__chip:focus-visible {
  border-color: color-mix(in srgb, var(--briqs-accent) 42%, var(--briqs-border));
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent);
}

.briqs-ref .composer-wrap {
  flex-shrink: 0;
  padding: 10px 48px 18px;
  background: linear-gradient(to top, var(--briqs-bg) 75%, transparent);
}

.briqs-ref .composer-wrap--welcome {
  width: 100%;
  padding: 0;
  background: transparent;
}

.briqs-ref .composer-wrap .composer {
  max-width: 820px;
  margin: 0 auto;
}

.briqs-ref .composer-wrap--welcome .composer {
  max-width: 624px;
}

.briqs-ref .composer {
  border: 1px solid var(--briqs-border-md);
  border-radius: 16px;
  background: var(--briqs-surface);
  padding: 10px 14px;
  display: grid;
  gap: 6px;
  box-shadow: var(--briqs-shadow-md);
}

/* The context of the question: its own row above the composer frame, on the
   same column as the frame, never inside what the person writes. */
.briqs-ref .composer__context {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  max-width: 820px;
  margin: 0 auto 8px;
}

.briqs-ref .composer-wrap--welcome .composer__context {
  max-width: 624px;
}

.briqs-ref .composer__entity {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  padding: 4px 4px 4px 10px;
  border: 1px solid color-mix(in srgb, var(--briqs-accent) 28%, var(--briqs-border));
  border-radius: var(--briqs-radius-sm);
  background: var(--briqs-accent-bg);
}

.briqs-ref .composer__entity-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  color: var(--briqs-accent);
}

.briqs-ref .composer__entity-content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1px;
}

/* The label of the question opens its record: one button for the whole mark,
   the removing cross beside it — never inside it. It keeps the quiet look of
   the mark and gains the ghost's tint only where it can be pressed. */
.briqs-ref .composer__entity-open {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: 1px;
  min-height: 0;
  padding: 2px 6px;
  margin: -2px -6px;
  border-radius: var(--briqs-radius-sm);
  justify-content: flex-start;
  text-align: left;
  white-space: normal;
}

.briqs-ref .composer__entity-head {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 7px;
}

.briqs-ref .composer__entity-label {
  flex-shrink: 0;
  color: var(--briqs-accent);
  font-size: var(--briqs-font-size-overline);
  font-weight: var(--briqs-font-weight-overline);
  letter-spacing: 0.05em;
  line-height: 1.3;
  text-transform: uppercase;
}

.briqs-ref .composer__entity-title {
  overflow: hidden;
  color: var(--briqs-text);
  font-size: var(--briqs-ui-font-control);
  font-weight: var(--briqs-font-weight-medium);
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.briqs-ref .composer__entity-subtitle {
  overflow: hidden;
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-chip-compact);
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.briqs-ref .composer__entity-clear {
  flex-shrink: 0;
  color: var(--briqs-text3);
}

.briqs-ref .composer__entity-clear:hover {
  color: var(--briqs-text);
}

.briqs-ref .dialog-quote-source {
  margin-bottom: 6px;
  padding: 6px 10px;
  border-left: 2px solid var(--briqs-accent);
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-control);
  overflow-wrap: anywhere;
}

.briqs-ref .composer--default:focus-within {
  border-color: color-mix(in srgb, var(--briqs-accent) 34%, var(--briqs-border));
  box-shadow: var(--briqs-ring-accent), var(--briqs-shadow-md);
}

.briqs-ref .composer--welcome {
  width: min(100%, 624px);
  grid-template-columns: 34px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.briqs-ref .composer__field {
  display: contents;
}

.briqs-ref .composer--welcome .composer__field {
  display: block;
  min-width: 0;
}

.briqs-ref .composer__input {
  width: 100%;
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  resize: none;
  color: var(--briqs-text);
  font-family: var(--briqs-font-text);
  font-size: 14.5px;
  line-height: 1.55;
  min-height: 38px;
  max-height: 82px;
  caret-color: var(--briqs-accent);
}

.briqs-ref .composer--default .composer__input,
.briqs-ref .composer--default .composer__input:hover,
.briqs-ref .composer--default .composer__input:focus,
.briqs-ref .composer--default .composer__input:focus-visible {
  border: 0;
  background: transparent;
  box-shadow: none;
  outline: 0;
}

.briqs-ref .composer--welcome .composer__input {
  height: 38px;
  min-height: 38px;
  max-height: 38px;
  padding: 0 11px;
  overflow: hidden;
  border: 1px solid var(--briqs-border-md);
  border-radius: var(--briqs-radius-sm);
  background: var(--briqs-surface);
  font-size: var(--briqs-ui-font-control);
  line-height: 36px;
  resize: none;
  box-shadow: none;
}

.briqs-ref .composer--welcome .composer__input:hover {
  border-color: color-mix(in srgb, var(--briqs-accent) 22%, var(--briqs-border));
}

.briqs-ref .composer--welcome .composer__input:focus,
.briqs-ref .composer--welcome .composer__input:focus-visible {
  border-color: color-mix(in srgb, var(--briqs-accent) 42%, var(--briqs-border));
  box-shadow: var(--briqs-ring-accent);
}

.briqs-ref .composer__input::placeholder {
  color: var(--briqs-text4);
}

.briqs-ref .composer__input:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.briqs-ref .composer__tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.briqs-ref .composer__tools-group {
  display: flex;
  gap: 4px;
  align-items: center;
}

/* The send button keeps its place at the end when the attach tools are hidden. */
.briqs-ref .composer__tools .send {
  margin-left: auto;
}

.briqs-ref .tl {
  width: 32px;
  height: 32px;
  border-radius: var(--briqs-radius-sm);
  display: grid;
  place-items: center;
  color: var(--briqs-text3);
  cursor: pointer;
  border: 1px solid transparent;
  background: transparent;
  transition: border-color 140ms, color 140ms;
}

.briqs-ref .composer--welcome .tl {
  width: 34px;
  height: 38px;
  border-radius: var(--briqs-radius-sm);
}

.briqs-ref .tl:hover {
  color: var(--briqs-text);
  border-color: color-mix(in srgb, var(--briqs-accent) 22%, var(--briqs-border));
}

.briqs-ref .send {
  width: 36px;
  height: 36px;
  border-radius: var(--briqs-radius-sm);
  background: var(--briqs-accent);
  color: var(--primitive-white);
  display: grid;
  place-items: center;
  border: 1px solid transparent;
  cursor: pointer;
  transition: filter 140ms;
}

.briqs-ref .composer--welcome .send {
  width: 38px;
  height: 38px;
}

.briqs-ref .send:hover {
  filter: brightness(1.08);
}

.briqs-ref .tl:disabled,
.briqs-ref .send:disabled {
  cursor: not-allowed;
  opacity: 0.56;
  filter: none;
}

.briqs-ref .composer--welcome .tl:disabled {
  opacity: 0.88;
}

@media (max-width: 760px) {
  .briqs-ref .chat-scroll,
  .briqs-ref.app.is-dialog-start .chat-scroll {
    padding: 20px 14px;
  }

  .briqs-ref .dialog-start {
    padding: 24px 0 48px;
    gap: 16px;
  }

  .briqs-ref .dialog-start__chips {
    gap: 6px;
  }

  .briqs-ref .dialog-start__chip {
    min-height: 28px;
  }

  .briqs-ref .composer-wrap {
    padding: 10px 12px 14px;
  }

  .briqs-ref .composer--welcome {
    grid-template-columns: 32px minmax(0, 1fr) 38px;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/workspace-context-panel.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-ref .right-panel {
  border-left: 0;
  background: var(--briqs-bg-strong);
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
}

.briqs-ref.is-dialog-start .right-panel {
  display: none;
}

.briqs-ref .right-resize {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3px;
  width: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: col-resize;
  z-index: 12;
}

.briqs-ref .right-resize::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  width: 2px;
  background: transparent;
  transition: background 140ms, opacity 140ms;
}

.briqs-ref .right-resize:hover::after,
.briqs-ref .right-resize.is-dragging::after {
  background: var(--briqs-accent);
  opacity: 0.45;
}

.briqs-ref .right-top {
  padding: 14px 18px;
  border-bottom: 1px dashed var(--briqs-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
}

.briqs-ref .right-top > div:first-child {
  min-width: 0;
  flex: 1 1;
}

.briqs-ref .right-top .ttl {
  font-size: 14px;
  font-weight: 500;
  color: var(--briqs-text);
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.briqs-ref .dialog-context-group,
.dialog-context-mobile-body .dialog-context-group {
  padding: 12px 0 16px;
  border-bottom: 1px solid var(--briqs-border);
}

.briqs-ref .dialog-context-group__toggle,
.dialog-context-mobile-body .dialog-context-group__toggle {
  width: 100%;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 8px;
  padding-inline: 4px;
  color: var(--briqs-text2);
}

.briqs-ref .dialog-context-group__label,
.dialog-context-mobile-body .dialog-context-group__label {
  flex: 1 1;
  min-width: 0;
  text-align: left;
}

.briqs-ref .dialog-context-group__chevron,
.dialog-context-mobile-body .dialog-context-group__chevron {
  flex: none;
  transform: rotate(-90deg);
  transition: transform 150ms ease;
}

.briqs-ref .dialog-context-group__chevron.is-open,
.dialog-context-mobile-body .dialog-context-group__chevron.is-open {
  transform: rotate(0);
}

.briqs-ref .dialog-context-empty,
.dialog-context-mobile-body .dialog-context-empty {
  margin: 0;
  padding: 20px 0;
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-list);
}

.dialog-context-mobile-access {
  display: none;
}

.dialog-context-mobile-body {
  padding: 4px 0 24px;
}

.briqs-ref .dialog-context-history,
.dialog-context-mobile-body .dialog-context-history {
  padding: 12px 18px;
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-control);
}

.briqs-ref .right-top .sub {
  font-size: 10.5px;
  color: var(--briqs-text3);
  font-family: var(--briqs-font-text);
  letter-spacing: 0.08em;
}

.briqs-ref .tabs {
  display: flex;
  gap: 2px;
  padding: 6px;
  background: var(--briqs-surface-alt);
  border-radius: 8px;
  margin: 12px;
  border: 1px solid var(--briqs-border);
}

.briqs-ref .tab {
  flex: 1 1;
  text-align: center;
  padding: 6px 10px;
  font-size: 12px;
  color: var(--briqs-text3);
  border-radius: 6px;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.briqs-ref .tab.active {
  background: var(--briqs-surface);
  color: var(--briqs-text);
  box-shadow: var(--briqs-shadow);
}

.briqs-ref .tab:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.briqs-ref .tab.active:disabled {
  opacity: 1;
}

.briqs-ref .right-scroll {
  flex: 1 1;
  overflow-y: auto;
  padding: 0 18px 20px;
  scrollbar-gutter: stable;
}

.briqs-ref .section {
  margin: 0 0 22px;
}

.briqs-ref .sh {
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--briqs-text3);
  font-weight: var(--briqs-font-weight-overline);
  margin-bottom: 8px;
}

.briqs-ref .kv {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 6px 12px;
  font-size: 12.5px;
}

.briqs-ref .kv dt {
  color: var(--briqs-text3);
}

.briqs-ref .kv dd {
  color: var(--briqs-text);
  margin: 0;
  font-feature-settings: 'tnum' 1;
}

.briqs-ref .obj-hero {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
  display: block;
  padding-bottom: 0;
  margin-bottom: 0;
}

.briqs-ref .obj-hero .img {
  aspect-ratio: 16 / 10;
  background:
    linear-gradient(135deg, rgba(184, 148, 104, 0.26) 0%, transparent 70%),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.03) 0 2px, transparent 2px 10px),
    var(--briqs-surface-alt);
  position: relative;
}

.briqs-ref .obj-hero .img::after {
  content: '';
  position: absolute;
  inset: 14px;
  border: 1px dashed var(--briqs-border-md);
  border-radius: 8px;
}

.briqs-ref .obj-hero .ti {
  padding: 12px 14px;
  display: grid;
  gap: 3px;
}

.briqs-ref .obj-hero .pr {
  font-family: var(--briqs-font-display);
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0;
  color: var(--briqs-text);
  font-feature-settings: 'tnum' 1;
}

.briqs-ref .obj-hero .tt {
  font-size: 13px;
  color: var(--briqs-text2);
}

.briqs-ref .obj-hero .lc {
  font-size: 11.5px;
  color: var(--briqs-text3);
}

.briqs-ref .actions {
  display: grid;
  grid-template-columns: minmax(92px, 0.9fr) minmax(112px, 1.1fr) 36px;
  gap: 6px;
  margin-top: 12px;
}

.briqs-ref .btn-s {
  height: 36px;
  padding: 0 12px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
  background: transparent;
  color: var(--briqs-text2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
}

.briqs-ref .btn-s.primary {
  background: var(--briqs-accent);
  color: #fff;
  border-color: transparent;
}

@media (max-width: 1100px) {
  .briqs-ref.app {
    grid-template-columns: calc(var(--sidebar-w, 300px) + var(--briqs-spacing-16)) minmax(0, 1fr);
  }

  .briqs-ref .right-panel {
    display: none;
  }

  .dialog-context-mobile-access {
    display: inline-flex;
  }
}

@media (max-width: 720px) {
  .briqs-ref.app,
  .briqs-ref.app.is-dialog-start {
    grid-template-columns: 1fr;
  }

  .briqs-ref .workspace-sidebar {
    display: none;
  }

  .briqs-ref .chat-top {
    padding: 12px 14px;
  }

  .briqs-ref .chat-scroll {
    padding: 22px 14px 18px;
  }

  .briqs-ref .composer-wrap {
    padding: 10px 14px 14px;
  }

  .briqs-ref .ana {
    grid-template-columns: 1fr;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/auth-page.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-auth {
  position: relative;
  min-height: 100svh;
  overflow-x: hidden;
  background:
    radial-gradient(
      circle at 10% 8%,
      color-mix(in srgb, var(--briqs-accent) 14%, transparent) 0%,
      transparent 34rem
    ),
    radial-gradient(
      circle at 92% 88%,
      color-mix(in srgb, var(--briqs-sage) 9%, transparent) 0%,
      transparent 30rem
    ),
    var(--briqs-bg);
  color: var(--briqs-text);
  font-family: var(--briqs-font-text);
}

.briqs-auth[data-theme='dark'] { color-scheme: dark; }
.briqs-auth[data-theme='light'] { color-scheme: light; }

.briqs-auth__canvas {
  box-sizing: border-box;
  display: grid;
  min-height: 100svh;
  place-items: center;
  padding: calc(var(--briqs-spacing-8) + var(--briqs-spacing-6)) var(--briqs-spacing-8);
}

.briqs-auth__shell {
  width: min(100%, 1080px);
}

.briqs-auth__back {
  display: inline-flex;
  align-items: center;
  gap: var(--briqs-spacing-2);
  margin-bottom: var(--briqs-spacing-5);
  border-radius: var(--briqs-radius-sm);
  color: var(--briqs-text3);
  font-size: var(--briqs-font-size-body-sm);
  text-decoration: none;
  transition: color var(--briqs-transition-fast), transform var(--briqs-transition-fast);
}

.briqs-auth__back:hover {
  color: var(--briqs-text);
  transform: translateX(-2px);
}

.briqs-auth__back:focus-visible {
  outline: none;
  box-shadow: var(--briqs-ring-accent);
}

.briqs-auth__surface {
  display: grid;
  min-height: 620px;
  overflow: hidden;
  border: 1px solid var(--briqs-border-md);
  border-radius: var(--briqs-radius-xl);
  background: var(--briqs-surface);
  box-shadow: var(--briqs-shadow-lg);
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
}

.briqs-auth__form-panel,
.briqs-auth__info-panel {
  box-sizing: border-box;
  min-width: 0;
  padding: calc(var(--briqs-spacing-8) + var(--briqs-spacing-4));
}

.briqs-auth__form-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* One brand line: the mark, BRIQS, two drawn strokes and the name of the step. */
.briqs-auth__masthead {
  margin-bottom: var(--briqs-spacing-8);
}

.briqs-auth__brand-line {
  display: flex;
  align-items: center;
  gap: var(--briqs-spacing-3);
  color: var(--briqs-text);
  font-family: var(--briqs-font-heading);
  font-size: var(--briqs-font-size-l-sm);
  letter-spacing: var(--briqs-tracking-tight);
}

.briqs-auth__brand {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--briqs-spacing-3);
  font-weight: var(--briqs-font-weight-semibold);
}

.briqs-auth__title {
  min-width: 0;
  margin: 0;
  font: inherit;
  font-weight: var(--briqs-font-weight-medium);
}

.briqs-auth__subtitle {
  margin: var(--briqs-spacing-3) 0 0;
  color: var(--briqs-text3);
  font-size: var(--briqs-font-size-body-sm);
  line-height: var(--briqs-leading-body-sm);
}

.briqs-auth__brand .briqs-mark {
  width: 46px;
  height: 46px;
}

.briqs-auth__form-heading {
  margin-bottom: var(--briqs-spacing-6);
}

.briqs-auth__form-heading h1,
.briqs-auth__info-panel h2 {
  margin: 0;
  color: var(--briqs-text);
  font-family: var(--briqs-font-heading);
  font-weight: var(--briqs-font-weight-semibold);
  letter-spacing: var(--briqs-tracking-snug);
}

.briqs-auth__form-heading h1 {
  font-size: var(--briqs-font-size-l-sm);
}

.briqs-auth__form-heading p {
  margin: var(--briqs-spacing-2) 0 0;
  color: var(--briqs-text3);
  font-size: var(--briqs-font-size-body-sm);
  line-height: var(--briqs-leading-body-sm);
}

.briqs-auth__form {
  display: grid;
  gap: var(--briqs-spacing-4);
}

.briqs-auth__loading {
  display: flex;
  align-items: center;
  gap: var(--briqs-spacing-3);
  min-height: var(--briqs-control-lg);
  color: var(--briqs-text3);
  font-size: var(--briqs-font-size-body-sm);
}

.briqs-auth__form > button:last-child {
  margin-top: var(--briqs-spacing-1);
}

/* The form owns its next action on every width. */
.briqs-auth__form-footer {
  margin-top: var(--briqs-spacing-4);
}

.briqs-auth__info-panel:has(.briqs-editorial-art) {
  justify-content: center;
}

.briqs-auth__info-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border-left: 1px solid var(--briqs-border);
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--briqs-surface-alt) 92%, var(--briqs-accent) 8%),
      var(--briqs-surface-alt)
    );
}

.briqs-auth__info-panel::after {
  position: absolute;
  right: -140px;
  bottom: -180px;
  width: 380px;
  height: 380px;
  border-radius: var(--briqs-radius-full);
  background: color-mix(in srgb, var(--briqs-accent) 10%, transparent);
  content: '';
  filter: blur(70px);
  pointer-events: none;
}

.briqs-auth__info-motion {
  position: relative;
  z-index: 1;
}

.briqs-auth__info-icon {
  display: grid;
  width: 44px;
  height: 44px;
  margin-bottom: var(--briqs-spacing-6);
  border: 1px solid color-mix(in srgb, var(--briqs-accent) 32%, var(--briqs-border));
  border-radius: var(--briqs-radius);
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
  place-items: center;
}

.briqs-auth__info-panel h2 {
  font-size: var(--briqs-font-size-xl);
}

.briqs-auth__info-panel ul {
  display: grid;
  gap: var(--briqs-spacing-4);
  margin: var(--briqs-spacing-8) 0 0;
  padding: 0;
  list-style: none;
}

.briqs-auth__info-panel li {
  display: grid;
  align-items: start;
  gap: var(--briqs-spacing-3);
  color: var(--briqs-text2);
  font-size: var(--briqs-font-size-body);
  grid-template-columns: 18px minmax(0, 1fr);
  line-height: var(--briqs-leading-body-sm);
}

.briqs-auth__info-panel li svg {
  margin-top: 2px;
  color: var(--briqs-accent-text);
}

.briqs-auth__controls {
  position: fixed;
  z-index: var(--briqs-z-sidebar);
  top: 50%;
  right: 0;
  display: grid;
  gap: var(--briqs-spacing-1);
  padding: var(--briqs-spacing-1);
  border: 1px solid var(--briqs-border-md);
  border-right: 0;
  border-radius: var(--briqs-radius-sm) 0 0 var(--briqs-radius-sm);
  background: var(--briqs-surface-elevated);
  box-shadow: var(--briqs-shadow-lg);
  transform: translateY(-50%);
}

@media (max-width: 900px) {
  .briqs-auth__shell { width: min(100%, 680px); }

  .briqs-auth__surface {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
  }

  .briqs-auth__info-panel {
    min-height: 420px;
    border-top: 1px solid var(--briqs-border);
    border-left: 0;
  }
}

@media (max-width: 760px) {
  .briqs-auth__canvas {
    align-items: start;
    padding: var(--briqs-spacing-6) var(--briqs-spacing-4) var(--briqs-spacing-8);
  }

  .briqs-auth__shell {
    width: min(100%, 480px);
  }

  .briqs-auth__back {
    margin-bottom: var(--briqs-spacing-4);
  }

  .briqs-auth__form-panel {
    display: block;
    padding: var(--briqs-spacing-8) var(--briqs-spacing-6);
  }

  .briqs-auth__masthead {
    margin-bottom: var(--briqs-spacing-6);
  }

  .briqs-auth__brand .briqs-mark {
    width: 40px;
    height: 40px;
  }

  .briqs-auth__info-panel {
    display: none;
  }

  .briqs-auth__info-panel:has(.briqs-editorial-art) {
    display: flex;
    min-height: 0;
    padding: var(--briqs-spacing-4) var(--briqs-spacing-6);
  }

  .briqs-auth__info-panel .briqs-editorial-art {
    max-height: var(--briqs-art-compact-width);
  }

  .briqs-auth__controls {
    top: var(--briqs-spacing-4);
    right: var(--briqs-spacing-3);
    bottom: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-right: 1px solid var(--briqs-border-md);
    border-radius: var(--briqs-radius-sm);
    transform: none;
  }
}

@media (max-width: 420px) {
  .briqs-auth__canvas {
    padding-right: var(--briqs-spacing-3);
    padding-left: var(--briqs-spacing-3);
  }

  .briqs-auth__form-panel {
    padding: var(--briqs-spacing-6) var(--briqs-spacing-4);
  }
}

@media (prefers-reduced-motion: reduce) {
  .briqs-auth__back {
    transition: none;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/materials/gallery.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-material-gallery {
  min-height: 100vh;
  padding: 52px clamp(20px, 5vw, 80px) 88px;
  background:
    radial-gradient(circle at 82% 0%, rgb(184 148 104 / 0.2), transparent 30rem),
    var(--briqs-bg);
  color: var(--briqs-text);
  font-family: var(--briqs-font-text);
}

body:has(.briqs-material-gallery) nextjs-portal {
  display: none !important;
}

.briqs-material-gallery__hero,
.briqs-material-gallery__grid,
.briqs-material-gallery__empty {
  width: min(1540px, 100%);
  margin-inline: auto;
}

.briqs-material-gallery__hero {
  position: relative;
  padding: clamp(28px, 5vw, 72px);
  overflow: hidden;
  border: 1px solid var(--briqs-border);
  border-radius: 32px;
  background: color-mix(in srgb, var(--briqs-surface) 88%, transparent);
  box-shadow: 0 28px 80px rgb(38 32 27 / 0.1);
}

.briqs-material-gallery__hero::after {
  position: absolute;
  right: -7%;
  bottom: -48%;
  width: 52%;
  aspect-ratio: 1;
  border: 1px solid rgb(184 148 104 / 0.2);
  border-radius: 50%;
  background: radial-gradient(circle, rgb(184 148 104 / 0.18), transparent 68%);
  content: '';
  pointer-events: none;
}

.briqs-material-gallery__brand {
  position: relative;
  z-index: 1;
  display: inline-flex;
  margin-bottom: 64px;
}

.briqs-material-gallery__hero > p {
  position: relative;
  z-index: 1;
  margin: 0 0 10px;
  color: var(--briqs-accent-text);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.briqs-material-gallery__hero h1 {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin: 0;
  font-family: var(--briqs-font-display);
  font-size: clamp(50px, 7vw, 98px);
  font-weight: 550;
  letter-spacing: -0.045em;
  line-height: 0.96;
}

.briqs-material-gallery__hero > span {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 760px;
  margin-top: 24px;
  color: var(--briqs-text2);
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.6;
}

.briqs-material-gallery__facts {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 38px;
  color: var(--briqs-text3);
  font-size: 13px;
}

.briqs-material-gallery__facts strong {
  color: var(--briqs-accent-text);
  font-family: var(--briqs-font-display);
  font-size: 28px;
  font-weight: 650;
}

.briqs-material-gallery__facts i {
  width: 1px;
  height: 18px;
  margin-inline: 6px;
  background: var(--briqs-border-md);
}

.briqs-material-gallery__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 28px;
}

.briqs-material-gallery__card {
  padding: 0;
  overflow: hidden;
  border-color: var(--briqs-border);
  border-radius: 22px;
  box-shadow: 0 18px 56px rgb(38 32 27 / 0.08);
}

.briqs-material-gallery__cover {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: var(--briqs-surface-alt);
}

.briqs-material-gallery__copy {
  padding: 22px;
}

.briqs-material-gallery__copy small {
  color: var(--briqs-accent-text);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.briqs-material-gallery__copy h2 {
  margin: 8px 0 0;
  font-family: var(--briqs-font-display);
  font-size: 24px;
  font-weight: 620;
  letter-spacing: -0.02em;
  line-height: 1.18;
}

.briqs-material-gallery__copy p {
  min-height: 76px;
  margin: 12px 0 0;
  color: var(--briqs-text3);
  font-size: 13px;
  line-height: 1.5;
}

.briqs-material-gallery__copy > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--briqs-border);
  color: var(--briqs-text2);
  font-size: 13px;
  font-weight: 650;
}

.briqs-material-gallery__copy > a span {
  color: var(--briqs-accent-text);
  font-size: 18px;
}

.briqs-material-gallery__empty {
  grid-column: 1 / -1;
  margin-top: 28px;
  padding: 32px;
  border: 1px dashed var(--briqs-border-md);
  border-radius: 20px;
  color: var(--briqs-text3);
  text-align: center;
}

@media (max-width: 980px) {
  .briqs-material-gallery__grid {
    grid-template-columns: 1fr;
  }

  .briqs-material-gallery__copy p {
    min-height: 0;
  }
}

@media (max-width: 640px) {
  .briqs-material-gallery {
    padding: 14px 12px 48px;
  }

  .briqs-material-gallery__hero {
    padding: 26px 22px 32px;
    border-radius: 24px;
  }

  .briqs-material-gallery__brand {
    margin-bottom: 72px;
  }

  .briqs-material-gallery__facts {
    align-items: flex-start;
    flex-direction: column;
  }

  .briqs-material-gallery__facts i {
    width: 36px;
    height: 1px;
    margin: 2px 0;
  }
}

.briqs-material-gallery__navigation {
  width: min(1540px, 100%);
  margin: var(--briqs-spacing-6) auto 0;
}
.briqs-material-gallery__grid--screens { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.briqs-material-gallery__grid--focused { grid-template-columns: minmax(0, 1fr); }
.briqs-material-gallery__grid--screens .briqs-material-gallery__cover { object-fit: contain; height: auto; }
.briqs-material-gallery__grid--focused .briqs-material-gallery__cover { aspect-ratio: auto; }
.briqs-material-gallery__image-link { display: block; }
.briqs-material-gallery__capture {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--briqs-spacing-3);
  margin-block: var(--briqs-spacing-4);
  color: var(--briqs-text3);
  font-size: var(--briqs-font-size-caption);
}
.briqs-material-gallery__actions { flex-wrap: wrap; }
.briqs-material-gallery__demo {
  padding: var(--briqs-spacing-4);
  min-width: 0;
  background: var(--briqs-bg);
}
.briqs-material-gallery__demo-notice {
  margin: 0;
  color: var(--briqs-text2);
  font-size: var(--briqs-font-size-caption);
}
.briqs-material-gallery[data-section='mockups'] .briqs-material-gallery__hero { padding: var(--briqs-spacing-6); }
.briqs-material-gallery[data-section='mockups'] .briqs-material-gallery__brand { margin-bottom: var(--briqs-spacing-6); }
.briqs-material-gallery[data-section='mockups'] h1 { font-size: var(--briqs-font-size-section); }
.briqs-material-gallery__grid--screens .briqs-material-gallery__copy p { min-height: 0; }
@media (max-width: 720px) {
  .briqs-material-gallery[data-section='mockups'] { padding-inline: var(--briqs-content-gutter-mobile); }
  .briqs-material-gallery__grid--screens { grid-template-columns: minmax(0, 1fr); }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/confirmation-sheet.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-confirmation-sheet {
  flex: 1 1;
  min-height: 0;
  overflow: auto;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: var(--briqs-bg);
}

.briqs-confirmation-sheet__message {
  margin: 0;
  color: var(--briqs-text2);
  font-size: var(--briqs-ui-font-list);
  line-height: 1.55;
}

.briqs-confirmation-sheet__subject {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px;
  border: 1px solid var(--briqs-border);
  border-radius: var(--briqs-radius);
  background: var(--briqs-surface);
}

.briqs-confirmation-sheet__subject-title {
  color: var(--briqs-text);
  font-family: var(--briqs-font-display);
  font-size: var(--briqs-ui-font-title);
  font-weight: var(--briqs-font-weight-semibold);
  line-height: 1.3;
}

.briqs-confirmation-sheet__subject-meta {
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-control);
  line-height: 1.45;
}

.briqs-confirmation-sheet__notice {
  padding: 10px 12px;
  border: 1px solid var(--briqs-border);
  border-radius: var(--briqs-radius-sm);
  background: color-mix(in srgb, var(--briqs-surface-alt) 64%, transparent);
  color: var(--briqs-text2);
  font-size: var(--briqs-ui-font-control);
  line-height: 1.45;
}

.briqs-confirmation-sheet__actions {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (max-width: 720px) {
  .briqs-confirmation-sheet {
    padding-inline: var(--briqs-content-gutter-mobile);
  }

}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/toast-stack.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-toast-stack {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  z-index: var(--briqs-z-toast);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  width: min(360px, calc(100vw - 32px));
  pointer-events: none;
}

.briqs-toast {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--briqs-border-md);
  border-radius: var(--briqs-radius);
  background: color-mix(in srgb, var(--briqs-surface) 92%, transparent);
  color: var(--briqs-text);
  box-shadow: var(--briqs-shadow-lg);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  pointer-events: auto;
}

.briqs-toast__icon {
  width: 18px;
  height: 18px;
  color: var(--briqs-accent);
  stroke-width: 1.8;
  margin-top: 1px;
}

.briqs-toast__body {
  min-width: 0;
}

.briqs-toast__title {
  color: var(--briqs-text);
  font-size: var(--briqs-ui-font-control);
  font-weight: var(--briqs-font-weight-semibold);
  line-height: 1.35;
}

.briqs-toast__description {
  margin-top: 2px;
  color: var(--briqs-text2);
  font-size: var(--briqs-ui-font-chip);
  line-height: 1.4;
}

.briqs-toast__close {
  margin: -4px -4px 0 0;
}

@media (max-width: 720px) {
  .briqs-toast-stack {
    right: 12px;
    bottom: 12px;
    width: calc(100vw - 24px);
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/surface-shell.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Cabinet navigation inside UiSheet; panel chrome and sizing live in ui-kit. */

:root {
  --briqs-panel-width-max: min(100vw, max(1120px, 90vw));
  --briqs-panel-width-detail: min(
    100vw,
    max(940px, calc(var(--briqs-panel-width-max) * 0.6))
  );
}

.briqs-detail-panel-frame {
  position: fixed;
  inset: 0;
  z-index: var(--briqs-z-modal, 102000);
  pointer-events: auto;
}

.briqs-detail-panel-frame__backdrop {
  position: absolute;
  z-index: 0;
  background: color-mix(in srgb, var(--briqs-bg) 50%, transparent);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.briqs-detail-panel-frame > [role='dialog'] {
  --briqs-panel-drag-y: 0px;
  z-index: 1;
}

/* The real-estate object detail still has its own mobile bottom placement. */
.briqs-detail-panel-frame__backdrop {
  animation: briqs-surface-scrim-in 200ms ease;
}

.briqs-detail-panel-frame > [role='dialog'] {
  animation: briqs-surface-in 240ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.briqs-detail-panel-frame[data-briqs-panel-closing='true'] > [role='dialog'] {
  animation: briqs-surface-out 240ms cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

.briqs-detail-panel-frame[data-briqs-panel-closing='true'] > .briqs-detail-panel-frame__backdrop {
  animation: briqs-surface-scrim-out 200ms ease forwards;
}

@keyframes briqs-surface-in {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes briqs-surface-out {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes briqs-surface-scrim-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes briqs-surface-bottom-in {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes briqs-surface-bottom-out {
  from {
    transform: translateY(var(--briqs-panel-drag-y, 0px));
  }
  to {
    transform: translateY(100%);
  }
}

@keyframes briqs-surface-scrim-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.briqs-surface__mobile-navigation {
  display: none;
}

@media (max-width: 1024px) {
  :root {
    --briqs-panel-width-detail: min(
      100vw,
      max(740px, calc(var(--briqs-panel-width-max) - var(--briqs-panel-nav-width)))
    );
  }

  .briqs-detail-panel-frame[data-mobile-presentation='bottom'] > [role='dialog'] {
    animation-name: briqs-surface-bottom-in;
  }

  .briqs-detail-panel-frame[data-mobile-presentation='bottom'][data-briqs-panel-closing='true'] > [role='dialog'] {
    animation-name: briqs-surface-bottom-out;
  }
}

@media (max-width: 720px) {
  .briqs-surface__mobile-navigation {
    display: flex;
    flex-shrink: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .briqs-detail-panel-frame > [role='dialog'],
  .briqs-detail-panel-frame__backdrop {
    animation: none !important;
    transition: none !important;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/section-screen.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Section surfaces share one layout owner. The phone and tablet rules match
   sectionScreenWidths.ts; the wide threshold folds filters in UiFilterToolbar. */
.briqs-section-screen {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.briqs-section-screen__area {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto;
  grid-template-rows: auto minmax(0, 1fr);
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.briqs-section-screen__header-slot,
.briqs-section-screen__header,
.briqs-section-screen__body {
  display: contents;
}

.briqs-section-screen__area > .briqs-real-estate-surface {
  display: contents;
}

.briqs-section-screen__area > .briqs-real-estate-surface > :not(.briqs-section-screen__body) {
  grid-column: 1 / -1;
  grid-row: 2;
  min-height: 0;
}

.briqs-section-screen__area > :not(.briqs-section-screen__header-slot):not(.briqs-section-screen__body):not(.briqs-real-estate-surface) {
  grid-column: 1 / -1;
  grid-row: 2;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.briqs-section-screen__tabs,
.briqs-section-screen__filters,
.briqs-section-screen__views {
  grid-row: 1;
  align-self: center;
  min-width: 0;
}

.briqs-section-screen__tabs {
  grid-column: 1;
  overflow: hidden;
}

.briqs-section-screen__tabs [role='tablist'] {
  min-width: 0;
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
  flex-wrap: nowrap;
}

.briqs-section-screen__filters {
  grid-column: 2;
  width: auto;
  min-width: 0;
  margin-inline-start: var(--briqs-spacing-2);
}

.briqs-section-screen__area:not(:has(.briqs-section-screen__tabs)) .briqs-section-screen__filters {
  grid-column: 1 / 3;
  margin-inline-start: 0;
}

.briqs-section-screen__views {
  grid-column: 3;
  justify-self: end;
  flex: 0 0 auto;
}

.briqs-section-screen__area:has(.briqs-section-screen__tabs, .briqs-section-screen__filters, .briqs-section-screen__views) {
  column-gap: var(--briqs-spacing-2);
}

.briqs-section-screen__tabs,
.briqs-section-screen__filters,
.briqs-section-screen__views {
  padding-block: var(--briqs-spacing-2);
}

.briqs-section-screen__content {
  /* A sticky head inside (a kanban column, a group of the Flow) sticks to the
     top edge of this scroll area, not below its top padding: in the strip
     between the edge and the head the rows scrolling away would show through. */
  --briqs-sticky-top: calc(-1 * var(--briqs-section-content-padding-top));
  --briqs-section-content-padding-top: var(--briqs-spacing-4);
  grid-column: 1 / -1;
  grid-row: 2;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: var(--briqs-section-content-padding-top) var(--briqs-spacing-5) var(--briqs-spacing-6);
}

.briqs-section-screen__tabs,
.briqs-section-screen__filters {
  padding-inline-start: var(--briqs-spacing-5);
}

.briqs-section-screen__views {
  padding-inline-end: var(--briqs-spacing-5);
}

.briqs-surface[data-size='max'] [data-ui-panel-head='true'] {
  align-items: center;
  flex-wrap: nowrap;
  min-width: 0;
}

.briqs-surface[data-size='max'] [data-ui-panel-title-block='true'] {
  flex: 1 1 auto;
  min-width: 0;
}

.briqs-surface[data-size='max'] [data-ui-panel-eyebrow='true'] {
  display: none;
}

.briqs-surface[data-size='max'] [data-ui-panel-actions='true'] {
  flex: 0 0 auto;
  min-width: 0;
  flex-wrap: nowrap;
}

.briqs-surface[data-size='max'] [data-ui-panel-search='true'] {
  width: clamp(180px, 22vw, 360px);
  min-width: 0;
}

.briqs-surface[data-size='max'] [data-ui-panel-search='true'] > * {
  width: 100%;
}

.briqs-surface[data-size='max'] [data-ui-panel-primary-action='true'] {
  flex: 0 0 auto;
}

.briqs-surface[data-size='max'] [data-ui-panel-actions='true'] > button:last-child,
.briqs-section-screen__create-button {
  min-height: var(--briqs-ui-control-field);
}

.briqs-section-screen__create-button {
  white-space: nowrap;
}

@media (max-width: 1023px) {
  .briqs-section-screen__area {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .briqs-section-screen__filters {
    grid-column: 2;
  }

  .briqs-section-screen__area:not(:has(.briqs-section-screen__tabs)) .briqs-section-screen__filters {
    grid-column: 1 / 3;
  }

  .briqs-section-screen__views {
    grid-column: 3;
  }

  .briqs-surface[data-size='max'] [data-ui-panel-search='true'] {
    width: clamp(160px, 24vw, 280px);
  }
}

@media (max-width: 720px) {
  .briqs-record-list__filter,
  .briqs-calendar-toolbar__filter {
    width: 100%;
  }

  .briqs-surface[data-size='max'] [data-ui-panel-head='true'] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-rows: auto auto;
    gap: var(--briqs-spacing-1);
    padding: var(--briqs-spacing-1) var(--briqs-content-gutter-mobile);
  }

  .briqs-surface[data-size='max'] [data-ui-panel-title-block='true'] {
    grid-column: 1;
    grid-row: 1;
  }

  .briqs-surface[data-size='max'] [data-ui-panel-actions='true'] {
    display: contents;
  }

  .briqs-surface[data-size='max'] [data-ui-panel-search='true'] {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
  }

  .briqs-surface[data-size='max'] [data-ui-panel-primary-action='true'] {
    grid-column: 2;
    grid-row: 1;
  }

  .briqs-surface[data-size='max'] [data-ui-panel-primary-action='true'] .briqs-section-screen__create-button {
    width: var(--briqs-target-min);
    min-width: var(--briqs-target-min);
    min-height: var(--briqs-target-min);
    padding-inline: 0;
    justify-content: center;
  }

  .briqs-surface[data-size='max'] [data-ui-panel-primary-action='true'] .briqs-section-screen__create-button span {
    display: none;
  }

  .briqs-surface[data-size='max'] [data-ui-panel-actions='true'] > button:last-child {
    grid-column: 3;
    grid-row: 1;
    min-width: var(--briqs-target-min);
    min-height: var(--briqs-target-min);
    justify-self: end;
  }

  .briqs-section-screen__area {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .briqs-section-screen__tabs,
  .briqs-section-screen__filters {
    padding-inline-start: var(--briqs-content-gutter-mobile);
  }

  .briqs-section-screen__views {
    padding-inline-end: var(--briqs-content-gutter-mobile);
    max-width: min(42vw, 220px);
    overflow-x: auto;
  }

  .briqs-section-screen__content {
    padding-inline: var(--briqs-content-gutter-mobile);
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/dialog-target-sheet.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-dialog-target {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
  overflow: hidden;
  padding: 18px;
}

.briqs-dialog-target__message,
.briqs-dialog-target__preview p,
.briqs-dialog-target__preview strong {
  margin: 0;
}

.briqs-dialog-target__message {
  color: var(--briqs-text2);
  font-size: var(--briqs-ui-font-list);
  line-height: 1.5;
}

.briqs-dialog-target__preview {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--briqs-border);
  border-radius: var(--briqs-radius-sm);
  background: var(--briqs-surface);
}

.briqs-dialog-target__preview strong {
  overflow: hidden;
  color: var(--briqs-text);
  font-size: var(--briqs-ui-font-list);
  font-weight: var(--briqs-font-weight-semibold);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.briqs-dialog-target__preview span,
.briqs-dialog-target__row-preview,
.briqs-dialog-target__empty {
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-control);
}

.briqs-dialog-target__preview p {
  overflow: hidden;
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-list);
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.briqs-dialog-target__section {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
}

.briqs-dialog-target__section h3 {
  margin: 0;
  color: var(--briqs-text2);
  font-size: var(--briqs-ui-font-section);
  font-weight: var(--briqs-font-weight-overline);
  text-transform: uppercase;
}

.briqs-dialog-target__list {
  display: grid;
  align-content: start;
  gap: 8px;
}

.briqs-dialog-target__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px;
  border: 1px solid var(--briqs-border);
  border-radius: var(--briqs-radius-sm);
  background: var(--briqs-surface);
  color: var(--briqs-text2);
  text-align: left;
  cursor: pointer;
  transition: border-color 140ms, background 140ms, color 140ms;
}

.briqs-dialog-target__row:hover,
.briqs-dialog-target__row.is-active {
  border-color: var(--briqs-accent);
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
}

.briqs-dialog-target__row-text {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.briqs-dialog-target__row-title,
.briqs-dialog-target__row-preview {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.briqs-dialog-target__row-title {
  color: var(--briqs-text);
  font-size: var(--briqs-ui-font-list);
  font-weight: var(--briqs-font-weight-semibold);
}

.briqs-dialog-target__badge {
  padding: 3px 7px;
  border-radius: var(--briqs-radius-pill);
  background: var(--briqs-surface-alt);
  color: var(--briqs-text3);
  font-size: 11px;
}

.briqs-dialog-target__row-meta {
  align-self: start;
  color: var(--briqs-text4);
  font-size: var(--briqs-ui-font-chip-compact);
  white-space: nowrap;
}

.briqs-dialog-target__empty {
  padding: 12px;
  border: 1px dashed var(--briqs-border);
  border-radius: var(--briqs-radius-sm);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/surface-unavailable.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Module stub body (projects / knowledge / materials / agents) */
.briqs-surface-unavailable {
  flex: 1 1;
  min-height: 0;
  overflow: auto;
  padding: 20px 24px 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.briqs-surface-unavailable__subtitle {
  margin: 0;
  font-size: var(--briqs-ui-font-list);
  color: var(--briqs-text2);
  line-height: 1.5;
}

.briqs-surface-unavailable__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.briqs-surface-unavailable__card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px;
  border-radius: var(--briqs-radius);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
}

.briqs-surface-unavailable__card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.briqs-surface-unavailable__card-title {
  font-size: var(--briqs-ui-font-title);
  font-weight: 600;
  color: var(--briqs-text);
}

.briqs-surface-unavailable__card-badge {
  font-size: var(--briqs-ui-font-chip-compact);
  font-weight: 600;
  padding: 2px 8px;
  border-radius: var(--briqs-radius-pill);
  border: 1px solid var(--briqs-border-md);
  color: var(--briqs-text3);
  white-space: nowrap;
}

.briqs-surface-unavailable__card-sub {
  font-size: var(--briqs-ui-font-control);
  color: var(--briqs-text2);
}

.briqs-surface-unavailable__card-meta {
  font-size: var(--briqs-ui-font-meta);
  color: var(--briqs-text3);
}

.briqs-surface-unavailable__rows {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.briqs-surface-unavailable__rows > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.briqs-surface-unavailable__rows dt {
  font-size: var(--briqs-ui-font-meta);
  color: var(--briqs-text3);
}

.briqs-surface-unavailable__rows dd {
  margin: 0;
  font-size: var(--briqs-ui-font-control);
  color: var(--briqs-text);
  text-align: right;
}

@media (max-width: 720px) {
  .briqs-surface-unavailable__grid {
    grid-template-columns: 1fr;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/books-surface.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* The catalog and reader use the same book layout in every theme and width. */
.briqs-books__notice {
  margin-block-end: var(--briqs-spacing-5);
}

.briqs-books__catalog-head,
.briqs-books__contents-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--briqs-spacing-3);
  margin-block-end: var(--briqs-spacing-5);
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-control);
}

.briqs-books__catalog-head p {
  margin: 0;
}

.briqs-books__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--briqs-content-sidebar)), 1fr));
  gap: var(--briqs-spacing-4);
  align-items: start;
}

.briqs-books__card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--briqs-spacing-3);
  padding: var(--briqs-spacing-5);
}

.briqs-books__card-head {
  display: flex;
  align-items: center;
  gap: var(--briqs-spacing-3);
  min-width: 0;
}

.briqs-books__book-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: var(--briqs-spacing-12);
  height: var(--briqs-spacing-12);
  border-radius: var(--briqs-radius-md);
  background: var(--briqs-surface-alt);
  color: var(--briqs-text2);
}

.briqs-books__book-icon svg {
  width: var(--briqs-spacing-6);
  height: var(--briqs-spacing-6);
}

.briqs-books__title {
  margin: var(--briqs-spacing-2) 0 0;
  font-family: var(--briqs-font-heading);
  font-size: var(--briqs-font-size-m);
  font-weight: var(--briqs-font-weight-medium);
  line-height: var(--briqs-leading-heading);
  overflow-wrap: anywhere;
}

.briqs-books__summary {
  margin: 0;
  font-size: var(--briqs-ui-font-list);
  line-height: var(--briqs-leading-body-sm);
  color: var(--briqs-text3);
}

.briqs-books__open {
  align-self: flex-start;
}

.briqs-books__card-contents {
  margin-block-start: var(--briqs-spacing-2);
  padding-block-start: var(--briqs-spacing-3);
  border-block-start: 1px solid var(--briqs-border);
}

.briqs-books__contents-toggle {
  width: 100%;
  justify-content: flex-start;
  padding-inline: 0;
}

.briqs-books__contents-toggle > svg:last-child {
  margin-inline-start: auto;
}

.briqs-books__toc-group {
  margin-block-start: var(--briqs-spacing-4);
}

.briqs-books__group-title {
  margin: 0 0 var(--briqs-spacing-2);
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-section);
  font-weight: var(--briqs-font-weight-medium);
}

.briqs-books__toc {
  list-style: none;
  margin: 0;
  padding: 0;
}

.briqs-books__chapter {
  width: 100%;
  justify-content: flex-start;
  text-align: start;
  white-space: normal;
  padding-inline: 0;
}

.briqs-books__chapter svg {
  flex: 0 0 auto;
  color: var(--briqs-text4);
}

.briqs-books__reader {
  padding: var(--briqs-spacing-5);
  min-width: 0;
}

.briqs-books__reader-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--briqs-spacing-2);
  margin-block-end: var(--briqs-spacing-5);
}

.briqs-books__intro {
  font-size: var(--briqs-ui-font-reading);
  line-height: var(--briqs-leading-body);
  margin: 0 0 var(--briqs-spacing-6);
  color: var(--briqs-text2);
}

.briqs-books__contents-head h2 {
  color: var(--briqs-text);
  margin: 0;
  font-size: var(--briqs-font-size-m);
}

.briqs-books__document > .briqs-books__summary {
  margin-block-end: var(--briqs-spacing-5);
}

.briqs-books__loading {
  display: flex;
  align-items: center;
  gap: var(--briqs-spacing-2);
  color: var(--briqs-text3);
}

.briqs-books__position {
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-meta);
  white-space: nowrap;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/section-page.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* A read-only section page of the cabinet: the one scrollable column a section
   draws its notes, count, list and next-page action in, with the panel gutter.
   Everything inside is a design-system component. */
.briqs-section-page {
  flex: 1 1;
  min-height: 0;
  overflow: auto;
  padding: var(--briqs-spacing-5) var(--briqs-spacing-6) 28px;
  display: flex;
  flex-direction: column;
  gap: var(--briqs-spacing-4);
}

@media (max-width: 720px) {
  .briqs-section-page {
    padding-inline: var(--briqs-content-gutter-mobile);
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/development/versions.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-versions__host { display: flex; flex-direction: column; flex: 1 1; min-height: 0; min-width: 0; position: relative; container-type: size; }
.briqs-versions__page, .briqs-versions__graph { display: flex; flex-direction: column; flex: 1 1; min-height: 0; overflow: hidden; box-sizing: border-box; gap: var(--briqs-spacing-4); min-width: 0; }
.briqs-versions__page { padding: var(--briqs-spacing-4); }
.briqs-versions__header { display: grid; gap: var(--briqs-spacing-2); }
.briqs-versions__caption { margin: 0; color: var(--briqs-text3); font-size: var(--briqs-ui-font-meta); line-height: var(--briqs-leading-caption); }
.briqs-versions__section { display: grid; gap: var(--briqs-spacing-3); min-width: 0; }
.briqs-versions__heading { margin: 0; overflow-wrap: anywhere; font-size: var(--briqs-ui-font-reading); font-weight: var(--briqs-font-weight-medium); }


/* The code of a version in its details: changed files, each opening in place. */
.briqs-versions__files { display: grid; gap: var(--briqs-spacing-2); min-width: 0; margin: 0; padding: 0; list-style: none; }
.briqs-versions__file { display: grid; min-width: 0; border: 1px solid var(--briqs-border); border-radius: var(--briqs-radius); }
.briqs-versions__fileToggle { width: 100%; height: auto; justify-content: flex-start; gap: var(--briqs-spacing-2); padding-block: var(--briqs-spacing-1); white-space: normal; text-align: left; }
.briqs-versions__fileFolder { color: var(--briqs-text2); font-weight: var(--briqs-font-weight-regular); }
.briqs-versions__fileCode { display: grid; gap: var(--briqs-spacing-3); min-width: 0; padding: var(--briqs-spacing-2) var(--briqs-spacing-3) var(--briqs-spacing-3); border-top: 1px solid var(--briqs-border); }

.briqs-versions__overview { display: grid; align-content: start; gap: var(--briqs-spacing-4); min-width: 0; min-height: 100%; box-sizing: border-box; }

.briqs-versions__loading { display: flow-root; min-width: 0; }

.briqs-versions__description { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--briqs-ui-font-reading); line-height: var(--briqs-leading-body); }

.briqs-versions__recordPreview { display: grid; gap: var(--briqs-spacing-4); padding: var(--briqs-spacing-4); min-width: 0; }

.briqs-versions__filePath { flex: 1 1; overflow-wrap: anywhere; min-width: 0; font-family: var(--briqs-font-mono); font-size: var(--briqs-ui-font-meta); color: var(--briqs-text); }

/* The history and selected details each scroll within the full available height. */
.briqs-versions__tree { flex: 1 1; min-width: 0; min-height: 0; }
.briqs-versions__overview { padding: var(--briqs-spacing-4); }
.briqs-versions__people { display: grid; gap: var(--briqs-spacing-2); }
.briqs-versions__lead { min-width: 0; overflow-wrap: anywhere; }
.briqs-versions__saves { min-width: 0; }
.briqs-versions__save { padding-block: var(--briqs-spacing-2) var(--briqs-spacing-3); padding-inline-end: var(--briqs-spacing-2); }
.briqs-versions__saveFacts { display: grid; gap: var(--briqs-spacing-3); min-width: 0; }

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/settings-shell.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Settings surface body — canon (reference) design, light/warm tokens.
   Renders inside the shared `briqs-surface` shell, so the slide-in chrome
   (scrim, header, close, animation) lives in surface-shell.css and
   this file owns only the settings content and live-status marker. */

.briqs-settings__nav-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--briqs-accent);
  flex-shrink: 0;
}

/* Карточка-группа полей — как эталонный .st-card (приподнятая, с заголовком) */
.briqs-settings__card {
  border: 1px solid var(--briqs-border);
  border-radius: 14px;
  background: var(--briqs-surface);
  padding: 18px 20px;
}

.briqs-settings__card-title {
  font-size: var(--briqs-ui-font-title);
  font-weight: 600;
  letter-spacing: -0.005em;
  color: var(--briqs-text);
  margin-bottom: 14px;
}

/* Content */
.briqs-settings__content {
  flex: 1 1;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  padding: 22px 26px 32px;
  scrollbar-gutter: stable;
}

.briqs-settings__panel {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.briqs-settings__section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.briqs-settings__section-title {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: var(--briqs-text);
}

.briqs-settings__section-sub {
  margin: 4px 0 0;
  font-size: var(--briqs-ui-font-control);
  color: var(--briqs-text3);
  line-height: 1.5;
  max-width: 42ch;
}

.briqs-settings__badge {
  flex-shrink: 0;
  font-size: var(--briqs-ui-font-meta);
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 3px 9px;
  border-radius: var(--briqs-radius-pill);
  border: 1px solid var(--briqs-border-md);
  color: var(--briqs-text3);
  white-space: nowrap;
}

.briqs-settings__badge.is-stub {
  background: var(--briqs-surface-alt);
}

.briqs-settings__badge.is-live {
  background: var(--briqs-accent-bg);
  border-color: color-mix(in srgb, var(--briqs-accent) 30%, transparent);
  color: var(--briqs-accent-text);
}

.briqs-settings__notice {
  margin: 2px 0 0;
  font-size: var(--briqs-ui-font-control);
  color: var(--briqs-text3);
  line-height: 1.55;
  padding: 10px 12px;
  border-radius: var(--briqs-radius-sm);
  border: 1px dashed var(--briqs-border-md);
  background: color-mix(in srgb, var(--briqs-surface) 50%, transparent);
}

.briqs-settings__hint {
  font-size: var(--briqs-ui-font-control);
  color: var(--briqs-text3);
  white-space: nowrap;
}

/* Identity block (profile) */
.briqs-settings__identity {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border-radius: var(--briqs-radius);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
}

.briqs-settings__identity-avatar {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: var(--briqs-accent-bg2);
  color: var(--briqs-accent-text);
  font-size: var(--briqs-ui-font-reading);
  font-weight: 600;
  border: 1px solid var(--briqs-border);
  flex-shrink: 0;
}

.briqs-settings__identity-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.briqs-settings__identity-name {
  font-size: 15px;
  font-weight: 600;
  color: var(--briqs-text);
}

.briqs-settings__identity-role {
  font-size: var(--briqs-ui-font-control);
  color: var(--briqs-text3);
}

/* Field grid (profile) */
.briqs-settings__field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
}

.briqs-settings__field-span {
  grid-column: 1 / -1;
}

.briqs-settings__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.briqs-settings__field-label {
  font-size: var(--briqs-ui-font-meta);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--briqs-text3);
  font-weight: var(--briqs-font-weight-overline);
}

.briqs-settings__field-control {
  min-height: var(--briqs-ui-control-field, 38px);
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border-md);
  background: var(--briqs-bg);
  color: var(--briqs-text);
  font-size: var(--briqs-ui-font-control);
}

.briqs-settings__field-control.is-multiline {
  min-height: 76px;
  align-items: flex-start;
  padding: 10px 12px;
  line-height: 1.5;
}

.briqs-settings__field-control.is-empty {
  color: var(--briqs-text4);
}

/* Generic rows */
.briqs-settings__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.briqs-settings__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
}

.briqs-settings__row-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.briqs-settings__row-title {
  font-size: var(--briqs-ui-font-title);
  font-weight: 600;
  color: var(--briqs-text);
}

.briqs-settings__row-sub {
  font-size: var(--briqs-ui-font-control);
  color: var(--briqs-text3);
  line-height: 1.45;
}

.briqs-settings__row-control {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.briqs-settings__kind-entry {
  container-type: inline-size;
}

.briqs-settings__kind-entry .briqs-settings__row-control {
  gap: 8px;
}

@container (max-width: 560px) {
  .briqs-settings__kind-entry .briqs-settings__row {
    flex-wrap: wrap;
  }

  .briqs-settings__kind-entry .briqs-settings__row-control {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .briqs-settings__kind-entry .briqs-settings__row-control form {
    width: 100%;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/settings-options.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-settings__interface-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px 20px;
  border-radius: var(--briqs-radius);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
}

.briqs-settings__interface-head {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.briqs-settings__interface-title {
  margin: 0;
  color: var(--briqs-text);
  font-size: var(--briqs-ui-font-title);
  font-weight: var(--briqs-font-weight-semibold);
}

.briqs-settings__interface-sub {
  margin: 0;
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-control);
  line-height: 1.5;
}

.briqs-settings__theme-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.briqs-settings__theme-card.briqs-settings__theme-card {
  display: block;
  min-height: 168px;
  width: 100%;
  padding: 0;
  border-radius: var(--briqs-radius);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
  color: var(--briqs-text);
  cursor: pointer;
  text-align: left;
  position: relative;
  transition:
    border-color var(--briqs-transition-fast),
    box-shadow var(--briqs-transition-fast);
}

.briqs-settings__theme-card-inner {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 168px;
  padding: 14px;
}

.briqs-settings__theme-card:hover {
  border-color: color-mix(in srgb, var(--briqs-accent) 32%, var(--briqs-border));
}

.briqs-settings__theme-card.is-active {
  border-color: var(--briqs-accent);
  box-shadow: 0 0 0 1px var(--briqs-accent) inset;
}

.briqs-settings__theme-preview {
  display: grid;
  grid-template-columns: 38% 1fr;
  min-height: 100px;
  overflow: hidden;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
}

.briqs-settings__theme-preview-side,
.briqs-settings__theme-preview-main {
  display: block;
}

.briqs-settings__theme-preview-main {
  padding: 14px 12px;
}

.briqs-settings__theme-preview-main span {
  display: block;
  height: 5px;
  border-radius: var(--briqs-radius-pill);
}

.briqs-settings__theme-preview-main span + span {
  width: 70%;
  margin-top: 7px;
}

.briqs-settings__theme-preview[data-preview='light'] .briqs-settings__theme-preview-side,
.briqs-settings__theme-preview[data-preview='system'] .briqs-settings__theme-preview-side {
  background: var(--primitive-warm-100);
}

.briqs-settings__theme-preview[data-preview='light'] .briqs-settings__theme-preview-main,
.briqs-settings__theme-preview[data-preview='system'] .briqs-settings__theme-preview-main {
  background: var(--primitive-warm-50);
}

.briqs-settings__theme-preview[data-preview='light'] .briqs-settings__theme-preview-main span,
.briqs-settings__theme-preview[data-preview='system'] .briqs-settings__theme-preview-main span {
  background: rgba(91, 83, 76, 0.26);
}

.briqs-settings__theme-preview[data-preview='dark'] .briqs-settings__theme-preview-side,
.briqs-settings__theme-preview[data-preview='dark'] .briqs-settings__theme-preview-main {
  background: var(--primitive-dark-800);
}

.briqs-settings__theme-preview[data-preview='dark'] .briqs-settings__theme-preview-main span {
  background: rgba(235, 232, 228, 0.26);
}

.briqs-settings__theme-preview[data-preview='system'] {
  position: relative;
}

.briqs-settings__theme-preview[data-preview='system']::after {
  content: "";
  position: absolute;
  inset: 50% 0 0;
  background: var(--primitive-dark-800);
}

.briqs-settings__theme-preview[data-preview='system'] .briqs-settings__theme-preview-main {
  position: relative;
  z-index: 1;
}

.briqs-settings__theme-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 2px;
}

.briqs-settings__theme-name {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--briqs-ui-font-title);
  font-weight: 600;
  color: var(--briqs-text);
}

.briqs-settings__theme-hint {
  font-size: var(--briqs-ui-font-meta);
  color: var(--briqs-text3);
}

.briqs-settings__theme-mark {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 1px solid var(--briqs-border-md);
  transition: background 140ms, border-color 140ms;
}

.briqs-settings__theme-card.is-active .briqs-settings__theme-mark {
  background: var(--briqs-accent);
  border-color: var(--briqs-accent);
  box-shadow: 0 0 0 3px var(--briqs-accent-bg);
}

/* People (team) */
.briqs-settings__people {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.briqs-settings__person {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
}

.briqs-settings__person-avatar {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: var(--briqs-accent-bg2);
  color: var(--briqs-accent-text);
  font-size: var(--briqs-ui-font-control);
  font-weight: 600;
  border: 1px solid var(--briqs-border);
  flex-shrink: 0;
}

.briqs-settings__person-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.briqs-settings__person-name {
  font-size: var(--briqs-ui-font-title);
  font-weight: 600;
  color: var(--briqs-text);
}

.briqs-settings__person-role {
  font-size: var(--briqs-ui-font-meta);
  color: var(--briqs-text3);
}

/* Skills */
.briqs-settings__skill {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 14px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
}

.briqs-settings__skill-main {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.briqs-settings__skill-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.briqs-settings__skill-name {
  font-size: var(--briqs-ui-font-title);
  font-weight: 600;
  color: var(--briqs-text);
}

.briqs-settings__skill-sub {
  font-size: var(--briqs-ui-font-control);
  color: var(--briqs-text3);
  line-height: 1.45;
}

.briqs-settings__skill-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.briqs-settings__ghost-btn {
  font: inherit;
  font-size: var(--briqs-ui-font-control);
  font-weight: 600;
  padding: 6px 12px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border-md);
  background: transparent;
  color: var(--briqs-text2);
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 140ms, color 140ms;
}

.briqs-settings__ghost-btn:hover:not(:disabled) {
  border-color: var(--briqs-accent);
  color: var(--briqs-accent);
}

.briqs-settings__ghost-btn:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

@media (max-width: 720px) {
  .briqs-settings__content {
    padding-inline: var(--briqs-content-gutter-mobile);
  }

  .briqs-settings__field-grid,
  .briqs-settings__theme-grid {
    grid-template-columns: 1fr;
  }
}
.briqs-settings__turn-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-block-start: 12px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/project-create-sheet.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-project-create {
  display: grid;
  gap: 14px;
  padding: 22px;
  overflow: auto;
}

.briqs-project-create__description {
  margin: 0;
  color: var(--briqs-text2);
  font-size: var(--briqs-ui-font-list);
  line-height: 1.55;
}

.briqs-project-create__actions {
  display: grid;
  gap: 8px;
  margin-top: 2px;
}

@media (max-width: 720px) {
  .briqs-project-create {
    padding-inline: var(--briqs-content-gutter-mobile);
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/projects.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-projects {
  display: grid;
  align-content: start;
  gap: var(--briqs-spacing-5);
  padding: clamp(var(--briqs-spacing-4), 3vw, var(--briqs-spacing-8));
  min-width: 0;
}

.briqs-projects__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
  gap: var(--briqs-spacing-4);
}

.briqs-projects__card,
.briqs-projects__identity,
.briqs-projects__section {
  min-width: 0;
  padding: var(--briqs-spacing-4);
  border: var(--briqs-border-width) solid var(--briqs-border);
  border-radius: var(--briqs-radius-xl);
  background: var(--briqs-surface);
}

.briqs-projects__card { display: grid; align-content: start; gap: var(--briqs-spacing-4); }
.briqs-projects__card p,
.briqs-projects__identity p { margin: 0; color: var(--briqs-text2); line-height: var(--briqs-leading-body); overflow-wrap: anywhere; }
.briqs-projects__card-head { display: grid; justify-items: start; gap: var(--briqs-spacing-1); padding: 0; border: 0; background: none; color: inherit; text-align: left; cursor: pointer; }
.briqs-projects__card-head strong { font-size: var(--briqs-font-size-subheading); overflow-wrap: anywhere; }
.briqs-projects__area { color: var(--briqs-text2); font-size: var(--briqs-font-size-caption); }
.briqs-projects__card dl { display: flex; justify-content: space-between; gap: var(--briqs-spacing-3); margin: 0; font-size: var(--briqs-font-size-body-sm); }
.briqs-projects__card dt { color: var(--briqs-text2); }
.briqs-projects__card dd { margin: 0; text-align: right; }
.briqs-projects__counts { display: flex; flex-wrap: wrap; gap: var(--briqs-spacing-1-5); }
.briqs-projects__counts span { padding: var(--briqs-spacing-1) var(--briqs-spacing-2); border-radius: var(--briqs-radius-sm); background: var(--briqs-surface-alt); font-size: var(--briqs-font-size-caption); }
.briqs-projects__recent { display: grid; gap: var(--briqs-spacing-1); }
.briqs-projects__recent > span { color: var(--briqs-text2); font-size: var(--briqs-font-size-caption); }
.briqs-projects__recent button { padding: 0; border: 0; background: none; color: inherit; text-align: left; cursor: pointer; overflow-wrap: anywhere; }
.briqs-projects__identity { display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap; gap: var(--briqs-spacing-5); }
.briqs-projects__identity h2 { margin: var(--briqs-spacing-1) 0 var(--briqs-spacing-2); overflow-wrap: anywhere; }
.briqs-projects__properties { display: grid; gap: var(--briqs-spacing-2-5); width: min(100%, 25rem); }
.briqs-projects__properties[open] { display: grid; }
.briqs-projects__properties summary { cursor: pointer; }
.briqs-projects__actions { display: flex; flex-wrap: wrap; gap: var(--briqs-spacing-2); }
.briqs-projects__section { display: grid; align-content: start; gap: var(--briqs-spacing-4); }
.briqs-projects__section h3 { margin: 0; }
.briqs-projects__section p { margin: 0; color: var(--briqs-text2); }
.briqs-projects__row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--briqs-spacing-2-5); min-width: 0; width: 100%; padding: var(--briqs-spacing-3); border: var(--briqs-border-width) solid var(--briqs-border); border-radius: var(--briqs-radius); background: transparent; color: inherit; text-align: left; overflow-wrap: anywhere; }
button.briqs-projects__row { cursor: pointer; }
.briqs-projects__row span { color: var(--briqs-text2); }
.briqs-projects__participant-add { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; align-items: end; gap: var(--briqs-spacing-2-5); }
.briqs-projects__filters { display: flex; flex-wrap: wrap; align-items: end; gap: var(--briqs-spacing-2); min-width: 0; }
@media (max-width: 720px) {
  .briqs-projects__participant-add { grid-template-columns: 1fr; }
  .briqs-projects__identity { display: grid; }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/event-feed-layout.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer components {
  .briqs-event-feed-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 16px;
    align-items: start;
    width: 100%;
  }

  .briqs-event-feed,
  .briqs-event-feed-context {
    min-width: 0;
    font-size: var(--briqs-ui-font-control);
    line-height: var(--briqs-leading-body-sm);
  }

  .briqs-event-feed {
    container: briqs-event-feed / inline-size;
  }

  .briqs-event-feed__header {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    padding: 14px 14px 12px;
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius-md);
    background: var(--briqs-surface);
  }

  .briqs-event-feed__title {
    display: flex;
    gap: 8px;
    align-items: center;
    min-width: 0;
    color: var(--briqs-text);
  }

  .briqs-event-feed__title svg,
  .briqs-event-feed__section-title svg {
    color: var(--briqs-accent);
  }

  .briqs-event-feed__title h3,
  .briqs-event-feed__section-title h4,
  .briqs-event-feed__date h4 {
    margin: 0;
    font-size: var(--briqs-ui-font-list);
    font-weight: var(--briqs-font-weight-semibold);
    line-height: 1.25;
  }

  .briqs-event-feed__title span,
  .briqs-event-feed__date span {
    flex: 0 0 auto;
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
  }

  .briqs-event-feed__desktop-tools,
  .briqs-event-feed__mobile-tools {
    display: flex;
    gap: 8px;
    align-items: center;
  }

  .briqs-event-feed__desktop-tools {
    flex: 1 1 auto;
    justify-content: flex-end;
    min-width: 0;
  }

  .briqs-event-feed__mobile-tools,
  .briqs-event-feed__mobile-filter {
    display: none;
  }

  .briqs-event-feed__mobile-filter-options {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .briqs-event-feed__search {
    flex: 1 1 220px;
    min-width: 180px;
  }

  /* The composer as BRIQS frames an input area: a quiet frame on the alt
     surface, the small radius, air between the rows — the same frame the
     facts of a record sit in. */
  .briqs-event-feed-create {
    display: grid;
    gap: 10px;
    margin-top: 12px;
    padding: 12px;
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius-sm);
    background: var(--briqs-surface-alt);
  }

  .briqs-event-feed-create__form {
    display: grid;
    gap: 10px;
  }

  .briqs-event-feed-create__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .briqs-event-feed-create__actions,
  .briqs-event-feed-create__tools,
  .briqs-event-feed-create__event-types {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
  }

  .briqs-event-feed-create__actions {
    justify-content: space-between;
  }

  .briqs-event-feed-create__actions.is-end {
    justify-content: flex-end;
  }

  .briqs-event-feed-create__tools span {
    color: var(--briqs-text3);
    font-family: var(--briqs-font-text);
    font-size: var(--briqs-ui-font-meta);
  }

  .briqs-event-feed-create .briqs-event-feed-card__attachments {
    margin-top: 0;
  }

  .briqs-event-feed__sections {
    display: grid;
    gap: 14px;
    margin-top: 14px;
  }

  .briqs-event-feed__pinned,
  .briqs-event-feed__group {
    display: grid;
    gap: 10px;
  }

  .briqs-event-feed__section-title,
  .briqs-event-feed__date {
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--briqs-text);
  }

  .briqs-event-feed__date-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--briqs-text4);
  }

  .briqs-event-feed__date span:last-child {
    margin-left: auto;
  }

  .briqs-event-feed__rail {
    position: relative;
    display: grid;
    gap: 10px;
  }

  .briqs-event-feed__load-more {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
  }

  @media (max-width: 980px) {
    .briqs-event-feed-layout {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 720px) {
    .briqs-event-feed__header {
      align-items: stretch;
      flex-direction: column;
    }

    .briqs-event-feed__desktop-tools {
      display: none;
    }

    .briqs-event-feed__mobile-tools {
      display: flex;
    }

    .briqs-event-feed__mobile-filter {
      display: grid;
      gap: 8px;
      overflow: hidden;
      margin-top: 10px;
      padding: 8px;
      border: 1px solid var(--briqs-border);
      border-radius: var(--briqs-radius-md);
      background: var(--briqs-surface);
    }

    .briqs-event-feed-create__grid {
      grid-template-columns: 1fr;
    }

    .briqs-event-feed-create__actions {
      justify-content: flex-start;
    }
  }

  @container briqs-event-feed (max-width: 620px) {
    .briqs-event-feed__header {
      align-items: stretch;
      flex-direction: column;
    }

    .briqs-event-feed__desktop-tools {
      display: none;
    }

    .briqs-event-feed__mobile-tools {
      display: flex;
      justify-content: space-between;
    }

    .briqs-event-feed__mobile-filter {
      display: grid;
      gap: 8px;
      overflow: hidden;
      margin-top: 10px;
      padding: 8px;
      border: 1px solid var(--briqs-border);
      border-radius: var(--briqs-radius-md);
      background: var(--briqs-surface);
    }
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/event-feed-card.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer components {
  /* One entry of the feed as the Workspace board draws its feed — a rule on
     the left in the colour of what the entry is, the head line, the text —
     on the BRIQS tokens: no thread, no nodes, no avatars, no frame around
     the body. Rows are parted by air, not by boxes. */
  .briqs-event-feed-card {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 2px 0 2px 12px;
    border-left: 2px solid var(--briqs-border);
    color: var(--briqs-text2);
    font-size: var(--briqs-ui-font-control);
    line-height: var(--briqs-leading-body-sm);
  }

  .briqs-event-feed-card[data-reply='true'] {
    margin-left: 18px;
  }

  .briqs-event-feed-card[data-type='comment'] {
    border-left-color: var(--briqs-accent);
  }

  .briqs-event-feed-card[data-type='task'] {
    border-left-color: var(--briqs-blue);
  }

  .briqs-event-feed-card[data-type='task'][data-status='done'],
  .briqs-event-feed-card[data-type='event'] {
    border-left-color: var(--briqs-green);
  }

  .briqs-event-feed-card[data-type='file'] {
    border-left-color: var(--briqs-violet);
  }

  /* The bookkeeping of the record reads quieter than what people wrote. */
  .briqs-event-feed-card[data-type='system'] .briqs-event-feed-card__title,
  .briqs-event-feed-card[data-type='system'] .briqs-event-feed-card__text {
    color: var(--briqs-text3);
    font-weight: var(--briqs-font-weight-regular);
  }

  .briqs-event-feed-card__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    min-width: 0;
  }

  .briqs-event-feed-card__kind {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
    padding: 0 6px;
    border-radius: var(--briqs-radius-sm);
    background: var(--briqs-surface-alt);
    color: var(--briqs-text4);
    font-size: 10px;
    font-weight: var(--briqs-font-weight-overline);
    line-height: 18px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .briqs-event-feed-card__kind svg {
    width: 12px;
    height: 12px;
  }

  .briqs-event-feed-card__author {
    min-width: 0;
    color: var(--briqs-text);
    font-weight: var(--briqs-font-weight-medium);
    overflow-wrap: anywhere;
  }

  .briqs-event-feed-card__time {
    color: var(--briqs-text4);
    font-size: var(--briqs-ui-font-meta);
  }

  .briqs-event-feed-card__badges {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .briqs-event-feed-card__actions {
    display: inline-flex;
    gap: 2px;
    margin-left: auto;
  }

  .briqs-event-feed-card__title {
    margin: 0;
    color: var(--briqs-text);
    font-size: var(--briqs-ui-font-list);
    font-weight: var(--briqs-font-weight-medium);
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .briqs-event-feed-card__title a {
    color: inherit;
    text-decoration: none;
  }

  .briqs-event-feed-card__title a:hover,
  .briqs-event-feed-card__title a:focus-visible {
    text-decoration: underline;
  }

  /* What the system says about an event, a file or the journal: a plain line
     with its line breaks kept. What a participant wrote is rich text and
     carries its own typography. */
  .briqs-event-feed-card__text {
    margin: 0;
    color: var(--briqs-text2);
    font-size: var(--briqs-ui-font-list);
    line-height: 1.6;
    white-space: pre-line;
    overflow-wrap: anywhere;
  }

  /* What an answer answers: one muted line above the answer's own text, cut
     to a glimpse — the entry itself stands higher up in the same feed. */
  .briqs-event-feed-card__answered {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin: 0;
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
    line-height: 1.45;
  }

  .briqs-event-feed-card__answered span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    overflow-wrap: anywhere;
  }

  .briqs-event-feed-card__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    margin: 0;
  }

  .briqs-event-feed-card__facts div {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    min-width: 0;
  }

  .briqs-event-feed-card__facts dt {
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
  }

  .briqs-event-feed-card__facts dd {
    margin: 0;
    color: var(--briqs-text);
    font-weight: var(--briqs-font-weight-medium);
    overflow-wrap: anywhere;
  }

  .briqs-event-feed-card__result {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    padding: 8px 10px;
    border-radius: var(--briqs-radius-sm);
    background: var(--briqs-surface-alt);
    color: var(--briqs-green);
  }

  .briqs-event-feed-card__result > svg {
    flex: 0 0 auto;
    margin-top: 2px;
  }

  .briqs-event-feed-card__result-content {
    display: grid;
    flex: 1 1;
    gap: 4px;
    min-width: 0;
  }

  .briqs-event-feed-card__result-head {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
  }

  .briqs-event-feed-card__result-head strong {
    color: var(--briqs-green);
    font-size: var(--briqs-ui-font-control);
    font-weight: var(--briqs-font-weight-medium);
  }

  .briqs-event-feed-card__attachments {
    display: grid;
    gap: 6px;
  }

  .briqs-event-feed-card__attachment {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-width: 0;
    padding: 6px 8px;
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius-sm);
    background: var(--briqs-surface-alt);
  }

  .briqs-event-feed-card__attachment-icon,
  .briqs-event-feed-card__attachment-preview {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius-xs);
    background: var(--briqs-surface);
    color: var(--briqs-violet);
  }

  .briqs-event-feed-card__attachment-preview {
    object-fit: cover;
  }

  .briqs-event-feed-card__attachment-main {
    display: grid;
    gap: 2px;
    min-width: 0;
  }

  .briqs-event-feed-card__attachment strong {
    color: var(--briqs-text);
    font-size: var(--briqs-ui-font-control);
    font-weight: var(--briqs-font-weight-medium);
  }

  .briqs-event-feed-card__attachment span {
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
  }

  .briqs-event-feed-card__attachment-editor {
    display: grid;
    gap: 8px;
  }

  .briqs-event-feed-card__attachment-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
  }

  .briqs-event-feed-card__mention-picker {
    width: min(100%, 360px);
    min-width: 0;
  }

  @media (max-width: 720px) {
    .briqs-event-feed-card[data-reply='true'] {
      margin-left: 10px;
    }

    .briqs-event-feed-card__actions {
      width: 100%;
      margin-left: 0;
    }
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/event-feed-sidebar.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer components {
  .briqs-event-feed-sidebar {
    position: sticky;
    top: 12px;
    display: grid;
    gap: 12px;
    font-size: var(--briqs-ui-font-control);
    line-height: var(--briqs-leading-body-sm);
  }

  .briqs-event-feed-sidebar__section {
    display: grid;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius-md);
    background: var(--briqs-surface);
  }

  .briqs-event-feed-sidebar__heading,
  .briqs-event-feed-sidebar__person,
  .briqs-event-feed-sidebar__field span,
  .briqs-event-feed-sidebar__tags {
    display: flex;
    gap: 8px;
    align-items: center;
  }

  .briqs-event-feed-sidebar__heading svg {
    color: var(--briqs-accent);
  }

  .briqs-event-feed-sidebar__heading h4 {
    margin: 0;
    font-size: var(--briqs-ui-font-list);
    font-weight: var(--briqs-font-weight-semibold);
    line-height: 1.25;
  }

  .briqs-event-feed-sidebar__person {
    justify-content: space-between;
    padding: 8px;
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius-sm);
    background: var(--briqs-surface-alt);
  }

  .briqs-event-feed-sidebar__person.is-compact {
    justify-content: flex-start;
  }

  .briqs-event-feed-sidebar__person div {
    display: grid;
    gap: 2px;
    min-width: 0;
    margin-right: auto;
  }

  .briqs-event-feed-sidebar__person strong,
  .briqs-event-feed-sidebar__field strong,
  .briqs-event-feed-sidebar__contact strong {
    color: var(--briqs-text);
    font-size: var(--briqs-ui-font-control);
    font-weight: var(--briqs-font-weight-medium);
  }

  .briqs-event-feed-sidebar__person span,
  .briqs-event-feed-sidebar__field span,
  .briqs-event-feed-sidebar__contact span,
  .briqs-event-feed-sidebar__text {
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-control);
  }

  .briqs-event-feed-sidebar__avatar {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: var(--briqs-surface);
    color: var(--briqs-accent);
  }

  .briqs-event-feed-sidebar__people,
  .briqs-event-feed-sidebar__contacts {
    display: grid;
    gap: 8px;
  }

  .briqs-event-feed-sidebar__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .briqs-event-feed-sidebar__field {
    display: grid;
    gap: 4px;
    min-width: 0;
  }

  .briqs-event-feed-sidebar__tags {
    flex-wrap: wrap;
  }

  .briqs-event-feed-sidebar__text {
    margin: 0;
    line-height: var(--briqs-leading-body-sm);
  }

  .briqs-event-feed-sidebar__contact {
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 9px;
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius-sm);
    background: var(--briqs-surface-alt);
  }

  @media (max-width: 980px) {
    .briqs-event-feed-sidebar {
      position: static;
    }
  }

  @media (max-width: 720px) {
    .briqs-event-feed-sidebar__grid {
      grid-template-columns: 1fr;
    }
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/real-estate/surface.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer features {
  .briqs-real-estate-surface {
    position: relative;
    display: flex;
    flex: 1 1;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: color-mix(in srgb, var(--briqs-bg) 92%, var(--briqs-accent) 8%);
  }

  .briqs-real-estate-objects,
  .briqs-real-estate-generic {
    flex: 1 1;
    min-height: 0;
    overflow: auto;
    padding: 20px 24px 28px;
  }

  .briqs-real-estate-objects:not([data-embedded]) {
    padding: 0;
    overflow: hidden;
  }

  .briqs-real-estate-objects__embedded-content {
    display: contents;
  }

  .briqs-real-estate-pending {
    flex: 1 1;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    padding: 24px;
  }

  .briqs-real-estate-pending .briqs-real-estate-pending__state,
  .briqs-real-estate-generic .briqs-real-estate-generic__empty {
    width: 100%;
    min-height: 208px;
    padding: 32px 24px;
    background: var(--briqs-surface);
  }

  .briqs-real-estate-objects[data-embedded='true'] .briqs-real-estate-objects__toolbar {
    margin-bottom: var(--briqs-spacing-3);
  }

  .briqs-real-estate-objects__search {
    min-width: 0;
    min-height: 42px;
    background: var(--briqs-surface);
  }

  .briqs-real-estate-objects__find {
    min-height: 42px;
    padding-inline: 17px;
  }

  .briqs-real-estate-objects__filters {
    --briqs-real-estate-filter-height: var(--briqs-ui-control-field);
    --briqs-real-estate-filter-line-height: 1;
    --briqs-real-estate-filter-color: var(--briqs-text2);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
  }

  .briqs-real-estate-objects__statuses { flex: 0 1 auto; }

  .briqs-real-estate-objects__checkbox,
  .briqs-real-estate-filter button[aria-haspopup='listbox'] {
    box-sizing: border-box;
    min-height: var(--briqs-real-estate-filter-height);
    height: var(--briqs-real-estate-filter-height);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius-sm);
    background: var(--briqs-surface);
    color: var(--briqs-real-estate-filter-color);
    padding: 0 12px;
    font-family: var(--briqs-font-text);
    font-size: var(--briqs-ui-font-control);
    font-weight: var(--briqs-font-weight-medium);
    line-height: var(--briqs-real-estate-filter-line-height);
    letter-spacing: 0;
    transition: border-color 140ms, background-color 140ms, color 140ms;
  }

  .briqs-real-estate-filter button[aria-haspopup='listbox'] {
    width: 100%;
    justify-content: space-between;
    background: var(--briqs-surface);
  }

  .briqs-real-estate-objects__checkbox *,
  .briqs-real-estate-filter button[aria-haspopup='listbox'] * {
    font: inherit;
    line-height: inherit;
  }

  .briqs-real-estate-objects__checkbox,
  .briqs-real-estate-filter button[aria-haspopup='listbox'] {
    cursor: pointer;
  }

  .briqs-real-estate-objects__checkbox:hover,
  .briqs-real-estate-filter button[aria-haspopup='listbox']:hover {
    border-color: color-mix(in srgb, var(--briqs-accent) 22%, var(--briqs-border));
    background: color-mix(in srgb, var(--briqs-surface) 86%, var(--briqs-accent) 14%);
    color: var(--briqs-text);
  }

  .briqs-real-estate-filter button[aria-haspopup='listbox']:focus-visible,
  .briqs-real-estate-filter button[aria-haspopup='listbox'][aria-expanded='true'] {
    outline: none;
    border-color: color-mix(in srgb, var(--briqs-accent) 42%, var(--briqs-border));
    box-shadow: var(--briqs-ring-accent);
  }

  .briqs-real-estate-filter { position: relative; flex: 0 1 190px; min-width: 156px; }

  .briqs-real-estate-filter--responsible { flex-basis: 188px; }

  .briqs-real-estate-filter--sort { flex-basis: 210px; }

  .briqs-real-estate-filter--tags { flex-basis: 170px; }

  .briqs-real-estate-objects__active-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
    margin: 12px 0 8px;
  }

  .briqs-real-estate-objects__active-filter-chip { max-width: min(240px, 100%); }

  .briqs-real-estate-objects__active-filter-chip span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }

  .briqs-real-estate-objects__active-filter-chip svg { flex-shrink: 0; }

  .briqs-real-estate-objects__clear-filters {
    border-color: transparent;
    background: transparent;
    color: var(--briqs-text2);
    padding-inline: 6px;
  }

  .briqs-real-estate-objects__clear-filters:hover {
    color: var(--briqs-accent-text);
    background: var(--briqs-accent-bg);
  }

  .briqs-real-estate-objects__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr));
    gap: 14px;
  }

  .briqs-real-estate-generic__notice,
  .briqs-real-estate-objects__empty {
    border: 1px dashed var(--briqs-border-md);
    border-radius: var(--briqs-radius-sm);
    background: color-mix(in srgb, var(--briqs-surface) 72%, transparent);
    color: var(--briqs-text2);
    padding: 12px 14px;
    font-size: var(--briqs-ui-font-list);
  }

  .briqs-real-estate-generic__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px;
    margin-top: 14px;
  }

  .briqs-real-estate-generic__card {
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius);
    background: var(--briqs-surface);
    padding: 14px;
  }

  button.briqs-real-estate-generic__card {
    cursor: pointer;
    color: inherit;
    text-align: left;
    transition: border-color 160ms, transform 160ms, background 160ms;
  }

  button.briqs-real-estate-generic__card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--briqs-accent) 34%, var(--briqs-border));
    background: color-mix(in srgb, var(--briqs-surface) 94%, var(--briqs-accent) 6%);
  }

  .briqs-real-estate-generic__card-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }

  .briqs-real-estate-generic__card h3 {
    margin: 0;
    font-size: var(--briqs-ui-font-reading);
  }

  .briqs-real-estate-generic__card p,
  .briqs-real-estate-generic__meta {
    color: var(--briqs-text2);
    font-size: var(--briqs-ui-font-control);
  }

  .briqs-real-estate-generic__card dl {
    display: grid;
    gap: 6px;
    margin: 12px 0 0;
  }

  .briqs-real-estate-generic__card dl > div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }

  .briqs-real-estate-generic__card dt {
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
  }

  .briqs-real-estate-generic__card dd {
    margin: 0;
    color: var(--briqs-text);
    font-size: var(--briqs-ui-font-control);
    text-align: right;
  }

  @media (max-width: 720px) {
    .briqs-real-estate-objects,
    .briqs-real-estate-generic {
      padding: 14px;
      padding-inline: var(--briqs-content-gutter-mobile);
    }

    .briqs-real-estate-pending {
      padding: 14px var(--briqs-content-gutter-mobile);
    }

    .briqs-real-estate-objects__grid {
      grid-template-columns: 1fr;
    }

    .briqs-real-estate-filter {
      flex: 1 1 160px;
    }

  }

  @media (max-width: 1280px) {
    .briqs-real-estate-objects__grid {
      grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
    }
  }

  .briqs-real-estate-objects[data-embedded='true'] {
    padding-inline: 0;
  }
}

.briqs-real-estate-objects__filters :is(.briqs-real-estate-objects__checkbox, .briqs-real-estate-filter button[aria-haspopup='listbox']) {
  color: var(--briqs-text2);
  font-family: var(--briqs-font-text);
  font-size: var(--briqs-ui-font-reading);
  font-weight: var(--briqs-font-weight-regular);
  line-height: var(--briqs-leading-body);
  letter-spacing: 0;
}

.briqs-real-estate-objects__filters :is(.briqs-real-estate-objects__checkbox:hover, .briqs-real-estate-filter button[aria-haspopup='listbox']:hover) {
  color: var(--briqs-text);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/real-estate/projects.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer features {
  /* Project controls, cards, fields and panels belong to the UI kit.
     The module only arranges the registry and the detail content. */
  .briqs-real-estate-projects {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
  }

  .briqs-real-estate-projects__toolbar { padding: var(--briqs-spacing-4); }

  .briqs-real-estate-projects__status-filter {
    width: 180px;
    max-width: 100%;
    min-width: 0;
  }

  .briqs-real-estate-projects__mode-label {
    display: inline-flex;
    align-items: center;
    gap: var(--briqs-spacing-2);
  }

  .briqs-real-estate-projects__view-switch {
    flex: 0 0 auto;
  }

  .briqs-real-estate-projects__content {
    flex: 1 1;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    padding: var(--briqs-spacing-4);
  }

  .briqs-real-estate-projects[data-embedded='true'] > :is(
    .briqs-real-estate-projects__toolbar,
    .briqs-real-estate-projects__content
  ) {
    padding-inline: 0;
  }

  .briqs-real-estate-projects__cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    align-items: start;
    gap: var(--briqs-spacing-3);
  }

  .briqs-real-estate-projects__detail {
    min-width: 0;
    min-height: 0;
    overflow: auto;
  }

  .briqs-real-estate-projects__detail-navigation {
    display: grid;
    min-width: 0;
    gap: var(--briqs-spacing-3);
    padding-inline: var(--briqs-spacing-4);
  }

  .briqs-real-estate-projects__detail-content {
    min-width: 0;
    padding: var(--briqs-spacing-4);
  }

  .briqs-real-estate-projects__aside,
  .briqs-real-estate-projects__objects {
    display: grid;
    min-width: 0;
    gap: var(--briqs-spacing-3);
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/real-estate/projects-responsive.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer features {
  @media (max-width: 980px) {
    .briqs-real-estate-projects__history .briqs-event-feed-context {
      grid-row: 1;
    }
  }

  @media (max-width: 720px) {
    .briqs-real-estate-projects__status-filter {
      flex: 1 1;
      width: auto;
    }

    .briqs-real-estate-projects__toolbar,
    .briqs-real-estate-projects__content,
    .briqs-real-estate-projects__detail-content {
      padding: var(--briqs-spacing-3);
      padding-inline: var(--briqs-content-gutter-mobile);
    }

    .briqs-real-estate-projects__detail-navigation {
      padding-inline: var(--briqs-content-gutter-mobile);
    }
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/real-estate/object-card.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer features {
  .briqs-real-estate-object-card {
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius);
    background: color-mix(in srgb, var(--briqs-surface) 88%, transparent);
    cursor: pointer;
    outline: none;
    transition: border-color 160ms, transform 160ms, background 160ms;
  }

  .briqs-real-estate-object-card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--briqs-accent) 34%, var(--briqs-border));
    background: color-mix(in srgb, var(--briqs-surface) 94%, var(--briqs-accent) 6%);
  }

  .briqs-real-estate-object-card:focus {
    outline: none;
  }

  .briqs-real-estate-object-card:focus-visible {
    border-color: color-mix(in srgb, var(--briqs-accent) 42%, var(--briqs-border));
    box-shadow: var(--briqs-ring-accent);
  }

  .briqs-real-estate-object-card__media {
    --briqs-real-estate-object-card-media-height: 174px;
    display: grid;
    height: var(--briqs-real-estate-object-card-media-height);
    background:
      linear-gradient(135deg, color-mix(in srgb, var(--briqs-accent) 18%, transparent), transparent 48%),
      linear-gradient(160deg, color-mix(in srgb, var(--briqs-surface) 8%, transparent), transparent 62%),
      var(--briqs-surface-alt);
    border-bottom: 1px solid var(--briqs-border);
    position: relative;
  }

  .briqs-real-estate-object-card__media > .briqs-real-estate-media-preview {
    min-height: var(--briqs-real-estate-object-card-media-height);
  }

  .briqs-real-estate-object-card__body {
    min-width: 0;
    display: grid;
    gap: 10px;
    padding: 14px;
  }

  .briqs-real-estate-object-card__head,
  .briqs-real-estate-object-card__footer,
  .briqs-real-estate-object-card__facts > div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }

  .briqs-real-estate-object-card__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
  }

  .briqs-real-estate-object-card__head h3 {
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    overflow: hidden;
    color: var(--briqs-text);
    font-family: var(--briqs-font-text);
    font-size: var(--briqs-ui-font-reading);
    font-weight: 650;
    line-height: 1.25;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .briqs-real-estate-status {
    flex-shrink: 0;
    max-width: 112px;
    overflow: hidden;
    border-radius: var(--briqs-radius-pill);
    border: 1px solid var(--briqs-border);
    padding: 3px 8px;
    font-size: var(--briqs-ui-font-chip-compact);
    color: var(--briqs-text2);
    background: var(--briqs-surface-alt);
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .briqs-real-estate-status.is-active {
    border-color: color-mix(in srgb, var(--briqs-green) 34%, var(--briqs-border));
    color: var(--briqs-green);
  }

  .briqs-real-estate-object-card__address,
  .briqs-real-estate-object-card__metrics,
  .briqs-real-estate-object-card__tags,
  .briqs-real-estate-object-card__actions,
  .briqs-real-estate-object-card__ask {
    display: flex;
    align-items: center;
  }

  .briqs-real-estate-object-card__address,
  .briqs-real-estate-object-card__metrics {
    min-width: 0;
    gap: 8px;
    color: var(--briqs-text2);
    font-size: var(--briqs-ui-font-list);
  }

  .briqs-real-estate-object-card__address span {
    min-width: 0;
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: anywhere;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .briqs-real-estate-object-card__metrics span {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .briqs-real-estate-object-card__tags {
    flex-wrap: wrap;
    gap: 6px;
  }

  .briqs-real-estate-object-card__facts {
    display: grid;
    gap: 7px;
    margin: 0;
  }

  .briqs-real-estate-object-card__facts dt {
    min-width: 0;
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
  }

  .briqs-real-estate-object-card__facts dd {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--briqs-text);
    font-size: var(--briqs-ui-font-control);
    font-weight: 600;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .briqs-real-estate-object-card__footer {
    min-width: 0;
    align-items: center;
    margin-top: 2px;
  }

  .briqs-real-estate-object-card__ask {
    border-color: color-mix(in srgb, var(--briqs-accent) 28%, var(--briqs-border));
    border-radius: var(--briqs-radius-pill);
    background: var(--briqs-accent-bg);
    color: var(--briqs-accent-text);
  }

  .briqs-real-estate-object-card__actions {
    flex-shrink: 0;
    gap: 6px;
  }

  .briqs-real-estate-object-card__icon-action.is-disabled {
    opacity: 0.42;
    cursor: not-allowed;
  }

  .briqs-real-estate-object-card.is-dialog { min-height: 100%; cursor: default; }
  .briqs-real-estate-object-card.is-dialog.is-selectable { cursor: pointer; }
  .briqs-real-estate-object-card.is-dialog:hover { transform: none; }
  .briqs-real-estate-object-card.is-dialog .briqs-real-estate-object-card__media { --briqs-real-estate-object-card-media-height: 142px; }
  .briqs-real-estate-object-card.is-dialog .briqs-real-estate-object-card__body { gap: 8px; padding: 12px; }
  .briqs-real-estate-object-card.is-dialog .briqs-real-estate-status { display: none; }
  .briqs-real-estate-object-card.is-dialog .briqs-real-estate-object-card__head h3,
  .briqs-real-estate-object-card.is-dialog .briqs-real-estate-object-card__address span {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-box-orient: vertical;
  }

  .briqs-real-estate-object-card.is-dialog .briqs-real-estate-object-card__head h3 { -webkit-line-clamp: 2; }
  .briqs-real-estate-object-card.is-dialog .briqs-real-estate-object-card__address span { -webkit-line-clamp: 2; }
  .briqs-real-estate-object-card.is-dialog .briqs-real-estate-object-card__metrics { flex-wrap: wrap; }
  .briqs-real-estate-object-card.is-dialog .briqs-real-estate-object-card__facts > div { display: grid; gap: 2px; }
  .briqs-real-estate-object-card.is-dialog .briqs-real-estate-object-card__facts dd {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/real-estate/community.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer features {
  /* Community owns content placement. Cards, controls, fields, typography and
     panel rhythm belong to the shared UI kit and cabinet surfaces. */
  .briqs-real-estate-community__module {
    display: grid;
    flex: 1 1;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    min-width: 0;
    min-height: 0;
    height: 100%;
  }

  .briqs-real-estate-community__module-head {
    display: grid;
    min-width: 0;
    gap: var(--briqs-spacing-2);
    padding: var(--briqs-spacing-3) var(--briqs-spacing-4) 0;
  }

  .briqs-real-estate-community__page,
  .briqs-real-estate-community__feed {
    min-width: 0;
    min-height: 0;
    overflow: auto;
    padding: var(--briqs-spacing-4);
  }

  .briqs-real-estate-community__page {
    display: grid;
    align-content: start;
    gap: var(--briqs-spacing-4);
  }

  .briqs-real-estate-community__hero,
  .briqs-real-estate-community__dashboard {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr);
    gap: var(--briqs-spacing-4);
  }

  .briqs-real-estate-community__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--briqs-spacing-3);
  }

  .briqs-real-estate-community__metric {
    padding: var(--briqs-spacing-4);
  }

  .briqs-real-estate-community__wide {
    grid-column: 1 / -1;
  }

  .briqs-real-estate-community__cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    gap: var(--briqs-spacing-3);
    min-width: 0;
  }

  .briqs-real-estate-community__stack {
    display: grid;
    min-width: 0;
    gap: var(--briqs-spacing-3);
  }

  .briqs-real-estate-community__detail {
    min-width: 0;
    min-height: 0;
    overflow: auto;
  }

  @media (max-width: 980px) {
    .briqs-real-estate-community__hero,
    .briqs-real-estate-community__dashboard {
      grid-template-columns: minmax(0, 1fr);
    }

    .briqs-real-estate-community__metrics {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 720px) {
    .briqs-real-estate-community__module-head {
      padding-inline: var(--briqs-content-gutter-mobile);
    }

    .briqs-real-estate-community__page,
    .briqs-real-estate-community__feed {
      padding: var(--briqs-spacing-3);
      padding-inline: var(--briqs-content-gutter-mobile);
    }
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/cabinet/real-estate-object-detail-layer.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer features {
  .briqs-real-estate-detail {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: var(--briqs-panel-width-detail);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    background: var(--briqs-bg);
    color: var(--briqs-text);
    border: 1px solid var(--briqs-border-md);
    border-right: 0;
    border-radius: var(--briqs-radius) 0 0 var(--briqs-radius);
    box-shadow: -18px 0 44px -32px rgba(0, 0, 0, 0.38);
    scrollbar-gutter: stable;
  }

  .briqs-real-estate-detail__mobile-grip {
    display: none;
  }

  .briqs-real-estate-detail__top {
    z-index: 4;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 18px;
    border-bottom: 1px solid var(--briqs-border);
    background: var(--briqs-bg);
  }

  .briqs-real-estate-detail__top h2 {
    margin: 0 0 6px;
    font-family: var(--briqs-font-display);
    font-size: var(--briqs-font-size-m);
    font-weight: var(--briqs-font-weight-semibold);
    line-height: var(--briqs-leading-tight);
  }

  .briqs-real-estate-detail__top p {
    margin: 0;
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
  }

  .briqs-real-estate-detail__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
  }

  .briqs-real-estate-detail__action.is-danger {
    color: var(--briqs-red);
  }
  .briqs-real-estate-detail__summary {
    display: grid;
    grid-template-columns: minmax(300px, 380px) minmax(0, 760px);
    gap: 16px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--briqs-border);
    align-items: start;
  }

  .briqs-real-estate-detail__photo {
    display: block;
    width: 100%;
    min-height: 258px;
    border: 0;
    border-radius: var(--briqs-radius);
    overflow: hidden;
    background: var(--briqs-surface-alt);
    position: relative;
    cursor: pointer;
    padding: 0;
    text-align: left;
  }

  .briqs-real-estate-media-preview {
    position: relative;
    display: grid;
    min-width: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius-sm);
    background:
      linear-gradient(135deg, color-mix(in srgb, var(--briqs-accent) 12%, transparent), transparent 50%),
      var(--briqs-surface-alt);
    color: var(--briqs-text2);
  }

  .briqs-real-estate-media-preview.is-hero,
  .briqs-real-estate-media-preview.is-card {
    width: 100%;
    height: 100%;
    min-height: inherit;
    border: 0;
    border-radius: inherit;
  }

  .briqs-real-estate-media-preview.is-tile {
    min-height: 132px;
  }

  .briqs-real-estate-media-preview img {
    grid-area: 1 / 1;
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
  }

  .briqs-real-estate-media-preview__empty {
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    min-height: 0;
    display: grid;
    place-items: center;
    color: var(--briqs-accent-text);
  }

  .briqs-real-estate-media-preview__empty svg {
    opacity: 0.72;
  }

  .briqs-real-estate-media-preview__caption {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    display: grid;
    gap: 2px;
    border: 1px solid color-mix(in srgb, var(--briqs-border) 70%, transparent);
    border-radius: var(--briqs-radius-sm);
    background: color-mix(in srgb, var(--briqs-surface) 82%, transparent);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 8px 9px;
  }

  .briqs-real-estate-media-preview__caption strong {
    color: var(--briqs-text);
    font-size: var(--briqs-ui-font-list);
    font-weight: var(--briqs-font-weight-semibold);
    line-height: 1.25;
  }

  .briqs-real-estate-media-preview__caption span {
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
  }

  .briqs-real-estate-detail__facts {
    display: grid;
    align-content: start;
    gap: 9px;
    max-width: 760px;
  }
  .briqs-real-estate-detail__fact,
  .briqs-real-estate-detail__location {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }
  .briqs-real-estate-detail__fact > span,
  .briqs-real-estate-detail__location > svg {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: var(--briqs-radius-sm);
    background: var(--briqs-accent-bg);
    color: var(--briqs-accent-text);
    flex-shrink: 0;
  }
  .briqs-real-estate-detail__fact > span.is-premise {
    background: color-mix(in srgb, var(--briqs-red) 13%, transparent);
    color: var(--briqs-red);
  }

  .briqs-real-estate-detail__fact > span.is-plot {
    background: color-mix(in srgb, var(--briqs-green) 13%, transparent);
    color: var(--briqs-green);
  }
  .briqs-real-estate-detail__fact small,
  .briqs-real-estate-detail__location small {
    display: block;
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
    margin-bottom: 3px;
  }

  .briqs-real-estate-detail__fact > div,
  .briqs-real-estate-detail__location > div {
    min-width: 0;
  }

  .briqs-real-estate-detail__fact strong,
  .briqs-real-estate-detail__location strong {
    display: block;
    color: var(--briqs-text);
    font-size: var(--briqs-ui-font-reading);
    overflow-wrap: anywhere;
  }

  .briqs-real-estate-detail__fact-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(142px, 1fr));
    gap: 9px 14px;
    justify-content: start;
  }

  .briqs-real-estate-detail__edit-row {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--briqs-text2);
    font-size: var(--briqs-ui-font-list);
  }

  .briqs-real-estate-detail__header-controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(170px, 220px));
    gap: 7px;
    padding-top: 8px;
    border-top: 1px solid var(--briqs-border);
  }

  .briqs-real-estate-detail__tags-control {
    grid-column: 1 / -1;
    min-width: 0;
  }

  .briqs-real-estate-detail__field-control {
    min-width: 0;
  }

  .briqs-real-estate-detail__archive-reason {
    grid-column: 1 / -1;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    max-width: 460px;
    padding: 8px 10px;
    border-left: 3px solid color-mix(in srgb, var(--briqs-accent) 42%, var(--briqs-border));
    border-radius: var(--briqs-radius-sm);
    background: color-mix(in srgb, var(--briqs-surface-alt) 80%, var(--briqs-bg));
    color: var(--briqs-text2);
    font-size: var(--briqs-ui-font-list);
  }

  .briqs-real-estate-detail__archive-reason svg {
    color: var(--briqs-text3);
    flex-shrink: 0;
    margin-top: 2px;
  }

  .briqs-real-estate-detail__archive-reason div {
    display: grid;
    gap: 2px;
    min-width: 0;
  }

  .briqs-real-estate-detail__archive-reason small {
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
  }

  .briqs-real-estate-detail__archive-reason span {
    color: var(--briqs-text);
  }

  .briqs-real-estate-detail__tabs {
    position: relative;
    z-index: 3;
    padding: 0 18px 0 12px;
    background: var(--briqs-bg);
    overscroll-behavior-x: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
  }

  @media (min-width: 721px) and (max-width: 1120px) {
    .briqs-real-estate-detail__summary {
      grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
      gap: 14px;
    }

    .briqs-real-estate-detail__fact-grid,
    .briqs-real-estate-detail__header-controls {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 721px) and (max-width: 900px) {
    .briqs-real-estate-detail__header-controls {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  @media (max-width: 720px) {
    .briqs-real-estate-detail {
      top: auto;
      left: 0;
      right: 0;
      height: calc(100dvh - 12px);
      max-height: calc(100dvh - 12px);
      width: 100vw;
      border-left: 0;
      border-right: 0;
      border-bottom: 0;
      border-radius: 16px 16px 0 0;
      box-shadow: 0 -18px 44px -28px rgba(0, 0, 0, 0.42);
      transform: translate3d(0, var(--briqs-panel-drag-y), 0);
      transition: transform 180ms ease;
    }

    .briqs-real-estate-detail.is-dragging {
      transition: none;
    }

    .briqs-real-estate-detail__mobile-grip {
      position: sticky;
      top: 0;
      z-index: 6;
      display: grid;
      padding-top: 6px;
    }

    .briqs-real-estate-detail__top {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: start;
      gap: 8px;
      padding: 6px var(--briqs-content-gutter-mobile) 10px;
    }

    .briqs-real-estate-detail__top h2 {
      font-size: var(--briqs-ui-font-reading);
    }

    .briqs-real-estate-detail__actions {
      gap: 5px;
      align-self: start;
    }

    .briqs-real-estate-detail__action,
    .briqs-real-estate-detail__close {
      width: 32px;
      height: 32px;
      gap: 0;
      border: 1px solid var(--briqs-border);
      border-radius: var(--briqs-radius-sm);
      background: var(--briqs-surface);
      padding: 0;
      color: var(--briqs-text2);
    }

    .briqs-real-estate-detail__action span {
      display: none;
    }

    .briqs-real-estate-detail__summary {
      grid-template-columns: 1fr;
      padding: 10px var(--briqs-content-gutter-mobile);
    }

    .briqs-real-estate-detail__tabs {
      padding-inline: var(--briqs-content-gutter-mobile);
    }

    .briqs-real-estate-detail__photo {
      min-height: 220px;
    }

    .briqs-real-estate-detail__fact-grid {
      grid-template-columns: 1fr;
    }

    .briqs-real-estate-detail__header-controls {
      grid-template-columns: minmax(0, 1fr);
    }
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/real-estate/object-detail-content.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer features {
  .briqs-real-estate-detail__body {
    padding: 16px 18px 24px;
    background: color-mix(in srgb, var(--briqs-bg) 72%, var(--briqs-surface));
  }
  .briqs-real-estate-detail-card,
  .briqs-real-estate-detail__list article,
  .briqs-real-estate-detail__empty {
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius);
    background: var(--briqs-surface);
    padding: 14px;
  }
  .briqs-real-estate-detail-card h3,
  .briqs-real-estate-detail-card h4 {
    margin: 0 0 12px;
    color: var(--briqs-text2);
    font-size: var(--briqs-ui-font-reading);
    font-weight: var(--briqs-font-weight-semibold);
  }
  .briqs-real-estate-detail-card h4 {
    margin-bottom: 8px;
    font-weight: var(--briqs-font-weight-medium);
  }
  .briqs-real-estate-detail-view,
  .briqs-real-estate-detail-location-stack,
  .briqs-real-estate-detail-nspd-table-block {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    min-width: 0;
    max-width: 100%;
  }
  .briqs-real-estate-detail-info-groups,
  .briqs-real-estate-detail-metro-grid,
  .briqs-real-estate-detail-contact-list,
  .briqs-real-estate-detail-media-gallery {
    display: grid;
    gap: 12px;
  }
  .briqs-real-estate-detail-info-groups {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .briqs-real-estate-detail-metro-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }
  .briqs-real-estate-detail-media-gallery {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 14px;
  }
  .briqs-real-estate-detail-info,
  .briqs-real-estate-detail-info-group,
  .briqs-real-estate-detail-text-block,
  .briqs-real-estate-detail-tags-row,
  .briqs-real-estate-detail-metro-card,
  .briqs-real-estate-detail-contact-list,
  .briqs-real-estate-detail-documents > div,
  .briqs-real-estate-detail-empty-surface {
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius-sm);
    background: var(--briqs-surface-alt);
  }
  .briqs-real-estate-detail-info {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 12px;
  }
  .briqs-real-estate-detail-info-group {
    background: color-mix(in srgb, var(--briqs-surface-alt) 70%, transparent);
    padding: 12px;
  }
  .briqs-real-estate-detail-info > svg,
  .briqs-real-estate-detail-tags-row > svg,
  .briqs-real-estate-detail-metro-card svg {
    flex-shrink: 0;
    color: var(--briqs-accent);
  }
  .briqs-real-estate-detail-info span,
  .briqs-real-estate-detail-info small,
  .briqs-real-estate-detail-text-block span,
  .briqs-real-estate-detail-tags-row > span,
  .briqs-real-estate-detail-empty-surface span,
  .briqs-real-estate-detail-documents span,
  .briqs-real-estate-detail__panorama.is-empty span,
  .briqs-real-estate-detail__map-preview span,
  .briqs-real-estate-detail-metro-card span,
  .briqs-real-estate-detail-contact-row span {
    display: block;
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
    font-weight: var(--briqs-font-weight-medium);
  }
  .briqs-real-estate-detail-info strong,
  .briqs-real-estate-detail-metro-card strong,
  .briqs-real-estate-detail-empty-surface strong,
  .briqs-real-estate-detail-documents strong,
  .briqs-real-estate-detail-contact-row strong,
  .briqs-real-estate-detail__panorama.is-empty strong,
  .briqs-real-estate-detail__map-preview strong {
    display: block;
    color: var(--briqs-text);
    font-size: var(--briqs-ui-font-list);
    font-weight: var(--briqs-font-weight-medium);
    line-height: 1.35;
  }
  .briqs-real-estate-detail-info-group h4 {
    margin-bottom: 8px;
    color: var(--briqs-text);
    font-size: var(--briqs-ui-font-control);
  }
  .briqs-real-estate-detail-text-block,
  .briqs-real-estate-detail-tags-row {
    margin-top: 12px;
    padding: 12px;
  }
  .briqs-real-estate-detail-info-group dl {
    display: grid;
    gap: 0;
    margin: 0;
  }
  .briqs-real-estate-detail-info-group dl > div {
    display: grid;
    grid-template-columns: minmax(88px, 0.44fr) minmax(0, 1fr);
    gap: 10px;
    padding: 8px 0;
    border-top: 1px solid color-mix(in srgb, var(--briqs-border) 70%, transparent);
  }
  .briqs-real-estate-detail-info-group dl > div:first-child {
    border-top: 0;
  }
  .briqs-real-estate-detail-info-group dt,
  .briqs-real-estate-detail-info-group dd {
    margin: 0;
    font-size: var(--briqs-ui-font-control);
    line-height: 1.35;
  }
  .briqs-real-estate-detail-info-group dt {
    color: var(--briqs-text3);
  }
  .briqs-real-estate-detail-info-group dd {
    color: var(--briqs-text);
    font-weight: var(--briqs-font-weight-medium);
  }
  .briqs-real-estate-detail-text-block p {
    margin: 5px 0 0;
    color: var(--briqs-text2);
    font-size: var(--briqs-ui-font-list);
    line-height: 1.5;
  }
  .briqs-real-estate-detail-tags-row {
    display: flex;
    align-items: center;
    gap: 9px;
  }
  .briqs-real-estate-detail-tags-row div {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }
  .briqs-real-estate-detail__panorama,
  .briqs-real-estate-detail__map-preview {
    min-height: 360px;
    overflow: hidden;
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius-sm);
    background: var(--briqs-surface-alt);
  }
  .briqs-real-estate-detail__panorama {
    position: relative;
    background:
      linear-gradient(135deg, color-mix(in srgb, var(--briqs-accent) 10%, transparent), transparent 44%),
      var(--briqs-surface-alt);
  }
  .briqs-real-estate-detail__panorama iframe {
    display: block;
    width: 100%;
    height: 360px;
    border: 0;
  }
  .briqs-real-estate-detail__panorama.is-empty,
  .briqs-real-estate-detail__map-preview,
  .briqs-real-estate-detail-empty-surface {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    color: var(--briqs-text2);
    text-align: center;
    padding: 26px;
  }
  .briqs-real-estate-detail__map-preview {
    background:
      linear-gradient(90deg, color-mix(in srgb, var(--briqs-border) 38%, transparent) 1px, transparent 1px),
      linear-gradient(0deg, color-mix(in srgb, var(--briqs-border) 38%, transparent) 1px, transparent 1px),
      var(--briqs-surface-alt);
    background-size: 36px 36px;
  }
  .briqs-real-estate-detail-metro-card {
    min-height: 76px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px 10px;
    align-items: center;
    padding: 14px;
  }
  .briqs-real-estate-detail-metro-card svg {
    grid-row: span 2;
  }
  .briqs-real-estate-detail-nspd-table {
    background: color-mix(in srgb, var(--briqs-surface-alt) 78%, transparent);
  }
  .briqs-real-estate-detail-nspd-type {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    border: 1px solid color-mix(in srgb, var(--briqs-accent) 22%, var(--briqs-border));
    border-radius: var(--briqs-radius-pill);
    background: color-mix(in srgb, var(--briqs-accent-bg) 52%, transparent);
    color: var(--briqs-accent-text);
    padding: 2px 8px;
    white-space: nowrap;
  }
  .briqs-real-estate-detail-contact-list {
    overflow: hidden;
  }
  .briqs-real-estate-detail-contact-row {
    display: grid;
    grid-template-columns: auto minmax(220px, 1fr) minmax(110px, 0.5fr) minmax(140px, 0.7fr) minmax(110px, 0.5fr);
    gap: 10px;
    align-items: center;
    padding: 11px 12px;
    border-top: 1px solid color-mix(in srgb, var(--briqs-border) 72%, transparent);
  }
  .briqs-real-estate-detail-contact-row:first-child {
    border-top: 0;
  }
  .briqs-real-estate-detail-contact-row svg {
    color: var(--briqs-accent);
  }
  .briqs-real-estate-detail-documents > div {
    min-height: 72px;
    display: grid;
    grid-template-columns: auto minmax(160px, 0.6fr) minmax(220px, 1fr);
    align-items: center;
    gap: 8px;
    padding: 14px;
    text-align: left;
  }
  .briqs-real-estate-detail-documents > div,
  .briqs-real-estate-detail-empty-surface {
    border-style: dashed;
    border-color: var(--briqs-border-md);
  }
  .briqs-real-estate-detail-media-gallery .briqs-real-estate-media-preview {
    min-height: 260px;
  }
  .briqs-real-estate-detail-empty-surface {
    min-height: 126px;
    padding: 18px;
  }
  .briqs-real-estate-detail__list { display: grid; gap: 10px; }
  .briqs-real-estate-detail__list h3,
  .briqs-real-estate-detail__list p { margin: 0; }
  .briqs-real-estate-detail__list p,
  .briqs-real-estate-detail__empty {
    color: var(--briqs-text2);
    font-size: var(--briqs-ui-font-list);
  }
  .briqs-real-estate-feed {
    display: grid;
    gap: 14px;
    min-width: 0;
  }
  .briqs-real-estate-feed__header,
  .briqs-real-estate-feed__composer {
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius);
    background: var(--briqs-surface);
  }
  .briqs-real-estate-feed__header {
    display: grid;
    grid-template-columns: auto minmax(220px, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px;
  }
  .briqs-real-estate-feed__title,
  .briqs-real-estate-feed__section-title,
  .briqs-real-estate-feed-card__header,
  .briqs-real-estate-feed-card__footer,
  .briqs-real-estate-feed-card__actions {
    display: flex;
    align-items: center;
  }
  .briqs-real-estate-feed__title {
    gap: 8px;
    min-width: 0;
    color: var(--briqs-text2);
  }
  .briqs-real-estate-feed__title h3 {
    margin: 0;
    color: var(--briqs-text);
    font-size: var(--briqs-ui-font-reading);
    font-weight: var(--briqs-font-weight-semibold);
  }
  .briqs-real-estate-feed__search {
    min-height: 38px;
  }
  .briqs-real-estate-feed__filters,
  .briqs-real-estate-feed__composer-tabs {
    max-width: 100%;
    overflow-x: auto;
  }
  .briqs-real-estate-feed__composer {
    display: grid;
    gap: 10px;
    padding: 12px;
  }
  .briqs-real-estate-feed__composer-input {
    min-height: 86px;
    resize: vertical;
  }
  .briqs-real-estate-feed__composer-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
  }
  .briqs-real-estate-feed__sections {
    display: grid;
    gap: 16px;
  }
  .briqs-real-estate-feed__pinned,
  .briqs-real-estate-feed__group {
    display: grid;
    gap: 10px;
  }
  .briqs-real-estate-feed__section-title,
  .briqs-real-estate-feed__date {
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
    font-weight: var(--briqs-font-weight-overline);
    letter-spacing: 0;
    text-transform: uppercase;
  }
  .briqs-real-estate-feed__section-title {
    gap: 7px;
  }
  .briqs-real-estate-feed__rail {
    position: relative;
    display: grid;
    gap: 12px;
    padding-left: 22px;
  }
  .briqs-real-estate-feed__rail::before {
    content: "";
    position: absolute;
    top: 9px;
    bottom: 9px;
    left: 9px;
    width: 1px;
    background: color-mix(in srgb, var(--briqs-border-md) 76%, transparent);
  }
  .briqs-real-estate-feed-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .briqs-real-estate-feed-card__node {
    position: absolute;
    top: 13px;
    left: -22px;
    z-index: 1;
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border: 1px solid var(--briqs-border);
    border-radius: 50%;
    background: var(--briqs-surface);
    color: var(--briqs-accent);
  }
  .briqs-real-estate-feed-card__body {
    border: 1px solid var(--briqs-border);
    border-left: 3px solid color-mix(in srgb, var(--briqs-accent) 50%, var(--briqs-border));
    border-radius: var(--briqs-radius);
    background: var(--briqs-surface);
    padding: 12px;
  }
  .briqs-real-estate-feed-card[data-type="comment"] .briqs-real-estate-feed-card__body {
    border-left-color: var(--briqs-accent);
  }
  .briqs-real-estate-feed-card[data-type="task"] .briqs-real-estate-feed-card__body {
    border-left-color: color-mix(in srgb, var(--briqs-blue) 72%, var(--briqs-accent));
  }
  .briqs-real-estate-feed-card[data-type="event"] .briqs-real-estate-feed-card__body {
    border-left-color: color-mix(in srgb, var(--briqs-green) 72%, var(--briqs-accent));
  }
  .briqs-real-estate-feed-card[data-type="file"] .briqs-real-estate-feed-card__body {
    border-left-color: color-mix(in srgb, var(--briqs-amber) 70%, var(--briqs-accent));
  }
  .briqs-real-estate-feed-card__header {
    flex-wrap: wrap;
    gap: 6px;
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
    font-weight: var(--briqs-font-weight-semibold);
  }
  .briqs-real-estate-feed-card h4 {
    margin: 8px 0 0;
    color: var(--briqs-text);
    font-size: var(--briqs-ui-font-list);
    font-weight: var(--briqs-font-weight-semibold);
  }
  .briqs-real-estate-feed-card p {
    margin: 7px 0 0;
    color: var(--briqs-text2);
    font-size: var(--briqs-ui-font-list);
    line-height: 1.45;
  }
  .briqs-real-estate-feed-card__footer {
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
  }
  .briqs-real-estate-feed-card__actions {
    gap: 4px;
    margin-left: auto;
  }
  @media (max-width: 720px) {
    .briqs-real-estate-detail__body {
      padding: 10px var(--briqs-content-gutter-mobile) 18px;
    }
    .briqs-real-estate-detail-card,
    .briqs-real-estate-detail__list article,
    .briqs-real-estate-detail__empty {
      padding: 12px;
    }
    .briqs-real-estate-detail-info-groups,
    .briqs-real-estate-detail-documents > div,
    .briqs-real-estate-detail-media-gallery {
      grid-template-columns: 1fr;
    }
    .briqs-real-estate-detail-media-gallery .briqs-real-estate-media-preview {
      min-height: 190px;
    }
    .briqs-real-estate-feed__header {
      grid-template-columns: 1fr;
      gap: 10px;
      padding: 10px;
    }
    .briqs-real-estate-feed__composer {
      padding: 10px;
    }
    .briqs-real-estate-feed__composer-actions,
    .briqs-real-estate-feed-card__actions {
      justify-content: stretch;
      width: 100%;
      margin-left: 0;
    }
    .briqs-real-estate-feed__composer-actions > *,
    .briqs-real-estate-feed-card__actions > * {
      flex: 1 1;
    }
    .briqs-real-estate-feed__rail {
      padding-left: 18px;
    }
    .briqs-real-estate-feed-card__node {
      left: -19px;
    }
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/real-estate/object-detail-edit.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer features {
  .briqs-real-estate-detail-edit,
  .briqs-real-estate-detail-edit__grid,
  .briqs-real-estate-detail-edit__media-section,
  .briqs-real-estate-detail-edit__documents {
    display: grid;
    gap: 12px;
  }

  .briqs-real-estate-detail-edit {
    gap: 14px;
  }

  .briqs-real-estate-detail-edit__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .briqs-real-estate-detail-edit__media-section {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .briqs-real-estate-detail-edit__media-card,
  .briqs-real-estate-detail-edit__map-picker,
  .briqs-real-estate-detail-edit__metro,
  .briqs-real-estate-detail-edit__upload-box {
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius-sm);
    background: var(--briqs-surface-alt);
  }

  .briqs-real-estate-detail-edit__media-card {
    display: grid;
    align-content: start;
    gap: 12px;
    border-style: dashed;
    border-color: var(--briqs-border-md);
    padding: 12px;
  }

  .briqs-real-estate-detail-edit__media-card header,
  .briqs-real-estate-detail-edit__map-picker,
  .briqs-real-estate-detail-edit__metro {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .briqs-real-estate-detail-edit__media-card h4 {
    margin: 0;
    font-size: var(--briqs-ui-font-reading);
  }

  .briqs-real-estate-detail-edit__media-card header > span {
    margin-left: auto;
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
  }

  .briqs-real-estate-detail-edit__field {
    display: grid;
    gap: 6px;
  }

  .briqs-real-estate-detail-edit__label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }

  .briqs-real-estate-detail-edit__field.is-wide {
    grid-column: 1 / -1;
  }

  .briqs-real-estate-detail-edit__textarea-mono {
    min-height: 112px;
  }

  .briqs-real-estate-detail-edit__media-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 10px;
  }

  .briqs-real-estate-detail-edit__media-grid .briqs-real-estate-media-preview {
    min-height: 156px;
  }

  .briqs-real-estate-detail-edit__upload-box {
    min-height: 132px;
    display: grid;
    place-items: center;
    gap: 6px;
    border-style: dashed;
    padding: 14px;
    text-align: center;
  }

  .briqs-real-estate-detail-edit__upload-box strong {
    color: var(--briqs-text);
    font-size: var(--briqs-ui-font-list);
  }

  .briqs-real-estate-detail-edit__upload-box span,
  .briqs-real-estate-detail-edit__documents span {
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
  }

  .briqs-real-estate-detail-edit__upload-action {
    justify-items: center;
  }

  .briqs-real-estate-detail-edit__documents > div {
    display: grid;
    grid-template-columns: auto minmax(0, 0.8fr) minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius-xs);
    background: var(--briqs-surface);
    padding: 9px;
  }

  .briqs-real-estate-detail-edit__map-picker,
  .briqs-real-estate-detail-edit__metro {
    grid-column: 1 / -1;
    padding: 12px;
  }

  .briqs-real-estate-detail-edit__map-picker {
    min-height: 170px;
    align-items: flex-end;
    background:
      linear-gradient(90deg, color-mix(in srgb, var(--briqs-border) 38%, transparent) 1px, transparent 1px),
      linear-gradient(0deg, color-mix(in srgb, var(--briqs-border) 38%, transparent) 1px, transparent 1px),
      var(--briqs-surface-alt);
    background-size: 34px 34px;
  }

  .briqs-real-estate-detail-edit__map-picker div,
  .briqs-real-estate-detail-edit__metro div {
    min-width: 0;
    flex: 1 1;
  }

  .briqs-real-estate-detail-edit__map-picker strong,
  .briqs-real-estate-detail-edit__metro strong {
    display: block;
    color: var(--briqs-text);
    font-size: var(--briqs-ui-font-list);
  }

  .briqs-real-estate-detail-edit__map-picker span,
  .briqs-real-estate-detail-edit__metro span {
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
  }

  .briqs-real-estate-detail-edit__actions {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 6px;
  }

  @media (max-width: 720px) {
    .briqs-real-estate-detail-edit__grid,
    .briqs-real-estate-detail-edit__media-section,
    .briqs-real-estate-detail-edit__documents > div {
      grid-template-columns: 1fr;
    }
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/work/kanban/kanban-surface.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Work board card content follows the approved Workspace board order.
   UiKanbanBoard owns the card frame, columns and drag. */

.briqs-kanban {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  min-height: min-content;
  position: relative;
}

.briqs-kanban__card-title {
  display: -webkit-box;
  overflow: hidden;
  font-family: var(--briqs-font-display);
  font-size: var(--briqs-font-size-body);
  font-weight: var(--briqs-font-weight-bold);
  color: var(--briqs-text);
  line-height: var(--briqs-leading-caption);
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.briqs-kanban__card-title:hover {
  color: var(--briqs-accent-text-strong);
}

/* The short выжимка of the record's body — three lines at most, so an idea
   card says what it is about without turning into a sheet of text. */
.briqs-kanban__card-summary {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 0;
  color: var(--briqs-text3);
  font-size: var(--briqs-font-size-caption);
  line-height: var(--briqs-leading-caption);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* Whose turn it is; the line turns amber while the work stands untaken. */
.briqs-kanban__card-fact,
.briqs-kanban__card-turn {
  font-size: var(--briqs-font-size-caption);
  color: var(--briqs-text3);
  line-height: var(--briqs-leading-caption);
}

.briqs-kanban__card-turn.is-waiting {
  color: var(--briqs-amber);
}

.briqs-kanban__card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--briqs-spacing-1);
  min-width: 0;
}

.briqs-kanban__card-tags .briqs-kanban__card-tag-product,
.briqs-kanban__card-tags .briqs-kanban__card-tag-kind {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 0;
  font-size: var(--briqs-font-size-overline);
  font-weight: var(--briqs-font-weight-semibold);
}

.briqs-kanban__card-tags .briqs-kanban__card-tag-product {
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
}

.briqs-kanban__card-tags .briqs-kanban__card-tag-kind {
  background: var(--briqs-surface-alt);
  color: var(--briqs-text2);
}

/* Counter and full-width accent bar follow the facts. */
.briqs-kanban__card-progress {
  display: flex;
  flex-direction: column;
  gap: var(--briqs-spacing-1-5);
  margin-top: var(--briqs-spacing-1);
}

.briqs-kanban__card-progress-text {
  font-size: var(--briqs-font-size-small);
  color: var(--briqs-text3);
  line-height: var(--briqs-leading-caption);
}

.briqs-kanban__card-progress-bar {
  height: var(--briqs-spacing-1-5);
  border: 0;
  background: var(--briqs-surface-alt);
}

/* Why the record waits — the reason itself, no more than three lines. */
.briqs-kanban__card-attention {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 0;
  color: var(--briqs-text2);
  font-size: var(--briqs-font-size-caption);
  line-height: var(--briqs-leading-caption);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* One belonging line above the title, in the card's ordinary type: no
   capitals, no spacing (the owner's call 29.09 — the old board's capitals are
   not a reference here). The full name stays in title and aria. */
.briqs-kanban__card-binding {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--briqs-accent-text);
  font-size: var(--briqs-font-size-caption);
  font-weight: var(--briqs-font-weight-medium);
  line-height: var(--briqs-leading-caption);
  margin-bottom: var(--briqs-spacing-1);
  padding-bottom: var(--briqs-spacing-2);
  border-bottom: 1px solid var(--briqs-border-md);
}

.briqs-kanban__card-binding-link {
  cursor: pointer;
}

.briqs-kanban__card-binding .briqs-work-belonging__unresolved {
  color: var(--briqs-text3);
}

.briqs-kanban__card-binding-link:hover,
.briqs-kanban__card-binding-link:focus-visible {
  color: var(--briqs-accent-text-strong);
  text-decoration: underline;
}

/* Badges row of a card: stage with its status, due date. */
.briqs-kanban__card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--briqs-spacing-1);
  margin-top: var(--briqs-spacing-1);
}

/* Card sheet — the frame (scrim, panel, header, footer shell) is the shared
   UiSheet and the body is the shared UiEntityView; only the owner controls
   in the footer are styled here. */

/* In-place card editing: one column of shared fields, a two-column grid for
   the short controls, actions on the right edge. Rendered inside the drawer
   body and the calendar day panel's detail column. */

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/work/shared/record-kind.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-work-belonging {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}

.briqs-work-belonging__part {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  flex: 0 1 auto;
}

.briqs-work-belonging__item {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
  flex: 0 1 auto;
  overflow: hidden;
}

.briqs-work-belonging__name {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.briqs-work-belonging__separator {
  flex: none;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/work/record/record-panel.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Panel of one work record — a task, a plan, a goal, an idea alike, laid out
   as the Workspace board lays out its record card: alerts, facts in three
   groups, the content blocks, attachments, the feed. Blocks are parted by
   air and a line, not framed one by one. */

.briqs-work-record {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

.briqs-work-record__alerts {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.briqs-work-record__delivery {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 20px;
}

.briqs-work-record__delivery li {
  line-height: 1.5;
}

.briqs-work-record__delivery li span {
  display: inline-block;
  margin-right: 16px;
}

/* Eyebrow of a group or a block: small, spaced, muted — the record's own,
   so the shell hiding its head eyebrow on a compact screen never hides
   these. */
.briqs-work-record__eyebrow {
  margin: 0;
  color: var(--briqs-text3);
  font: var(--briqs-font-weight-overline) var(--briqs-ui-font-section)/1.3 var(--briqs-font-text);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Facts: a key–value grid in a quiet frame, one eyebrow per group. */
.briqs-work-record__facts {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 14px;
  border: 1px solid var(--briqs-border);
  border-radius: var(--briqs-radius-sm);
  background: var(--briqs-surface-alt);
}

.briqs-work-record__facts-group {
  display: grid;
  grid-template-columns: minmax(110px, 0.7fr) minmax(0, 1.3fr);
  gap: 8px 14px;
}

.briqs-work-record__facts-title {
  grid-column: 1 / -1;
}

.briqs-work-record__fact {
  display: contents;
}

.briqs-work-record__facts dt {
  color: var(--briqs-text3);
  font-family: var(--briqs-font-text);
  font-size: 11px;
}

.briqs-work-record__facts dd {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  color: var(--briqs-text);
  font-family: var(--briqs-font-text);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.briqs-work-record__facts dd .is-overdue {
  color: var(--briqs-red);
}

.briqs-work-record__block {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding-top: 16px;
  border-top: 1px solid var(--briqs-border);
}

.briqs-work-record__muted {
  margin: 0;
  font-family: var(--briqs-font-text);
  font-size: var(--briqs-ui-font-meta);
  color: var(--briqs-text3);
}

.briqs-work-record__attachment-drop {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  border: 1px dashed var(--briqs-border);
  border-radius: var(--briqs-radius-sm);
}

.briqs-work-record__attachment-drop.is-dragging { background: var(--briqs-accent-bg); }

.briqs-work-record__attachment-progress { display: grid; gap: 4px; min-width: 0; }
.briqs-work-record__attachment-progress progress { width: 100%; }

.briqs-work-record__attachment-actions { display: flex; gap: 8px; flex-wrap: wrap; min-width: 0; }

.briqs-work-plan-summary {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.briqs-work-plan-summary__checks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.briqs-work-plan-summary__waves {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding-left: 20px;
}

.briqs-work-plan-summary__waves > li {
  display: grid;
  gap: 8px;
}

.briqs-work-plan-summary__ungrouped {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

/* Checklist: a mark before every point, a done point reads muted. */
.briqs-work-record__checklist {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.briqs-work-record__checklist li {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-family: var(--briqs-font-text);
  font-size: var(--briqs-ui-font-reading);
  line-height: 1.45;
  color: var(--briqs-text);
}

.briqs-work-record__checklist li.is-completed .briqs-work-record__checklist-text {
  color: var(--briqs-text2);
}

.briqs-work-record__checklist-mark {
  flex: 0 0 auto;
  color: var(--briqs-green);
  font-weight: 600;
}

.briqs-work-record__checklist-text {
  min-width: 0;
  overflow-wrap: anywhere;
}

.briqs-work-record__edit {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.briqs-work-record__edit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
}

/* The feed composer is the product's shared one; the block already gives
   the air above it. */
.briqs-work-record .briqs-event-feed-create {
  margin-top: 0;
}

/* Answering an entry: the composer steps in under the feed head, marked as
   an answer by a rule on the left and by the name it answers above it. */
.briqs-work-record__feed-reply {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 12px;
  border-left: 2px solid var(--briqs-accent);
}

.briqs-work-record__feed-reply-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--briqs-text3);
  font-family: var(--briqs-font-text);
  font-size: var(--briqs-ui-font-meta);
}

.briqs-work-record__run-expand {
  margin: -4px 0 12px 16px;
  min-width: 0;
}

.briqs-work-run-steps {
  min-width: 0;
  padding: 8px 0 0 12px;
  border-left: 2px solid var(--briqs-accent);
  color: var(--briqs-text2);
  overflow-wrap: anywhere;
}

.briqs-work-run-steps ol {
  display: grid;
  gap: 8px;
  margin: 0 0 8px;
  padding-left: 18px;
}

.briqs-work-run-steps time {
  color: var(--briqs-text3);
}

.briqs-work-record__edit-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

/* The control row at the foot of a record: archive, delete, share in one wrapping line. */
.briqs-work-record__controls {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

@media (max-width: 720px) {
  .briqs-work-record {
    gap: 16px;
  }

  .briqs-work-record__edit-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .briqs-work-record__edit-actions > * {
    width: 100%;
  }

  .briqs-work-record__facts-group {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/work/record/decision-form.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Work blocks inside a dialog message: the decision form an employee asks
   with, the person's answer to it, and the receipt of a record just set up.
   They sit in the message column under its text, framed like a card, and
   read in the dialog's own type scale. */

.briqs-decision-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 10px;
  padding: 14px 16px;
}

.briqs-decision-form.is-withdrawn {
  color: var(--briqs-text3);
}

.briqs-decision-form__head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.briqs-decision-form__title {
  color: var(--briqs-text);
  font: var(--briqs-font-weight-medium) var(--briqs-ui-font-reading)/1.4 var(--briqs-font-text);
}

.briqs-decision-form.is-withdrawn .briqs-decision-form__title {
  color: var(--briqs-text3);
}

.briqs-decision-form__detail {
  margin: 0;
  color: var(--briqs-text2);
  font-size: var(--briqs-ui-font-list);
  line-height: 1.5;
}

.briqs-decision-form__questions {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.briqs-decision-form__question {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.briqs-decision-form__number {
  color: var(--briqs-text3);
  font: var(--briqs-font-weight-medium) var(--briqs-ui-font-list)/1.5 var(--briqs-font-text);
  font-feature-settings: 'tnum' 1;
}

.briqs-decision-form__question-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.briqs-decision-form__question-title {
  color: var(--briqs-text);
  font-size: var(--briqs-ui-font-list);
  line-height: 1.5;
}

.briqs-decision-form__question-detail,
.briqs-decision-form__option-note {
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-meta);
  line-height: 1.45;
}

.briqs-decision-form__options {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.briqs-decision-form__option {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px 8px;
  border: 1px solid transparent;
  border-radius: var(--briqs-radius-sm);
}

/* The chosen variant stays lit when the form reads only. */
.briqs-decision-form__option.is-chosen {
  border-color: color-mix(in srgb, var(--briqs-accent) 28%, var(--briqs-border));
  background: var(--briqs-accent-bg);
}

.briqs-decision-form__option .briqs-decision-form__option-note {
  padding-left: 24px;
}

.briqs-decision-form__option-label {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.briqs-decision-form__own,
.briqs-decision-form__remark {
  margin: 0;
}

.briqs-decision-form__actions {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}

.briqs-decision-answer {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.briqs-decision-answer__lines {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.briqs-decision-answer__number {
  color: var(--briqs-text3);
  font-feature-settings: 'tnum' 1;
}

.briqs-decision-answer__remark {
  margin: 0;
  color: var(--briqs-text2);
}

/* The record an employee announces in the dialog: where it stands, its title,
   the way into it. */
.briqs-record-announcement {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;
  padding: 12px 14px;
  width: 100%;
  text-align: start;
}

.briqs-record-announcement__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.briqs-record-announcement__headline {
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-meta);
  line-height: 1.4;
}

.briqs-record-announcement__title {
  color: var(--briqs-text);
  font: var(--briqs-font-weight-medium) var(--briqs-ui-font-reading)/1.4 var(--briqs-font-text);
  overflow-wrap: anywhere;
}

.briqs-record-announcement__summary {
  color: var(--briqs-text2);
  font-size: var(--briqs-ui-font-reading);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/work/company/company-surface.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Company surface: the team page combines people and departments; roles stay
   separate. The roster table uses the ui-kit dataTable rhythm, department
   cards show task counters, and every entity, detail and form panel opens as
   a shared UiSheet anchored to this surface. Tokens are shared briqs-*. */

.briqs-company {
  position: relative;
}

/* Content stack inside a UiSheet body; the gutter is the sheet's. */
.briqs-company__sheet-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.briqs-company__view-option {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* --- Page scaffold shared by the team and roles tabs --- */

.briqs-company__page {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 14px 20px;
  overflow-y: auto;
}

.briqs-company__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--briqs-border);
  flex-shrink: 0;
}

.briqs-company__title {
  font-size: 14px;
  font-weight: 600;
  color: var(--briqs-text);
}

.briqs-company__hint {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--briqs-text3);
  max-width: 620px;
}

/* --- Department and role card grid --- */

.briqs-company__depts {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 10px;
  padding: 14px 20px;
  overflow-y: auto;
}

.briqs-company__depts.is-plain {
  padding: 0;
  overflow-y: visible;
}

.briqs-company__dept,
.briqs-company__hire-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  font: inherit;
  text-align: left;
  padding: 12px 14px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
  color: var(--briqs-text2);
  cursor: pointer;
  transition: border-color 140ms, background 140ms, color 140ms;
}

.briqs-company__dept:hover,
.briqs-company__hire-card:hover {
  border-color: var(--briqs-border-md);
  color: var(--briqs-text);
}

.briqs-company__dept-top {
  display: flex;
  align-items: center;
  gap: 8px;
}

.briqs-company__dept-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
  flex-shrink: 0;
}

.briqs-company__dept-title {
  font-size: 13px;
  font-weight: 600;
}

.briqs-company__dept-mission {
  font-size: 11.5px;
  line-height: 1.4;
}

.briqs-company__dept-summary {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.briqs-company__badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10.5px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: var(--briqs-radius-pill);
  border: 1px solid var(--briqs-border);
  color: var(--briqs-text3);
}

.briqs-company__badge.is-ai {
  border-color: color-mix(in srgb, var(--briqs-accent) 35%, transparent);
  color: var(--briqs-accent-text);
}

.briqs-company__hire-card {
  border-style: dashed;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--briqs-text3);
}

.briqs-company__hire-hint {
  font-size: 11px;
  line-height: 1.4;
}

/* --- Team roster table: div-grid in the dataTable rhythm; every row is one
   clickable button that opens the member entity panel. The avatar and person
   row inside the member cell are the shared identity atoms from
   company-chart.css. --- */

.briqs-company__team-table {
  /* Column plan: member | role | type | status | tools. */
  --briqs-company-team-columns:
    minmax(240px, 2.4fr) minmax(150px, 1.1fr) minmax(120px, 0.9fr) minmax(120px, 0.9fr)
    minmax(100px, 0.7fr);
  --briqs-company-team-min-width: 760px;
  border: 1px solid var(--briqs-border);
  border-radius: var(--briqs-radius-sm);
  background: var(--briqs-surface);
  overflow-x: auto;
}

.briqs-company__team-head,
.briqs-company__team-row {
  display: grid;
  grid-template-columns: var(--briqs-company-team-columns);
  align-items: center;
  min-width: var(--briqs-company-team-min-width);
}

.briqs-company__team-head {
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-meta);
  font-weight: var(--briqs-font-weight-semibold);
  background: color-mix(in srgb, var(--briqs-surface-alt) 72%, transparent);
  border-bottom: 1px solid var(--briqs-border);
}

.briqs-company__team-row {
  width: 100%;
  font: inherit;
  font-size: var(--briqs-ui-font-list);
  text-align: left;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--briqs-border);
  background: transparent;
  color: var(--briqs-text);
  cursor: pointer;
  transition: background 140ms;
}

.briqs-company__team-row:hover {
  background: color-mix(in srgb, var(--briqs-surface-alt) 55%, transparent);
}

.briqs-company__team-row:hover .briqs-company__person-name {
  color: var(--briqs-accent-text);
}

.briqs-company__team-row:last-child {
  border-bottom: 0;
}

.briqs-company__team-cell {
  padding: 10px 12px;
  min-width: 0;
}

/* --- Member status: dot + label; the dot turns success-toned when active --- */

.briqs-company__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--briqs-text2);
}

.briqs-company__status-dot {
  width: 7px;
  height: 7px;
  border-radius: var(--briqs-radius-full);
  background: color-mix(in srgb, var(--briqs-text3) 55%, transparent);
  flex-shrink: 0;
}

.briqs-company__status.is-active .briqs-company__status-dot {
  background: color-mix(
    in srgb,
    var(--briqs-status-success-text) 90%,
    transparent
  );
}

/* --- Chips shared by entity view sections (AI cell, watchers, tools);
   the entity panel body itself is the shared UiEntityView template. --- */

.briqs-company__chips {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.briqs-company__member {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  padding: 5px 12px;
  border-radius: var(--briqs-radius-pill);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
  color: var(--briqs-text2);
}

.briqs-company__member.is-human {
  border-color: color-mix(in srgb, var(--briqs-accent) 35%, transparent);
  color: var(--briqs-accent-text);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/work/company/company-chart.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Org-chart company view: the clickable root card on top (the owner person or
   the owner role), 1px connector lines down to the branch row. Branch nodes
   are department, team-member or role cards (the last departments node is the
   dashed hire card); clicking a node opens the entity drawer — no task block
   lives under the chart. Geometry constants are custom properties on the root
   (root→rail stem, rail→card drop, air between branches); colors and radii
   come from shared briqs tokens. */

.briqs-company-chart {
  --briqs-company-chart-stem: 18px;
  --briqs-company-chart-drop: 16px;
  --briqs-company-chart-branch-gap: 14px;
  --briqs-company-chart-branch-min: 190px;
  --briqs-company-chart-branch-max: 400px;
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-height: 0;
  overflow-y: auto;
}

/* --- Tree: owner root, stem, rail and branches --- */

.briqs-company-chart__tree {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--briqs-company-chart-stem);
  padding: 18px 20px 20px;
  flex-shrink: 0;
}

.briqs-company-chart__root {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 180px;
  padding: 12px 26px;
  font: inherit;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid color-mix(in srgb, var(--briqs-accent) 35%, var(--briqs-border));
  background: var(--briqs-surface);
  cursor: pointer;
  transition: border-color 140ms, background 140ms;
}

.briqs-company-chart__root:hover {
  border-color: color-mix(in srgb, var(--briqs-accent) 55%, var(--briqs-border));
}

/* Stem: the vertical segment from the owner card down to the rail. */
.briqs-company-chart__root::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  height: var(--briqs-company-chart-stem);
  border-left: 1px solid var(--briqs-border);
}

.briqs-company-chart__root-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: var(--briqs-radius-full);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
}

.briqs-company-chart__root-name,
.briqs-company-chart__node-title {
  font-size: 13px;
  font-weight: 600;
}

.briqs-company-chart__root-name {
  color: var(--briqs-text);
}

.briqs-company-chart__root-role,
.briqs-company-chart__hire-hint {
  font-size: 11px;
  line-height: 1.4;
  color: var(--briqs-text3);
}

/* Role captions on the root can be a full sentence — keep the card compact. */
.briqs-company-chart__root-role {
  max-width: 260px;
}

/* The row spans the whole panel width; branches grow to fill it and only a
   reasonable per-branch max keeps cards from stretching absurdly on ultrawide
   screens. Leftover space (maxes reached) stays centered. */
.briqs-company-chart__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

/* Branch top halves draw the shared rail; ::after's left border is the drop. */
.briqs-company-chart__branch {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-width: var(--briqs-company-chart-branch-min);
  max-width: var(--briqs-company-chart-branch-max);
  padding: var(--briqs-company-chart-drop) calc(var(--briqs-company-chart-branch-gap) / 2) 0;
}

/* A grouping-department branch nests whole unit cards: it takes a double
   share of the row and may grow wider than plain branches. */
.briqs-company-chart__branch.is-group {
  flex-grow: 2;
  max-width: calc(var(--briqs-company-chart-branch-max) * 1.6);
}

.briqs-company-chart__branch::before,
.briqs-company-chart__branch::after {
  content: '';
  position: absolute;
  top: 0;
  width: 50%;
  height: var(--briqs-company-chart-drop);
  border-top: 1px solid var(--briqs-border);
}

.briqs-company-chart__branch::before {
  left: 0;
}

.briqs-company-chart__branch::after {
  right: 0;
  border-left: 1px solid var(--briqs-border);
}

/* The rail does not run past the centers of the outer branches. */
.briqs-company-chart__branch:first-child::before,
.briqs-company-chart__branch:last-child::after {
  border-top: 0;
}

/* --- Branch nodes: department/member cards and the hire node --- */

.briqs-company-chart__node,
.briqs-company-chart__hire {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 1;
  font: inherit;
  text-align: left;
  padding: 13px 15px 14px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
  color: var(--briqs-text2);
  cursor: pointer;
  transition: border-color 140ms, background 140ms, color 140ms;
}

/* Stats sit on the node's bottom edge so a row of role cards keeps one
   shared baseline no matter how long each description is. */
.briqs-company-chart__node .briqs-company-chart__stats {
  margin-top: auto;
  padding-top: 4px;
  color: var(--briqs-text3);
}

.briqs-company-chart__node:hover,
.briqs-company-chart__hire:hover {
  border-color: var(--briqs-border-md);
  color: var(--briqs-text);
}

.briqs-company-chart__node-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.briqs-company-chart__badge {
  display: inline-flex;
  align-items: center;
  font-size: 10.5px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: var(--briqs-radius-pill);
  border: 1px solid color-mix(in srgb, var(--briqs-accent) 35%, transparent);
  color: var(--briqs-accent-text);
}

/* The department-head badge stays neutral so the accent tone keeps marking AI. */
.briqs-company-chart__badge.is-head {
  border-color: var(--briqs-border-md);
  color: var(--briqs-text2);
}

.briqs-company-chart__node-mission {
  font-size: 11.5px;
  line-height: 1.4;
}

/* --- Shared entity identity atoms: the accent avatar circle (initials for
   people, an icon for AI) and the avatar + name person row with a one-line
   caption. Born for the chart node cards and reused by company-surface.css in
   the team roster table and the role cards. --- */

.briqs-company__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: var(--briqs-radius-full);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  flex-shrink: 0;
}

.briqs-company__person {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
}

.briqs-company__person-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.briqs-company__person-name {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--briqs-text);
  transition: color 140ms;
}

.briqs-company__person-sub {
  font-size: 11.5px;
  line-height: 1.4;
  color: var(--briqs-text3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.briqs-company-chart__node-badges {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.briqs-company-chart__stats {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  font-size: 11.5px;
}

.briqs-company-chart__stat + .briqs-company-chart__stat::before {
  content: '·';
  margin-right: 6px;
}

.briqs-company-chart__hire {
  border-style: dashed;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--briqs-text3);
}

.briqs-company-chart__node.is-selected {
  border-color: color-mix(in srgb, var(--briqs-accent) 55%, var(--briqs-border));
  background: var(--briqs-accent-bg);
}

/* --- Unit branches: a department card with its people listed inside. The
   company chart needs wider branches than plain member/role nodes, and a
   chart with nested grouping departments needs wider branches still. --- */

.briqs-company-chart:has(.briqs-company-chart__unit) {
  --briqs-company-chart-branch-min: 240px;
  --briqs-company-chart-branch-max: 460px;
}

.briqs-company-chart:has(.briqs-company-chart__unit-children) {
  --briqs-company-chart-branch-min: 250px;
  --briqs-company-chart-branch-max: 480px;
}

.briqs-company-chart__unit {
  --briqs-company-department-color: var(--briqs-visual-color, var(--briqs-accent));
  --briqs-company-department-bg: color-mix(
    in srgb,
    var(--briqs-company-department-color) 14%,
    var(--briqs-surface)
  );
  display: flex;
  flex-direction: column;
  flex: 1 1;
  gap: 10px;
  padding: 12px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid color-mix(in srgb, var(--briqs-company-department-color) 26%, var(--briqs-border));
  background: color-mix(in srgb, var(--briqs-surface) 94%, var(--briqs-bg) 6%);
}

.briqs-company-chart__unit-head {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 4px;
  margin: -4px;
  font: inherit;
  text-align: left;
  border: 0;
  border-radius: var(--briqs-radius-sm);
  background: transparent;
  color: var(--briqs-text);
  transition: background 140ms;
}

button.briqs-company-chart__unit-head {
  cursor: pointer;
}

button.briqs-company-chart__unit-head:hover {
  background: color-mix(in srgb, var(--briqs-company-department-color) 10%, transparent);
}

.briqs-company-chart__unit-text {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

/* Compact goals/tasks line right under the unit head; the dot separators
   between stats come from ::before so wrapping stays clean. */
.briqs-company-chart__unit-stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px 6px;
  margin-top: -4px;
  font-size: 11px;
  line-height: 1.4;
  color: var(--briqs-text3);
}

.briqs-company-chart__unit-stat {
  white-space: nowrap;
}

.briqs-company-chart__unit-stat + .briqs-company-chart__unit-stat::before {
  content: '·';
  margin-right: 6px;
}

/* Child units of a grouping department nest as whole cards inside the parent
   unit; each keeps its own tone border, the surface background adds depth. */
.briqs-company-chart__unit-children {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.briqs-company-chart__unit-children .briqs-company-chart__unit {
  background: var(--briqs-surface);
}

.briqs-company-chart__members {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* A member row stacks vertically: the person line gets the full width for
   the name, the AI badge sits on its own line under it — long AI names never
   fight the badge for space. */
.briqs-company-chart__member {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  padding: 8px 9px;
  font: inherit;
  text-align: left;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
  cursor: pointer;
  transition: border-color 140ms, background 140ms;
}

.briqs-company-chart__member:hover {
  border-color: var(--briqs-border-md);
}

/* Inside a member row the person block shares the line with the AI badge:
   it must shrink instead of claiming the full row width, and long AI names
   must wrap inside the box instead of leaking under the badge. */
.briqs-company-chart__member .briqs-company__person {
  width: auto;
  flex: 1 1;
  min-width: 0;
}

.briqs-company-chart__member .briqs-company__person-name {
  overflow-wrap: anywhere;
}

.briqs-company-chart__member .briqs-company__avatar {
  width: 26px;
  height: 26px;
  font-size: 10px;
}

.briqs-company-chart__member .briqs-company-chart__badge {
  flex-shrink: 0;
  align-self: flex-end;
}

/* Head + AI badges share one row under the person line, hugging the end. */
.briqs-company-chart__member .briqs-company-chart__node-badges {
  align-self: flex-end;
}

.briqs-company-chart__members-empty {
  padding: 8px 9px;
  font-size: 11.5px;
  color: var(--briqs-text3);
  border: 1px dashed var(--briqs-border);
  border-radius: var(--briqs-radius-sm);
  text-align: center;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/work/company/company-access.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-company-access {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.briqs-company-access__panel {
  border: 1px solid var(--briqs-border);
  border-radius: var(--briqs-radius-sm);
  background: var(--briqs-surface);
  padding: 16px;
}

.briqs-company-access__panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.briqs-company-access__title-block {
  min-width: 0;
}

.briqs-company-access__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 15px;
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text);
  line-height: 1.35;
}

.briqs-company-access__title svg {
  width: 17px;
  height: 17px;
  color: var(--briqs-text2);
  flex-shrink: 0;
}

.briqs-company-access__hint {
  margin: 4px 0 0;
  max-width: 680px;
  font-size: 12px;
  line-height: 1.45;
  color: var(--briqs-text3);
}

.briqs-company-access__actions,
.briqs-company-access__matrix-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.briqs-company-access__filters {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.briqs-company-access__filter-checks {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.briqs-company-access__filter-check {
  color: var(--briqs-text2);
}

.briqs-company-access__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 10px;
}

.briqs-company-access__card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 9px;
  min-height: 136px;
  padding: 13px 14px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
  background: color-mix(in srgb, var(--briqs-surface) 94%, var(--briqs-bg) 6%);
  color: var(--briqs-text2);
  text-align: left;
  font: inherit;
  transition:
    border-color 140ms,
    background-color 140ms,
    color 140ms;
}

.briqs-company-access__card:hover {
  border-color: var(--briqs-border-md);
  color: var(--briqs-text);
}

.briqs-company-access__card.is-selected {
  border-color: var(--briqs-accent);
  background: var(--briqs-accent-bg);
}

.briqs-company-access__card.is-custom.is-selected {
  border-color: var(--briqs-teal);
  background: var(--briqs-teal-bg);
}

.briqs-company-access__card-top,
.briqs-company-access__card-meta,
.briqs-company-access__card-meta span,
.briqs-company-access__card-badges {
  display: flex;
  align-items: center;
}

.briqs-company-access__card-top {
  gap: 8px;
}

.briqs-company-access__card-top svg {
  width: 17px;
  height: 17px;
  color: var(--briqs-accent-text);
  flex-shrink: 0;
}

.briqs-company-access__card.is-custom .briqs-company-access__card-top svg {
  color: var(--briqs-teal);
}

.briqs-company-access__card-title {
  font-size: 13px;
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text);
  min-width: 0;
}

.briqs-company-access__card-description {
  min-height: 34px;
  font-size: 11.5px;
  line-height: 1.45;
  color: var(--briqs-text3);
}

.briqs-company-access__card-badges {
  gap: 6px;
  flex-wrap: wrap;
  margin-top: auto;
}

.briqs-company-access__badge {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 8px;
  border-radius: var(--briqs-radius-pill);
  border: 1px solid var(--briqs-border);
  font-size: 10.5px;
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text3);
}

.briqs-company-access__badge.is-system {
  border-color: color-mix(in srgb, var(--briqs-accent) 28%, var(--briqs-border));
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
}

.briqs-company-access__badge.is-custom {
  border-color: color-mix(in srgb, var(--briqs-teal) 32%, var(--briqs-border));
  background: var(--briqs-teal-bg);
  color: var(--briqs-teal);
}

.briqs-company-access__badge.is-inactive {
  background: var(--briqs-surface-alt);
  color: var(--briqs-text3);
}

.briqs-company-access__card-meta {
  justify-content: space-between;
  gap: 10px;
  font-size: 11px;
  color: var(--briqs-text3);
}

.briqs-company-access__card-meta span {
  gap: 4px;
}

.briqs-company-access__card-meta svg {
  width: 13px;
  height: 13px;
}

.briqs-company-access__empty,
.briqs-company-access__matrix-empty {
  padding: 24px;
  text-align: center;
  font-size: 12.5px;
  color: var(--briqs-text3);
}

.briqs-company-access__matrix {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.briqs-company-access__matrix-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px;
  border-radius: var(--briqs-radius-sm);
  background: var(--briqs-surface-alt);
}

.briqs-company-access__matrix-summary {
  font-size: 12px;
  color: var(--briqs-text3);
}

.briqs-company-access__matrix-frame {
  border: 1px solid var(--briqs-border);
  border-radius: var(--briqs-radius-sm);
  overflow: hidden;
  background: var(--briqs-surface);
}

.briqs-company-access__matrix-scroll {
  overflow-x: auto;
}

.briqs-company-access__matrix-table {
  width: 100%;
  min-width: 1120px;
  border-collapse: collapse;
  table-layout: fixed;
}

.briqs-company-access__matrix-table th,
.briqs-company-access__matrix-table td {
  border-bottom: 1px solid var(--briqs-border);
  border-right: 1px solid var(--briqs-border);
}

.briqs-company-access__matrix-table tr:last-child th,
.briqs-company-access__matrix-table tr:last-child td {
  border-bottom: 0;
}

.briqs-company-access__matrix-table th:last-child,
.briqs-company-access__matrix-table td:last-child {
  border-right: 0;
}

.briqs-company-access__matrix-table thead th {
  background: color-mix(in srgb, var(--briqs-surface-alt) 78%, transparent);
  color: var(--briqs-text3);
  font-size: 11px;
  font-weight: var(--briqs-font-weight-semibold);
}

.briqs-company-access__matrix-resource {
  position: sticky;
  left: 0;
  z-index: 2;
  width: 180px;
  padding: 10px 12px;
  text-align: left;
  background: var(--briqs-surface);
  color: var(--briqs-text);
  font-size: 12px;
}

thead .briqs-company-access__matrix-resource {
  z-index: 3;
  background: var(--briqs-surface-alt);
  color: var(--briqs-text3);
}

.briqs-company-access__matrix-action {
  width: 104px;
  padding: 8px 6px;
  text-align: center;
}

.briqs-company-access__action-short {
  display: none;
}

.briqs-company-access__matrix-scope {
  width: 52px;
  padding: 6px;
  text-align: center;
}

.briqs-company-access__scope-toggle {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid transparent;
  background: transparent;
  color: var(--briqs-accent-text);
}

.briqs-company-access__scope-toggle:hover {
  border-color: var(--briqs-border-md);
  background: var(--briqs-surface);
}

.briqs-company-access__scope-toggle svg {
  width: 16px;
  height: 16px;
}

.briqs-company-access__matrix-cell {
  height: 44px;
  padding: 7px;
  text-align: center;
}

.briqs-company-access__matrix-checkbox {
  justify-content: center;
  gap: 0;
}

.briqs-company-access__matrix-dash {
  color: var(--briqs-border-strong);
}

.briqs-company-access__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 900px) {
  .briqs-company-access__filters,
  .briqs-company-access__panel-head,
  .briqs-company-access__matrix-toolbar {
    grid-template-columns: 1fr;
    align-items: stretch;
    flex-direction: column;
  }

  .briqs-company-access__filter-checks,
  .briqs-company-access__actions,
  .briqs-company-access__matrix-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .briqs-company-access {
    padding: 12px;
  }

  .briqs-company-access__panel {
    padding: 12px;
  }

  .briqs-company-access__cards {
    grid-template-columns: 1fr;
  }

  .briqs-company-access__action-full {
    display: none;
  }

  .briqs-company-access__action-short {
    display: inline;
  }
}

@media (max-width: 720px) {
  .briqs-company-access {
    padding-inline: var(--briqs-content-gutter-mobile);
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/work/company/company-departments.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-company-departments {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.briqs-company-departments__panel {
  border: 1px solid var(--briqs-border);
  border-radius: var(--briqs-radius-sm);
  background: var(--briqs-surface);
  padding: 16px;
}

.briqs-company-departments__panel-head,
.briqs-company-departments__settings-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.briqs-company-departments__panel-head {
  margin-bottom: 14px;
}

.briqs-company-departments__title-block {
  min-width: 0;
}

/* Right side of the panel head: view switcher, company settings, add button. */
.briqs-company-departments__head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-shrink: 0;
}

.briqs-company-departments__detail-eyebrow {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: var(--briqs-font-weight-overline);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--briqs-text3);
}

.briqs-company-departments__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 15px;
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text);
  line-height: 1.35;
}

.briqs-company-departments__title svg {
  width: 17px;
  height: 17px;
  color: var(--briqs-text2);
  flex-shrink: 0;
}

.briqs-company-departments__hint,
.briqs-company-departments__switch-hint {
  margin: 4px 0 0;
  max-width: 680px;
  font-size: 12px;
  line-height: 1.45;
  color: var(--briqs-text3);
}

.briqs-company-departments__filters {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.briqs-company-departments__filter-checks,
.briqs-company-departments__settings-save {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.briqs-company-departments__filter-check {
  color: var(--briqs-text2);
}

.briqs-company-departments__cards {
  --briqs-company-department-card-width: 276px;
  display: grid;
  grid-template-columns: repeat(
    auto-fill,
    minmax(min(100%, var(--briqs-company-department-card-width)), var(--briqs-company-department-card-width))
  );
  gap: 10px;
  justify-content: start;
}

.briqs-company-departments__card {
  --briqs-company-department-color: var(--briqs-visual-color, var(--briqs-accent));
  --briqs-company-department-bg: color-mix(
    in srgb,
    var(--briqs-company-department-color) 14%,
    var(--briqs-surface)
  );
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 9px;
  min-height: 188px;
  padding: 13px 14px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
  background: color-mix(in srgb, var(--briqs-surface) 94%, var(--briqs-bg) 6%);
  color: var(--briqs-text2);
  text-align: left;
  font: inherit;
  transition:
    border-color 140ms,
    background-color 140ms,
    color 140ms;
}

.briqs-company-departments__card:hover {
  border-color: var(--briqs-border-md);
  color: var(--briqs-text);
}

.briqs-company-departments__card.is-selected {
  border-color: var(--briqs-company-department-color);
  background: var(--briqs-company-department-bg);
}

.briqs-company-departments__card.is-inactive {
  border-style: dashed;
  background: color-mix(in srgb, var(--briqs-surface-alt) 88%, var(--briqs-bg) 12%);
  color: var(--briqs-text3);
}

.briqs-company-departments__card.is-inactive:not(.is-selected) {
  opacity: 0.68;
}

.briqs-company-departments__card.is-inactive:hover,
.briqs-company-departments__card.is-inactive.is-selected {
  opacity: 1;
}

.briqs-company-departments__card.is-inactive.is-selected {
  border-style: solid;
}

.briqs-company-departments__card.is-inactive .briqs-company-departments__card-icon {
  border-color: var(--briqs-border-md);
  background: var(--briqs-surface-alt);
  color: var(--briqs-text3);
}

.briqs-company-departments__card.is-inactive .briqs-company-departments__card-title {
  color: var(--briqs-text2);
}

.briqs-company-departments__card-top,
.briqs-company-departments__card-meta,
.briqs-company-departments__card-meta span,
.briqs-company-departments__badges,
.briqs-company-departments__card-metric-values,
.briqs-company-departments__color-value {
  display: flex;
  align-items: center;
}

.briqs-company-departments__card-top {
  gap: 8px;
}

.briqs-company-departments__card-icon {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid color-mix(in srgb, var(--briqs-company-department-color) 28%, var(--briqs-border));
  background: var(--briqs-company-department-bg);
  color: var(--briqs-company-department-color);
  flex-shrink: 0;
}

.briqs-company-departments__card-icon svg {
  width: 15px;
  height: 15px;
}

.briqs-company-departments__card-title {
  min-width: 0;
  font-size: 13px;
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text);
}

.briqs-company-departments__card-description {
  min-height: 34px;
  font-size: 11.5px;
  line-height: 1.45;
  color: var(--briqs-text3);
}

.briqs-company-departments__badges {
  gap: 6px;
  flex-wrap: wrap;
}

.briqs-company-departments__badge {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 8px;
  border-radius: var(--briqs-radius-pill);
  border: 1px solid var(--briqs-border);
  font-size: 10.5px;
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text3);
}

.briqs-company-departments__badge.is-system,
.briqs-company-departments__badge.is-ai {
  border-color: color-mix(in srgb, var(--briqs-accent) 28%, var(--briqs-border));
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
}

.briqs-company-departments__badge.is-custom {
  border-color: color-mix(in srgb, var(--briqs-teal) 32%, var(--briqs-border));
  background: var(--briqs-teal-bg);
  color: var(--briqs-teal);
}

.briqs-company-departments__badge.is-inactive {
  border-color: var(--briqs-border-md);
  background: var(--briqs-surface-alt);
  color: var(--briqs-text2);
}

.briqs-company-departments__card-metrics,
.briqs-company-departments__card-meta {
  font-size: 11.5px;
  color: var(--briqs-text3);
}

.briqs-company-departments__card-metrics {
  display: grid;
  gap: 5px;
}

.briqs-company-departments__card-metric {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 8px;
  align-items: baseline;
}

.briqs-company-departments__card-metric-name {
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text2);
}

.briqs-company-departments__card-metric-values {
  gap: 6px;
  flex-wrap: wrap;
  min-width: 0;
}

.briqs-company-departments__card-metric-value {
  white-space: nowrap;
}

.briqs-company-departments__card-metric-value strong {
  font-size: 12px;
  color: var(--briqs-text);
}

.briqs-company-departments__card-metric-value + .briqs-company-departments__card-metric-value::before {
  content: '·';
  margin-right: 6px;
  color: var(--briqs-text3);
}

.briqs-company-departments__card-meta {
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
}

.briqs-company-departments__card-meta span {
  gap: 4px;
}

.briqs-company-departments__card-meta svg {
  width: 13px;
  height: 13px;
}

.briqs-company-departments__empty {
  display: grid;
  place-items: center;
  gap: 8px;
  padding: 24px;
  text-align: center;
  font-size: 12.5px;
  color: var(--briqs-text3);
}

.briqs-company-departments__empty svg {
  width: 18px;
  height: 18px;
}

@media (max-width: 900px) {
  .briqs-company-departments__filters,
  .briqs-company-departments__panel-head,
  .briqs-company-departments__settings-actions {
    grid-template-columns: 1fr;
    align-items: stretch;
    flex-direction: column;
  }

  .briqs-company-departments__filter-checks,
  .briqs-company-departments__settings-save {
    justify-content: flex-start;
  }

  .briqs-company-departments__metrics {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
  }
}

@media (max-width: 640px) {
  .briqs-company-departments {
    padding: 12px;
  }

  .briqs-company-departments__panel {
    padding: 12px;
  }

  .briqs-company-departments__cards,
  .briqs-company-departments__metrics,
  .briqs-company-departments__info-grid,
  .briqs-company-departments__settings-grid {
    grid-template-columns: 1fr;
  }

  .briqs-company-departments__settings-wide {
    grid-column: auto;
  }
}

@media (max-width: 720px) {
  .briqs-company-departments {
    padding-inline: var(--briqs-content-gutter-mobile);
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/work/company/company-department-detail.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* The inline department detail block of the team tab (overview, employees
   and settings tabs below the cards) and the company settings sheet body:
   metrics, info fields, employee rows and the settings grid. */

.briqs-company-departments__detail-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.briqs-company-departments__section-title {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text2);
}

.briqs-company-departments__metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
  gap: 8px;
}

.briqs-company-departments__metric,
.briqs-company-departments__info-field {
  border: 1px solid var(--briqs-border-md);
  border-radius: var(--briqs-radius-sm);
  background: color-mix(in srgb, var(--briqs-surface) 94%, var(--briqs-bg) 6%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--primitive-white) 10%, transparent);
}

.briqs-company-departments__metric {
  display: grid; grid-template-columns: auto minmax(0, 1fr);
  align-items: center; gap: 12px; min-width: 0;
  min-height: 70px; padding: 13px 14px;
}

.briqs-company-departments__metric-icon {
  display: grid; place-items: center;
  width: 34px; height: 34px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid color-mix(in srgb, var(--briqs-accent) 26%, transparent);
  background: color-mix(in srgb, var(--briqs-accent-bg) 44%, var(--briqs-surface) 56%);
  color: var(--briqs-accent-text);
  flex-shrink: 0;
}

.briqs-company-departments__metric-icon svg {
  width: 16px; height: 16px;
}

.briqs-company-departments__metric-value,
.briqs-company-departments__metric-label,
.briqs-company-departments__info-label,
.briqs-company-departments__info-value,
.briqs-company-departments__employee-name,
.briqs-company-departments__employee-sub {
  display: block;
}

.briqs-company-departments__metric-value {
  font-size: 19px;
  line-height: 1.05;
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text);
}

.briqs-company-departments__metric-label,
.briqs-company-departments__info-label,
.briqs-company-departments__employee-sub {
  font-size: 11.5px;
  line-height: 1.35;
  color: var(--briqs-text3);
}

.briqs-company-departments__info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.briqs-company-departments__info-field {
  display: flex; flex-direction: column; justify-content: center;
  min-width: 0; min-height: 62px; padding: 11px 13px;
}

.briqs-company-departments__info-field.is-wide {
  grid-column: 1 / -1;
}

.briqs-company-departments__info-value {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.45;
  color: var(--briqs-text);
  font-weight: var(--briqs-font-weight-medium);
  overflow-wrap: anywhere;
}

.briqs-company-departments__color-value {
  gap: 8px;
}

.briqs-company-departments__employee {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.briqs-company-departments__employee-avatar {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: var(--briqs-radius-full);
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
  flex-shrink: 0;
}

.briqs-company-departments__employee-name {
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text);
}

.briqs-company-departments__settings-head {
  display: grid;
  gap: 2px;
}

.briqs-company-departments__settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.briqs-company-departments__settings-wide {
  grid-column: 1 / -1;
}
.briqs-company-departments__settings-actions {
  align-items: center;
  padding-top: 14px;
  border-top: 1px solid var(--briqs-border);
}

/* Inside a UiSheet footer the sheet frame owns the separator; the actions row
   only spreads delete left and save right across the full width. */
.briqs-company-departments__settings-actions.is-footer {
  width: 100%; padding-top: 0; border-top: 0; flex-direction: row; align-items: center;
}
.briqs-company-departments__settings-actions.is-footer .briqs-company-departments__settings-save {
  flex-wrap: nowrap;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/work/company/company-settings.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* The company settings sheet body: an intro line about what the settings
   cover, then one row per company-wide option — name with a hint on the left,
   the switch on the right, hairline separators between blocks. Follows the
   same calm field rhythm as the department detail settings grid. */

.briqs-company-settings {
  display: flex;
  flex-direction: column;
}

.briqs-company-settings__intro {
  margin: 0;
  padding-bottom: 14px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--briqs-text3);
}

.briqs-company-settings__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-top: 1px solid var(--briqs-border);
}

.briqs-company-settings__row:last-child {
  padding-bottom: 0;
}

.briqs-company-settings__row-text {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.briqs-company-settings__row-title {
  font-size: 13px;
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text);
}

.briqs-company-settings__row-hint {
  font-size: 11.5px;
  line-height: 1.45;
  color: var(--briqs-text3);
}

/* The switch aligns with the row title line, not the middle of the hint. */
.briqs-company-settings__row-control {
  flex-shrink: 0;
  padding-top: 1px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/work/mind-map/mind-map-surface.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-mind-map {
  display: flex;
  flex: 1 1;
  min-height: 0;
  flex-direction: column;
  background: var(--briqs-bg);
}

/* The graph pans and zooms inside itself, so the viewport fills the surface
   without scrolling; the lens bar, hover tip and node card float above it. */
.briqs-mind-map__viewport {
  position: relative;
  flex: 1 1;
  min-height: 0;
  overflow: hidden;
}

.briqs-mind-map__controls {
  position: absolute;
  inset: var(--briqs-spacing-4) var(--briqs-spacing-4) auto;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--briqs-spacing-2);
  pointer-events: none;
}
.briqs-mind-map__controls > * { pointer-events: auto; }
.briqs-mind-map__node-picker { width: min(var(--briqs-map-node-picker-width), 100%); }
.briqs-mind-map__view-controls { display: flex; align-items: center; flex-wrap: wrap; gap: var(--briqs-spacing-1); }
.briqs-mind-map__view-controls button { background: var(--briqs-bg); }

.briqs-mind-map__graph {
  position: absolute;
  inset: 0;
}

/* The graph canvas sits above the dissolving message ghosts. */
.briqs-mind-map__graph {
  z-index: 1;
}

/* One conversation, compact over the map or expanded as a readable log. */
.briqs-mind-map__rail {
  position: absolute;
  right: var(--briqs-spacing-4);
  bottom: var(--briqs-spacing-4);
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: var(--briqs-spacing-2);
  width: min(var(--briqs-map-rail-width), calc(100% - var(--briqs-spacing-8)));
  max-height: calc(100% - var(--briqs-spacing-8));
  min-height: 0;
  pointer-events: none;
}
.briqs-mind-map__rail[data-expanded='true'] {
  width: min(var(--briqs-map-dialog-width), calc(100% - var(--briqs-spacing-8)));
  height: min(var(--briqs-map-dialog-height), calc(100% - var(--briqs-spacing-8)));
  padding: var(--briqs-spacing-3);
  border-radius: var(--briqs-radius);
  background: var(--briqs-surface);
  pointer-events: auto;
}
.briqs-mind-map__rail-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--briqs-spacing-1);
  flex-shrink: 0;
  pointer-events: auto;
}
.briqs-mind-map__rail-history {
  flex: 1 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding: var(--briqs-spacing-1);
  font-size: var(--briqs-font-size-body);
  line-height: var(--briqs-leading-body);
  pointer-events: auto;
}
.briqs-mind-map__rail-history:focus-visible {
  outline: var(--briqs-border-width) solid var(--briqs-accent);
  outline-offset: var(--briqs-spacing-1);
}
.briqs-mind-map__rail-line {
  margin: 0 0 var(--briqs-spacing-4);
  padding: var(--briqs-spacing-2) var(--briqs-spacing-3);
  border-radius: var(--briqs-radius-sm);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: var(--briqs-text);
}
.briqs-mind-map__rail-line[data-author='person'] { background: var(--briqs-bg); }
.briqs-mind-map__rail-author {
  display: block;
  margin-bottom: var(--briqs-spacing-1);
  color: var(--briqs-accent-text);
  font-size: var(--briqs-font-size-caption);
  font-weight: var(--briqs-font-weight-medium);
}
.briqs-mind-map__rail-empty,
.briqs-mind-map__rail-cue,
.briqs-mind-map__rail-activity,
.briqs-mind-map__rail-error {
  margin: 0;
  padding: var(--briqs-spacing-2) var(--briqs-spacing-3);
  font-size: var(--briqs-font-size-body-sm);
  line-height: var(--briqs-leading-body-sm);
  color: var(--briqs-text2);
  overflow-wrap: anywhere;
}
.briqs-mind-map__rail-cues:empty { display: none; }
.briqs-mind-map__rail-cue,
.briqs-mind-map__rail-activity { background: var(--briqs-bg); border-radius: var(--briqs-radius-sm); }
.briqs-mind-map__rail-cue { animation: briqs-mind-map-line-dissolve var(--briqs-map-cue-duration) ease forwards; }
.briqs-mind-map__rail-error { color: var(--briqs-red); background: var(--briqs-bg); pointer-events: auto; }
@keyframes briqs-mind-map-line-dissolve {
  0% { opacity: 0; transform: translateY(var(--briqs-spacing-1)); }
  8%, 65% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(calc(-1 * var(--briqs-spacing-2))); }
}
@media (prefers-reduced-motion: reduce) {
  .briqs-mind-map__rail-cue { animation: none; }
}
.briqs-mind-map__composer {
  display: flex;
  align-items: flex-end;
  gap: var(--briqs-spacing-2);
  flex-shrink: 0;
  pointer-events: auto;
}
.briqs-mind-map__composer-field { flex: 1 1; min-width: 0; }
.briqs-mind-map__composer-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--briqs-spacing-2);
  padding-left: var(--briqs-spacing-3);
  background: var(--briqs-surface);
  color: var(--briqs-accent-text);
  font-size: var(--briqs-font-size-caption);
  flex-shrink: 0;
  pointer-events: auto;
}
.briqs-mind-map__composer-context span { min-width: 0; overflow-wrap: anywhere; }
.briqs-mind-map__composer .briqs-mind-map__composer-input {
  min-height: 0;
  padding: var(--briqs-spacing-2) var(--briqs-spacing-3);
  border-radius: var(--briqs-radius);
  font-size: var(--briqs-font-size-m);
  line-height: var(--briqs-leading-body-sm);
  background: var(--briqs-bg);
  resize: none;
}

.briqs-mind-map__card-live {
  font-size: var(--briqs-font-size-caption);
  color: var(--briqs-text2);
}

.briqs-mind-map__card-live[data-state='waiting'] {
  color: var(--briqs-accent-text);
}

.briqs-mind-map__card-live[data-state='blocked'] {
  color: var(--briqs-red);
}

.briqs-mind-map__card-live[data-state='working'] {
  color: var(--briqs-teal);
}

/* Node card: the small window with the live state, next step and actions. */
.briqs-mind-map__card {
  position: absolute;
  z-index: 4;
  width: min(var(--briqs-map-card-width), calc(100% - var(--briqs-spacing-8)));
  max-height: calc(100% - var(--briqs-spacing-8));
  overflow-y: auto;
  overscroll-behavior: contain;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border-radius: var(--briqs-radius);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface-elevated);
  box-shadow: 0 16px 44px rgb(0 0 0 / 0.38);
}

.briqs-mind-map__card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.briqs-mind-map__card-kind {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--briqs-font-size-overline);
  font-weight: var(--briqs-font-weight-overline);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--briqs-text3);
}

.briqs-mind-map__card-title {
  margin: 0;
  font-size: var(--briqs-font-size-body);
  font-weight: 600;
  color: var(--briqs-text);
}

.briqs-mind-map__card-live {
  margin: 0;
  font-weight: 500;
}

.briqs-mind-map__card-description {
  margin: 0;
  font-size: var(--briqs-font-size-caption);
  line-height: 1.45;
  color: var(--briqs-text2);
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.briqs-mind-map__card-next {
  margin: 0;
  display: flex;
  gap: 6px;
  align-items: baseline;
  font-size: var(--briqs-font-size-caption);
  line-height: 1.4;
  color: var(--briqs-text);
}

.briqs-mind-map__card-next-label {
  flex-shrink: 0;
  font-size: var(--briqs-font-size-overline);
  font-weight: var(--briqs-font-weight-overline);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--briqs-accent-text);
}

.briqs-mind-map__card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

@media (max-width: 600px) {
  .briqs-mind-map__controls { inset: var(--briqs-spacing-2) var(--briqs-spacing-3) auto; }
  .briqs-mind-map__node-picker { width: 100%; }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/work/tasks/tasks-surface.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Tasks page surface — filter toolbar, view switcher, list and kanban views
   over the workspace card set. Calendar view classes live in their own file. */

.briqs-tasks--filtered .briqs-section-screen__content:not(.briqs-record-list__content) {
  display: flex;
  flex-direction: column;
}

/* One frame for every work board. */
.briqs-work-board {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  min-height: 0;
}

/* Content pieces shared by the list rows and the kanban cards. The row frame
   itself (container, rows, hover, empty) lives in the ui-kit UiListRows. */
.briqs-tasks__badge {
  white-space: nowrap;
}

.briqs-tasks__badge {
  display: inline-flex;
  font-size: 10.5px;
  font-weight: var(--briqs-font-weight-medium);
  padding: 2px 8px;
  border-radius: var(--briqs-radius-pill);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface-alt);
  color: var(--briqs-text3);
}

.briqs-tasks__badge.is-priority-high {
  border-color: color-mix(in srgb, var(--briqs-amber) 45%, transparent);
  background: var(--briqs-amber-bg);
  color: var(--briqs-amber);
}

.briqs-tasks__badge.is-priority-urgent,
.briqs-tasks__badge.is-overdue {
  border-color: color-mix(in srgb, var(--briqs-status-danger) 45%, transparent);
  background: var(--briqs-status-danger-bg);
  color: var(--briqs-status-danger-text);
}
/* The done mark before the title of a closed record in a list row. */
.briqs-tasks__row-summary {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.briqs-tasks__row-mark {
  color: var(--briqs-green);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}

/* Sections of the grouped list: a heading with the count, then the shared
   row frame. Each section reads like a board column laid on its side. */
.briqs-tasks__groups {
  display: flex;
  flex-direction: column;
  gap: var(--briqs-spacing-6);
  min-width: 0;
}

.briqs-tasks__group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.briqs-tasks__group-head {
  display: flex;
  align-items: center;
  gap: var(--briqs-spacing-2);
  position: sticky;
  top: var(--briqs-sticky-top, 0);
  z-index: 1;
  padding-block: var(--briqs-spacing-2);
  background: var(--briqs-surface);
}

.briqs-tasks__group-title {
  margin: 0;
  font-size: var(--briqs-ui-font-list);
  line-height: var(--briqs-leading-heading);
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text);
}

.briqs-tasks__day {
  min-width: 0;
}

.briqs-tasks__day-title {
  margin: var(--briqs-spacing-3) 0 var(--briqs-spacing-2);
  color: var(--briqs-text2);
  font-size: var(--briqs-ui-font-list);
  font-weight: var(--briqs-font-weight-semibold);
}

.briqs-tasks__row-time {
  flex: none;
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-meta);
  font-weight: var(--briqs-font-weight-regular);
  white-space: nowrap;
}

/* The one list of records of every section and of «Мои»: the filters, the
   counters of the stages that also choose a stage, the rows or the table,
   and the foot that says how much of the whole is shown. The row frame is
   the ui-kit UiListRows, the table the ui-kit UiDataTable. */
.briqs-record-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

/* A section's list holds the height of the page: the filters, the counters
   and the foot stay in place and the rows scroll between them, so a long list
   is windowed by the ui-kit instead of mounting every row. */
.briqs-record-list__content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.briqs-record-list__content > .briqs-record-list {
  flex: 1 1;
  min-height: 0;
}

.briqs-record-list__rows {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

.briqs-record-list__filter {
  width: 184px;
}

.briqs-record-list__stages {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.briqs-record-list__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.briqs-record-list__shown {
  font-size: var(--briqs-ui-font-meta);
  color: var(--briqs-text3);
}

/* What a record belongs to — its plan, its wave, its parent — quietly before
   the title in a row and above it in the table, in ordinary type: no capitals,
   no spacing (the owner's call 29.09). */
.briqs-record-row__kicker {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--briqs-ui-font-meta);
  font-weight: var(--briqs-font-weight-regular);
  color: var(--briqs-text3);
}

.briqs-record-row__heading {
  display: flex;
  align-items: center;
  gap: var(--briqs-spacing-2);
  min-width: 0;
  overflow: hidden;
}

.briqs-record-row__title {
  flex: 1 0 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* The shared UiListRows frame keeps the facts below the title. Its meta slot
   stays in one line and naturally moves below the facts when space runs out. */
button:has(.briqs-record-row__heading) {
  flex-wrap: wrap;
}

button:has(.briqs-record-row__heading) > span:nth-child(2) {
  flex: 1 1 50%;
  min-width: min(100%, var(--briqs-content-sidebar));
}

button:has(.briqs-record-row__heading) > span:last-child {
  flex: 0 0 auto;
  flex-wrap: nowrap;
  justify-content: flex-start;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.briqs-record-row__kicker-link {
  cursor: pointer;
}

.briqs-record-row__kicker .briqs-work-belonging__unresolved {
  color: var(--briqs-text3);
}

.briqs-record-row__kicker-link:hover,
.briqs-record-row__kicker-link:focus-visible {
  color: var(--briqs-accent-text-strong);
  text-decoration: underline;
}

/* Goals surface — the centered roadmap starter block. */
.briqs-goals {
  flex: 1 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 32px 24px;
  text-align: center;
}

.briqs-goals__title {
  margin: 0;
  font-size: 16px;
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text);
}

.briqs-goals__hint {
  margin: 0;
  max-width: 460px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--briqs-text3);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/work/goals/goals-surface.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Goals surface: the week layout of the server projection, drawn as a grid of
   weeks with a bar per goal. The grid itself is the shared ui-kit primitive;
   what is styled here is the goal inside it: the summary of the board, the
   title with its marks and the plans a goal is made of. The list of goals is
   the one list of records every section draws. */

.briqs-goals__timeline {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  min-height: 0;
  padding: 4px 0;
  overflow-y: auto;
}

.briqs-goals__row-title {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  min-width: 0;
  font-size: var(--briqs-ui-font-title);
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text);
}

.briqs-goals__row-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}

/* The board computed the verdict; without this mark it reads as somebody's
   hand-written tick that has been ageing since. */
.briqs-goals__computed {
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid var(--briqs-border);
  font-size: var(--briqs-ui-font-chip-compact);
  font-weight: var(--briqs-font-weight-regular);
  color: var(--briqs-text3);
}

/* A goal is made of its plans, so the same strip of chips stands under the bar
   and on the card. No plans is said in words: a goal with none is filled with
   nothing, and an empty strip would hide that. */
.briqs-goals__plans {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  min-width: 0;
}

.briqs-goals__plans-empty {
  font-size: var(--briqs-ui-font-meta);
  color: var(--briqs-text3);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/work/calendar/calendar-surface.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Tasks calendar views — the day agenda and the content of the
   month view of the tasks page. The month grid layout itself is the ui-kit
   `UiCalendarGrid`; this file keeps the shared toolbar, badge
   set, month chip content and the day view. Shared briqs-* tokens;
   presentation only. */

/* Shared shell */
.briqs-tasks-cal {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.briqs-tasks-cal__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.briqs-tasks-cal__title {
  font-size: 14px;
  font-weight: 600;
  color: var(--briqs-text);
}

.briqs-tasks-cal__nav {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.briqs-tasks-cal__nav-btn {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
  color: var(--briqs-text3);
  cursor: pointer;
  transition: color 140ms, border-color 140ms;
}

.briqs-tasks-cal__nav-btn:hover {
  color: var(--briqs-text);
  border-color: var(--briqs-border-md);
}

.briqs-tasks-cal__nav-today {
  font: inherit;
  font-size: 12px;
  font-weight: var(--briqs-font-weight-medium);
  padding: 5px 12px;
  border-radius: var(--briqs-radius-pill);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
  color: var(--briqs-text2);
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 140ms, color 140ms, background 140ms;
}

.briqs-tasks-cal__nav-today:hover {
  border-color: color-mix(in srgb, var(--briqs-accent) 30%, transparent);
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
}

.briqs-tasks-cal__empty {
  margin: 0;
  padding: 12px 2px;
  font-size: 13px;
  color: var(--briqs-text3);
}

/* Overdue badge in the day agenda. */
.briqs-tasks-cal__badge {
  display: inline-flex;
  align-items: center;
  font-size: 10.5px;
  font-weight: var(--briqs-font-weight-medium);
  padding: 1px 8px;
  border-radius: var(--briqs-radius-pill);
  border: 1px solid var(--briqs-border);
  color: var(--briqs-text3);
  white-space: nowrap;
}

.briqs-tasks-cal__badge.is-overdue {
  border-color: color-mix(in srgb, var(--briqs-status-danger) 40%, transparent);
  color: var(--briqs-status-danger-text);
}

/* Month chip inside a ui-kit `UiCalendarGrid` day cell: the record's title
   on its kind tint, up to two lines; an overdue record carries a danger edge
   (its name says «overdue» to assistive technology). */
.briqs-tasks-cal__cell-task {
  display: block;
  min-width: 0;
  font-size: 10.5px;
  font-weight: var(--briqs-font-weight-medium);
  line-height: 1.35;
  padding: 2px 6px;
  border-radius: var(--briqs-radius-sm);
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
}

.briqs-tasks-cal__cell-task-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
}

.briqs-tasks-cal__cell-task.is-overdue {
  box-shadow: inset 2px 0 0 var(--briqs-status-danger);
}

/* Selected-day panel under the month grid */
.briqs-tasks-cal__day-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 14px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface-alt);
  min-width: 0;
}

.briqs-tasks-cal__day-panel-title {
  font-size: 12px;
  font-weight: var(--briqs-font-weight-medium);
  color: var(--briqs-text2);
}

/* Day agenda — the day view of the calendar: the day's list and the chosen
   record in place. */
.briqs-calendar-agenda {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

/* Master-detail split of the day view: the agenda list on the left, the
   selected record opening in place on the right, as wide as the record panel
   elsewhere. Each pane pads itself. */
.briqs-calendar-agenda.is-split {
  display: grid;
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  height: 100%;
  min-height: 0;
}

.briqs-calendar-agenda__list-pane,
.briqs-calendar-agenda__detail-pane {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  padding: 18px;
}

/* One pane alone (compact viewport) fills the day view. */
.briqs-calendar-agenda:not(.is-split) > .briqs-calendar-agenda__list-pane,
.briqs-calendar-agenda:not(.is-split) > .briqs-calendar-agenda__detail-pane {
  padding: 0;
}

.briqs-calendar-agenda__detail-pane {
  border-left: 1px solid var(--briqs-border);
  background: color-mix(in srgb, var(--briqs-surface) 55%, var(--briqs-bg) 45%);
  padding: 0;
}

.briqs-calendar-agenda__item.is-selected {
  border-color: color-mix(in srgb, var(--briqs-accent) 55%, var(--briqs-border));
  background: var(--briqs-accent-bg);
}

.briqs-calendar-agenda__detail-placeholder {
  margin: auto;
  max-width: 320px;
  padding: 24px;
  text-align: center;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--briqs-text3);
}

@media (max-width: 900px) {
  .briqs-calendar-agenda.is-split {
    grid-template-columns: 1fr;
  }

  .briqs-calendar-agenda__detail-pane {
    border-left: 0;
    border-top: 1px solid var(--briqs-border);
  }
}

.briqs-calendar-agenda__summary {
  display: flex;
  align-items: center;
  gap: 8px;
}

.briqs-calendar-agenda__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.briqs-calendar-agenda__item {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 12px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
  transition: border-color 140ms, background 140ms;
}

.briqs-calendar-agenda__item:hover {
  border-color: color-mix(in srgb, var(--briqs-accent) 30%, var(--briqs-border));
  background: var(--briqs-surface-alt);
}

.briqs-calendar-agenda__item-head,
.briqs-calendar-agenda__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.briqs-calendar-agenda__kind,
.briqs-calendar-agenda__time {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 7px;
  border-radius: var(--briqs-radius-pill);
  font-size: 11px;
  font-weight: var(--briqs-font-weight-semibold);
}

.briqs-calendar-agenda__kind {
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
}

.briqs-calendar-agenda__time {
  color: var(--briqs-text3);
  background: var(--briqs-surface-alt);
}

.briqs-calendar-agenda__title {
  font-size: 13px;
  font-weight: var(--briqs-font-weight-medium);
  line-height: 1.35;
  color: var(--briqs-text);
}

.briqs-calendar-agenda__board,
.briqs-calendar-agenda__agent {
  font-size: 11.5px;
  color: var(--briqs-text3);
}

.briqs-tasks-cal__inline-agenda {
  display: flex;
  flex-direction: column;
  gap: var(--briqs-spacing-2);
  border-top: 1px solid var(--briqs-border);
  padding-top: var(--briqs-spacing-3);
}

.briqs-tasks-cal__inline-agenda > h3 {
  margin: 0;
}

@media (max-width: 720px) {
  .briqs-calendar-agenda__list-pane,
  .briqs-calendar-agenda__detail-pane {
    padding-inline: var(--briqs-content-gutter-mobile);
  }

  .briqs-tasks-cal__inline-agenda .briqs-calendar-agenda__summary {
    display: none;
  }

  .briqs-tasks-cal__inline-agenda .briqs-calendar-agenda__item {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: var(--briqs-spacing-3);
    row-gap: var(--briqs-spacing-1);
    padding: var(--briqs-spacing-3);
  }

  .briqs-tasks-cal__inline-agenda .briqs-calendar-agenda__item-head {
    grid-row: 1 / 3;
    align-self: center;
  }

  .briqs-tasks-cal__inline-agenda .briqs-calendar-agenda__kind {
    display: none;
  }

  .briqs-tasks-cal__inline-agenda .briqs-calendar-agenda__title,
  .briqs-tasks-cal__inline-agenda .briqs-calendar-agenda__meta {
    grid-column: 2;
    border-left: 2px solid var(--briqs-accent);
    padding-left: var(--briqs-spacing-2);
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/modules/work/calendar/calendar-toolbar.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Calendar-specific placement; controls and compact rows belong to UiFilterToolbar. */
.briqs-calendar-toolbar__filter {
  width: 172px;
  max-width: 100%;
  min-width: 0;
}

.briqs-calendar-toolbar__views {
  min-width: 0;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/products/briqs/welcome.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Canonical public composition; cabinet theme is never changed. */
.briqs-welcome { --briqs-welcome-header-height:calc(var(--briqs-target-min) + var(--briqs-spacing-8) + var(--briqs-border-width)); color:var(--briqs-text); background:var(--briqs-bg); font-size:var(--briqs-font-size-m); line-height:var(--briqs-leading-body); min-height:100svh; }
.briqs-welcome[data-theme='light'] { color-scheme:light; }
.briqs-welcome[data-theme='dark'] { color-scheme:dark; }
.briqs-welcome :is(h1,h2,h3,p,figure,blockquote) { margin:0; }
.briqs-welcome :is(h1,h2,h3) { font-family:var(--briqs-font-heading); }
.briqs-welcome :is(h1,h2) { font-weight:var(--briqs-font-weight-medium); text-wrap:balance; white-space:pre-line; }
.briqs-welcome h1 { font-size:var(--briqs-font-size-display-sm); letter-spacing:var(--briqs-tracking-display); line-height:var(--briqs-leading-display); }
.briqs-welcome h2 { font-size:var(--briqs-font-size-section); letter-spacing:var(--briqs-tracking-tight); line-height:var(--briqs-leading-tight); }
.briqs-welcome h3 { font-size:var(--briqs-font-size-subheading); line-height:var(--briqs-leading-heading); font-weight:var(--briqs-font-weight-semibold); letter-spacing:var(--briqs-tracking-snug); }
.briqs-welcome p { color:var(--briqs-text2); }
.briqs-welcome :is(a,button,summary,[tabindex],textarea):focus-visible { outline:var(--briqs-focus-width) solid var(--briqs-text); outline-offset:var(--briqs-spacing-1); }
.briqs-welcome :is(section,main,form) { scroll-margin-top:calc(var(--briqs-welcome-header-height) + env(safe-area-inset-top, 0px) + var(--briqs-spacing-6)); }
.briqs-welcome__container { width:min(calc(100% - var(--briqs-spacing-16)),var(--briqs-content-wide)); margin-inline:auto; }
.briqs-welcome__header { position:sticky; top:0; z-index:var(--briqs-z-sticky); padding-top:env(safe-area-inset-top, 0px); background:var(--briqs-bg); border-bottom:var(--briqs-border-width) solid var(--briqs-border-md); }
.briqs-welcome__header-inner { display:flex; align-items:center; gap:var(--briqs-spacing-4); min-height:calc(var(--briqs-welcome-header-height) - var(--briqs-border-width)); }
.briqs-welcome__header-inner > .briqs-brand { flex-shrink:0; }
.briqs-welcome__navigation { display:flex; align-items:center; gap:var(--briqs-spacing-1); margin-left:auto; }
.briqs-welcome__navigation :is(a,button) { padding-inline:var(--briqs-spacing-2); }
.briqs-welcome__preferences,.briqs-welcome__header-account { display:flex; align-items:center; flex-shrink:0; gap:var(--briqs-spacing-1); }
.briqs-welcome__mobile-navigation { display:none; }
.briqs-welcome__skip { position:absolute; top:var(--briqs-spacing-3); left:var(--briqs-spacing-6); padding:var(--briqs-spacing-3) var(--briqs-spacing-6); background:var(--briqs-surface); transform:translateY(-200%); }
.briqs-welcome__skip:focus { transform:translateY(0); z-index:var(--briqs-z-overlay); }
@media(max-width:1280px) {
  .briqs-welcome { --briqs-welcome-header-height:calc(var(--briqs-target-min) + var(--briqs-spacing-4) + var(--briqs-border-width)); }
  .briqs-welcome__header-inner { gap:var(--briqs-spacing-2); }
  .briqs-welcome__navigation,.briqs-welcome__header-account { display:none; }
  .briqs-welcome__preferences { margin-left:auto; }
  .briqs-welcome__preferences > button { min-width:var(--briqs-target-min); min-height:var(--briqs-target-min); }
  .briqs-welcome__mobile-navigation { display:flex; flex-shrink:0; }
}
.briqs-welcome .briqs-welcome__eyebrow { font-size:var(--briqs-font-size-caption); font-weight:var(--briqs-font-weight-medium); letter-spacing:var(--briqs-tracking-wide); text-transform:uppercase; color:var(--briqs-text2); margin-bottom:var(--briqs-spacing-5); }
.briqs-welcome__hero { padding-top:var(--briqs-spacing-8); text-align:center; }
.briqs-welcome__hero h1 span { color:var(--briqs-accent-text); }
.briqs-welcome .briqs-welcome__lead { font-size:var(--briqs-font-size-lead); line-height:var(--briqs-leading-body-sm); }
.briqs-welcome__hero .briqs-welcome__lead { max-width:var(--briqs-content-reading); margin:var(--briqs-spacing-4) auto var(--briqs-spacing-6); text-wrap:pretty; font-size:var(--briqs-font-size-m); }
.briqs-welcome__detail-hero { padding-block:var(--briqs-spacing-20) var(--briqs-spacing-16); }
.briqs-welcome__detail-hero h1 { max-width:var(--briqs-content-reading); font-size:var(--briqs-font-size-section); }
.briqs-welcome__detail-hero .briqs-welcome__lead { max-width:var(--briqs-content-reading); margin-block:var(--briqs-spacing-8); }
.briqs-welcome__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:var(--briqs-spacing-3); margin-top:var(--briqs-spacing-8); }
.briqs-welcome__actions a { gap:var(--briqs-spacing-6); }
.briqs-welcome .briqs-welcome__access { font-size:var(--briqs-font-size-caption); margin-top:var(--briqs-spacing-4); }
.briqs-welcome__section { padding-block:var(--briqs-spacing-24); }
.briqs-welcome__section + .briqs-welcome__section { padding-top:var(--briqs-spacing-8); }
.briqs-welcome__section-heading { display:grid; grid-template-columns:3fr 2fr; gap:var(--briqs-spacing-20); align-items:end; margin-bottom:var(--briqs-spacing-12); }
.briqs-welcome__section-heading > p { max-width:var(--briqs-content-narrow); }
.briqs-welcome .briqs-welcome__pullquote { max-width:var(--briqs-content-reading); font-size:var(--briqs-font-size-lead); border-left:var(--briqs-focus-width) solid var(--briqs-accent); padding-left:var(--briqs-spacing-6); margin-block:var(--briqs-spacing-12); color:var(--briqs-text); }
.briqs-welcome__steps { list-style:none; padding:0; margin:var(--briqs-spacing-12) 0 var(--briqs-spacing-8); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--briqs-spacing-10); }
.briqs-welcome__steps li { border-top:var(--briqs-border-width) solid var(--briqs-border-strong); padding-top:var(--briqs-spacing-5); }
.briqs-welcome__step-number { color:var(--briqs-accent-text-strong); font-size:var(--briqs-font-size-l-sm); }
.briqs-welcome__steps h3 { margin-block:var(--briqs-spacing-4) var(--briqs-spacing-2); }
.briqs-welcome .briqs-welcome__note { font-size:var(--briqs-font-size-body-sm); margin-top:var(--briqs-spacing-4); }
.briqs-welcome__audiences { padding-bottom:var(--briqs-spacing-24); }
.briqs-welcome__audience-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--briqs-spacing-6); }
.briqs-welcome__audience-grid article { background:var(--briqs-accent-bg); border:var(--briqs-border-width) solid var(--briqs-border-md); border-radius:var(--briqs-radius-xl); padding:var(--briqs-spacing-10); }
.briqs-welcome__audience-grid article + article { background:var(--briqs-bg-strong); }
.briqs-welcome__audience-grid h3 { font-size:var(--briqs-font-size-xl); margin-block:var(--briqs-spacing-6) var(--briqs-spacing-4); }
.briqs-welcome__audience-grid p { margin-bottom:var(--briqs-spacing-6); }
.briqs-welcome__studio { background:var(--briqs-editorial-inverse-bg); color:var(--briqs-editorial-inverse-text); padding-block:var(--briqs-spacing-24); }
.briqs-welcome__studio p { color:var(--briqs-editorial-inverse-muted); }
.briqs-welcome__studio .briqs-welcome__eyebrow { color:var(--briqs-editorial-inverse-accent); }
.briqs-welcome__scenario { padding-block:var(--briqs-spacing-20); background:var(--briqs-accent-bg); }
.briqs-welcome__faq { display:grid; grid-template-columns:1fr 1fr; gap:var(--briqs-spacing-16); }
.briqs-welcome__faq details { border-bottom:var(--briqs-border-width) solid var(--briqs-border-md); }
.briqs-welcome__faq summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:var(--briqs-spacing-6); padding-block:var(--briqs-spacing-6); cursor:pointer; font-weight:var(--briqs-font-weight-medium); }
.briqs-welcome__faq summary::-webkit-details-marker { display:none; }
.briqs-welcome__faq summary span { font-size:var(--briqs-font-size-l-sm); }
.briqs-welcome__faq details[open] summary span { transform:rotate(45deg); }
.briqs-welcome__faq details p { padding-bottom:var(--briqs-spacing-6); }
.briqs-welcome__closing { padding-block:var(--briqs-spacing-16); }
.briqs-welcome__invitation { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:var(--briqs-spacing-16); padding:var(--briqs-spacing-12); }
.briqs-welcome__invitation-copy { min-width:0; max-width:var(--briqs-content-reading); }
.briqs-welcome__closing h2 { font-size:var(--briqs-font-size-xl); white-space:normal; text-wrap:pretty; }
.briqs-welcome__closing .briqs-welcome__invitation-lead { font-size:var(--briqs-font-size-m); margin-top:var(--briqs-spacing-4); }
.briqs-welcome__closing .briqs-welcome__invitation-offer { font-size:var(--briqs-font-size-body); color:var(--briqs-text3); margin-top:var(--briqs-spacing-4); }
.briqs-welcome__invitation-actions { display:flex; flex-direction:column; gap:var(--briqs-spacing-3); }
@media(max-width:900px) {
  .briqs-welcome__invitation { grid-template-columns:minmax(0,1fr); gap:var(--briqs-spacing-8); padding:var(--briqs-spacing-8); }
  .briqs-welcome__invitation-actions { align-items:flex-start; }
  .briqs-welcome__section-heading { gap:var(--briqs-spacing-8); }
}
@media(max-width:600px) {
  .briqs-welcome__closing { padding-block:var(--briqs-spacing-10); }
  .briqs-welcome__invitation { padding:var(--briqs-spacing-6); gap:var(--briqs-spacing-6); }
  .briqs-welcome__invitation-actions { align-items:stretch; }
  .briqs-welcome__container { width:calc(100% - var(--briqs-spacing-8)); }
  .briqs-welcome__hero { padding-top:var(--briqs-spacing-8); }
  .briqs-welcome__hero .briqs-welcome__eyebrow { font-size:var(--briqs-font-size-caption); }
  .briqs-welcome__hero .briqs-welcome__lead { margin-top:var(--briqs-spacing-5); }
  .briqs-welcome__detail-hero { padding-block:var(--briqs-spacing-12); }
  .briqs-welcome__actions a { width:100%; }
  .briqs-welcome__section,.briqs-welcome__studio,.briqs-welcome__scenario { padding-block:var(--briqs-spacing-16); }
  .briqs-welcome__audiences { padding-bottom:var(--briqs-spacing-16); }
  .briqs-welcome__section-heading,.briqs-welcome__faq { grid-template-columns:1fr; gap:var(--briqs-spacing-6); }
  .briqs-welcome__steps { grid-template-columns:1fr; gap:var(--briqs-spacing-8); }
  .briqs-welcome__audience-grid { grid-template-columns:1fr; }
  .briqs-welcome__audience-grid article { padding:var(--briqs-spacing-6); }
  .briqs-welcome__footer { gap:var(--briqs-spacing-4); }
  .briqs-welcome__footer p { width:100%; }
}
@media(prefers-reduced-motion:reduce) {
  .briqs-welcome *,.briqs-welcome *::before,.briqs-welcome *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; }
}
/* Editorial compositions: large original moving artwork belongs to the page,
   with deliberate changes of scale between narrative, scenarios and product. */
.briqs-welcome__hero { padding-top:var(--briqs-spacing-12); }
.briqs-welcome__hero h1 { font-size:var(--briqs-font-size-display); text-align:center; letter-spacing:var(--briqs-tracking-snug); }
.briqs-welcome__hero h1 > span { white-space:nowrap; }
.briqs-welcome__hero .briqs-welcome__lead { margin-block:var(--briqs-spacing-8); }
.briqs-welcome__editorial-split { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:var(--briqs-spacing-16); }
.briqs-welcome__editorial-split > * { min-width:0; }
.briqs-welcome__editorial-split .briqs-welcome__section-heading { display:block; margin-bottom:var(--briqs-spacing-8); }
.briqs-welcome__editorial-split .briqs-welcome__section-heading > p { margin-top:var(--briqs-spacing-6); }
.briqs-welcome__detail-hero .briqs-welcome__editorial-split { grid-template-columns:6fr 5fr; }
.briqs-welcome__detail-hero .briqs-editorial-art { align-self:center; }
.briqs-welcome__editorial-split .briqs-welcome__steps { display:block; margin:0; }
.briqs-welcome__editorial-split .briqs-welcome__steps li { padding-block:var(--briqs-spacing-6); }
.briqs-welcome__editorial-split .briqs-welcome__steps h3 { margin-top:var(--briqs-spacing-2); }
.briqs-welcome__audience-grid article { min-width:0; display:flex; flex-direction:column; align-items:flex-start; border:0; background:var(--briqs-bg-strong); padding:var(--briqs-spacing-8); }
.briqs-welcome__audience-grid article > a { margin-top:auto; }
.briqs-welcome__audience-grid article[data-accent='true'] { background:var(--briqs-accent-bg); }
.briqs-welcome__audience-grid .briqs-editorial-art { width:75%; margin-inline:auto; }
.briqs-welcome__studio { border-block:var(--briqs-border-width) solid var(--briqs-border-md); }
.briqs-welcome__faq { display:block; max-width:var(--briqs-content-reading); }
.briqs-welcome__faq h2 { text-align:center; margin-bottom:var(--briqs-spacing-12); }
@media(max-width:900px) {
  .briqs-welcome__editorial-split { gap:var(--briqs-spacing-8); }
}
@media(max-width:600px) {
  .briqs-welcome__hero .briqs-welcome__lead { text-align:left; }
  .briqs-welcome__editorial-split,.briqs-welcome__detail-hero .briqs-welcome__editorial-split { grid-template-columns:1fr; }
  .briqs-welcome__editorial-split > .briqs-editorial-art { width:85%; margin-inline:auto; }
  .briqs-welcome__detail-hero .briqs-editorial-art { max-width:var(--briqs-content-sidebar); }
  .briqs-welcome__audience-grid article { padding:var(--briqs-spacing-6); }
}

.briqs-welcome__studio-actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--briqs-spacing-4); margin-top:var(--briqs-spacing-8); }
@media(max-width:900px) and (min-width:601px) {
  .briqs-welcome__audience-grid { grid-template-columns:1fr; gap:var(--briqs-spacing-4); }
  .briqs-welcome__audience-grid article { padding:var(--briqs-spacing-5); }
  .briqs-welcome__audience-grid h3 { font-size:var(--briqs-font-size-subheading); }
}

/* Existing product captures scale within the landing instead of their source pixels. */
.briqs-welcome__product-frame {
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.briqs-welcome__product-frame img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.briqs-welcome__editorial-split + .briqs-welcome__product-frame { margin-top: var(--briqs-spacing-12); }

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/products/briqs/editorial-art.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* One motion vocabulary for the original BRIQS vector series. */
.briqs-editorial-art { display:block; width:100%; height:auto; overflow:visible; color:var(--briqs-text); stroke:currentColor; stroke-width:var(--briqs-art-stroke); stroke-linecap:round; stroke-linejoin:round; }
.briqs-editorial-art [data-tone='accent'] { color:var(--briqs-accent-soft); }
.briqs-editorial-art [data-tone='muted'] { color:var(--briqs-text3); }
.briqs-editorial-art [data-tone='paper'] { fill:var(--briqs-bg); }
.briqs-editorial-art [data-fill='true']:not([data-tone='paper']) { fill:currentColor; }
.briqs-editorial-art text { fill:var(--briqs-text); stroke:none; font:var(--briqs-art-caption-size) var(--briqs-font-mono); }
.briqs-editorial-art [class*='briqs-editorial-art__'] { animation-duration:var(--briqs-art-cycle); animation-iteration-count:infinite; animation-timing-function:ease-in-out; }
.briqs-editorial-art [data-order='2'] { animation-delay:var(--briqs-art-stage-delay); }
.briqs-editorial-art [data-order='3'] { animation-delay:var(--briqs-art-stage-delay-next); }
.briqs-editorial-art__spin,.briqs-editorial-art__reverse { transform-box:fill-box; transform-origin:center; animation-name:briqs-art-spin; animation-timing-function:linear!important; }
.briqs-editorial-art__reverse { animation-direction:reverse; }
.briqs-editorial-art__draw,.briqs-editorial-art__check { stroke-dasharray:1; animation-name:briqs-art-draw; }
.briqs-editorial-art__check { animation-name:briqs-art-check; }
.briqs-editorial-art__rise { animation-name:briqs-art-rise; }
.briqs-editorial-art__orbit { animation-name:briqs-art-orbit; }
/* Staged narrative: one cycle tells the story in three chapters, then rests.
 * Delays stay zero so every loop retells the chapters in the same order. */
.briqs-editorial-art .briqs-editorial-art__story { stroke-dasharray:1; animation-name:briqs-art-story-1; animation-delay:0s; }
.briqs-editorial-art__story[data-order='2'] { animation-name:briqs-art-story-2; }
.briqs-editorial-art__story[data-order='3'] { animation-name:briqs-art-story-3; }
.briqs-editorial-art[data-visible='false'] * { animation-play-state:paused!important; }
@keyframes briqs-art-spin { to { transform:rotate(360deg); } }
@keyframes briqs-art-draw { 0%,8% { stroke-dashoffset:1; } 38%,85% { stroke-dashoffset:0; } 100% { stroke-dashoffset:-1; } }
@keyframes briqs-art-check { 0%,15% { stroke-dashoffset:1; opacity:0; } 18% { opacity:1; } 35%,88% { stroke-dashoffset:0; opacity:1; } 100% { stroke-dashoffset:0; opacity:0; } }
@keyframes briqs-art-rise { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-12px); } }
@keyframes briqs-art-orbit { 0%,100% { transform:translate(0,0); } 50% { transform:translate(14px,-24px); } }
@keyframes briqs-art-story-1 { 0% { stroke-dashoffset:1; } 22%,86% { stroke-dashoffset:0; } 93%,100% { stroke-dashoffset:1; } }
@keyframes briqs-art-story-2 { 0%,14% { stroke-dashoffset:1; } 38%,86% { stroke-dashoffset:0; } 93%,100% { stroke-dashoffset:1; } }
@keyframes briqs-art-story-3 { 0%,30% { stroke-dashoffset:1; } 54%,86% { stroke-dashoffset:0; } 93%,100% { stroke-dashoffset:1; } }
@media(prefers-reduced-motion:reduce) { .briqs-editorial-art * { animation:none!important; stroke-dashoffset:0!important; clip-path:none!important; } }

.briqs-welcome__thought-illustration { margin-top: var(--briqs-spacing-8); }
.briqs-welcome__thought-picture { max-width: var(--briqs-thought-art-width); margin-inline: auto; }
.briqs-welcome__thought-compact { display: none; }
/* Diagram roles preserve readable text throughout the motion cycle. */
.briqs-editorial-art[data-scene='thought'] { stroke-width: var(--briqs-diagram-stroke); }
/* Small reused drawings keep the same pen weight as the larger drawings. */
.briqs-editorial-art[data-scene='thought'] :is(path,circle) { vector-effect: non-scaling-stroke; }
.briqs-editorial-art[data-scene='thought'] g[data-tone='muted'] { opacity: .65; stroke-width: var(--briqs-diagram-line); }
.briqs-editorial-art text[data-text-role] { font-family: var(--briqs-font-ui); }
.briqs-editorial-art text[data-text-role='root'] { font: var(--briqs-font-weight-semibold) var(--briqs-diagram-root-size) var(--briqs-font-heading); }
.briqs-editorial-art text[data-text-role='title'] { font-size: var(--briqs-diagram-title-size); font-weight: var(--briqs-font-weight-semibold); }
.briqs-editorial-art text[data-text-role='label'] { font-size: var(--briqs-diagram-label-size); font-weight: var(--briqs-font-weight-medium); fill: var(--briqs-text2); }
.briqs-editorial-art text[data-text-role='caption'] { font-size: var(--briqs-diagram-caption-size); fill: var(--briqs-text3); }
.briqs-editorial-art__pulse { transform-box: fill-box; transform-origin: center; opacity: .1; animation-name: briqs-art-pulse; stroke: none; }
@keyframes briqs-art-pulse { 0%,100% { opacity:.08; transform:scale(.8); } 50% { opacity:.18; transform:scale(1.2); } }
@media (max-width: 600px) {
  .briqs-welcome__thought-wide { display: none; }
  .briqs-welcome__thought-compact { display: block; }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/products/briqs/welcome-content.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Shared compositions for detailed product stories and availability. */
.briqs-welcome__page-nav { display:flex; gap:var(--briqs-spacing-8); flex-wrap:wrap; padding-block:var(--briqs-spacing-4); border-block:var(--briqs-border-width) solid var(--briqs-border-md); }
.briqs-welcome__page-nav a { display:inline-flex; align-items:center; min-height:var(--briqs-target-min); color:var(--briqs-text2); font-size:var(--briqs-font-size-body); }
.briqs-welcome__page-nav a:hover { color:var(--briqs-text); text-decoration:underline; text-underline-offset:var(--briqs-spacing-1); }
.briqs-welcome__capabilities { display:grid; grid-template-columns:1fr 1fr; gap:var(--briqs-spacing-20); align-items:start; }
.briqs-welcome__capabilities > div { max-width:var(--briqs-content-narrow); }
.briqs-welcome__capabilities-art { margin-top:var(--briqs-spacing-12); }
.briqs-welcome__capabilities .briqs-welcome__note { max-width:var(--briqs-content-sidebar); margin-top:var(--briqs-spacing-6); }
.briqs-welcome__capabilities dl { margin:0; }
.briqs-welcome__capabilities dl > div { padding-block:var(--briqs-spacing-6); border-top:var(--briqs-border-width) solid var(--briqs-border-md); }
.briqs-welcome__capabilities dt span { display:block; color:var(--briqs-accent-text-strong); font-size:var(--briqs-font-size-caption); margin-bottom:var(--briqs-spacing-2); }
.briqs-welcome__capabilities dd { margin:var(--briqs-spacing-3) 0 0; color:var(--briqs-text2); }
.briqs-welcome__story-body { display:grid; grid-template-columns:2fr 3fr; gap:var(--briqs-spacing-20); align-items:start; }
.briqs-welcome__story-takeaway { background:var(--briqs-accent-bg); padding:var(--briqs-spacing-10); border-radius:var(--briqs-radius-xl); }
.briqs-welcome__story-takeaway > p:last-child { font-size:var(--briqs-font-size-lead); color:var(--briqs-text); line-height:var(--briqs-leading-body-sm); }
.briqs-welcome__story-body ol { list-style:none; padding:0; margin:0; }
.briqs-welcome__story-body li { display:grid; grid-template-columns:auto 1fr; gap:var(--briqs-spacing-6); border-top:var(--briqs-border-width) solid var(--briqs-border-md); padding-block:var(--briqs-spacing-6); }
.briqs-welcome__story-body li > span { color:var(--briqs-accent-text-strong); font-size:var(--briqs-font-size-body); padding-top:var(--briqs-spacing-1); }
.briqs-welcome__story-body li p { margin-top:var(--briqs-spacing-3); }
@media(max-width:900px) { .briqs-welcome__capabilities,.briqs-welcome__story-body { gap:var(--briqs-spacing-8); } }
@media(max-width:600px) {
  .briqs-welcome__capabilities,.briqs-welcome__story-body { grid-template-columns:1fr; }
  .briqs-welcome__page-nav { column-gap:var(--briqs-spacing-6); row-gap:0; }
  .briqs-welcome__story-takeaway { padding:var(--briqs-spacing-6); }
}
.briqs-welcome__capabilities dt strong { display:block; font-family:var(--briqs-font-heading); font-size:var(--briqs-font-size-subheading); font-weight:var(--briqs-font-weight-semibold); line-height:var(--briqs-leading-heading); }

/* Shared catalog and conversation invitation. Product images use the one screen catalog. */
.briqs-welcome__space-directions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--briqs-spacing-8); }
.briqs-welcome__space-directions > a { min-width:0; padding-block:var(--briqs-spacing-6); border-top:var(--briqs-border-width) solid var(--briqs-border-md); }
.briqs-welcome__space-directions .briqs-editorial-art { max-height:var(--briqs-art-compact-width); margin-bottom:var(--briqs-spacing-8); }
.briqs-welcome__space-state { display:block; font-size:var(--briqs-font-size-caption); color:var(--briqs-text3); margin-bottom:var(--briqs-spacing-3); }
.briqs-welcome__space-directions h3 { display:flex; justify-content:space-between; gap:var(--briqs-spacing-4); }
.briqs-welcome__space-directions p { margin-top:var(--briqs-spacing-3); }
.briqs-welcome__space-directions > a:hover h3 { color:var(--briqs-accent-text); }
.briqs-welcome__conversation-heading { display:grid; grid-template-columns:1fr 1fr; gap:var(--briqs-spacing-16); align-items:start; }
.briqs-welcome__conversation-heading > div { min-width:0; }
.briqs-welcome__conversation-heading button { margin-top:var(--briqs-spacing-6); }
.briqs-welcome__conversation-invitation .briqs-welcome__product-frame { margin-top:var(--briqs-spacing-12); }
.briqs-welcome__related { padding-block:var(--briqs-spacing-12); border-top:var(--briqs-border-width) solid var(--briqs-border-md); }
.briqs-welcome__related > div { display:flex; flex-wrap:wrap; gap:var(--briqs-spacing-4) var(--briqs-spacing-10); }
.briqs-welcome__related a { display:inline-flex; align-items:center; gap:var(--briqs-spacing-6); min-height:var(--briqs-target-min); }
.briqs-welcome__related a:hover { color:var(--briqs-accent-text); }
@media(max-width:760px) {
  .briqs-welcome__space-directions,.briqs-welcome__conversation-heading { grid-template-columns:1fr; gap:var(--briqs-spacing-8); }
  .briqs-welcome__space-directions .briqs-editorial-art { max-width:var(--briqs-content-sidebar); margin-inline:auto; }
}

.briqs-welcome__workflow-grid,.briqs-welcome__industry-ideas { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--briqs-spacing-6); }
.briqs-welcome__workflow-grid > div { padding:var(--briqs-spacing-8); min-width:0; }
.briqs-welcome__workflow-grid p { margin-top:var(--briqs-spacing-4); font-size:var(--briqs-font-size-body); }
.briqs-welcome__workflow-grid ol { list-style:none; padding:0; margin:var(--briqs-spacing-8) 0 0; }
.briqs-welcome__workflow-grid li { display:flex; gap:var(--briqs-spacing-5); align-items:center; padding-block:var(--briqs-spacing-3); border-top:var(--briqs-border-width) solid var(--briqs-border-md); font-size:var(--briqs-font-size-body); }
.briqs-welcome__workflow-grid li span { color:var(--briqs-accent-text); font-size:var(--briqs-font-size-caption); }
.briqs-welcome__industry-ideas h3 { margin-bottom:var(--briqs-spacing-4); }
.briqs-welcome__industry-ideas a { display:flex; justify-content:space-between; align-items:center; min-height:var(--briqs-target-min); border-bottom:var(--briqs-border-width) solid var(--briqs-border-md); font-size:var(--briqs-font-size-body); }
@media(max-width:760px) { .briqs-welcome__workflow-grid,.briqs-welcome__industry-ideas { grid-template-columns:1fr; } }

.briqs-welcome__scenario-example { padding:var(--briqs-spacing-8); max-width:var(--briqs-content-reading); }
.briqs-welcome__scenario-example p { font-size:var(--briqs-font-size-lead); line-height:var(--briqs-leading-body); }
.briqs-welcome .briqs-welcome__scenario-outcome { max-width:var(--briqs-content-reading); padding-top:var(--briqs-spacing-6); font-size:var(--briqs-font-size-lead); color:var(--briqs-text); }

/* Chapter rhythm is shared across the home story, including its conversation. */
.briqs-welcome__chapter,
.briqs-welcome__section + .briqs-welcome__chapter {
  padding-block: var(--briqs-spacing-24);
}
@media (max-width: 600px) {
  .briqs-welcome__chapter,
  .briqs-welcome__section + .briqs-welcome__chapter {
    padding-block: var(--briqs-spacing-16);
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/products/briqs/welcome-conversation.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Position the shared mind-map rail; its message and composer UI stay canonical. */
.briqs-welcome-conversation {
  --ui-floating-panel-width: var(--briqs-map-dialog-width);
}
.briqs-welcome-conversation .briqs-mind-map__rail {
  position: relative;
  inset: auto;
  width: 100%;
  max-height: var(--ui-floating-panel-max-height);
}
.briqs-welcome-conversation .briqs-mind-map__rail[data-expanded='true'] {
  width: 100%;
  height: min(var(--briqs-map-dialog-height), var(--ui-floating-panel-max-height));
  border: var(--briqs-border-width) solid var(--briqs-border-md);
  box-shadow: var(--briqs-shadow-lg);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.briqs-welcome-conversation[data-open='false'] .briqs-mind-map__rail-head > button {
  background: var(--briqs-surface);
  box-shadow: var(--briqs-shadow);
  min-height: var(--briqs-target-min);
}
.briqs-welcome-conversation .briqs-mind-map__rail-line {
  margin-bottom: var(--briqs-spacing-4);
  color: var(--briqs-text);
}
.briqs-welcome-conversation .briqs-mind-map__rail-error { color: var(--briqs-red); }
.briqs-welcome-conversation .briqs-mind-map__rail-history[hidden] { display: none; }
.briqs-welcome-conversation__footer { flex-shrink: 0; }
.briqs-welcome-conversation__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--briqs-spacing-2);
}
.briqs-welcome-conversation__footer > p {
  margin-top: var(--briqs-spacing-2);
  font-size: var(--briqs-font-size-caption);
  line-height: var(--briqs-leading-body-sm);
}
.briqs-welcome-conversation__status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 600px) {
  .briqs-welcome-conversation .briqs-mind-map__rail[data-expanded='true'] {
    padding: var(--briqs-spacing-2);
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/products/briqs/brand.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-brand { display:inline-flex; align-items:center; gap:var(--briqs-spacing-2); color:var(--briqs-text); font-family:var(--briqs-font-heading); font-weight:var(--briqs-font-weight-semibold); letter-spacing:var(--briqs-tracking-display); line-height:1; font-size:var(--briqs-brand-word); min-height:var(--briqs-target-min); }
.briqs-brand .briqs-mark { width:var(--briqs-brand-mark); height:var(--briqs-brand-mark); }
.briqs-brand[data-size='footer'] { font-size:var(--briqs-brand-word-large); }
.briqs-brand[data-size='footer'] .briqs-mark { width:var(--briqs-brand-mark-large); height:var(--briqs-brand-mark-large); }
.briqs-welcome__footer { display:grid; grid-template-columns:2fr 1fr 1fr; gap:var(--briqs-spacing-12); padding-block:var(--briqs-spacing-16); border-top:var(--briqs-border-width) solid var(--briqs-border-md); font-size:var(--briqs-font-size-body); }
.briqs-welcome__footer-brand > p { max-width:var(--briqs-content-sidebar); margin-top:var(--briqs-spacing-4); }
.briqs-welcome__footer nav { display:flex; flex-direction:column; align-items:flex-start; }
.briqs-welcome__footer nav > p { margin-bottom:var(--briqs-spacing-4); color:var(--briqs-text3); font-size:var(--briqs-font-size-caption); }
.briqs-welcome__footer nav a { display:flex; align-items:center; min-height:var(--briqs-target-min); }
.briqs-welcome__footer nav a:hover { text-decoration:underline; text-underline-offset:var(--briqs-spacing-1); }
@media(max-width:900px) { .briqs-welcome__footer { grid-template-columns:1fr 1fr; } .briqs-welcome__footer-brand { grid-column:1 / -1; } }
@media(max-width:600px) { .briqs-welcome__footer { gap:var(--briqs-spacing-8); padding-block:var(--briqs-spacing-12); } }
@media(max-width:600px) {
  .briqs-welcome__header .briqs-brand { --briqs-brand-word:var(--briqs-font-size-l-sm); --briqs-brand-mark:var(--briqs-spacing-8); gap:var(--briqs-spacing-1); }
}

.briqs-mark { display:block; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:var(--briqs-brand-stroke); stroke-linecap:round; stroke-linejoin:round; }
.briqs-mark [data-accent=true] { fill:var(--briqs-accent); }

.briqs-divider { display:block; flex-shrink:0; width:var(--briqs-brand-divider-width); height:var(--briqs-brand-divider-height); fill:none; stroke:var(--briqs-accent-soft); stroke-width:var(--briqs-brand-stroke); stroke-linecap:round; }
.briqs-divider path { stroke-dasharray:1; stroke-dashoffset:1; animation:briqs-divider-draw var(--briqs-brand-divider-draw) ease-out forwards; }
.briqs-divider path + path { animation-delay:var(--briqs-brand-divider-stagger); }
@keyframes briqs-divider-draw { to { stroke-dashoffset:0; } }
@media(prefers-reduced-motion:reduce) { .briqs-divider path { animation:none; stroke-dashoffset:0; } }

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/products/briqs/welcome-site.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-welcome__breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: var(--briqs-spacing-3);
  padding-block: var(--briqs-spacing-4);
  border-bottom: var(--briqs-border-width) solid var(--briqs-border-md);
  color: var(--briqs-text3);
  font-size: var(--briqs-font-size-caption);
}
.briqs-welcome__breadcrumb a {
  color: var(--briqs-text);
}
.briqs-welcome__article-hero {
  padding-top: var(--briqs-spacing-16);
}
.briqs-welcome__article-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--briqs-spacing-20);
  align-items: start;
}
.briqs-welcome .briqs-welcome__article-statement {
  font-family: var(--briqs-font-heading);
  font-size: var(--briqs-font-size-lead);
  line-height: var(--briqs-leading-heading);
  color: var(--briqs-accent-text);
  max-width: var(--briqs-content-narrow);
}
.briqs-welcome__article-body article {
  display: flex;
  gap: var(--briqs-spacing-6);
  padding-block: var(--briqs-spacing-6);
  border-top: var(--briqs-border-width) solid var(--briqs-border-md);
}
.briqs-welcome__article-body article > span {
  color: var(--briqs-text3);
  font-size: var(--briqs-font-size-caption);
}
.briqs-welcome__article-body article p {
  margin-top: var(--briqs-spacing-3);
}
.briqs-welcome__link-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--briqs-spacing-8);
  margin-top: var(--briqs-spacing-10);
}
.briqs-welcome__link-grid > a {
  border-top: var(--briqs-border-width) solid var(--briqs-border-md);
  padding-block: var(--briqs-spacing-5);
  min-width: 0;
}
.briqs-welcome__link-grid .briqs-editorial-art {
  width: 75%;
  max-height: var(--briqs-art-compact-width);
  margin: 0 auto var(--briqs-spacing-5);
}
.briqs-welcome__link-grid a > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--briqs-spacing-4);
}
.briqs-welcome__link-grid a > p {
  margin-top: var(--briqs-spacing-4);
  font-size: var(--briqs-font-size-body);
}
.briqs-welcome__link-grid a:hover h3 {
  color: var(--briqs-accent-text);
}
.briqs-welcome__industry-directory > section:nth-child(2) {
  background: var(--briqs-bg-strong);
  padding-inline: var(--briqs-spacing-8);
}
.briqs-welcome__studio-dialog {
  padding-block: var(--briqs-spacing-8) var(--briqs-spacing-16);
}
.briqs-welcome__studio-dialog > p {
  max-width: var(--briqs-content-reading);
  margin-block: var(--briqs-spacing-5);
}
.briqs-welcome__footer {
  grid-template-columns: 1fr;
}
.briqs-welcome__footer-brand {
  display: flex;
  align-items: center;
  gap: var(--briqs-spacing-12);
}
.briqs-welcome__footer-navigation {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--briqs-spacing-10);
}
@media (max-width: 900px) {
  .briqs-welcome__article-body {
    gap: var(--briqs-spacing-8);
  }
  .briqs-welcome__link-grid {
    grid-template-columns: 1fr 1fr;
  }
  .briqs-welcome__footer-navigation {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .briqs-welcome__article-body,
  .briqs-welcome__link-grid {
    grid-template-columns: 1fr;
  }
  .briqs-welcome__link-grid .briqs-editorial-art {
    max-height: var(--briqs-art-compact-width);
    width: 65%;
  }
  .briqs-welcome__footer-navigation {
    grid-template-columns: 1fr 1fr;
    gap: var(--briqs-spacing-8);
  }
  .briqs-welcome__footer-brand {
    display: block;
  }
  .briqs-welcome__article-hero {
    padding-top: var(--briqs-spacing-10);
  }
}
.briqs-welcome__continuation {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: var(--briqs-spacing-10);
  padding-block: var(--briqs-spacing-16);
  border-top: var(--briqs-border-width) solid var(--briqs-border-md);
}
.briqs-welcome__continuation h2 {
  font-size: var(--briqs-font-size-section);
}
.briqs-welcome__continuation p {
  max-width: var(--briqs-content-reading);
  margin-top: var(--briqs-spacing-4);
}
.briqs-welcome__offer {
  display: flex;
  align-items: center;
  gap: var(--briqs-spacing-12);
  padding-block: var(--briqs-spacing-10);
  border-block: var(--briqs-border-width) solid var(--briqs-border-md);
  margin-bottom: var(--briqs-spacing-12);
}
.briqs-welcome .briqs-welcome__offer-number {
  font-size: var(--briqs-font-size-display);
  color: var(--briqs-accent-text);
  line-height: var(--briqs-leading-heading);
  white-space: nowrap;
}
.briqs-welcome__offer p {
  max-width: var(--briqs-content-reading);
}
.briqs-welcome__access-form {
  max-width: var(--briqs-content-reading);
  margin: 0 auto;
  padding-block: var(--briqs-spacing-16);
  display: flex;
  flex-direction: column;
  gap: var(--briqs-spacing-6);
}
.briqs-welcome__prices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--briqs-spacing-8);
}
.briqs-welcome__prices article {
  padding: var(--briqs-spacing-8);
  background: var(--briqs-bg-strong);
  border-radius: var(--briqs-radius-xl);
  display: flex;
  flex-direction: column;
  gap: var(--briqs-spacing-5);
}
.briqs-welcome__prices h2 {
  font-size: var(--briqs-font-size-lead);
}
.briqs-welcome .briqs-welcome__price {
  font: var(--briqs-font-weight-medium) var(--briqs-font-size-section) /
    var(--briqs-leading-heading) var(--briqs-font-heading);
  color: var(--briqs-text);
}
.briqs-welcome__price small {
  display: block;
  margin-top: var(--briqs-spacing-2);
  font-size: var(--briqs-font-size-caption);
  color: var(--briqs-text3);
}
.briqs-welcome .briqs-welcome__price-offer {
  color: var(--briqs-accent-text);
}
.briqs-welcome__prices ul {
  padding-left: var(--briqs-spacing-5);
  margin-bottom: auto;
}
.briqs-welcome__prices li {
  margin-bottom: var(--briqs-spacing-3);
}
@media (max-width: 760px) {
  .briqs-welcome__prices,
  .briqs-welcome__continuation {
    grid-template-columns: 1fr;
  }
  .briqs-welcome__offer {
    align-items: flex-start;
    gap: var(--briqs-spacing-5);
    flex-direction: column;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/products/briqs/work-demo.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-work-demo {
  padding-block: var(--briqs-spacing-6);
}
.briqs-work-demo__heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--briqs-spacing-8);
  margin-bottom: var(--briqs-spacing-6);
}
.briqs-work-demo__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--briqs-spacing-4);
  margin-bottom: var(--briqs-spacing-5);
}
.briqs-work-demo__surface {
  min-height: var(--briqs-work-demo-height);
  overflow: auto;
  max-width: 100%;
  font-size: var(--briqs-font-size-body);
}
.briqs-work-demo__map {
  display: flex;
  height: var(--briqs-work-demo-height);
}
.briqs-work-demo__map .briqs-mind-map__graph {
  -webkit-mask-image: var(--briqs-work-demo-edge-mask);
          mask-image: var(--briqs-work-demo-edge-mask);
}
@media (max-width: 600px) {
  .briqs-work-demo__heading {
    flex-direction: column;
    gap: var(--briqs-spacing-3);
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../../node_modules/.pnpm/next@16.2.9_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!../../../design/system/briqs-workspace.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html {
  min-height: 100%;
  background: var(--briqs-bg);
  color-scheme: dark;
}

body {
  min-height: 100vh;
  margin: 0;
  background: var(--briqs-bg);
  color: var(--briqs-text);
  font-family: var(--briqs-font-body);
  font-size: var(--briqs-font-size-body);
  line-height: var(--briqs-leading-body);
  font-feature-settings: 'ss01' 1, 'cv01' 1;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

button,
input,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}