/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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.16);
    --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: var(--briqs-red);
    --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;

    --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;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-line: 1.25;
    --briqs-diagram-root-size: 22px;
    --briqs-diagram-title-size: 20px;
    --briqs-diagram-label-size: 14px;
    --briqs-diagram-caption-size: 13px;
    --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;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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.16);
    --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/cabinet/workspace-layout.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-ref.app {
  display: grid;
  grid-template-columns: var(--sidebar-w, 320px) 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: var(--sidebar-w, 320px) minmax(0, 1fr);
}

.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);
}

.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 .dialog-navigator {
  min-width: 0;
}

.briqs-ref .dialog-navigator--mobile {
  flex: 1 1;
  min-height: 0;
  overflow-y: auto;
  padding: 12px 12px 18px;
  scrollbar-gutter: stable;
}

.briqs-ref .dialog-navigator--mobile .nav-section__header {
  padding-left: 4px;
  padding-right: 4px;
}

.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__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px 4px;
}

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

.briqs-ref .nav-section__count {
  min-width: 18px;
  height: 16px;
  padding: 0 5px;
  border-radius: var(--briqs-radius-pill);
  background: color-mix(in srgb, var(--briqs-bg) 88%, var(--briqs-surface));
  border: 1px solid var(--briqs-border);
  color: var(--briqs-text3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--briqs-font-text);
  font-size: 10px;
}

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

.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 .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;
}

.briqs-ref .row.is-parent[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;
}

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

.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__unread {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--briqs-accent);
  flex-shrink: 0;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--briqs-accent) 14%, transparent);
}

.briqs-ref .row .row__more {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 0;
  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, background-color 140ms, color 140ms;
}

.briqs-ref .row:hover .row__more,
.briqs-ref .row:focus-within .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 .project-row-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  gap: 1px;
  min-width: 0;
}

.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);
}

.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/workspace-switcher.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-ref .workspace-switcher {
  position: relative;
  margin: 10px 12px 0;
  z-index: 3;
}

.briqs-ref .workspace-switcher__bar,
.briqs-ref .workspace-switcher__segments {
  min-height: 40px;
  padding: 4px;
  border: 1px solid var(--briqs-border-md);
  border-radius: var(--briqs-radius-sm);
  background: var(--briqs-surface);
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 0.85fr) minmax(0, 1.35fr) 32px;
  align-items: center;
  gap: 3px;
  overflow: hidden;
}

.briqs-ref .workspace-switcher__segment {
  width: 100%;
  min-width: 0;
  height: 32px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--briqs-text3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  transition: background-color 140ms, color 140ms, box-shadow 140ms;
}

.briqs-ref .workspace-switcher__segment span,
.briqs-ref .workspace-switcher__quick-space span,
.briqs-ref .workspace-switcher__spaces-trigger span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.briqs-ref .workspace-switcher__segment:hover,
.briqs-ref .workspace-switcher__segment.is-active {
  background: var(--briqs-surface-elevated);
  color: var(--briqs-text);
}

.briqs-ref .workspace-switcher__segment.is-active {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--briqs-accent) 22%, transparent);
}

.briqs-ref .workspace-switcher__segment:focus-visible,
.briqs-ref .workspace-switcher__quick-space:focus-visible,
.briqs-ref .workspace-switcher__spaces-trigger:focus-visible,
.briqs-ref .workspace-switcher__pin:focus-visible {
  outline: none;
  box-shadow: var(--briqs-ring-accent);
}

.briqs-ref .workspace-switcher__spaces {
  display: grid;
  gap: 4px;
  margin-top: 7px;
}

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

.briqs-ref .workspace-switcher__quick-list {
  display: grid;
  gap: 3px;
}

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

.briqs-ref .workspace-switcher__quick-space,
.briqs-ref .workspace-switcher__spaces-trigger {
  width: auto;
  min-width: 0;
  min-height: 34px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--briqs-text2);
  display: grid;
  align-items: center;
  gap: 8px;
  padding: 0 9px;
  font-size: 12px;
  text-align: left;
  transition: background-color 140ms, border-color 140ms, color 140ms;
}

.briqs-ref .workspace-switcher__quick-space {
  grid-template-columns: 18px minmax(0, 1fr) auto;
}

.briqs-ref .workspace-switcher__quick-space:hover,
.briqs-ref .workspace-switcher__quick-space.is-active,
.briqs-ref .workspace-switcher__spaces-trigger:hover,
.briqs-ref .workspace-switcher.is-open .workspace-switcher__spaces-trigger {
  border-color: var(--briqs-border-md);
  background: var(--briqs-surface);
  color: var(--briqs-text);
}

.briqs-ref .workspace-switcher__quick-space.is-active {
  background: var(--briqs-accent-bg);
}

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

.briqs-ref .workspace-switcher__spaces-trigger {
  flex: 0 0 32px;
  width: 32px;
  min-width: 32px;
  display: inline-flex;
  justify-content: center;
  min-height: 32px;
  padding: 0;
  color: var(--briqs-text3);
}

.briqs-ref .workspace-switcher__spaces-trigger:disabled {
  cursor: default;
  opacity: 0.48;
}

.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;
  color: var(--briqs-text4);
  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: 700;
  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;
}

.briqs-ref .workspace-switcher__option-title {
  color: var(--briqs-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.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;
}

.briqs-ref .chat-top .title .t {
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--briqs-text3);
  flex-shrink: 0;
}

.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 .mobile-workspace-bar {
  display: none;
}

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

.briqs-ref .chat-tabs {
  display: flex;
  gap: 4px;
  padding: 8px 24px;
  border-bottom: 1px solid var(--briqs-border);
  background: var(--briqs-bg);
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--briqs-border-md) transparent;
  flex-shrink: 0;
}

.briqs-ref .chat-tabs::-webkit-scrollbar {
  height: 4px;
}

.briqs-ref .chat-tabs::-webkit-scrollbar-thumb {
  border-radius: var(--briqs-radius-pill);
  background: var(--briqs-border-md);
}

.briqs-ref .chat-tabs__tab {
  appearance: none;
  border: 1px solid transparent;
  background: transparent;
  padding: 6px 12px;
  border-radius: 999px;
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  color: var(--briqs-text3);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  transition: color 140ms, background 140ms, border-color 140ms;
}

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

.briqs-ref .chat-tabs__tab.is-on {
  color: var(--briqs-accent-text);
  background: color-mix(in srgb, var(--briqs-accent) 12%, transparent);
  border-color: color-mix(in srgb, var(--briqs-accent) 26%, transparent);
}

.briqs-ref .chat-tabs__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 5px;
  border-radius: 8px;
  background: var(--briqs-surface-alt);
  color: var(--briqs-text3);
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}

.briqs-ref .chat-tabs__tab.is-on .chat-tabs__badge {
  background: color-mix(in srgb, var(--briqs-accent-text) 14%, transparent);
  color: var(--briqs-accent-text);
}

.briqs-ref .chat-scroll {
  flex: 1 1;
  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-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;
}

.briqs-ref .m .mav {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: var(--briqs-accent-bg2);
  color: var(--briqs-accent);
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid color-mix(in srgb, var(--briqs-accent) 28%, transparent);
}

.briqs-ref .m.user .mav {
  background: var(--briqs-surface-alt);
  color: var(--briqs-text2);
  border-color: var(--briqs-border);
}

.briqs-ref .m .mbd {
  font-size: 14.5px;
  line-height: 1.64;
  color: var(--briqs-text);
  max-width: 56rem;
  min-width: 0;
}

.briqs-ref .m .mbd b {
  font-weight: 600;
}

.briqs-ref .meta {
  font-size: 10.5px;
  color: var(--briqs-text3);
  font-family: var(--briqs-font-text);
  letter-spacing: 0.04em;
  margin-top: 4px;
}

.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;
}

.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: 760px) {
  .briqs-ref .mobile-dialogs-trigger {
    display: grid;
  }

  .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;
}

.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);
}

.briqs-ref .composer__entity {
  grid-column: 1 / -1;
  justify-self: start;
  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;
}

.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-semibold);
  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 .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;
}

.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 .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: 600;
  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: var(--sidebar-w, 300px) minmax(0, 1fr);
  }

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

@media (max-width: 760px) {
  .briqs-ref.app {
    grid-template-columns: 1fr;
  }

  .briqs-ref .side {
    display: none;
  }

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

  .briqs-ref .chat-tabs {
    padding: 6px 10px;
  }

  .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;
}

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

.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);
}

.briqs-auth__password-grid {
  display: grid;
  gap: var(--briqs-spacing-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.briqs-auth__account-type.briqs-auth__account-type,
.briqs-auth__mobile-mode.briqs-auth__mobile-mode {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.briqs-auth__account-type > button,
.briqs-auth__mobile-mode > button {
  width: 100%;
}

.briqs-auth__mobile-mode {
  display: none !important;
}

.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,
.briqs-auth__mode-footer {
  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__mode-footer {
  margin-top: var(--briqs-spacing-8);
  padding: var(--briqs-spacing-4);
  border: 1px solid var(--briqs-border);
  border-radius: var(--briqs-radius);
  background: color-mix(in srgb, var(--briqs-surface) 58%, transparent);
}

.briqs-auth__mode-footer p {
  margin: 0 0 var(--briqs-spacing-3);
  color: var(--briqs-text3);
  font-size: var(--briqs-font-size-body-sm);
  text-align: center;
}

.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__brand {
    margin-bottom: var(--briqs-spacing-6);
  }

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

  .briqs-auth__mobile-mode {
    display: grid !important;
    margin-bottom: var(--briqs-spacing-6);
  }

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

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

  .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-surface[data-size='confirm'] {
  z-index: calc(var(--briqs-z-modal, 102000) + 20);
}

.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);
  }

  .briqs-surface[data-size='confirm'] .briqs-surface__sheet {
    width: 100vw;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 surface shell — canon (reference) design, light/warm tokens.
   Reusable right-sliding panel that wraps every top-menu module around the
   central dialog (PLAN §3.10). Settings and every module surface share this
   chrome; module-specific layout lives in each feature's own stylesheet. */

:root {
  --briqs-panel-nav-width: 220px;
  --briqs-panel-width-max: min(100vw, max(1120px, 90vw));
  --briqs-panel-width-detail: min(
    100vw,
    max(740px, calc(var(--briqs-panel-width-max) - var(--briqs-panel-nav-width)))
  );
  --briqs-panel-width-medium: min(88vw, max(720px, 62vw));
  --briqs-panel-width-small: min(82vw, max(520px, 38vw));
  --briqs-panel-width-confirm: min(100vw, max(340px, 18vw));
}

.briqs-surface {
  --briqs-surface-sheet-width: var(--briqs-panel-width-max);
  position: fixed;
  inset: 0;
  z-index: var(--briqs-z-modal, 102000);
  pointer-events: auto;
}

.briqs-surface[data-briqs-panel-layer='primary'] {
  z-index: var(--briqs-z-modal, 102000);
}

.briqs-surface[data-briqs-panel-layer='detail'] {
  z-index: calc(var(--briqs-z-modal, 102000) + 2);
}

.briqs-surface[data-briqs-panel-layer='create'] {
  z-index: calc(var(--briqs-z-modal, 102000) + 10);
}

.briqs-surface[data-briqs-panel-layer='confirm'] {
  z-index: calc(var(--briqs-z-modal, 102000) + 20);
}

.briqs-surface[data-size='max'] {
  --briqs-surface-sheet-width: var(--briqs-panel-width-max);
}

.briqs-surface[data-size='detail'] {
  --briqs-surface-sheet-width: var(--briqs-panel-width-detail);
}

.briqs-surface[data-size='medium'] {
  --briqs-surface-sheet-width: var(--briqs-panel-width-medium);
}

.briqs-surface[data-size='small'] {
  --briqs-surface-sheet-width: var(--briqs-panel-width-small);
}

.briqs-surface[data-size='confirm'] {
  --briqs-surface-sheet-width: var(--briqs-panel-width-confirm);
}

.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;
}

.briqs-surface__scrim {
  position: absolute;
  inset: 0;
  border: 0;
  padding: 0;
  margin: 0;
  background: color-mix(in srgb, var(--briqs-bg) 50%, transparent);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  outline: none;
  cursor: pointer;
}

.briqs-surface__scrim,
.briqs-detail-panel-frame__backdrop {
  animation: briqs-surface-scrim-in 200ms ease;
}

/* The surface is mounted only while open (and through its slide-out), so the
   panel rides in on mount instead of toggling an `is-open` class. Enter and
   exit both run as keyframes — the same mount-based pattern as UiSheet — so the
   shared presence hook can unmount cleanly once the exit animation finishes. */
.briqs-surface__sheet {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: var(--briqs-surface-sheet-width);
  display: flex;
  flex-direction: column;
  min-height: 0;
  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: -8px 0 24px -20px rgba(0, 0, 0, 0.28);
  overflow: hidden;
  font-family: var(--briqs-font-text);
}

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

/* Closing: the panel slides back off to the right by its full width and the
   scrim fades, matching the enter motion in reverse instead of vanishing. */
.briqs-surface[data-briqs-panel-closing='true'] .briqs-surface__sheet,
.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-surface[data-briqs-panel-closing='true'] .briqs-surface__scrim,
.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__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 22px;
  border-bottom: 1px solid var(--briqs-border);
  background: var(--briqs-bg-strong);
  flex-shrink: 0;
}

.briqs-surface__head-title {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.briqs-surface__head-icon {
  width: 32px;
  height: 32px;
  border-radius: var(--briqs-radius-sm);
  display: grid;
  place-items: center;
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
  flex-shrink: 0;
}

.briqs-surface__eyebrow {
  font-size: var(--briqs-ui-font-section);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--briqs-text3);
  font-weight: 600;
}

.briqs-surface__title {
  margin: 0;
  font-family: var(--briqs-font-display);
  font-size: var(--briqs-font-size-l);
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--briqs-text);
  line-height: 1.2;
}

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

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

.briqs-surface__ask {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font: inherit;
  font-size: var(--briqs-ui-font-control);
  font-weight: 600;
  padding: 7px 13px;
  border-radius: var(--briqs-radius-pill);
  border: 1px solid color-mix(in srgb, var(--briqs-accent) 28%, transparent);
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 140ms, background 140ms;
}

.briqs-surface__ask:hover {
  border-color: var(--briqs-accent);
  background: var(--briqs-accent-bg2);
}

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

.briqs-surface__close:hover {
  color: var(--briqs-text);
  border-color: var(--briqs-border-md);
  background: var(--briqs-surface-alt);
}

.briqs-surface__body {
  flex: 1 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.briqs-surface__body.has-navigation {
  display: grid;
  grid-template-columns: var(--briqs-panel-nav-width) minmax(0, 1fr);
}

.briqs-surface__nav {
  min-height: 0;
  overflow-y: auto;
  padding: 14px 10px 18px;
  border-right: 1px solid var(--briqs-border);
  background: var(--briqs-bg-strong);
  scrollbar-gutter: stable;
}

.briqs-surface__nav-title {
  font-size: var(--briqs-font-size-overline);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--briqs-text3);
  font-weight: 600;
  padding: 4px 10px;
}

.briqs-surface__nav-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-top: 4px;
}

.briqs-surface__nav-block {
  min-width: 0;
}

.briqs-surface__nav-block.has-group-break {
  margin-top: 12px;
}

.briqs-surface__nav-group {
  padding: 10px 10px 5px;
  color: var(--briqs-text3);
  font-size: var(--briqs-font-size-overline);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.briqs-surface__nav-item {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-width: 0;
  padding: 8px 10px;
  border: 0;
  border-radius: var(--briqs-radius-sm);
  background: transparent;
  color: var(--briqs-text2);
  font: inherit;
  font-size: var(--briqs-ui-font-list);
  cursor: pointer;
  text-align: left;
  transition: background 140ms, color 140ms;
}

.briqs-surface__nav-item:hover {
  background: var(--briqs-surface-alt);
  color: var(--briqs-text);
}

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

/* Задуманный раздел: он стоит в составе меню, но открывать нечего. Гасим
   пункт целиком и снимаем курсор-указатель, чтобы его не путали с рабочим. */
.briqs-surface__nav-item.is-planned {
  color: var(--briqs-text3);
  cursor: default;
}

.briqs-surface__nav-item.is-planned:hover {
  background: transparent;
  color: var(--briqs-text3);
}

.briqs-surface__nav-icon {
  color: var(--briqs-text3);
  flex-shrink: 0;
}

.briqs-surface__nav-item.is-planned .briqs-surface__nav-icon {
  opacity: 0.55;
}

.briqs-surface__nav-item.is-active .briqs-surface__nav-icon {
  color: var(--briqs-accent);
}

.briqs-surface__nav-label {
  flex: 1 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.briqs-surface__nav-count {
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: var(--briqs-radius-pill);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--briqs-surface-alt);
  color: var(--briqs-text3);
  font-size: var(--briqs-ui-font-chip-compact);
  font-weight: 600;
  line-height: 1;
  flex-shrink: 0;
}

.briqs-surface__nav-item.is-active .briqs-surface__nav-count {
  background: color-mix(in srgb, var(--briqs-accent-text) 12%, transparent);
  color: var(--briqs-accent-text);
}

/* Подпись задуманного пункта стоит на месте счётчика: у такого раздела
   считать нечего, а сказать нужно — «этого ещё нет». */
.briqs-surface__nav-note {
  padding: 0 5px;
  height: 16px;
  border-radius: var(--briqs-radius-pill);
  display: inline-flex;
  align-items: center;
  border: 1px dashed var(--briqs-border);
  color: var(--briqs-text3);
  /* Подпись намеренно мельче счётчика: рейка узкая, а «Инструкции» рядом с
     ней должны помещаться целиком, без многоточия. */
  font-size: var(--briqs-font-size-overline);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  flex-shrink: 0;
}

.briqs-surface__content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

@media (max-width: 720px) {
  .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;
  }

  .briqs-surface__sheet {
    width: 100vw;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

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

  .briqs-surface__ask span {
    display: none;
  }

  .briqs-surface__ask {
    padding: 7px 9px;
  }

  .briqs-surface__body.has-navigation {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr);
  }

  .briqs-surface__nav {
    display: none;
  }

  .briqs-surface__mobile-navigation {
    display: flex;
    flex-shrink: 0;
  }

  .briqs-surface[data-has-navigation='true'] .briqs-surface__head {
    gap: var(--briqs-spacing-2);
    padding: var(--briqs-spacing-2) var(--briqs-content-gutter-mobile);
  }

  .briqs-surface[data-has-navigation='true'] .briqs-surface__head-title {
    gap: var(--briqs-spacing-2);
  }

  .briqs-surface[data-has-navigation='true'] .briqs-surface__head-icon,
  .briqs-surface[data-has-navigation='true'] .briqs-surface__eyebrow {
    display: none;
  }

  .briqs-surface[data-has-navigation='true'] .briqs-surface__head-text {
    min-width: 0;
  }

  .briqs-surface[data-has-navigation='true'] .briqs-surface__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .briqs-surface[data-has-navigation='true'] .briqs-surface__head-actions {
    gap: var(--briqs-spacing-1);
  }

  .briqs-surface[data-has-navigation='true'] .briqs-surface__ask,
  .briqs-surface[data-has-navigation='true'] .briqs-surface__close {
    min-width: var(--briqs-target-min);
    min-height: var(--briqs-target-min);
    padding: 0;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .briqs-surface__sheet,
  .briqs-surface__scrim,
  .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/dialog-target-sheet.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.briqs-dialog-target {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
  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: grid;
  gap: 10px;
}

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

.briqs-dialog-target__list {
  display: grid;
  gap: 8px;
  max-height: min(360px, 42vh);
  overflow: auto;
}

.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/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: 600;
}

.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;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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;
  }

  .briqs-event-feed-create {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius-md);
    background: var(--briqs-surface);
  }

  .briqs-event-feed-create__tabs {
    margin-bottom: 10px;
  }

  .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-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 {
  .briqs-event-feed-card {
    position: relative;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
  }

  .briqs-event-feed-card[data-reply='true'] {
    grid-template-columns: 28px minmax(0, 1fr);
    margin-left: 40px;
  }

  .briqs-event-feed-card__line {
    position: absolute;
    top: 32px;
    bottom: -10px;
    left: 13px;
    width: 1px;
    background: var(--briqs-border);
  }

  .briqs-event-feed-card__reply-line {
    position: absolute;
    top: 26px;
    left: -24px;
    width: 38px;
    border-top: 1px dashed var(--briqs-border);
  }

  .briqs-event-feed-card__node {
    z-index: 1;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    margin-top: 12px;
    border: 1px solid var(--briqs-border);
    border-radius: 999px;
    background: var(--briqs-surface-alt);
    color: var(--briqs-accent);
  }

  .briqs-event-feed-card__node.is-reply {
    width: 24px;
    height: 24px;
    margin-top: 14px;
    background: var(--briqs-surface);
    color: var(--briqs-text3);
  }

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

  .briqs-event-feed-card[data-type='event'] .briqs-event-feed-card__node {
    color: var(--briqs-green);
  }

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

  .briqs-event-feed-card[data-type='system'] .briqs-event-feed-card__node {
    color: var(--briqs-amber);
  }

  .briqs-event-feed-card__body {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--briqs-border);
    border-left-width: 3px;
    border-radius: var(--briqs-radius-md);
    background: var(--briqs-surface);
  }

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

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

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

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

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

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

  .briqs-event-feed-card__header,
  .briqs-event-feed-card__footer,
  .briqs-event-feed-card__kind,
  .briqs-event-feed-card__badges,
  .briqs-event-feed-card__actions,
  .briqs-event-feed-card__date {
    display: flex;
    gap: 8px;
    align-items: center;
    min-width: 0;
  }

  .briqs-event-feed-card__header,
  .briqs-event-feed-card__footer {
    justify-content: space-between;
  }

  .briqs-event-feed-card__kind {
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-control);
    font-weight: var(--briqs-font-weight-medium);
  }

  .briqs-event-feed-card__badges {
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  .briqs-event-feed-card h4 {
    margin: 10px 0 0;
    color: var(--briqs-text);
    font-size: var(--briqs-ui-font-list);
    font-weight: var(--briqs-font-weight-semibold);
  }

  .briqs-event-feed-card p {
    margin: 6px 0 0;
    color: var(--briqs-text2);
    font-size: var(--briqs-ui-font-control);
    line-height: var(--briqs-leading-body-sm);
  }

  .briqs-event-feed-card__work-meta {
    display: grid;
    gap: 8px;
    margin-top: 12px;
  }

  .briqs-event-feed-card__work-row {
    display: flex;
    gap: 10px;
    align-items: center;
    min-width: 0;
  }

  .briqs-event-feed-card__work-row > span:last-child {
    display: grid;
    gap: 2px;
    min-width: 0;
  }

  .briqs-event-feed-card__work-row small {
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-meta);
  }

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

  .briqs-event-feed-card__avatar,
  .briqs-event-feed-card__meta-icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    border: 1px solid var(--briqs-border);
    border-radius: 999px;
    background: var(--briqs-surface-alt);
    color: var(--briqs-accent);
    font-size: var(--briqs-ui-font-meta);
    font-weight: var(--briqs-font-weight-medium);
  }

  .briqs-event-feed-card__meta-icon {
    color: var(--briqs-text3);
  }

  .briqs-event-feed-card__result {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 12px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--briqs-green) 28%, var(--briqs-border));
    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: 8px;
    min-width: 0;
  }

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

  .briqs-event-feed-card__result-head,
  .briqs-event-feed-card__result-actions {
    display: flex;
    gap: 8px;
    align-items: center;
  }

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

  .briqs-event-feed-card__result-actions {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .briqs-event-feed-card__result-edit {
    display: grid;
    gap: 10px;
    width: 100%;
  }

  .briqs-event-feed-card__result-field {
    width: 100%;
  }

  .briqs-event-feed-card__result p {
    margin: 0;
  }

  .briqs-event-feed-card__attachments {
    display: grid;
    gap: 8px;
    margin-top: 10px;
  }

  .briqs-event-feed-card__attachment {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-width: 0;
    padding: 8px;
    border: 1px dashed 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: 34px;
    height: 34px;
    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,
  .briqs-event-feed-card__edit,
  .briqs-event-feed-card__reply {
    display: grid;
    gap: 6px;
    min-width: 0;
  }

  .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;
  }

  .briqs-event-feed-card__attachment strong,
  .briqs-event-feed-card__date 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,
  .briqs-event-feed-card__date {
    color: var(--briqs-text3);
    font-size: var(--briqs-ui-font-control);
  }

  .briqs-event-feed-card__footer {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--briqs-border);
  }

  .briqs-event-feed-card__date {
    flex: 1 1 260px;
    flex-wrap: wrap;
    line-height: var(--briqs-leading-body-sm);
  }

  .briqs-event-feed-card__actions {
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .briqs-event-feed-card__edit-input {
    font-size: var(--briqs-ui-font-control);
  }

  .briqs-event-feed-card__edit-date {
    width: min(100%, 280px);
  }

  .briqs-event-feed-card__edit-actions,
  .briqs-event-feed-card__reply-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
  }

  .briqs-event-feed-card__reply {
    margin-top: 12px;
    padding: 10px;
    border: 1px solid var(--briqs-border);
    border-radius: var(--briqs-radius-sm);
    background: var(--briqs-surface-alt);
  }

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

    .briqs-event-feed-card__actions,
    .briqs-event-feed-card__date {
      justify-content: flex-start;
    }

    .briqs-event-feed-card__date {
      flex: 0 1 auto;
    }

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

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-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__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 {
    flex-wrap: wrap;
    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-semibold);
    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 ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Task board surface — canon (reference) design, light/warm tokens.
   Lives inside the shared `briqs-surface` shell; columns and the card drawer
   use the same briqs-* tokens as the workspace so the board flips with
   data-theme. The board core owns the data — this is presentation only. */

.briqs-kanban {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-height: 0;
  position: relative;
}

.briqs-kanban__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 20px;
  border-bottom: 1px solid var(--briqs-border);
  flex-shrink: 0;
}

.briqs-kanban__boards {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  min-width: 0;
}

.briqs-kanban__board-tab {
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  padding: 6px 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-kanban__board-tab:hover {
  border-color: var(--briqs-border-md);
  color: var(--briqs-text);
}

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

.briqs-kanban__toolbar-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.briqs-kanban__live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--briqs-text3);
  padding: 4px 9px;
  border-radius: var(--briqs-radius-pill);
  border: 1px solid var(--briqs-border);
}

.briqs-kanban__live-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--briqs-text4);
}

.briqs-kanban__live.is-on {
  color: var(--briqs-accent-text);
  border-color: color-mix(in srgb, var(--briqs-accent) 28%, transparent);
}

.briqs-kanban__live.is-on .briqs-kanban__live-dot {
  background: var(--briqs-accent);
}

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

.briqs-kanban__refresh:hover {
  color: var(--briqs-text);
  border-color: var(--briqs-border-md);
}

.briqs-kanban__content {
  flex: 1 1;
  min-height: 0;
  overflow: auto;
  padding: 16px 20px 24px;
}

.briqs-kanban__empty {
  font-size: 13px;
  color: var(--briqs-text3);
  padding: 24px 4px;
}

.briqs-kanban__columns {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.briqs-kanban__column {
  flex: 0 0 248px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: var(--briqs-radius);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface-alt);
  padding: 12px;
}

.briqs-kanban__column.is-owner {
  border-color: color-mix(in srgb, var(--briqs-accent) 32%, var(--briqs-border));
}

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

.briqs-kanban__column-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--briqs-text2);
  letter-spacing: 0.01em;
}

.briqs-kanban__column-count {
  font-size: 11px;
  font-weight: 600;
  color: var(--briqs-text3);
  background: var(--briqs-surface-alt);
  border-radius: var(--briqs-radius-pill);
  padding: 1px 8px;
}

.briqs-kanban__column-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.briqs-kanban__card {
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: left;
  padding: 11px 12px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
  cursor: pointer;
  transition: border-color 140ms, box-shadow 140ms;
}

.briqs-kanban__card:hover {
  border-color: color-mix(in srgb, var(--briqs-accent) 30%, var(--briqs-border));
}

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

.briqs-kanban__card-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--briqs-text);
  line-height: 1.35;
}

.briqs-kanban__card-agent {
  font-size: 11px;
  color: var(--briqs-accent-text);
}

.briqs-kanban__card-wait {
  font-size: 11.5px;
  color: var(--briqs-text3);
  line-height: 1.4;
}

.briqs-kanban__card-department {
  display: inline-flex;
  align-self: flex-start;
  font-size: 10.5px;
  font-weight: 600;
  padding: 1px 8px;
  border-radius: var(--briqs-radius-pill);
  border: 1px solid var(--briqs-border);
  color: var(--briqs-text3);
}

.briqs-kanban__card-due {
  font-size: 11px;
  color: var(--briqs-text3);
}

/* 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. */
.briqs-kanban__drawer-actions {
  flex: 1 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.briqs-kanban__drawer-buttons {
  display: flex;
  gap: 8px;
}

.briqs-kanban__drawer-btn {
  flex: 1 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  padding: 8px 10px;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border-md);
  background: var(--briqs-surface);
  color: var(--briqs-text2);
  cursor: pointer;
  transition: border-color 140ms, color 140ms, background 140ms;
}

.briqs-kanban__drawer-btn:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

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

.briqs-kanban__drawer-btn.is-deny:hover:not(:disabled) {
  border-color: var(--briqs-status-danger);
  color: var(--briqs-status-danger-text);
}

.briqs-kanban__drawer-btn.is-approve {
  border-color: transparent;
  background: var(--briqs-accent);
  color: #fff;
}

.briqs-kanban__drawer-btn.is-approve:hover:not(:disabled) {
  background: color-mix(in srgb, var(--briqs-accent) 88%, #000);
}

/* 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. */
.briqs-kanban__card-edit {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 18px;
}

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

.briqs-kanban__card-edit-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 4px;
}

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

  .briqs-kanban__columns {
    flex-direction: column;
  }

  .briqs-kanban__column {
    flex: 1 1 auto;
    width: 100%;
  }

  .briqs-kanban__card-edit-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/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 {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

/* Content stack inside a UiSheet body: the sheet frame ships without body
   padding, so company sheets bring their own rhythm. */
.briqs-company__sheet-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 18px;
}

/* --- Toolbar: section tabs left, list/chart view switch right --- */

.briqs-company__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 20px 0;
  flex-shrink: 0;
}

.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);
}

@media (max-width: 720px) {
  .briqs-company__sheet-body {
    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-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;
  padding: 14px 20px 20px;
  overflow-y: auto;
}

.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;
  padding: 14px 20px 20px;
  overflow-y: auto;
}

.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-semibold);
  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: 600;
  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: 600;
  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 {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-height: 0;
  position: relative;
}

.briqs-tasks__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 20px;
  border-bottom: 1px solid var(--briqs-border);
  flex-shrink: 0;
}

.briqs-tasks__filters,
.briqs-tasks__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

.briqs-tasks__search {
  box-sizing: border-box;
  width: 200px;
  min-height: var(--briqs-ui-control-field);
  padding: 0 12px;
  border: 1px solid var(--briqs-border-md);
  border-radius: var(--briqs-radius-sm);
  background: var(--briqs-bg);
  color: var(--briqs-text);
  font-family: var(--briqs-font-text);
  font-size: var(--briqs-ui-font-control);
  transition: border-color 140ms, box-shadow 140ms;
}

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

.briqs-tasks__search:focus-visible {
  outline: none;
  border-color: color-mix(in srgb, var(--briqs-accent) 42%, var(--briqs-border));
  box-shadow: var(--briqs-ring-accent);
}

.briqs-tasks__filter {
  width: 172px;
}

.briqs-tasks__count {
  font-size: 12px;
  font-weight: 600;
  color: var(--briqs-text3);
}

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

.briqs-tasks__refresh:hover {
  color: var(--briqs-text);
  border-color: var(--briqs-border-md);
}

.briqs-tasks__create {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  padding: 7px 14px;
  border-radius: var(--briqs-radius-pill);
  border: 1px solid color-mix(in srgb, var(--briqs-accent) 30%, transparent);
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
  cursor: pointer;
  transition: border-color 140ms, background 140ms;
}

.briqs-tasks__create:hover {
  border-color: color-mix(in srgb, var(--briqs-accent) 50%, transparent);
}

.briqs-tasks__views {
  display: flex;
  padding: 12px 20px 0;
  flex-shrink: 0;
}

.briqs-tasks__content {
  flex: 1 1;
  min-height: 0;
  overflow: auto;
  padding: 16px 20px 24px;
}

.briqs-tasks__card-due.is-overdue {
  color: var(--briqs-red);
}

/* 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__count,
.briqs-tasks__column-title,
.briqs-tasks__create,
.briqs-tasks__badge,
.briqs-tasks__row-agent,
.briqs-tasks__row-due {
  white-space: nowrap;
}

.briqs-tasks__badge {
  display: inline-flex;
  font-size: 10.5px;
  font-weight: 600;
  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-red) 45%, transparent);
  background: var(--briqs-red-bg);
  color: var(--briqs-red);
}

.briqs-tasks__card {
  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, box-shadow 140ms;
}

.briqs-tasks__card:hover {
  border-color: color-mix(in srgb, var(--briqs-accent) 30%, var(--briqs-border));
}

.briqs-tasks__card-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--briqs-text);
  line-height: 1.35;
}

.briqs-tasks__row-agent,
.briqs-tasks__card-agent {
  font-size: 11px;
  color: var(--briqs-accent-text);
}

.briqs-tasks__row-due,
.briqs-tasks__card-due {
  font-size: 11.5px;
  color: var(--briqs-text3);
}

.briqs-tasks__column-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Status icon of a completed task row — the list frame paints the rest. */
.briqs-tasks__row-status.is-done {
  color: var(--briqs-green);
}

/* Title content of a completed task row; the muted color comes from the
   ui-kit list frame, the strike-through stays a task detail. */
.briqs-tasks__row-done {
  text-decoration: line-through;
}

.briqs-tasks__columns {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.briqs-tasks__column {
  flex: 0 0 248px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: var(--briqs-radius);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface-alt);
  padding: 12px;
}

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

.briqs-tasks__column-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--briqs-text2);
}

.briqs-tasks__column-count {
  font-size: 11px;
  font-weight: 600;
  color: var(--briqs-text3);
  background: var(--briqs-surface);
  border-radius: var(--briqs-radius-pill);
  padding: 1px 8px;
}

.briqs-tasks__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  padding: 11px 12px;
}

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

  .briqs-tasks__columns {
    flex-direction: column;
  }

  .briqs-tasks__column {
    flex: 1 1 auto;
    width: 100%;
  }
}

/* Boards surface — the ghost sibling of the create button for stage setup. */
.briqs-tasks__configure {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  padding: 7px 14px;
  border-radius: var(--briqs-radius-pill);
  border: 1px solid var(--briqs-border-md);
  background: transparent;
  color: var(--briqs-text2);
  cursor: pointer;
  white-space: nowrap;
  transition: color 140ms, border-color 140ms;
}

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

/* 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: 700;
  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/calendar/calendar-surface.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Tasks calendar views — week columns, day list 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, task-card look, badge
   set, month chip content and the day panels. 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: 600;
  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);
}

/* Card lists: month day panel, week column, day view */
.briqs-tasks-cal__cards,
.briqs-tasks-cal__week-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.briqs-tasks-cal__card {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px 12px;
  font: inherit;
  text-align: left;
  border-radius: var(--briqs-radius-sm);
  border: 1px solid var(--briqs-border);
  background: var(--briqs-surface);
  cursor: pointer;
  min-width: 0;
  transition: border-color 140ms;
}

.briqs-tasks-cal__card:hover {
  border-color: color-mix(in srgb, var(--briqs-accent) 30%, var(--briqs-border));
}

.briqs-tasks-cal__card-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--briqs-text);
  line-height: 1.35;
}

.briqs-tasks-cal__card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 11.5px;
  line-height: 1.4;
}

.briqs-tasks-cal__card-board,
.briqs-tasks-cal__card-due {
  color: var(--briqs-text3);
}

.briqs-tasks-cal__card-due {
  white-space: nowrap;
}

.briqs-tasks-cal__card-agent {
  color: var(--briqs-accent-text);
}

/* Badges: overdue everywhere, high/urgent priority on week cards */
.briqs-tasks-cal__badge {
  display: inline-flex;
  align-items: center;
  font-size: 10.5px;
  font-weight: 600;
  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-high {
  border-color: color-mix(in srgb, var(--briqs-accent) 35%, transparent);
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
}

.briqs-tasks-cal__badge.is-urgent,
.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 content inside the ui-kit `UiCalendarGrid` day cells: kind tint,
   department badge and overdue mark. */
.briqs-tasks-cal__cell-task {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  font-size: 10.5px;
  font-weight: 600;
  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 {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.briqs-tasks-cal__cell-task-board {
  flex: 0 1 auto;
  max-width: 45%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  opacity: 0.78;
}

.briqs-tasks-cal__cell-task-overdue {
  flex-shrink: 0;
  font-weight: 700;
  color: var(--briqs-status-danger-text);
}

.briqs-tasks-cal__cell-task.is-material,
.briqs-tasks-cal__cell-task.is-delivery {
  background: color-mix(in srgb, var(--briqs-status-success-bg) 80%, transparent);
  color: var(--briqs-status-success-text);
}

.briqs-tasks-cal__cell-task.is-approval,
.briqs-tasks-cal__cell-task.is-decision {
  background: color-mix(in srgb, var(--briqs-status-warning-bg) 80%, transparent);
  color: var(--briqs-status-warning-text);
}

.briqs-tasks-cal__cell-task.is-bug,
.briqs-tasks-cal__cell-task.is-code-change {
  background: color-mix(in srgb, var(--briqs-status-danger-bg) 78%, transparent);
  color: var(--briqs-status-danger-text);
}

/* Selected-day panel under the month grid; week columns share the base */
.briqs-tasks-cal__day-panel,
.briqs-tasks-cal__week-col {
  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: 600;
  color: var(--briqs-text2);
}

/* Day agenda sheet content — the frame is the shared UiSheet; this block only
   pads and lays out the agenda body inside it. */
.briqs-calendar-agenda {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  padding: 18px;
}

/* Master-detail split of the half-width day panel: the agenda list on the
   left, the selected task card opening in place on the right. */
.briqs-calendar-agenda.is-split {
  display: grid;
  grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  padding: 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;
}

.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%);
}

.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-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.briqs-calendar-agenda__detail-title-block {
  min-width: 0;
}

.briqs-calendar-agenda__detail-eyebrow {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: var(--briqs-font-weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--briqs-text3);
}

.briqs-calendar-agenda__detail-title {
  margin: 0;
  font-size: 15px;
  font-weight: var(--briqs-font-weight-semibold);
  color: var(--briqs-text);
  line-height: 1.35;
}

.briqs-calendar-agenda__detail-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.briqs-calendar-agenda__detail-body {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.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: 700;
}

.briqs-calendar-agenda__kind {
  background: var(--briqs-accent-bg);
  color: var(--briqs-accent-text);
}

.briqs-calendar-agenda__kind.is-material,
.briqs-calendar-agenda__kind.is-delivery {
  background: var(--briqs-status-success-bg);
  color: var(--briqs-status-success-text);
}

.briqs-calendar-agenda__kind.is-approval,
.briqs-calendar-agenda__kind.is-decision {
  background: var(--briqs-status-warning-bg);
  color: var(--briqs-status-warning-text);
}

.briqs-calendar-agenda__kind.is-bug,
.briqs-calendar-agenda__kind.is-code-change {
  background: var(--briqs-status-danger-bg);
  color: var(--briqs-status-danger-text);
}

.briqs-calendar-agenda__time {
  color: var(--briqs-text3);
  background: var(--briqs-surface-alt);
}

.briqs-calendar-agenda__title {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--briqs-text);
}

.briqs-calendar-agenda__board,
.briqs-calendar-agenda__agent {
  font-size: 11.5px;
  color: var(--briqs-text3);
}

/* Week view */
.briqs-tasks-cal__week {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  align-items: start;
}

.briqs-tasks-cal__week-col {
  gap: 8px;
  padding: 10px;
  min-height: 120px;
}

.briqs-tasks-cal__week-col.is-today {
  border-color: color-mix(in srgb, var(--briqs-accent) 32%, var(--briqs-border));
}

.briqs-tasks-cal__week-head {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--briqs-text2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.briqs-tasks-cal__week-col.is-today .briqs-tasks-cal__week-head {
  color: var(--briqs-accent-text);
}

@media (max-width: 720px) {
  .briqs-tasks-cal__week {
    grid-template-columns: minmax(0, 1fr);
  }
}

.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-mobile-period {
    padding: var(--briqs-spacing-2) var(--briqs-content-gutter-mobile);
  }

  .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 {
  flex-shrink: 0;
  padding: var(--briqs-spacing-3) var(--briqs-spacing-5);
}

.briqs-calendar-toolbar__filter {
  width: 172px;
  max-width: 100%;
  min-width: 0;
}

.briqs-calendar-toolbar__views {
  min-width: 0;
}

@media (max-width: 720px) {
  .briqs-calendar-toolbar {
    padding-block: var(--briqs-spacing-2);
    padding-inline: var(--briqs-content-gutter-mobile);
  }

  .briqs-calendar-toolbar__views {
    flex-shrink: 0;
    padding-inline: var(--briqs-content-gutter-mobile);
  }

  .briqs-calendar-toolbar__filter {
    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/goals/goals-surface.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Goals surface views — quarter lanes (timeline), now/next/later columns and
   the OKR list over the organization roadmap goals. The surface shell
   (toolbar, views row, content, notices), the card base, the badges and the
   column shell reuse .briqs-tasks__* classes from tasks-surface.css; the
   empty-state starter block (.briqs-goals) also lives there. This file adds
   only the goal-specific pieces.
   NOTE: this file still needs its one-line entry in
   design/system/briqs-workspace.css (after the tasks-calendar.css import);
   the entrypoint change is reserved for the owner. */

/* Surface heading — the left side of the toolbar row. */
.briqs-goals__heading {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

/* Goal card — builds on .briqs-tasks__card; children stretch for the bar. */
.briqs-goals__card {
  align-items: stretch;
  gap: 8px;
}

.briqs-goals__card.is-open {
  border-color: color-mix(in srgb, var(--briqs-accent) 38%, var(--briqs-border));
}

.briqs-goals__card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.briqs-goals__percent {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--briqs-text3);
  white-space: nowrap;
}

.briqs-goals__meta {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.briqs-goals__quarter {
  font-size: 11.5px;
  color: var(--briqs-text3);
  white-space: nowrap;
}

/* Progress bar: track on the border token, fill mixed from the accent. */
.briqs-goals__progress {
  display: block;
  height: 6px;
  border-radius: var(--briqs-radius-pill);
  background: var(--briqs-border);
  overflow: hidden;
}

.briqs-goals__progress-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: color-mix(in srgb, var(--briqs-accent) 72%, var(--briqs-surface));
  transition: width 200ms;
}

.briqs-goals__progress.is-done .briqs-goals__progress-fill {
  background: var(--briqs-green);
}

/* Status badge state modifiers on top of .briqs-tasks__badge. */
.briqs-goals__status.is-on-track {
  border-color: color-mix(in srgb, var(--briqs-green) 45%, transparent);
  background: var(--briqs-green-bg);
  color: var(--briqs-green);
}

.briqs-goals__status.is-at-risk {
  border-color: color-mix(
    in srgb,
    var(--briqs-status-danger-text) 45%,
    transparent
  );
  background: var(--briqs-red-bg);
  color: var(--briqs-status-danger-text);
}

.briqs-goals__status.is-done {
  border-color: var(--briqs-border);
  background: var(--briqs-surface-alt);
  color: var(--briqs-text3);
}

/* Timeline view — one lane row per quarter. */
.briqs-goals__lanes {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.briqs-goals__lane {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.briqs-goals__lane-label {
  flex: 0 0 92px;
  margin: 0;
  padding-top: 12px;
  font-size: 12px;
  font-weight: 700;
  color: var(--briqs-text2);
  white-space: nowrap;
}

.briqs-goals__lane-cards {
  flex: 1 1;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
}

.briqs-goals__lane-cards .briqs-goals__card {
  flex: 1 1 240px;
  max-width: 360px;
}

/* Horizon view — three equal columns on the shared tasks column shell. */
.briqs-goals__column {
  flex: 1 1 220px;
}

/* Key results — read-only rows with done/open circle marks. */
.briqs-goals__krs {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.briqs-goals__kr {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--briqs-text2);
}

.briqs-goals__kr.is-done {
  color: var(--briqs-text3);
}

.briqs-goals__kr-icon {
  display: inline-flex;
  margin-top: 1px;
  color: var(--briqs-text4);
  flex-shrink: 0;
}

.briqs-goals__kr.is-done .briqs-goals__kr-icon {
  color: var(--briqs-green);
}

.briqs-goals__krs-label {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--briqs-text4);
}

/* Expanded card details. */
.briqs-goals__details {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 8px;
  border-top: 1px dashed var(--briqs-border);
}

.briqs-goals__description {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--briqs-text3);
}

/* OKR view — flat vertical list with a larger goal title. */
.briqs-goals__okr-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 760px;
}

.briqs-goals__okr-title {
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--briqs-text);
}

@media (max-width: 720px) {
  .briqs-goals__lane {
    flex-direction: column;
    gap: 8px;
  }

  .briqs-goals__lane-label {
    padding-top: 0;
  }

  .briqs-goals__lane-cards .briqs-goals__card {
    max-width: 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/products/briqs/welcome.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Canonical public composition; cabinet theme is never changed. */
.briqs-welcome { 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) { scroll-margin-top: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 { display:flex; align-items:center; justify-content:space-between; gap:var(--briqs-spacing-6); padding-block:var(--briqs-spacing-4); border-bottom:var(--briqs-border-width) solid var(--briqs-border-md); }
.briqs-welcome__header nav { display:flex; gap:var(--briqs-spacing-6); margin-left:auto; }
.briqs-welcome__preferences { display:flex; align-items:center; gap:var(--briqs-spacing-1); }
.briqs-welcome__session { padding-inline:var(--briqs-spacing-2); color:var(--briqs-text3); font-size:var(--briqs-font-size-caption); white-space:nowrap; }
.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); }
.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-wide); }
.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__product { padding-block:var(--briqs-spacing-24); background:var(--briqs-bg-strong); }
.briqs-welcome__audiences { padding-bottom:var(--briqs-spacing-24); }
.briqs-welcome__audience-pair { display:grid; grid-template-columns:1fr 1fr; gap:var(--briqs-spacing-6); }
.briqs-welcome__audience-pair 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-pair article + article { background:var(--briqs-bg-strong); }
.briqs-welcome__audience-symbol { font-size:var(--briqs-font-size-section); color:var(--briqs-accent-text); }
.briqs-welcome__audience-pair h3 { font-size:var(--briqs-font-size-xl); margin-block:var(--briqs-spacing-6) var(--briqs-spacing-4); }
.briqs-welcome__audience-pair p { margin-bottom:var(--briqs-spacing-6); }
.briqs-welcome__solution-links { margin-block:var(--briqs-spacing-10); }
.briqs-welcome__solution-links a { display:grid; grid-template-columns:auto 2fr 3fr auto; align-items:center; gap:var(--briqs-spacing-8); padding-block:var(--briqs-spacing-8); border-top:var(--briqs-border-width) solid var(--briqs-border-strong); transition:color var(--briqs-transition-fast); }
.briqs-welcome__solution-links a:last-child { border-bottom:var(--briqs-border-width) solid var(--briqs-border-strong); }
.briqs-welcome__solution-links a:hover h3 { color:var(--briqs-accent-text); }
.briqs-welcome__solution-links a > span { color:var(--briqs-accent-text-strong); }
.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__scenario blockquote { max-width:var(--briqs-content-reading); font-size:var(--briqs-font-size-section); font-family:var(--briqs-font-heading); line-height:var(--briqs-leading-heading); letter-spacing:var(--briqs-tracking-tight); }
.briqs-welcome__availability { display:grid; grid-template-columns:1fr 1fr; gap:var(--briqs-spacing-16); border-bottom:var(--briqs-border-width) solid var(--briqs-border-md); }
.briqs-welcome__availability-item { margin-bottom:var(--briqs-spacing-8); }
.briqs-welcome__availability-item p { margin-top:var(--briqs-spacing-3); }
.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 { text-align:center; padding-block:var(--briqs-spacing-16) var(--briqs-spacing-24); }
.briqs-welcome__closing h2 { font-size:var(--briqs-font-size-display-sm); }
.briqs-welcome__closing .briqs-welcome__lead { max-width:var(--briqs-content-narrow); margin:var(--briqs-spacing-6) auto 0; }
@media(max-width:900px) {
  .briqs-welcome__header { flex-wrap:wrap; }
  .briqs-welcome__header nav { order:3; width:100%; margin:0; justify-content:space-between; }
  .briqs-welcome__section-heading { gap:var(--briqs-spacing-8); }
  .briqs-welcome__solution-links a { grid-template-columns:auto 1fr auto; }
  .briqs-welcome__solution-links p { grid-column:2; grid-row:2; }
  .briqs-welcome__solution-links a > span:last-child { grid-column:3; grid-row:1; }
}
@media(max-width:600px) {
  .briqs-welcome__container { width:calc(100% - var(--briqs-spacing-8)); }
  .briqs-welcome__header { gap:var(--briqs-spacing-1); }
  .briqs-welcome__header nav { gap:var(--briqs-spacing-3); }
  .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__product,.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__availability,.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-pair { grid-template-columns:1fr; }
  .briqs-welcome__audience-pair article { padding:var(--briqs-spacing-6); }
  .briqs-welcome__solution-links a { gap:var(--briqs-spacing-4); }
  .briqs-welcome__closing { padding-block:var(--briqs-spacing-8) var(--briqs-spacing-16); }
  .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-pair article { border:0; background:var(--briqs-bg-strong); padding:var(--briqs-spacing-8) var(--briqs-spacing-10) var(--briqs-spacing-10); }
.briqs-welcome__audience-pair article + article { background:var(--briqs-accent-bg); }
.briqs-welcome__audience-pair .briqs-editorial-art { width:75%; margin-inline:auto; }
.briqs-welcome__solution-links a { grid-template-columns:var(--briqs-art-compact-width) 2fr 3fr auto; gap:var(--briqs-spacing-6); padding-block:var(--briqs-spacing-4); }
.briqs-welcome__solution-links .briqs-editorial-art { max-height:var(--briqs-art-compact-width); }
.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); }
.briqs-welcome__closing { padding-block:var(--briqs-spacing-24); }
@media(max-width:900px) {
  .briqs-welcome__editorial-split { gap:var(--briqs-spacing-8); }
  .briqs-welcome__solution-links a { grid-template-columns:var(--briqs-spacing-24) 1fr auto; }
  .briqs-welcome__solution-links .briqs-editorial-art { grid-column:1; grid-row:1 / 3; }
}
@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-pair article { padding:var(--briqs-spacing-6); }
  .briqs-welcome__solution-links a { column-gap:var(--briqs-spacing-3); }
  .briqs-welcome__closing { 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/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__write { animation-name:briqs-art-write; }
.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-write { 0%,10% { clip-path:inset(0 100% 0 0); } 42%,90% { clip-path:inset(0 0 0 0); } 100% { clip-path:inset(0 100% 0 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'] 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 .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); }

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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); }

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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__header .briqs-welcome__navigation {
  align-items: center;
  gap: var(--briqs-spacing-3);
}
.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__journey {
  border-bottom: var(--briqs-border-width) solid var(--briqs-border-md);
}
.briqs-welcome__journey ol {
  display: flex;
  flex-wrap: wrap;
  gap: var(--briqs-spacing-2) var(--briqs-spacing-6);
  list-style: none;
  padding: var(--briqs-spacing-3) 0;
  margin: 0;
}
.briqs-welcome__journey a {
  display: flex;
  align-items: center;
  gap: var(--briqs-spacing-2);
  min-height: var(--briqs-target-min);
  font-size: var(--briqs-font-size-caption);
  color: var(--briqs-text3);
}
.briqs-welcome__journey a[aria-current] {
  color: var(--briqs-accent-text);
  font-weight: var(--briqs-font-weight-semibold);
}
.briqs-welcome__journey span {
  font-family: var(--briqs-font-mono);
}
.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);
  scroll-margin-top: var(--briqs-spacing-8);
}
.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: 1100px) {
  .briqs-welcome__header {
    flex-wrap: wrap;
  }
  .briqs-welcome__header .briqs-welcome__navigation {
    order: 3;
    width: 100%;
    margin: 0;
    justify-content: space-between;
  }
}
@media (max-width: 760px) {
  .briqs-welcome__header .briqs-welcome__navigation {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .briqs-welcome__prices,
  .briqs-welcome__continuation {
    grid-template-columns: 1fr;
  }
  .briqs-welcome__header-access,
  .briqs-welcome__session {
    display: none;
  }
  .briqs-welcome__offer {
    align-items: flex-start;
    gap: var(--briqs-spacing-5);
    flex-direction: column;
  }
  .briqs-welcome__journey ol {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--briqs-spacing-1);
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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;
}