@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700&display=swap");/* source-sans-pro-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/source-sans-pro-cyrillic-ext-400-normal.4ba425fa.woff2) format('woff2'), url(/build/assets/source-sans-pro-cyrillic-ext-400-normal.86893cf4.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* source-sans-pro-cyrillic-400-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/source-sans-pro-cyrillic-400-normal.c73c9d26.woff2) format('woff2'), url(/build/assets/source-sans-pro-cyrillic-400-normal.d6072cf4.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* source-sans-pro-greek-ext-400-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/source-sans-pro-greek-ext-400-normal.f2a19d8c.woff2) format('woff2'), url(/build/assets/source-sans-pro-greek-ext-400-normal.c267e677.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* source-sans-pro-greek-400-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/source-sans-pro-greek-400-normal.9755c83c.woff2) format('woff2'), url(/build/assets/source-sans-pro-greek-400-normal.586ab659.woff) format('woff');
  unicode-range: U+0370-03FF;
}

/* source-sans-pro-vietnamese-400-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/source-sans-pro-vietnamese-400-normal.de1f7870.woff2) format('woff2'), url(/build/assets/source-sans-pro-vietnamese-400-normal.bb1c0391.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* source-sans-pro-latin-ext-400-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/source-sans-pro-latin-ext-400-normal.39cf9abc.woff2) format('woff2'), url(/build/assets/source-sans-pro-latin-ext-400-normal.2ffb1c70.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* source-sans-pro-latin-400-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/source-sans-pro-latin-400-normal.7b348b30.woff2) format('woff2'), url(/build/assets/source-sans-pro-latin-400-normal.69491b82.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* source-sans-pro-cyrillic-ext-300-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/build/assets/source-sans-pro-cyrillic-ext-300-normal.17b49dff.woff2) format('woff2'), url(/build/assets/source-sans-pro-cyrillic-ext-300-normal.3d45c206.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* source-sans-pro-cyrillic-300-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/build/assets/source-sans-pro-cyrillic-300-normal.d6705923.woff2) format('woff2'), url(/build/assets/source-sans-pro-cyrillic-300-normal.fa81e245.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* source-sans-pro-greek-ext-300-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/build/assets/source-sans-pro-greek-ext-300-normal.d021bc2d.woff2) format('woff2'), url(/build/assets/source-sans-pro-greek-ext-300-normal.6f804185.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* source-sans-pro-greek-300-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/build/assets/source-sans-pro-greek-300-normal.1f78c0bf.woff2) format('woff2'), url(/build/assets/source-sans-pro-greek-300-normal.3e1f9121.woff) format('woff');
  unicode-range: U+0370-03FF;
}

/* source-sans-pro-vietnamese-300-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/build/assets/source-sans-pro-vietnamese-300-normal.76888fca.woff2) format('woff2'), url(/build/assets/source-sans-pro-vietnamese-300-normal.41325b23.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* source-sans-pro-latin-ext-300-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/build/assets/source-sans-pro-latin-ext-300-normal.58533b4e.woff2) format('woff2'), url(/build/assets/source-sans-pro-latin-ext-300-normal.bed8be6d.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* source-sans-pro-latin-300-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/build/assets/source-sans-pro-latin-300-normal.c3de27b2.woff2) format('woff2'), url(/build/assets/source-sans-pro-latin-300-normal.d40268ea.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* source-sans-pro-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/build/assets/source-sans-pro-cyrillic-ext-700-normal.f06e0f86.woff2) format('woff2'), url(/build/assets/source-sans-pro-cyrillic-ext-700-normal.502b48f6.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* source-sans-pro-cyrillic-700-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/build/assets/source-sans-pro-cyrillic-700-normal.2a775d51.woff2) format('woff2'), url(/build/assets/source-sans-pro-cyrillic-700-normal.d92a752f.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* source-sans-pro-greek-ext-700-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/build/assets/source-sans-pro-greek-ext-700-normal.601e85e9.woff2) format('woff2'), url(/build/assets/source-sans-pro-greek-ext-700-normal.675fbcb3.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* source-sans-pro-greek-700-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/build/assets/source-sans-pro-greek-700-normal.f354e04e.woff2) format('woff2'), url(/build/assets/source-sans-pro-greek-700-normal.6999e985.woff) format('woff');
  unicode-range: U+0370-03FF;
}

/* source-sans-pro-vietnamese-700-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/build/assets/source-sans-pro-vietnamese-700-normal.5a2f94cc.woff2) format('woff2'), url(/build/assets/source-sans-pro-vietnamese-700-normal.67281852.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* source-sans-pro-latin-ext-700-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/build/assets/source-sans-pro-latin-ext-700-normal.22982053.woff2) format('woff2'), url(/build/assets/source-sans-pro-latin-ext-700-normal.757acac5.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* source-sans-pro-latin-700-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/build/assets/source-sans-pro-latin-700-normal.0d0a6262.woff2) format('woff2'), url(/build/assets/source-sans-pro-latin-700-normal.bcc2a2ed.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* source-sans-pro-cyrillic-ext-600-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/build/assets/source-sans-pro-cyrillic-ext-600-normal.e7585b10.woff2) format('woff2'), url(/build/assets/source-sans-pro-cyrillic-ext-600-normal.d904465e.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* source-sans-pro-cyrillic-600-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/build/assets/source-sans-pro-cyrillic-600-normal.7d640af9.woff2) format('woff2'), url(/build/assets/source-sans-pro-cyrillic-600-normal.c532e13e.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* source-sans-pro-greek-ext-600-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/build/assets/source-sans-pro-greek-ext-600-normal.e33e69b0.woff2) format('woff2'), url(/build/assets/source-sans-pro-greek-ext-600-normal.48802da3.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* source-sans-pro-greek-600-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/build/assets/source-sans-pro-greek-600-normal.4f2d0efc.woff2) format('woff2'), url(/build/assets/source-sans-pro-greek-600-normal.2279cce8.woff) format('woff');
  unicode-range: U+0370-03FF;
}

/* source-sans-pro-vietnamese-600-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/build/assets/source-sans-pro-vietnamese-600-normal.4e332f7a.woff2) format('woff2'), url(/build/assets/source-sans-pro-vietnamese-600-normal.260ddd69.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* source-sans-pro-latin-ext-600-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/build/assets/source-sans-pro-latin-ext-600-normal.4cc56528.woff2) format('woff2'), url(/build/assets/source-sans-pro-latin-ext-600-normal.18091ba8.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* source-sans-pro-latin-600-normal */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/build/assets/source-sans-pro-latin-600-normal.ca57b79a.woff2) format('woff2'), url(/build/assets/source-sans-pro-latin-600-normal.aba35c5f.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* open-sans-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/open-sans-cyrillic-ext-400-normal.d18e67d9.woff2) format('woff2'), url(/build/assets/open-sans-cyrillic-ext-400-normal.fcae2f99.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* open-sans-cyrillic-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/open-sans-cyrillic-400-normal.dbb0be74.woff2) format('woff2'), url(/build/assets/open-sans-cyrillic-400-normal.65323a80.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* open-sans-greek-ext-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/open-sans-greek-ext-400-normal.944d5844.woff2) format('woff2'), url(/build/assets/open-sans-greek-ext-400-normal.4ae5ae8a.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* open-sans-greek-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/open-sans-greek-400-normal.8e22e385.woff2) format('woff2'), url(/build/assets/open-sans-greek-400-normal.055fb7ad.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* open-sans-hebrew-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/open-sans-hebrew-400-normal.953b3b71.woff2) format('woff2'), url(/build/assets/open-sans-hebrew-400-normal.e359b165.woff) format('woff');
  unicode-range: U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}

/* open-sans-math-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/open-sans-math-400-normal.c4fb8002.woff2) format('woff2'), url(/build/assets/open-sans-math-400-normal.e30e30e0.woff) format('woff');
  unicode-range: U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;
}

/* open-sans-symbols-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/open-sans-symbols-400-normal.c6c1ab23.woff2) format('woff2'), url(/build/assets/open-sans-symbols-400-normal.2352f7e8.woff) format('woff');
  unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;
}

/* open-sans-vietnamese-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/open-sans-vietnamese-400-normal.e65e991f.woff2) format('woff2'), url(/build/assets/open-sans-vietnamese-400-normal.6b8c7969.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* open-sans-latin-ext-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/open-sans-latin-ext-400-normal.c260ffc9.woff2) format('woff2'), url(/build/assets/open-sans-latin-ext-400-normal.36901611.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* open-sans-latin-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/open-sans-latin-400-normal.11c09bfb.woff2) format('woff2'), url(/build/assets/open-sans-latin-400-normal.d1b308af.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
.skeleton-loader[data-v-71be8f03] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.5rem;
    min-height: 200px;
    width: 100%;
    background: #f4f7fa;
}
.skeleton-block[data-v-71be8f03] {
    background: #e5e7eb;
    border-radius: 0.375rem;
    animation: skeleton-pulse-71be8f03 1.5s ease-in-out infinite;
}
.skeleton-header[data-v-71be8f03] {
    height: 1.5rem;
    width: 30%;
    margin-bottom: 0.5rem;
}
.skeleton-row[data-v-71be8f03] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}
.skeleton-cell[data-v-71be8f03] {
    height: 2.5rem;
}
.skeleton-line[data-v-71be8f03] {
    height: 0.875rem;
    width: 100%;
    margin-top: 0.5rem;
}
.skeleton-line.short[data-v-71be8f03] {
    width: 60%;
}
.skeleton-grid[data-v-71be8f03] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin-top: 0.5rem;
}
.skeleton-card[data-v-71be8f03] {
    height: 6rem;
}
@keyframes skeleton-pulse-71be8f03 {
0%, 100% {
        opacity: 1;
}
50% {
        opacity: 0.45;
}
}
.call-for-a-demo[data-v-8e9edf1e] {
  padding: 34px;
  height: 234px;
}
.call-for-a-demo--title[data-v-8e9edf1e] {
  color: #000000;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 26px;
}
.call-for-a-demo--email input[data-v-8e9edf1e] {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0px;
  color: #000000;
  min-height: 47px;
  padding: 6px 16px;
  width: 100%;
  max-width: 100%;
  border: 1px solid #cfcfcf;
}
.call-for-a-demo--email input[data-v-8e9edf1e]:focus {
  outline: 0;
}
.call-for-a-demo--email button[data-v-8e9edf1e] {
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #000000;
  color: #ffffff;
  padding: 15px 30px;
  flex-basis: 32%;
  transition: transform 0.3s ease-out;
}
.call-for-a-demo--email button[data-v-8e9edf1e]:hover {
  transform: scale(1.1);
  background-color: #ffffff;
  color: #000;
}.landing-page__header[data-v-76a5a9d8] {
  height: 64px;
  background-color: #3f484c;
}
.landing-page__header-logo[data-v-76a5a9d8] {
  width: 250px;
}
.landing-page__header--box[data-v-76a5a9d8] {
  max-width: 1250px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: center;
}
.landing-page__header--links a[data-v-76a5a9d8] {
  color: #ffffff;
  fill: #ffffff;
  padding: 8px 20px;
  border: 1px solid #ffffff;
  border-radius: 11px;
  text-decoration: none;
  transition: all 0.3s;
}
.landing-page__header--links a[data-v-76a5a9d8]:hover {
  background-color: #ffffff;
  color: #232323;
  transition: all 0.3s;
}
.landing-page__video-section[data-v-76a5a9d8] {
  color: #ffffff;
  background-color: transparent;
  background-image: linear-gradient(170deg, #3f484c 0%, rgba(63, 72, 76, 0.56) 100%);
}
.landing-page__video-section p[data-v-76a5a9d8] {
  font-family: "Source Sans Pro", Sans-serif;
}
.landing-page__video-section__video[data-v-76a5a9d8] {
  padding: 0 30px;
}
.landing-page__demo-section[data-v-76a5a9d8] {
  background-color: #ffd73a;
}
.landing-page__what-is[data-v-76a5a9d8] {
  padding: 20px 0;
}
.landing-page__what-is__title[data-v-76a5a9d8] {
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 55px;
  font-weight: 800;
  text-transform: capitalize;
  line-height: 1.6em;
  color: #323d47;
  letter-spacing: 0.5px;
  height: 128px;
}
.landing-page__what-is__content__item__check-circle[data-v-76a5a9d8] {
  height: 14px;
  width: 14px;
}
.landing-page__what-is__content__item__text[data-v-76a5a9d8] {
  width: 82%;
  padding-left: 8px;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
  color: #838383;
}
.landing-page__who-is-this-for[data-v-76a5a9d8] {
  padding: 20px 0;
  background-color: #e9e9e9;
}
.landing-page__who-is-this-for__title[data-v-76a5a9d8] {
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 55px;
  font-weight: 800;
  text-transform: capitalize;
  line-height: 1.6em;
  color: #323d47;
  letter-spacing: 0.5px;
  height: 128px;
}
.landing-page__who-is-this-for__content__item__check-circle[data-v-76a5a9d8] {
  height: 14px;
  width: 14px;
}
.landing-page__who-is-this-for__content__item__text[data-v-76a5a9d8] {
  width: 82%;
  padding-left: 8px;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
  color: #838383;
}
.landing-page__design-process[data-v-76a5a9d8] {
  padding: 20px 0;
}
.landing-page__design-process__title[data-v-76a5a9d8] {
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 55px;
  font-weight: 800;
  text-transform: capitalize;
  line-height: 1.6em;
  color: #323d47;
  letter-spacing: 0.5px;
  height: 128px;
}
.landing-page__design-process__content__item__check-circle[data-v-76a5a9d8] {
  height: 14px;
  width: 14px;
}
.landing-page__design-process__content__item__text[data-v-76a5a9d8] {
  width: 82%;
  padding-left: 8px;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
  color: #838383;
}
.landing-page__collaboration[data-v-76a5a9d8] {
  padding: 20px 0;
  background-color: #e9e9e9;
}
.landing-page__collaboration__title[data-v-76a5a9d8] {
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 55px;
  font-weight: 800;
  text-transform: capitalize;
  line-height: 1.6em;
  color: #323d47;
  letter-spacing: 0.5px;
  height: 128px;
}
.landing-page__collaboration__content__item__check-circle[data-v-76a5a9d8] {
  height: 14px;
  width: 14px;
}
.landing-page__collaboration__content__item__text[data-v-76a5a9d8] {
  width: 82%;
  padding-left: 8px;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
  color: #838383;
}
.landing-page__collaboration__content__item__title[data-v-76a5a9d8] {
  font-family: "Open Sans", sans-serif;
  font-size: 23px;
  color: #323d47;
  font-weight: 600;
}
.landing-page__design-process-wizard[data-v-76a5a9d8] {
  padding: 20px 0;
  position: relative;
}
.landing-page__design-process-wizard__title[data-v-76a5a9d8] {
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 55px;
  font-weight: 800;
  text-transform: capitalize;
  line-height: 1.6em;
  color: #323d47;
  letter-spacing: 0.5px;
  height: 128px;
}
.landing-page__design-process-wizard__content__item__check-circle[data-v-76a5a9d8] {
  height: 14px;
  width: 14px;
}
.landing-page__design-process-wizard__content__item__text[data-v-76a5a9d8] {
  width: 82%;
  padding-left: 8px;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
  color: #838383;
}
.landing-page__design-process-wizard__content__item__title[data-v-76a5a9d8] {
  font-family: "Open Sans", sans-serif;
  font-size: 23px;
  color: #323d47;
  font-weight: 600;
}
.landing-page__design-process-wizard[data-v-76a5a9d8]:after {
  content: "";
  display: block;
  width: 72rem;
  height: 1px;
  background-color: #838383;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.landing-page__workflow[data-v-76a5a9d8] {
  padding: 20px 0;
  position: relative;
}
.landing-page__workflow__title[data-v-76a5a9d8] {
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 55px;
  font-weight: 800;
  text-transform: capitalize;
  line-height: 1.6em;
  color: #323d47;
  letter-spacing: 0.5px;
  height: 128px;
}
.landing-page__workflow__content__item__check-circle[data-v-76a5a9d8] {
  height: 14px;
  width: 14px;
}
.landing-page__workflow__content__item__text[data-v-76a5a9d8] {
  width: 82%;
  padding-left: 8px;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
  color: #838383;
}
.landing-page__workflow__content__item__title[data-v-76a5a9d8] {
  font-family: "Open Sans", sans-serif;
  font-size: 23px;
  color: #323d47;
  font-weight: 600;
}
.landing-page__workflow[data-v-76a5a9d8]:after {
  content: "";
  display: block;
  width: 72rem;
  height: 1px;
  background-color: #838383;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.landing-page__automation[data-v-76a5a9d8] {
  padding: 20px 0;
}
.landing-page__automation__title[data-v-76a5a9d8] {
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 55px;
  font-weight: 800;
  text-transform: capitalize;
  line-height: 1.6em;
  color: #323d47;
  letter-spacing: 0.5px;
  height: 128px;
}
.landing-page__automation__content__item__check-circle[data-v-76a5a9d8] {
  height: 14px;
  width: 14px;
}
.landing-page__automation__content__item__text[data-v-76a5a9d8] {
  width: 82%;
  padding-left: 8px;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
  color: #838383;
}
.landing-page__automation__content__item__title[data-v-76a5a9d8] {
  font-family: "Open Sans", sans-serif;
  font-size: 23px;
  color: #323d47;
  font-weight: 600;
}
.landing-page__kanban[data-v-76a5a9d8] {
  padding: 20px 0;
  background-color: #e9e9e9;
}
.landing-page__kanban__title[data-v-76a5a9d8] {
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 55px;
  font-weight: 800;
  text-transform: capitalize;
  line-height: 1.6em;
  color: #323d47;
  letter-spacing: 0.5px;
  height: 128px;
}
.landing-page__kanban__content__item__check-circle[data-v-76a5a9d8] {
  height: 14px;
  width: 14px;
}
.landing-page__kanban__content__item__text[data-v-76a5a9d8] {
  width: 82%;
  padding-left: 8px;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
  color: #838383;
}
.landing-page__kanban__content__item__title[data-v-76a5a9d8] {
  font-family: "Open Sans", sans-serif;
  font-size: 23px;
  color: #323d47;
  font-weight: 600;
}
.landing-page__dashboard[data-v-76a5a9d8] {
  padding: 20px 0;
}
.landing-page__dashboard__title[data-v-76a5a9d8] {
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 55px;
  font-weight: 800;
  text-transform: capitalize;
  line-height: 1.6em;
  color: #323d47;
  letter-spacing: 0.5px;
  height: 128px;
}
.landing-page__dashboard__content__item__check-circle[data-v-76a5a9d8] {
  height: 14px;
  width: 14px;
}
.landing-page__dashboard__content__item__text[data-v-76a5a9d8] {
  width: 82%;
  padding-left: 8px;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
  color: #838383;
}
.landing-page__dashboard__content__item__title[data-v-76a5a9d8] {
  font-family: "Open Sans", sans-serif;
  font-size: 23px;
  color: #323d47;
  font-weight: 600;
}
.landing-page__modelling[data-v-76a5a9d8] {
  padding: 20px 0;
  background-color: #e9e9e9;
}
.landing-page__modelling__title[data-v-76a5a9d8] {
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 55px;
  font-weight: 800;
  text-transform: capitalize;
  line-height: 1.6em;
  color: #323d47;
  letter-spacing: 0.5px;
  height: 128px;
}
.landing-page__modelling__content__item__check-circle[data-v-76a5a9d8] {
  height: 14px;
  width: 14px;
}
.landing-page__modelling__content__item__text[data-v-76a5a9d8] {
  width: 82%;
  padding-left: 8px;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
  color: #838383;
}
.landing-page__modelling__content__item__title[data-v-76a5a9d8] {
  font-family: "Open Sans", sans-serif;
  font-size: 23px;
  color: #323d47;
  font-weight: 600;
}
.landing-page__backlog[data-v-76a5a9d8] {
  padding: 20px 0;
  position: relative;
}
.landing-page__backlog__title[data-v-76a5a9d8] {
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 55px;
  font-weight: 800;
  text-transform: capitalize;
  line-height: 1.6em;
  color: #323d47;
  letter-spacing: 0.5px;
  height: 128px;
}
.landing-page__backlog__content__item__check-circle[data-v-76a5a9d8] {
  height: 14px;
  width: 14px;
}
.landing-page__backlog__content__item__text[data-v-76a5a9d8] {
  width: 82%;
  padding-left: 8px;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
  color: #838383;
}
.landing-page__backlog__content__item__title[data-v-76a5a9d8] {
  font-family: "Open Sans", sans-serif;
  font-size: 23px;
  color: #323d47;
  font-weight: 600;
}
.landing-page__backlog[data-v-76a5a9d8]:after {
  content: "";
  display: block;
  width: 72rem;
  height: 1px;
  background-color: #838383;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.landing-page__roadmap[data-v-76a5a9d8] {
  padding: 20px 0;
}
.landing-page__roadmap__title[data-v-76a5a9d8] {
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 55px;
  font-weight: 800;
  text-transform: capitalize;
  line-height: 1.6em;
  color: #323d47;
  letter-spacing: 0.5px;
  height: 128px;
}
.landing-page__roadmap__content__item__check-circle[data-v-76a5a9d8] {
  height: 14px;
  width: 14px;
}
.landing-page__roadmap__content__item__text[data-v-76a5a9d8] {
  width: 82%;
  padding-left: 8px;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
  color: #838383;
}
.landing-page__roadmap__content__item__title[data-v-76a5a9d8] {
  font-family: "Open Sans", sans-serif;
  font-size: 23px;
  color: #323d47;
  font-weight: 600;
}
.landing-page__early[data-v-76a5a9d8] {
  background-color: #ffd73a;
  padding: 34px;
}
.landing-page__early__text[data-v-76a5a9d8] {
  color: #000000;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.landing-page__early__button[data-v-76a5a9d8] {
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  fill: #ffffff;
  color: #ffffff;
  background-color: #3f484c;
  padding: 12px 24px;
  border-radius: 3px;
  transition: all 0.3s ease-out;
}
.landing-page__early__button[data-v-76a5a9d8]:hover {
  color: #3f484c;
  background-color: #ffffff;
}.onboarding-page[data-v-2984b68e] {
  min-height: 100vh;
  background: linear-gradient(135deg, #3f484c 0%, #2d3538 100%);
  display: flex;
  flex-direction: column;
}
.onboarding-header[data-v-2984b68e] {
  padding: 20px 40px;
}
.onboarding-header .logo[data-v-2984b68e] {
  height: 40px;
}
.onboarding-content[data-v-2984b68e] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
}
.onboarding-card[data-v-2984b68e] {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  width: 100%;
  max-width: 520px;
  padding: 48px;
}
.welcome-section[data-v-2984b68e] {
  text-align: center;
  margin-bottom: 32px;
}
.welcome-section .welcome-icon[data-v-2984b68e] {
  width: 64px;
  height: 64px;
  background: #FFCC00;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}
.welcome-section .welcome-icon svg[data-v-2984b68e] {
  width: 36px;
  height: 36px;
  color: #3f484c;
}
.welcome-section h1[data-v-2984b68e] {
  font-size: 28px;
  font-weight: 700;
  color: #3f484c;
  margin: 0 0 8px;
}
.welcome-section .subtitle[data-v-2984b68e] {
  color: #6b7280;
  font-size: 16px;
  margin: 0;
}
.workspace-form .form-group[data-v-2984b68e] {
  margin-bottom: 24px;
}
.workspace-form .form-group label[data-v-2984b68e] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #3f484c;
  margin-bottom: 8px;
}
.workspace-form .form-group input[data-v-2984b68e] {
  width: 100%;
  padding: 14px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  font-size: 16px;
  transition: all 0.2s;
}
.workspace-form .form-group input[data-v-2984b68e]:focus {
  outline: none;
  border-color: #FFCC00;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.2);
}
.workspace-form .form-group input.error[data-v-2984b68e] {
  border-color: #ef4444;
}
.workspace-form .form-group input.success[data-v-2984b68e] {
  border-color: #10b981;
}
.workspace-form .form-group input[data-v-2984b68e]::-moz-placeholder {
  color: #9ca3af;
}
.workspace-form .form-group input[data-v-2984b68e]::placeholder {
  color: #9ca3af;
}
.workspace-form .form-group .help-text[data-v-2984b68e] {
  font-size: 13px;
  color: #9ca3af;
  margin-top: 6px;
}
.workspace-form .form-group .error-message[data-v-2984b68e] {
  font-size: 13px;
  color: #ef4444;
  margin-top: 6px;
}
.workspace-form .subdomain-input[data-v-2984b68e] {
  display: flex;
  align-items: center;
  background: #f9fafb;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.2s;
}
.workspace-form .subdomain-input[data-v-2984b68e]:focus-within {
  border-color: #FFCC00;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.2);
}
.workspace-form .subdomain-input .subdomain-prefix[data-v-2984b68e],
.workspace-form .subdomain-input .subdomain-suffix[data-v-2984b68e] {
  padding: 14px 12px;
  color: #6b7280;
  font-size: 14px;
  background: #f3f4f6;
  white-space: nowrap;
}
.workspace-form .subdomain-input input[data-v-2984b68e] {
  border: none;
  border-radius: 0;
  background: transparent;
}
.workspace-form .subdomain-input input[data-v-2984b68e]:focus {
  box-shadow: none;
}
.workspace-form .subdomain-status[data-v-2984b68e] {
  margin-top: 8px;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.workspace-form .subdomain-status svg[data-v-2984b68e] {
  width: 16px;
  height: 16px;
}
.workspace-form .subdomain-status .spinner[data-v-2984b68e] {
  animation: spin-2984b68e 1s linear infinite;
}
.workspace-form .subdomain-status .checking[data-v-2984b68e] {
  color: #6b7280;
}
.workspace-form .subdomain-status .available[data-v-2984b68e] {
  color: #10b981;
}
.workspace-form .subdomain-status .unavailable[data-v-2984b68e] {
  color: #ef4444;
}
.workspace-form .subdomain-status .info[data-v-2984b68e] {
  color: #6b7280;
}
.url-preview[data-v-2984b68e] {
  background: #f9fafb;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 24px;
}
.url-preview .preview-label[data-v-2984b68e] {
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.url-preview .preview-url[data-v-2984b68e] {
  font-size: 15px;
  color: #3f484c;
  font-weight: 500;
  word-break: break-all;
}
.submit-btn[data-v-2984b68e] {
  width: 100%;
  padding: 16px 24px;
  background: #FFCC00;
  color: #3f484c;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s;
}
.submit-btn[data-v-2984b68e]:hover:not(:disabled) {
  background: #e5b800;
  transform: translateY(-1px);
}
.submit-btn[data-v-2984b68e]:disabled {
  background: #e5e7eb;
  color: #9ca3af;
  cursor: not-allowed;
}
.submit-btn svg[data-v-2984b68e] {
  width: 20px;
  height: 20px;
}
.features-preview[data-v-2984b68e] {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid #e5e7eb;
}
.features-preview h3[data-v-2984b68e] {
  font-size: 14px;
  font-weight: 600;
  color: #3f484c;
  margin: 0 0 16px;
}
.features-preview ul[data-v-2984b68e] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.features-preview ul li[data-v-2984b68e] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #6b7280;
}
.features-preview ul li svg[data-v-2984b68e] {
  width: 16px;
  height: 16px;
  color: #FFCC00;
  flex-shrink: 0;
}
@keyframes spin-2984b68e {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@media (max-width: 640px) {
.onboarding-card[data-v-2984b68e] {
    padding: 32px 24px;
}
.features-preview ul[data-v-2984b68e] {
    grid-template-columns: 1fr;
}
}body {
  background-color: #ffffff;
}
.box-auth {
  box-shadow: 0px -7px 20px rgba(0, 0, 0, 0.1), -10px 10px 20px rgba(0, 0, 0, 0.1), 10px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 514px;
  margin: 0 auto;
  padding: 40px 42px;
}
@media only screen and (max-width: 425px) {
.box-auth {
    width: auto;
}
}
.auth-form input::-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  /* grey */
  color: #BABABA;
}
.auth-form input::placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  /* grey */
  color: #BABABA;
}
.auth-form__title {
  font-style: normal;
  font-weight: 700;
  font-size: 42px;
  line-height: 51px;
  text-align: center;
  color: #2E4050;
}
.auth-form button {
  height: 36px;
  background: #FEBC2C;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.auth-form .auth-form__divider {
  width: 100%;
}
.auth-form .auth-form__divider--line {
  height: 1px;
  background: #E3EBF2;
  width: 100%;
}
.auth-form .auth-form__divider__text {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #2E4050;
  background: #fff;
  width: 40px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: -10px;
}
.auth-form .auth-form__info-auth p {
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  /* /dark_text */
  color: #2E4050;
}
.auth-form .auth-form__info-auth a {
  color: #efc334;
  text-decoration: underline;
}
.slide-fade-left-enter-active,
.slide-fade-right-enter-active,
.slide-fade-up-enter-active,
.slide-fade-down-enter-active {
  transition: all 0.6s;
}
.slide-fade-left-leave-active,
.slide-fade-right-leave-active,
.slide-fade-up-leave-active,
.slide-fade-down-leave-active {
  transition: all 0.4s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-left-enter-from,
.slide-fade-left-leave-to {
  transform: translateX(50px);
  opacity: 0;
}
.slide-fade-right-enter-from,
.slide-fade-right-leave-to {
  transform: translateX(-50px);
  opacity: 0;
}
.slide-fade-up-enter-from,
.slide-fade-up-leave-to {
  transform: translateY(50px);
  opacity: 0;
}
.slide-fade-down-enter-from,
.slide-fade-down-leave-to {
  transform: translateY(-50px);
  opacity: 0;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.slide-enter-active,
.slide-leave-active {
  transition: transform 0.2s ease;
}
.slide-enter,
.slide-leave-to {
  transform: translateX(-100%);
  transition: all 150ms ease-in 0s;
}

/** Ripple animation style START */
.ripple {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}
.ripple-effect {
  animation: ripple-drop 0.6s linear;
}
@keyframes ripple-drop {
100% {
    transform: scale(2);
    opacity: 0;
}
}

/** Ripple animation style END */
body {
  background-color: #f4f7fa;
}.field-label {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #4a4a4a;
}
.required-start {
  color: #ff4a4a;
  margin-left: 8px;
}.hoba-button {
  background: #febc2c;
}
.hoba-button span {
  color: #2e4050 !important;
}
.hoba-button:hover span, .hoba-button:focus span, .hoba-button:active span {
  color: #ffffff !important;
}
.hoba-button:hover:not(:disabled) {
  background-color: #484848;
}.field-input {
  background: #e8edf2;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
}
.field-input:focus {
  border-color: #febc2c;
  --tw-ring-color: #febc2c;
}
.field-input:disabled {
  background-color: #f2f2f2;
  color: #3d4852;
}.auth-form .forgotBtn {
  width: auto;
}.auth-form .authBtn {
  width: 166px !important;
}.auth-form .authBtn {
  width: 166px !important;
}
.terms-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "Arial", sans-serif;
  margin-top: 20px;
  text-align: center;
}
.checkbox-label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.checkbox-text {
  margin-left: 8px;
  margin-right: 8px;
}
.checkbox-label a {
  color: #FFCC00;
  text-decoration: none;
  transition: color 0.3s ease;
  margin-left: 4px;
  margin-right: 4px;
}
.styled-checkbox {
  margin-right: 10px;
}
.terms-of-use[data-v-2f1363e2] {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}
.header[data-v-2f1363e2] {
    text-align: center;
    margin-bottom: 20px;
}
.header h1[data-v-2f1363e2] {
    font-size: 36px;
    font-weight: 600;
    color: #333;
}
.date[data-v-2f1363e2] {
    font-size: 16px;
    color: #888;
}
.content[data-v-2f1363e2] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}
h2[data-v-2f1363e2] {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-top: 20px;
}
h3[data-v-2f1363e2] {
    font-size: 20px;
    font-weight: 600;
    color: #555;
    margin-top: 15px;
}
ul[data-v-2f1363e2] {
    padding-left: 20px;
}
ul li[data-v-2f1363e2] {
    font-size: 16px;
    margin-bottom: 10px;
}
address[data-v-2f1363e2] {
    font-size: 16px;
    margin-top: 30px;
}
a[data-v-2f1363e2] {
    color: #007bff;
    text-decoration: none;
}
a[data-v-2f1363e2]:hover {
    text-decoration: underline;
}
  .step-overview[data-v-2063acd3] {
  width: 100%;
  padding: 4px 4px 32px;
}

/* Breadcrumb */
.step-breadcrumb[data-v-2063acd3] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #FFF8E7;
  border: 1px solid #F5D78E;
  border-radius: 6px;
  padding: 5px 12px 5px 6px;
  margin-bottom: 16px;
}
.step-breadcrumb .bc-badge[data-v-2063acd3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #FFCC00;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  color: #1A1A1A;
}
.step-breadcrumb .bc-name[data-v-2063acd3] {
  font-size: 13px;
  font-weight: 600;
  color: #1A1A1A;
}

/* Title row */
.step-title-area[data-v-2063acd3] {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 20px;
}
.step-title-area .step-title[data-v-2063acd3] {
  font-size: 26px;
  font-weight: 700;
  color: #1A1A1A;
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: normal;
  word-break: break-word;
}
.step-title-area .step-help[data-v-2063acd3] {
  position: relative;
  display: inline-flex;
  cursor: help;
  flex-shrink: 0;
}
.step-title-area .step-help:hover .step-help__tooltip[data-v-2063acd3], .step-title-area .step-help:focus-visible .step-help__tooltip[data-v-2063acd3] {
  opacity: 1;
  visibility: visible;
}
.step-title-area .step-help__tooltip[data-v-2063acd3] {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  width: 280px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  text-align: left;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease;
  pointer-events: none;
}
.step-title-area .step-help__tooltip strong[data-v-2063acd3] {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 4px;
}
.step-title-area .step-help__tooltip span[data-v-2063acd3] {
  display: block;
  font-size: 12px;
  color: #6b7280;
  line-height: 1.5;
}
.step-title-area .step-subtitle[data-v-2063acd3] {
  font-size: 14px;
  color: #888888;
  margin: 0;
}

/* About this step card */
.about-card[data-v-2063acd3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  background: #FFFDF5;
  border-radius: 0 8px 8px 0;
  border: 1px solid #F5D78E;
  border-left: 4px solid #FFCC00;
  padding: 0;
  margin-bottom: 28px;
  overflow: hidden;
}
.about-card .about-left[data-v-2063acd3] {
  padding: 18px 20px;
  border-right: 1px solid #F5D78E;
}
.about-card .about-left .about-label[data-v-2063acd3] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.8px;
  color: #b45309;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.about-card .about-left .about-desc[data-v-2063acd3] {
  font-size: 14px;
  color: #3F484C;
  line-height: 1.7;
  margin: 0;
}
.about-card .about-right[data-v-2063acd3] {
  padding: 18px 20px;
  background: #FFFDF5;
}
.about-card .about-right .about-step-badge[data-v-2063acd3] {
  display: inline-flex;
  align-items: center;
  background: #FFCC00;
  color: #1A1A1A;
  font-size: 12px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 4px;
  margin-bottom: 14px;
}
.about-card .about-right .about-meta-block .about-meta-label[data-v-2063acd3] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: #b45309;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.about-card .about-right .about-meta-block .about-meta-text[data-v-2063acd3] {
  font-size: 13px;
  color: #3F484C;
  line-height: 1.6;
  margin: 0;
}
.about-card .about-right .about-meta-block .about-meta-text--outcome[data-v-2063acd3] {
  font-weight: 700;
  color: #1A1A1A;
  font-size: 14px;
}

/* Building block section */
.bb-section[data-v-2063acd3] {
  margin-bottom: 28px;
}
.bb-section-header[data-v-2063acd3] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.bb-section-header .bb-section-title[data-v-2063acd3] {
  font-size: 14px;
  font-weight: 700;
  color: #1A1A1A;
}
.bb-section-header .bb-section-count[data-v-2063acd3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 20px;
  padding: 0 7px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  background: #FFCC00;
  color: #1A1A1A;
}
.bb-section-header--gold .bb-section-title[data-v-2063acd3] {
  color: #b45309;
}
.bb-section-count--white[data-v-2063acd3] {
  background: #3F484C;
  color: #ffffff;
}

/* BB cards grid */
.bb-cards[data-v-2063acd3] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Individual BB card */
.bb-card[data-v-2063acd3] {
  background: #ffffff;
  border: 1px solid #D1D1D1;
  border-radius: 8px;
  padding: 14px 16px;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.bb-card[data-v-2063acd3]:hover {
  background: #F9F9F9;
  border-color: #FFCC00;
}
.bb-card .bb-card-header[data-v-2063acd3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.bb-card .bb-card-title-row[data-v-2063acd3] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}
.bb-card .bb-card-name[data-v-2063acd3] {
  font-size: 15px;
  font-weight: 600;
  color: #1A1A1A;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bb-card .bb-card-desc[data-v-2063acd3] {
  font-size: 13px;
  color: #555555;
  line-height: 1.55;
  margin: 0 0 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bb-card .bb-card-footer[data-v-2063acd3] {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Start button */
.bb-start-btn[data-v-2063acd3] {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 12px;
  padding: 5px 12px;
  background: #FFCC00;
  color: #1A1A1A;
  font-size: 13px;
  font-weight: 600;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.15s;
}
.bb-start-btn[data-v-2063acd3]:hover {
  background: #e6b800;
}

/* Blueprint count badge */
.bb-blueprint-badge[data-v-2063acd3] {
  font-size: 11px;
  color: #888888;
  background: #F5F5F5;
  border-radius: 4px;
  padding: 2px 8px;
  font-weight: 500;
}

/* Status badges */
.status-badge[data-v-2063acd3] {
  font-size: 11px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 4px;
  white-space: nowrap;
}
.status-badge.status-complete[data-v-2063acd3] {
  background: #DCFCE7;
  color: #3F484C;
}
.status-badge.status-in_progress[data-v-2063acd3] {
  background: #FFF8E7;
  color: #b45309;
}
.status-badge.status-not_started[data-v-2063acd3] {
  background: #F5F5F5;
  color: #888888;
}

/* Sprint section header accent */
.bb-section--sprint .bb-section-header .bb-section-title[data-v-2063acd3] {
  color: #b45309;
}

/* Empty state */
.empty-state[data-v-2063acd3] {
  padding: 24px 16px;
  font-size: 13px;
  color: #888888;
  text-align: center;
  background: #F9F9F9;
  border: 1px dashed #D1D1D1;
  border-radius: 8px;
}.vue3-circular-progressbar[data-v-49af6a0a]{position:relative}.vue3-circular-progressbar .current-counter[data-v-49af6a0a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress {
  margin-left: 7px;
  margin-top: 7px;
  margin-right: 16px;
}
.progress .current-counter {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  text-align: center;
  color: #2e4050;
}
.progress .current-counter::after {
  content: "%";
}.v1_custom-hoba-checkbox[data-v-bdf713d4]:checked:hover,
.v1 .custom-hoba-checkbox[data-v-bdf713d4]:checked:focus, .v1_custom-hoba-checkbox[data-v-bdf713d4]:focus {
  background-color: #ffffff;
}
.v1_custom-hoba-checkbox[data-v-bdf713d4]:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTkuMzUzMTUgMC44NTk2NDRDOS4yNjk1MiAwLjgwNTM2NSA5LjE3NjAxIDAuNzY4MDk0IDkuMDc3OTcgMC43NDk5NjJDOC45Nzk5MyAwLjczMTgzIDguODc5MjggMC43MzMxOTEgOC43ODE3NyAwLjc1Mzk2OEM4LjY4NDI1IDAuNzc0NzQ0IDguNTkxNzkgMC44MTQ1MjkgOC41MDk2NSAwLjg3MTA1QzguNDI3NTIgMC45Mjc1NyA4LjM1NzMzIDAuOTk5NzE5IDguMzAzMDggMS4wODMzN0w0LjA0ODY2IDcuNjQxMTZMMS45NzM4MyA1LjcyMjc1QzEuOTAwNjMgNS42NTUwNiAxLjgxNDgxIDUuNjAyNDYgMS43MjEyOCA1LjU2Nzk0QzEuNjI3NzUgNS41MzM0MiAxLjUyODMzIDUuNTE3NjYgMS40Mjg3MSA1LjUyMTU2QzEuMjI3NTEgNS41Mjk0NCAxLjAzNzY4IDUuNjE2OTIgMC45MDA5ODggNS43NjQ3NkMwLjc2NDI5MSA1LjkxMjYgMC42OTE5MjIgNi4xMDg2OSAwLjY5OTgwMSA2LjMwOTg5QzAuNzA3NjggNi41MTEwOCAwLjc5NTE2MSA2LjcwMDkxIDAuOTQzMDAxIDYuODM3NjFMMy42NjcyNSA5LjM1NjM1QzMuNjY3MjUgOS4zNTYzNSAzLjc0NTQ2IDkuNDIzNjcgMy43ODE2NSA5LjQ0NzIxQzMuODY1MjkgOS41MDE1MiAzLjk1ODgyIDkuNTM4ODMgNC4wNTY4OCA5LjU1Njk4QzQuMTU0OTUgOS41NzUxNCA0LjI1NTYzIDkuNTczNzggNC4zNTMxNyA5LjU1MzAxQzQuNDUwNzIgOS41MzIyMyA0LjU0MzIxIDkuNDkyNDMgNC42MjUzNiA5LjQzNTg5QzQuNzA3NTIgOS4zNzkzNCA0Ljc3NzcyIDkuMzA3MTcgNC44MzE5NyA5LjIyMzQ4TDkuNTc2ODggMS45MDk3MUM5LjYzMTE2IDEuODI2MDggOS42Njg0MyAxLjczMjU3IDkuNjg2NTYgMS42MzQ1M0M5LjcwNDY5IDEuNTM2NDkgOS43MDMzMyAxLjQzNTg0IDkuNjgyNTYgMS4zMzgzM0M5LjY2MTc4IDEuMjQwODEgOS42MjE5OSAxLjE0ODM1IDkuNTY1NDcgMS4wNjYyMUM5LjUwODk1IDAuOTg0MDgxIDkuNDM2OCAwLjkxMzg4NyA5LjM1MzE1IDAuODU5NjQ0WiIgZmlsbD0iI0ZGQ0MwMCIvPiA8L3N2Zz4K);
  border: 1px solid #FFCC00;
}
.v1_custom-hoba-checkbox[data-v-bdf713d4] {
  border: 1px solid #b5b5b5;
  border-radius: 6px;
  background-color: white;
  background-size: 100% 55%;
  background-position: center;
  background-repeat: no-repeat;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.v1_custom-hoba-checkbox.hidden[data-v-bdf713d4] {
  display: none !important;
}
.v2_custom-hoba-checkbox[data-v-bdf713d4]:checked {
  background-image: none;
  border: 1px solid #FFCC00;
  background-color: #FFCC00;
}
.v2_custom-hoba-checkbox[data-v-bdf713d4] {
  border: 1px solid #b5b5b5;
  border-radius: 50%;
  background-color: white;
  background-size: 100% 55%;
  background-position: center;
  background-repeat: no-repeat;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.v2_custom-hoba-checkbox.hidden[data-v-bdf713d4] {
  display: none !important;
}.project-models__point .disable[data-v-e04b4f3d] {
  opacity: 0.5;
}
.project-models__point__header[data-v-e04b4f3d] {
  width: 100%;
  background: #eaf0f5;
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #2e4050;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.project-models__point--action .open[data-v-e04b4f3d] {
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 0.3s;
}
.project-models__point--action .open.rotate[data-v-e04b4f3d] {
  transform: rotate(180deg);
  transition-duration: 0.3s;
}
.project-models__point-list[data-v-e04b4f3d] {
  overflow: hidden;
  width: 100%;
  background: #efefef;
  border-radius: 0px 0px 6px 6px;
  transition: 150ms ease-out;
}
.project-models__point-list__wrapper-items[data-v-e04b4f3d] {
  padding: 18px 34px;
  overflow-wrap: break-word;
  transition: all 0.3s;
}
.project-models__point-list .blockedListOverlay[data-v-e04b4f3d] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}.sidebar-models__body-list_item--point[data-v-732e3a97] {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #2e4050;
  cursor: pointer;
}
.sidebar-models__body-list_item--point svg[data-v-732e3a97] {
  position: absolute;
  right: 10px;
  top: 10px;
}
.sidebar-models__body-list_item--arrow[data-v-732e3a97] {
  position: absolute;
  left: -23px;
  top: 12px;
  cursor: pointer;
}
.points-model-wrapper[data-v-732e3a97] {
  /* children render in one pass, no height animation */
}
.points-model-list[data-v-732e3a97] {
  display: none;
  width: 100%;
}
.points-model-list.expanded[data-v-732e3a97] {
  display: block;
}
.points-model-list__item[data-v-732e3a97] {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ccd7e3;
  border-radius: 4px;
  height: 32px; /* Increased for consistent height */
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #bdbdbd;
  justify-content: space-between;
  align-items: center;
  padding: 6px 8px 6px 8px;
  margin-bottom: 4px;
  cursor: pointer;
  position: relative;
}
.points-model-list__item .text[data-v-732e3a97] {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.points-model-list__item .text.active[data-v-732e3a97] {
  color: #2e4050;
}
.points-model-list .visibility-controls[data-v-732e3a97] {
  display: flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.points-model-list .dot[data-v-732e3a97] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(151, 151, 151, 0.4);
  flex-shrink: 0;
}
.points-model-list .dot.complete[data-v-732e3a97] {
  background-color: #0f9d58;
}
.points-model-list .dot.active[data-v-732e3a97] {
  background-color: #febc2c;
}
.points-model-list .cat-eye[data-v-732e3a97] {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.2s;
  flex-shrink: 0;
}
.points-model-list .cat-eye[data-v-732e3a97]:hover {
  background-color: #f3f4f6;
}
.points-model-list .cat-eye.visible[data-v-732e3a97] {
  opacity: 1;
}
.points-model-list .cat-eye[data-v-732e3a97]:not(.visible) {
  opacity: 0.5;
}
.points-model-list .cat-eye svg[data-v-732e3a97] {
  pointer-events: none;
}
.points-model-list__item.active[data-v-732e3a97] {
  border: 1px solid #febc2c;
}.comments-sidebar[data-v-73048be3] {
  width: 360px;
  height: 100%;
  background: #ffffff;
  border-left: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  position: relative;
}
.sidebar-header[data-v-73048be3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
}
.header-title[data-v-73048be3] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1f2937;
}
.header-title h3[data-v-73048be3] {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.comment-count[data-v-73048be3] {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  background: #f3f4f6;
  padding: 2px 8px;
  border-radius: 10px;
}
.close-btn[data-v-73048be3] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s;
}
.close-btn[data-v-73048be3]:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.filter-tabs[data-v-73048be3] {
  display: flex;
  gap: 4px;
  padding: 12px 20px;
  border-bottom: 1px solid #e5e7eb;
}
.filter-tab[data-v-73048be3] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s;
}
.filter-tab[data-v-73048be3]:hover {
  background: #f9fafb;
}
.filter-tab.active[data-v-73048be3] {
  background: #f3f4f6;
  color: #1f2937;
  border-color: #e5e7eb;
}
.filter-tab .count[data-v-73048be3] {
  font-size: 11px;
  color: #9ca3af;
}
.new-comment[data-v-73048be3] {
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
}
.new-comment textarea[data-v-73048be3] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 13px;
  resize: none;
  transition: border-color 0.2s;
}
.new-comment textarea[data-v-73048be3]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.new-comment textarea[data-v-73048be3]::-moz-placeholder {
  color: #9ca3af;
}
.new-comment textarea[data-v-73048be3]::placeholder {
  color: #9ca3af;
}
.new-comment-actions[data-v-73048be3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
.hint[data-v-73048be3] {
  font-size: 11px;
  color: #9ca3af;
}
.send-btn[data-v-73048be3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #3F484C;
  background: #FEBC2C;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s;
}
.send-btn[data-v-73048be3]:hover:not(:disabled) {
  background: #FFCC00;
}
.send-btn[data-v-73048be3]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.comments-list[data-v-73048be3] {
  flex: 1;
  overflow-y: auto;
  padding: 16px 20px;
}
.loading-state[data-v-73048be3],
.error-state[data-v-73048be3],
.empty-state[data-v-73048be3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  text-align: center;
  color: #9ca3af;
}
.loading-state p[data-v-73048be3],
.error-state p[data-v-73048be3],
.empty-state p[data-v-73048be3] {
  margin: 12px 0 4px;
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
}
.loading-state span[data-v-73048be3],
.error-state span[data-v-73048be3],
.empty-state span[data-v-73048be3] {
  font-size: 12px;
}
.spinner[data-v-73048be3] {
  width: 24px;
  height: 24px;
  border: 2px solid #e5e7eb;
  border-top-color: #FEBC2C;
  border-radius: 50%;
  animation: spin-73048be3 1s linear infinite;
}
@keyframes spin-73048be3 {
to {
    transform: rotate(360deg);
}
}
.comment-item[data-v-73048be3] {
  margin-bottom: 20px;
}
.comment-item[data-v-73048be3]:last-child {
  margin-bottom: 0;
}
.comment-item.resolved[data-v-73048be3] {
  opacity: 0.7;
}
.comment-item.resolved .comment-avatar[data-v-73048be3] {
  background: #d1d5db;
}
.comment-main[data-v-73048be3],
.reply-item[data-v-73048be3] {
  display: flex;
  gap: 10px;
}
.comment-avatar[data-v-73048be3] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #FEF3C7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  color: #3F484C;
  flex-shrink: 0;
}
.comment-avatar.small[data-v-73048be3] {
  width: 24px;
  height: 24px;
  font-size: 9px;
}
.comment-body[data-v-73048be3] {
  flex: 1;
  min-width: 0;
}
.comment-meta[data-v-73048be3] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.author[data-v-73048be3] {
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
}
.time[data-v-73048be3] {
  font-size: 11px;
  color: #9ca3af;
}
.comment-text[data-v-73048be3] {
  font-size: 13px;
  color: #4b5563;
  line-height: 1.5;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.comment-actions[data-v-73048be3] {
  display: flex;
  gap: 12px;
  margin-top: 8px;
}
.action-btn[data-v-73048be3] {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}
.action-btn[data-v-73048be3]:hover {
  color: #FEBC2C;
}
.action-btn.danger[data-v-73048be3]:hover {
  color: #3F484C;
}
.replies[data-v-73048be3] {
  margin-left: 42px;
  margin-top: 12px;
  padding-left: 12px;
  border-left: 2px solid #e5e7eb;
}
.reply-item[data-v-73048be3] {
  margin-bottom: 10px;
}
.reply-item[data-v-73048be3]:last-child {
  margin-bottom: 0;
}
.reply-input[data-v-73048be3] {
  margin-left: 42px;
  margin-top: 12px;
}
.reply-input textarea[data-v-73048be3] {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 12px;
  resize: none;
}
.reply-input textarea[data-v-73048be3]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.reply-actions[data-v-73048be3] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}
.cancel-btn[data-v-73048be3] {
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  background: transparent;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
}
.cancel-btn[data-v-73048be3]:hover {
  background: #f3f4f6;
}
.sidebar-slide-enter-active[data-v-73048be3],
.sidebar-slide-leave-active[data-v-73048be3] {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.sidebar-slide-enter-from[data-v-73048be3],
.sidebar-slide-leave-to[data-v-73048be3] {
  transform: translateX(100%);
  opacity: 0;
}/* Right Sidebar Container - anchored below header, flush with footer top */
/* Keeps the existing top/right margins (15px); adds a visible left edge border. */
.right-sidebar-container {
  position: fixed;
  top: 79px; /* Header (64px) + 15px = matches container's margin */
  right: 15px; /* Same 15px margin */
  bottom: 80px; /* Panel background flush with the control bar's top edge; content keeps 12px clearance via .sidebar-models__body-scroll-area padding-bottom */
  width: 398px;
  z-index: 95;
  transition: transform 0.3s ease;
  display: flex;
  align-items: stretch;
  border: none;
  border-left: 1px solid #e8edf2; /* visible left edge / divider line */
  box-shadow: none; /* NO shadow - gaps create floating effect */
  border-radius: 8px; /* Rounded corners */
  overflow: visible; /* CRITICAL: allow toggle to stick out */
  /* Collapsed state - move entire container off screen to the right */
  /* Toggle sticks out by its negative left value */
}
.right-sidebar-container.collapsed {
  transform: translateX(413px); /* Fully hide panel body; toggle (left:-32px) sits flush against the right edge */
  border-left: none; /* only the toggle border remains visible */
}
.sidebar-models__tool {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
}
.sidebar-models__tool .tool-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* INLINE TOGGLE - Visible when sidebar is OPEN */
/* Positioned inside toolbar, on the RIGHT side */
/* WHITE background, gray arrow pointing right (to collapse) */
.sidebar-toggle-inline {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #ffffff; /* WHITE background */
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0;
}
.sidebar-toggle-inline svg {
  transform: rotate(180deg); /* Arrow pointing right (to collapse) */
  transition: transform 0.3s;
  width: 14px;
  height: 12px;
}
.sidebar-toggle-inline svg path {
  fill: #6b7280; /* Gray arrow */
}
.sidebar-toggle-inline:hover {
  background: #f9fafb;
  border-color: #d1d5db;
}
.sidebar-toggle-inline:hover svg path {
  fill: #374151;
}

/* EDGE TOGGLE - Shows when sidebar is collapsed */
/* WHITE background - SAME as inline toggle */
/* SAME SIZE as inline toggle (32x32) */
/* PIXEL-PERFECT same vertical position as inline toggle */
.sidebar-toggle-edge {
  position: absolute !important;
  left: -32px; /* Stick out exactly button width */
  top: 77px; /* Moved DOWN by half button height (16px) from 61px */
  height: 32px; /* SAME as inline toggle */
  width: 32px; /* SAME as inline toggle */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
  background: #ffffff; /* WHITE - same as inline toggle */
  border: 1px solid #e5e7eb; /* Same border as inline */
  border-radius: 6px 0 0 6px;
  box-shadow: -2px 0 6px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease;
  padding: 0;
}
.sidebar-toggle-edge svg {
  transform: rotate(0deg); /* Arrow pointing left (to expand) */
  transition: transform 0.3s;
  width: 14px;
  height: 12px;
}
.sidebar-toggle-edge svg path {
  fill: #6b7280; /* Gray arrow - same as inline */
}
.sidebar-toggle-edge:hover, .sidebar-toggle-edge.hovered {
  background: #f9fafb;
  border-color: #d1d5db;
}
.sidebar-toggle-edge:hover svg path, .sidebar-toggle-edge.hovered svg path {
  fill: #374151;
}
.comments-toolbar-title {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
}
.comments-toolbar-title .comments-toolbar-label {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 700;
  color: #000000;
}
.comments-toolbar-title .comments-toolbar-count {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  background: #f3f4f6;
  padding: 2px 8px;
  border-radius: 10px;
}
button.collapse-all {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  text-transform: none;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #1f2937; /* Black font per user request */
  transition: all 0.2s;
}
button.collapse-all:hover {
  color: #374151;
}
button.collapse-all svg {
  transition: transform 0.3s;
}
button.collapse-all svg.rotated {
  transform: rotate(180deg);
}
button.collapse-all svg path {
  stroke: #1f2937; /* Black stroke to match text */
}

/* Old toggle button styles removed - now using inline and floating buttons */
.project-models__point-list {
  background: transparent !important; /* RESTORED - original transparent */
}
.project-models__point-list__wrapper-items {
  padding: 0 !important;
}
.sidebar-models {
  background: #ffffff;
  border: none;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  width: 398px;
  border-radius: 8px; /* Rounded corners */
  box-shadow: none; /* NO shadow - gaps create floating effect */
  /* When closed, sidebar slides off screen - handled by parent container transform */
  /* Tab Header - TWO COLUMNS, each label CENTER-ALIGNED in its column */
}
.sidebar-models__comments {
  /* scroll-area class now supplies flex + overflow-y: auto; keep this block
     only for component-specific overrides if they are needed later */
}
.sidebar-models .sidebarInfoTime {
  margin: 0 !important;
  height: 0;
  transition: all 0.3s ease;
  width: 372px;
  overflow: hidden;
}
.sidebar-models .sidebarInfoTime.openInfoTimeBox {
  height: 170px;
}
.sidebar-models .sidebarInfoTime .box-item {
  color: #2e4050;
  font-weight: 500;
  font-size: 15px;
  width: 182px;
  text-align: center;
  padding: 15px 0;
  background-color: #efefef;
  border-radius: 10px;
  margin-bottom: 5px;
}
.sidebar-models .sidebarInfoTime .box-item h2 {
  margin-bottom: 7px;
  font-size: 13px;
}
.sidebar-models .sidebarInfoTime .box-item p {
  font-size: 20px;
}
.sidebar-models.close {
  /* No special styling needed - parent container handles the slide */
}
.sidebar-models__header {
  background: #ffffff;
  height: auto;
  padding: 20px 0 0 0; /* Remove horizontal padding, let columns handle it */
  border-bottom: 1px solid #e8edf2; /* Separator line UNDER tabs - RESTORED */
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two equal columns */
  gap: 0; /* No gap, each column handles its own centering */
}
.sidebar-models__header .tab {
  cursor: pointer;
  background: transparent !important;
  border: none !important;
  padding: 0 0 16px 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  /* Inactive state - light gray */
}
.sidebar-models__header .tab span {
  color: #9ca3af;
  font-weight: 500;
  font-size: 18px;
  text-transform: none;
}
.sidebar-models__header .tab svg {
  display: none; /* Hide icons in new style */
}
.sidebar-models__header .tab.active {
  /* Active state - black with yellow underline */
}
.sidebar-models__header .tab.active span {
  color: #000000;
  font-weight: 700;
}
.sidebar-models__header .tab.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #ffcc00;
  border-radius: 2px 2px 0 0;
}
.sidebar-models__header .tab:hover:not(.active) span {
  color: #6b7280;
}
.sidebar-models__body {
  height: calc(100% - 102px); /* Subtract header (42px) + tool bar (60px) */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.sidebar-models__body-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.sidebar-models__body-scroll-area {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding-bottom: 12px; /* Just enough clearance so the last row is not clipped by the scroll-area bottom */
  /* Custom subtle scrollbar for sidebar - thin gray line */
}
.sidebar-models__body-scroll-area::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
}
.sidebar-models__body-scroll-area::-webkit-scrollbar-track {
  background-color: transparent;
}
.sidebar-models__body-scroll-area::-webkit-scrollbar-thumb {
  background: #d1d5db; /* Subtle gray */
  border-radius: 4px;
}
.sidebar-models__body-scroll-area::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}
.sidebar-models__body-scroll-area--design {
  width: 330px;
  margin: 16px auto 0; /* match Tailwind mt-4 */
}
.sidebar-models__body__item {
  position: relative;
  margin-bottom: 12px;
  /* ACTIVE step - ENTIRE Accordion header container turns yellow */
  /* Override the Accordion's .project-models__point__header background */
}
.sidebar-models__body__item.model-active .project-models__point__header {
  background: #fef3c7 !important; /* Light yellow - like breadcrumb "1 Focus" */
}
.sidebar-models__body__item--chevron {
  position: absolute;
  right: 20px;
  top: 25px;
}
.sidebar-models__body__item--chevron svg path {
  stroke: #d3d3d3;
}
.sidebar-models__body__item-header {
  width: 100%;
  height: 40px;
  border-radius: 6px;
  cursor: pointer;
  /* No background here - Accordion handles it */
}
.sidebar-models__body__item-title {
  display: flex;
  align-items: center;
  /* Number square - font color matches label for visibility */
}
.sidebar-models__body__item-title span:first-child {
  display: block;
  width: 26px;
  height: 26px;
  background: #febc2c;
  border-radius: 5px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px; /* Vertically center */
  color: #2e4050; /* SAME color as label - now visible */
  text-align: center;
  margin-right: 10px;
}
.sidebar-models__body__item-title span:last-child {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #2e4050;
}
.sidebar-models__body-list {
  display: flex;
  justify-content: flex-end;
  padding-right: 3px;
}
.sidebar-models__body-list > .box-points {
  overflow-wrap: break-word;
}
.sidebar-models__body-list_item {
  width: 100%;
  background: #f4f7fa; /* RESTORED - original gray background */
  border-radius: 4px;
  position: relative;
  padding: 7px 0 7px 7px;
  margin-bottom: 12px;
}
.sidebar-models__body-list_item.active {
  border-left: 2px solid #febc2b;
  margin-left: -2px;
}
.sidebar-models__body-list_item:last-child {
  margin-bottom: 0;
}
.sidebar-models__body-list_item:last-child::before, .sidebar-models__body-list_item:last-child::after {
  height: 20px;
  top: -15px !important;
}
.sidebar-models__body-list_item:last-child .sidebar-models__body-list_item--arrow {
  top: 5px !important;
}
.sidebar-models__body-list_item::after {
  top: -3px !important;
}
.sidebar-models__body-list_item::before, .sidebar-models__body-list_item::after {
  content: "";
  border-left: 1px solid #979797;
  position: absolute;
  height: 100%;
  top: -15px;
  left: -23px;
}
.sidebar-models__body-list .wrapper-points {
  margin-top: 12px;
  width: 290px; /* Reduced to fit new sidebar width */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: all 0.3s;
}.form_information_panel[data-v-64aac0db] {
  height: calc(100vh - 220px);
  overflow-y: auto;
  padding: 15px;
}
.title-row[data-v-64aac0db] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 10px;
}
.title-row .block-name[data-v-64aac0db] {
  font-size: 22px;
  font-weight: 600;
  color: #1f2937;
}
.title-separator[data-v-64aac0db] {
  height: 1px;
  background: #e5e7eb;
  margin-bottom: 15px;
}
.panel-layout[data-v-64aac0db] {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 15px;
  height: calc(100% - 60px);
}
.left-column[data-v-64aac0db] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
}
.collapsible-section[data-v-64aac0db] {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
.section-header[data-v-64aac0db] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  background: #e5e7eb;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.section-header[data-v-64aac0db]:hover {
  background: #d1d5db;
}
.section-title[data-v-64aac0db] {
  font-size: 11px;
  font-weight: 700;
  color: #374151;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.chevron[data-v-64aac0db] {
  transition: transform 0.2s;
  color: #6b7280;
}
.chevron.expanded[data-v-64aac0db] {
  transform: rotate(180deg);
}
.section-content[data-v-64aac0db] {
  padding: 12px 14px;
  background: #f9fafb;
}
.user-story-text[data-v-64aac0db] {
  font-size: 13px;
  color: #374151;
  line-height: 1.5;
  margin-bottom: 12px;
}
.user-story-placeholder[data-v-64aac0db] {
  font-size: 13px;
  color: #9ca3af;
  font-style: italic;
  line-height: 1.5;
  margin-bottom: 12px;
}
.date-info-row[data-v-64aac0db] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}
.date-info-row .date-label[data-v-64aac0db] {
  font-size: 11px;
  font-weight: 500;
  color: #6b7280;
}
.date-info-row .date-value[data-v-64aac0db] {
  font-size: 11px;
  color: #f59e0b;
}
.description-text[data-v-64aac0db] {
  font-size: 12px;
  color: #374151;
  line-height: 1.5;
}
.read-more[data-v-64aac0db] {
  color: #f59e0b;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
}
.read-more[data-v-64aac0db]:hover {
  text-decoration: underline;
}
.progress-stats[data-v-64aac0db], .sections-stats[data-v-64aac0db] {
  margin-bottom: 10px;
}
.progress-row[data-v-64aac0db] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.progress-label[data-v-64aac0db] {
  font-size: 12px;
  font-weight: 500;
  color: #374151;
}
.progress-value[data-v-64aac0db] {
  font-size: 12px;
  color: #6b7280;
}
.progress-breakdown[data-v-64aac0db] {
  margin-left: 8px;
  margin-bottom: 8px;
}
.breakdown-item[data-v-64aac0db] {
  font-size: 11px;
  color: #6b7280;
  line-height: 1.5;
}
.progress-bar-container[data-v-64aac0db] {
  height: 6px;
  background: #e5e7eb;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 4px;
}
.progress-bar[data-v-64aac0db] {
  height: 100%;
  background: #febc2c;
  border-radius: 3px;
  transition: width 0.3s;
}
.progress-percentage[data-v-64aac0db] {
  font-size: 11px;
  font-weight: 600;
  color: #f59e0b;
}
.activity-list[data-v-64aac0db] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.activity-item[data-v-64aac0db] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.activity-dot[data-v-64aac0db] {
  width: 6px;
  height: 6px;
  background: #febc2c;
  border-radius: 50%;
  margin-top: 4px;
  flex-shrink: 0;
}
.activity-content[data-v-64aac0db] {
  display: flex;
  flex-direction: column;
}
.activity-time[data-v-64aac0db] {
  font-size: 10px;
  color: #f59e0b;
}
.activity-text[data-v-64aac0db] {
  font-size: 11px;
  color: #374151;
}
.view-all-link[data-v-64aac0db] {
  font-size: 11px;
  color: #f59e0b;
  text-decoration: none;
  margin-top: 8px;
  display: inline-block;
}
.view-all-link[data-v-64aac0db]:hover {
  text-decoration: underline;
}
.right-column[data-v-64aac0db] {
  overflow-y: auto;
}
.right-column-grid[data-v-64aac0db] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  height: 100%;
}
.blueprints-section[data-v-64aac0db] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.blueprints-header[data-v-64aac0db] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  background: #febc2c;
}
.blueprints-header .section-icon[data-v-64aac0db] {
  font-size: 14px;
}
.blueprints-header .section-label[data-v-64aac0db] {
  font-size: 12px;
  font-weight: 600;
  color: #1f2937;
}
.count-badge[data-v-64aac0db] {
  background: #ffffff;
  color: #1f2937;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: auto;
}
.count-badge.orange[data-v-64aac0db] {
  background: #fb923c;
  color: #fff;
}
.blueprints-list[data-v-64aac0db] {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  flex: 1;
}
.blueprint-card[data-v-64aac0db] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 10px 12px;
}
.blueprint-card-header[data-v-64aac0db] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}
.blueprint-card-header .blueprint-number[data-v-64aac0db] {
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
}
.blueprint-card-header .blueprint-name[data-v-64aac0db] {
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  flex: 1;
}
.blueprint-card-header .status-check[data-v-64aac0db] {
  color: #FFCC00;
  font-size: 14px;
}
.blueprint-card-header .status-progress[data-v-64aac0db] {
  color: #febc2c;
  font-size: 14px;
}
.blueprint-card-header .status-empty[data-v-64aac0db] {
  color: #d1d5db;
  font-size: 14px;
}
.blueprint-card-meta[data-v-64aac0db] {
  display: flex;
  gap: 12px;
  margin-bottom: 8px;
}
.blueprint-card-meta .meta-item[data-v-64aac0db] {
  font-size: 10px;
  color: #9ca3af;
}
.blueprint-card-footer[data-v-64aac0db] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blueprint-card-footer .updated-text[data-v-64aac0db] {
  font-size: 10px;
  color: #9ca3af;
}
.blueprint-action-btn[data-v-64aac0db] {
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.blueprint-action-btn.btn-complete[data-v-64aac0db] {
  background: #febc2c;
  color: #1f2937;
}
.blueprint-action-btn.btn-complete[data-v-64aac0db]:hover {
  background: #f59e0b;
}
.blueprint-action-btn.btn-continue[data-v-64aac0db] {
  background: #fffbeb;
  color: #d97706;
  border: 1px solid #fcd34d;
}
.blueprint-action-btn.btn-continue[data-v-64aac0db]:hover {
  background: #fef3c7;
  border-color: #fbbf24;
}
.blueprint-action-btn.btn-start[data-v-64aac0db] {
  background: #f3f4f6;
  color: #6b7280;
  border: 1px solid #e5e7eb;
}
.blueprint-action-btn.btn-start[data-v-64aac0db]:hover {
  background: #e5e7eb;
  color: #374151;
}
.sprint-blocks-section[data-v-64aac0db] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-right: none; /* Remove bold right border */
  border-radius: 8px 0 0 8px; /* Round left corners only */
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.sprint-blocks-header[data-v-64aac0db] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  background: #febc2c;
}
.sprint-blocks-header .section-label[data-v-64aac0db] {
  font-size: 11px;
  font-weight: 700;
  color: #1f2937;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.sprint-blocks-table[data-v-64aac0db] {
  width: 100%;
  font-size: 12px;
  flex: 1;
}
.sprint-blocks-table th[data-v-64aac0db] {
  text-align: left;
  padding: 10px 14px;
  font-size: 10px;
  font-weight: 700;
  color: #6b7280;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.sprint-blocks-table td[data-v-64aac0db] {
  padding: 10px 14px;
  border-bottom: 1px solid #f3f4f6;
  color: #374151;
  font-size: 12px;
}
.sprint-blocks-table tr[data-v-64aac0db]:hover {
  background: #fafafa;
}
.sprint-blocks-table tr:last-child td[data-v-64aac0db] {
  border-bottom: none;
}
.blueprints-count[data-v-64aac0db] {
  font-weight: 700;
  font-size: 12px;
}
.blueprints-count.orange[data-v-64aac0db] {
  color: #f59e0b;
}
.slide-enter-active[data-v-64aac0db],
.slide-leave-active[data-v-64aac0db] {
  transition: all 0.3s ease;
  max-height: 500px;
  overflow: hidden;
}
.slide-enter-from[data-v-64aac0db],
.slide-leave-to[data-v-64aac0db] {
  max-height: 0;
  opacity: 0;
}/* W13-500 Badge Standard (PM-REF-43): straight vertical sides, rounded
   corners (never stadium ends); accent fill + thin darker border + dark font. */
.round_number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 26px;
  width: auto;
  padding: 2px 8px;
  box-sizing: border-box;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  color: #1a1a1a;
  margin-right: 5px;
}.styleDropDown[data-v-9c66662d] {
  padding: 8px 12px;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
}
.styleDropDownTop[data-v-9c66662d] {
  top: 38px;
}.project-card[data-v-030e9d39] {
  width: 100%;
  height: 230px;
  background: #F4F7FA;
  border-radius: 10px;
  position: relative;
  min-width: 290px;
}
.project-card.chose[data-v-030e9d39] {
  border: 1px solid #FEBC2C;
}
.project-card__information[data-v-030e9d39] {
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #DBE5ED;
  margin-bottom: 16px;
}
.project-card__project-name-title[data-v-030e9d39] {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #4A4A4A;
  text-align: left;
}
.project-card__project-name-title > div[data-v-030e9d39]:first-child {
  height: 24px;
  overflow: hidden;
}
.project-card__project-name-subtitle[data-v-030e9d39] {
  height: 27px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: #7A8487;
  overflow: hidden;
}
.project-card__project-name-avatar[data-v-030e9d39] {
  width: 46px;
  height: 46px;
  background: #FFFFFF;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-card__information-action[data-v-030e9d39] {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}
.project-card__information-action__notification[data-v-030e9d39] {
  position: relative;
  cursor: pointer;
  height: 21px;
  margin-right: 0;
}
.project-card__information-action__notification_count[data-v-030e9d39] {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: #099954;
  height: 8px;
  width: 9px;
  border-radius: 50%;
  box-shadow: 0px 2px 6px 0px rgba(17, 19, 22, 0.8901960784);
}
.project-card__information-action__action[data-v-030e9d39] {
  cursor: pointer;
}
.project-card__information-action__action .action-project[data-v-030e9d39] {
  padding: 8px 10px 3px 10px;
}
.project-card__information-action__action .action-project span[data-v-030e9d39] {
  margin-left: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #2E4050;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.project-card__information-action__action .action-project svg rect[data-v-030e9d39], .project-card__information-action__action .action-project svg path[data-v-030e9d39], .project-card__information-action__action .action-project:hover svg rect[data-v-030e9d39], .project-card__information-action__action .action-project:hover svg svg[data-v-030e9d39] {
  transition: all 0.1s;
}
.project-card__information-action__action .action-project.first_link:hover svg rect[data-v-030e9d39], .project-card__information-action__action .action-project.second_link:hover svg rect[data-v-030e9d39], .project-card__information-action__action .action-project.there_link:hover svg rect[data-v-030e9d39], .project-card__information-action__action .action-project.four_link:hover svg rect[data-v-030e9d39] {
  fill: #303030;
}
.project-card__information-action__action .action-project.first_link:hover svg path[data-v-030e9d39], .project-card__information-action__action .action-project.second_link:hover svg path[data-v-030e9d39], .project-card__information-action__action .action-project.four_link:hover svg path[data-v-030e9d39] {
  fill: #ffffff;
}
.project-card__information-action__action .action-project.there_link:hover svg path[data-v-030e9d39] {
  stroke: #ffffff;
}
.project-card__information-action__action .customWidthProjectCard[data-v-030e9d39] {
  width: 220px; /* Expanded width to fit full labels and icons */
  right: -13px;
  top: 23px;
}
.project-card__information-action__action .customWidthProjectCard > div[data-v-030e9d39] {
  border-radius: 12px !important;
  padding: 2px 0 5px 0;
}
.project-card__information-action__action .action-project.four_link.active svg rect[data-v-030e9d39] {
  fill: #303030;
}
.project-card__information-action__action .action-project.four_link.active svg path[data-v-030e9d39] {
  fill: #ffffff;
}
.project-card__information-action__action .customWidthProjectCard > div[data-v-030e9d39]:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  top: -8px;
  left: 137px;
}
.project-card__users[data-v-030e9d39] {
  align-items: center;
  padding-bottom: 17px;
  border-bottom: 1px solid #DBE5ED;
  margin-bottom: 16px;
  height: 62px;
}
.project-card__users > p[data-v-030e9d39] {
  margin-right: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #4A4A4A;
}
.project-card__users-person[data-v-030e9d39] {
  margin-right: 4px;
  height: 44px;
  width: 44px;
  border-radius: 50%;
}
.project-card__users a[data-v-030e9d39] {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #4A4A4A;
  position: relative;
  right: 6px;
}
.icon-btn[data-v-030e9d39] {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 0.5px solid rgba(0, 0, 0, 0.15);
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.1s;
}
.icon-btn svg[data-v-030e9d39] {
  width: 14px;
  height: 14px;
}
.icon-btn[data-v-030e9d39]:hover {
  background: #f5f5f3;
}
.dropdown-action[data-v-030e9d39] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 9px 14px;
  font-size: 13px;
  color: #1a1a18;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background 0.1s;
}
.dropdown-action svg[data-v-030e9d39] {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.dropdown-action[data-v-030e9d39]:hover {
  background: #f5f5f3;
}
.dropdown-action.danger[data-v-030e9d39] {
  color: #A32D2D;
}
.dropdown-divider[data-v-030e9d39] {
  border-top: 0.5px solid rgba(0, 0, 0, 0.08);
  margin: 2px 0;
}
.row-actions[data-v-030e9d39] {
  opacity: 0;
  transition: opacity 0.15s;
}
.process-card:hover .row-actions[data-v-030e9d39] {
  opacity: 1;
}
.process-card[data-v-030e9d39] {
  background: white;
  border: 1px solid #e8edf2;
  border-radius: 6px;
  min-height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all ease 0.3s;
}
.process-card[data-v-030e9d39]:hover {
  background: #f4f7fa;
  cursor: pointer;
}
.process-title[data-v-030e9d39] {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}.project-card[data-v-754189e7] {
  width: 100%;
  height: 230px;
  background: #F4F7FA;
  border-radius: 10px;
  position: relative;
  min-width: 290px;
}
.project-card.chose[data-v-754189e7] {
  border: 1px solid #FEBC2C;
}
.project-card__information[data-v-754189e7] {
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #DBE5ED;
  margin-bottom: 16px;
}
.project-card__project-name-title[data-v-754189e7] {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #4A4A4A;
  text-align: left;
}
.project-card__project-name-title > div[data-v-754189e7]:first-child {
  height: 24px;
  overflow: hidden;
}
.project-card__project-name-subtitle[data-v-754189e7] {
  height: 27px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: #7A8487;
  overflow: hidden;
}
.project-card__project-name-avatar[data-v-754189e7] {
  width: 46px;
  height: 46px;
  background: #FFFFFF;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-card__information-action[data-v-754189e7] {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}
.project-card__information-action__notification[data-v-754189e7] {
  position: relative;
  cursor: pointer;
  height: 21px;
  margin-right: 0;
}
.project-card__information-action__notification_count[data-v-754189e7] {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: #099954;
  height: 8px;
  width: 9px;
  border-radius: 50%;
  box-shadow: 0px 2px 6px 0px rgba(17, 19, 22, 0.8901960784);
}
.project-card__information-action__action[data-v-754189e7] {
  cursor: pointer;
}
.project-card__information-action__action .action-project[data-v-754189e7] {
  padding: 8px 10px 3px 10px;
}
.project-card__information-action__action .action-project span[data-v-754189e7] {
  margin-left: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #2E4050;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.project-card__information-action__action .action-project svg rect[data-v-754189e7], .project-card__information-action__action .action-project svg path[data-v-754189e7], .project-card__information-action__action .action-project:hover svg rect[data-v-754189e7], .project-card__information-action__action .action-project:hover svg svg[data-v-754189e7] {
  transition: all 0.1s;
}
.project-card__information-action__action .action-project.first_link:hover svg rect[data-v-754189e7], .project-card__information-action__action .action-project.second_link:hover svg rect[data-v-754189e7], .project-card__information-action__action .action-project.there_link:hover svg rect[data-v-754189e7], .project-card__information-action__action .action-project.four_link:hover svg rect[data-v-754189e7] {
  fill: #303030;
}
.project-card__information-action__action .action-project.first_link:hover svg path[data-v-754189e7], .project-card__information-action__action .action-project.second_link:hover svg path[data-v-754189e7], .project-card__information-action__action .action-project.four_link:hover svg path[data-v-754189e7] {
  fill: #ffffff;
}
.project-card__information-action__action .action-project.there_link:hover svg path[data-v-754189e7] {
  stroke: #ffffff;
}
.project-card__information-action__action .customWidthProjectCard[data-v-754189e7] {
  width: 220px; /* Expanded width to fit full labels and icons */
  right: -13px;
  top: 23px;
}
.project-card__information-action__action .customWidthProjectCard > div[data-v-754189e7] {
  border-radius: 12px !important;
  padding: 2px 0 5px 0;
}
.project-card__information-action__action .action-project.four_link.active svg rect[data-v-754189e7] {
  fill: #303030;
}
.project-card__information-action__action .action-project.four_link.active svg path[data-v-754189e7] {
  fill: #ffffff;
}
.project-card__information-action__action .customWidthProjectCard > div[data-v-754189e7]:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  top: -8px;
  left: 137px;
}
.project-card__users[data-v-754189e7] {
  align-items: center;
  padding-bottom: 17px;
  border-bottom: 1px solid #DBE5ED;
  margin-bottom: 16px;
  height: 62px;
}
.project-card__users > p[data-v-754189e7] {
  margin-right: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #4A4A4A;
}
.project-card__users-person[data-v-754189e7] {
  margin-right: 4px;
  height: 44px;
  width: 44px;
  border-radius: 50%;
}
.project-card__users a[data-v-754189e7] {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #4A4A4A;
  position: relative;
  right: 6px;
}
.fhs-sat-header[data-v-754189e7],
.fhs-org-map-header[data-v-754189e7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.fhs-breadcrumb[data-v-754189e7] {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
.fhs-breadcrumb__item[data-v-754189e7] {
  font-size: 12px;
  color: #888780;
  font-weight: 400;
}
.fhs-breadcrumb__item--active[data-v-754189e7] {
  color: #5F5E5A;
  font-weight: 500;
}
.fhs-breadcrumb__sep[data-v-754189e7] {
  font-size: 12px;
  color: #C8C6C0;
}.project-card[data-v-754189e7] {
  width: 100%;
  height: 230px;
  background: #F4F7FA;
  border-radius: 10px;
  position: relative;
  min-width: 290px;
}
.project-card.chose[data-v-754189e7] {
  border: 1px solid #FEBC2C;
}
.project-card__information[data-v-754189e7] {
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #DBE5ED;
  margin-bottom: 16px;
}
.project-card__project-name-title[data-v-754189e7] {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #4A4A4A;
  text-align: left;
}
.project-card__project-name-title > div[data-v-754189e7]:first-child {
  height: 24px;
  overflow: hidden;
}
.project-card__project-name-subtitle[data-v-754189e7] {
  height: 27px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: #7A8487;
  overflow: hidden;
}
.project-card__project-name-avatar[data-v-754189e7] {
  width: 46px;
  height: 46px;
  background: #FFFFFF;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-card__information-action[data-v-754189e7] {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}
.project-card__information-action__notification[data-v-754189e7] {
  position: relative;
  cursor: pointer;
  height: 21px;
  margin-right: 0;
}
.project-card__information-action__notification_count[data-v-754189e7] {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: #099954;
  height: 8px;
  width: 9px;
  border-radius: 50%;
  box-shadow: 0px 2px 6px 0px rgba(17, 19, 22, 0.8901960784);
}
.project-card__information-action__action[data-v-754189e7] {
  cursor: pointer;
}
.project-card__information-action__action .action-project[data-v-754189e7] {
  padding: 8px 10px 3px 10px;
}
.project-card__information-action__action .action-project span[data-v-754189e7] {
  margin-left: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #2E4050;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.project-card__information-action__action .action-project svg rect[data-v-754189e7], .project-card__information-action__action .action-project svg path[data-v-754189e7], .project-card__information-action__action .action-project:hover svg rect[data-v-754189e7], .project-card__information-action__action .action-project:hover svg svg[data-v-754189e7] {
  transition: all 0.1s;
}
.project-card__information-action__action .action-project.first_link:hover svg rect[data-v-754189e7], .project-card__information-action__action .action-project.second_link:hover svg rect[data-v-754189e7], .project-card__information-action__action .action-project.there_link:hover svg rect[data-v-754189e7], .project-card__information-action__action .action-project.four_link:hover svg rect[data-v-754189e7] {
  fill: #303030;
}
.project-card__information-action__action .action-project.first_link:hover svg path[data-v-754189e7], .project-card__information-action__action .action-project.second_link:hover svg path[data-v-754189e7], .project-card__information-action__action .action-project.four_link:hover svg path[data-v-754189e7] {
  fill: #ffffff;
}
.project-card__information-action__action .action-project.there_link:hover svg path[data-v-754189e7] {
  stroke: #ffffff;
}
.project-card__information-action__action .customWidthProjectCard[data-v-754189e7] {
  width: 220px; /* Expanded width to fit full labels and icons */
  right: -13px;
  top: 23px;
}
.project-card__information-action__action .customWidthProjectCard > div[data-v-754189e7] {
  border-radius: 12px !important;
  padding: 2px 0 5px 0;
}
.project-card__information-action__action .action-project.four_link.active svg rect[data-v-754189e7] {
  fill: #303030;
}
.project-card__information-action__action .action-project.four_link.active svg path[data-v-754189e7] {
  fill: #ffffff;
}
.project-card__information-action__action .customWidthProjectCard > div[data-v-754189e7]:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  top: -8px;
  left: 137px;
}
.project-card__users[data-v-754189e7] {
  align-items: center;
  padding-bottom: 17px;
  border-bottom: 1px solid #DBE5ED;
  margin-bottom: 16px;
  height: 62px;
}
.project-card__users > p[data-v-754189e7] {
  margin-right: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #4A4A4A;
}
.project-card__users-person[data-v-754189e7] {
  margin-right: 4px;
  height: 44px;
  width: 44px;
  border-radius: 50%;
}
.project-card__users a[data-v-754189e7] {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #4A4A4A;
  position: relative;
  right: 6px;
}.legend-input[data-v-20327af7] {
  padding-left: 0.25rem;
}
.legend-input[data-v-20327af7]:focus:is(:focus-visible) {
  outline: 1px solid #febc2c;
  border-color: #febc2c;
  --tw-ring-color: #febc2c;
}
.legend-point[data-v-20327af7] {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */
  text-align: center;
  color: #000000;
}
.skeleton-loader[data-v-ed1db1cc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.5rem;
    min-height: 120px;
    width: 100%;
}
.skeleton-block[data-v-ed1db1cc] {
    background: #e5e7eb;
    border-radius: 0.375rem;
    animation: skeleton-pulse-ed1db1cc 1.5s ease-in-out infinite;
}
.skeleton-header[data-v-ed1db1cc] {
    height: 1.25rem;
    width: 40%;
}
.skeleton-line[data-v-ed1db1cc] {
    height: 0.875rem;
    width: 100%;
}
.skeleton-line.short[data-v-ed1db1cc] {
    width: 70%;
}
.skeleton-grid[data-v-ed1db1cc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin-top: 0.5rem;
}
.skeleton-cell[data-v-ed1db1cc] {
    height: 3rem;
}
@keyframes skeleton-pulse-ed1db1cc {
0%, 100% {
        opacity: 1;
}
50% {
        opacity: 0.45;
}
}
.dp__input[data-v-8d2e8999] {
  font-family: "Montserrat", sans-serif;
  padding: 6px 0 6px 0 !important;
}
@media (max-width: 1679px) {
.dp__input[data-v-8d2e8999] {
    text-align: center;
}
}
.table_list_date_picker[data-v-8d2e8999] {
  padding: 6px 0 6px 0 !important;
}
.field-label[data-v-8d2e8999] {
  text-transform: none;
}.viewport-model-steps__navigation--actions[data-v-362afd84] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.viewport-model-steps__navigation--actions .prev[data-v-362afd84] {
  margin-right: 32px;
}
.viewport-model-steps__navigation--actions .next[data-v-362afd84], .viewport-model-steps__navigation--actions .prev[data-v-362afd84] {
  display: flex;
  transition: all 0.3s;
}
.viewport-model-steps__navigation--actions .next span[data-v-362afd84] {
  margin-right: 12px;
}
.viewport-model-steps__navigation--actions .prev span[data-v-362afd84] {
  margin-left: 12px;
}
.viewport-model-steps__navigation--actions .next span[data-v-362afd84], .viewport-model-steps__navigation--actions .prev span[data-v-362afd84] {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #393f4f;
}
.viewport-model-steps__navigation--actions .prev.disabled span[data-v-362afd84], .viewport-model-steps__navigation--actions .next.disabled span[data-v-362afd84] {
  color: #979797;
}
.advance-btn-form button[data-v-a3ccf056] {
    height: 40px;
    width: 40px;
    cursor: pointer;
    border-radius: 12px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 16px auto;
}
.tabname-input[data-v-0be30d02] {
  border: 1px solid rgb(255, 255, 255);
  width: 109px;
  background: rgb(255, 255, 255);
  color: black;
  border-radius: 4px;
}
.tabname-input[data-v-0be30d02]:focus {
  border-color: #febc2c;
  --tw-ring-color: #febc2c;
}
.tabname-input--active[data-v-0be30d02] {
  background: rgb(239, 239, 239);
  border: 1px solid rgb(239, 239, 239);
}
.tabname-text[data-v-0be30d02] {
  border: 1px solid rgb(255, 255, 255);
  width: 109px;
  background: rgb(255, 255, 255);
  color: black;
  border-radius: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.tabname-text[data-v-0be30d02]:focus {
  border-color: #febc2c;
  --tw-ring-color: #febc2c;
}
.tabname-text--active[data-v-0be30d02] {
  background: rgb(239, 239, 239);
  border: 1px solid rgb(239, 239, 239);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.diagram-selector-badge[data-v-0be30d02] {
  background: #f9f9f7;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  padding: 4px 14px;
  font-size: 13px;
  font-weight: 500;
  color: #5F5E5A;
  width: auto;
  min-width: auto;
  white-space: nowrap;
  overflow: visible;
}
.lifecycle-badge[data-v-0be30d02] {
  background: #febc2c !important;
  color: #2e4050 !important;
  border-color: #f59e0b !important;
}.card-hoba {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 20px;
}
img.lazy-image [lazy="loading"][data-v-fa8ae3af] {
    /*your style here*/
}
img.lazy-image [lazy="error"][data-v-fa8ae3af] {
    /*your style here*/
}
img.lazy-image [lazy="loaded"][data-v-fa8ae3af] {
    /*your style here*/
}

.custom-hoba-checkbox[data-v-0237ff91]:checked:hover,
.custom-hoba-checkbox[data-v-0237ff91]:checked:focus {
    background-color: #ffffff;
}
.custom-hoba-checkbox[data-v-0237ff91]:checked {
    background-image: url("/images/constructor_checkbox_selected.png");
    background-size: auto;
    border: 1px solid black;
}
.custom-hoba-checkbox[data-v-0237ff91] {
    border: 1px solid #b5b5b5;
    border-radius: none;
    background-color: white;
    background-size: 100% 55%;
    background-position: center;
    background-repeat: no-repeat;
}
.dp-illustration[data-v-058d032f] {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 16px 20px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.dp-illustration__lane[data-v-058d032f] {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1 1 420px;
}
.dp-illustration__label[data-v-058d032f] {
  font-size: 11px;
  font-weight: 700;
  color: #9ca3af;
  letter-spacing: 0.08em;
  width: 72px;
  text-align: center;
}
.dp-illustration__boxes[data-v-058d032f] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.dp-illustration__box[data-v-058d032f] {
  flex: 1;
  min-width: 90px;
  padding: 12px 10px;
  border-radius: 8px;
  text-align: center;
}
.dp-illustration__box--yellow[data-v-058d032f] {
  background: #F2C200;
  color: #1f2937;
}
.dp-illustration__box--grey[data-v-058d032f] {
  background: #F4F7FA;
  color: #1f2937;
  border: 1px solid #e5e7eb;
}
.dp-illustration__box-title[data-v-058d032f] {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
}
.dp-illustration__box-meta[data-v-058d032f] {
  font-size: 11px;
  font-weight: 700;
  opacity: 0.75;
}
.dp-illustration__arrow[data-v-058d032f] {
  font-size: 18px;
  font-weight: 700;
  color: #9ca3af;
}
.dp-illustration__divider[data-v-058d032f] {
  width: 1px;
  align-self: stretch;
  background: #e5e7eb;
  min-height: 60px;
}
@media (max-width: 960px) {
.dp-illustration__divider[data-v-058d032f] {
    display: none;
}
}
.viewport-model-steps[data-v-27f9e724] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  isolation: isolate;
  /* Step progress indicators - navigation controls are now in global footer */
}
.viewport-model-steps__main[data-v-27f9e724] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  min-width: 0;
}
.viewport-model-steps__main.stakeholder-map-mode .viewport-model-steps__body[data-v-27f9e724] {
  margin-bottom: 0;
}
.viewport-model-steps__header[data-v-27f9e724] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 50;
  padding: 8px 0;
}
.viewport-model-steps__header .arrow[data-v-27f9e724] {
  border: none;
  background: transparent;
  border-radius: 4px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  margin-right: 16px;
}
.viewport-model-steps__header .arrow[data-v-27f9e724]:hover {
  background-color: #F4F7FA;
}
.viewport-model-steps__header .arrow.inactive[data-v-27f9e724] {
  opacity: 0.4;
}
.viewport-model-steps__header .vp-title-row[data-v-27f9e724] {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  flex-wrap: nowrap;
}
.viewport-model-steps__header .title-wrap[data-v-27f9e724] {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.viewport-model-steps__header .title[data-v-27f9e724] {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #2e4050;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: normal;
  word-break: break-word;
}
.viewport-model-steps__header .helper-notif[data-v-27f9e724] {
  display: inline-flex;
  cursor: pointer;
  flex-shrink: 0;
}
.viewport-model-steps__header .helper-notif > div[data-v-27f9e724] {
  display: none;
}
.viewport-model-steps__header .helper-notif:hover > div[data-v-27f9e724], .viewport-model-steps__header .helper-notif:focus-within > div[data-v-27f9e724] {
  display: block;
}
.viewport-model-steps__header .stakeholder-header-controls[data-v-27f9e724], .viewport-model-steps__header .sat-header-controls[data-v-27f9e724] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.viewport-model-steps__header .capability-header-controls[data-v-27f9e724] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex-shrink: 0;
}
.viewport-model-steps__header .vp-header-controls[data-v-27f9e724] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.viewport-model-steps__header .vp-title-stack[data-v-27f9e724] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.viewport-model-steps__header .vp-breadcrumb[data-v-27f9e724] {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-basis: 100%;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.viewport-model-steps__header .vp-breadcrumb__item[data-v-27f9e724] {
  font-size: 12px;
  color: #888780;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.viewport-model-steps__header .vp-breadcrumb__item--active[data-v-27f9e724] {
  color: #5F5E5A;
  font-weight: 500;
}
.viewport-model-steps__header .vp-breadcrumb__num[data-v-27f9e724] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  background: #febc2c;
  color: #2e4050;
  font-size: 13px;
  font-weight: 600;
  flex-shrink: 0;
}
.viewport-model-steps__header .vp-breadcrumb__item-num[data-v-27f9e724] {
  font-size: 12px;
  color: #888780;
  font-weight: 400;
}
.viewport-model-steps__header .vp-breadcrumb__sep[data-v-27f9e724] {
  font-size: 12px;
  color: #C8C6C0;
}
.viewport-model-steps__header .tab-button[data-v-27f9e724] {
  border: 4px solid #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.viewport-model-steps__header .tier-setup-btn[data-v-27f9e724] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  color: #374151;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.viewport-model-steps__header .tier-setup-btn[data-v-27f9e724]:hover {
  background: #f9fafb;
  border-color: #d1d5db;
}
.viewport-model-steps__header .add-tab-button[data-v-27f9e724] {
  width: 32px;
  height: 32px;
}
.viewport-model-steps__header .tabname-input[data-v-27f9e724] {
  border: 1px solid rgb(255, 255, 255);
  width: 109px;
  background: rgb(255, 255, 255);
  color: black;
  border-radius: 4px;
}
.viewport-model-steps__header .tabname-input[data-v-27f9e724]:focus {
  border-color: #febc2c;
  --tw-ring-color: #febc2c;
}
.viewport-model-steps__header .tabname-input--active[data-v-27f9e724] {
  border: 1px solid var(--yellow, #febc2c);
}
.viewport-model-steps__header--pm[data-v-27f9e724] {
  border-bottom: none;
  /* W13-500 (PM-REF-66): badge row sits directly beneath the title —
     no blank strip between the PM header and the page content. */
  padding-bottom: 4px;
}
.viewport-model-steps__header .vp-pm-header[data-v-27f9e724] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}
.viewport-model-steps__header .vp-pm-header__left[data-v-27f9e724] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
  flex: 1;
}
.viewport-model-steps__header .vp-pm-header__crumbs[data-v-27f9e724] {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  font-size: 11.5px;
  color: #9B958A;
  margin-bottom: 2px;
}
.viewport-model-steps__header .vp-pm-header__crumb[data-v-27f9e724] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.viewport-model-steps__header .vp-pm-header__crumb--active[data-v-27f9e724] {
  color: #5F5E5A;
  font-weight: 500;
}
.viewport-model-steps__header .vp-pm-header__crumb-num[data-v-27f9e724] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  background: #febc2c;
  color: #2e4050;
  font-size: 13px;
  font-weight: 600;
  flex-shrink: 0;
}
.viewport-model-steps__header .vp-pm-header__crumb-sep[data-v-27f9e724] {
  opacity: 0.5;
}
.viewport-model-steps__header .vp-pm-header__title-row[data-v-27f9e724] {
  display: flex;
  /* PM-P1 (PM-REF-45/46/47): back arrow middle-aligned with the title,
     2-3px from it. */
  align-items: center;
  gap: 3px;
  width: 100%;
  min-width: 0;
}
.viewport-model-steps__header .vp-pm-header__title-row .arrow[data-v-27f9e724] {
  margin-right: 0;
  flex-shrink: 0;
}
.viewport-model-steps__header .vp-pm-header__title-stack[data-v-27f9e724] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  flex: 1;
  padding-top: 2px;
}
.viewport-model-steps__header .vp-pm-header__labels[data-v-27f9e724] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  overflow: hidden;
  min-width: 0;
  width: 100%;
  position: relative;
}
.viewport-model-steps__header .vp-pm-header__labels[data-v-27f9e724]::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 24px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 90%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
}
.viewport-model-steps__header .vp-pm-header__labels.is-overflow[data-v-27f9e724]::after {
  opacity: 1;
}
.viewport-model-steps__header .vp-pm-header__sub[data-v-27f9e724] {
  width: 100%;
  min-width: 0;
}
.viewport-model-steps__header .vp-pm-header__right[data-v-27f9e724] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-top: 2px;
}
.viewport-model-steps__body[data-v-27f9e724] {
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  /* W13-500 Foundations (PM-REF-55/66): the internal container extends
     to the footer bar — no floating gap below the page content. */
  margin-bottom: 0;
  overflow: auto;
  scrollbar-gutter: stable;
  transition: opacity 0.15s;
  padding-right: 2px;
}
.viewport-model-steps__body.activeBorder[data-v-27f9e724] {
  /* Border removed per user request - was intended as scroll indicator */
  border-bottom: none;
}
.viewport-model-steps__progress[data-v-27f9e724] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
  margin-top: 16px;
}
.viewport-model-steps__progress__steps[data-v-27f9e724] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.viewport-model-steps__progress-item[data-v-27f9e724] {
  width: 30px;
  height: 14px;
  background: #dce6ef;
  border-radius: 6px;
  margin-right: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}
.viewport-model-steps__progress-item[data-v-27f9e724]:hover {
  transform: scale(1.1);
}
.viewport-model-steps__progress-item.active[data-v-27f9e724] {
  background-color: #febc2c;
}
.viewport-model-steps__progress-item.complete[data-v-27f9e724] {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0f9d58;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxtYXNrIGlkPSJwYXRoLTEtaW5zaWRlLTFfMjc5Ml8xNDc2NDIiIGZpbGw9IndoaXRlIj4KICAgICAgICA8cGF0aCBkPSJNNSAxMEwxNCAxLjVMMTIuNSAwTDUgN0wxLjUgMy41TDAgNUw1IDEwWiIvPgogICAgPC9tYXNrPgogICAgPHBhdGggZD0iTTUgMTBMMTQgMS41TDEyLjUgMEw1IDdMMS41IDMuNUwwIDVMNSAxMFoiIGZpbGw9IndoaXRlIi8+CiAgICA8cGF0aCBkPSJNNSAxMEwyLjg3ODY4IDEyLjEyMTNMNC45NDAyNiAxNC4xODI5TDcuMDU5ODcgMTIuMTgxTDUgMTBaTTE0IDEuNUwxNi4wNTk5IDMuNjgxMDRMMTguMzA0MSAxLjU2MTQ4TDE2LjEyMTMgLTAuNjIxMzJMMTQgMS41Wk0xMi41IDBMMTQuNjIxMyAtMi4xMjEzMkwxMi41NzE5IC00LjE3MDc1TDEwLjQ1MyAtMi4xOTMxN0wxMi41IDBaTTUgN0wyLjg3ODY4IDkuMTIxMzJMNC45MjgxMSAxMS4xNzA4TDcuMDQ2OTUgOS4xOTMxN0w1IDdaTTEuNSAzLjVMMy42MjEzMiAxLjM3ODY4TDEuNSAtMC43NDI2NDFMLTAuNjIxMzIxIDEuMzc4NjhMMS41IDMuNVpNMCA1TC0yLjEyMTMyIDIuODc4NjhMLTQuMjQyNjQgNUwtMi4xMjEzMiA3LjEyMTMyTDAgNVpNNy4wNTk4NyAxMi4xODFMMTYuMDU5OSAzLjY4MTA0TDExLjk0MDEgLTAuNjgxMDM5TDIuOTQwMTMgNy44MTg5Nkw3LjA1OTg3IDEyLjE4MVpNMTYuMTIxMyAtMC42MjEzMkwxNC42MjEzIC0yLjEyMTMyTDEwLjM3ODcgMi4xMjEzMkwxMS44Nzg3IDMuNjIxMzJMMTYuMTIxMyAtMC42MjEzMlpNMTAuNDUzIC0yLjE5MzE3TDIuOTUzMDQgNC44MDY4NEw3LjA0Njk1IDkuMTkzMTdMMTQuNTQ3IDIuMTkzMTdMMTAuNDUzIC0yLjE5MzE3Wk03LjEyMTMyIDQuODc4NjhMMy42MjEzMiAxLjM3ODY4TC0wLjYyMTMyMSA1LjYyMTMyTDIuODc4NjggOS4xMjEzMkw3LjEyMTMyIDQuODc4NjhaTS0wLjYyMTMyMSAxLjM3ODY4TC0yLjEyMTMyIDIuODc4NjhMMi4xMjEzMiA3LjEyMTMyTDMuNjIxMzIgNS42MjEzMkwtMC42MjEzMjEgMS4zNzg2OFpNLTIuMTIxMzIgNy4xMjEzMkwyLjg3ODY4IDEyLjEyMTNMNy4xMjEzMiA3Ljg3ODY4TDIuMTIxMzIgMi44Nzg2OEwtMi4xMjEzMiA3LjEyMTMyWiIgZmlsbD0id2hpdGUiIG1hc2s9InVybCgjcGF0aC0xLWluc2lkZS0xXzI3OTJfMTQ3NjQyKSIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50% 50%;
}
.viewport-model-steps__progress-item[data-v-27f9e724]:last-child {
  margin: 0;
}
.vp-unsaved-overlay[data-v-27f9e724] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9990;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vp-unsaved-modal[data-v-27f9e724] {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  width: 360px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}
.vp-unsaved-modal__title[data-v-27f9e724] {
  font-size: 16px;
  font-weight: 600;
  color: #2C2C2A;
  margin-bottom: 8px;
}
.vp-unsaved-modal__body[data-v-27f9e724] {
  font-size: 13px;
  color: #5F5E5A;
  line-height: 1.5;
  margin-bottom: 20px;
}
.vp-unsaved-modal__actions[data-v-27f9e724] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.vp-unsaved-btn[data-v-27f9e724] {
  padding: 7px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border: none;
}
.vp-unsaved-btn--cancel[data-v-27f9e724] {
  background: #fff;
  border: 1px solid #E8EDF2;
  color: #5F5E5A;
}
.vp-unsaved-btn--cancel[data-v-27f9e724]:hover {
  background: #f5f5f3;
}
.vp-unsaved-btn--leave[data-v-27f9e724] {
  background: #3F484C;
  color: #fff;
}
.vp-unsaved-btn--leave[data-v-27f9e724]:hover {
  background: #2C2C2A;
}
/* PM19-4 (PM-REF-38): FormConstructor is __body's flex child, but its h-full
   (height:100%) resolves against __body's flexed, overflow:auto height and
   stops at CONTENT height in this chain — short pages (e.g. the L4 process
   map) ended in blank page above the footer. Flex-stretching the child fills
   __body's free space without relying on percentage resolution; tall content
   is unaffected (basis auto + shrink, the parent still scrolls). */
.viewport-model-steps__body > .constructor {
  flex: 1 1 auto;
  min-height: 0;
}
.vp-pm-header__labels .vp-pm-label,
.vp-pm-label {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  /* PM-P1 Badge Standard (PM-REF-43/47/49): straight vertical sides with
     rounded corners — NEVER stadium ends. */
  border-radius: 6px;
  /* Active = accent fill (the sampled Next-Section orange) + thin darker
     border + dark font. */
  background: #febc2c;
  border: 2px solid #f59e0b;
  font-size: 12px;
  font-weight: 600;
  color: #1f2937;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s;
  flex-shrink: 0;
  /* Inactive = gray fill + gray font + thin darker-gray border. */
}
.vp-pm-header__labels .vp-pm-label:not(.vp-pm-header__labels .vp-pm-label--active,
.vp-pm-label--active),
.vp-pm-label:not(.vp-pm-header__labels .vp-pm-label--active,
.vp-pm-label--active) {
  background: #E5E7EB;
  border: 1px solid #D1D5DB;
  color: #6B7280;
  font-weight: 500;
}
.vp-pm-header__labels .vp-pm-label:not(.vp-pm-header__labels .vp-pm-label--active,
.vp-pm-label--active):hover,
.vp-pm-label:not(.vp-pm-header__labels .vp-pm-label--active,
.vp-pm-label--active):hover {
  background: #D1D5DB;
}
.vp-pm-header__labels .vp-pm-label--active:hover,
.vp-pm-label--active:hover {
  background: #f5b32c;
}
.vp-pm-header__labels .vp-pm-label--active:hover,
.vp-pm-header__labels .vp-pm-label:hover.vp-pm-label--active {
  background: #ffffff;
}
.bgt[data-v-be31eb9e] {
  --bgt-bg: #f4f7fa;
  --bgt-surface: #ffffff;
  --bgt-surface-2: #f5f5f4;
  --bgt-border: #e7e5e4;
  --bgt-border-strong: #d6d3d1;
  --bgt-accent: #febc2c;
  --bgt-accent-soft: #FEF3D7;
  --bgt-accent-softer: #FEF9F0;
  --bgt-accent-ink: #78350f;
  --bgt-text: #0c0a09;
  --bgt-text-2: #44403c;
  --bgt-text-3: #78716c;
  --bgt-text-4: #a8a29e;
  --bgt-info: #2563eb;
  --bgt-info-soft: #eff6ff;
  --bgt-success: #16a34a;
  width: 100%;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  color: var(--bgt-text);
  background: var(--bgt-bg);
}
.mono[data-v-be31eb9e] {
  font-family: "JetBrains Mono", ui-monospace, "Courier New", monospace !important;
}
.bgt__page-header[data-v-be31eb9e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 36px;
  background: #ffffff;
  padding: 4px 24px 12px;
}
.bgt-labels[data-v-be31eb9e] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  overflow: hidden;
  min-width: 0;
}
.bgt__collapse-btn[data-v-be31eb9e] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
  font-family: Montserrat, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  color: #374151;
  transition: all 0.2s;
  max-width: 220px;
}
.bgt__collapse-btn .bgt__collapse-label[data-v-be31eb9e] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.bgt__collapse-btn[data-v-be31eb9e]:hover {
  background: #f4f7fa;
  border-color: #d1d5db;
}
.bgt__collapse-btn svg[data-v-be31eb9e] {
  transition: transform 0.3s;
}
.bgt__collapse-btn svg path[data-v-be31eb9e] {
  stroke: #1f2937;
}
.bgt__collapse-btn svg.rotated[data-v-be31eb9e] {
  transform: rotate(180deg);
}
.bgt__icon-btn[data-v-be31eb9e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: var(--bgt-text-3);
  cursor: pointer;
  padding: 0;
  transition: background 0.12s, color 0.12s;
  flex-shrink: 0;
}
.bgt__icon-btn[data-v-be31eb9e]:hover:not(:disabled) {
  background: var(--bgt-surface-2);
  color: var(--bgt-text);
}
.bgt__icon-btn[data-v-be31eb9e]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.bgt__content[data-v-be31eb9e] {
  /* W13-500 Foundations (PM-REF-55/66): no dead padding below — the
     internal container runs down to the footer bar. */
  padding: 14px 24px 0;
  background: var(--bgt-bg);
}
.bgt__banner[data-v-be31eb9e] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: var(--bgt-info-soft);
  border: 1px solid #dbeafe;
  border-radius: 8px;
  margin-bottom: 14px;
  font-size: 12.5px;
  color: var(--bgt-text-2);
  line-height: 1.5;
}
.bgt__banner-icon[data-v-be31eb9e] {
  color: var(--bgt-info);
  flex-shrink: 0;
}
.bgt__state-msg[data-v-be31eb9e] {
  padding: 40px;
  text-align: center;
  color: var(--bgt-text-4);
  font-size: 14px;
}
.bgt__container[data-v-be31eb9e] {
  background: var(--bgt-surface);
  border: 1px solid var(--bgt-border);
  /* W13-500 Foundations: top corners rounded, bottom corners square where
     the container meets the footer bar. */
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.bgt__row[data-v-be31eb9e] {
  border-bottom: 1px solid var(--bgt-border);
}
.bgt__row.bgt__row--last[data-v-be31eb9e] {
  border-bottom: none;
}
.bgt__row.bgt__row--last.bgt__row--open[data-v-be31eb9e] {
  border-bottom: 1px solid var(--bgt-border);
}
.bgt__row-header[data-v-be31eb9e] {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0 12px 0 14px;
  height: 52px;
  cursor: pointer;
  background: var(--bgt-surface);
  transition: background 0.12s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.bgt__row-header[data-v-be31eb9e]:hover:not(.bgt__row-header--open) {
  background: var(--bgt-surface-2);
}
.bgt__row-header.bgt__row-header--open[data-v-be31eb9e] {
  background: var(--bgt-accent-softer);
}
.bgt__ref-chip[data-v-be31eb9e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 2px 8px;
  box-sizing: border-box;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  background: #febc2c;
  color: #1a1a1a;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  flex-shrink: 0;
  margin-right: 10px;
}
.bgt__proc-name[data-v-be31eb9e] {
  font-size: 13.5px;
  font-weight: 500;
  color: var(--bgt-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 0 1 auto;
}
.bgt__status-group[data-v-be31eb9e] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  margin-left: 10px;
}
.bgt__status-dot[data-v-be31eb9e] {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}
.bgt__status-label[data-v-be31eb9e] {
  font-size: 11px;
  color: var(--bgt-text-3);
  flex-shrink: 0;
}
.bgt__version[data-v-be31eb9e] {
  font-size: 11px;
  color: var(--bgt-text-4);
  flex-shrink: 0;
  margin-left: 6px;
}
.bgt__gov-info[data-v-be31eb9e] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: var(--bgt-text-3);
  flex-shrink: 0;
  margin-left: 8px;
}
.bgt__gov-info svg[data-v-be31eb9e] {
  color: var(--bgt-text-4);
  flex-shrink: 0;
}
.bgt__gov-label[data-v-be31eb9e] {
  color: var(--bgt-text-4);
}
.bgt__gov-chip[data-v-be31eb9e] {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--bgt-accent-softer);
  color: var(--bgt-text-2);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.bgt__action-rail[data-v-be31eb9e] {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.12s;
}
.bgt__row-header:hover .bgt__action-rail[data-v-be31eb9e],
.bgt__row-header--open .bgt__action-rail[data-v-be31eb9e] {
  opacity: 1;
}
.bgt__arrow[data-v-be31eb9e] {
  transition: transform 0.2s ease;
  transform: rotate(90deg);
}
.bgt__arrow.bgt__arrow--open[data-v-be31eb9e] {
  transform: rotate(-90deg);
}
.bgt__body[data-v-be31eb9e] {
  padding: 20px 24px 22px;
  background: var(--bgt-surface);
  border-top: 1px solid var(--bgt-border);
}
.bgt__body-subheader[data-v-be31eb9e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.bgt__body-meta[data-v-be31eb9e] {
  font-size: 13px;
  color: var(--bgt-text-3);
}
.bgt__body-meta b[data-v-be31eb9e] {
  color: var(--bgt-text-2);
  font-weight: 500;
}
.bgt__body-actions[data-v-be31eb9e] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.bgt__btn-sm[data-v-be31eb9e] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 5px;
  border: 1px solid var(--bgt-border-strong);
  background: var(--bgt-surface);
  color: var(--bgt-text-2);
  cursor: pointer;
  transition: background 0.14s, border-color 0.14s;
  font-family: inherit;
}
.bgt__btn-sm[data-v-be31eb9e]:hover:not(:disabled) {
  background: var(--bgt-surface-2);
  border-color: var(--bgt-text-4);
}
.bgt__btn-sm[data-v-be31eb9e]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.bgt__btn-sm--ghost[data-v-be31eb9e] {
  border-color: transparent;
  background: transparent;
  color: var(--bgt-text-3);
}
.bgt__btn-sm--ghost[data-v-be31eb9e]:hover:not(:disabled) {
  background: var(--bgt-surface-2);
}
.bgt__btn-sm--primary[data-v-be31eb9e] {
  background: var(--bgt-text);
  border-color: var(--bgt-text);
  color: #fff;
}
.bgt__btn-sm--primary[data-v-be31eb9e]:hover:not(:disabled) {
  background: #1c1917;
}
.bgt__section[data-v-be31eb9e] {
  margin-bottom: 18px;
}
.bgt__section--row[data-v-be31eb9e] {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}
.bgt__section-header[data-v-be31eb9e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.bgt__section-label[data-v-be31eb9e] {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--bgt-text-4);
  text-transform: uppercase;
}
.bgt__subsection[data-v-be31eb9e] {
  display: flex;
  flex-direction: column;
}
.bgt__ai-section-btn[data-v-be31eb9e] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  border: none;
  background: var(--bgt-accent-soft);
  color: var(--bgt-accent-ink);
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.bgt__ai-section-btn[data-v-be31eb9e]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.bgt__ai-field-btn[data-v-be31eb9e] {
  position: absolute;
  top: 6px;
  right: 6px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: var(--bgt-accent-soft);
  border: 1px solid transparent;
  color: var(--bgt-accent-ink);
  font-size: 10.5px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.bgt__ai-field-btn[data-v-be31eb9e]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.bgt__fields-3col[data-v-be31eb9e] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  align-items: start;
}
.bgt__field[data-v-be31eb9e] {
  display: flex;
  flex-direction: column;
}
.bgt__field-label[data-v-be31eb9e] {
  display: block;
  font-size: 11px;
  font-weight: 500;
  color: var(--bgt-text-3);
  letter-spacing: 0.01em;
  margin-bottom: 5px;
}
.bgt__field-ro[data-v-be31eb9e] {
  min-height: 34px;
  padding: 8px 12px;
  background: var(--bgt-surface-2);
  border: 1px solid var(--bgt-border);
  border-radius: 6px;
  font-size: 13px;
  color: var(--bgt-text);
  line-height: 1.55;
}
.bgt__field-ro--long[data-v-be31eb9e] {
  min-height: 56px;
}
.bgt__field-ro--4row[data-v-be31eb9e] {
  min-height: 112px;
}
.bgt__field-empty[data-v-be31eb9e] {
  color: var(--bgt-text-4);
  font-style: italic;
}
.bgt__chip[data-v-be31eb9e] {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--bgt-surface-2);
  border: 1px solid var(--bgt-border);
  font-size: 12px;
  color: var(--bgt-text-2);
}
.bgt__chip-yellow[data-v-be31eb9e] {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--bgt-accent-soft);
  color: var(--bgt-accent-ink);
  font-size: 12px;
  font-weight: 600;
}
.bgt__chip-list[data-v-be31eb9e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.bgt__tag-row[data-v-be31eb9e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  background: var(--bgt-surface);
  border: 1px solid var(--bgt-border-strong);
  border-radius: 6px;
  min-height: 34px;
}
.bgt__tag-pill[data-v-be31eb9e] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 24px;
  padding: 0 6px 0 8px;
  border-radius: 999px;
  background: var(--bgt-accent-soft);
  color: var(--bgt-accent-ink);
  font-size: 12px;
  font-weight: 500;
}
.bgt__tag-pill--remove[data-v-be31eb9e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  border-radius: 3px;
  background: transparent;
  color: var(--bgt-accent-ink);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.15s, background 0.15s;
}
.bgt__tag-pill--remove[data-v-be31eb9e]:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.08);
}
.bgt__tag-input[data-v-be31eb9e] {
  flex: 1;
  min-width: 100px;
  padding: 4px 6px;
  font-size: 13px;
  font-family: inherit;
  color: var(--bgt-text);
  background: transparent;
  border: none;
  outline: none;
  line-height: 1.4;
}
.bgt__tag-input[data-v-be31eb9e]::-moz-placeholder {
  color: var(--bgt-text-4);
}
.bgt__tag-input[data-v-be31eb9e]::placeholder {
  color: var(--bgt-text-4);
}
.bgt__tag-add[data-v-be31eb9e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid var(--bgt-border);
  border-radius: 4px;
  background: var(--bgt-surface-2);
  color: var(--bgt-text-2);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
  flex-shrink: 0;
}
.bgt__tag-add[data-v-be31eb9e]:hover {
  background: var(--bgt-accent-soft);
  border-color: var(--bgt-accent);
  color: var(--bgt-accent-ink);
}
.bgt__input[data-v-be31eb9e],
.bgt__select[data-v-be31eb9e],
.bgt__textarea[data-v-be31eb9e] {
  width: 100%;
  padding: 7px 12px;
  font-size: 13px;
  font-family: inherit;
  color: var(--bgt-text);
  background: var(--bgt-surface);
  border: 1px solid var(--bgt-border-strong);
  border-radius: 6px;
  outline: none;
  line-height: 1.55;
  transition: border-color 0.15s, box-shadow 0.15s;
  box-sizing: border-box;
}
.bgt__input[data-v-be31eb9e]:focus,
.bgt__select[data-v-be31eb9e]:focus,
.bgt__textarea[data-v-be31eb9e]:focus {
  border-color: var(--bgt-accent);
  box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.15);
}
.bgt__input[data-v-be31eb9e]::-moz-placeholder, .bgt__select[data-v-be31eb9e]::-moz-placeholder, .bgt__textarea[data-v-be31eb9e]::-moz-placeholder {
  color: var(--bgt-text-4);
}
.bgt__input[data-v-be31eb9e]::placeholder,
.bgt__select[data-v-be31eb9e]::placeholder,
.bgt__textarea[data-v-be31eb9e]::placeholder {
  color: var(--bgt-text-4);
}
.bgt__select[data-v-be31eb9e] {
  flex: 1;
  min-width: 120px;
  cursor: pointer;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.bgt__textarea[data-v-be31eb9e] {
  resize: vertical;
}
.bgt__saved[data-v-be31eb9e] {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--bgt-success);
}
.bgt__err[data-v-be31eb9e] {
  font-size: 11.5px;
  color: #b91c1c;
  margin-top: 3px;
}
.bgt__status-btns[data-v-be31eb9e] {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.bgt__status-btn[data-v-be31eb9e] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  /* W13-500 (PM-REF-56): fixed height shared with the RAG swatches below. */
  height: 30px;
  box-sizing: border-box;
  font-size: 12.5px;
  font-weight: 500;
  border-radius: 7px;
  cursor: pointer;
  border: 1px solid var(--bgt-border);
  background: var(--bgt-surface-2);
  color: var(--bgt-text-3);
  transition: background 0.14s, border-color 0.14s, color 0.14s;
  font-family: inherit;
}
.bgt__status-btn.is-active[data-v-be31eb9e] {
  background: var(--bgt-text);
  border-color: var(--bgt-text);
  color: #fff;
}
.bgt__status-btn[data-v-be31eb9e]:hover:not(.is-active):not(:disabled) {
  background: #ede8e3;
}
.bgt__status-btn[data-v-be31eb9e]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.bgt__rag-swatches[data-v-be31eb9e] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.bgt__rag-swatch[data-v-be31eb9e] {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  /* W13-500 (PM-REF-56): badge height matches the status buttons (30px). */
  height: 30px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 600;
  border-radius: 999px;
  border: 2px solid transparent;
  cursor: pointer;
  line-height: 1;
  transition: border-color 0.12s;
  font-family: inherit;
}
.bgt__rag-swatch.is-active[data-v-be31eb9e] {
  border-color: currentColor;
}
.bgt__rag-swatch[data-v-be31eb9e]:hover:not(.is-active):not(:disabled) {
  filter: brightness(0.94);
}
.bgt__rag-swatch[data-v-be31eb9e]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.bb-overview[data-v-3519e636] {
  width: 100%;
  padding: 4px 4px 24px;
  position: relative; /* Required for confirmation dialog overlay positioning */
}

/* Breadcrumb */
.bb-breadcrumb[data-v-3519e636] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.bb-breadcrumb .bc-crumb[data-v-3519e636] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px 4px 6px;
  border-radius: 6px;
}
.bb-breadcrumb .bc-crumb--step[data-v-3519e636] {
  background: #FFF8E7;
  border: 1px solid #F5D78E;
  cursor: pointer;
  transition: background 0.15s;
}
.bb-breadcrumb .bc-crumb--step[data-v-3519e636]:hover {
  background: #fef0c0;
}
.bb-breadcrumb .bc-crumb--bb[data-v-3519e636] {
  background: #F5F5F5;
  border: 1px solid #D1D1D1;
}
.bb-breadcrumb .bc-badge[data-v-3519e636] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: #F5A623;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  color: #1A1A1A;
}
.bb-breadcrumb .bc-badge--grey[data-v-3519e636] {
  display: none;
}
.bb-breadcrumb .bc-number[data-v-3519e636] {
  font-size: 13px;
  font-weight: 600;
  color: #1A1A1A;
}
.bb-breadcrumb .bc-label[data-v-3519e636] {
  font-size: 13px;
  font-weight: 600;
  color: #1A1A1A;
}
.bb-breadcrumb .bc-arrow[data-v-3519e636] {
  color: #888888;
  font-size: 14px;
}

/* Title & Subtitle */
.bb-title[data-v-3519e636] {
  font-size: 26px;
  font-weight: 700;
  color: #1A1A1A;
  margin: 0 0 6px;
}
.bb-subtitle[data-v-3519e636] {
  font-size: 14px;
  color: #555555;
  margin: 0 0 20px;
}

/* Two-column layout */
.bb-two-col[data-v-3519e636] {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 16px;
  margin-bottom: 24px;
}
@media (max-width: 900px) {
.bb-two-col[data-v-3519e636] {
    grid-template-columns: 1fr;
}
}
.right-col[data-v-3519e636] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Shared card styles */
.user-story-card[data-v-3519e636],
.progress-card[data-v-3519e636],
.activity-card[data-v-3519e636],
.sections-container[data-v-3519e636] {
  background: #ffffff;
  border: 1px solid #D1D1D1;
  border-radius: 8px;
  overflow: hidden;
}
.user-story-card .card-header[data-v-3519e636],
.progress-card .card-header[data-v-3519e636],
.activity-card .card-header[data-v-3519e636],
.sections-container .card-header[data-v-3519e636] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #F5F5F5;
  border-bottom: 1px solid #D1D1D1;
}
.user-story-card .card-header h3[data-v-3519e636],
.progress-card .card-header h3[data-v-3519e636],
.activity-card .card-header h3[data-v-3519e636],
.sections-container .card-header h3[data-v-3519e636] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: #555555;
  margin: 0;
  text-transform: uppercase;
}
.user-story-card .card-header .last-modified[data-v-3519e636],
.progress-card .card-header .last-modified[data-v-3519e636],
.activity-card .card-header .last-modified[data-v-3519e636],
.sections-container .card-header .last-modified[data-v-3519e636] {
  font-size: 12px;
  color: #888888;
}
.user-story-card .card-content[data-v-3519e636],
.progress-card .card-content[data-v-3519e636],
.activity-card .card-content[data-v-3519e636],
.sections-container .card-content[data-v-3519e636] {
  padding: 16px;
}

/* User Story */
.user-story-card .card-content p[data-v-3519e636] {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #3F484C;
}
.user-story-card .card-content p strong[data-v-3519e636] {
  color: #1A1A1A;
}
.user-story-card .card-separator[data-v-3519e636] {
  height: 1px;
  background: #D1D1D1;
  margin: 0 16px;
}
.user-story-card .acceptance-criteria-section[data-v-3519e636] {
  padding: 16px;
}
.user-story-card .acceptance-criteria-section h4[data-v-3519e636] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: #555555;
  margin: 0 0 12px;
  text-transform: uppercase;
}
.user-story-card .acceptance-criteria-section ul[data-v-3519e636] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.user-story-card .acceptance-criteria-section li[data-v-3519e636] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 5px 0;
}
.user-story-card .acceptance-criteria-section li .tick-icon[data-v-3519e636] {
  flex-shrink: 0;
  margin-top: 1px;
}
.user-story-card .acceptance-criteria-section li .criteria-text[data-v-3519e636] {
  font-size: 13px;
  color: #3F484C;
  line-height: 1.5;
}

/* Progress Summary */
.progress-stats[data-v-3519e636] {
  display: flex;
  gap: 0;
  margin-bottom: 14px;
}
.progress-stats .progress-stat[data-v-3519e636] {
  flex: 1;
  text-align: center;
  padding: 8px 4px;
  border-right: 1px solid #F5F5F5;
}
.progress-stats .progress-stat[data-v-3519e636]:last-child {
  border-right: none;
}
.progress-stats .progress-stat .stat-number[data-v-3519e636] {
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #1A1A1A;
  line-height: 1;
  margin-bottom: 4px;
}
.progress-stats .progress-stat .stat-label[data-v-3519e636] {
  font-size: 11px;
  color: #888888;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.progress-bar-wrap[data-v-3519e636] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.progress-bar-wrap .progress-bar[data-v-3519e636] {
  flex: 1;
  height: 8px;
  background: #F5F5F5;
  border-radius: 4px;
  overflow: hidden;
}
.progress-bar-wrap .progress-bar .progress-fill[data-v-3519e636] {
  height: 100%;
  background: #F5A623;
  border-radius: 4px;
  transition: width 0.4s ease;
}
.progress-bar-wrap .progress-pct[data-v-3519e636] {
  font-size: 13px;
  font-weight: 600;
  color: #1A1A1A;
  flex-shrink: 0;
}

/* Activity Log */
.activity-entry[data-v-3519e636] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 6px 0;
  border-bottom: 1px solid #F5F5F5;
}
.activity-entry[data-v-3519e636]:last-child {
  border-bottom: none;
}
.activity-entry .activity-dot[data-v-3519e636] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #F5A623;
  flex-shrink: 0;
  margin-top: 4px;
}
.activity-entry .activity-body[data-v-3519e636] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.activity-entry .activity-body .activity-desc[data-v-3519e636] {
  font-size: 13px;
  color: #1A1A1A;
}
.activity-entry .activity-body .activity-time[data-v-3519e636] {
  font-size: 11px;
  color: #888888;
}
.activity-empty[data-v-3519e636] {
  font-size: 13px;
  color: #888888;
  margin: 0;
  text-align: center;
  padding: 8px 0;
}

/* Seeded-from label — shown on To-Be building blocks */
.seeded-label[data-v-3519e636] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: #FFF8E7;
  border-bottom: 1px solid #F5D78E;
  font-size: 12px;
  color: #7c5a00;
}
.seeded-label[data-v-3519e636]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #F5A623;
  flex-shrink: 0;
}

/* Set as Baseline button */
.baseline-btn[data-v-3519e636] {
  margin-left: auto;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #3F484C;
  background: #ffffff;
  border: 1px solid #D1D1D1;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
  flex-shrink: 0;
}
.baseline-btn[data-v-3519e636]:hover {
  background: #F5F5F5;
  border-color: #3F484C;
}

/* Baseline confirmation dialog overlay */
.baseline-dialog-overlay[data-v-3519e636] {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
  border-radius: 8px;
}
.baseline-dialog[data-v-3519e636] {
  background: #ffffff;
  border: 1px solid #D1D1D1;
  border-radius: 8px;
  padding: 24px;
  max-width: 460px;
  width: 90%;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}
.baseline-dialog h4[data-v-3519e636] {
  font-size: 16px;
  font-weight: 700;
  color: #1A1A1A;
  margin: 0 0 12px;
}
.baseline-dialog p[data-v-3519e636] {
  font-size: 14px;
  color: #3F484C;
  line-height: 1.6;
  margin: 0 0 10px;
}
.baseline-dialog .dialog-note[data-v-3519e636] {
  font-size: 13px;
  color: #888888;
}
.baseline-dialog .dialog-warning[data-v-3519e636] {
  font-size: 13px;
  font-weight: 600;
  color: #92400e;
  background: #FEF3C7;
  border: 1px solid #F5D78E;
  border-radius: 4px;
  padding: 8px 10px;
}
.baseline-dialog .dialog-error[data-v-3519e636] {
  font-size: 13px;
  color: #dc2626;
  background: #FEF2F2;
  border: 1px solid #fecaca;
  border-radius: 4px;
  padding: 8px 10px;
}
.baseline-dialog .dialog-actions[data-v-3519e636] {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 18px;
}
.baseline-dialog .dialog-actions .btn-cancel[data-v-3519e636] {
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 600;
  color: #3F484C;
  background: #ffffff;
  border: 1px solid #D1D1D1;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s;
}
.baseline-dialog .dialog-actions .btn-cancel[data-v-3519e636]:hover:not(:disabled) {
  background: #F5F5F5;
}
.baseline-dialog .dialog-actions .btn-cancel[data-v-3519e636]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.baseline-dialog .dialog-actions .btn-confirm[data-v-3519e636] {
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 600;
  color: #1A1A1A;
  background: #FFCC00;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s;
}
.baseline-dialog .dialog-actions .btn-confirm[data-v-3519e636]:hover:not(:disabled) {
  background: #F5A623;
}
.baseline-dialog .dialog-actions .btn-confirm[data-v-3519e636]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Sections Container */
.sections-container .sections-header[data-v-3519e636] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #F5F5F5;
  border-bottom: 1px solid #D1D1D1;
}
.sections-container .sections-header .header-icon[data-v-3519e636] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #FFF8E7;
  border-radius: 6px;
  flex-shrink: 0;
}
.sections-container .sections-header h3[data-v-3519e636] {
  font-size: 15px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0;
  flex: 1;
}
.sections-container .sections-header .section-count[data-v-3519e636] {
  font-size: 13px;
  color: #888888;
  background: #F5F5F5;
  border: 1px solid #D1D1D1;
  padding: 3px 10px;
  border-radius: 12px;
}
.sections-container .sections-list[data-v-3519e636] {
  max-height: 450px;
  overflow-y: auto;
}
.sections-container .sections-list[data-v-3519e636]::-webkit-scrollbar {
  width: 4px;
}
.sections-container .sections-list[data-v-3519e636]::-webkit-scrollbar-track {
  background: transparent;
}
.sections-container .sections-list[data-v-3519e636]::-webkit-scrollbar-thumb {
  background: #D1D1D1;
  border-radius: 2px;
}
.sections-container .section-item[data-v-3519e636] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid #F5F5F5;
  background: #ffffff;
  transition: background 0.15s;
}
.sections-container .section-item[data-v-3519e636]:last-child {
  border-bottom: none;
}
.sections-container .section-item[data-v-3519e636]:hover {
  background: #F5F5F5;
}
.sections-container .section-item .section-info[data-v-3519e636] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.sections-container .section-item .section-info .section-index[data-v-3519e636] {
  font-weight: 600;
  color: #1A1A1A;
  min-width: 24px;
  font-size: 14px;
}
.sections-container .section-item .section-info .section-name[data-v-3519e636] {
  font-size: 14px;
  font-weight: 500;
  color: #1A1A1A;
}
.sections-container .section-item .section-actions[data-v-3519e636] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sections-container .section-item .section-actions .status-badge[data-v-3519e636] {
  font-size: 12px;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 4px;
}
.sections-container .section-item .section-actions .status-badge.not_started[data-v-3519e636] {
  background: #F5F5F5;
  color: #888888;
}
.sections-container .section-item .section-actions .status-badge.in_progress[data-v-3519e636] {
  background: #FFF8E7;
  color: #b45309;
}
.sections-container .section-item .section-actions .status-badge.completed[data-v-3519e636] {
  background: #DCFCE7;
  color: #3F484C;
}
.sections-container .section-item .section-actions .action-btn[data-v-3519e636] {
  padding: 7px 16px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s;
  border: none;
}
.sections-container .section-item .section-actions .action-btn.not_started[data-v-3519e636] {
  background: #F5A623;
  color: #1A1A1A;
}
.sections-container .section-item .section-actions .action-btn.not_started[data-v-3519e636]:hover {
  background: #FFCC00;
}
.sections-container .section-item .section-actions .action-btn.in_progress[data-v-3519e636] {
  background: #ffffff;
  color: #b45309;
  border: 2px solid #F5A623;
}
.sections-container .section-item .section-actions .action-btn.in_progress[data-v-3519e636]:hover {
  background: #FFF8E7;
}
.sections-container .section-item .section-actions .action-btn.completed[data-v-3519e636] {
  background: #F5F5F5;
  color: #3F484C;
  border: 1px solid #D1D1D1;
}
.sections-container .section-item .section-actions .action-btn.completed[data-v-3519e636]:hover {
  background: #e5e7eb;
}/* SIMPLE BLOCK LAYOUT - No flexbox complexity */
.sow-left-nav[data-v-5bdfc52c] {
  width: 100%;
  height: 100%;
  background: #ffffff;
  overflow: hidden;
  position: relative;
}

/* Collapse toggle button - positioned at right edge, vertically centered at top */
.sow-left-nav__toggle[data-v-5bdfc52c] {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-right: none;
  border-radius: 4px 0 0 4px;
  cursor: pointer;
  color: #6b7280;
  z-index: 10;
  transition: background 0.15s ease, color 0.15s ease;
}
.sow-left-nav__toggle[data-v-5bdfc52c]:hover {
  background: #f3f4f6;
  color: #374151;
}

/* When collapsed: center the toggle button in the slim strip */
.sow-left-nav--collapsed .sow-left-nav__toggle[data-v-5bdfc52c] {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-right: 1px solid #e5e7eb;
  border-radius: 0;
  width: 100%;
  background: transparent;
  border: none;
}
.sow-left-nav--collapsed .sow-left-nav__toggle[data-v-5bdfc52c]:hover {
  background: #f9fafb;
}

/* Panel content wrapper */
.sow-left-nav__content[data-v-5bdfc52c] {
  width: 100%;
  height: 100%;
  position: relative;
  /* Reserve space for toggle button on the right */
  padding-right: 20px;
  box-sizing: border-box;
}

/* FIXED HEADER - Absolutely positioned at top */
.nav-header[data-v-5bdfc52c] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px 16px 12px 16px;
  background: #ffffff;
  z-index: 2;
  box-sizing: border-box;
}
.blueprint-title[data-v-5bdfc52c] {
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 4px 0;
}
.section-count[data-v-5bdfc52c] {
  font-size: 12px;
  color: #6b7280;
  margin: 0 0 8px 0;
}

/* SEPARATOR - Visual divider after progress bar */
.header-separator[data-v-5bdfc52c] {
  height: 1px;
  background: #e5e7eb;
  margin-top: 12px;
  width: 100%;
}

/* Progress bar */
.progress-container[data-v-5bdfc52c] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
}
.progress-container .progress-text[data-v-5bdfc52c] {
  font-size: 12px;
  font-weight: 600;
  color: #22c55e;
  min-width: 32px;
  flex-shrink: 0;
}
.progress-container .progress-bar[data-v-5bdfc52c] {
  flex: 1;
  height: 6px;
  background: #e5e7eb;
  border-radius: 3px;
  overflow: hidden;
}
.progress-container .progress-fill[data-v-5bdfc52c] {
  height: 100%;
  background: #22c55e;
  border-radius: 3px;
  transition: width 0.3s ease;
}

/* SECTIONS LIST - Positioned below header with explicit top offset */
/* Header height: ~20px top padding + 20px title + 16px subtitle + 22px progress + 13px separator + 12px bottom = ~103px */
/* Using 110px to be safe */
.sections-list[data-v-5bdfc52c] {
  position: absolute;
  top: 110px; /* EXPLICIT position below header */
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 0;
}
.sections-list[data-v-5bdfc52c]::-webkit-scrollbar {
  width: 4px;
}
.sections-list[data-v-5bdfc52c]::-webkit-scrollbar-track {
  background: transparent;
}
.sections-list[data-v-5bdfc52c]::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 2px;
}
.section-item[data-v-5bdfc52c] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  cursor: pointer;
  transition: all 0.15s ease;
  border-left: 3px solid transparent;
}
.section-item[data-v-5bdfc52c]:hover {
  background: #f9fafb;
}
.section-item.active[data-v-5bdfc52c] {
  background: #fffbeb;
  border-left-color: #febc2c;
}
.section-item.active .section-name[data-v-5bdfc52c] {
  font-weight: 600;
  color: #1f2937;
}
.section-item .section-indicator[data-v-5bdfc52c] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  /* Not Started - Gray */
  /* Active - Yellow */
  /* In Progress - Yellow */
  /* Completed - Green with white number */
}
.section-item .section-indicator .section-number[data-v-5bdfc52c] {
  font-size: 11px;
  font-weight: 600;
}
.section-item .section-indicator .check-icon[data-v-5bdfc52c] {
  position: absolute;
}
.section-item .section-indicator.status-not-started[data-v-5bdfc52c] {
  background: #e5e7eb;
}
.section-item .section-indicator.status-not-started .section-number[data-v-5bdfc52c] {
  color: #6b7280;
}
.section-item .section-indicator.status-active[data-v-5bdfc52c] {
  background: #febc2c;
}
.section-item .section-indicator.status-active .section-number[data-v-5bdfc52c] {
  color: #1f2937;
}
.section-item .section-indicator.status-in-progress[data-v-5bdfc52c] {
  background: #febc2c;
}
.section-item .section-indicator.status-in-progress .section-number[data-v-5bdfc52c] {
  color: #1f2937;
}
.section-item .section-indicator.status-completed[data-v-5bdfc52c] {
  background: #22c55e;
}
.section-item .section-indicator.status-completed .section-number[data-v-5bdfc52c] {
  color: #ffffff;
}
.section-item .section-indicator.status-completed .check-icon[data-v-5bdfc52c] {
  display: none;
}
.section-item .section-name[data-v-5bdfc52c] {
  font-size: 13px;
  color: #374151;
  line-height: 1.3;
  /* NO truncation - full text always visible */
}.background-section[data-v-79ff771e] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  overflow-y: auto;
}
.section-header[data-v-79ff771e] {
  padding: 24px 32px;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}
.section-header .section-title[data-v-79ff771e] {
  font-size: 22px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 4px 0;
}
.section-header .section-meta[data-v-79ff771e] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
.hoba-practice[data-v-79ff771e] {
  margin: 24px 32px 0 32px;
  background: #fffbeb;
  border-left: 4px solid #f59e0b;
  border-radius: 0 8px 8px 0;
  padding: 16px 20px;
}
.hoba-practice .hoba-practice-header[data-v-79ff771e] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.hoba-practice .hoba-icon[data-v-79ff771e] {
  font-size: 16px;
}
.hoba-practice .hoba-practice-title[data-v-79ff771e] {
  font-size: 14px;
  font-weight: 600;
  color: #92400e;
}
.hoba-practice .hoba-practice-text[data-v-79ff771e] {
  font-size: 14px;
  color: #78350f;
  line-height: 1.6;
  margin: 0;
}
.content-card[data-v-79ff771e] {
  margin: 24px 32px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  padding: 24px;
  flex: 1;
}
.section-description[data-v-79ff771e] {
  font-size: 15px;
  color: #4b5563;
  margin: 0 0 24px 0;
  line-height: 1.5;
}
.fields-grid[data-v-79ff771e] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 24px;
}
.field-container[data-v-79ff771e] {
  display: flex;
  flex-direction: column;
}
.field-header[data-v-79ff771e] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.field-icon[data-v-79ff771e] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #4b5563;
  flex-shrink: 0;
}
.field-title-block[data-v-79ff771e] {
  flex: 1;
  min-width: 0;
}
.field-title-block .field-title[data-v-79ff771e] {
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 2px 0;
}
.field-title-block .field-subtitle[data-v-79ff771e] {
  font-size: 12px;
  color: #6b7280;
  margin: 0;
}
.ai-badge[data-v-79ff771e] {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: #ffcc00;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
  z-index: 1;
}
.ai-badge[data-v-79ff771e]:hover {
  background: #e6b800;
}
.ai-badge svg[data-v-79ff771e] {
  width: 12px;
  height: 12px;
}
.textarea-wrapper[data-v-79ff771e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.field-textarea[data-v-79ff771e] {
  flex: 1;
  min-height: 160px;
  padding: 14px 58px 14px 14px;
  font-size: 14px;
  color: #1f2937;
  line-height: 1.6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
  resize: vertical;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.field-textarea[data-v-79ff771e]::-moz-placeholder {
  color: #9ca3af;
}
.field-textarea[data-v-79ff771e]::placeholder {
  color: #9ca3af;
}
.field-textarea[data-v-79ff771e]:focus {
  outline: none;
  border-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);
}
.char-counter[data-v-79ff771e] {
  position: absolute;
  bottom: 10px;
  right: 12px;
  font-size: 12px;
  color: #9ca3af;
  background: #ffffff;
  padding: 2px 6px;
  border-radius: 4px;
}
.char-counter.warning[data-v-79ff771e] {
  color: #dc2626;
  font-weight: 500;
}
.tip-box[data-v-79ff771e] {
  margin: 0 32px 24px 32px;
  padding: 14px 18px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.tip-box .tip-icon[data-v-79ff771e] {
  font-size: 16px;
  flex-shrink: 0;
  color: #6b7280;
}
.tip-box .tip-text[data-v-79ff771e] {
  font-size: 13px;
  color: #4b5563;
  line-height: 1.5;
}
.tip-box .tip-text strong[data-v-79ff771e] {
  color: #1f2937;
}

/* Responsive: additional textarea height on small screens */
@media (max-width: 768px) {
.field-textarea[data-v-79ff771e] {
    min-height: 120px;
}
.section-header[data-v-79ff771e],
  .hoba-practice[data-v-79ff771e],
  .content-card[data-v-79ff771e],
  .tip-box[data-v-79ff771e] {
    margin-left: 16px;
    margin-right: 16px;
}
.section-header[data-v-79ff771e] {
    padding: 20px 16px;
}
.content-card[data-v-79ff771e] {
    padding: 16px;
}
}
.ai-modal-overlay[data-v-8cb56b29] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
}
.ai-modal[data-v-8cb56b29] {
  background: #ffffff;
  border-radius: 12px;
  width: 100%;
  max-width: 640px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  position: relative;
}

/* ── Header ─────────────────────────────────────────────────────────────────── */
.modal-header[data-v-8cb56b29] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.modal-header .header-left[data-v-8cb56b29] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modal-header .robot-icon[data-v-8cb56b29] {
  display: flex;
  align-items: center;
  color: #3F484C;
}
.modal-header .header-title[data-v-8cb56b29] {
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
}
.modal-header .close-btn[data-v-8cb56b29] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s ease;
}
.modal-header .close-btn[data-v-8cb56b29]:hover {
  background: #f3f4f6;
  color: #1f2937;
}

/* ── Tab Bar ─────────────────────────────────────────────────────────────────── */
.modal-tabs[data-v-8cb56b29] {
  display: flex;
  gap: 0;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
  padding: 0 20px;
}
.tab-btn[data-v-8cb56b29] {
  padding: 12px 16px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  margin-bottom: -1px;
}
.tab-btn[data-v-8cb56b29]:hover {
  color: #374151;
}
.tab-btn.active[data-v-8cb56b29] {
  color: #b45309;
  border-bottom-color: #FFCC00;
  font-weight: 600;
}

/* ── KB Panel ────────────────────────────────────────────────────────────────── */
.kb-panel[data-v-8cb56b29] {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  min-height: 200px;
}
.kb-instructions[data-v-8cb56b29] {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 14px;
}
.kb-doc-list[data-v-8cb56b29] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  max-height: 240px;
  overflow-y: auto;
}
.kb-doc-item[data-v-8cb56b29] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.1s ease;
}
.kb-doc-item[data-v-8cb56b29]:hover:not(.kb-doc-item--disabled) {
  background: #FEF3C7;
  border-color: #FDE68A;
}
.kb-doc-item--failed[data-v-8cb56b29] {
  opacity: 0.55;
  cursor: not-allowed;
}
.kb-doc-item--disabled[data-v-8cb56b29] {
  cursor: not-allowed;
}
.kb-checkbox[data-v-8cb56b29] {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  accent-color: #FFCC00;
  cursor: pointer;
}
.kb-doc-name[data-v-8cb56b29] {
  font-size: 13px;
  color: #374151;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kb-doc-status[data-v-8cb56b29] {
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 10px;
  flex-shrink: 0;
  text-transform: capitalize;
}
.kb-doc-status--ready[data-v-8cb56b29] {
  background: #dcfce7;
  color: #166534;
}
.kb-doc-status--failed[data-v-8cb56b29] {
  background: #fee2e2;
  color: #991b1b;
}
.kb-doc-status--processing[data-v-8cb56b29] {
  background: #e0f2fe;
  color: #0369a1;
}
.kb-empty-notice[data-v-8cb56b29] {
  font-size: 13px;
  color: #9ca3af;
  font-style: italic;
  margin: 0 0 16px;
}
.kb-loading[data-v-8cb56b29] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex: 1;
  padding: 32px 0;
}
.kb-loading p[data-v-8cb56b29] {
  font-size: 14px;
  color: #6b7280;
}
.kb-results-table-wrapper[data-v-8cb56b29] {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 14px;
  max-height: 260px;
  overflow-y: auto;
}
.kb-results-table[data-v-8cb56b29] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.kb-results-table thead tr[data-v-8cb56b29] {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.kb-results-table th[data-v-8cb56b29] {
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 700;
  color: #6b7280;
  letter-spacing: 0.4px;
  text-align: left;
}
.kb-results-table .col-check[data-v-8cb56b29] {
  width: 36px;
}
.kb-results-table .col-acronym[data-v-8cb56b29] {
  width: 80px;
}
.kb-results-table .col-term[data-v-8cb56b29] {
  width: 140px;
}
.kb-result-row[data-v-8cb56b29] {
  border-bottom: 1px solid #f3f4f6;
  cursor: pointer;
  transition: background 0.1s;
}
.kb-result-row[data-v-8cb56b29]:last-child {
  border-bottom: none;
}
.kb-result-row[data-v-8cb56b29]:hover {
  background: #fffbeb;
}
.kb-result-row.selected[data-v-8cb56b29] {
  background: #fef9e7;
}
.kb-result-row td[data-v-8cb56b29] {
  padding: 8px 12px;
  vertical-align: top;
  line-height: 1.4;
}
.kb-empty[data-v-8cb56b29] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex: 1;
  padding: 32px 0;
}
.kb-empty p[data-v-8cb56b29] {
  font-size: 14px;
  color: #9ca3af;
  text-align: center;
  margin: 0;
}
.kb-empty .kb-empty-hint[data-v-8cb56b29] {
  font-size: 12px;
  color: #b45309;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 6px;
  padding: 8px 14px;
  text-align: center;
  max-width: 340px;
}
.kb-empty .kb-empty-hint strong[data-v-8cb56b29] {
  font-weight: 600;
}
.kb-error[data-v-8cb56b29] {
  font-size: 13px;
  color: #ef4444;
  padding: 8px 12px;
  background: #fef2f2;
  border-radius: 6px;
  border: 1px solid #fecaca;
  margin-bottom: 12px;
}
.kb-actions[data-v-8cb56b29] {
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
}
.kb-actions--row[data-v-8cb56b29] {
  justify-content: space-between;
  align-items: center;
}
.kb-back-btn[data-v-8cb56b29] {
  background: transparent;
  border: none;
  font-size: 13px;
  color: #6b7280;
  cursor: pointer;
  padding: 0;
  font-family: inherit;
  text-decoration: underline;
}
.kb-back-btn[data-v-8cb56b29]:hover {
  color: #374151;
}

/* ── Context Banner ──────────────────────────────────────────────────────────── */
.context-banner[data-v-8cb56b29] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 16px 20px 0;
  padding: 14px 16px;
  background: #FEF3C7;
  border: 1px solid #FDE68A;
  border-radius: 8px;
  flex-shrink: 0;
}
.context-banner .lightbulb-icon[data-v-8cb56b29] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-top: 2px;
  color: #92400e;
}
.context-banner .context-info[data-v-8cb56b29] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.context-banner .context-label[data-v-8cb56b29] {
  font-size: 11px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.context-banner .context-field[data-v-8cb56b29] {
  font-size: 13px;
  font-weight: 500;
  color: #78350f;
}

/* ── Body ────────────────────────────────────────────────────────────────────── */
.modal-body[data-v-8cb56b29] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ── Term + Acronym row ──────────────────────────────────────────────────────── */
.input-row[data-v-8cb56b29] {
  display: flex;
  gap: 12px;
  align-items: flex-end;
}
.input-group[data-v-8cb56b29] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.input-group--term[data-v-8cb56b29] {
  flex: 1;
}
.input-group--acronym[data-v-8cb56b29] {
  width: 120px;
  flex-shrink: 0;
}
.input-label[data-v-8cb56b29] {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.auto-tag[data-v-8cb56b29],
.ai-tag[data-v-8cb56b29] {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 10px;
  text-transform: none;
  letter-spacing: 0;
}
.auto-tag[data-v-8cb56b29] {
  background: #FEF3C7;
  color: #92400e;
}
.ai-tag[data-v-8cb56b29] {
  background: #FFCC00;
  color: #1f2937;
}
.term-input[data-v-8cb56b29],
.acronym-input[data-v-8cb56b29] {
  width: 100%;
  padding: 10px 14px;
  font-size: 14px;
  color: #1f2937;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-family: inherit;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.term-input[data-v-8cb56b29]:focus,
.acronym-input[data-v-8cb56b29]:focus {
  outline: none;
  border-color: #FEBC2C;
  background: #ffffff;
}
.term-input[data-v-8cb56b29]::-moz-placeholder, .acronym-input[data-v-8cb56b29]::-moz-placeholder {
  color: #9ca3af;
}
.term-input[data-v-8cb56b29]::placeholder,
.acronym-input[data-v-8cb56b29]::placeholder {
  color: #9ca3af;
}
.term-input[data-v-8cb56b29]:disabled,
.acronym-input[data-v-8cb56b29]:disabled {
  opacity: 0.6;
}
.acronym-input[data-v-8cb56b29] {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ── Definition output ───────────────────────────────────────────────────────── */
.content-area[data-v-8cb56b29] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.content-area .content-textarea[data-v-8cb56b29] {
  width: 100%;
  min-height: 110px;
  padding: 14px;
  font-size: 14px;
  line-height: 1.6;
  color: #1f2937;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  resize: vertical;
  font-family: inherit;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.content-area .content-textarea[data-v-8cb56b29]:focus {
  outline: none;
  border-color: #FEBC2C;
  background: #ffffff;
}
.content-area .content-textarea.over-limit[data-v-8cb56b29] {
  border-color: #3F484C;
}
.content-area .content-textarea[data-v-8cb56b29]::-moz-placeholder {
  color: #9ca3af;
}
.content-area .content-textarea[data-v-8cb56b29]::placeholder {
  color: #9ca3af;
}
.content-area .content-textarea[data-v-8cb56b29]:disabled {
  opacity: 0.6;
}
.content-area .character-count[data-v-8cb56b29] {
  text-align: right;
  font-size: 12px;
  color: #6b7280;
}
.content-area .character-count.over-limit[data-v-8cb56b29] {
  color: #3F484C;
}
.ai-error[data-v-8cb56b29] {
  font-size: 13px;
  color: #ef4444;
  padding: 8px 12px;
  background: #fef2f2;
  border-radius: 6px;
  border: 1px solid #fecaca;
}
.ai-warning[data-v-8cb56b29] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 16px;
  background: #fef3c7;
  border-radius: 6px;
}
.ai-warning .warning-icon[data-v-8cb56b29] {
  flex-shrink: 0;
  margin-top: 1px;
}
.ai-warning span[data-v-8cb56b29]:last-child {
  font-size: 13px;
  color: #92400e;
  line-height: 1.4;
}

/* ── Refinement ─────────────────────────────────────────────────────────────── */
.refinement-section .refinement-title[data-v-8cb56b29] {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 12px 0;
}
.refinement-section .refinement-buttons[data-v-8cb56b29] {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-bottom: 12px;
  overflow-x: auto;
}
.refinement-section .refine-btn[data-v-8cb56b29] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 12px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 12px;
  color: #374151;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
  font-family: inherit;
}
.refinement-section .refine-btn[data-v-8cb56b29]:hover:not(:disabled) {
  background: #f9fafb;
  border-color: #d1d5db;
}
.refinement-section .refine-btn[data-v-8cb56b29]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.refinement-section .refine-btn .btn-icon[data-v-8cb56b29] {
  display: flex;
  align-items: center;
}
.refinement-section .refinement-dropdowns[data-v-8cb56b29] {
  display: flex;
  gap: 12px;
}
.refinement-section .refine-select[data-v-8cb56b29] {
  flex: 1;
  padding: 10px 14px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 13px;
  color: #374151;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.refinement-section .refine-select[data-v-8cb56b29]:hover:not(:disabled) {
  border-color: #d1d5db;
}
.refinement-section .refine-select[data-v-8cb56b29]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.refinement-section .refine-select[data-v-8cb56b29]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ── Footer ──────────────────────────────────────────────────────────────────── */
.modal-footer[data-v-8cb56b29] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
  flex-shrink: 0;
  gap: 8px;
}
.modal-footer .footer-field-info[data-v-8cb56b29] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal-footer .footer-field-info .field-name[data-v-8cb56b29] {
  font-size: 13px;
  color: #6b7280;
}
.modal-footer .footer-field-info .field-progress[data-v-8cb56b29] {
  font-size: 11px;
  color: #9ca3af;
  font-weight: 500;
}
.modal-footer .footer-actions[data-v-8cb56b29] {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}
.action-btn[data-v-8cb56b29] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.action-btn[data-v-8cb56b29]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.action-btn.btn-generate[data-v-8cb56b29] {
  background: #FFCC00;
  color: #1f2937;
}
.action-btn.btn-generate[data-v-8cb56b29]:hover:not(:disabled) {
  background: #e6b800;
}
.action-btn.btn-use[data-v-8cb56b29] {
  background: #3F484C;
  color: #ffffff;
}
.action-btn.btn-use[data-v-8cb56b29]:hover:not(:disabled) {
  background: #1f2937;
}
.action-btn.btn-next[data-v-8cb56b29] {
  background: #FEBC2C;
  color: #1f2937;
}
.action-btn.btn-next[data-v-8cb56b29]:hover:not(:disabled) {
  background: #FFCC00;
}

/* ── Loading Overlay ─────────────────────────────────────────────────────────── */
.loading-overlay[data-v-8cb56b29] {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.loading-overlay p[data-v-8cb56b29] {
  font-size: 14px;
  color: #6b7280;
}

/* ── Transition ─────────────────────────────────────────────────────────────── */
.modal-fade-enter-active[data-v-8cb56b29],
.modal-fade-leave-active[data-v-8cb56b29] {
  transition: opacity 0.2s ease;
}
.modal-fade-enter-active .ai-modal[data-v-8cb56b29],
.modal-fade-leave-active .ai-modal[data-v-8cb56b29] {
  transition: transform 0.2s ease;
}
.modal-fade-enter-from[data-v-8cb56b29],
.modal-fade-leave-to[data-v-8cb56b29] {
  opacity: 0;
}
.modal-fade-enter-from .ai-modal[data-v-8cb56b29],
.modal-fade-leave-to .ai-modal[data-v-8cb56b29] {
  transform: scale(0.95);
}
/* Main wrapper — matches SOW section padding */
.tad-section[data-v-a9704c7b] {
  flex: 1;
  overflow-y: auto;
  padding: 24px 28px 32px;
  width: 100%;
  box-sizing: border-box;
}

/* Section header — matches SOW sections */
.section-header[data-v-a9704c7b] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}
.section-header .section-title[data-v-a9704c7b] {
  font-size: 22px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 6px;
  line-height: 1.2;
}
.section-header .section-meta[data-v-a9704c7b] {
  font-size: 12px;
  color: #9CA3AF;
  margin: 0;
}

/* Best practice banner */
.best-practice-banner[data-v-a9704c7b] {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  background: #FFFDF5;
  border-left: 3px solid #FFCC00;
  border-radius: 0 6px 6px 0;
  padding: 12px 16px;
  margin-bottom: 24px;
}
.best-practice-banner .bp-icon[data-v-a9704c7b] {
  flex-shrink: 0;
  margin-top: 1px;
}
.best-practice-banner .bp-text[data-v-a9704c7b] {
  font-size: 13px;
  color: #3F484C;
  line-height: 1.6;
  margin: 0;
}
.best-practice-banner .bp-text strong[data-v-a9704c7b] {
  color: #b45309;
}

/* Table wrapper */
.tad-table-wrapper[data-v-a9704c7b] {
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
}
.tad-table[data-v-a9704c7b] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.tad-table thead tr[data-v-a9704c7b] {
  background: #F9FAFB;
  border-bottom: 1px solid #E5E7EB;
}
.tad-table th[data-v-a9704c7b] {
  padding: 10px 14px;
  font-size: 11px;
  font-weight: 700;
  color: #6B7280;
  letter-spacing: 0.5px;
  text-align: left;
}
.tad-table .col-id[data-v-a9704c7b] {
  width: 60px;
}
.tad-table .col-acronym[data-v-a9704c7b] {
  width: 120px;
}
.tad-table .col-term[data-v-a9704c7b] {
  width: 200px;
}
.tad-table .col-actions[data-v-a9704c7b] {
  width: 40px;
}

/* Rows */
.tad-row[data-v-a9704c7b] {
  border-bottom: 1px solid #F3F4F6;
}
.tad-row[data-v-a9704c7b]:last-child {
  border-bottom: none;
}
.tad-row[data-v-a9704c7b]:hover {
  background: #FAFAFA;
}
.tad-row td[data-v-a9704c7b] {
  padding: 10px 14px;
  vertical-align: top;
}
.tad-row .term-id[data-v-a9704c7b] {
  font-size: 11px;
  font-weight: 700;
  color: #9CA3AF;
  font-variant-numeric: tabular-nums;
}

/* Inputs — no border, focus shows amber underline */
.tad-input[data-v-a9704c7b] {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 13px;
  color: #111827;
  padding: 4px 6px 4px 0;
  line-height: 1.5;
  font-family: inherit;
  box-sizing: border-box;
}
.tad-input[data-v-a9704c7b]::-moz-placeholder {
  color: #D1D5DB;
}
.tad-input[data-v-a9704c7b]::placeholder {
  color: #D1D5DB;
}
.tad-input[data-v-a9704c7b]:focus {
  background: #FEFCE8;
  padding: 4px 6px;
  border-radius: 4px;
  outline: 1px solid #FFCC00;
}
.tad-textarea[data-v-a9704c7b] {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 13px;
  color: #111827;
  padding: 4px 6px 4px 0;
  line-height: 1.55;
  resize: none;
  font-family: inherit;
  box-sizing: border-box;
}
.tad-textarea[data-v-a9704c7b]::-moz-placeholder {
  color: #D1D5DB;
}
.tad-textarea[data-v-a9704c7b]::placeholder {
  color: #D1D5DB;
}
.tad-textarea[data-v-a9704c7b]:focus {
  background: #FEFCE8;
  padding: 4px 6px;
  border-radius: 4px;
  outline: 1px solid #FFCC00;
}

/* Definition cell layout */
.def-cell[data-v-a9704c7b] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}
.def-cell .tad-textarea[data-v-a9704c7b] {
  flex: 1;
  min-width: 0;
}

/* AI button */
.ai-btn[data-v-a9704c7b] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
  padding: 4px 8px;
  background: rgba(255, 204, 0, 0.12);
  color: #b45309;
  border: 1px solid #FDE68A;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
  margin-top: 3px;
  white-space: nowrap;
}
.ai-btn[data-v-a9704c7b]:hover {
  background: #FFCC00;
  color: #111827;
  border-color: #FFCC00;
}

/* Delete button */
.delete-row-btn[data-v-a9704c7b] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: #D1D5DB;
  cursor: pointer;
  transition: color 0.15s, background 0.15s;
  margin-top: 3px;
}
.delete-row-btn[data-v-a9704c7b]:hover {
  color: #EF4444;
  background: #FEF2F2;
}

/* Add row button */
.add-row-btn[data-v-a9704c7b] {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 12px 16px;
  background: transparent;
  border: none;
  border-top: 2px dashed #E5E7EB;
  color: #9CA3AF;
  font-size: 13px;
  cursor: pointer;
  transition: color 0.15s, background 0.15s, border-color 0.15s;
  font-family: inherit;
}
.add-row-btn[data-v-a9704c7b]:hover {
  color: #b45309;
  background: #FFFDF5;
  border-color: #FFCC00;
}

/* PDF notice */
.pdf-notice[data-v-a9704c7b] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #9CA3AF;
  padding: 9px 14px;
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
}.src-section[data-v-6281923f] {
  flex: 1;
  overflow-y: auto;
  padding: 24px 28px 32px;
  width: 100%;
  box-sizing: border-box;
}
.section-header[data-v-6281923f] {
  margin-bottom: 20px;
}
.section-header .section-title[data-v-6281923f] {
  font-size: 22px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 6px;
  line-height: 1.2;
}
.section-header .section-meta[data-v-6281923f] {
  font-size: 12px;
  color: #9CA3AF;
  margin: 0;
}
.best-practice-banner[data-v-6281923f] {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  background: #FFFDF5;
  border-left: 3px solid #FFCC00;
  border-radius: 0 6px 6px 0;
  padding: 12px 16px;
  margin-bottom: 24px;
}
.best-practice-banner .bp-icon[data-v-6281923f] {
  flex-shrink: 0;
  margin-top: 1px;
}
.best-practice-banner .bp-text[data-v-6281923f] {
  font-size: 13px;
  color: #3F484C;
  line-height: 1.6;
  margin: 0;
}
.best-practice-banner .bp-text strong[data-v-6281923f] {
  color: #b45309;
}
.src-loading[data-v-6281923f] {
  font-size: 13px;
  color: #9CA3AF;
  padding: 24px 0;
  text-align: center;
}
.src-table-wrapper[data-v-6281923f] {
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
}
.src-table[data-v-6281923f] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.src-table thead tr[data-v-6281923f] {
  background: #F9FAFB;
  border-bottom: 1px solid #E5E7EB;
}
.src-table th[data-v-6281923f] {
  padding: 10px 14px;
  font-size: 11px;
  font-weight: 700;
  color: #6B7280;
  letter-spacing: 0.5px;
  text-align: left;
}
.src-table .col-num[data-v-6281923f] {
  width: 44px;
}
.src-table .col-name[data-v-6281923f] {
  width: 22%;
}
.src-table .col-author[data-v-6281923f] {
  width: 15%;
}
.src-table .col-date[data-v-6281923f] {
  width: 100px;
}
.src-table .col-version[data-v-6281923f] {
  width: 80px;
}
.src-table .col-actions[data-v-6281923f] {
  width: 40px;
}
.src-row[data-v-6281923f] {
  border-bottom: 1px solid #F3F4F6;
}
.src-row[data-v-6281923f]:last-child {
  border-bottom: none;
}
.src-row[data-v-6281923f]:hover {
  background: #FAFAFA;
}
.src-row td[data-v-6281923f] {
  padding: 10px 14px;
  vertical-align: middle;
}
.src-row .src-num[data-v-6281923f] {
  font-size: 11px;
  font-weight: 700;
  color: #9CA3AF;
  font-variant-numeric: tabular-nums;
}
.src-input[data-v-6281923f] {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 13px;
  color: #111827;
  padding: 3px 0;
  line-height: 1.5;
  font-family: inherit;
  box-sizing: border-box;
}
.src-input[data-v-6281923f]::-moz-placeholder {
  color: #D1D5DB;
}
.src-input[data-v-6281923f]::placeholder {
  color: #D1D5DB;
}
.src-input[data-v-6281923f]:focus {
  background: #FEFCE8;
  padding: 3px 6px;
  border-radius: 4px;
  outline: 1px solid #FFCC00;
}
.src-input--link[data-v-6281923f] {
  color: #2563EB;
}
.src-input--link[data-v-6281923f]::-moz-placeholder {
  color: #D1D5DB;
}
.src-input--link[data-v-6281923f]::placeholder {
  color: #D1D5DB;
}
.delete-row-btn[data-v-6281923f] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: #D1D5DB;
  cursor: pointer;
  transition: color 0.15s, background 0.15s;
}
.delete-row-btn[data-v-6281923f]:hover {
  color: #EF4444;
  background: #FEF2F2;
}
.add-row-btn[data-v-6281923f] {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 12px 16px;
  background: transparent;
  border: none;
  border-top: 2px dashed #E5E7EB;
  color: #9CA3AF;
  font-size: 13px;
  cursor: pointer;
  transition: color 0.15s, background 0.15s, border-color 0.15s;
  font-family: inherit;
}
.add-row-btn[data-v-6281923f]:hover {
  color: #b45309;
  background: #FFFDF5;
  border-color: #FFCC00;
}
.pdf-notice[data-v-6281923f] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #9CA3AF;
  padding: 9px 14px;
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
}.objective-scope-section[data-v-47069c29] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.section-header[data-v-47069c29] {
  padding: 20px 20px 16px 20px;
}
.section-header .header-title-row[data-v-47069c29] {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.section-header .section-title[data-v-47069c29] {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.section-header .info-btn[data-v-47069c29] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  vertical-align: super;
  padding: 0;
  margin-left: 2px;
}
.section-header .info-btn[data-v-47069c29]:hover {
  color: #6b7280;
}
.section-header .section-meta[data-v-47069c29] {
  font-size: 13px;
  color: #6b7280;
  margin: 4px 0 0 0;
}
.header-separator[data-v-47069c29] {
  height: 1px;
  background: #e5e7eb;
  width: 100%;
}
.section-body[data-v-47069c29] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.section-description[data-v-47069c29] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 20px 0;
  line-height: 1.5;
}
.best-practice-banner[data-v-47069c29] {
  display: flex;
  gap: 12px;
  padding: 16px 20px;
  background: #FFFBEB;
  border: 1px solid #FEF3C7;
  border-radius: 8px;
  margin-bottom: 24px;
}
.best-practice-banner .banner-icon[data-v-47069c29] {
  font-size: 20px;
  flex-shrink: 0;
}
.best-practice-banner .banner-content strong[data-v-47069c29] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #92400E;
  margin-bottom: 4px;
}
.best-practice-banner .banner-content p[data-v-47069c29] {
  font-size: 13px;
  color: #92400E;
  margin: 0;
  line-height: 1.5;
}
.cards-grid[data-v-47069c29] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}
.objective-card[data-v-47069c29] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.objective-card .card-icon[data-v-47069c29] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.objective-card .card-icon.pink-gradient[data-v-47069c29], .objective-card .card-icon.blue-gradient[data-v-47069c29], .objective-card .card-icon.green-gradient[data-v-47069c29] {
  background: #f3f4f6;
  color: #3F484C;
}
.objective-card .card-header[data-v-47069c29] {
  margin-bottom: 8px;
}
.objective-card .card-header .card-title[data-v-47069c29] {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.objective-card .card-description[data-v-47069c29] {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 12px 0;
  line-height: 1.4;
}
.objective-card .card-input-wrapper[data-v-47069c29] {
  position: relative;
  margin-bottom: 8px;
}
.objective-card .card-input-wrapper .ai-badge[data-v-47069c29] {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: #FFCC00;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
  z-index: 1;
}
.objective-card .card-input-wrapper .ai-badge[data-v-47069c29]:hover {
  background: #e6b800;
}
.objective-card .card-input-wrapper .ai-badge svg[data-v-47069c29] {
  width: 12px;
  height: 12px;
}
.objective-card .card-textarea[data-v-47069c29] {
  width: 100%;
  min-height: 120px;
  padding: 12px;
  padding-right: 58px;
  font-size: 13px;
  font-family: inherit;
  color: #1f2937;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  resize: vertical;
  line-height: 1.5;
}
.objective-card .card-textarea[data-v-47069c29]::-moz-placeholder {
  color: #9ca3af;
  font-size: 12px;
}
.objective-card .card-textarea[data-v-47069c29]::placeholder {
  color: #9ca3af;
  font-size: 12px;
}
.objective-card .card-textarea[data-v-47069c29]:focus {
  outline: none;
  border-color: #FEBC2C;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(254, 188, 44, 0.15);
}
.objective-card .char-counter[data-v-47069c29] {
  text-align: right;
  font-size: 12px;
  color: #9ca3af;
}
.objective-card .char-counter.near-limit[data-v-47069c29] {
  color: #f59e0b;
}.stakeholder-section[data-v-c97c00ea] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.section-header[data-v-c97c00ea] {
  padding: 20px 20px 16px 20px;
}
.section-header .header-title-row[data-v-c97c00ea] {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.section-header .section-title[data-v-c97c00ea] {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.section-header .info-btn[data-v-c97c00ea] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  vertical-align: super;
  padding: 0;
}
.section-header .info-btn[data-v-c97c00ea]:hover {
  color: #6b7280;
}
.section-header .section-meta[data-v-c97c00ea] {
  font-size: 13px;
  color: #6b7280;
  margin: 4px 0 0 0;
}
.header-separator[data-v-c97c00ea] {
  height: 1px;
  background: #e5e7eb;
  width: 100%;
}
.section-body[data-v-c97c00ea] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.section-description[data-v-c97c00ea] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 20px 0;
  line-height: 1.5;
}
.best-practice-banner[data-v-c97c00ea] {
  display: flex;
  gap: 12px;
  padding: 16px 20px;
  background: #FFFBEB;
  border: 1px solid #FEF3C7;
  border-radius: 8px;
  margin-bottom: 32px;
}
.best-practice-banner .banner-icon[data-v-c97c00ea] {
  font-size: 20px;
  flex-shrink: 0;
}
.best-practice-banner .banner-content strong[data-v-c97c00ea] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #92400E;
  margin-bottom: 4px;
}
.best-practice-banner .banner-content p[data-v-c97c00ea] {
  font-size: 13px;
  color: #92400E;
  margin: 0;
  line-height: 1.5;
}
.stakeholder-group[data-v-c97c00ea] {
  margin-bottom: 32px;
}
.stakeholder-group[data-v-c97c00ea]:last-child {
  margin-bottom: 0;
}
.group-header[data-v-c97c00ea] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.group-header .group-title[data-v-c97c00ea] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.group-header .add-btn[data-v-c97c00ea] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  transition: all 0.15s ease;
}
.group-header .add-btn[data-v-c97c00ea]:hover {
  background: #f9fafb;
  border-color: #d1d5db;
}
.group-header .add-btn svg[data-v-c97c00ea] {
  width: 12px;
  height: 12px;
}
.cards-container[data-v-c97c00ea] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.stakeholder-card[data-v-c97c00ea] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.stakeholder-card .card-header[data-v-c97c00ea] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.stakeholder-card .card-header .type-badge[data-v-c97c00ea] {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}
.stakeholder-card .card-header .type-badge.sponsor-badge[data-v-c97c00ea] {
  background: #FEF3C7;
  color: #92400E;
}
.stakeholder-card .card-header .type-badge.manager-badge[data-v-c97c00ea] {
  background: #DBEAFE;
  color: #1E40AF;
}
.stakeholder-card .card-header .close-btn[data-v-c97c00ea] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s ease;
}
.stakeholder-card .card-header .close-btn[data-v-c97c00ea]:hover {
  background: #fef2f2;
  border-color: #fecaca;
  color: #ef4444;
}
.stakeholder-card .card-content[data-v-c97c00ea] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 768px) {
.stakeholder-card .card-content[data-v-c97c00ea] {
    grid-template-columns: 1fr;
}
}
.field-column .field-label[data-v-c97c00ea] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 4px;
}
.field-column .field-description[data-v-c97c00ea] {
  font-size: 12px;
  color: #6b7280;
  margin: 0 0 8px 0;
}
.field-column .textarea-wrapper[data-v-c97c00ea] {
  position: relative;
}
.field-column .textarea-wrapper .ai-badge[data-v-c97c00ea] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: #FEBC2C;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.field-column .textarea-wrapper .ai-badge[data-v-c97c00ea]:hover {
  background: #f59e0b;
}
.field-column .textarea-wrapper .ai-badge svg[data-v-c97c00ea] {
  width: 12px;
  height: 12px;
}
.field-column .textarea-wrapper .field-textarea[data-v-c97c00ea] {
  padding-right: 70px; /* Space for AI badge */
}
.field-column .field-textarea[data-v-c97c00ea] {
  width: 100%;
  min-height: 120px;
  padding: 12px;
  font-size: 13px;
  font-family: inherit;
  color: #1f2937;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  resize: vertical;
  line-height: 1.5;
}
.field-column .field-textarea[data-v-c97c00ea]::-moz-placeholder {
  color: #9ca3af;
  font-size: 12px;
}
.field-column .field-textarea[data-v-c97c00ea]::placeholder {
  color: #9ca3af;
  font-size: 12px;
}
.field-column .field-textarea[data-v-c97c00ea]:focus {
  outline: none;
  border-color: #FEBC2C;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(254, 188, 44, 0.15);
}
.field-column .char-counter[data-v-c97c00ea] {
  text-align: right;
  font-size: 12px;
  color: #9ca3af;
  margin-top: 4px;
}
.stakeholder-section[data-export-active] .card-content[data-v-c97c00ea] {
  align-items: start;
}
.stakeholder-section[data-export-active] .field-textarea[data-v-c97c00ea] {
  padding-right: 12px;
  min-height: 40px;
  resize: none;
}.scenarios-section[data-v-be9d90f1] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.section-header[data-v-be9d90f1] {
  padding: 20px 20px 16px 20px;
}
.section-header .header-title-row[data-v-be9d90f1] {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.section-header .section-title[data-v-be9d90f1] {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.section-header .info-btn[data-v-be9d90f1] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  vertical-align: super;
  padding: 0;
}
.section-header .info-btn[data-v-be9d90f1]:hover {
  color: #6b7280;
}
.section-header .section-meta[data-v-be9d90f1] {
  font-size: 13px;
  color: #6b7280;
  margin: 4px 0 0 0;
}
.header-separator[data-v-be9d90f1] {
  height: 1px;
  background: #e5e7eb;
  width: 100%;
}
.section-body[data-v-be9d90f1] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.section-description[data-v-be9d90f1] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 20px 0; /* Left-aligned, no indent */
  line-height: 1.5;
}
.best-practice-banner[data-v-be9d90f1] {
  display: flex;
  gap: 12px;
  padding: 16px 20px;
  background: #FFFBEB;
  border: 1px solid #FEF3C7;
  border-radius: 8px;
  margin-bottom: 24px;
}
.best-practice-banner .banner-icon[data-v-be9d90f1] {
  font-size: 20px;
  flex-shrink: 0;
}
.best-practice-banner .banner-content strong[data-v-be9d90f1] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #92400E;
  margin-bottom: 4px;
}
.best-practice-banner .banner-content p[data-v-be9d90f1] {
  font-size: 13px;
  color: #92400E;
  margin: 0;
  line-height: 1.5;
}
.scenarios-header[data-v-be9d90f1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.scenarios-header .group-title[data-v-be9d90f1] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.scenarios-header .add-btn[data-v-be9d90f1] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background: #FEBC2C;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.scenarios-header .add-btn[data-v-be9d90f1]:hover {
  background: #f59e0b;
}
.scenarios-header .add-btn svg[data-v-be9d90f1] {
  width: 12px;
  height: 12px;
}
.scenarios-list[data-v-be9d90f1] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.scenario-card[data-v-be9d90f1] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.scenario-card .card-number[data-v-be9d90f1] {
  position: absolute;
  top: -12px;
  left: 20px;
  width: 32px;
  height: 32px;
  background: #22c55e;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
}
.scenario-card .card-title-row[data-v-be9d90f1] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 12px 56px;
  min-height: 20px;
}
.scenario-card .card-title[data-v-be9d90f1] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  cursor: text;
}
.scenario-card .card-title[data-v-be9d90f1]:hover {
  color: #4b5563;
}
.scenario-card .card-title-input[data-v-be9d90f1] {
  flex: 1;
  max-width: 480px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  background: #ffffff;
  border: 1px solid #febc2c;
  border-radius: 6px;
}
.scenario-card .card-title-input[data-v-be9d90f1]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(254, 188, 44, 0.2);
}
.scenario-card .title-edit-btn[data-v-be9d90f1] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s ease;
}
.scenario-card .title-edit-btn[data-v-be9d90f1]:hover {
  border-color: #9ca3af;
  color: #374151;
}
.scenario-card .title-edit-btn svg[data-v-be9d90f1] {
  width: 14px;
  height: 14px;
}
.scenario-card .card-actions[data-v-be9d90f1] {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  gap: 8px;
  z-index: 10; /* Ensure above other elements */
}
.scenario-card .card-actions .action-btn[data-v-be9d90f1] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible; /* Prevent browser default overflow:hidden clipping SVG */
  background: #ffffff;
  border: 2px solid #d1d5db;
  border-radius: 8px;
  color: #374151;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.scenario-card .card-actions .action-btn svg[data-v-be9d90f1] {
  width: 16px;
  height: 16px;
}
.scenario-card .card-actions .action-btn[data-v-be9d90f1]:hover:not(:disabled) {
  background: #f3f4f6;
  border-color: #9ca3af;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.scenario-card .card-actions .action-btn[data-v-be9d90f1]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.scenario-card .card-actions .action-btn.delete-btn[data-v-be9d90f1]:hover:not(:disabled) {
  background: #fef2f2;
  border-color: #fecaca;
}
.scenario-card .card-actions .action-btn.delete-btn:hover:not(:disabled) svg path[data-v-be9d90f1] {
  stroke: #ef4444;
}
.scenario-card .card-content[data-v-be9d90f1] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 20px;
}
@media (max-width: 768px) {
.scenario-card .card-content[data-v-be9d90f1] {
    grid-template-columns: 1fr;
}
}
.field-column .field-header[data-v-be9d90f1] {
  min-height: 60px;
  margin-bottom: 8px;
}
.field-column .field-label[data-v-be9d90f1] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 4px;
}
.field-column .textarea-wrapper[data-v-be9d90f1] {
  position: relative;
}
.field-column .textarea-wrapper .ai-badge[data-v-be9d90f1] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: #FEBC2C;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.field-column .textarea-wrapper .ai-badge[data-v-be9d90f1]:hover {
  background: #f59e0b;
}
.field-column .textarea-wrapper .ai-badge svg[data-v-be9d90f1] {
  width: 12px;
  height: 12px;
}
.field-column .textarea-wrapper .ai-badge span[data-v-be9d90f1] {
  display: inline;
}
.field-column .textarea-wrapper .field-textarea[data-v-be9d90f1] {
  padding-right: 70px; /* Space for AI badge */
}
.field-column .ai-badge[data-v-be9d90f1] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: #FEBC2C;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.field-column .ai-badge[data-v-be9d90f1]:hover {
  background: #f59e0b;
}
.field-column .ai-badge svg[data-v-be9d90f1] {
  width: 12px;
  height: 12px;
}
.field-column .field-description[data-v-be9d90f1] {
  font-size: 12px;
  color: #6b7280;
  margin: 0 0 8px 0;
}
.field-column .field-textarea[data-v-be9d90f1] {
  width: 100%;
  min-height: 140px;
  padding: 12px;
  font-size: 13px;
  font-family: inherit;
  color: #1f2937;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  resize: vertical;
  line-height: 1.5;
}
.field-column .field-textarea[data-v-be9d90f1]::-moz-placeholder {
  color: #9ca3af;
  font-size: 12px;
}
.field-column .field-textarea[data-v-be9d90f1]::placeholder {
  color: #9ca3af;
  font-size: 12px;
}
.field-column .field-textarea[data-v-be9d90f1]:focus {
  outline: none;
  border-color: #FEBC2C;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(254, 188, 44, 0.15);
}
.field-column .char-counter[data-v-be9d90f1] {
  text-align: right;
  font-size: 12px;
  color: #9ca3af;
  margin-top: 4px;
}.ba-plan-section[data-v-7a3db0e0] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.section-header[data-v-7a3db0e0] {
  padding: 20px 20px 16px 20px;
}
.section-header .header-title-row[data-v-7a3db0e0] {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.section-header .section-title[data-v-7a3db0e0] {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.section-header .info-btn[data-v-7a3db0e0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  vertical-align: super;
  padding: 0;
}
.section-header .info-btn[data-v-7a3db0e0]:hover {
  color: #6b7280;
}
.section-header .section-meta[data-v-7a3db0e0] {
  font-size: 13px;
  color: #6b7280;
  margin: 4px 0 0 0;
}
.header-separator[data-v-7a3db0e0] {
  height: 1px;
  background: #e5e7eb;
  width: 100%;
}
.section-body[data-v-7a3db0e0] {
  flex: 1;
  min-height: 0;
  padding: 20px;
  overflow-y: auto;
}
.section-description[data-v-7a3db0e0] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 20px 0;
  line-height: 1.5;
}
.progress-summary[data-v-7a3db0e0] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 20px;
}
.progress-summary .progress-header[data-v-7a3db0e0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.progress-summary .progress-header .progress-label[data-v-7a3db0e0] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
}
.progress-summary .progress-header .progress-count[data-v-7a3db0e0] {
  font-size: 13px;
  color: #6b7280;
}
.progress-summary .progress-bar[data-v-7a3db0e0] {
  height: 8px;
  background: #e5e7eb;
  border-radius: 4px;
  overflow: hidden;
}
.progress-summary .progress-bar .progress-fill[data-v-7a3db0e0] {
  height: 100%;
  background: linear-gradient(90deg, #FEBC2C, #FFCC00);
  border-radius: 4px;
  transition: width 0.3s ease;
}
.best-practice-banner[data-v-7a3db0e0] {
  display: flex;
  gap: 12px;
  padding: 16px 20px;
  background: #FFFBEB;
  border: 1px solid #FEF3C7;
  border-radius: 8px;
  margin-bottom: 24px;
}
.best-practice-banner .banner-icon[data-v-7a3db0e0] {
  font-size: 20px;
  flex-shrink: 0;
}
.best-practice-banner .banner-content strong[data-v-7a3db0e0] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #92400E;
  margin-bottom: 4px;
}
.best-practice-banner .banner-content p[data-v-7a3db0e0] {
  font-size: 13px;
  color: #92400E;
  margin: 0;
  line-height: 1.5;
}
.steps-list[data-v-7a3db0e0] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.step-card[data-v-7a3db0e0] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.2s ease;
}
.step-card.excluded[data-v-7a3db0e0] {
  opacity: 0.6;
}
.step-card.excluded .step-number[data-v-7a3db0e0] {
  background: #9ca3af;
}
.step-card .step-header[data-v-7a3db0e0] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  cursor: pointer;
}
.step-card .step-header[data-v-7a3db0e0]:hover {
  background: #f9fafb;
}
.step-card .step-number[data-v-7a3db0e0] {
  width: 40px;
  height: 40px;
  background: #FEBC2C;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
  flex-shrink: 0;
}
.step-card .step-number.active[data-v-7a3db0e0] {
  background: #FEBC2C;
  color: #1f2937;
}
.step-card .step-info[data-v-7a3db0e0] {
  flex: 1;
}
.step-card .step-info .step-name[data-v-7a3db0e0] {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 2px 0;
}
.step-card .step-info .step-description[data-v-7a3db0e0] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.step-card .step-actions[data-v-7a3db0e0] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.step-card .step-actions .include-toggle[data-v-7a3db0e0] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.step-card .step-actions .include-toggle input[data-v-7a3db0e0] {
  width: 18px;
  height: 18px;
  accent-color: #FEBC2C;
  cursor: pointer;
}
.step-card .step-actions .include-toggle .toggle-label[data-v-7a3db0e0] {
  font-size: 13px;
  color: #374151;
}
.step-card .step-actions .expand-btn[data-v-7a3db0e0] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #6b7280;
  cursor: pointer;
}
.step-card .step-actions .expand-btn svg[data-v-7a3db0e0] {
  transition: transform 0.2s ease;
}
.step-card .step-actions .expand-btn svg.rotated[data-v-7a3db0e0] {
  transform: rotate(180deg);
}
.step-card .step-content[data-v-7a3db0e0] {
  padding: 0 20px 20px 20px;
  border-top: 1px solid #e5e7eb;
  margin-top: -1px;
}
.content-grid[data-v-7a3db0e0] {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 24px;
  padding-top: 16px;
}
@media (max-width: 768px) {
.content-grid[data-v-7a3db0e0] {
    grid-template-columns: 1fr;
}
}
.blocks-column .bb-header[data-v-7a3db0e0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.blocks-column .bb-header .bb-count[data-v-7a3db0e0] {
  font-size: 12px;
  color: #6b7280;
}
.blocks-column .bb-actions[data-v-7a3db0e0] {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.blocks-column .bb-actions .select-btn[data-v-7a3db0e0] {
  padding: 4px 12px;
  background: transparent;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  font-size: 12px;
  color: #374151;
  cursor: pointer;
}
.blocks-column .bb-actions .select-btn[data-v-7a3db0e0]:hover:not(:disabled) {
  background: #f9fafb;
}
.blocks-column .bb-actions .select-btn[data-v-7a3db0e0]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.column-label[data-v-7a3db0e0] {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
}
.bb-list[data-v-7a3db0e0] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bb-item[data-v-7a3db0e0] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.bb-item input[data-v-7a3db0e0] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.bb-item .bb-checkbox[data-v-7a3db0e0] {
  width: 20px;
  height: 20px;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.15s ease;
}
.bb-item .bb-name[data-v-7a3db0e0] {
  font-size: 13px;
  color: #374151;
}
.bb-item.selected[data-v-7a3db0e0] {
  background: #FEF3C7;
  border-color: #FEBC2C;
}
.bb-item.selected .bb-checkbox[data-v-7a3db0e0] {
  background: #FEBC2C;
  border-color: #FEBC2C;
  color: #1f2937;
}
.bb-item.disabled[data-v-7a3db0e0] {
  opacity: 0.5;
  cursor: not-allowed;
}
.bb-item[data-v-7a3db0e0]:not(.disabled):hover {
  background: #f3f4f6;
  border-color: #d1d5db;
}
.work-column .work-wrapper[data-v-7a3db0e0] {
  position: relative;
}
.work-column .work-wrapper .ai-badge[data-v-7a3db0e0] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: #FEBC2C;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
}
.work-column .work-wrapper .ai-badge[data-v-7a3db0e0]:hover:not(:disabled) {
  background: #FFCC00;
}
.work-column .work-wrapper .ai-badge[data-v-7a3db0e0]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.work-column .work-input[data-v-7a3db0e0] {
  width: 100%;
  min-height: 180px;
  padding: 12px 70px 12px 14px;
  font-size: 13px;
  font-family: inherit;
  color: #374151;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  resize: vertical;
}
.work-column .work-input[data-v-7a3db0e0]:focus {
  outline: none;
  border-color: #FEBC2C;
  background: #ffffff;
}
.work-column .work-input[data-v-7a3db0e0]::-moz-placeholder {
  color: #9ca3af;
}
.work-column .work-input[data-v-7a3db0e0]::placeholder {
  color: #9ca3af;
}
.work-column .work-input[data-v-7a3db0e0]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}.modal-backdrop[data-v-078ba86f] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}
.modal-container[data-v-078ba86f] {
  background: #ffffff;
  border-radius: 16px;
  width: 100%;
  max-width: 480px;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.modal-header[data-v-078ba86f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.modal-header .modal-title[data-v-078ba86f] {
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.modal-header .close-btn[data-v-078ba86f] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #6b7280;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.15s ease;
}
.modal-header .close-btn[data-v-078ba86f]:hover {
  background: #f3f4f6;
  color: #374151;
}
.modal-body[data-v-078ba86f] {
  padding: 24px;
  overflow-y: auto;
}
.form-group[data-v-078ba86f] {
  margin-bottom: 20px;
}
.form-group[data-v-078ba86f]:last-child {
  margin-bottom: 0;
}
.form-group .form-label[data-v-078ba86f] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
}
.form-group .form-input[data-v-078ba86f] {
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  color: #1f2937;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  transition: all 0.15s ease;
}
.form-group .form-input[data-v-078ba86f]::-moz-placeholder {
  color: #9ca3af;
}
.form-group .form-input[data-v-078ba86f]::placeholder {
  color: #9ca3af;
}
.form-group .form-input[data-v-078ba86f]:focus {
  outline: none;
  border-color: #FEBC2C;
  box-shadow: 0 0 0 3px rgba(254, 188, 44, 0.2);
}
.access-cards[data-v-078ba86f] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.access-card[data-v-078ba86f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px 16px;
  background: #ffffff;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.access-card[data-v-078ba86f]:hover {
  border-color: #d1d5db;
  background: #f9fafb;
}
.access-card.selected[data-v-078ba86f] {
  border-color: #FEBC2C;
  background: #FFFBEB;
}
.access-card .card-icon[data-v-078ba86f] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.access-card .card-icon.member-icon[data-v-078ba86f] {
  background: #F3F4F6;
  color: #6b7280;
}
.access-card .card-icon.manager-icon[data-v-078ba86f] {
  background: #DBEAFE;
  color: #2563eb;
}
.access-card .card-title[data-v-078ba86f] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 4px;
}
.access-card .card-desc[data-v-078ba86f] {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.4;
}
.dropdown-wrapper[data-v-078ba86f] {
  position: relative;
}
.dropdown-trigger[data-v-078ba86f] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  font-size: 14px;
  color: #9ca3af;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.dropdown-trigger.has-value[data-v-078ba86f] {
  color: #1f2937;
}
.dropdown-trigger[data-v-078ba86f]:hover {
  border-color: #9ca3af;
}
.dropdown-trigger svg[data-v-078ba86f] {
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
.dropdown-trigger svg.rotated[data-v-078ba86f] {
  transform: rotate(180deg);
}
.dropdown-menu[data-v-078ba86f] {
  position: absolute;
  bottom: calc(100% + 4px); /* Open upward above the trigger */
  left: 0;
  right: 0;
  background: #1f2937; /* Dark background like Create New Project modal */
  border: 1px solid #374151;
  border-radius: 8px;
  box-shadow: 0 -10px 25px rgba(0, 0, 0, 0.3);
  z-index: 1100; /* Higher z-index to appear above modal content */
  max-height: 240px;
  overflow-y: auto;
}
.dropdown-item[data-v-078ba86f] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  font-size: 14px;
  color: #e5e7eb; /* Light text on dark background */
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.1s ease;
  text-align: left;
}
.dropdown-item[data-v-078ba86f]:hover {
  background: #374151;
  color: #ffffff;
}
.dropdown-item.selected[data-v-078ba86f] {
  background: #FEBC2C;
  color: #1f2937;
  font-weight: 500;
}
.dropdown-item svg[data-v-078ba86f] {
  color: #FEBC2C;
  flex-shrink: 0;
}
.modal-footer[data-v-078ba86f] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
}
.btn-cancel[data-v-078ba86f] {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.btn-cancel[data-v-078ba86f]:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}
.btn-invite[data-v-078ba86f] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  background: #FEBC2C;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.btn-invite[data-v-078ba86f]:hover:not(:disabled) {
  background: #f59e0b;
}
.btn-invite[data-v-078ba86f]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}.raci-matrix[data-v-a6d7316c] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
}
.raci-header[data-v-a6d7316c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.raci-header .raci-title[data-v-a6d7316c] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.raci-header .add-role-btn[data-v-a6d7316c] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  transition: all 0.15s ease;
}
.raci-header .add-role-btn[data-v-a6d7316c]:hover {
  background: #f9fafb;
  border-color: #d1d5db;
}
.raci-legend[data-v-a6d7316c] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 12px 16px;
  background: #f9fafb;
  border-radius: 8px;
  margin-bottom: 16px;
}
.raci-legend .legend-item[data-v-a6d7316c] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.raci-legend .legend-letter[data-v-a6d7316c] {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}
.raci-legend .legend-letter.r[data-v-a6d7316c] {
  background: #DBEAFE;
  color: #1E40AF;
}
.raci-legend .legend-letter.a[data-v-a6d7316c] {
  background: #FEF3C7;
  color: #92400E;
}
.raci-legend .legend-letter.c[data-v-a6d7316c] {
  background: #D1FAE5;
  color: #065F46;
}
.raci-legend .legend-letter.i[data-v-a6d7316c] {
  background: #E5E7EB;
  color: #374151;
}
.raci-legend .legend-text[data-v-a6d7316c] {
  font-size: 13px;
  color: #4b5563;
}
.raci-legend .legend-text strong[data-v-a6d7316c] {
  color: #1f2937;
}
.raci-table-wrapper[data-v-a6d7316c] {
  overflow-x: auto;
}
.raci-table[data-v-a6d7316c] {
  width: 100%;
  border-collapse: collapse;
}
.raci-table th[data-v-a6d7316c], .raci-table td[data-v-a6d7316c] {
  padding: 12px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 2px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
}
.raci-table th[data-v-a6d7316c]:last-child, .raci-table td[data-v-a6d7316c]:last-child {
  border-right: none;
}
.raci-table th.th-position[data-v-a6d7316c] {
  text-align: left;
  min-width: 180px;
}
.raci-table th.th-raci[data-v-a6d7316c] {
  width: 60px;
}
.raci-table th.th-description[data-v-a6d7316c] {
  text-align: left;
  min-width: 200px;
}
.raci-table th.th-actions[data-v-a6d7316c] {
  width: 50px;
}
.raci-table td[data-v-a6d7316c] {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #374151;
  border-bottom: 1px solid #f3f4f6;
  vertical-align: middle;
}
.raci-table td.td-position .position-input[data-v-a6d7316c] {
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  color: #1f2937;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
.raci-table td.td-position .position-input[data-v-a6d7316c]:focus {
  outline: none;
  border-color: #FEBC2C;
  background: #ffffff;
}
.raci-table td.td-raci[data-v-a6d7316c] {
  text-align: center;
}
.raci-table td.td-description .description-wrapper[data-v-a6d7316c] {
  position: relative;
}
.raci-table td.td-description .description-wrapper .ai-badge[data-v-a6d7316c] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: #FEBC2C;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.raci-table td.td-description .description-wrapper .ai-badge[data-v-a6d7316c]:hover {
  background: #f59e0b;
}
.raci-table td.td-description .description-input[data-v-a6d7316c] {
  width: 100%;
  min-height: 60px;
  padding: 8px 70px 8px 12px; /* Right padding for AI badge */
  font-size: 13px;
  font-family: inherit;
  color: #1f2937;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  resize: vertical;
}
.raci-table td.td-description .description-input[data-v-a6d7316c]:focus {
  outline: none;
  border-color: #FEBC2C;
  background: #ffffff;
}
.raci-table td.td-actions[data-v-a6d7316c] {
  text-align: center;
}
.raci-table tbody tr[data-v-a6d7316c]:nth-child(even) {
  background: #f9fafb;
}
.raci-table tbody tr[data-v-a6d7316c]:hover {
  background: #f3f4f6;
}
.raci-checkbox[data-v-a6d7316c] {
  width: 40px;
  height: 40px;
  border: 2px solid #d1d5db;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.raci-checkbox .check-letter[data-v-a6d7316c] {
  font-size: 14px;
  font-weight: 600;
  color: #9ca3af;
  transition: opacity 0.15s ease;
}
.raci-checkbox svg[data-v-a6d7316c] {
  position: absolute;
  color: #ffffff;
}
.raci-checkbox[data-v-a6d7316c]:hover {
  border-color: #9ca3af;
}
.raci-checkbox.checked[data-v-a6d7316c] {
  background: #FEBC2C;
  border-color: #FEBC2C;
}
.raci-checkbox.checked .check-letter[data-v-a6d7316c] {
  opacity: 0;
}
.raci-checkbox.checked svg[data-v-a6d7316c] {
  color: #1f2937;
}
.delete-btn[data-v-a6d7316c] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s ease;
}
.delete-btn[data-v-a6d7316c]:hover {
  background: #fef2f2;
  border-color: #fecaca;
  color: #ef4444;
}.roles-section[data-v-17454bf9] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.section-header[data-v-17454bf9] {
  padding: 20px 20px 16px 20px;
}
.section-header .header-title-row[data-v-17454bf9] {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.section-header .section-title[data-v-17454bf9] {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.section-header .info-btn[data-v-17454bf9] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  vertical-align: super;
  padding: 0;
}
.section-header .info-btn[data-v-17454bf9]:hover {
  color: #6b7280;
}
.section-header .section-meta[data-v-17454bf9] {
  font-size: 13px;
  color: #6b7280;
  margin: 4px 0 0 0;
}
.header-separator[data-v-17454bf9] {
  height: 1px;
  background: #e5e7eb;
  width: 100%;
}
.section-body[data-v-17454bf9] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.section-description[data-v-17454bf9] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 20px 0;
  line-height: 1.5;
}
.best-practice-banner[data-v-17454bf9] {
  display: flex;
  gap: 12px;
  padding: 16px 20px;
  background: #FFFBEB;
  border: 1px solid #FEF3C7;
  border-radius: 8px;
  margin-bottom: 24px;
}
.best-practice-banner .banner-icon[data-v-17454bf9] {
  font-size: 20px;
  flex-shrink: 0;
}
.best-practice-banner .banner-content strong[data-v-17454bf9] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #92400E;
  margin-bottom: 4px;
}
.best-practice-banner .banner-content p[data-v-17454bf9] {
  font-size: 13px;
  color: #92400E;
  margin: 0;
  line-height: 1.5;
}
.team-section[data-v-17454bf9] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 24px;
}
.team-header[data-v-17454bf9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.team-header .team-title[data-v-17454bf9] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.team-header .invite-btn[data-v-17454bf9] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background: #FEBC2C;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.team-header .invite-btn[data-v-17454bf9]:hover {
  background: #f59e0b;
}
.team-table-wrapper[data-v-17454bf9] {
  overflow-x: auto;
}
.team-table[data-v-17454bf9] {
  width: 100%;
  border-collapse: collapse;
}
.team-table th[data-v-17454bf9], .team-table td[data-v-17454bf9] {
  padding: 12px 16px;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
  vertical-align: middle;
}
.team-table td[data-v-17454bf9] {
  font-size: 14px;
  color: #374151;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
.team-table tbody tr[data-v-17454bf9]:hover {
  background: #f9fafb;
}
.th-status[data-v-17454bf9],
.td-status[data-v-17454bf9] {
  text-align: center;
}
.th-role[data-v-17454bf9],
.td-role[data-v-17454bf9] {
  text-align: center;
}
.td-member .member-info[data-v-17454bf9] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.td-member .member-avatar[data-v-17454bf9] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  flex-shrink: 0;
}
.td-member .member-details[data-v-17454bf9] {
  display: flex;
  flex-direction: column;
}
.td-member .member-details .member-name[data-v-17454bf9] {
  font-weight: 500;
  color: #1f2937;
}
.td-member .member-details .member-email[data-v-17454bf9] {
  font-size: 12px;
  color: #6b7280;
}
.role-badge[data-v-17454bf9] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.role-badge.role-owner[data-v-17454bf9] {
  background: #FEF3C7;
  color: #92400E;
}
.role-badge.role-manager[data-v-17454bf9] {
  background: #DBEAFE;
  color: #1E40AF;
}
.role-badge.role-member[data-v-17454bf9] {
  background: #F3F4F6;
  color: #374151;
}
.status-badge[data-v-17454bf9] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 13px;
  line-height: 1;
}
.status-badge .status-dot[data-v-17454bf9] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.status-badge.status-active[data-v-17454bf9] {
  color: #059669;
}
.status-badge.status-active .status-dot[data-v-17454bf9] {
  background: #10b981;
}
.status-badge.status-pending[data-v-17454bf9] {
  color: #d97706;
}
.status-badge.status-pending .status-dot[data-v-17454bf9] {
  background: #f59e0b;
}
.td-date[data-v-17454bf9] {
  font-size: 13px;
  color: #6b7280;
}
.action-menu-btn[data-v-17454bf9] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s ease;
}
.action-menu-btn[data-v-17454bf9]:hover {
  background: #fef2f2;
  border-color: #fecaca;
  color: #ef4444;
}.communications-section[data-v-feda4343] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
}
.section-header[data-v-feda4343] {
  padding: 20px 20px 16px 20px;
}
.section-header .breadcrumb[data-v-feda4343] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 12px;
}
.section-header .breadcrumb .step-number[data-v-feda4343] {
  width: 20px;
  height: 20px;
  background: #FEBC2C;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #1f2937;
}
.section-header .breadcrumb .step-name[data-v-feda4343] {
  font-weight: 500;
  color: #1f2937;
}
.section-header .breadcrumb .arrow[data-v-feda4343] {
  color: #9ca3af;
}
.section-header .breadcrumb .current[data-v-feda4343] {
  font-weight: 600;
  color: #1f2937;
}
.section-header .section-title[data-v-feda4343] {
  font-size: 28px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 4px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-header .section-title .info-tooltip[data-v-feda4343] {
  width: 18px;
  height: 18px;
  background: #e5e7eb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  cursor: help;
}
.section-header .section-subtitle[data-v-feda4343] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.header-separator[data-v-feda4343] {
  height: 1px;
  background: #e5e7eb;
  width: 100%;
}
.section-body[data-v-feda4343] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.best-practice-banner[data-v-feda4343] {
  display: flex;
  gap: 12px;
  padding: 16px 20px;
  background: #FFFBEB;
  border: 1px solid #FEF3C7;
  border-radius: 8px;
  margin-bottom: 24px;
}
.best-practice-banner .banner-icon[data-v-feda4343] {
  font-size: 20px;
  flex-shrink: 0;
}
.best-practice-banner .banner-content strong[data-v-feda4343] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #92400E;
  margin-bottom: 4px;
}
.best-practice-banner .banner-content p[data-v-feda4343] {
  font-size: 13px;
  color: #92400E;
  margin: 0;
  line-height: 1.5;
}
.table-header[data-v-feda4343] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.table-header .table-title[data-v-feda4343] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.table-header .table-actions[data-v-feda4343] {
  display: flex;
  gap: 12px;
}
.table-header .filter-dropdown[data-v-feda4343] {
  position: relative;
}
.table-header .filter-dropdown .filter-btn[data-v-feda4343] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 13px;
  color: #374151;
  cursor: pointer;
}
.table-header .filter-dropdown .filter-btn[data-v-feda4343]:hover {
  background: #f9fafb;
}
.table-header .filter-dropdown .filter-menu[data-v-feda4343] {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 4px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  min-width: 160px;
  z-index: 10;
}
.table-header .filter-dropdown:hover .filter-menu[data-v-feda4343] {
  display: block;
}
.table-header .filter-dropdown .filter-option[data-v-feda4343] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 14px;
  background: none;
  border: none;
  font-size: 13px;
  color: #374151;
  cursor: pointer;
  text-align: left;
}
.table-header .filter-dropdown .filter-option[data-v-feda4343]:hover {
  background: #f9fafb;
}
.table-header .filter-dropdown .filter-option.active[data-v-feda4343] {
  background: #FEF3C7;
}
.table-header .filter-dropdown .filter-option .phase-dot[data-v-feda4343] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.table-header .add-event-btn[data-v-feda4343] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #FEBC2C;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
}
.table-header .add-event-btn[data-v-feda4343]:hover {
  background: #f59e0b;
}
.events-table-wrapper[data-v-feda4343] {
  overflow-x: auto;
}
.events-table[data-v-feda4343] {
  width: 100%;
  border-collapse: collapse;
}
.events-table th[data-v-feda4343] {
  padding: 12px 16px;
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 2px solid #e5e7eb;
  white-space: nowrap;
}
.events-table th.th-event[data-v-feda4343] {
  min-width: 180px;
}
.events-table th.th-objective[data-v-feda4343] {
  min-width: 250px;
}
.events-table th.th-audience[data-v-feda4343] {
  min-width: 140px;
}
.events-table th.th-format[data-v-feda4343] {
  min-width: 180px;
}
.events-table th.th-frequency[data-v-feda4343] {
  min-width: 120px;
}
.events-table th.th-actions[data-v-feda4343] {
  width: 50px;
}
.events-table td[data-v-feda4343] {
  padding: 16px;
  border-bottom: 1px solid #f3f4f6;
  vertical-align: top;
}
.events-table tbody tr[data-v-feda4343]:hover {
  background: #fafafa;
}
.td-event .event-name[data-v-feda4343] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.td-event .event-name-input[data-v-feda4343] {
  width: 100%;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
}
.td-event .event-name-input[data-v-feda4343]:hover, .td-event .event-name-input[data-v-feda4343]:focus {
  background: #f9fafb;
  border-color: #e5e7eb;
  outline: none;
}
.td-event .phase-badge[data-v-feda4343] {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
}
.td-objective .objective-wrapper[data-v-feda4343] {
  position: relative;
}
.td-objective .objective-wrapper .ai-badge[data-v-feda4343] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #FEBC2C;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.td-objective .objective-wrapper .ai-badge[data-v-feda4343]:hover {
  background: #f59e0b;
}
.td-objective .objective-input[data-v-feda4343] {
  width: 100%;
  min-height: 80px;
  padding: 10px 44px 10px 12px;
  font-size: 13px;
  font-family: inherit;
  color: #374151;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  resize: vertical;
}
.td-objective .objective-input[data-v-feda4343]:focus {
  outline: none;
  border-color: #FEBC2C;
  background: #ffffff;
}
.select-wrapper[data-v-feda4343] {
  position: relative;
}
.select-wrapper .dropdown-arrow[data-v-feda4343] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.td-audience .audience-select[data-v-feda4343] {
  width: 100%;
  padding: 8px 32px 8px 12px;
  font-size: 13px;
  color: #1f2937;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.td-audience .audience-select[data-v-feda4343]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.td-format .format-checkboxes[data-v-feda4343] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.td-format .format-checkbox[data-v-feda4343] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #374151;
  cursor: pointer;
}
.td-format .format-checkbox input[type=checkbox][data-v-feda4343] {
  width: 16px;
  height: 16px;
  accent-color: #FEBC2C;
}
.td-frequency .frequency-select[data-v-feda4343] {
  width: 100%;
  padding: 8px 32px 8px 12px;
  font-size: 13px;
  color: #1f2937;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.td-frequency .frequency-select[data-v-feda4343]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.td-actions .delete-btn[data-v-feda4343] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #9ca3af;
  cursor: pointer;
}
.td-actions .delete-btn[data-v-feda4343]:hover {
  background: #fef2f2;
  border-color: #fecaca;
  color: #ef4444;
}.risks-section[data-v-9fd94312] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
}
.section-header[data-v-9fd94312] {
  padding: 20px 20px 12px 20px;
}
.section-header .header-left[data-v-9fd94312] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.section-header .section-title[data-v-9fd94312] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.section-header .help-btn[data-v-9fd94312] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
}
.section-header .help-btn[data-v-9fd94312]:hover {
  color: #6b7280;
}
.section-header .section-meta[data-v-9fd94312] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.header-separator[data-v-9fd94312] {
  height: 1px;
  background: #e5e7eb;
  margin: 0 20px;
}
.section-body[data-v-9fd94312] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.risks-container[data-v-9fd94312] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
}
.risks-container .container-header[data-v-9fd94312] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.risks-container .container-title[data-v-9fd94312] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.risks-container .add-btn[data-v-9fd94312] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #ffffff;
  border: 2px solid #FEBC2C;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.risks-container .add-btn[data-v-9fd94312]:hover {
  background: #FEBC2C;
}
.table-wrapper[data-v-9fd94312] {
  overflow-x: auto;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}
.risks-table[data-v-9fd94312] {
  width: 100%;
  border-collapse: collapse;
}
.risks-table th[data-v-9fd94312], .risks-table td[data-v-9fd94312] {
  padding: 12px 16px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #e5e7eb;
}
.risks-table thead[data-v-9fd94312] {
  background: #1f2937;
}
.risks-table thead th[data-v-9fd94312] {
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: none;
}
.risks-table tbody tr:last-child td[data-v-9fd94312] {
  border-bottom: none;
}
.risks-table tbody tr[data-v-9fd94312]:hover {
  background: #f9fafb;
}
.risks-table .col-id[data-v-9fd94312] {
  width: 70px;
}
.risks-table .col-risk[data-v-9fd94312],
.risks-table .col-mitigation[data-v-9fd94312] {
  width: 22%;
}
.risks-table .col-impact[data-v-9fd94312] {
  width: 18%;
}
.risks-table .col-level[data-v-9fd94312] {
  width: 90px;
}
.risks-table .col-actions[data-v-9fd94312] {
  width: 50px;
  text-align: center;
}
.risk-id[data-v-9fd94312] {
  display: inline-block;
  padding: 4px 10px;
  background: #f3f4f6;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}
.field-wrapper[data-v-9fd94312] {
  position: relative;
}
.field-wrapper .table-input[data-v-9fd94312] {
  width: 100%;
  min-height: 60px;
  padding: 8px 40px 8px 10px;
  font-size: 13px;
  line-height: 1.4;
  color: #1f2937;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  resize: none;
  background: #ffffff;
}
.field-wrapper .table-input[data-v-9fd94312]::-moz-placeholder {
  color: #9ca3af;
  font-style: italic;
}
.field-wrapper .table-input[data-v-9fd94312]::placeholder {
  color: #9ca3af;
  font-style: italic;
}
.field-wrapper .table-input[data-v-9fd94312]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.field-wrapper .ai-badge[data-v-9fd94312] {
  position: absolute;
  top: 6px;
  right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #FEBC2C;
  border: none;
  border-radius: 4px;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.field-wrapper .ai-badge[data-v-9fd94312]:hover {
  background: #f59e0b;
}
.field-wrapper .ai-badge svg[data-v-9fd94312] {
  width: 14px;
  height: 14px;
}
.level-select[data-v-9fd94312] {
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23374151' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  padding-right: 28px;
}
.level-select.level-high[data-v-9fd94312] {
  background-color: #FEE2E2;
  color: #DC2626;
}
.level-select.level-medium[data-v-9fd94312] {
  background-color: #FEF3C7;
  color: #D97706;
}
.level-select.level-low[data-v-9fd94312] {
  background-color: #D1FAE5;
  color: #059669;
}
.delete-btn[data-v-9fd94312] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s ease;
}
.delete-btn[data-v-9fd94312]:hover {
  background: #fef2f2;
  border-color: #fecaca;
  color: #ef4444;
}.effort-duration-section[data-v-672b7286] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
}
.section-header[data-v-672b7286] {
  padding: 20px 20px 12px 20px;
}
.section-header .section-title[data-v-672b7286] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.section-header .help-btn[data-v-672b7286] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
}
.section-header .help-btn[data-v-672b7286]:hover {
  color: #6b7280;
}
.section-header .section-meta[data-v-672b7286] {
  font-size: 13px;
  color: #6b7280;
  margin: 4px 0 0 0;
}
.header-separator[data-v-672b7286] {
  height: 1px;
  background: #e5e7eb;
  margin: 0 20px;
}
.section-body[data-v-672b7286] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.sizing-container[data-v-672b7286] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 32px;
  margin-bottom: 32px;
}
.sizing-container .container-title[data-v-672b7286] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 28px 0;
}
.sizing-container .container-title .title-icon[data-v-672b7286] {
  font-size: 20px;
}
.metrics-grid[data-v-672b7286] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 24px;
}
.metric-card[data-v-672b7286] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  min-width: 0; /* Prevent flexbox overflow */
  overflow: hidden;
}
.metric-card .metric-header[data-v-672b7286] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.metric-card .metric-label[data-v-672b7286] {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
}
.metric-card .metric-badges[data-v-672b7286] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.metric-card .calc-badge[data-v-672b7286] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #FEBC2C;
  border: none;
  border-radius: 8px;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.metric-card .calc-badge[data-v-672b7286]:hover {
  background: #f59e0b;
  transform: scale(1.05);
}
.metric-card .icon-badge[data-v-672b7286] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #f3f4f6;
  border-radius: 8px;
  font-size: 16px;
}
.metric-value-box[data-v-672b7286] {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 8px;
}
.metric-value-box.calculated[data-v-672b7286] {
  background: #FEF3C7;
  border-color: #FBBF24;
}
.metric-value-box.calculated .metric-input[data-v-672b7286] {
  background: #FEF3C7;
}
.metric-value-box.editable .metric-input[data-v-672b7286] {
  min-width: 60px;
  max-width: 100px;
}
.metric-value-box .metric-input[data-v-672b7286] {
  flex: 1;
  padding: 12px 16px;
  font-size: 28px;
  font-weight: 700;
  color: #1f2937;
  border: none;
  background: transparent;
  min-width: 0;
  /* Remove number input arrows */
}
.metric-value-box .metric-input[data-v-672b7286]:focus {
  outline: none;
}
.metric-value-box .metric-input[readonly][data-v-672b7286] {
  cursor: default;
}
.metric-value-box .metric-input[data-v-672b7286]::-webkit-outer-spin-button, .metric-value-box .metric-input[data-v-672b7286]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.metric-value-box .metric-input[type=number][data-v-672b7286] {
  -moz-appearance: textfield;
}
.metric-value-box .metric-unit[data-v-672b7286] {
  padding: 12px 16px;
  font-size: 14px;
  color: #6b7280;
  background: rgba(0, 0, 0, 0.03);
  white-space: nowrap;
}
.metric-value-box .increment-btns[data-v-672b7286] {
  display: flex;
  flex-direction: column;
  border-left: 1px solid #e5e7eb;
}
.metric-value-box .increment-btns .inc-btn[data-v-672b7286] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 24px;
  background: #f9fafb;
  border: none;
  cursor: pointer;
  transition: background 0.15s ease;
}
.metric-value-box .increment-btns .inc-btn[data-v-672b7286]:first-child {
  border-bottom: 1px solid #e5e7eb;
}
.metric-value-box .increment-btns .inc-btn[data-v-672b7286]:hover:not(:disabled) {
  background: #e5e7eb;
}
.metric-value-box .increment-btns .inc-btn[data-v-672b7286]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.metric-description[data-v-672b7286] {
  font-size: 12px;
  color: #6b7280;
  margin: 0 0 6px 0;
  line-height: 1.4;
}
.metric-indicator[data-v-672b7286] {
  font-size: 12px;
  margin: 0;
}
.metric-indicator.calculated-indicator[data-v-672b7286] {
  color: #3F484C;
}
.metric-indicator.suggested-indicator[data-v-672b7286] {
  color: #FEBC2C;
}
.mismatch-warning[data-v-672b7286] {
  display: flex;
  gap: 12px;
  padding: 16px 20px;
  background: #FEF3C7;
  border: 1px solid #F59E0B;
  border-radius: 8px;
  margin-bottom: 24px;
}
.mismatch-warning .warning-icon[data-v-672b7286] {
  font-size: 20px;
  color: #D97706;
  flex-shrink: 0;
  margin-top: 2px;
}
.mismatch-warning .warning-content strong[data-v-672b7286] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #92400E;
  margin-bottom: 4px;
}
.mismatch-warning .warning-content p[data-v-672b7286] {
  font-size: 13px;
  color: #92400E;
  margin: 0;
  line-height: 1.5;
}
.info-banner[data-v-672b7286] {
  background: #FEF3C7;
  border: 1px solid #FDE68A;
  border-radius: 12px;
  padding: 28px;
}
.info-banner .banner-title[data-v-672b7286] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #3F484C;
  margin: 0 0 20px 0;
}
.info-banner .banner-title .banner-icon[data-v-672b7286] {
  font-size: 18px;
}
.banner-cards[data-v-672b7286] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}
.info-card[data-v-672b7286] {
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  padding: 20px;
}
.info-card.highlight[data-v-672b7286] {
  border-color: #FEBC2C;
  background: #FEF3C7;
}
.info-card .info-title[data-v-672b7286] {
  font-size: 13px;
  font-weight: 600;
  color: #3F484C;
  margin: 0 0 8px 0;
}
.info-card .info-formula[data-v-672b7286] {
  font-size: 13px;
  color: #374151;
  margin: 0 0 4px 0;
}
.info-card .info-help[data-v-672b7286] {
  font-size: 12px;
  color: #6b7280;
  margin: 0;
}

/* Calculator Modal */
.modal-backdrop[data-v-672b7286] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}
.calculator-modal[data-v-672b7286] {
  background: #ffffff;
  border-radius: 16px;
  width: 100%;
  max-width: 420px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.modal-header[data-v-672b7286] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.modal-header .modal-title[data-v-672b7286] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.modal-header .modal-title .modal-icon[data-v-672b7286] {
  font-size: 20px;
}
.modal-header .close-btn[data-v-672b7286] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: transparent;
  border: none;
  color: #6b7280;
  cursor: pointer;
  border-radius: 8px;
}
.modal-header .close-btn[data-v-672b7286]:hover {
  background: #f3f4f6;
  color: #374151;
}
.modal-body[data-v-672b7286] {
  padding: 24px;
}
.calc-field[data-v-672b7286] {
  margin-bottom: 16px;
}
.calc-field .calc-label[data-v-672b7286] {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 6px;
}
.calc-field .calc-input[data-v-672b7286] {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  color: #1f2937;
  border: 1px solid #d1d5db;
  border-radius: 8px;
}
.calc-field .calc-input[data-v-672b7286]:focus {
  outline: none;
  border-color: #FEBC2C;
  box-shadow: 0 0 0 3px rgba(254, 188, 44, 0.2);
}
.calc-result[data-v-672b7286] {
  background: #FEF3C7;
  border: 2px solid #FBBF24;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  margin-top: 20px;
}
.calc-result .result-label[data-v-672b7286] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.calc-result .result-value[data-v-672b7286] {
  font-size: 32px;
  font-weight: 700;
  color: #1f2937;
}
.calc-result .result-value .result-unit[data-v-672b7286] {
  font-size: 16px;
  font-weight: 500;
  color: #6b7280;
}
.modal-footer[data-v-672b7286] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
  border-radius: 0 0 16px 16px;
}
.btn-cancel[data-v-672b7286] {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  cursor: pointer;
}
.btn-cancel[data-v-672b7286]:hover {
  background: #f9fafb;
}
.btn-apply[data-v-672b7286] {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  background: #FEBC2C;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}
.btn-apply[data-v-672b7286]:hover {
  background: #f59e0b;
}
.project-schedule-section[data-v-802a6962] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
}
.section-header[data-v-802a6962] {
  padding: 20px 20px 12px 20px;
}
.section-header .section-title[data-v-802a6962] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.section-header .help-btn[data-v-802a6962] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
}
.section-header .help-btn[data-v-802a6962]:hover {
  color: #6b7280;
}
.section-header .section-meta[data-v-802a6962] {
  font-size: 13px;
  color: #6b7280;
  margin: 4px 0 0 0;
}
.header-separator[data-v-802a6962] {
  height: 1px;
  background: #e5e7eb;
  margin: 0 20px;
}
.section-body[data-v-802a6962] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}

/* Visual separator between page 1 (table) and page 2 (Gantt) — UI only, not exported */
.export-page-separator[data-v-802a6962] {
  margin: 24px 0;
  text-align: center;
  position: relative;
}
.export-page-separator .page-divider[data-v-802a6962] {
  border: none;
  border-top: 2px dashed #d1d5db;
  margin: 0;
}
.export-page-separator .page-divider-label[data-v-802a6962] {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: #9ca3af;
  font-style: italic;
  letter-spacing: 0.02em;
}
.schedule-container[data-v-802a6962] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 24px;
}
.schedule-container .container-title[data-v-802a6962] {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 16px 0;
}
.table-wrapper[data-v-802a6962] {
  overflow-x: auto;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 16px;
}
.schedule-table[data-v-802a6962] {
  width: 100%;
  min-width: 840px;
  table-layout: fixed;
  border-collapse: collapse;
}
.schedule-table th[data-v-802a6962], .schedule-table td[data-v-802a6962] {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}
.schedule-table thead[data-v-802a6962] {
  background: #f9fafb;
}
.schedule-table thead th[data-v-802a6962] {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.schedule-table tbody tr:last-child td[data-v-802a6962] {
  border-bottom: none;
}
.schedule-table tbody tr[data-v-802a6962]:hover {
  background: #f9fafb;
}
.schedule-table .col-model[data-v-802a6962] {
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  font-weight: 500;
  color: #1f2937;
  white-space: nowrap;
}
.schedule-table .col-model .model-indicator[data-v-802a6962] {
  display: inline-block;
  width: 4px;
  height: 24px;
  background: #FEBC2C;
  border-radius: 2px;
  margin-right: 10px;
  vertical-align: middle;
}
.schedule-table .col-duration[data-v-802a6962] {
  width: 90px;
  min-width: 90px;
  max-width: 90px;
}
.schedule-table .col-date[data-v-802a6962] {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
.schedule-table .col-notes[data-v-802a6962] {
  width: 250px;
  min-width: 250px;
}
.duration-input[data-v-802a6962] {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 6px;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  text-align: center;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
}
.duration-input[data-v-802a6962]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.date-display[data-v-802a6962] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 13px;
  color: #374151;
}
.date-display svg[data-v-802a6962] {
  color: #9ca3af;
}
.notes-wrapper[data-v-802a6962] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.notes-wrapper .notes-input[data-v-802a6962] {
  flex: 1;
  padding: 8px 12px;
  font-size: 13px;
  color: #374151;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
}
.notes-wrapper .notes-input[data-v-802a6962]::-moz-placeholder {
  color: #9ca3af;
}
.notes-wrapper .notes-input[data-v-802a6962]::placeholder {
  color: #9ca3af;
}
.notes-wrapper .notes-input[data-v-802a6962]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.notes-wrapper .ai-badge[data-v-802a6962] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  background: #FEBC2C;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.15s ease;
}
.notes-wrapper .ai-badge[data-v-802a6962]:hover {
  background: #f59e0b;
}
.notes-wrapper .ai-badge svg path[data-v-802a6962] {
  stroke: currentColor;
}
.summary-bar[data-v-802a6962] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 16px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.summary-bar .summary-item[data-v-802a6962] {
  text-align: center;
}
.summary-bar .summary-label[data-v-802a6962] {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}
.summary-bar .summary-value[data-v-802a6962] {
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
}
.summary-bar .summary-value.highlight[data-v-802a6962] {
  color: #d97706;
}
.gantt-container[data-v-802a6962] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
}
.gantt-container .gantt-header[data-v-802a6962] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 12px;
}
.gantt-container .container-title[data-v-802a6962] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.gantt-container .container-title .chart-icon[data-v-802a6962] {
  font-size: 18px;
}
.gantt-container .gantt-info[data-v-802a6962] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: #FEF3C7;
  border: 1px solid #FDE68A;
  border-radius: 6px;
  font-size: 13px;
  color: #92400e;
}
.gantt-container .gantt-info .info-icon[data-v-802a6962] {
  font-size: 14px;
}
.gantt-chart[data-v-802a6962] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 20px;
}
.gantt-rows[data-v-802a6962] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
.gantt-row[data-v-802a6962] {
  display: grid;
  grid-template-columns: 200px 1fr 80px;
  gap: 16px;
  align-items: center;
  position: relative;
}
@media (max-width: 768px) {
.gantt-row[data-v-802a6962] {
    grid-template-columns: 1fr;
    gap: 8px;
}
}
.gantt-label[data-v-802a6962] {
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gantt-track[data-v-802a6962] {
  position: relative;
  height: 36px;
  background: #f3f4f6;
  border-radius: 6px;
  overflow: hidden;
}
.gantt-bar[data-v-802a6962] {
  position: absolute;
  top: 4px;
  bottom: 4px;
  background: linear-gradient(90deg, #FEBC2C 0%, #F59E0B 100%);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(254, 188, 44, 0.3);
}
.gantt-bar[data-v-802a6962]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(254, 188, 44, 0.4);
}
.gantt-bar .bar-duration[data-v-802a6962] {
  font-size: 11px;
  font-weight: 600;
  color: #1f2937;
  white-space: nowrap;
  padding: 0 8px;
}
.duration-popover[data-v-802a6962] {
  position: absolute;
  top: -58px;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 10px 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  z-index: 20;
  white-space: nowrap;
}
.duration-popover[data-v-802a6962]::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background: #ffffff;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}
.duration-popover .popover-title[data-v-802a6962] {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
  text-align: center;
}
.duration-popover .popover-controls[data-v-802a6962] {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.duration-popover .popover-btn[data-v-802a6962] {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #374151;
  transition: all 0.15s ease;
}
.duration-popover .popover-btn[data-v-802a6962]:hover:not(:disabled) {
  background: #FEBC2C;
  border-color: #FEBC2C;
}
.duration-popover .popover-btn[data-v-802a6962]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.duration-popover .popover-value[data-v-802a6962] {
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
  min-width: 36px;
  text-align: center;
}
.duration-popover .popover-unit[data-v-802a6962] {
  font-size: 13px;
  color: #6b7280;
}
.gantt-weeks[data-v-802a6962] {
  font-size: 12px;
  color: #6b7280;
  text-align: right;
  white-space: nowrap;
}
.gantt-axis[data-v-802a6962] {
  display: grid;
  grid-template-columns: 200px 1fr 80px;
  gap: 16px;
  border-top: 1px solid #e5e7eb;
  padding-top: 12px;
}
.gantt-axis .axis-spacer[data-v-802a6962] {
  /* Empty spacers to align with row layout */
}
.gantt-axis .axis-track[data-v-802a6962] {
  display: flex;
  justify-content: space-between;
}
.gantt-axis .axis-month[data-v-802a6962] {
  font-size: 12px;
  color: #6b7280;
}
.rom-caveat[data-v-802a6962] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  margin-top: 24px;
}
.rom-caveat .rom-header[data-v-802a6962] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.rom-caveat .rom-header .rom-icon[data-v-802a6962] {
  font-size: 18px;
  color: #FEBC2C;
}
.rom-caveat .rom-header .rom-title[data-v-802a6962] {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.rom-caveat .rom-text[data-v-802a6962] {
  font-size: 14px;
  color: #374151;
  line-height: 1.6;
  margin: 0 0 16px 0;
}
.rom-caveat .rom-factors[data-v-802a6962] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px 20px;
  margin-bottom: 16px;
}
.rom-caveat .rom-factors .rom-factors-title[data-v-802a6962] {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 8px 0;
}
.rom-caveat .rom-factors ul[data-v-802a6962] {
  margin: 0;
  padding-left: 20px;
}
.rom-caveat .rom-factors ul li[data-v-802a6962] {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.6;
}
.rom-caveat .rom-advice[data-v-802a6962] {
  font-size: 13px;
  color: #6b7280;
  font-style: italic;
  margin: 0;
  line-height: 1.5;
}.assumptions-section[data-v-bd3928c5] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
}
.section-header[data-v-bd3928c5] {
  padding: 20px 20px 12px 20px;
}
.section-header .header-left[data-v-bd3928c5] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.section-header .section-title[data-v-bd3928c5] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.section-header .help-btn[data-v-bd3928c5] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
}
.section-header .help-btn[data-v-bd3928c5]:hover {
  color: #6b7280;
}
.section-header .section-meta[data-v-bd3928c5] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.header-separator[data-v-bd3928c5] {
  height: 1px;
  background: #e5e7eb;
  margin: 0 20px;
}
.section-body[data-v-bd3928c5] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.assumptions-container[data-v-bd3928c5] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
}
.assumptions-container .container-header[data-v-bd3928c5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.assumptions-container .container-title[data-v-bd3928c5] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.assumptions-container .add-btn[data-v-bd3928c5] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #ffffff;
  border: 2px solid #FEBC2C;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.assumptions-container .add-btn[data-v-bd3928c5]:hover {
  background: #FEBC2C;
}
.table-wrapper[data-v-bd3928c5] {
  overflow-x: auto;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}
.assumptions-table[data-v-bd3928c5] {
  width: 100%;
  border-collapse: collapse;
}
.assumptions-table th[data-v-bd3928c5], .assumptions-table td[data-v-bd3928c5] {
  padding: 12px 16px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #e5e7eb;
}
.assumptions-table thead[data-v-bd3928c5] {
  background: #1f2937;
}
.assumptions-table thead th[data-v-bd3928c5] {
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: none;
}
.assumptions-table tbody tr:last-child td[data-v-bd3928c5] {
  border-bottom: none;
}
.assumptions-table tbody tr[data-v-bd3928c5]:hover {
  background: #f9fafb;
}
.assumptions-table .col-id[data-v-bd3928c5] {
  width: 70px;
}
.assumptions-table .col-assumption[data-v-bd3928c5],
.assumptions-table .col-action[data-v-bd3928c5] {
  width: 18%;
}
.assumptions-table .col-impact[data-v-bd3928c5] {
  width: 16%;
}
.assumptions-table .col-date[data-v-bd3928c5] {
  width: 110px;
}
.assumptions-table .col-owner[data-v-bd3928c5] {
  width: 110px;
}
.assumptions-table .col-actions[data-v-bd3928c5] {
  width: 50px;
  text-align: center;
}
.assumption-id[data-v-bd3928c5] {
  display: inline-block;
  padding: 4px 10px;
  background: #f3f4f6;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}
.field-wrapper[data-v-bd3928c5] {
  position: relative;
}
.field-wrapper .table-input[data-v-bd3928c5] {
  width: 100%;
  min-height: 60px;
  padding: 8px 40px 8px 10px;
  font-size: 13px;
  line-height: 1.4;
  color: #1f2937;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  resize: none;
  background: #ffffff;
}
.field-wrapper .table-input[data-v-bd3928c5]::-moz-placeholder {
  color: #9ca3af;
  font-style: italic;
}
.field-wrapper .table-input[data-v-bd3928c5]::placeholder {
  color: #9ca3af;
  font-style: italic;
}
.field-wrapper .table-input[data-v-bd3928c5]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.field-wrapper .ai-badge[data-v-bd3928c5] {
  position: absolute;
  top: 6px;
  right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #FEBC2C;
  border: none;
  border-radius: 4px;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.field-wrapper .ai-badge[data-v-bd3928c5]:hover {
  background: #f59e0b;
}
.field-wrapper .ai-badge svg[data-v-bd3928c5] {
  width: 14px;
  height: 14px;
}
.date-wrapper[data-v-bd3928c5] {
  position: relative;
}
.date-wrapper .date-input[data-v-bd3928c5] {
  width: 100%;
  padding: 8px 32px 8px 10px;
  font-size: 13px;
  color: #1f2937;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
}
.date-wrapper .date-input[data-v-bd3928c5]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.date-wrapper .date-icon[data-v-bd3928c5] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #FEBC2C;
  pointer-events: none;
}
.owner-input[data-v-bd3928c5] {
  width: 100%;
  padding: 8px 10px;
  font-size: 13px;
  color: #1f2937;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
}
.owner-input[data-v-bd3928c5]::-moz-placeholder {
  color: #9ca3af;
  font-style: italic;
}
.owner-input[data-v-bd3928c5]::placeholder {
  color: #9ca3af;
  font-style: italic;
}
.owner-input[data-v-bd3928c5]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.delete-btn[data-v-bd3928c5] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s ease;
}
.delete-btn[data-v-bd3928c5]:hover {
  background: #fef2f2;
  border-color: #fecaca;
  color: #ef4444;
}.issues-section[data-v-f39c11cb] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
}
.section-header[data-v-f39c11cb] {
  padding: 20px 20px 12px 20px;
}
.section-header .header-left[data-v-f39c11cb] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.section-header .section-title[data-v-f39c11cb] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.section-header .help-btn[data-v-f39c11cb] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
}
.section-header .help-btn[data-v-f39c11cb]:hover {
  color: #6b7280;
}
.section-header .section-meta[data-v-f39c11cb] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.header-separator[data-v-f39c11cb] {
  height: 1px;
  background: #e5e7eb;
  margin: 0 20px;
}
.section-body[data-v-f39c11cb] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.issues-container[data-v-f39c11cb] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
}
.issues-container .container-header[data-v-f39c11cb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.issues-container .container-title[data-v-f39c11cb] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.issues-container .add-btn[data-v-f39c11cb] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #ffffff;
  border: 2px solid #FEBC2C;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.issues-container .add-btn[data-v-f39c11cb]:hover {
  background: #FEBC2C;
}
.table-wrapper[data-v-f39c11cb] {
  overflow-x: auto;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}
.issues-table[data-v-f39c11cb] {
  width: 100%;
  border-collapse: collapse;
}
.issues-table th[data-v-f39c11cb], .issues-table td[data-v-f39c11cb] {
  padding: 12px 16px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #e5e7eb;
}
.issues-table thead[data-v-f39c11cb] {
  background: #1f2937;
}
.issues-table thead th[data-v-f39c11cb] {
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: none;
}
.issues-table tbody tr:last-child td[data-v-f39c11cb] {
  border-bottom: none;
}
.issues-table tbody tr[data-v-f39c11cb]:hover {
  background: #f9fafb;
}
.issues-table .col-id[data-v-f39c11cb] {
  width: 70px;
}
.issues-table .col-issue[data-v-f39c11cb],
.issues-table .col-mitigation[data-v-f39c11cb] {
  width: 18%;
}
.issues-table .col-impact[data-v-f39c11cb] {
  width: 16%;
}
.issues-table .col-status[data-v-f39c11cb] {
  width: 100px;
}
.issues-table .col-date[data-v-f39c11cb] {
  width: 110px;
}
.issues-table .col-actions[data-v-f39c11cb] {
  width: 50px;
  text-align: center;
}
.issue-id[data-v-f39c11cb] {
  display: inline-block;
  padding: 4px 10px;
  background: #f3f4f6;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}
.field-wrapper[data-v-f39c11cb] {
  position: relative;
}
.field-wrapper .table-input[data-v-f39c11cb] {
  width: 100%;
  min-height: 60px;
  padding: 8px 40px 8px 10px;
  font-size: 13px;
  line-height: 1.4;
  color: #1f2937;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  resize: none;
  background: #ffffff;
}
.field-wrapper .table-input[data-v-f39c11cb]::-moz-placeholder {
  color: #9ca3af;
  font-style: italic;
}
.field-wrapper .table-input[data-v-f39c11cb]::placeholder {
  color: #9ca3af;
  font-style: italic;
}
.field-wrapper .table-input[data-v-f39c11cb]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.field-wrapper .ai-badge[data-v-f39c11cb] {
  position: absolute;
  top: 6px;
  right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #FEBC2C;
  border: none;
  border-radius: 4px;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.field-wrapper .ai-badge[data-v-f39c11cb]:hover {
  background: #f59e0b;
}
.field-wrapper .ai-badge svg[data-v-f39c11cb] {
  width: 14px;
  height: 14px;
}
.status-select[data-v-f39c11cb] {
  width: 100%;
  padding: 6px 28px 6px 10px;
  font-size: 12px;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23374151' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
}
.status-select.status-open[data-v-f39c11cb] {
  background-color: #FEE2E2;
  color: #DC2626;
}
.status-select.status-in-progress[data-v-f39c11cb] {
  background-color: #FEF3C7;
  color: #D97706;
}
.status-select.status-resolved[data-v-f39c11cb] {
  background-color: #D1FAE5;
  color: #059669;
}
.status-select.status-closed[data-v-f39c11cb] {
  background-color: #E5E7EB;
  color: #6B7280;
}
.date-wrapper[data-v-f39c11cb] {
  position: relative;
}
.date-wrapper .date-input[data-v-f39c11cb] {
  width: 100%;
  padding: 8px 32px 8px 10px;
  font-size: 13px;
  color: #1f2937;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
}
.date-wrapper .date-input[data-v-f39c11cb]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.date-wrapper .date-icon[data-v-f39c11cb] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #FEBC2C;
  pointer-events: none;
}
.delete-btn[data-v-f39c11cb] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s ease;
}
.delete-btn[data-v-f39c11cb]:hover {
  background: #fef2f2;
  border-color: #fecaca;
  color: #ef4444;
}.dependencies-section[data-v-c6f9e763] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
}
.section-header[data-v-c6f9e763] {
  padding: 20px 20px 12px 20px;
}
.section-header .header-left[data-v-c6f9e763] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.section-header .section-title[data-v-c6f9e763] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.section-header .help-btn[data-v-c6f9e763] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
}
.section-header .help-btn[data-v-c6f9e763]:hover {
  color: #6b7280;
}
.section-header .section-meta[data-v-c6f9e763] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.header-separator[data-v-c6f9e763] {
  height: 1px;
  background: #e5e7eb;
  margin: 0 20px;
}
.section-body[data-v-c6f9e763] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.dependencies-container[data-v-c6f9e763] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
}
.dependencies-container .container-header[data-v-c6f9e763] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.dependencies-container .container-title[data-v-c6f9e763] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.dependencies-container .add-btn[data-v-c6f9e763] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #ffffff;
  border: 2px solid #FEBC2C;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.dependencies-container .add-btn[data-v-c6f9e763]:hover {
  background: #FEBC2C;
}
.table-wrapper[data-v-c6f9e763] {
  overflow-x: auto;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}
.dependencies-table[data-v-c6f9e763] {
  width: 100%;
  border-collapse: collapse;
}
.dependencies-table th[data-v-c6f9e763], .dependencies-table td[data-v-c6f9e763] {
  padding: 12px 14px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #e5e7eb;
}
.dependencies-table thead[data-v-c6f9e763] {
  background: #1f2937;
}
.dependencies-table thead th[data-v-c6f9e763] {
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: none;
}
.dependencies-table tbody tr:last-child td[data-v-c6f9e763] {
  border-bottom: none;
}
.dependencies-table tbody tr[data-v-c6f9e763]:hover {
  background: #f9fafb;
}
.dependencies-table .col-id[data-v-c6f9e763] {
  width: 70px;
}
.dependencies-table .col-dependency[data-v-c6f9e763] {
  width: 25%;
}
.dependencies-table .col-priority[data-v-c6f9e763] {
  width: 90px;
}
.dependencies-table .col-status[data-v-c6f9e763] {
  width: 110px;
}
.dependencies-table .col-bound[data-v-c6f9e763] {
  width: 100px;
}
.dependencies-table .col-date[data-v-c6f9e763] {
  width: 110px;
}
.dependencies-table .col-owner[data-v-c6f9e763] {
  width: 130px;
}
.dependencies-table .col-actions[data-v-c6f9e763] {
  width: 50px;
  text-align: center;
}
.dependency-id[data-v-c6f9e763] {
  display: inline-block;
  padding: 4px 10px;
  background: #f3f4f6;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}
.field-wrapper[data-v-c6f9e763] {
  position: relative;
}
.field-wrapper .table-input[data-v-c6f9e763] {
  width: 100%;
  min-height: 70px;
  padding: 8px 40px 8px 10px;
  font-size: 13px;
  line-height: 1.4;
  color: #1f2937;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  resize: none;
  background: #ffffff;
}
.field-wrapper .table-input[data-v-c6f9e763]::-moz-placeholder {
  color: #9ca3af;
  font-style: italic;
}
.field-wrapper .table-input[data-v-c6f9e763]::placeholder {
  color: #9ca3af;
  font-style: italic;
}
.field-wrapper .table-input[data-v-c6f9e763]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.field-wrapper .ai-badge[data-v-c6f9e763] {
  position: absolute;
  top: 6px;
  right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #FEBC2C;
  border: none;
  border-radius: 4px;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.field-wrapper .ai-badge[data-v-c6f9e763]:hover {
  background: #f59e0b;
}
.field-wrapper .ai-badge svg[data-v-c6f9e763] {
  width: 14px;
  height: 14px;
}
.priority-select[data-v-c6f9e763] {
  width: 100%;
  padding: 6px 28px 6px 10px;
  font-size: 12px;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23374151' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
}
.priority-select.priority-high[data-v-c6f9e763] {
  background-color: #FEE2E2;
  color: #DC2626;
}
.priority-select.priority-medium[data-v-c6f9e763] {
  background-color: #FEF3C7;
  color: #D97706;
}
.priority-select.priority-low[data-v-c6f9e763] {
  background-color: #D1FAE5;
  color: #059669;
}
.status-select[data-v-c6f9e763] {
  width: 100%;
  padding: 6px 28px 6px 10px;
  font-size: 12px;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23374151' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
}
.status-select.status-not-started[data-v-c6f9e763] {
  background-color: #E5E7EB;
  color: #6B7280;
}
.status-select.status-in-progress[data-v-c6f9e763] {
  background-color: #FEF3C7;
  color: #D97706;
}
.status-select.status-complete[data-v-c6f9e763] {
  background-color: #D1FAE5;
  color: #059669;
}
.status-select.status-blocked[data-v-c6f9e763] {
  background-color: #FEE2E2;
  color: #DC2626;
}
.bound-toggle[data-v-c6f9e763] {
  display: flex;
  background: #f3f4f6;
  border-radius: 6px;
  padding: 3px;
}
.bound-toggle .bound-btn[data-v-c6f9e763] {
  flex: 1;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.bound-toggle .bound-btn.active[data-v-c6f9e763] {
  background: #FFCC00;
  color: #1f2937;
}
.bound-toggle .bound-btn[data-v-c6f9e763]:hover:not(.active) {
  color: #374151;
}
.date-wrapper[data-v-c6f9e763] {
  position: relative;
}
.date-wrapper .date-input[data-v-c6f9e763] {
  width: 100%;
  padding: 8px 32px 8px 10px;
  font-size: 13px;
  color: #1f2937;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
}
.date-wrapper .date-input[data-v-c6f9e763]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.date-wrapper .date-icon[data-v-c6f9e763] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #FEBC2C;
  pointer-events: none;
}
.owner-input[data-v-c6f9e763] {
  width: 100%;
  padding: 8px 10px;
  font-size: 13px;
  color: #1f2937;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
}
.owner-input[data-v-c6f9e763]::-moz-placeholder {
  color: #9ca3af;
  font-style: italic;
}
.owner-input[data-v-c6f9e763]::placeholder {
  color: #9ca3af;
  font-style: italic;
}
.owner-input[data-v-c6f9e763]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.delete-btn[data-v-c6f9e763] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s ease;
}
.delete-btn[data-v-c6f9e763]:hover {
  background: #fef2f2;
  border-color: #fecaca;
  color: #ef4444;
}.governance-section[data-v-f24c7696] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
}
.section-header[data-v-f24c7696] {
  padding: 20px 20px 12px 20px;
}
.section-header .header-left[data-v-f24c7696] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.section-header .section-title[data-v-f24c7696] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.section-header .help-btn[data-v-f24c7696] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
}
.section-header .help-btn[data-v-f24c7696]:hover {
  color: #6b7280;
}
.section-header .section-meta[data-v-f24c7696] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.header-separator[data-v-f24c7696] {
  height: 1px;
  background: #e5e7eb;
  margin: 0 20px;
}
.section-body[data-v-f24c7696] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.section-description[data-v-f24c7696] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 20px 0;
  line-height: 1.5;
}
.vision-banner[data-v-f24c7696] {
  background: #FEF3C7;
  border: 1px solid #FCD34D;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 24px;
}
.vision-banner .banner-header[data-v-f24c7696] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.vision-banner .banner-icon[data-v-f24c7696] {
  font-size: 18px;
}
.vision-banner .banner-title[data-v-f24c7696] {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
}
.vision-banner .banner-text[data-v-f24c7696] {
  font-size: 14px;
  color: #374151;
  line-height: 1.5;
  margin: 0 0 16px 0;
}
.vision-banner .critical-rule[data-v-f24c7696] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 16px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.vision-banner .critical-rule .rule-icon[data-v-f24c7696] {
  font-size: 14px;
  flex-shrink: 0;
}
.vision-banner .critical-rule .rule-text[data-v-f24c7696] {
  font-size: 13px;
  color: #374151;
  line-height: 1.5;
}
.vision-banner .critical-rule .rule-text strong[data-v-f24c7696] {
  color: #1f2937;
}
.table-container[data-v-f24c7696] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
}
.table-wrapper[data-v-f24c7696] {
  overflow-x: auto;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  margin-bottom: 16px;
}
.governance-table[data-v-f24c7696] {
  width: 100%;
  border-collapse: collapse;
}
.governance-table th[data-v-f24c7696], .governance-table td[data-v-f24c7696] {
  padding: 14px 16px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #e5e7eb;
}
.governance-table thead[data-v-f24c7696] {
  background: #f3f4f6;
}
.governance-table thead th[data-v-f24c7696] {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #e5e7eb;
}
.governance-table tbody tr:last-child td[data-v-f24c7696] {
  border-bottom: none;
}
.governance-table tbody tr[data-v-f24c7696]:hover {
  background: #f9fafb;
}
.governance-table .col-deliverable[data-v-f24c7696] {
  width: 180px;
}
.governance-table .col-layer[data-v-f24c7696] {
  width: 130px;
}
.governance-table .col-authority[data-v-f24c7696] {
  width: 200px;
}
.governance-table .col-decision[data-v-f24c7696] {
  width: 130px;
}
.governance-table .col-date[data-v-f24c7696] {
  width: 130px;
}
.governance-table .col-actions[data-v-f24c7696] {
  width: 50px;
  text-align: center;
}
.table-input[data-v-f24c7696] {
  width: 100%;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
  border: none;
  background: transparent;
}
.table-input[data-v-f24c7696]::-moz-placeholder {
  color: #9ca3af;
}
.table-input[data-v-f24c7696]::placeholder {
  color: #9ca3af;
}
.table-input[data-v-f24c7696]:focus {
  outline: none;
}
.table-textarea[data-v-f24c7696] {
  width: 100%;
  padding: 6px 0;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.4;
  border: none;
  background: transparent;
  resize: none;
  min-height: 40px;
}
.table-textarea[data-v-f24c7696]::-moz-placeholder {
  color: #9ca3af;
}
.table-textarea[data-v-f24c7696]::placeholder {
  color: #9ca3af;
}
.table-textarea[data-v-f24c7696]:focus {
  outline: none;
}
.layer-badge[data-v-f24c7696] {
  display: inline-block;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 4px;
}
.decision-select[data-v-f24c7696] {
  padding: 6px 28px 6px 10px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23374151' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
}
.decision-select.decision-mandatory[data-v-f24c7696] {
  background-color: #DBEAFE;
  color: #1D4ED8;
}
.decision-select.decision-capability[data-v-f24c7696] {
  background-color: #D1FAE5;
  color: #059669;
}
.date-wrapper[data-v-f24c7696] {
  position: relative;
}
.date-wrapper .date-input[data-v-f24c7696] {
  width: 100%;
  padding: 8px 32px 8px 10px;
  font-size: 13px;
  color: #6b7280;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
}
.date-wrapper .date-input[data-v-f24c7696]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.date-wrapper .date-icon[data-v-f24c7696] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
  pointer-events: none;
}
.delete-btn[data-v-f24c7696] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s ease;
}
.delete-btn[data-v-f24c7696]:hover {
  background: #fef2f2;
  border-color: #fecaca;
  color: #ef4444;
}
.add-row-btn[data-v-f24c7696] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px;
  background: #ffffff;
  border: 2px dashed #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s ease;
}
.add-row-btn[data-v-f24c7696]:hover {
  background: #f9fafb;
  border-color: #FEBC2C;
  color: #1f2937;
}.qa-section[data-v-0d79cee0] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
}
.section-header[data-v-0d79cee0] {
  padding: 20px 20px 12px 20px;
}
.section-header .header-left[data-v-0d79cee0] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.section-header .section-title[data-v-0d79cee0] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.section-header .help-btn[data-v-0d79cee0] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
}
.section-header .help-btn[data-v-0d79cee0]:hover {
  color: #6b7280;
}
.section-header .section-meta[data-v-0d79cee0] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.header-separator[data-v-0d79cee0] {
  height: 1px;
  background: #e5e7eb;
  margin: 0 20px;
}
.section-body[data-v-0d79cee0] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.section-description[data-v-0d79cee0] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 24px 0;
  line-height: 1.5;
}
.workflow-container[data-v-0d79cee0] {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 40px;
  margin-left: 2px; /* Slight offset to align arrows */
}
.workflow-step[data-v-0d79cee0] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  position: relative;
  /* Arrow pointing down to next step */
  /* Arrow head */
}
.workflow-step[data-v-0d79cee0]::after {
  content: "";
  position: absolute;
  left: 37px; /* Center of step number (20px margin + 36px/2 - 1px) */
  bottom: -20px;
  width: 2px;
  height: 20px;
  background: #FEBC2C;
}
.workflow-step[data-v-0d79cee0]:last-child::after {
  display: none; /* Hide arrow on last step */
}
.workflow-step[data-v-0d79cee0]:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 32px;
  bottom: -24px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #FEBC2C;
}
.workflow-step .step-header[data-v-0d79cee0] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}
.workflow-step .step-number[data-v-0d79cee0] {
  width: 36px;
  height: 36px;
  background: #FEF3C7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #D97706;
  flex-shrink: 0;
}
.workflow-step .step-title-row[data-v-0d79cee0] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  padding-top: 4px;
}
.workflow-step .step-title[data-v-0d79cee0] {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.workflow-step .step-badge[data-v-0d79cee0] {
  display: inline-block;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 4px;
}
.workflow-step .step-description[data-v-0d79cee0] {
  margin: 0 0 16px 52px;
}
.workflow-step .description-input[data-v-0d79cee0] {
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  color: #6b7280;
  line-height: 1.5;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  resize: none;
  min-height: 60px;
  font-family: inherit;
}
.workflow-step .description-input[data-v-0d79cee0]:focus {
  outline: none;
  border-color: #FEBC2C;
  background: #ffffff;
}
.workflow-step .step-details[data-v-0d79cee0] {
  margin-left: 52px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.workflow-step .detail-row[data-v-0d79cee0] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.workflow-step .detail-label[data-v-0d79cee0] {
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  width: 100px;
  flex-shrink: 0;
}
.workflow-step .detail-value[data-v-0d79cee0] {
  flex: 1;
  padding: 6px 10px;
  font-size: 13px;
  color: #1f2937;
  background: transparent;
  border: none;
  border-bottom: 1px solid #e5e7eb;
}
.workflow-step .detail-value[data-v-0d79cee0]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.escalation-section[data-v-0d79cee0] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
}
.escalation-section .escalation-header[data-v-0d79cee0] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.escalation-section .escalation-icon[data-v-0d79cee0] {
  font-size: 20px;
}
.escalation-section .escalation-title[data-v-0d79cee0] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.escalation-section .escalation-description[data-v-0d79cee0] {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.5;
  margin: 0 0 20px 0;
}
.triggers-grid[data-v-0d79cee0] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.trigger-card[data-v-0d79cee0] {
  position: relative;
  background: #ffffff;
  border-left: 4px solid #DC2626;
  border-radius: 8px;
  padding: 16px 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.trigger-card .ai-badge[data-v-0d79cee0] {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #FEBC2C;
  border: none;
  border-radius: 4px;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.trigger-card .ai-badge[data-v-0d79cee0]:hover {
  background: #f59e0b;
}
.trigger-card .ai-badge svg[data-v-0d79cee0] {
  width: 14px;
  height: 14px;
}
.trigger-card .trigger-title[data-v-0d79cee0] {
  display: block;
  width: calc(100% - 50px);
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  background: transparent;
  border: none;
  padding: 0;
  margin-bottom: 8px;
}
.trigger-card .trigger-title[data-v-0d79cee0]:focus {
  outline: none;
}
.trigger-card .trigger-description[data-v-0d79cee0] {
  width: 100%;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.5;
  background: transparent;
  border: none;
  padding: 0;
  resize: none;
  min-height: 40px;
  font-family: inherit;
}
.trigger-card .trigger-description[data-v-0d79cee0]:focus {
  outline: none;
}.approvals-signoff-section[data-v-973f45bd] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
}
.section-header[data-v-973f45bd] {
  padding: 20px 20px 12px 20px;
}
.section-header .header-left[data-v-973f45bd] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.section-header .section-title[data-v-973f45bd] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.section-header .help-btn[data-v-973f45bd] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
}
.section-header .help-btn[data-v-973f45bd]:hover {
  color: #6b7280;
}
.section-header .section-meta[data-v-973f45bd] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.header-separator[data-v-973f45bd] {
  height: 1px;
  background: #e5e7eb;
  margin: 0 20px;
}
.section-body[data-v-973f45bd] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.section-description[data-v-973f45bd] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 20px 0;
  line-height: 1.5;
}
.table-container[data-v-973f45bd] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
}
.table-wrapper[data-v-973f45bd] {
  overflow-x: auto;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  margin-bottom: 16px;
}
.signers-table[data-v-973f45bd] {
  width: 100%;
  border-collapse: collapse;
}
.signers-table th[data-v-973f45bd], .signers-table td[data-v-973f45bd] {
  padding: 12px 14px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #e5e7eb;
}
.signers-table thead[data-v-973f45bd] {
  background: #1f2937;
}
.signers-table thead th[data-v-973f45bd] {
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: none;
}
.signers-table tbody tr:last-child td[data-v-973f45bd] {
  border-bottom: none;
}
.signers-table tbody tr[data-v-973f45bd]:hover {
  background: #f9fafb;
}
.signers-table .col-role[data-v-973f45bd] {
  width: 22%;
}
.signers-table .col-tier[data-v-973f45bd] {
  width: 18%;
}
.signers-table .col-name[data-v-973f45bd],
.signers-table .col-position[data-v-973f45bd],
.signers-table .col-email[data-v-973f45bd] {
  width: 16%;
}
.signers-table .col-date[data-v-973f45bd] {
  width: 130px;
}
.signers-table .col-actions[data-v-973f45bd] {
  width: 50px;
  text-align: center;
}
.table-input[data-v-973f45bd] {
  width: 100%;
  padding: 8px 10px;
  font-size: 13px;
  color: #1f2937;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
}
.table-input[data-v-973f45bd]::-moz-placeholder {
  color: #9ca3af;
}
.table-input[data-v-973f45bd]::placeholder {
  color: #9ca3af;
}
.table-input[data-v-973f45bd]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.date-wrapper[data-v-973f45bd] {
  position: relative;
}
.date-wrapper .date-input[data-v-973f45bd] {
  width: 100%;
  padding: 8px 32px 8px 10px;
  font-size: 13px;
  color: #1f2937;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
}
.date-wrapper .date-input[data-v-973f45bd]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.date-wrapper .date-icon[data-v-973f45bd] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #FEBC2C;
  pointer-events: none;
}
.delete-btn[data-v-973f45bd] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s ease;
}
.delete-btn[data-v-973f45bd]:hover {
  background: #fef2f2;
  border-color: #fecaca;
  color: #ef4444;
}
.add-row-btn[data-v-973f45bd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px;
  background: #ffffff;
  border: 2px dashed #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s ease;
}
.add-row-btn[data-v-973f45bd]:hover {
  background: #f9fafb;
  border-color: #FEBC2C;
  color: #1f2937;
}.section-page-header[data-v-9e83a19a] {
  padding: 20px;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.sph-breadcrumb[data-v-9e83a19a] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 12px;
}
.sph-breadcrumb__step[data-v-9e83a19a], .sph-breadcrumb__item[data-v-9e83a19a], .sph-breadcrumb__current[data-v-9e83a19a] {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.sph-breadcrumb__step[data-v-9e83a19a], .sph-breadcrumb__item[data-v-9e83a19a] {
  color: #6b7280;
}
.sph-breadcrumb__current[data-v-9e83a19a] {
  color: #1f2937;
  font-weight: 600;
}
.sph-breadcrumb__sep[data-v-9e83a19a] {
  color: #9ca3af;
}
.sph-title-row[data-v-9e83a19a] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.sph-title[data-v-9e83a19a] {
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
  white-space: normal;
  word-break: break-word;
}
.sph-help[data-v-9e83a19a] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: help;
  flex-shrink: 0;
}
.sph-help:hover .sph-help__tooltip[data-v-9e83a19a], .sph-help:focus-visible .sph-help__tooltip[data-v-9e83a19a] {
  opacity: 1;
  visibility: visible;
}
.sph-help__tooltip[data-v-9e83a19a] {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  width: 280px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  text-align: left;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease;
  pointer-events: none;
}
.sph-help__tooltip strong[data-v-9e83a19a] {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 4px;
}
.sph-help__tooltip span[data-v-9e83a19a] {
  display: block;
  font-size: 12px;
  color: #6b7280;
  line-height: 1.5;
}
.sph-meta[data-v-9e83a19a] {
  font-size: 13px;
  color: #6b7280;
  margin: 4px 0 0 0;
}
.sph-meta__date[data-v-9e83a19a] {
  color: #9ca3af;
}.sow-content[data-v-2cdd26b8] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  overflow: hidden;
}

/* Fixed header + scrollable body: each direct section component fills the remaining viewport and
   its .section-body (or the default .section-content) owns the vertical scroll. */
.sow-content > [class$=-section][data-v-2cdd26b8],
.sow-content > .table-section[data-v-2cdd26b8] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sow-content > [class$=-section][data-v-2cdd26b8] .section-body,
.sow-content > [class$=-section] > .section-body[data-v-2cdd26b8],
.sow-content > .table-section > .section-content[data-v-2cdd26b8] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding-bottom: 12px;
}

/* RAID / table textareas: enable vertical scrolling and the native resize grip. */
.sow-content > [class$=-section][data-v-2cdd26b8] textarea {
  resize: vertical;
  overflow-y: auto;
}
.section-header[data-v-2cdd26b8] {
  padding: 20px 20px;
  border-bottom: 1px solid #e5e7eb;
}
.section-header .section-title[data-v-2cdd26b8] {
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 4px 0;
}
.section-header .section-meta[data-v-2cdd26b8] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.section-header .section-meta .last-modified[data-v-2cdd26b8] {
  color: #9ca3af;
}
.section-content[data-v-2cdd26b8] {
  flex: 1;
  padding: 20px 20px 30px 20px; /* Extra bottom padding to clear footer area */
  overflow-y: auto;
}
.content-grid[data-v-2cdd26b8] {
  display: flex;
  gap: 20px;
  height: 100%;
}
.content-grid .fields-column[data-v-2cdd26b8],
.content-grid .visual-column[data-v-2cdd26b8] {
  flex: 1;
  min-width: 0;
}
.fields-column .field-group[data-v-2cdd26b8] {
  margin-bottom: 20px;
}
.fields-column .field-group[data-v-2cdd26b8]:last-child {
  margin-bottom: 0;
}
.fields-column .field-label[data-v-2cdd26b8] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 4px;
}
.fields-column .field-description[data-v-2cdd26b8] {
  font-size: 12px;
  color: #6b7280;
  margin: 0 0 6px 0;
}
.fields-column .field-input-wrapper[data-v-2cdd26b8] {
  position: relative;
}
.fields-column .field-input-wrapper .ai-assist-btn[data-v-2cdd26b8] {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  background: #febc2c;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.fields-column .field-input-wrapper .ai-assist-btn[data-v-2cdd26b8]:hover {
  background: #f59e0b;
}
.fields-column .field-input-wrapper .ai-assist-btn svg[data-v-2cdd26b8] {
  width: 12px;
  height: 12px;
}
.fields-column .field-input[data-v-2cdd26b8],
.fields-column .field-textarea[data-v-2cdd26b8] {
  width: 100%;
  padding: 12px 70px 12px 14px;
  font-size: 14px;
  color: #1f2937;
  border: 1px solid #febc2c;
  border-radius: 6px;
  background: #ffffff;
  transition: border-color 0.15s ease;
}
.fields-column .field-input[data-v-2cdd26b8]::-moz-placeholder, .fields-column .field-textarea[data-v-2cdd26b8]::-moz-placeholder {
  color: #9ca3af;
}
.fields-column .field-input[data-v-2cdd26b8]::placeholder,
.fields-column .field-textarea[data-v-2cdd26b8]::placeholder {
  color: #9ca3af;
}
.fields-column .field-input[data-v-2cdd26b8]:focus,
.fields-column .field-textarea[data-v-2cdd26b8]:focus {
  outline: none;
  border-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(254, 188, 44, 0.2);
}
.fields-column .field-textarea[data-v-2cdd26b8] {
  min-height: 100px;
  resize: vertical;
  line-height: 1.5;
}
.fields-column .empty-fields[data-v-2cdd26b8] {
  padding: 40px 20px;
  text-align: center;
  color: #6b7280;
}
.visual-column[data-v-2cdd26b8] {
  display: flex;
  flex-direction: column;
}
.visual-column .ai-visual-placeholder[data-v-2cdd26b8] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f9fafb;
  border: 2px dashed #e5e7eb;
  border-radius: 8px;
  padding: 30px 20px;
  text-align: center;
  min-height: 250px;
}
.visual-column .ai-visual-placeholder .visual-icon[data-v-2cdd26b8] {
  margin-bottom: 16px;
  opacity: 0.6;
}
.visual-column .ai-visual-placeholder .visual-text[data-v-2cdd26b8] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 16px 0;
}
.visual-column .ai-visual-placeholder .generate-visual-btn[data-v-2cdd26b8] {
  padding: 10px 20px;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  transition: all 0.15s ease;
}
.visual-column .ai-visual-placeholder .generate-visual-btn[data-v-2cdd26b8]:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}

/* Hide the legacy per-section headers so the single global header is the only one rendered. */
.sow-content > [class$=-section] > .section-header[data-v-2cdd26b8],
.sow-content > [class$=-section] > .section-header + .header-separator[data-v-2cdd26b8] {
  display: none !important;
}.control-bar[data-v-ec89b9f3] {
  position: fixed;
  bottom: 0;
  left: 80px; /* Starts AFTER left sidebar (80px wide) */
  right: 0;
  height: 80px;
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
  z-index: 90; /* Same level as header */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px 0 24px;
  /* No shadow by default - only show when page has scroll */
  box-shadow: none;
  /* Transition for future auto-hide functionality + left offset when panel collapses */
  transition: left 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
  transform: translateY(0);
  opacity: 1;
  /* SOW mode - footer starts after SOW left panel (80px sidebar + 280px panel) */
  /* SOW mode + collapsed left panel (80px sidebar + 20px strip) */
}
.control-bar--hidden[data-v-ec89b9f3] {
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
}
.control-bar--auto-hide[data-v-ec89b9f3] {
  /* When auto-hide is enabled but bar is visible on hover */
}
.control-bar--auto-hide[data-v-ec89b9f3]:hover {
  transform: translateY(0);
  opacity: 1;
}
.control-bar--sow-mode[data-v-ec89b9f3] {
  left: 360px;
}
.control-bar--sow-mode.control-bar--sow-collapsed[data-v-ec89b9f3] {
  left: 100px;
}

/* Navigation buttons container (left side) */
.control-bar__nav[data-v-ec89b9f3] {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Center content */
.control-bar__center[data-v-ec89b9f3] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

/* Action buttons container (right side) */
.control-bar__actions[data-v-ec89b9f3] {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Trigger zone for showing hidden control bar */
.control-bar-trigger[data-v-ec89b9f3] {
  position: fixed;
  bottom: 0;
  left: 80px; /* Starts AFTER left sidebar (80px wide) */
  right: 0;
  height: 20px; /* 20px trigger zone at bottom */
  z-index: 89; /* Below control bar */
}

/* Button styles that can be used with the control bar */
[data-v-ec89b9f3] .btn-nav {
  background: #ffffff;
  border: 2px solid #e2e8f0;
  color: #64748b;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
[data-v-ec89b9f3] .btn-nav:hover:not(:disabled) {
  border-color: #cbd5e1;
  background: #f8fafc;
}
[data-v-ec89b9f3] .btn-nav:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-v-ec89b9f3] .btn-nav svg {
  width: 16px;
  height: 16px;
}
[data-v-ec89b9f3] .btn-secondary {
  background: #ffffff;
  border: 2px solid #e2e8f0;
  color: #64748b;
  padding: 12px 28px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
[data-v-ec89b9f3] .btn-secondary:hover:not(:disabled) {
  border-color: #cbd5e1;
  background: #f8fafc;
}
[data-v-ec89b9f3] .btn-secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-v-ec89b9f3] .btn-primary {
  background: #febc2c;
  border: 2px solid #febc2c;
  color: #1f2937;
  padding: 12px 28px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
[data-v-ec89b9f3] .btn-primary:hover:not(:disabled) {
  background: #f59e0b;
  border-color: #f59e0b;
}
[data-v-ec89b9f3] .btn-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}.modal-backdrop[data-v-69cc0fa6] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}
.modal-container[data-v-69cc0fa6] {
  width: 100%;
  max-width: 560px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.modal-header[data-v-69cc0fa6] {
  position: relative;
  padding: 24px 24px 16px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.modal-header .modal-title[data-v-69cc0fa6] {
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 4px 0;
}
.modal-header .modal-subtitle[data-v-69cc0fa6] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
.modal-header .close-btn[data-v-69cc0fa6] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s ease;
}
.modal-header .close-btn[data-v-69cc0fa6]:hover {
  background: #f3f4f6;
  color: #6b7280;
}
.modal-body[data-v-69cc0fa6] {
  padding: 24px;
}
.modal-body .version-label[data-v-69cc0fa6] {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  margin: 0 0 16px 0;
}
.loading-state[data-v-69cc0fa6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px 20px;
  color: #6b7280;
  font-size: 14px;
}
.loading-spinner[data-v-69cc0fa6] {
  width: 20px;
  height: 20px;
  border: 2px solid #e5e7eb;
  border-top-color: #FEBC2C;
  border-radius: 50%;
  animation: spin-69cc0fa6 0.8s linear infinite;
}
@keyframes spin-69cc0fa6 {
to {
    transform: rotate(360deg);
}
}
.version-options[data-v-69cc0fa6] {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.version-note-group[data-v-69cc0fa6] {
  margin-bottom: 20px;
}
.version-note-group .version-note-label[data-v-69cc0fa6] {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 6px;
}
.version-note-group .version-note-input[data-v-69cc0fa6] {
  width: 100%;
  padding: 8px 12px;
  font-size: 13px;
  color: #1f2937;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #ffffff;
  resize: none;
  line-height: 1.5;
  box-sizing: border-box;
  font-family: inherit;
}
.version-note-group .version-note-input[data-v-69cc0fa6]::-moz-placeholder {
  color: #9ca3af;
}
.version-note-group .version-note-input[data-v-69cc0fa6]::placeholder {
  color: #9ca3af;
}
.version-note-group .version-note-input[data-v-69cc0fa6]:focus {
  outline: none;
  border-color: #FEBC2C;
  box-shadow: 0 0 0 3px rgba(254, 188, 44, 0.15);
}
.version-option[data-v-69cc0fa6] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 12px;
  background: #ffffff;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.version-option[data-v-69cc0fa6]:hover {
  border-color: #d1d5db;
}
.version-option.selected[data-v-69cc0fa6] {
  border-color: #FEBC2C;
  background: #FFFBEB;
}
.version-option .version-number[data-v-69cc0fa6] {
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 4px;
}
.version-option .version-sublabel[data-v-69cc0fa6] {
  font-size: 12px;
  color: #6b7280;
}
.document-contents[data-v-69cc0fa6] {
  background: #f9fafb;
  border-radius: 8px;
  padding: 16px;
}
.document-contents .contents-label[data-v-69cc0fa6] {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 12px 0;
}
.document-contents .contents-list[data-v-69cc0fa6] {
  margin: 0 0 16px 0;
  padding-left: 20px;
}
.document-contents .contents-list li[data-v-69cc0fa6] {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.8;
}
.document-contents .format-cards[data-v-69cc0fa6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
  margin-bottom: 16px;
}
.document-contents .format-card[data-v-69cc0fa6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 16px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  text-align: center;
  transition: all 0.15s ease;
}
.document-contents .format-card[data-v-69cc0fa6]:hover {
  border-color: #d1d5db;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.document-contents .format-icon[data-v-69cc0fa6] {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.document-contents .format-icon--pdf[data-v-69cc0fa6] {
  background: #fef2f2;
  color: #dc2626;
}
.document-contents .format-icon--pptx[data-v-69cc0fa6] {
  background: #fff7ed;
  color: #ea580c;
}
.document-contents .format-label[data-v-69cc0fa6] {
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 2px;
}
.document-contents .format-sublabel[data-v-69cc0fa6] {
  font-size: 11px;
  color: #6b7280;
}
.document-contents .format-note[data-v-69cc0fa6] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px;
  background: #eff6ff;
  border-radius: 8px;
}
.document-contents .format-note svg[data-v-69cc0fa6] {
  flex-shrink: 0;
  color: #3b82f6;
  margin-top: 1px;
}
.document-contents .format-note span[data-v-69cc0fa6] {
  font-size: 12px;
  color: #1e40af;
  line-height: 1.5;
}
.modal-footer[data-v-69cc0fa6] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  background: #f9fafb;
  border-top: 1px solid #e5e7eb;
}
.cancel-btn[data-v-69cc0fa6] {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.cancel-btn[data-v-69cc0fa6]:hover {
  background: #f9fafb;
  border-color: #d1d5db;
}
.generate-btn[data-v-69cc0fa6] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background: #3F484C;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.generate-btn[data-v-69cc0fa6]:hover {
  background: #2d3437;
}
.generate-btn[data-v-69cc0fa6]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.generate-btn svg[data-v-69cc0fa6] {
  flex-shrink: 0;
}.modal-backdrop[data-v-9a453193] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  padding: 20px;
}
.modal-container[data-v-9a453193] {
  position: relative;
  width: 100%;
  max-width: 480px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
  padding: 32px 28px;
  text-align: center;
}
.close-btn[data-v-9a453193] {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s ease;
}
.close-btn[data-v-9a453193]:hover {
  background: #f3f4f6;
  color: #6b7280;
}
.success-icon[data-v-9a453193] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  background: #10B981;
  border-radius: 50%;
  margin-bottom: 20px;
  animation: scaleIn-9a453193 0.3s ease-out;
}
@keyframes scaleIn-9a453193 {
from {
    transform: scale(0);
}
to {
    transform: scale(1);
}
}
.modal-content[data-v-9a453193] {
  margin-bottom: 20px;
}
.modal-title[data-v-9a453193] {
  font-size: 22px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 8px 0;
}
.modal-description[data-v-9a453193] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
  line-height: 1.5;
}
.document-info[data-v-9a453193] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 16px;
  text-align: left;
}
.doc-name[data-v-9a453193] {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 4px;
}
.doc-meta[data-v-9a453193] {
  font-size: 12px;
  color: #6b7280;
}
.auto-download-notice[data-v-9a453193] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #eff6ff;
  border-left: 3px solid #3b82f6;
  padding: 12px 14px;
  border-radius: 8px;
  margin-bottom: 20px;
  text-align: left;
  font-size: 13px;
  color: #1e40af;
}
.auto-download-notice svg[data-v-9a453193] {
  flex-shrink: 0;
  color: #3b82f6;
  margin-top: 1px;
}
.download-section-title[data-v-9a453193] {
  font-size: 11px;
  font-weight: 700;
  color: #6b7280;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  text-align: left;
}
.download-cards[data-v-9a453193] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 16px;
}
.download-cards.single-card[data-v-9a453193] {
  grid-template-columns: 1fr;
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
}
.download-card[data-v-9a453193] {
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px 16px;
  text-align: center;
  background: white;
  cursor: pointer;
  transition: all 0.2s ease;
}
.download-card[data-v-9a453193]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.download-card.pdf[data-v-9a453193]:hover {
  border-color: #dc2626;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.15);
}
.download-card.pptx[data-v-9a453193]:hover {
  border-color: #ea580c;
  box-shadow: 0 4px 12px rgba(234, 88, 12, 0.15);
}
.download-icon-wrapper[data-v-9a453193] {
  width: 56px;
  height: 56px;
  margin: 0 auto 12px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.pdf .download-icon-wrapper[data-v-9a453193] {
  background: #fef2f2;
}
.pptx .download-icon-wrapper[data-v-9a453193] {
  background: #fff7ed;
}
.download-arrow[data-v-9a453193] {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 22px;
  height: 22px;
  background: #10B981;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.download-title[data-v-9a453193] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 4px;
}
.download-subtitle[data-v-9a453193] {
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 8px;
}
.file-size[data-v-9a453193] {
  font-size: 12px;
  color: #9ca3af;
  font-weight: 500;
}
.fallback-link[data-v-9a453193] {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 20px 0;
  text-align: center;
}
.fallback-link a[data-v-9a453193] {
  color: #f59e0b;
  text-decoration: none;
  font-weight: 500;
}
.fallback-link a[data-v-9a453193]:hover {
  text-decoration: underline;
}
.modal-footer[data-v-9a453193] {
  display: flex;
  gap: 12px;
}
.secondary-btn[data-v-9a453193] {
  flex: 1;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 600;
  color: #374151;
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.secondary-btn[data-v-9a453193]:hover {
  background: #f9fafb;
  border-color: #d1d5db;
}
.primary-btn[data-v-9a453193] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  background: #FEBC2C;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.primary-btn[data-v-9a453193]:hover {
  background: #f59e0b;
}
.primary-btn svg[data-v-9a453193] {
  flex-shrink: 0;
}
.modal-fade-enter-active[data-v-9a453193],
.modal-fade-leave-active[data-v-9a453193] {
  transition: opacity 0.3s ease;
}
.modal-fade-enter-active .modal-container[data-v-9a453193],
.modal-fade-leave-active .modal-container[data-v-9a453193] {
  transition: transform 0.3s ease;
}
.modal-fade-enter-from[data-v-9a453193],
.modal-fade-leave-to[data-v-9a453193] {
  opacity: 0;
}
.modal-fade-enter-from .modal-container[data-v-9a453193],
.modal-fade-leave-to .modal-container[data-v-9a453193] {
  transform: scale(0.95) translateY(10px);
}.ai-modal-overlay[data-v-8d79c57c] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
}
.ai-modal[data-v-8d79c57c] {
  background: #ffffff;
  border-radius: 12px;
  width: 100%;
  max-width: 640px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  position: relative;
}
.modal-header[data-v-8d79c57c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
}
.modal-header .header-left[data-v-8d79c57c] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modal-header .robot-icon[data-v-8d79c57c] {
  font-size: 24px;
}
.modal-header .header-title[data-v-8d79c57c] {
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
}
.modal-header .close-btn[data-v-8d79c57c] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s ease;
}
.modal-header .close-btn[data-v-8d79c57c]:hover {
  background: #f3f4f6;
  color: #1f2937;
}

/* Context Box - Yellow rounded box (not full-width banner) */
.context-banner[data-v-8d79c57c] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 16px 20px;
  padding: 14px 16px;
  background: #FEF3C7;
  border: 1px solid #FDE68A;
  border-radius: 8px;
}
.context-banner .lightbulb-icon[data-v-8d79c57c] {
  font-size: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}
.context-banner .context-info[data-v-8d79c57c] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.context-banner .context-label[data-v-8d79c57c] {
  font-size: 11px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.context-banner .context-field[data-v-8d79c57c] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
}
.modal-body[data-v-8d79c57c] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}

/* Text area with gray background */
.content-area[data-v-8d79c57c] {
  margin-bottom: 16px;
}
.content-area .content-textarea[data-v-8d79c57c] {
  width: 100%;
  min-height: 120px;
  padding: 16px;
  font-size: 14px;
  line-height: 1.6;
  color: #1f2937;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  resize: vertical;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.content-area .content-textarea[data-v-8d79c57c]:focus {
  outline: none;
  border-color: #FEBC2C;
  background: #ffffff;
}
.content-area .content-textarea.over-limit[data-v-8d79c57c] {
  border-color: #3F484C;
}
.content-area .content-textarea[data-v-8d79c57c]::-moz-placeholder {
  color: #9ca3af;
}
.content-area .content-textarea[data-v-8d79c57c]::placeholder {
  color: #9ca3af;
}
.content-area .character-count[data-v-8d79c57c] {
  text-align: right;
  font-size: 12px;
  color: #6b7280;
  margin-top: 6px;
}
.content-area .character-count.over-limit[data-v-8d79c57c] {
  color: #3F484C;
}
.ai-warning[data-v-8d79c57c] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 16px;
  background: #fef3c7;
  border-radius: 6px;
  margin-bottom: 20px;
}
.ai-warning .warning-icon[data-v-8d79c57c] {
  font-size: 14px;
  flex-shrink: 0;
}
.ai-warning span[data-v-8d79c57c]:last-child {
  font-size: 13px;
  color: #92400e;
  line-height: 1.4;
}

/* Refinement section - all 4 buttons in ONE row */
.refinement-section .refinement-title[data-v-8d79c57c] {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 12px 0;
}
.refinement-section .refinement-buttons[data-v-8d79c57c] {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-bottom: 12px;
}
.refinement-section .refine-btn[data-v-8d79c57c] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 12px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 12px;
  color: #374151;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.refinement-section .refine-btn[data-v-8d79c57c]:hover:not(:disabled) {
  background: #f9fafb;
  border-color: #d1d5db;
}
.refinement-section .refine-btn[data-v-8d79c57c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.refinement-section .refine-btn .btn-icon[data-v-8d79c57c] {
  font-size: 13px;
}
.refinement-section .refinement-dropdowns[data-v-8d79c57c] {
  display: flex;
  gap: 12px;
}
.refinement-section .refine-select[data-v-8d79c57c] {
  flex: 1;
  padding: 10px 14px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 13px;
  color: #374151;
  cursor: pointer;
  transition: all 0.15s ease;
}
.refinement-section .refine-select[data-v-8d79c57c]:hover:not(:disabled) {
  border-color: #d1d5db;
}
.refinement-section .refine-select[data-v-8d79c57c]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.refinement-section .refine-select[data-v-8d79c57c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.modal-footer[data-v-8d79c57c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
}
.modal-footer .footer-field-info[data-v-8d79c57c] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal-footer .footer-field-info .field-name[data-v-8d79c57c] {
  font-size: 13px;
  color: #6b7280;
}
.modal-footer .footer-field-info .field-progress[data-v-8d79c57c] {
  font-size: 11px;
  color: #9ca3af;
  font-weight: 500;
}
.modal-footer .footer-actions[data-v-8d79c57c] {
  display: flex;
  gap: 10px;
}
.action-btn[data-v-8d79c57c] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  /* Use Text button */
  /* Use & Build Next button - Yellow with arrow */
}
.action-btn[data-v-8d79c57c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.action-btn.btn-secondary[data-v-8d79c57c] {
  background: #FFCC00;
  border: none;
  color: #1f2937;
}
.action-btn.btn-secondary[data-v-8d79c57c]:hover:not(:disabled) {
  background: #e6b800;
}
.action-btn.btn-use[data-v-8d79c57c] {
  background: #3F484C;
  border: none;
  color: #ffffff;
}
.action-btn.btn-use[data-v-8d79c57c]:hover:not(:disabled) {
  background: #1F2937;
}
.action-btn.btn-primary[data-v-8d79c57c] {
  background: #FEBC2C;
  border: none;
  color: #1f2937;
}
.action-btn.btn-primary[data-v-8d79c57c]:hover:not(:disabled) {
  background: #FFCC00;
}
.loading-overlay[data-v-8d79c57c] {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.loading-overlay p[data-v-8d79c57c] {
  font-size: 14px;
  color: #6b7280;
}

/* Modal transitions */
.modal-fade-enter-active[data-v-8d79c57c],
.modal-fade-leave-active[data-v-8d79c57c] {
  transition: opacity 0.2s ease;
}
.modal-fade-enter-active .ai-modal[data-v-8d79c57c],
.modal-fade-leave-active .ai-modal[data-v-8d79c57c] {
  transition: transform 0.2s ease;
}
.modal-fade-enter-from[data-v-8d79c57c],
.modal-fade-leave-to[data-v-8d79c57c] {
  opacity: 0;
}
.modal-fade-enter-from .ai-modal[data-v-8d79c57c],
.modal-fade-leave-to .ai-modal[data-v-8d79c57c] {
  transform: scale(0.95);
}.pdf-generation-overlay[data-v-fceab96d] {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(4px);
}
.pdf-generation-overlay__content[data-v-fceab96d] {
  text-align: center;
  padding: 2rem;
}
.pdf-generation-overlay__spinner[data-v-fceab96d] {
  width: 48px;
  height: 48px;
  margin: 0 auto 1rem;
  border: 3px solid #e5e7eb;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: pdf-overlay-spin-fceab96d 1s linear infinite;
}
.pdf-generation-overlay__title[data-v-fceab96d] {
  font-size: 1.125rem;
  font-weight: 500;
  color: #374151;
  margin: 0 0 0.5rem;
}
.pdf-generation-overlay__subtitle[data-v-fceab96d] {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0;
}
@keyframes pdf-overlay-spin-fceab96d {
to {
    transform: rotate(360deg);
}
}
.project-business-plan[data-v-fceab96d] {
  display: flex;
  height: 100%;
  position: relative;
  /* Statement of Work mode - different layout */
  /* When SOW is active, adjust the layout */
}
.project-business-plan .wrapper-steps[data-v-fceab96d] {
  /* Height: viewport - header (64px) - footer (80px) - parent already has 15px top offset */
  height: calc(100vh - 64px - 80px - 15px);
  /* Width equals the visible content area: left sidebar (80) + left gap (15),
     right sidebar (398) + right gap (15). When the panel is collapsed, the
     freed sidebar space is reclaimed so catalogues/tables can stretch. */
  width: calc(100vw - 80px - 15px - 398px - 15px);
  background: #ffffff;
  border: none;
  box-shadow: none;
  margin-top: 0; /* Parent already 15px from header */
  margin-left: 0; /* Parent already 15px from left sidebar */
  margin-right: 0; /* Width calc handles gap */
  margin-bottom: 0; /* Container touches footer */
  padding: 15px; /* 15px internal padding */
  border-radius: 8px;
  overflow: auto;
  scrollbar-gutter: stable;
  /* Subtle scrollbar for main content area */
}
.project-business-plan .wrapper-steps[data-v-fceab96d]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: transparent;
}
.project-business-plan .wrapper-steps[data-v-fceab96d]::-webkit-scrollbar-track {
  background-color: transparent;
}
.project-business-plan .wrapper-steps[data-v-fceab96d]::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}
.project-business-plan .wrapper-steps[data-v-fceab96d]::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}
.project-business-plan.sidebar-collapsed .wrapper-steps[data-v-fceab96d]:not(.sow-mode) {
  width: calc(100vw - 80px - 15px - 15px); /* collapsed: the edge toggle floats over the 15px right gap */
}
.project-business-plan .sow-mode[data-v-fceab96d] {
  /* SOW main content - base styles */
  padding: 0;
  overflow: hidden;
  border-radius: 8px;
}
.project-business-plan.sow-active[data-v-fceab96d] {
  /* SOW Left Panel - Fixed position next to left sidebar */
  /* Full height: from header to ABSOLUTE bottom of screen */
  /* SOW Left Panel - Collapsed state */
  /* Adjust wrapper-steps for SOW mode */
  /* Parent at 95px, SOW panel at 80px with 280px width, ends at 360px */
  /* When SOW left panel is collapsed (20px strip) */
}
.project-business-plan.sow-active .sow-left-panel[data-v-fceab96d] {
  position: fixed;
  top: 64px; /* Directly under header - touches header */
  left: 80px; /* Directly next to left sidebar - touches it */
  bottom: 0; /* To ABSOLUTE bottom of screen (not footer) */
  width: 280px; /* Width for full label text - single line per section */
  background: #ffffff;
  border-right: 1px solid #e5e7eb;
  z-index: 100; /* Above footer (z-index 99) so panel covers footer area */
  overflow: hidden; /* Contain children - no overflow extending beyond panel */
  transition: width 0.3s ease;
}
.project-business-plan.sow-active .sow-left-panel.sow-left-collapsed[data-v-fceab96d] {
  width: 20px; /* Slim strip for the toggle button only */
}
.project-business-plan.sow-active .wrapper-steps.sow-mode[data-v-fceab96d] {
  /* Position: SOW panel right edge (360px) + gap (15px) - parent left (95px) = 280px from parent */
  margin-left: 280px; /* SOW panel + gap - account for parent offset */
  margin-top: 0; /* Parent already 15px from header */
  margin-right: 0; /* Width calc handles gap */
  margin-bottom: 0; /* Sits on footer */
  /* SOW has its own left nav and does not use the right status sidebar;
     always size the content as if the right sidebar were hidden. */
  width: calc(100vw - 80px - 280px - 15px - 15px);
  height: calc(100vh - 64px - 80px - 15px); /* viewport - header - footer - top margin */
}
.project-business-plan.sow-active .wrapper-steps.sow-mode.sow-left-collapsed[data-v-fceab96d] {
  /* SOW panel right edge: 80px + 20px = 100px; margin = 100 - 95 + 15 = 20px */
  margin-left: 20px;
  width: calc(100vw - 80px - 20px - 15px - 15px);
}

/* Control button styles for footer */
.control-btn[data-v-fceab96d] {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s ease;
}
.control-btn--nav[data-v-fceab96d] {
  background-color: #ffffff;
  color: #374151;
  border: 1px solid #d1d5db;
}
.control-btn--nav[data-v-fceab96d]:hover:not(:disabled) {
  background-color: #f9fafb;
  border-color: #9ca3af;
}
.control-btn--secondary[data-v-fceab96d] {
  background-color: #ffffff;
  color: #374151;
  border: 1px solid #d1d5db;
}
.control-btn--secondary[data-v-fceab96d]:hover:not(:disabled) {
  background-color: #f3f4f6;
}
.control-btn--primary[data-v-fceab96d] {
  background-color: #febc2c;
  color: #1f2937;
  border: 1px solid #febc2c;
}
.control-btn--primary[data-v-fceab96d]:hover:not(:disabled) {
  background-color: #f59e0b;
  border-color: #f59e0b;
}
.control-btn--disabled[data-v-fceab96d] {
  opacity: 0.5;
  cursor: not-allowed;
}
.control-btn[data-v-fceab96d]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.l4p-leave-overlay[data-v-fceab96d] {
  position: fixed;
  inset: 0;
  background: rgba(12, 10, 9, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
}
.l4p-leave-modal[data-v-fceab96d] {
  background: #ffffff;
  border-radius: 12px;
  width: 100%;
  max-width: 440px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  padding: 20px;
}
.l4p-leave-modal__title[data-v-fceab96d] {
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 8px;
}
.l4p-leave-modal__body[data-v-fceab96d] {
  font-size: 14px;
  line-height: 1.5;
  color: #374151;
  margin-bottom: 16px;
}
.l4p-leave-modal__actions[data-v-fceab96d] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.l4p-leave-btn[data-v-fceab96d] {
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  border: none;
  transition: background 0.12s;
}
.l4p-leave-btn--cancel[data-v-fceab96d] {
  background: #3f484c;
  color: #ffffff;
}
.l4p-leave-btn--cancel[data-v-fceab96d]:hover {
  background: #1f2937;
}
.l4p-leave-btn--leave[data-v-fceab96d] {
  background: #febc2c;
  color: #1f2937;
}
.l4p-leave-btn--leave[data-v-fceab96d]:hover {
  background: #ffcc00;
}.blueprint-left-nav[data-v-3948f2c2] {
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  background: #ffffff;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-right: none; /* No border - gap handled by parent */
}
.nav-header[data-v-3948f2c2] {
  padding: 16px;
  border-bottom: 1px solid #e5e7eb;
}
.nav-header .blueprint-title[data-v-3948f2c2] {
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 4px 0;
  line-height: 1.3;
}
.nav-header .section-count[data-v-3948f2c2] {
  font-size: 12px;
  color: #6b7280;
  margin: 0 0 12px 0;
}
.progress-container[data-v-3948f2c2] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.progress-container .progress-text[data-v-3948f2c2] {
  font-size: 12px;
  font-weight: 600;
  color: #22c55e;
  min-width: 32px;
}
.progress-container .progress-bar[data-v-3948f2c2] {
  flex: 1;
  height: 6px;
  background: #e5e7eb;
  border-radius: 3px;
  overflow: hidden;
}
.progress-container .progress-fill[data-v-3948f2c2] {
  height: 100%;
  background: #22c55e;
  border-radius: 3px;
  transition: width 0.3s ease;
}
.sections-list[data-v-3948f2c2] {
  flex: 1;
  overflow-y: auto;
  padding: 8px 0;
  /* Custom scrollbar */
}
.sections-list[data-v-3948f2c2]::-webkit-scrollbar {
  width: 4px;
}
.sections-list[data-v-3948f2c2]::-webkit-scrollbar-track {
  background: transparent;
}
.sections-list[data-v-3948f2c2]::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 2px;
}
.section-item[data-v-3948f2c2] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  cursor: pointer;
  transition: all 0.15s ease;
  border-left: 3px solid transparent;
}
.section-item[data-v-3948f2c2]:hover {
  background: #f9fafb;
}
.section-item.active[data-v-3948f2c2] {
  background: #FFFBEB;
  border-left-color: #FEBC2C;
  /* Active section indicator should be yellow */
}
.section-item.active .section-name[data-v-3948f2c2] {
  font-weight: 600;
  color: #1f2937;
}
.section-item.active .section-indicator.status-not-started[data-v-3948f2c2] {
  background: #FEBC2C;
}
.section-item.active .section-indicator.status-not-started .section-number[data-v-3948f2c2] {
  color: #1f2937;
}
.section-item .section-indicator[data-v-3948f2c2] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  /* Status: Not Started - Gray number */
  /* Status: In Progress - Yellow */
  /* Status: Completed - Green with checkmark */
}
.section-item .section-indicator .section-number[data-v-3948f2c2] {
  font-size: 11px;
  font-weight: 600;
}
.section-item .section-indicator .check-icon[data-v-3948f2c2] {
  position: absolute;
  display: none;
}
.section-item .section-indicator.status-not-started[data-v-3948f2c2] {
  background: #e5e7eb;
}
.section-item .section-indicator.status-not-started .section-number[data-v-3948f2c2] {
  color: #6b7280;
}
.section-item .section-indicator.status-in-progress[data-v-3948f2c2] {
  background: #FEBC2C;
}
.section-item .section-indicator.status-in-progress .section-number[data-v-3948f2c2] {
  color: #1f2937;
}
.section-item .section-indicator.status-completed[data-v-3948f2c2] {
  background: #22c55e;
}
.section-item .section-indicator.status-completed .section-number[data-v-3948f2c2] {
  display: none;
}
.section-item .section-indicator.status-completed .check-icon[data-v-3948f2c2] {
  display: block;
}
.section-item .section-name[data-v-3948f2c2] {
  font-size: 13px;
  color: #374151;
  line-height: 1.2;
  white-space: nowrap; /* Force single line */
  overflow: hidden;
  text-overflow: ellipsis;
}.blueprint-section-view[data-v-7f8456d9] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
}
.section-header[data-v-7f8456d9] {
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
}
.section-header .header-content[data-v-7f8456d9] {
  width: 100%;
}
.section-header .section-title[data-v-7f8456d9] {
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 4px 0;
}
.section-header .section-meta[data-v-7f8456d9] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.section-header .section-meta .last-modified[data-v-7f8456d9] {
  color: #9ca3af;
}
.section-content[data-v-7f8456d9] {
  flex: 1;
  padding: 20px 24px;
  overflow-y: auto;
}
.section-content .content-grid[data-v-7f8456d9] {
  display: flex;
  gap: 24px;
  height: 100%;
  /* 50/50 two-column layout */
}
.section-content .content-grid .fields-column[data-v-7f8456d9] {
  flex: 1;
  min-width: 0; /* Allow shrinking */
}
.section-content .content-grid .visual-column[data-v-7f8456d9] {
  flex: 1;
  min-width: 0; /* Allow shrinking */
}
.fields-column .field-group[data-v-7f8456d9] {
  margin-bottom: 24px;
}
.fields-column .field-group[data-v-7f8456d9]:last-child {
  margin-bottom: 0;
}
.fields-column .field-label[data-v-7f8456d9] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 6px;
}
.fields-column .field-description[data-v-7f8456d9] {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 8px 0;
}
.fields-column .field-input-wrapper[data-v-7f8456d9] {
  position: relative;
}
.fields-column .field-input-wrapper .ai-assist-btn[data-v-7f8456d9] {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: #FEBC2C;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.fields-column .field-input-wrapper .ai-assist-btn[data-v-7f8456d9]:hover {
  background: #FFCC00;
}
.fields-column .field-input-wrapper .ai-assist-btn svg[data-v-7f8456d9] {
  width: 14px;
  height: 14px;
}
.fields-column .field-input[data-v-7f8456d9],
.fields-column .field-textarea[data-v-7f8456d9] {
  width: 100%;
  padding: 12px 80px 12px 16px; /* Right padding for AI button */
  font-size: 14px;
  color: #1f2937;
  border: 1px solid #FEBC2C;
  border-radius: 6px;
  background: #ffffff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.fields-column .field-input[data-v-7f8456d9]::-moz-placeholder, .fields-column .field-textarea[data-v-7f8456d9]::-moz-placeholder {
  color: #9ca3af;
}
.fields-column .field-input[data-v-7f8456d9]::placeholder,
.fields-column .field-textarea[data-v-7f8456d9]::placeholder {
  color: #9ca3af;
}
.fields-column .field-input[data-v-7f8456d9]:focus,
.fields-column .field-textarea[data-v-7f8456d9]:focus {
  outline: none;
  border-color: #FFCC00;
  box-shadow: 0 0 0 3px rgba(254, 188, 44, 0.2);
}
.fields-column .field-textarea[data-v-7f8456d9] {
  min-height: 120px;
  resize: vertical;
  line-height: 1.5;
}
.visual-column[data-v-7f8456d9] {
  display: flex;
  flex-direction: column;
}
.visual-column .ai-visual-placeholder[data-v-7f8456d9] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f9fafb;
  border: 2px dashed #e5e7eb;
  border-radius: 8px;
  padding: 32px 24px;
  text-align: center;
  min-height: 300px; /* Ensure minimum height */
}
.visual-column .ai-visual-placeholder .visual-icon[data-v-7f8456d9] {
  margin-bottom: 16px;
}
.visual-column .ai-visual-placeholder .visual-icon svg[data-v-7f8456d9] {
  opacity: 0.6;
}
.visual-column .ai-visual-placeholder .visual-text[data-v-7f8456d9] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 16px 0;
}
.visual-column .ai-visual-placeholder .generate-visual-btn[data-v-7f8456d9] {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  transition: all 0.15s ease;
}
.visual-column .ai-visual-placeholder .generate-visual-btn[data-v-7f8456d9]:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}

/* Footer styles removed - using global ControlBarFooter */.textarea-component__field-textarea {
  background: #e8edf2;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
}
.textarea-component__field-textarea:focus {
  border-color: #febc2c;
  --tw-ring-color: #febc2c;
}
.textarea-component__countString {
  position: absolute;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #4a4a4a;
  right: 10px;
  bottom: 16px;
  opacity: 0.4;
}
.textarea-component__field-textarea:disabled {
  background-color: #f2f2f2;
  color: #3d4852;
}.business-fields-group_text {
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.business-fields-group_text p {
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #2e4050;
}
.business-fields-group_text p:first-child {
  font-weight: 600;
  height: 20px;
}
.business-fields-group_text p:last-child {
  font-size: 13px;
  line-height: 19px;
}
.business-fields-group_item textarea {
  height: 220px;
}.scrolled-textarea {
  height: 100%;
  width: 100%;
  border: none;
  resize: none;
  border-radius: inherit;
}
.scrolled-textarea__container {
  padding-left: 0px !important;
  padding-right: 0px !important;
  outline: 2.5px solid #febc2c;
  margin-right: 2px;
  margin-left: 1px;
  margin-bottom: 2px;
  border-right: none !important;
}
.scrolled-textarea:focus {
  border-color: #febc2c;
  --tw-ring-color: #febc2c;
  /*margin-bottom: 2px;
  margin-right: 1px;*/
}.ProseMirror > * + * {
  margin-top: 0.75em;
}
.ProseMirror ul,
.ProseMirror ol {
  padding: 0 1rem;
}
.ProseMirror ul > li,
.ProseMirror ol > li {
  list-style: disc;
}
.is-active svg, .is-active svg path {
  stroke: #febc2c;
  fill: #febc2c;
}
#colorTextEditor {
  height: 0;
  width: 0;
  opacity: 0;
}
.hoba-editor {
  padding: 10px;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
}
.hoba-editor--navigation-editor {
  height: 20px;
  display: flex;
}
.hoba-editor__area {
  margin-top: 10px;
}
.hoba-editor__area > div {
  min-height: 100px;
}
.hoba-editor .ProseMirror-focused {
  outline: none;
}.adding-input[data-v-83ab9a2d] {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    margin-left: 1px
}[data-v-025d5e38]:v-deep(.hoba-editor__area > div) {
  min-height: unset !important;
}/* Input styling - icon positioning */
.dp__input {
  padding: 6px 38px 6px 12px !important;
}
.dp__input_icon {
  right: 9px !important;
  left: auto !important;
}

/* Note: Color styles are now in global app.css for consistency */
/* See: resources/css/app.css - "HOBA Brand - Vue Date Picker Overrides" */[data-v-6e3a062b]:root {
  --percentage: "0";
  --percentage-second: "0";
}
.rounded-model[data-v-6e3a062b] {
  background: #e9e9e9;
  border: 1px dashed #b9bccc;
  border-radius: 6px;
  height: 100%;
  -webkit-appearance: none;
  position: relative;
  z-index: 2;
}
.rounded-model-text[data-v-6e3a062b] {
  height: 25px;
  position: absolute;
  background: transparent;
  z-index: 1;
  border: 1px dashed #b9bccc;
  border-radius: 6px;
  text-align: right;
  font-weight: 600;
  color: #2e4050;
  left: 0;
}
.rounded-model-text.active[data-v-6e3a062b] {
  z-index: 3;
}
.rounded-model[data-v-6e3a062b]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: 0px; /* Centers thumb on the track */
  background-color: #474747;
  border-radius: 5px;
  margin-right: 10px;
  width: 5px;
  height: 16px;
  border: 0;
  cursor: col-resize;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.range-slide:hover .rounded-model[data-v-6e3a062b]::-webkit-slider-thumb,
.range-slide:hover .edit-range-action[data-v-6e3a062b] {
  opacity: 1;
}
.range-slide[data-v-6e3a062b] {
  border-radius: 6px;
  width: 100%;
  background-color: #e9e9e9;
}
.range-slide .edit-range-action[data-v-6e3a062b] {
  transition: all 0.3ms;
  opacity: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  padding: 4px;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  right: -7px;
  top: -10px;
  z-index: 5;
}
.range-slide .edit-range-action > svg[data-v-6e3a062b] {
  margin-left: 2px;
  margin-top: 1px;
}
.range-slide .edit-range-action.active[data-v-6e3a062b] {
  opacity: 1;
}
.range-slide .edit-range-action.active > svg[data-v-6e3a062b] {
  margin-top: 2px;
}
.range-slide .edit-range-action.active > svg > path[data-v-6e3a062b] {
  fill: #0f9d58;
}
.range-slide .edit-range-action[data-v-6e3a062b]:hover {
  background-color: #f2f2f2;
}
.range-slide .box-gradient[data-v-6e3a062b] {
  position: absolute;
  height: 25px;
  overflow: hidden;
  border-radius: 6px;
  background: linear-gradient(90deg, #0f9d58 0.65%, #f6c118 49.99%, #f35b52 98.69%), linear-gradient(270deg, #b83737 0%, #febc2c 79.64%, #b83737 100%);
  width: calc(100% - 1px);
}
.range-slide .box-gradient .thumb-progress[data-v-6e3a062b] {
  background-color: #e9e9e9;
  height: inherit;
}
#range-progress-slide[data-v-6e3a062b] {
  background-color: transparent;
}body[data-v-556e45ff] {
  text-align: center;
  background: #51c3a0;
  padding: 50px;
}
.switch[data-v-556e45ff] {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  transform: scale(0.75);
}
.switch_word[data-v-556e45ff] {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: rgb(46, 64, 80);
}
.switch_word_left[data-v-556e45ff] {
  margin-right: 0.25rem;
}
.switch_word_right[data-v-556e45ff] {
  margin-left: 0.25rem;
}
.switch input[data-v-556e45ff] {
  display: none;
}
.slider[data-v-556e45ff] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border: 1px solid #c4c4c4;
  transition: 0.4s;
}
input:checked + .slider_reversed[data-v-556e45ff]:before {
  background: #d3d3d3 !important;
}
input:not(:checked) + .slider_reversed[data-v-556e45ff]:before {
  background: #099954 !important;
}
.slider[data-v-556e45ff]:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 3px;
  bottom: 3px;
  background-color: #d3d3d3;
  transition: 0.4s;
}
input:checked + .slider[data-v-556e45ff]:before {
  transform: translateX(26px);
  background: #099954;
}
.slider.round[data-v-556e45ff] {
  border-radius: 34px;
  border-bottom: 1px solid #c4c4c4 !important;
  border-right: 1px solid #c4c4c4 !important;
}
.slider.round[data-v-556e45ff]:before {
  border-radius: 50%;
}.item-label[data-v-2a6a9f98] {
  display: flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #e8e8e8;
  border-radius: 6px
}.table-list[data-v-5330870b] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.table-list__item[data-v-5330870b] {
  margin-bottom: 0.25rem;
}
.table-list__item[data-v-5330870b]::marker {
  color: #febc2c;
}.multiselect {
  min-height: 42px !important;
  border-radius: 4px;
}
.multiselect__tags {
  border-color: #c4c4c4;
  min-height: 42px !important;
  border-radius: 4px;
}
.multiselect__tags, .multiselect__input {
  font-family: "Montserrat", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}
.multiselect__input {
  border-color: #febc2c;
  --tw-ring-color: #febc2c !important;
  outline-offset: 4px !important;
  outline: 4px solid transparent !important;
}
.multiselect__placeholder {
  margin-bottom: 2px !important;
}
.multiselect__selected > .multiselect__tags {
  padding-top: 10px !important;
  font-family: "Montserrat", sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  color: black;
}
.multiselect__empty > .multiselect__tags {
  padding-top: 6px !important;
}
.multiselect__option--highlight {
  background: #fef3c7 !important;
  color: #111827 !important;
}
.multiselect__option--selected {
  background: #eff6ff !important;
  color: #111827 !important;
}.p-hidden-accessible {
  display: none;
}
.p-radiobutton-box {
  position: relative;
  width: 22px;
  height: 22px;
  border: 1px solid #a7b6c4;
  border-radius: 20px;
  cursor: pointer;
}
.p-radiobutton-icon {
  width: 14px;
  height: 14px;
  border-radius: 20px;
  background: #febc2c;
  position: relative;
  top: 3px;
  left: 3px;
}
.p-highlight {
  border-radius: 20px;
  border: 1px solid #febc2c;
}
.p-radiobutton-checked + label {
  font-weight: 600 !important;
}.action_table[data-v-259507b8] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.action_table .sat-header-actions[data-v-259507b8] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.action_table .sat-screen[data-v-259507b8] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.action_table .sat-container[data-v-259507b8] {
  flex: 1;
  min-height: 0;
  background: #f4f7fa;
  border: 1px solid #C3CFD8;
  border-radius: 12px 12px 0 0;
  padding: 16px;
}
.action_table .sat-table-card[data-v-259507b8] {
  max-width: 1020px;
  margin: 0 auto;
  border-color: #C3CFD8 !important;
  background: #ffffff;
}
.action_table .sat-header[data-v-259507b8] {
  display: grid;
  grid-template-columns: 60px 1fr 220px 200px;
  background: #e8edf2;
  border-bottom: 1px solid #C3CFD8;
}
.action_table .sat-header .sat-cell[data-v-259507b8] {
  padding: 10px 14px;
  font-size: 11px;
  font-weight: 600;
  color: #5f6b76;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.action_table .sat-row[data-v-259507b8] {
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
  transition: background 0.15s;
}
.action_table .sat-row--even[data-v-259507b8] {
  background: #ffffff;
}
.action_table .sat-row--open[data-v-259507b8] {
  background: #f4f7fa;
}
.action_table .sat-data[data-v-259507b8] {
  display: grid;
  grid-template-columns: 60px 1fr 220px 160px;
  font-size: 13px;
  cursor: pointer;
}
.action_table .sat-cell[data-v-259507b8] {
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 48px;
}
.action_table .sat-cell--num[data-v-259507b8] {
  justify-content: center;
}
.action_table .sat-cell--step[data-v-259507b8] {
  font-weight: 500;
  color: #303030;
}
.action_table .sat-badge[data-v-259507b8] {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #febc2c;
  color: #1a1208;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 11px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.action_table .sat-chevron[data-v-259507b8] {
  color: #9B958A;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.action_table .sat-step-name[data-v-259507b8] {
  font-weight: 500;
  color: #303030;
}
.action_table .sat-dash[data-v-259507b8] {
  color: #B4B2A9;
  font-size: 13px;
}
.action_table .sat-desc[data-v-259507b8] {
  padding: 4px 20px 16px 76px;
}
.action_table .sat-desc__header[data-v-259507b8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10.5px;
  font-weight: 700;
  color: #9B958A;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 6px;
}
.action_table .sat-desc__textarea[data-v-259507b8] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #D5D0C8;
  border-radius: 6px;
  background: #FFFFFF;
  font-size: 13px;
  line-height: 1.5;
  font-family: inherit;
  resize: vertical;
  outline: none;
  color: #303030;
}
.action_table .sat-desc__textarea[data-v-259507b8]:focus {
  border-color: #f59e0b;
}
.action_table .sat-desc__hint[data-v-259507b8] {
  margin-top: 6px;
  font-size: 11px;
  color: #9B958A;
  display: flex;
  align-items: center;
  gap: 6px;
}
.action_table .tag[data-v-259507b8] {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 500;
}
.action_table .tag-role[data-v-259507b8] {
  background: #FFF0D6;
  color: #7A4800;
}
.action_table .tag-system[data-v-259507b8] {
  background: #E6F1FB;
  color: #0C447C;
}
.action_table .pmm-btn-sm.ghost[data-v-259507b8] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 26px;
  padding: 0 8px;
  border-radius: 5px;
  border: 1px solid transparent;
  background: transparent;
  font-size: 11px;
  font-weight: 600;
  color: #9B958A;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s;
}
.action_table .pmm-btn-sm.ghost[data-v-259507b8]:hover {
  background: #F4F7FA;
  border-color: #E8E0D0;
}
.action_table .pmm-btn-sm.ghost.sat-refine-btn[data-v-259507b8] {
  border: 1px solid #D5D0C8;
  color: #9B958A;
  cursor: not-allowed;
}
.action_table .pmm-btn-sm.ghost.sat-refine-btn[data-v-259507b8]:hover {
  background: #F4F7FA;
  border-color: #D5D0C8;
  color: #9B958A;
}
.action_table .sat-edit-btn[data-v-259507b8] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 34px;
  padding: 0 12px;
  border-radius: 6px;
  border: 1px solid #d1d5db;
  background: #FFFFFF;
  color: #374151;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
  margin-left: 8px;
  font-size: 12px;
  font-weight: 500;
}
.action_table .sat-edit-btn[data-v-259507b8]:hover {
  background: #f4f7fa;
  border-color: #9ca3af;
  color: #374151;
}
.action_table .sat-edit-btn--active[data-v-259507b8] {
  border-color: #f59e0b;
  color: #1f2937;
  font-weight: 600;
}
.action_table .sat-ai-toast[data-v-259507b8] {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 400px;
  max-width: 400px;
  padding: 12px 16px;
  background: #FFF8EC;
  border: 1px solid #FDE68A;
  border-radius: 8px;
  color: #92400E;
  font-size: 13px;
  font-weight: 500;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.action_table .sat-policy-chip[data-v-259507b8] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  padding: 2px 8px;
  background: #fef3c7;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 500;
  color: #78350f;
  width: -moz-fit-content;
  width: fit-content;
}
.action_table .sat-desc__policy[data-v-259507b8] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 8px 12px;
  background: #fef3c7;
  border-radius: 6px;
  font-size: 12px;
}
.action_table .sat-policy-label[data-v-259507b8] {
  font-weight: 600;
  color: #78350f;
}
.action_table .sat-policy-value[data-v-259507b8] {
  color: #92400e;
  font-weight: 500;
}
.action_table .sat-empty-state[data-v-259507b8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
  text-align: center;
  color: #9ca3af;
}
.action_table .sat-empty-state__icon[data-v-259507b8] {
  margin-bottom: 16px;
  color: #d1d5db;
}
.action_table .sat-empty-state__title[data-v-259507b8] {
  font-size: 15px;
  font-weight: 600;
  color: #4b5563;
  margin-bottom: 6px;
}
.action_table .sat-empty-state__desc[data-v-259507b8] {
  font-size: 13px;
  color: #9ca3af;
  max-width: 360px;
}
.action_table .full-container[data-v-259507b8] {
  width: 100% !important;
}
.action_table .field-border[data-v-259507b8] {
  border: 1px dashed #bbb9b9 !important;
  border-radius: 6px;
}.constructor__analyze_diagram_form-item[data-v-6a90b8c4] {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 18px;
}
.constructor__analyze_diagram_form-item .rounded-information[data-v-6a90b8c4] {
  width: 158px;
  height: inherit;
  background: #ffffff;
  border-radius: 6px;
  margin: 0 8px;
  text-align: center;
}
.constructor__analyze_diagram_form-item .rounded-information > h2[data-v-6a90b8c4] {
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 59px;
}
.constructor__analyze_diagram_form-item .rounded-information > span[data-v-6a90b8c4] {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #2e4050;
}
.constructor__analyze_diagram_form-item .rounded-left[data-v-6a90b8c4] {
  transform: rotate(360deg);
}
.constructor__analyze_diagram_form-item .rounded-right[data-v-6a90b8c4] {
  transform: rotate(180deg);
}
.constructor__analyze_diagram_form-item .rounded-right .rounded-model-text[data-v-6a90b8c4] {
  transform: rotate(180deg);
  text-align: left;
}
.constructor__analyze_diagram_form-item .rounded-right .edit-range-action[data-v-6a90b8c4] {
  transform: rotate(180deg);
  top: 14px;
}
.constructor__analyze_diagram_form-item .rounded-left[data-v-6a90b8c4], .constructor__analyze_diagram_form-item .rounded-right[data-v-6a90b8c4] {
  width: calc(100% - 530px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.constructor__analyze_diagram_form_impact[data-v-6a90b8c4] {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  height: 30px;
  margin-bottom: 16px;
}
.constructor__analyze_diagram_form_impact__gradient-group[data-v-6a90b8c4] {
  display: flex;
  align-items: center;
  width: -webkit-fill-available;
  height: 30px;
  padding-left: 1px;
}
.constructor__analyze_diagram_form_impact-title[data-v-6a90b8c4] {
  height: 30px;
  width: 170px;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #2e4050;
  padding: 0 40px;
}
.constructor__analyze_diagram_form_impact-left[data-v-6a90b8c4] {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #0f9d58 0.65%, #f6c118 49.99%, #f35b52 98.69%), linear-gradient(90deg, #b83737 0%, #febc2c 79.64%, #b83737 100%);
  clip-path: polygon(0 15px, 25px 0%, 0 0, 100% 0%, 100% 100%, 100% 100%, 25px 30px, 0% 50%, 0% 10%);
}
.constructor__analyze_diagram_form_impact-right[data-v-6a90b8c4] {
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, #0f9d58 0.65%, #f6c118 49.99%, #f35b52 98.69%), linear-gradient(270deg, #b83737 0%, #febc2c 79.64%, #b83737 100%);
  clip-path: polygon(0 0%, 0% 0%, 0 0, 93% 0%, 100% 50%, 93% 100%, 0% 100%, 0% 0%, 0% 0%);
}.vue-universal-modal-show {
  z-index: 20;
}
.wrapper_dependencies-map .line-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.wrapper_dependencies-map .org-tree-node-label .org-tree-node-label-inner {
  box-shadow: none;
}
.wrapper_dependencies-map .org-tree-node-children:has(.test) {
  display: grid !important;
}
.wrapper_dependencies-map .org-tree-node-label .org-tree-node-label-inner {
  padding: 10px 10px;
}
.wrapper_dependencies-map .org-tree-container, .wrapper_dependencies-map .org-tree-node-children, .wrapper_dependencies-map .org-tree-node {
  padding: 0;
}
.wrapper_dependencies-map .org-tree-container {
  background-color: unset;
  position: relative;
  z-index: 1;
}
.wrapper_dependencies-map .org-tree-node-label.node-deep {
  height: auto;
  padding: 0;
}
.wrapper_dependencies-map .org-tree-node-label {
  height: 195px;
}
.wrapper_dependencies-map .org-tree-node-btn {
  top: 78%;
  width: 23px;
  height: 23px;
}
.wrapper_dependencies-map .org-tree-node:after, .wrapper_dependencies-map .org-tree-node:before {
  top: 6px;
  height: 64px;
}
.wrapper_dependencies-map .org-tree-node-children:before {
  top: -72px;
  height: 78px;
  z-index: 1;
}
.wrapper_dependencies-map .collapsable .org-tree-node.collapsed .org-tree-node-label:after {
  top: 77%;
  left: 1px;
  height: 40px;
  border-right: 1px solid #a7b6c4;
}
.wrapper_dependencies-map .org-tree-node:after, .wrapper_dependencies-map .org-tree-node-children:before {
  border: none;
}
.wrapper_dependencies-map .org-tree-node:not(:first-child):before, .wrapper_dependencies-map .org-tree-node:not(:last-child):after {
  border: none;
}
.wrapper_dependencies-map .org-tree-node-btn:after {
  left: 49%;
}
.wrapper_dependencies-map .org-tree-node-btn:before {
  top: 49%;
}
.wrapper_dependencies-map .org-tree-node-btn {
  display: none;
}
.benefits-map-drawer {
  position: fixed;
  top: 79px;
  right: 15px;
  bottom: 80px;
  width: 400px;
  z-index: 96;
  background-color: #ffffff;
  border: 1px solid #e8edf2;
  border-radius: 8px;
  overflow-y: auto;
}
.benefits-map-drawer__close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s;
}
.benefits-map-drawer__close:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.benefits-drawer-slide-enter-active,
.benefits-drawer-slide-leave-active {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.benefits-drawer-slide-enter-from,
.benefits-drawer-slide-leave-to {
  transform: translateX(100%);
  opacity: 0;
}.benefits-empty-state[data-v-4d2962f4] {
  background-color: #ffffff;
  border: 1px dashed #a7b6c4;
  border-radius: 12px;
  margin: 40px auto;
  max-width: 480px;
}
.navigations-card[data-v-4d2962f4] {
  padding: 3px;
  border-radius: 5px;
  cursor: pointer;
}
.navigations-card[data-v-4d2962f4]:hover {
  background-color: #7e7e7e;
  padding: 3px;
  border-radius: 5px;
}
.switch-map-settings-btn[data-v-4d2962f4] {
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(218, 221, 223, var(--tw-border-opacity));
}
.actions-map[data-v-4d2962f4] {
  top: 20px;
}
.actions-map .move-action[data-v-4d2962f4] {
  position: relative;
  background-color: transparent;
  overflow: hidden;
}
.actions-map .path-action[data-v-4d2962f4] {
  position: relative;
  background-color: transparent;
  overflow: hidden;
}
.constructor__tree_fields-item[data-v-4d2962f4] {
  height: 372px;
  border: 1px dashed #b5b5b5;
  position: relative;
  margin: 10px;
  border-radius: 6px;
}
.constructor__tree_fields-item__head[data-v-4d2962f4] {
  height: 100%;
  width: 47px;
  background: #e3ebf2;
  border-radius: 6px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.1em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  transform: rotate(180deg);
  writing-mode: vertical-lr;
  color: #2e4050;
  text-transform: uppercase;
}
.wrapper-body[data-v-4d2962f4] {
  height: 1400px;
  background-color: #f4f7fa;
}
.constructor__dependencies-map[data-v-4d2962f4] {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding-left: 51px;
}
.constructor__dependencies-map--enabler[data-v-4d2962f4] {
  background-color: #febc2c !important;
  border: none !important;
}
.constructor__dependencies-map__select_benefit[data-v-4d2962f4] {
  background-color: #fff;
  width: 100%;
}
.constructor__dependencies-map__select_benefit__title[data-v-4d2962f4] {
  color: #2e4050;
  text-align: center;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}
.constructor__dependencies-map__select_benefit__select__radio[data-v-4d2962f4] {
  border-radius: 6px;
  background: var(--grey-bg, #f4f7fa);
}
.constructor__dependencies-map__select_benefit__select__radio__input[data-v-4d2962f4] {
  background: #fff;
  border: 3px solid #2e4050;
  border-radius: 4px;
}
.constructor__dependencies-map__select_benefit__select__radio__input[data-v-4d2962f4]:checked {
  background-image: url(/images/check-box.svg);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  border: 3px solid #2e4050;
  border-radius: 4px;
}
.constructor__dependencies-map__select_benefit__select__radio__input[data-v-4d2962f4]:hover {
  background-color: #fff;
  border: 3px solid #2e4050;
  border-radius: 4px;
}
.constructor__dependencies-map__select_benefit__select__radio__input[data-v-4d2962f4]:focus {
  --tw-ring-color: none;
}
.constructor__dependencies-map__select_benefit__button[data-v-4d2962f4] {
  background-color: #febc2c;
  color: #2e4050;
  text-align: center;
  text-transform: uppercase;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.constructor__dependencies-map__delete[data-v-4d2962f4] {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  transition: all 0.3s;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  color: #818080;
  border: 1px solid #818080;
  font-size: 11px;
}
.constructor__dependencies-map__legend[data-v-4d2962f4] {
  background-color: #cdd4db;
}
.constructor__dependencies-map__legend__item--label[data-v-4d2962f4] {
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}
.constructor__dependencies-map__legend__item--strategic-objective[data-v-4d2962f4] {
  background-color: #febc2c;
  border-radius: 50%;
}
.constructor__dependencies-map__legend__item--final-benefit[data-v-4d2962f4] {
  border-radius: 3px;
  background: #a7b6c4;
}
.constructor__dependencies-map__legend__item--immediate-benefit[data-v-4d2962f4] {
  border-radius: 3px;
  background: #e3ebf2;
}
.constructor__dependencies-map__name[data-v-4d2962f4] {
  color: var(--dark-text, #2e4050);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  width: 149px;
  min-height: 26px;
  max-height: 70px;
}
.constructor__dependencies-map__strategic-objective[data-v-4d2962f4] {
  width: 191px;
  height: 118px;
  background-color: #febc2c;
  border-radius: 50%;
}
.constructor__dependencies-map__strategic-objective__button[data-v-4d2962f4] {
  border-color: black;
}
.constructor__dependencies-map__strategic-objective__button[data-v-4d2962f4]:hover {
  background-color: #fdda8e;
}
.constructor__dependencies-map__strategic-objective:hover .constructor__dependencies-map__strategic-objective__modal[data-v-4d2962f4] {
  display: block;
}
.constructor__dependencies-map__strategic-objective:hover .wrapper-actions-btn.section[data-v-4d2962f4] {
  top: 58px;
  display: flex;
}
.constructor__dependencies-map__strategic-objective__modal[data-v-4d2962f4] {
  z-index: 1;
  background-color: white;
  left: 147px;
  width: 200px;
  display: none;
  top: 31px;
}
.constructor__dependencies-map__strategic-objective__modal__triangle[data-v-4d2962f4] {
  position: absolute;
  left: -8px;
}
.constructor__dependencies-map__final_benefit[data-v-4d2962f4] {
  background-color: #a7b6c4;
  border-radius: 6px;
}
.constructor__dependencies-map__final_benefit .hoba-button[data-v-4d2962f4] {
  background-color: #a7b6c4;
  border-color: white;
}
.constructor__dependencies-map__final_benefit .hoba-button svg path[data-v-4d2962f4] {
  fill: white;
}
.constructor__dependencies-map__immediate_benefit[data-v-4d2962f4] {
  background-color: #e3ebf2;
  border-radius: 6px;
  border: dashed #a7b6c4 3px;
}
.constructor__dependencies-map__immediate_benefit .hoba-button[data-v-4d2962f4] {
  background-color: #a7b6c4;
  border-color: white;
}
.constructor__dependencies-map__immediate_benefit .hoba-button svg path[data-v-4d2962f4] {
  fill: white;
}
.wrapper-actions-btn[data-v-4d2962f4] {
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  border: 1px solid #c4c4c4;
  border-radius: 6px;
  background-color: #ffffff;
  margin: 0 auto;
  z-index: 1;
  transition: all 0.3s;
}
.wrapper-actions-btn .tree-node-action[data-v-4d2962f4] {
  position: relative;
  z-index: 5;
  width: 31px;
  height: 31px;
  border-radius: 6px;
  color: #bdbdbd;
  transition: all 0.3s;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: #ffffff;
}
.wrapper-actions-btn .tree-node-action[data-v-4d2962f4]:hover {
  background-color: #f2f2f2;
}
.wrapper-actions-btn .tree-node-action:hover svg path[data-v-4d2962f4] {
  fill: #febc2c;
}
.wrapper-actions-btn .tree-node-action.right svg[data-v-4d2962f4] {
  transform: rotate(134deg);
}
.wrapper-actions-btn .tree-node-action.left svg[data-v-4d2962f4] {
  transform: rotate(224deg);
}
.wrapper-actions-btn .tree-node-action.center svg[data-v-4d2962f4] {
  transform: rotate(180deg);
}
.wrapper-actions-btn.hidden[data-v-4d2962f4] {
  display: none;
}
.wrapper-actions-btn .section[data-v-4d2962f4] {
  display: none;
  z-index: 1;
}
.wrapper-actions-btn .section[data-v-4d2962f4]:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  top: -8px;
  right: 50%;
  transform: translate(50%, 0%);
}
.wrapper-actions-btn .section[data-v-4d2962f4]:hover {
  display: flex;
}.benefits-map_component.wrapper-body {
  height: 100%;
  background-color: #f4f7fa;
  overflow-x: auto;
}
.benefits-map_component.wrapper-body .time-gutter {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 90px;
  display: flex;
  padding: 16px 0;
  z-index: 2;
}
.benefits-map_component.wrapper-body .time-gutter__labels {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30px;
  height: 100%;
}
.benefits-map_component.wrapper-body .time-gutter__labels__end {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #6a869f;
}
.benefits-map_component.wrapper-body .time-gutter__track {
  position: relative;
  flex: 1;
  width: 2px;
  background-color: #a7b6c4;
  margin: 10px 0;
}
.benefits-map_component.wrapper-body .time-gutter__track::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -5px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #a7b6c4;
}
.benefits-map_component.wrapper-body .time-gutter__track__word {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  writing-mode: vertical-rl;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  color: #6a869f;
  background-color: #f4f7fa;
  padding: 6px 0;
}
.benefits-map_component.wrapper-body .time-gutter__bands {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding-left: 10px;
}
.benefits-map_component.wrapper-body .time-gutter__bands__band {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  color: #6a869f;
  text-align: left;
}
.constructor__benefits-map {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding-left: 100px;
}
.constructor__benefits-map .viewport-model-steps__body.activeBorder {
  background-color: #f4f7fa;
}
.constructor__benefits-map .constructor.h-full {
  background-color: #f4f7fa;
}
.constructor__benefits-map .line-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  pointer-events: none;
}
.constructor__benefits-map .org-tree-node-label .org-tree-node-label-inner {
  box-shadow: none;
}
.constructor__benefits-map .org-tree-node-children:has(.test) {
  display: grid !important;
}
.constructor__benefits-map .org-tree-node-label .org-tree-node-label-inner {
  padding: 10px 10px;
}
.constructor__benefits-map .org-tree-container, .constructor__benefits-map .org-tree-node-children, .constructor__benefits-map .org-tree-node {
  padding: 0;
}
.constructor__benefits-map .org-tree-container {
  background-color: unset !important;
  position: relative;
  z-index: 1;
}
.constructor__benefits-map .org-tree-node-label.node-deep {
  height: auto;
  padding: 0;
}
.constructor__benefits-map .org-tree-node-label {
  height: 195px;
}
.constructor__benefits-map .org-tree-node-btn {
  top: 78%;
  width: 23px;
  height: 23px;
}
.constructor__benefits-map .org-tree-node:after, .constructor__benefits-map .org-tree-node:before {
  top: 6px;
  height: 64px;
}
.constructor__benefits-map .org-tree-node-children:before {
  top: -72px;
  height: 78px;
  z-index: 1;
}
.constructor__benefits-map .collapsable .org-tree-node.collapsed .org-tree-node-label:after {
  top: 77%;
  left: 1px;
  height: 40px;
  border-right: 1px solid #a7b6c4;
}
.constructor__benefits-map .org-tree-node:after, .constructor__benefits-map .org-tree-node-children:before {
  border: none;
}
.constructor__benefits-map .org-tree-node:not(:first-child):before, .constructor__benefits-map .org-tree-node:not(:last-child):after {
  border: none;
}
.constructor__benefits-map .org-tree-node-btn:after {
  left: 49%;
}
.constructor__benefits-map .org-tree-node-btn:before {
  top: 49%;
}
.constructor__benefits-map .org-tree-node-btn {
  display: none;
}
.constructor__benefits-map__select_benefit {
  background-color: #f4f7fa;
  width: 100%;
}
.constructor__benefits-map__select_benefit__title {
  color: #2e4050;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}
.constructor__benefits-map__select_benefit__subtitle {
  color: #6a869f;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 4px;
}
.constructor__benefits-map__select_benefit__divider {
  margin: 16px 0;
  text-align: center;
  color: #6a869f;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  position: relative;
}
.constructor__benefits-map__select_benefit__divider::before, .constructor__benefits-map__select_benefit__divider::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 30%;
  height: 1px;
  background-color: #e3ebf2;
}
.constructor__benefits-map__select_benefit__divider::before {
  left: 0;
}
.constructor__benefits-map__select_benefit__divider::after {
  right: 0;
}
.constructor__benefits-map__select_benefit__note {
  color: #6a869f;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}
.constructor__benefits-map__select_benefit__actions {
  margin-top: auto;
  display: flex;
  gap: 12px;
  align-items: center;
}
.constructor__benefits-map__select_benefit__select__dropdown :deep(.styleDropDownTop) {
  overflow-y: auto;
  max-height: 340px;
}
.constructor__benefits-map__select_benefit__select__title {
  color: #2e4050;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  margin-left: 4px;
}
.constructor__benefits-map__select_benefit__button {
  background-color: #febc2c;
  color: #2e4050;
  text-align: center;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.constructor__benefits-map__select_benefit__button--secondary {
  flex: 1;
  background-color: #e3ebf2;
  color: #2e4050;
  padding: 12px 0;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}
.constructor__benefits-map__select_benefit__button--secondary:hover {
  background-color: #d4e0ec;
}
.constructor__benefits-map__delete {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  transition: all 0.3s;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  color: #818080;
  border: 1px solid #818080;
  font-size: 11px;
}
.constructor__benefits-map__legend {
  background-color: #cdd4db;
}
.constructor__benefits-map__legend__item--label {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}
.constructor__benefits-map__legend__item--strategic-objective {
  background-color: #febc2c;
  border-radius: 50%;
}
.constructor__benefits-map__legend__item--final-benefit {
  border-radius: 3px;
  background: #2e4050;
}
.constructor__benefits-map__legend__item--immediate-benefit {
  border-radius: 3px;
  background: #e3ebf2;
}
.constructor__benefits-map__legend__item--dis-benefit {
  border-radius: 3px;
  background: #1f2937;
}
.constructor__benefits-map__name {
  color: var(--dark-text, #2e4050);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  width: 149px;
  min-height: 26px;
  max-height: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.constructor__benefits-map__strategic-objective {
  width: 191px;
  height: 118px;
  background-color: #febc2c;
  border-radius: 50%;
}
.constructor__benefits-map__strategic-objective__button {
  border-color: black;
}
.constructor__benefits-map__strategic-objective__button:hover {
  background-color: #fdda8e;
}
.constructor__benefits-map__strategic-objective:hover .wrapper-actions-btn.section {
  top: 58px;
  display: flex;
}
.constructor__benefits-map__strategic-objective__modal {
  z-index: 1;
  background-color: white;
  left: 147px;
  width: 200px;
  top: 34px;
}
.constructor__benefits-map__strategic-objective__modal__triangle {
  position: absolute;
  left: -8px;
}
.constructor__benefits-map__final_benefit {
  background-color: #2e4050;
  border-radius: 6px;
}
.constructor__benefits-map__final_benefit .constructor__benefits-map__name {
  color: #ffffff;
}
.constructor__benefits-map__final_benefit .hoba-button {
  background-color: #2e4050;
  border-color: white;
}
.constructor__benefits-map__final_benefit .hoba-button svg path {
  fill: white;
}
.constructor__benefits-map__immediate_benefit {
  background-color: #e3ebf2;
  border-radius: 6px;
}
.constructor__benefits-map__immediate_benefit .hoba-button {
  background-color: #a7b6c4;
  border-color: white;
}
.constructor__benefits-map__immediate_benefit .hoba-button svg path {
  fill: white;
}
.constructor__benefits-map__strategic-objective.is-empty, .constructor__benefits-map__final_benefit.is-empty, .constructor__benefits-map__immediate_benefit.is-empty {
  background: #ffffff;
  border: 2px dashed #a7b6c4;
}
.constructor__benefits-map__placeholder {
  width: 170px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.constructor__benefits-map__placeholder__label {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  color: #a7b6c4;
}
.wrapper-actions-btn {
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  border: 1px solid #c4c4c4;
  border-radius: 6px;
  background-color: #ffffff;
  margin: 0 auto;
  z-index: 1;
  transition: all 0.3s;
}
.wrapper-actions-btn .tree-node-action {
  position: relative;
  z-index: 5;
  width: 31px;
  height: 31px;
  border-radius: 6px;
  color: #bdbdbd;
  transition: all 0.3s;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: #ffffff;
}
.wrapper-actions-btn .tree-node-action:hover {
  background-color: #f2f2f2;
}
.wrapper-actions-btn .tree-node-action:hover svg path {
  fill: #febc2c;
}
.wrapper-actions-btn .tree-node-action.right svg {
  transform: rotate(134deg);
}
.wrapper-actions-btn .tree-node-action.left svg {
  transform: rotate(224deg);
}
.wrapper-actions-btn .tree-node-action.center svg {
  transform: rotate(180deg);
}
.wrapper-actions-btn.hidden {
  display: none;
}
.wrapper-actions-btn .section {
  display: none;
  z-index: 1;
}
.wrapper-actions-btn .section:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  top: -8px;
  right: 50%;
  transform: translate(50%, 0%);
}
.wrapper-actions-btn .section:hover {
  display: flex;
}
.benefits-empty-state {
  padding: 48px 24px;
  text-align: center;
}
.benefits-empty-state__intro {
  max-width: 620px;
  margin: 0 auto 32px;
  color: #2e4050;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 1.6;
}
.benefits-empty-state__oval {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 240px;
  height: 110px;
  margin: 0 auto;
  background-color: #ffffff;
  border: 2px dashed #a7b6c4;
  border-radius: 999px;
  color: #2e4050;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  transition: all 0.2s;
}
.benefits-empty-state__oval:hover {
  border-color: #febc2c;
  background-color: #fff8ea;
}
.benefits-empty-state__oval__plus {
  font-size: 22px;
  line-height: 1;
  font-weight: 400;
}
.benefits-empty-state__sub {
  margin-top: 32px;
  color: #6a869f;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
}
.benefits-map-drawer {
  position: fixed;
  top: 79px;
  right: 15px;
  bottom: 80px;
  width: 400px;
  z-index: 96;
  background-color: #ffffff;
  border: 1px solid #e8edf2;
  border-radius: 8px;
  overflow-y: auto;
}
.benefits-map-drawer__close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s;
}
.benefits-map-drawer__close:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.bm-wizard-tabs {
  display: flex;
  gap: 8px;
}
.bm-wizard-tabs__tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 1px solid #e3ebf2;
  border-radius: 6px;
  background-color: #ffffff;
  padding: 8px 4px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #6a869f;
  cursor: pointer;
  transition: all 0.2s;
}
.bm-wizard-tabs__tab--active {
  background-color: #febc2c;
  border-color: #febc2c;
  color: #2e4050;
}
.bm-wizard-tabs__tab__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #e3ebf2;
  color: #2e4050;
}
.bm-wizard-tabs__tab--active .bm-wizard-tabs__tab__num {
  background-color: #ffffff;
}
.benefits-drawer-slide-enter-active,
.benefits-drawer-slide-leave-active {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.benefits-drawer-slide-enter-from,
.benefits-drawer-slide-leave-to {
  transform: translateX(100%);
  opacity: 0;
}.constructor__benefits-profile__create {
  background-color: var(--yellow, #febc2c);
  color: #2e4050;
  font-weight: 600;
}
.constructor__benefits-profile__create:hover {
  background-color: #eab026;
}
.constructor__benefits-profile__footnote {
  background-color: #fff8e7;
  border: 1px solid #fbe5b0;
  color: #6b7280;
}
.constructor__benefits-profile .left_panel {
  background-color: #eaf0f5;
  align-self: start;
}
.constructor__benefits-profile .left_panel__title {
  color: #2e4050;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.constructor__benefits-profile .left_panel__item {
  color: #2e4050;
  font-size: 15px;
  font-weight: 600;
  background-color: var(--white, #fff);
  border: 1px solid var(--white, #fff);
}
.constructor__benefits-profile .left_panel__item--active {
  border: 1px solid var(--yellow, #febc2c);
}
.constructor__benefits-profile .left_panel__index {
  color: #9ca3af;
  font-weight: 600;
}
.constructor__benefits-profile .left_panel__name {
  min-width: 0;
}
.constructor__benefits-profile .wrapper_forms {
  max-width: 1020px;
}
.constructor__benefits-profile .objective-dropdown {
  width: 100%;
}
.constructor__benefits-profile .objective-dropdown__trigger {
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  height: 40px;
  width: 100%;
  padding: 0.5rem 0.75rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #374151;
  background-color: #fff;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.constructor__benefits-profile .box--action {
  width: 25px;
  right: -6px;
  top: 0;
  cursor: pointer;
  z-index: 5;
}.constructor__benefits-register {
  height: 98%;
  overflow-x: auto;
  padding: 0 0.5rem;
}
.constructor__benefits-register__add {
  background-color: var(--yellow, #febc2c);
  color: #2e4050;
  font-weight: 600;
}
.constructor__benefits-register__add:hover {
  background-color: #eab026;
}
.constructor__benefits-register__filters {
  background-color: #eaf0f5;
}
.constructor__benefits-register__select {
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  height: 40px;
  padding: 0 0.5rem;
  font-size: 0.875rem;
  color: #374151;
  background-color: #fff;
}
.constructor__benefits-register__table-wrapper {
  border: 1px solid #e3ebf2;
  background-color: #fff;
}
.constructor__benefits-register__table {
  border-collapse: collapse;
  min-width: 1200px;
}
.constructor__benefits-register__th {
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6a869f;
  background-color: #f4f7fa;
  padding: 0.6rem 0.75rem;
  border-bottom: 2px solid #e3ebf2;
  white-space: nowrap;
}
.constructor__benefits-register__tr:nth-child(even) {
  background-color: #f9fbfd;
}
.constructor__benefits-register__tr:hover {
  background-color: #fff8e7;
}
.constructor__benefits-register__td {
  padding: 0.6rem 0.75rem;
  border-bottom: 1px solid #eef2f6;
  color: #2e4050;
  vertical-align: top;
  word-break: break-word;
}
.constructor__benefits-register__td--name {
  font-weight: 600;
}
.constructor__benefits-register__id-chip {
  display: inline-block;
  background-color: var(--yellow, #febc2c);
  color: #2e4050;
  font-weight: 700;
  font-size: 12px;
  border-radius: 4px;
  padding: 2px 8px;
  white-space: nowrap;
}
.constructor {
    height: 100%;
}
.benefits-empty-state {
    background-color: #ffffff;
    border: 1px dashed #a7b6c4;
    border-radius: 12px;
    margin: 40px auto;
    max-width: 480px;
}
.constructor__benefits-table[data-v-ad92d3fa] {
  overflow-x: auto;
  background-color: var(--grey-light, #e3ebf2);
  height: 98%;
}
.constructor__benefits-table__item--border[data-v-ad92d3fa]:last-of-type {
  margin-bottom: 61px;
}
.constructor__benefits-table__item__label[data-v-ad92d3fa] {
  background: var(--grey-text, #6a869f);
}
.constructor__benefits-table__item__label span[data-v-ad92d3fa] {
  transform: rotate(180deg);
  writing-mode: vertical-lr;
  color: white;
}
.constructor__benefits-table__item__table[data-v-ad92d3fa] {
  grid-auto-columns: minmax(250px, 1fr);
}
.constructor__benefits-table__item__table__item[data-v-ad92d3fa] {
  padding: 0.75rem;
  padding-top: 0.37rem;
  padding-bottom: 0.37rem;
  grid-row: 1/2;
  background-color: var(--grey-light, #e3ebf2);
  border-bottom: dashed 3px #c0cfdc;
}
.constructor__benefits-table__item__table__item--head[data-v-ad92d3fa] {
  grid-row: 1/2;
  background-color: var(--grey-light, #e3ebf2);
  border-bottom: dashed 3px #c0cfdc;
}
.constructor__benefits-table__item__table__item--head[data-v-ad92d3fa]:first-child {
  padding-left: 0;
  margin-left: 0.75rem;
}
.constructor__benefits-table__item__table__item--head[data-v-ad92d3fa]:last-child {
  padding-right: 0;
  margin-right: 0.75rem;
}
.constructor__benefits-table__item__table__item[data-v-ad92d3fa]:first-child {
  border-left: dashed 3px #c0cfdc;
  padding-left: 0.37rem;
  margin-left: 0.75rem;
}
.constructor__benefits-table__item__table__item[data-v-ad92d3fa]:last-child {
  border-right: dashed 3px #c0cfdc;
  padding-right: 0.37rem;
  margin-right: 0.75rem;
}
.constructor__benefits-table__item__table__item__title[data-v-ad92d3fa] {
  color: white;
  padding: 16px;
  text-align: center;
  background: var(--grey-text, #6a869f);
}
.constructor__benefits-table__item__table__item__card[data-v-ad92d3fa] {
  background-color: #ffffff;
  min-height: 80px;
  height: 100%;
  word-break: break-all;
}
.table-row__upper_header[grid=capability_implementation_grid][data-v-22a3c232] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.table-row__upper_header[grid=capability_implementation_grid][data-v-22a3c232] > :first-child:is(td) {
  grid-area: 1/3/2/1;
}
.table-row__upper_header[grid=capability_implementation_grid][data-v-22a3c232] > :nth-child(3):is(td) {
  grid-area: 1/6/1/3;
}
.table-row__spared_approval > td[data-v-22a3c232]:not(:nth-child(n+8)) {
  border-bottom: unset !important;
}
.table-row__spared_approval > td[data-v-22a3c232]:nth-child(1) {
  border-bottom-left-radius: unset !important;
}
.table-row__spared_approval > td[data-v-22a3c232]:nth-child(3) {
  border: 1px solid #D3D3D3 !important;
}
.table-row__spared_approval > td[data-v-22a3c232]:nth-child(7) {
  border-right: 1px solid #D3D3D3 !important;
}
.table-row__spared_approval > td[data-v-22a3c232]:nth-child(8) {
  padding-left: 1rem !important;
  border-left: 1px solid #D3D3D3 !important;
  border-bottom-left-radius: 10px;
}
.table-row__body :nth-child(odd):is(.level_4_step_action_grid) > td[data-v-22a3c232], .table-row__body :nth-child(odd):is(.level_4_step_action_grid) > td > .scrolled-textarea[data-v-22a3c232] {
  background: #EFEFEF;
}
.table-row__body :nth-child(even):is(.level_4_step_action_grid) > td[data-v-22a3c232], .table-row__body :nth-child(even):is(.level_4_step_action_grid) > td > .scrolled-textarea[data-v-22a3c232] {
  background: #E8E8E8;
}
.table-row__body :first-child > td[data-v-22a3c232]:first-child,
.table-row__body :first-child > td:first-child > .scrolled-textarea[data-v-22a3c232] {
  border-top-left-radius: 10px;
}
.table-row__body :first-child > td[data-v-22a3c232]:last-child,
.table-row__body :first-child > td:last-child > .scrolled-textarea[data-v-22a3c232] {
  border-top-right-radius: 10px;
}
.table-row__body[data-v-22a3c232] :first-child:is(.process_model_catalogue_grid) {
  grid-area: 1/1/5/1;
}
.table-row__body[data-v-22a3c232] :nth-child(4n+5):is(.process_model_catalogue_grid) {
  display: none;
}
.table-row__body :last-child > td[data-v-22a3c232] {
  border-bottom: 1px solid rgb(211, 211, 211);
}
.table-row__body :last-child > td:first-child > .scrolled-textarea[data-v-22a3c232], .table-row__body :last-child > td[data-v-22a3c232]:first-child {
  border-bottom-left-radius: 10px;
}
.table-row__body :last-child > td[data-v-22a3c232] {
  border-bottom: 1px solid rgb(211, 211, 211);
}
.table-row__body :last-child > td:last-child > .scrolled-textarea[data-v-22a3c232], .table-row__body :last-child > td[data-v-22a3c232]:last-child {
  border-bottom-right-radius: 10px;
}
.table-row__body :last-child > td > .table-col__icon[data-v-22a3c232] {
  margin-top: 3px;
}
.table-row__cell[data-v-22a3c232] {
  display: grid;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #2E4050;
  word-break: break-word;
  grid-template-columns: 11.9em repeat(4, 3rem) 1fr;
  /*&:not(.level_4_step_action_grid):not(.capability_model_grid) {
       :nth-last-child(2):not(.custom-hoba-checkbox) {
          border-right: none;
      }
  }*/
  /*&:not(.level_4_step_action_grid):not(.capability_model_grid) {
       :nth-child(2),
       :nth-child(n+2) {
          border-bottom: none;
      }
  }*/
}
.table-row__cell[data-v-22a3c232] :first-child:is(td) {
  padding-left: 1rem;
}
.table-row__cell :first-child > .business_architecture_plan_col[data-v-22a3c232] {
  padding-left: 1rem;
}
.table-row__cell td[data-v-22a3c232] {
  border: 1px solid #D3D3D3;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  display: flex;
  align-items: center;
  border-bottom: none;
}
.table-row__cell td[data-v-22a3c232]:not(:last-child):not(.spared-row) {
  border-right: 1px dashed #bbb9b9 !important;
}
.table-row__cell td[data-v-22a3c232]:not(:first-child) {
  border-left: none;
  border-right: none;
}
.table-row__cell td:last-child span[data-v-22a3c232] {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: none;
}
.table-row__cell[data-v-22a3c232]:not(.terms_definitions_grid):nth-child(2):not(.slider) {
  border-right: none !important;
}
.table-row__cell[data-v-22a3c232] :has(.communications_plan_grid):nth-child(n+2) {
  border: 1px solid #D3D3D3;
}
.table-row__cell td[data-v-22a3c232]:last-child {
  border-right: 1px solid #D3D3D3;
}
.table-col__textarea_container[data-v-22a3c232] {
  cursor: pointer;
}
.table-col__textarea_inner[data-v-22a3c232]{
  width: 100%;
  border-style: none;
  text-transform: unset;
  color: rgb(46, 64, 80);
  outline: none;
  text-transform: initial;
  padding-top: 4px;
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 4px;
}
.table-col__textarea_inner_empty_focused[data-v-22a3c232] {
  border: 1px solid #FEBC2C;
  padding: 4px;
}
.table-col__icon[data-v-22a3c232] {
  width: 1.25rem;
  height: 1.25rem;
}
.table-col__checkbox_group[data-v-22a3c232] {
  display: flex;
  flex-direction: column;
}
.table-col__checkbox_group[data-v-22a3c232] :hover {
  cursor: pointer;
}
.table-col__checkbox_group span[data-v-22a3c232] {
  padding: 0.25rem 0;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #333333 !important;
}
.table-col__checkbox_group span input[data-v-22a3c232] {
  margin-right: 0.25rem;
  margin-bottom: 2px;
  border: 1px solid #939393;
}
.table-row__head[data-v-22a3c232] {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #2E4050;
}
.table-row__head[data-v-22a3c232] :first-child:is(td) {
  padding-left: 1rem;
}
.table-row__head_sub[data-v-22a3c232] {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #6A869F;
}
.table-row__grid[data-v-22a3c232] {
  display: grid;
  grid-template-columns: 15% 15% 30% auto;
}
/* ── Design-system overrides ── */
.constructor__business_architecture_requirements_sipoc[data-v-22a3c232] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
/* Header row */
.table-row__head[data-v-22a3c232] {
  background: #3F484C !important;
}
.table-row__head td[data-v-22a3c232], .table-row__head span[data-v-22a3c232] {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
}
/* Body cells */
.table-row__cell td[data-v-22a3c232] {
  border: 1px solid #e5e7eb !important;
  border-right: 1px solid #e5e7eb !important;
}
.toggle_advance_table_btn_wrapper[data-v-22a3c232] {
  background: unset;
  box-shadow: unset;
  height: 0;
  position: relative;
  width: -moz-available;
}
.handlerCloseSideBar[data-v-22a3c232] {
  border: 1px solid #e5e7eb;
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  left: 94px;
  top: -20px;
  opacity: 1;
}
.sipoc-readonly-row[data-v-22a3c232] {
  min-height: 72px;
}
.sipoc-readonly-cell[data-v-22a3c232] {
  padding: 10px 12px;
  font-size: 13px;
  color: #374151;
  line-height: 1.5;
  vertical-align: top;
  border: 1px solid #e5e7eb !important;
}
.sipoc-readonly-cell.sipoc-num[data-v-22a3c232] {
  text-align: center;
  font-weight: 600;
  color: #6b7280;
}
.sipoc-readonly-cell.sipoc-step[data-v-22a3c232] {
  font-weight: 600;
  color: #3F484C;
}
.sipoc_summary_grid[data-v-22a3c232] {
  grid-template-columns: 5% repeat(6, 1fr);
}
.sipoc_summary_grid_closed[data-v-22a3c232] {
  grid-template-columns: 5% repeat(9, 1fr);
}
.sipoc_summary_grid[data-v-22a3c232] :first-child:is(td) {
  padding-left: unset !important;
  justify-content: center;
  text-align: center;
}
.sipoc_summary_grid[data-v-22a3c232] :nth-child(2):is(td){
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.sipoc_summary_grid[data-v-22a3c232]:is(.table-row__cell) {
  min-height: 80px;
}
.sipoc_summary_grid[data-v-22a3c232]:is(.table-row__cell) :nth-child(n+3) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.dp__input {
  background-color: var(--f22b487e);
  border: none;
  font-size: 15px;
  padding: 6px 38px 6px 12px !important;
}
.dp__input_icon {
  right: 9px !important;
  left: auto !important;
}.business_architecture_road_map .model-box {
  background-color: #febc2c;
  height: 27px;
}
.business_architecture_road_map .bb-box {
  background-color: #d8dce0;
  height: 27px;
}
.business_architecture_road_map .bp-box {
  background-color: #a7b6c4;
  height: 27px;
}
.business_architecture_road_map .divider-vertical {
  position: absolute;
  top: 50%;
  left: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  width: 0.5px;
  height: 100%;
  z-index: 1;
  background-color: #6a869f;
}
.business_architecture_road_map .border-pseudo:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  background-color: #6a869f;
  right: -4.4px;
  top: 0;
  z-index: 1;
}
.business_architecture_road_map .border-pseudo:last-child:after {
  content: "";
  background-color: transparent;
}
.business_architecture_road_map .border-pseudo .merge-border:before {
  content: "";
  width: 9px;
  height: 99%;
  position: absolute;
  background-color: #e3ebf2;
  right: -8.4px;
  top: 8px;
  z-index: 1;
}
.business_architecture_road_map .after-box:before {
  content: "";
  width: 9px;
  height: 100%;
  position: absolute;
  left: -8px;
}
.business_architecture_road_map .after-box-model-box:before {
  background-color: #febc2c;
}
.business_architecture_road_map .after-box-bb-box:before {
  background-color: #d8dce0;
}
.business_architecture_road_map .after-box-bp-box:before {
  background-color: #a7b6c4;
}.biam-overlay[data-v-4ac010a5] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.biam-wizard[data-v-4ac010a5] {
  background: #fff;
  border-radius: 12px;
  width: 860px;
  max-width: 95vw;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}
.biam-wizard__header[data-v-4ac010a5] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 24px 0;
  flex-shrink: 0;
}
.biam-wizard__header h3[data-v-4ac010a5] {
  font-size: 16px;
  font-weight: 700;
  color: #2B2F36;
  margin: 0;
}
.biam-wizard__sub[data-v-4ac010a5] {
  margin: 4px 0 0;
  font-size: 12px;
  color: #9AA0A8;
}
.biam-wizard__close[data-v-4ac010a5] {
  background: none;
  border: none;
  cursor: pointer;
  color: #9AA0A8;
  padding: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.biam-wizard__layout[data-v-4ac010a5] {
  display: flex;
  min-height: 0;
  flex: 1;
}
.biam-wizard__rail[data-v-4ac010a5] {
  width: 180px;
  flex-shrink: 0;
  border-right: 1px solid #E6E8EC;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.biam-wizard__step[data-v-4ac010a5] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-size: 13px;
  color: #6B7280;
}
.biam-wizard__step[data-v-4ac010a5]:hover {
  background: #F4F7FA;
}
.biam-wizard__step.active[data-v-4ac010a5] {
  color: #2B2F36;
}
.biam-wizard__step.current[data-v-4ac010a5] {
  background: #FFF8E7;
  color: #1F2430;
  font-weight: 600;
}
.biam-wizard__step.current .biam-wizard__step-number[data-v-4ac010a5] {
  background: #F5B301;
  color: #1F2430;
}
.biam-wizard__step-number[data-v-4ac010a5] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #E6E8EC;
  color: #6B7280;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
}
.biam-wizard__step-label[data-v-4ac010a5] {
  line-height: 1.3;
}
.biam-wizard__body[data-v-4ac010a5] {
  flex: 1;
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 0;
}
.biam-wizard__help[data-v-4ac010a5] {
  margin: 0 0 16px;
  padding: 10px 12px;
  background: #F4F7FA;
  border-radius: 6px;
  font-size: 13px;
  color: #2B2F36;
  line-height: 1.4;
}
.biam-wizard__footer[data-v-4ac010a5] {
  padding: 16px 24px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  gap: 10px;
  border-top: 1px solid #E6E8EC;
}
.biam-wizard__footer-left[data-v-4ac010a5], .biam-wizard__footer-right[data-v-4ac010a5] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.biam-wizard__connected[data-v-4ac010a5] {
  font-size: 12px;
  color: #6B7280;
}
.biam-field-label[data-v-4ac010a5] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #2B2F36;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.biam-field-label .mt-4[data-v-4ac010a5] {
  margin-top: 16px;
}
.biam-field-label .biam-req[data-v-4ac010a5] {
  color: #d9534f;
}
.biam-field-input[data-v-4ac010a5],
.biam-field-textarea[data-v-4ac010a5] {
  display: block;
  width: 100%;
  border: 1.5px solid #E6E8EC;
  border-radius: 6px;
  padding: 0 12px;
  font-size: 13px;
  color: #2B2F36;
  background: #F4F7FA;
  box-sizing: border-box;
  font-family: inherit;
}
.biam-field-input[data-v-4ac010a5]:focus,
.biam-field-textarea[data-v-4ac010a5]:focus {
  outline: none;
  border-color: #F5B301;
  background: #fff;
}
.biam-field-input[data-v-4ac010a5] {
  height: 40px;
}
.biam-field-textarea[data-v-4ac010a5] {
  padding: 10px 12px;
  resize: vertical;
  min-height: 80px;
}
.biam-field-hint[data-v-4ac010a5] {
  margin: 6px 0 0;
  font-size: 11px;
  color: #9AA0A8;
  line-height: 1.35;
}
.mt-4[data-v-4ac010a5] {
  margin-top: 16px;
}
.biam-toggle[data-v-4ac010a5] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #2B2F36;
  cursor: pointer;
}
.biam-toggle input[data-v-4ac010a5] {
  width: 16px;
  height: 16px;
  accent-color: #F5B301;
  cursor: pointer;
}
.biam-picker__system-row[data-v-4ac010a5] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.biam-picker__system-row .biam-field-label[data-v-4ac010a5] {
  margin-bottom: 0;
}
.biam-picker__select[data-v-4ac010a5] {
  width: auto;
  min-width: 180px;
  flex-shrink: 0;
}
.biam-picker__chips[data-v-4ac010a5] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  border: 1.5px solid #E6E8EC;
  border-radius: 8px;
  min-height: 80px;
  margin-top: 6px;
}
.biam-picker__empty[data-v-4ac010a5] {
  color: #9AA0A8;
  font-size: 13px;
  width: 100%;
  text-align: center;
  padding: 16px 0;
}
.biam-picker__add-row[data-v-4ac010a5] {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.biam-chip[data-v-4ac010a5] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 20px;
  border: 1.5px solid #E6E8EC;
  background: #fff;
  color: #2B2F36;
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
}
.biam-chip[data-v-4ac010a5]:hover {
  border-color: #F5B301;
}
.biam-chip.attached[data-v-4ac010a5] {
  background: #FFF8E7;
  border-color: #F5B301;
  color: #1F2430;
}
.biam-chip--out[data-v-4ac010a5] {
  background: #8F97A1;
  border-color: #8F97A1;
  color: #fff;
}
.biam-chip--out.attached[data-v-4ac010a5] {
  background: #FFF8E7;
  border-color: #F5B301;
  color: #1F2430;
}
.biam-inline-form[data-v-4ac010a5] {
  padding: 12px;
  background: #F4F7FA;
  border-radius: 8px;
  margin-top: 12px;
}
.biam-inline-form__row[data-v-4ac010a5] {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.biam-inline-form__row[data-v-4ac010a5]:last-child {
  margin-bottom: 0;
}
.biam-delivery-grid[data-v-4ac010a5] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.biam-scope-cards[data-v-4ac010a5] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.biam-scope-card[data-v-4ac010a5] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  border: 1.5px solid #E6E8EC;
  border-radius: 8px;
  background: #fff;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
}
.biam-scope-card.active[data-v-4ac010a5] {
  border-color: #F5B301;
  background: #FFF8E7;
}
.biam-scope-card__swatch[data-v-4ac010a5] {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
}
.biam-scope-card__swatch--in[data-v-4ac010a5] {
  background: #D9DDE2;
}
.biam-scope-card__swatch--out[data-v-4ac010a5] {
  background: #8F97A1;
}
.biam-scope-card strong[data-v-4ac010a5] {
  display: block;
  font-size: 13px;
  color: #2B2F36;
  margin-bottom: 4px;
}
.biam-scope-card p[data-v-4ac010a5] {
  margin: 0;
  font-size: 12px;
  color: #6B7280;
  line-height: 1.35;
}
.biam-review-card[data-v-4ac010a5] {
  background: #F4F7FA;
  border-radius: 8px;
  padding: 14px 16px;
  margin-bottom: 16px;
}
.biam-review-head[data-v-4ac010a5] {
  padding-bottom: 12px;
  border-bottom: 1px solid #E6E8EC;
  margin-bottom: 12px;
}
.biam-review-head strong[data-v-4ac010a5] {
  display: block;
  font-size: 15px;
  color: #2B2F36;
  margin-bottom: 4px;
}
.biam-review-head p[data-v-4ac010a5] {
  margin: 0;
  font-size: 13px;
  color: #6B7280;
}
.biam-review-row[data-v-4ac010a5] {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid #E6E8EC;
  font-size: 13px;
}
.biam-review-row[data-v-4ac010a5]:last-child {
  border-bottom: none;
}
.biam-review-row span[data-v-4ac010a5] {
  color: #9AA0A8;
  flex-shrink: 0;
  margin-right: 16px;
}
.biam-review-row strong[data-v-4ac010a5] {
  color: #2B2F36;
  font-weight: 600;
  text-align: right;
}
.biam-info-message[data-v-4ac010a5] {
  padding: 12px 16px;
  background: #FFF8E7;
  border-left: 3px solid #F5B301;
  border-radius: 6px;
  font-size: 13px;
  color: #2B2F36;
  margin-bottom: 16px;
}
.biam-btn[data-v-4ac010a5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  border: 1px solid transparent;
  font-family: inherit;
}
.biam-btn[data-v-4ac010a5]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.biam-btn--primary[data-v-4ac010a5] {
  background: #F5B301;
  color: #1F2430;
  border-color: #F5B301;
}
.biam-btn--primary[data-v-4ac010a5]:hover:not(:disabled) {
  background: #E0A300;
}
.biam-btn--secondary[data-v-4ac010a5] {
  background: #fff;
  color: #2B2F36;
  border-color: #E6E8EC;
}
.biam-btn--secondary[data-v-4ac010a5]:hover:not(:disabled) {
  background: #F4F7FA;
}
.biam-btn--ghost[data-v-4ac010a5] {
  background: #fff;
  color: #6B7280;
  border: 1px dashed #9AA0A8;
}
.biam-btn--ghost[data-v-4ac010a5]:hover:not(:disabled) {
  border-color: #F5B301;
  color: #2B2F36;
}
.biam-btn--ghost.active[data-v-4ac010a5] {
  border-color: #F5B301;
  color: #2B2F36;
}
.biam-btn--danger-outline[data-v-4ac010a5] {
  background: #fff;
  color: #d9534f;
  border-color: #d9534f;
}
.biam-btn--danger-outline[data-v-4ac010a5]:hover:not(:disabled) {
  background: #FDF2F2;
}
.biam-system-manager[data-v-4ac010a5] {
  border: 1px solid #E6E8EC;
  border-radius: 8px;
  padding: 10px 12px;
  margin-top: 10px;
}
.biam-system-manager__row[data-v-4ac010a5] {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}
.biam-service-scope[data-v-4ac010a5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  border-bottom: 1px solid #E6E8EC;
}
.biam-service-scope[data-v-4ac010a5]:last-of-type {
  border-bottom: none;
}
.biam-service-scope__name[data-v-4ac010a5] {
  font-size: 13px;
  color: #2B2F36;
  font-weight: 500;
}
.biam-service-scope__toggle[data-v-4ac010a5] {
  display: inline-flex;
  border: 1px solid #E6E8EC;
  border-radius: 9999px;
  overflow: hidden;
  flex-shrink: 0;
}
.biam-service-scope__opt[data-v-4ac010a5] {
  border: none;
  background: #fff;
  color: #6B7280;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  cursor: pointer;
  font-family: inherit;
}
.biam-service-scope__opt.active[data-v-4ac010a5] {
  background: #F5B301;
  color: #1F2430;
}
@media (max-width: 640px) {
.biam-wizard__rail[data-v-4ac010a5] {
    display: none;
}
.biam-delivery-grid[data-v-4ac010a5] {
    grid-template-columns: 1fr;
}
.biam-scope-cards[data-v-4ac010a5] {
    grid-template-columns: 1fr;
}
}.delete-modal-overlay[data-v-e338bc92] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
}
.delete-modal[data-v-e338bc92] {
  background: #ffffff;
  border-radius: 12px;
  width: 100%;
  max-width: 440px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  position: relative;
}
.modal-header[data-v-e338bc92] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
}
.modal-header .header-left[data-v-e338bc92] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modal-header .warning-icon[data-v-e338bc92] {
  font-size: 24px;
  color: #F59E0B;
}
.modal-header .header-title[data-v-e338bc92] {
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
}
.modal-header .close-btn[data-v-e338bc92] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s ease;
}
.modal-header .close-btn[data-v-e338bc92]:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.modal-body[data-v-e338bc92] {
  padding: 28px 20px;
}
.modal-body .confirm-text[data-v-e338bc92] {
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
  color: #374151;
}
.modal-footer[data-v-e338bc92] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 16px 20px;
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
}
.modal-footer .footer-actions[data-v-e338bc92] {
  display: flex;
  gap: 10px;
}
.action-btn[data-v-e338bc92] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  border: none;
}
.action-btn.btn-primary[data-v-e338bc92] {
  background: #FEBC2C;
  color: #1f2937;
}
.action-btn.btn-primary[data-v-e338bc92]:hover {
  background: #FFCC00;
}
.action-btn.btn-use[data-v-e338bc92] {
  background: #3F484C;
  color: #ffffff;
}
.action-btn.btn-use[data-v-e338bc92]:hover {
  background: #1F2937;
}
.modal-fade-enter-active[data-v-e338bc92],
.modal-fade-leave-active[data-v-e338bc92] {
  transition: opacity 0.2s ease;
}
.modal-fade-enter-active .delete-modal[data-v-e338bc92],
.modal-fade-leave-active .delete-modal[data-v-e338bc92] {
  transition: transform 0.2s ease;
}
.modal-fade-enter-from[data-v-e338bc92],
.modal-fade-leave-to[data-v-e338bc92] {
  opacity: 0;
}
.modal-fade-enter-from .delete-modal[data-v-e338bc92],
.modal-fade-leave-to .delete-modal[data-v-e338bc92] {
  transform: scale(0.95);
}.biam-map[data-v-ff7ac080] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 16px;
  background: #F4F7FA;
  position: relative;
  overflow-y: auto;
}
.biam-map__canvas[data-v-ff7ac080] {
  flex: 1;
  min-height: 0;
  overflow: auto;
  background: #F8FAFB;
  padding: 20px;
  position: relative;
}
.biam-map__scaled[data-v-ff7ac080] {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.biam-map__card[data-v-ff7ac080] {
  position: relative;
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.biam-map__content[data-v-ff7ac080] {
  position: absolute;
  left: 40px;
  top: 0;
}
.biam-map__helper[data-v-ff7ac080] {
  position: absolute;
  left: 56px;
  top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #6B7280;
  z-index: 10;
}
.biam-map__helper-dot[data-v-ff7ac080] {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #F5B301;
  flex-shrink: 0;
}
.biam-map__lines[data-v-ff7ac080] {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 0;
}
.biam-loading[data-v-ff7ac080] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.7);
  z-index: 50;
  color: #6B7280;
}
.biam-tier-pill[data-v-ff7ac080] {
  position: absolute;
  left: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  border-radius: 4px;
  background: #F5B301;
  z-index: 10;
}
.biam-tier-pill__label[data-v-ff7ac080] {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #000;
}
.biam-divider[data-v-ff7ac080] {
  position: absolute;
  left: 44px;
  right: 12px;
  height: 1px;
  background: #E5E7EB;
  z-index: 5;
}
.biam-step-group[data-v-ff7ac080] {
  position: absolute;
  border: 2px dashed #6B7280;
  border-radius: 10px;
  pointer-events: none;
  z-index: 1;
}
.biam-step-group__label[data-v-ff7ac080] {
  position: absolute;
  top: -10px;
  left: 12px;
  background: #ffffff;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 600;
  color: #374151;
}
.biam-step-group__arrow[data-v-ff7ac080] {
  position: absolute;
  left: 12px;
  top: 50%;
  height: 14px;
  margin-top: -7px;
  overflow: visible;
}
.biam-step-group__arrowhead[data-v-ff7ac080] {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-left: 8px solid #6B7280;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.biam-map-namebar[data-v-ff7ac080] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 2px 0;
  flex-shrink: 0;
}
.biam-map-namebar__badge[data-v-ff7ac080] {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding: 4px 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  font-family: inherit;
}
.biam-map-namebar__badge--active[data-v-ff7ac080] {
  background: #F5B301;
  color: #000;
  border: 1.5px solid #F5B301;
  cursor: default;
}
.biam-map-namebar__badge--inactive[data-v-ff7ac080] {
  background: #ffffff;
  color: #2B2F36;
  border: 1.5px solid #F5B301;
}
.biam-map-namebar__badge--inactive[data-v-ff7ac080]:hover {
  background: #FFF8E7;
}
.biam-modal--map[data-v-ff7ac080] {
  width: 420px;
}
.biam-step__scope-badge[data-v-ff7ac080] {
  display: inline-block;
  margin-top: 4px;
  padding: 1px 6px;
  border-radius: 9999px;
  background: #8F97A1;
  color: #ffffff;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
}
.biam-group-editor[data-v-ff7ac080] {
  border: 1px solid #E6E8EC;
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 10px;
}
.biam-group-editor__row[data-v-ff7ac080] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.biam-group-editor__sysname[data-v-ff7ac080] {
  flex: 0 0 180px;
  font-size: 12px;
  font-weight: 600;
  color: #2B2F36;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.biam-group-editor__steps[data-v-ff7ac080] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-top: 8px;
}
.biam-group-editor__step[data-v-ff7ac080] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: #2B2F36;
  cursor: pointer;
}
.biam-modal--groups[data-v-ff7ac080] {
  width: 560px;
}
.biam-node[data-v-ff7ac080] {
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  z-index: 5;
}
.biam-node--start[data-v-ff7ac080] {
  background: #ffffff;
  border: 3px solid #000000;
}
.biam-node--end[data-v-ff7ac080] {
  background: #1F2937;
  border: none;
}
.biam-step-arrow[data-v-ff7ac080] {
  position: absolute;
  z-index: 4;
}
.biam-step[data-v-ff7ac080] {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  transition: all 0.2s;
  z-index: 6;
}
.biam-step--in[data-v-ff7ac080] {
  background: #D9DDE2;
  color: #1F2937;
}
.biam-step--out[data-v-ff7ac080] {
  background: #8F97A1;
  color: #ffffff;
}
.biam-step--selected[data-v-ff7ac080] {
  box-shadow: 0 0 0 3px #F5B301;
}
.biam-step--dimmed[data-v-ff7ac080] {
  opacity: 0.25;
}
.biam-step--placeholder[data-v-ff7ac080] {
  background: #F9FAFB;
  border: 2px dashed #C6CBD2;
  color: #9CA3AF;
}
.biam-step--placeholder[data-v-ff7ac080]:hover {
  border-color: #F5B301;
  background: #FFF8E7;
  color: #2E4050;
}
.biam-step:hover .biam-step__edit[data-v-ff7ac080], .biam-step:hover .biam-step__delete[data-v-ff7ac080], .biam-step--selected .biam-step__edit[data-v-ff7ac080], .biam-step--selected .biam-step__delete[data-v-ff7ac080] {
  opacity: 1;
}
.biam-step__name[data-v-ff7ac080] {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  padding: 0 8px;
}
.biam-step__edit[data-v-ff7ac080] {
  position: absolute;
  right: -8px;
  top: -8px;
  opacity: 0;
  transition: opacity 0.2s;
  background: #fff;
  border: 1px solid #E6E8EC;
  border-radius: 50%;
  padding: 4px;
  cursor: pointer;
  color: #6B7280;
  display: flex;
  align-items: center;
  justify-content: center;
}
.biam-step__edit[data-v-ff7ac080]:hover {
  color: #2B2F36;
  border-color: #F5B301;
}
.biam-step__delete[data-v-ff7ac080] {
  position: absolute;
  left: -8px;
  top: -8px;
  opacity: 0;
  transition: opacity 0.2s;
  background: #fff;
  border: 1px solid #E6E8EC;
  border-radius: 50%;
  padding: 4px;
  cursor: pointer;
  color: #dc2626;
  display: flex;
  align-items: center;
  justify-content: center;
}
.biam-step__delete[data-v-ff7ac080]:hover {
  color: #fff;
  background: #dc2626;
  border-color: #dc2626;
}
.biam-step-release[data-v-ff7ac080] {
  position: absolute;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  color: #9CA3AF;
  z-index: 6;
}
.biam-add-step[data-v-ff7ac080] {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 16px;
  border: 2px dashed #C6CBD2;
  border-radius: 8px;
  background: #F9FAFB;
  color: #9CA3AF;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  z-index: 6;
  transform: translateY(-50%);
}
.biam-add-step[data-v-ff7ac080]:hover {
  border-color: #F5B301;
  background: #FFF8E7;
  color: #2E4050;
}
.biam-system[data-v-ff7ac080] {
  position: absolute;
}
.biam-system__title[data-v-ff7ac080] {
  position: absolute;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  color: #374151;
  z-index: 6;
}
.biam-system__box[data-v-ff7ac080] {
  position: absolute;
  border: 2px dashed #B4BBC4;
  background: #ffffff;
  transition: all 0.2s;
  z-index: 4;
}
.biam-system__box--ui[data-v-ff7ac080] {
  border-radius: 44px;
}
.biam-system__box--svc[data-v-ff7ac080], .biam-system__box--data[data-v-ff7ac080] {
  border-radius: 8px;
}
.biam-system__box--traced[data-v-ff7ac080] {
  border-color: #F5B301;
}
.biam-chip-wrap[data-v-ff7ac080] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 10px;
  padding: 14px;
  box-sizing: border-box;
  overflow: hidden;
}
.biam-chip[data-v-ff7ac080] {
  width: 120px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  transition: all 0.2s;
}
.biam-chip--in[data-v-ff7ac080] {
  background: #D9DDE2;
  color: #1F2937;
}
.biam-chip--out[data-v-ff7ac080] {
  background: #8F97A1;
  color: #ffffff;
}
.biam-chip--traced[data-v-ff7ac080] {
  box-shadow: 0 0 0 2px #F5B301;
}
.biam-chip__badge[data-v-ff7ac080] {
  display: inline-block;
  margin-left: 4px;
  padding: 0 4px;
  border-radius: 9999px;
  background: #ffffff;
  color: #374151;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.5;
  vertical-align: middle;
}
.biam-api-band[data-v-ff7ac080] {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 6px;
  padding: 22px 8px 6px;
  z-index: 6;
  border: 2px dashed #B4BBC4;
  border-radius: 8px;
  background: #ffffff;
}
.biam-api-band__title[data-v-ff7ac080] {
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  color: #374151;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 6px;
}
.biam-api-pill[data-v-ff7ac080] {
  border: 1px solid #C6CBD2;
  background: #ffffff;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 500;
  color: #4B5563;
  transition: all 0.2s;
}
.biam-api-pill--traced[data-v-ff7ac080] {
  border-color: #F5B301;
  background: #FEF6D8;
  color: #92400E;
}
.biam-suppliers[data-v-ff7ac080] {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 2px dashed #C6CBD2;
  border-radius: 8px;
  color: #9CA3AF;
  text-align: center;
  z-index: 4;
}
.biam-suppliers__title[data-v-ff7ac080] {
  font-size: 12px;
  font-weight: 500;
}
.biam-suppliers__sub[data-v-ff7ac080] {
  font-size: 11px;
}
.biam-legend[data-v-ff7ac080] {
  position: absolute;
  bottom: 12px;
  left: 56px;
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 12px;
  color: #4B5563;
  z-index: 10;
}
.biam-legend__item[data-v-ff7ac080] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.biam-legend__swatch[data-v-ff7ac080] {
  width: 32px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.biam-legend__swatch--in[data-v-ff7ac080] {
  background: #D9DDE2;
}
.biam-legend__swatch--out[data-v-ff7ac080] {
  background: #8F97A1;
}
.dimmed[data-v-ff7ac080] {
  opacity: 0.25;
  transition: opacity 0.2s;
}
.biam-btn[data-v-ff7ac080] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: 1px solid transparent;
  background: none;
}
.biam-btn[data-v-ff7ac080]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.biam-btn--primary[data-v-ff7ac080] {
  background: #F5B301;
  color: #2E4050;
  border-color: #F5B301;
}
.biam-btn--primary[data-v-ff7ac080]:hover:not(:disabled) {
  background: #E0A300;
}
.biam-btn--secondary[data-v-ff7ac080] {
  background: #ffffff;
  color: #2E4050;
  border-color: #E5E7EB;
}
.biam-btn--secondary[data-v-ff7ac080]:hover:not(:disabled) {
  background: #F9FAFB;
}
.biam-icon-btn[data-v-ff7ac080] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #E5E7EB;
  background: #ffffff;
  color: #2E4050;
  cursor: pointer;
}
.biam-icon-btn[data-v-ff7ac080]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.viewport-model-steps__header .title {
  white-space: nowrap !important;
  word-break: normal !important;
}
.biam-best-practice[data-v-ff7ac080] {
  position: relative;
  display: inline-flex;
  margin-left: 4px;
}
.biam-best-practice__btn[data-v-ff7ac080] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding: 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: background 0.2s;
}
.biam-best-practice__btn[data-v-ff7ac080]:hover {
  background: #FEF3C7;
}
.biam-best-practice__popover[data-v-ff7ac080] {
  position: absolute;
  left: 0;
  top: 32px;
  z-index: 30;
  width: 320px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #F5B301;
  background: #FFFBEB;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.biam-best-practice__close[data-v-ff7ac080] {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #B45309;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.biam-zoom[data-v-ff7ac080] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  background: #ffffff;
}
.biam-zoom__value[data-v-ff7ac080] {
  min-width: 44px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #2E4050;
}
.biam-zoom--plain[data-v-ff7ac080] {
  border: none;
  background: transparent;
  padding: 0;
  gap: 8px;
}
.biam-zoom--plain .biam-zoom__btn[data-v-ff7ac080] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: #6B7280;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  transition: color 0.2s;
}
.biam-zoom--plain .biam-zoom__btn[data-v-ff7ac080]:hover:not(:disabled) {
  color: #111827;
}
.biam-zoom--plain .biam-zoom__btn[data-v-ff7ac080]:disabled {
  color: #D1D5DB;
  cursor: not-allowed;
}
.biam-zoom--plain .biam-zoom__value[data-v-ff7ac080] {
  min-width: 48px;
}
.biam-overlay[data-v-ff7ac080] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.biam-modal[data-v-ff7ac080] {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  width: 420px;
  max-width: 95vw;
}
.biam-modal__header[data-v-ff7ac080] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 0;
}
.biam-modal__header h3[data-v-ff7ac080] {
  font-size: 16px;
  font-weight: 700;
  color: #2B2F36;
  margin: 0;
}
.biam-modal__close[data-v-ff7ac080] {
  background: none;
  border: none;
  cursor: pointer;
  color: #9AA0A8;
  padding: 4px;
}
.biam-modal__body[data-v-ff7ac080] {
  padding: 20px 24px;
  overflow-y: auto;
}
.biam-modal__footer[data-v-ff7ac080] {
  padding: 0 24px 20px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.biam-field-label[data-v-ff7ac080] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #2B2F36;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.biam-field-input[data-v-ff7ac080] {
  display: block;
  width: 100%;
  border: 1.5px solid #E6E8EC;
  border-radius: 6px;
  padding: 0 12px;
  height: 40px;
  font-size: 13px;
  color: #2B2F36;
  background: #F4F7FA;
  box-sizing: border-box;
  font-family: inherit;
}
.biam-field-input[data-v-ff7ac080]:focus {
  outline: none;
  border-color: #F5B301;
  background: #fff;
}
.biam-field-hint[data-v-ff7ac080] {
  margin: 6px 0 0;
  font-size: 11px;
  color: #9AA0A8;
  line-height: 1.35;
}
.mt-4[data-v-ff7ac080] {
  margin-top: 16px;
}

/* Push the shared blueprint header control cluster to the right edge on BIAM pages.
   The left controls (#blueprint-header-left-controls) stay beside the title. */
.viewport-model-steps:has(.biam-map) #blueprint-header-controls {
  margin-left: auto;
}.biam-table[data-v-78b27799] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 16px;
  background: #F4F7FA;
  position: relative;
  overflow-y: auto;
}
.biam-table__wrapper[data-v-78b27799] {
  flex: 1;
  min-height: 0;
  overflow: auto;
  background: #ffffff;
  border: 1px solid #E8EDF2;
  border-radius: 12px;
  position: relative;
}
.biam-table__grid[data-v-78b27799] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.biam-table__grid th[data-v-78b27799],
.biam-table__grid td[data-v-78b27799] {
  border: 1px solid #E8EDF2;
  padding: 12px;
  text-align: left;
  vertical-align: top;
}
.biam-table__group-headers[data-v-78b27799] {
  background: #FFF8E7;
}
.biam-table__group-header[data-v-78b27799] {
  font-weight: 600;
  color: #2E4050;
  border-bottom: 2px solid #F5B301;
  text-align: center;
}
.biam-table__group-header--delivery[data-v-78b27799] {
  border-left: 2px solid #F5B301;
}
.biam-table__group-header--ba-end[data-v-78b27799] {
  border-right: 2px solid #F5B301;
}
.biam-table__group-header--da-end[data-v-78b27799] {
  border-right: 2px solid #F5B301;
}
.biam-table__th--phase[data-v-78b27799] {
  border-left: 2px solid #F5B301 !important;
}
.biam-table__th--ba-end[data-v-78b27799] {
  border-right: 2px solid #F5B301 !important;
}
.biam-table__headers[data-v-78b27799] {
  background: #F9FAFB;
}
.biam-table__headers th[data-v-78b27799] {
  font-weight: 600;
  color: #2E4050;
}
.biam-table__data-row[data-v-78b27799] {
  background: #ffffff;
}
.biam-table__data-row--alt[data-v-78b27799] {
  background: #FAFBFC;
}
.biam-table__cell[data-v-78b27799] {
  min-width: 80px;
}
.biam-table__cell--process[data-v-78b27799] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #2B2F36;
}
.biam-table__cell--system[data-v-78b27799] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.biam-table__cell--phase-start[data-v-78b27799] {
  border-left: 2px solid #F5B301 !important;
}
.biam-table__cell--ba-end[data-v-78b27799] {
  border-right: 2px solid #F5B301 !important;
}
.biam-table__empty-row[data-v-78b27799] {
  background: #ffffff;
}
.biam-table__empty-cell[data-v-78b27799] {
  text-align: center;
  color: #6B7280;
  padding: 48px 24px;
}
.biam-table__loading[data-v-78b27799] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.7);
  color: #6B7280;
}
.biam-scope-swatch[data-v-78b27799] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.biam-scope-swatch--in[data-v-78b27799] {
  background: #D9DDE2;
}
.biam-scope-swatch--out[data-v-78b27799] {
  background: #8F97A1;
}
.biam-system-name[data-v-78b27799] {
  font-weight: 600;
  color: #2B2F36;
}
.biam-system-meta[data-v-78b27799] {
  font-size: 11px;
  color: #9AA0A8;
}
.biam-cell-text[data-v-78b27799] {
  cursor: pointer;
  color: #2B2F36;
  display: block;
}
.biam-cell-text[data-v-78b27799]:hover {
  background: #FFF8E7;
  outline: 2px solid #F5B301;
  outline-offset: 2px;
  border-radius: 2px;
}
.biam-inline-edit input[data-v-78b27799] {
  width: 100%;
  border: 1.5px solid #F5B301;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 13px;
  font-family: inherit;
  color: #2B2F36;
}
.biam-inline-edit input[data-v-78b27799]:focus {
  outline: none;
}
.viewport-model-steps__header .title {
  white-space: nowrap !important;
  word-break: normal !important;
}
.biam-best-practice[data-v-78b27799] {
  position: relative;
  display: inline-flex;
  margin-left: 4px;
}
.biam-best-practice__btn[data-v-78b27799] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding: 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: background 0.2s;
}
.biam-best-practice__btn[data-v-78b27799]:hover {
  background: #FEF3C7;
}
.biam-best-practice__popover[data-v-78b27799] {
  position: absolute;
  left: 0;
  top: 32px;
  z-index: 30;
  width: 320px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #F5B301;
  background: #FFFBEB;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.biam-best-practice__close[data-v-78b27799] {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #B45309;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.biam-overlay[data-v-78b27799] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.biam-modal[data-v-78b27799] {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  width: 420px;
  max-width: 95vw;
}
.biam-modal__header[data-v-78b27799] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 0;
}
.biam-modal__header h3[data-v-78b27799] {
  font-size: 16px;
  font-weight: 700;
  color: #2B2F36;
  margin: 0;
}
.biam-modal__close[data-v-78b27799] {
  background: none;
  border: none;
  cursor: pointer;
  color: #9AA0A8;
  padding: 4px;
}
.biam-modal__body[data-v-78b27799] {
  padding: 20px 24px;
  overflow-y: auto;
}
.biam-modal__footer[data-v-78b27799] {
  padding: 0 24px 20px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.biam-field-label[data-v-78b27799] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #2B2F36;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.biam-field-input[data-v-78b27799] {
  display: block;
  width: 100%;
  border: 1.5px solid #E6E8EC;
  border-radius: 6px;
  padding: 0 12px;
  height: 40px;
  font-size: 13px;
  color: #2B2F36;
  background: #F4F7FA;
  box-sizing: border-box;
  font-family: inherit;
}
.biam-field-input[data-v-78b27799]:focus {
  outline: none;
  border-color: #F5B301;
  background: #fff;
}
.biam-field-hint[data-v-78b27799] {
  margin: 6px 0 0;
  font-size: 11px;
  color: #9AA0A8;
  line-height: 1.35;
}
.mt-4[data-v-78b27799] {
  margin-top: 16px;
}
.biam-btn[data-v-78b27799] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: 1px solid transparent;
  background: none;
}
.biam-btn[data-v-78b27799]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.biam-btn--primary[data-v-78b27799] {
  background: #F5B301;
  color: #2E4050;
  border-color: #F5B301;
}
.biam-btn--primary[data-v-78b27799]:hover:not(:disabled) {
  background: #E0A300;
}
.biam-btn--secondary[data-v-78b27799] {
  background: #ffffff;
  color: #2E4050;
  border-color: #E5E7EB;
}
.biam-btn--secondary[data-v-78b27799]:hover:not(:disabled) {
  background: #F9FAFB;
}

/* Push only the right header control cluster to the right edge; the left cluster
   (Tier setup) stays beside the title. */
.viewport-model-steps:has(.biam-table) #blueprint-header-controls {
  margin-left: auto;
}.table-row__upper_header[grid=capability_implementation_grid][data-v-0a868bab] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.table-row__upper_header[grid=capability_implementation_grid][data-v-0a868bab] > :first-child:is(td) {
  grid-area: 1/3/2/1;
}
.table-row__upper_header[grid=capability_implementation_grid][data-v-0a868bab] > :nth-child(3):is(td) {
  grid-area: 1/6/1/3;
}
.table-row__spared_approval > td[data-v-0a868bab]:not(:nth-child(n+8)) {
  border-bottom: unset !important;
}
.table-row__spared_approval > td[data-v-0a868bab]:nth-child(1) {
  border-bottom-left-radius: unset !important;
}
.table-row__spared_approval > td[data-v-0a868bab]:nth-child(3) {
  border: 1px solid #D3D3D3 !important;
}
.table-row__spared_approval > td[data-v-0a868bab]:nth-child(7) {
  border-right: 1px solid #D3D3D3 !important;
}
.table-row__spared_approval > td[data-v-0a868bab]:nth-child(8) {
  padding-left: 1rem !important;
  border-left: 1px solid #D3D3D3 !important;
  border-bottom-left-radius: 10px;
}
.table-row__body :nth-child(odd):is(.level_4_step_action_grid) > td[data-v-0a868bab], .table-row__body :nth-child(odd):is(.level_4_step_action_grid) > td > .scrolled-textarea[data-v-0a868bab] {
  background: #EFEFEF;
}
.table-row__body :nth-child(even):is(.level_4_step_action_grid) > td[data-v-0a868bab], .table-row__body :nth-child(even):is(.level_4_step_action_grid) > td > .scrolled-textarea[data-v-0a868bab] {
  background: #E8E8E8;
}
.table-row__body :first-child > td[data-v-0a868bab]:first-child,
.table-row__body :first-child > td:first-child > .scrolled-textarea[data-v-0a868bab] {
  border-top-left-radius: 10px;
}
.table-row__body :first-child > td[data-v-0a868bab]:last-child,
.table-row__body :first-child > td:last-child > .scrolled-textarea[data-v-0a868bab] {
  border-top-right-radius: 10px;
}
.table-row__body[data-v-0a868bab] :first-child:is(.process_model_catalogue_grid) {
  grid-area: 1/1/5/1;
}
.table-row__body[data-v-0a868bab] :nth-child(4n+5):is(.process_model_catalogue_grid) {
  display: none;
}
.table-row__body :last-child > td[data-v-0a868bab] {
  border-bottom: 1px solid rgb(211, 211, 211);
}
.table-row__body :last-child > td:first-child > .scrolled-textarea[data-v-0a868bab], .table-row__body :last-child > td[data-v-0a868bab]:first-child {
  border-bottom-left-radius: 10px;
}
.table-row__body :last-child > td[data-v-0a868bab] {
  border-bottom: 1px solid rgb(211, 211, 211);
}
.table-row__body :last-child > td:last-child > .scrolled-textarea[data-v-0a868bab], .table-row__body :last-child > td[data-v-0a868bab]:last-child {
  border-bottom-right-radius: 10px;
}
.table-row__body :last-child > td > .table-col__icon[data-v-0a868bab] {
  margin-top: 3px;
}
.table-row__cell[data-v-0a868bab] {
  display: grid;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #2E4050;
  word-break: break-word;
  grid-template-columns: 11.9em repeat(4, 3rem) 1fr;
  /*&:not(.level_4_step_action_grid):not(.capability_model_grid) {
       :nth-last-child(2):not(.custom-hoba-checkbox) {
          border-right: none;
      }
  }*/
  /*&:not(.level_4_step_action_grid):not(.capability_model_grid) {
       :nth-child(2),
       :nth-child(n+2) {
          border-bottom: none;
      }
  }*/
}
.table-row__cell[data-v-0a868bab] :first-child:is(td) {
  padding-left: 1rem;
}
.table-row__cell :first-child > .business_architecture_plan_col[data-v-0a868bab] {
  padding-left: 1rem;
}
.table-row__cell td[data-v-0a868bab] {
  border: 1px solid #D3D3D3;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  display: flex;
  align-items: center;
  border-bottom: none;
}
.table-row__cell td[data-v-0a868bab]:not(:last-child):not(.spared-row) {
  border-right: 1px dashed #bbb9b9 !important;
}
.table-row__cell td[data-v-0a868bab]:not(:first-child) {
  border-left: none;
  border-right: none;
}
.table-row__cell td:last-child span[data-v-0a868bab] {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: none;
}
.table-row__cell[data-v-0a868bab]:not(.terms_definitions_grid):nth-child(2):not(.slider) {
  border-right: none !important;
}
.table-row__cell[data-v-0a868bab] :has(.communications_plan_grid):nth-child(n+2) {
  border: 1px solid #D3D3D3;
}
.table-row__cell td[data-v-0a868bab]:last-child {
  border-right: 1px solid #D3D3D3;
}
.table-col__textarea_container[data-v-0a868bab] {
  cursor: pointer;
}
.table-col__textarea_inner[data-v-0a868bab] {
  width: 100%;
  border-style: none;
  text-transform: unset;
  color: rgb(46, 64, 80);
  outline: none;
  text-transform: initial;
  padding-top: 4px;
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 4px;
}
.table-col__textarea_inner_empty_focused[data-v-0a868bab] {
  border: 1px solid #FEBC2C;
  padding: 4px;
}
.table-col__icon[data-v-0a868bab] {
  width: 1.25rem;
  height: 1.25rem;
}
.table-col__checkbox_group[data-v-0a868bab] {
  display: flex;
  flex-direction: column;
}
.table-col__checkbox_group[data-v-0a868bab] :hover {
  cursor: pointer;
}
.table-col__checkbox_group span[data-v-0a868bab] {
  padding: 0.25rem 0;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #333333 !important;
}
.table-col__checkbox_group span input[data-v-0a868bab] {
  margin-right: 0.25rem;
  margin-bottom: 2px;
  border: 1px solid #939393;
}
.table-row__head[data-v-0a868bab] {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #2E4050;
}
.table-row__head[data-v-0a868bab] :first-child:is(td) {
  padding-left: 1rem;
}
.table-row__head_sub[data-v-0a868bab] {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #6A869F;
}
.table-row__grid[data-v-0a868bab] {
  display: grid;
  grid-template-columns: 15% 15% 30% auto;
}
.input[data-v-0a868bab] {
  height: 96px;
  border: none;
}
.input .hoba-editor--navigation-editor[data-v-0a868bab] {
  display: none !important;
}
.input:active > .hoba-editor--navigation-editor[data-v-0a868bab] {
  display: flex;
}
.p0[data-v-0a868bab] {
  padding: 0;
}
thead th[data-v-0a868bab] {
  white-space: nowrap;
}
thead th[data-v-0a868bab],
thead tr[data-v-0a868bab] {
  padding: 4px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #bdbdbd;
  background-color: #ebebeb;
  vertical-align: top;
  text-align: center !important;
}
thead tr[data-v-0a868bab]:first-child,
thead th[data-v-0a868bab]:first-child {
  border-left-width: 1px;
}
thead .second-row th[data-v-0a868bab] {
  padding-bottom: 0;
}
.capability-row[data-v-0a868bab] {
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
.sub-head[data-v-0a868bab] {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  color: #6a869f;
}
.sub-head td[data-v-0a868bab] {
  border-right-width: 1px;
  border-style: solid;
  border-color: #bdbdbd;
  padding: 4px;
  text-align: center !important;
}
.sub-head td[data-v-0a868bab]:first-child {
  border-left-width: 1px;
}
tbody td[data-v-0a868bab] {
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  border-color: #bdbdbd;
  vertical-align: top;
  height: 88px !important;
}
tbody td[data-v-0a868bab]:first-child {
  border-left-width: 1px;
}
tbody tr:last-child td[data-v-0a868bab] {
  border-bottom-width: 1px;
}
thead tr:first-child th[data-v-0a868bab]:first-child {
  border-top-left-radius: 12px;
}
thead tr:first-child th[data-v-0a868bab]:last-child {
  border-top-right-radius: 12px;
}
tbody tr:last-child td[data-v-0a868bab]:first-child {
  border-bottom-left-radius: 12px;
}
tbody tr:last-child td[data-v-0a868bab]:last-child {
  border-bottom-right-radius: 12px;
}
table[data-v-0a868bab] {
  border-collapse: separate;
  border-spacing: 0;
}
.px-0[data-v-0a868bab] {
  padding-top: 0;
}
.border-top-0[data-v-0a868bab] {
  border-top-width: 0;
}.cm-l2-card[data-v-5964ed25] {
  background: #fff;
  border-radius: 6px;
  border: 1.5px solid #e5e7eb;
  overflow: hidden;
  cursor: pointer;
}
.cm-l2-card[draggable=true][data-v-5964ed25] {
  cursor: grab;
}
.cm-l2-card--selected[data-v-5964ed25] {
  border-color: #febc2c;
  box-shadow: 0 0 0 3px rgba(254, 188, 44, 0.25);
}
.cm-l2-card--dragging[data-v-5964ed25] {
  opacity: 0.45;
  cursor: grabbing;
}
.cm-l2-card--drag-over[data-v-5964ed25] {
  border-color: #F5A623;
  box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.25);
}
.cm-l2-header[data-v-5964ed25] {
  padding: 6px 8px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.cm-l2-header__left[data-v-5964ed25] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.cm-l2-header__right[data-v-5964ed25] {
  display: flex;
  align-items: center;
  gap: 5px;
}
.cm-l2-name[data-v-5964ed25] {
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cm-l2-header:hover .cm-l2-name[data-v-5964ed25] {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cm-icon-btn[data-v-5964ed25] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  opacity: 0;
  padding: 0;
  transition: opacity 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.cm-icon-btn svg[data-v-5964ed25] {
  width: 14px;
  height: 14px;
}
.cm-icon-btn[data-v-5964ed25]:hover {
  background: #f3f4f6;
  color: #111827;
}
.cm-l2-header:hover .cm-icon-btn--edit[data-v-5964ed25] {
  opacity: 1;
}
.cm-l3-list[data-v-5964ed25] {
  padding: 4px 6px 6px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  border-top: 1px solid #e5e9f0;
}
.cm-l3-pill[data-v-5964ed25] {
  background: #fb7c69;
  color: #fff;
  border-radius: 4px;
  padding: 4px 7px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}
.cm-l3-pill[data-v-5964ed25]:hover {
  filter: brightness(0.93);
}
.cm-l3-name[data-v-5964ed25] {
  flex: 1;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cm-level-badge[data-v-5964ed25] {
  font-size: 8px;
  font-weight: 700;
  padding: 1px 4px;
  border-radius: 3px;
  background: rgba(15, 23, 42, 0.06);
  color: #64748b;
  flex: 0 0 auto;
}
.cm-level-badge--l2[data-v-5964ed25] {
  background: rgba(15, 23, 42, 0.06);
  color: #64748b;
}
.cm-level-badge--l3[data-v-5964ed25] {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
}
.cm-tag[data-v-5964ed25] {
  font-size: 7px;
  font-weight: 700;
  padding: 1px 4px;
  border-radius: 3px;
  flex: 0 0 auto;
}
.cm-tag--oos[data-v-5964ed25] {
  background: #e5e7eb;
  color: #6b7280;
}
.cm-tag--future[data-v-5964ed25] {
  background: #ede9fe;
  color: #6d28d9;
}
.cm-overlay-dot[data-v-5964ed25] {
  flex: 0 0 auto;
  font-size: 9px;
  font-weight: 700;
}
.cm-overlay-dot--dot[data-v-5964ed25] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}
.cm-overlay-dot--text[data-v-5964ed25] {
  color: #64748b;
}
.cm-add-l3[data-v-5964ed25] {
  width: 100%;
  border: none;
  border-top: 1px dashed #d8dde5;
  background: transparent;
  cursor: pointer;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}
.cm-add-l3[data-v-5964ed25]:hover {
  background: #f8fafc;
  color: #64748b;
}.cm-l1-card[data-v-f2c9d05f] {
  background: #fff;
  border-radius: 8px;
  border: 1.5px solid #cfd5e0;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.cm-l1-card--selected[data-v-f2c9d05f] {
  border-color: #febc2c;
  box-shadow: 0 0 0 3px rgba(254, 188, 44, 0.25);
}
.cm-l1-card--dimmed[data-v-f2c9d05f] {
  opacity: 0.45;
  filter: grayscale(0.8);
}
.cm-l1-header[data-v-f2c9d05f] {
  padding: 8px 10px;
  background: #fff;
  border-bottom: 1px solid #e5e9f0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.cm-l1-header__left[data-v-f2c9d05f] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.cm-l1-header__right[data-v-f2c9d05f] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.cm-l1-name[data-v-f2c9d05f] {
  font-size: 13px;
  font-weight: 700;
  color: #0f172a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cm-level-badge[data-v-f2c9d05f] {
  font-size: 9px;
  font-weight: 700;
  padding: 1px 5px;
  border-radius: 3px;
  background: rgba(15, 23, 42, 0.06);
  color: #64748b;
  flex: 0 0 auto;
}
.cm-level-badge--l1[data-v-f2c9d05f] {
  background: rgba(15, 23, 42, 0.06);
  color: #64748b;
}
.cm-tag[data-v-f2c9d05f] {
  font-size: 8px;
  font-weight: 700;
  padding: 1px 4px;
  border-radius: 3px;
  flex: 0 0 auto;
}
.cm-tag--oos[data-v-f2c9d05f] {
  background: #e5e7eb;
  color: #6b7280;
}
.cm-tag--future[data-v-f2c9d05f] {
  background: #ede9fe;
  color: #6d28d9;
}
.cm-overlay-dot[data-v-f2c9d05f] {
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 700;
}
.cm-overlay-dot--dot[data-v-f2c9d05f] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.cm-overlay-dot--text[data-v-f2c9d05f] {
  color: #64748b;
}
.cm-icon-btn[data-v-f2c9d05f] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  padding: 2px;
}
.cm-icon-btn[data-v-f2c9d05f]:hover {
  background: #f3f4f6;
  color: #111827;
}
.cm-l1-body[data-v-f2c9d05f] {
  padding: 8px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cm-add-l2[data-v-f2c9d05f] {
  border: 1.5px dashed #b3bccb;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  padding: 8px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.cm-add-l2[data-v-f2c9d05f]:hover {
  background: rgba(255, 255, 255, 0.9);
  border-color: #9ca3af;
}
fieldset[disabled] .multiselect {
    pointer-events: none;
}
.multiselect__spinner {
    position: absolute;
    right: 1px;
    top: 1px;
  width: 40px;
  height: 38px;
    background: #fff;
    display: block;
}
.multiselect__spinner::before,
  .multiselect__spinner::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border-color: #41b883 transparent transparent;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0 0 0 1px transparent;
}
.multiselect__spinner::before {
    animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
    animation-iteration-count: infinite;
}
.multiselect__spinner::after {
    animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
    animation-iteration-count: infinite;
}
.multiselect__loading-enter-active,
  .multiselect__loading-leave-active {
    transition: opacity 0.4s ease-in-out;
    opacity: 1;
}
.multiselect__loading-enter,
  .multiselect__loading-leave-active {
    opacity: 0;
}
.multiselect,
  .multiselect__input,
  .multiselect__single {
    font-family: inherit;
    font-size: 16px;
    touch-action: manipulation;
}
.multiselect {
    box-sizing: content-box;
    display: block;
    position: relative;
    width: 100%;
    min-height: 40px;
    text-align: left;
    color: #35495e;
}
.multiselect * {
    box-sizing: border-box;
}
.multiselect:focus {
    outline: none;
}
.multiselect--disabled {
    background: #ededed;
    pointer-events: none;
    opacity: 0.6;
}
.multiselect--active {
    z-index: 50;
}
.multiselect--active:not(.multiselect--above) .multiselect__current,
  .multiselect--active:not(.multiselect--above) .multiselect__input,
  .multiselect--active:not(.multiselect--above) .multiselect__tags {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.multiselect--active .multiselect__select {
    transform: rotateZ(180deg);
}
.multiselect--above.multiselect--active .multiselect__current,
  .multiselect--above.multiselect--active .multiselect__input,
  .multiselect--above.multiselect--active .multiselect__tags {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.multiselect__input,
  .multiselect__single {
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 5px;
    background: #fff;
    padding: 0 0 0 5px;
    width: calc(100%);
    transition: border 0.1s ease;
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top;
}
.multiselect__input::-moz-placeholder {
    color: #35495e;
}
.multiselect__input::placeholder {
    color: #35495e;
}
.multiselect__tag ~ .multiselect__input,
  .multiselect__tag ~ .multiselect__single {
    width: auto;
}
.multiselect__input:hover,
  .multiselect__single:hover {
    border-color: #cfcfcf;
}
.multiselect__input:focus,
  .multiselect__single:focus {
    border-color: #a8a8a8;
    outline: none;
}
.multiselect__single {
    padding-left: 5px;
    margin-bottom: 8px;
}
.multiselect__tags-wrap {
    display: inline;
}
.multiselect__tags {
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 14px;
}
.multiselect__tag {
    position: relative;
    display: inline-block;
    padding: 4px 26px 4px 10px;
    border-radius: 5px;
    margin-right: 10px;
    color: #fff;
    line-height: 1;
    background: #41b883;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}
.multiselect__tag-icon {
    cursor: pointer;
    margin-left: 7px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 700;
    font-style: initial;
    width: 22px;
    text-align: center;
    line-height: 22px;
    transition: all 0.2s ease;
    border-radius: 5px;
}
.multiselect__tag-icon::after {
    content: "×";
    color: #266d4d;
    font-size: 14px;
}

  /* // Remove these lines to avoid green closing button
  //.multiselect__tag-icon:focus,
  //.multiselect__tag-icon:hover {
  //  background: #369a6e;
  //} */
.multiselect__tag-icon:focus::after,
  .multiselect__tag-icon:hover::after {
    color: white;
}
.multiselect__current {
    line-height: 16px;
    min-height: 40px;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding: 8px 12px 0;
    padding-right: 30px;
    white-space: nowrap;
    margin: 0;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    cursor: pointer;
}
.multiselect__select {
    line-height: 16px;
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 40px;
    height: 38px;
    right: 1px;
    top: 1px;
    padding: 4px 8px;
    margin: 0;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s ease;
}
.multiselect__select::before {
    position: relative;
    right: 0;
    top: 65%;
    color: #999;
    margin-top: 4px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #999 transparent transparent transparent;
    content: "";
}
.multiselect__placeholder {
    color: #adadad;
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 2px;
}
.multiselect--active .multiselect__placeholder {
    display: none;
}
.multiselect__content-wrapper {
    position: absolute;
    display: block;
    background: #fff;
    width: 100%;
    max-height: 240px;
    overflow: auto;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 50;
    -webkit-overflow-scrolling: touch;
}
.multiselect__content {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 100%;
    vertical-align: top;
}
.multiselect--above .multiselect__content-wrapper {
    bottom: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    border-top: 1px solid #e8e8e8;
}
.multiselect__content::-webkit-scrollbar {
    display: none;
}
.multiselect__element {
    display: block;
}
.multiselect__option {
    display: block;
    padding: 12px;
    min-height: 40px;
    line-height: 16px;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}
.multiselect__option::after {
    top: 0;
    right: 0;
    position: absolute;
    line-height: 40px;
    padding-right: 12px;
    padding-left: 20px;
    font-size: 13px;
}
.multiselect__option--highlight {
    background: #41b883;
    outline: none;
    color: white;
}
.multiselect__option--highlight::after {
    content: attr(data-select);
    background: #41b883;
    color: white;
}
.multiselect__option--selected {
    background: #f3f3f3;
    color: #35495e;
    font-weight: bold;
}
.multiselect__option--selected::after {
    content: attr(data-selected);
    color: silver;
  background: inherit;
}
.multiselect__option--selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff;
}
.multiselect__option--selected.multiselect__option--highlight::after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: #fff;
}
.multiselect--disabled .multiselect__current,
  .multiselect--disabled .multiselect__select {
    background: #ededed;
    color: #a6a6a6;
}
.multiselect__option--disabled {
    background: #ededed !important;
    color: #a6a6a6 !important;
    cursor: text;
    pointer-events: none;
}
.multiselect__option--group {
    background: #ededed;
    color: #35495e;
}
.multiselect__option--group.multiselect__option--highlight {
    background: #35495e;
    color: #fff;
}
.multiselect__option--group.multiselect__option--highlight::after {
    background: #35495e;
}
.multiselect__option--disabled.multiselect__option--highlight {
    background: #dedede;
}
.multiselect__option--group-selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff;
}
.multiselect__option--group-selected.multiselect__option--highlight::after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: #fff;
}
.multiselect-enter-active,
  .multiselect-leave-active {
    transition: all 0.15s ease;
}
.multiselect-enter,
  .multiselect-leave-active {
    opacity: 0;
}
.multiselect__strong {
    margin-bottom: 8px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
}
*[dir="rtl"] .multiselect {
    text-align: right;
}
*[dir="rtl"] .multiselect__select {
    right: auto;
    left: 1px;
}
*[dir="rtl"] .multiselect__tags {
    padding: 8px 8px 0 40px;
}
*[dir="rtl"] .multiselect__content {
    text-align: right;
}
*[dir="rtl"] .multiselect__option::after {
    right: auto;
    left: 0;
}
*[dir="rtl"] .multiselect__clear {
    right: auto;
    left: 12px;
}
*[dir="rtl"] .multiselect__spinner {
    right: auto;
    left: 1px;
}
@keyframes spinning {
from {
      transform: rotate(0);
}
to {
      transform: rotate(2turn);
}
}
.capability-modal-form .field-group {
  display: flex;
  flex-direction: column;
}
.capability-modal-form .field-label {
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: normal;
  color: #4a4a4a;
  margin-bottom: 4px;
}
.capability-modal-form .field-input,
.capability-modal-form .textarea-component__field-textarea,
.capability-modal-form .capability-select .multiselect__tags {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
  font-family: inherit;
  font-size: 13px !important;
  color: #374151;
}
.capability-modal-form .capability-name-input,
.capability-modal-form .capability-description-input {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
}
.capability-modal-form .field-input::-moz-placeholder, .capability-modal-form .textarea-component__field-textarea::-moz-placeholder {
  font-family: inherit;
  font-size: 13px;
  color: #9ca3af;
}
.capability-modal-form .field-input::placeholder,
.capability-modal-form .textarea-component__field-textarea::placeholder {
  font-family: inherit;
  font-size: 13px;
  color: #9ca3af;
}
.capability-modal-form .field-input {
  height: 42px;
  padding: 0 12px;
}
.capability-modal-form .textarea-component__field-textarea {
  min-height: 100px;
  padding: 10px 12px;
}
.capability-modal-form .field-input:focus,
.capability-modal-form .textarea-component__field-textarea:focus {
  border-color: #78716c !important;
  --tw-ring-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
.capability-modal-form .capability-name-input--error {
  border-color: #ef4444 !important;
}
.capability-modal-form .capability-field-error {
  margin-top: 4px;
  font-size: 12px;
  color: #dc2626;
}
.capability-modal-form input[type=checkbox] {
  cursor: pointer;
}
.capability-modal-form .capability-select .multiselect {
  min-height: 42px;
}
.capability-modal-form .capability-select .multiselect__tags {
  min-height: 42px;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 8px 32px 8px 12px;
  font-size: 13px;
  color: #374151;
}
.capability-modal-form .capability-select .multiselect__single {
  padding: 0;
  margin: 0;
  font-size: 13px;
  color: #374151;
}
.capability-modal-form .capability-select .multiselect__placeholder {
  color: #9ca3af;
  font-size: 13px;
  margin-bottom: 0;
}
.capability-modal-form .capability-select .multiselect__select {
  width: 32px;
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.capability-modal-form .capability-select .multiselect__select::before {
  display: none;
}
.capability-modal-form .capability-select .multiselect__select::after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  margin: 0;
  position: static;
  top: auto;
  left: auto;
}
.capability-modal-form .capability-select .multiselect__content-wrapper {
  background: #ffffff;
  border: 1px solid #d6d3d1;
  border-radius: 6px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
}
.capability-modal-form .capability-select .multiselect__content {
  padding: 6px;
}
.capability-modal-form .capability-select .multiselect__option {
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 13px;
  color: #111827;
  min-height: 36px;
  margin-bottom: 2px;
}
.capability-modal-form .capability-select .multiselect__option:last-child {
  margin-bottom: 0;
}
.capability-modal-form .capability-select .multiselect__option--highlight {
  background: #f3f4f6;
  color: #111827;
}
.capability-modal-form .capability-select .multiselect__option--highlight::after {
  display: none;
}
.capability-modal-form .capability-select .multiselect__option--selected {
  background: #eff6ff;
  color: #111827;
}
.capability-modal-form .capability-select .multiselect__option--selected::after {
  display: none;
}
.capability-modal-form .capability-select .multiselect__option--selected.multiselect__option--highlight {
  background: #e5e7eb;
}
.capability-modal-form .capability-select .multiselect__input,
.capability-modal-form .capability-select .multiselect__input:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.capability-modal-form .capability-link-field {
  position: relative;
}
.capability-modal-form .capability-linked-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.capability-modal-form .capability-linked-card {
  border: 1px solid #e7e5e4;
  border-radius: 8px;
  overflow: hidden;
}
.capability-modal-form .capability-linked-card__row {
  background: #fafaf9;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}
.capability-modal-form .capability-linked-card__name {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  color: #0c0a09;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.capability-modal-form .capability-linked-card__crumb {
  padding: 8px 12px;
  font-size: 12px;
  color: #78716c;
  background: #ffffff;
  border-top: 1px solid #e7e5e4;
}
.capability-modal-form .capability-linked-card__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  flex-shrink: 0;
}
.capability-modal-form .capability-ref-chip {
  display: inline-flex;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 10.5px;
  font-weight: 600;
  padding: 2px 6px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #92400e;
  border-radius: 0;
  flex-shrink: 0;
}
.capability-modal-form .capability-text-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: none;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  color: #78716c;
  cursor: pointer;
}
.capability-modal-form .capability-text-btn--danger {
  color: #dc2626;
}
.capability-modal-form .capability-link-placeholder {
  border: 1px dashed #d6d3d1;
  border-radius: 6px;
  background: #ffffff;
  padding: 10px 12px;
}
.capability-modal-form .capability-link-trigger {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  background: transparent;
  border: none;
  font-size: 13px;
  color: #44403c;
  cursor: pointer;
}
.capability-modal-form .capability-link-add-another {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  margin-top: 8px;
  padding: 8px 12px;
  background: #ffffff;
  border: 1px dashed #d6d3d1;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #78716c;
  cursor: pointer;
}
.capability-modal-form .capability-link-add-another:hover {
  border-color: #F5A623;
  color: #44403c;
  background: #fffbeb;
}
.capability-modal-form .capability-picker {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  max-height: 360px;
  background: #ffffff;
  border: 1px solid #d6d3d1;
  border-radius: 10px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
  z-index: 250;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.capability-modal-form .capability-picker__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid #e7e5e4;
}
.capability-modal-form .capability-picker__title {
  font-size: 14px;
  font-weight: 600;
  color: #0c0a09;
}
.capability-modal-form .capability-close-btn {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  color: #78716c;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: background 0.12s;
}
.capability-modal-form .capability-close-btn:hover {
  background: #f5f5f4;
  color: #0c0a09;
}
.capability-modal-form .capability-picker__search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-bottom: 1px solid #e7e5e4;
}
.capability-modal-form .capability-picker__search svg {
  color: #78716c;
  flex-shrink: 0;
}
.capability-modal-form .capability-input {
  width: 100%;
  height: 36px;
  padding: 0 12px;
  border: 1px solid #d6d3d1;
  border-radius: 6px;
  font-size: 14px;
  outline: none;
  background: #ffffff;
  color: #0c0a09;
  box-sizing: border-box;
  transition: border-color 0.12s;
}
.capability-modal-form .capability-input:focus {
  border-color: #78716c;
}
.capability-modal-form .capability-input--search {
  flex: 1;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #d6d3d1;
  border-radius: 6px;
  font-size: 13px;
}
.capability-modal-form .capability-picker__list {
  flex: 1;
  overflow-y: auto;
  padding: 6px;
}
.capability-modal-form .capability-picker__item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 10px;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  text-align: left;
}
.capability-modal-form .capability-picker__item:hover {
  background: #f5f5f4;
}
.capability-modal-form .capability-picker__item--selected {
  background: #eff6ff;
}
.capability-modal-form .capability-picker__name {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  color: #0c0a09;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.capability-modal-form .capability-picker__model {
  font-size: 10px;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: 4px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #92400e;
  flex-shrink: 0;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.capability-modal-form .capability-picker__badge {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 999px;
  background: #f5f5f4;
  color: #44403c;
  flex-shrink: 0;
}
.capability-modal-form .capability-picker__badge--draft {
  background: #f5f5f4;
  color: #44403c;
}
.capability-modal-form .capability-picker__badge--in-review {
  background: #fffbeb;
  color: #92400e;
}
.capability-modal-form .capability-picker__badge--approved {
  background: #f0fdf4;
  color: #166534;
}
.capability-modal-form .capability-picker__empty {
  padding: 16px;
  text-align: center;
  font-size: 13px;
  color: #a8a29e;
}
.capability-modal-form .capability-role-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px 12px;
  background: #ffffff;
  border: 1px solid #d6d3d1;
  border-radius: 6px;
  min-height: 42px;
}
.capability-modal-form .capability-role-chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 4px;
  border: 1px solid #d6d3d1;
  background: #ffffff;
  color: #4b5563;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.12s ease;
}
.capability-modal-form .capability-role-chip:hover {
  border-color: #9ca3af;
  color: #111827;
}
.capability-modal-form .capability-role-chip--selected {
  background: #F5B301;
  border-color: #F5B301;
  color: #1a1208;
}
.capability-modal-form .capability-role-empty {
  margin-top: 4px;
  font-size: 12px;
  color: #9ca3af;
}.cm-tier-setup[data-v-99972122] {
  display: inline-flex;
  align-items: center;
}
.cm-tier-setup__btn[data-v-99972122] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 6px;
  border: 1px solid #E5E7EB;
  background: #ffffff;
  color: #2E4050;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.cm-tier-setup__btn[data-v-99972122]:hover:not(:disabled) {
  background: #F9FAFB;
}
.tier-setup-modal__header[data-v-99972122] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 16px;
}
.tier-setup-modal__title[data-v-99972122] {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 4px;
}
.tier-setup-modal__subtitle[data-v-99972122] {
  font-size: 12px;
  color: #6b7280;
  max-width: 720px;
  margin: 0;
}
.tier-setup-modal[data-v-99972122] {
  max-height: min(96vh, 860px);
  height: min(96vh, 860px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.tier-setup-modal__tiers[data-v-99972122] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
  padding-right: 4px;
}
.tier-setup-modal__footer[data-v-99972122] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.tier-setup-modal__footer-right[data-v-99972122] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tier-setup-tier[data-v-99972122] {
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #ffffff;
}
.tier-setup-tier__header[data-v-99972122] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.tier-setup-tier__badge[data-v-99972122] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fef3c7;
  color: #92400e;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.tier-setup-tier__meta[data-v-99972122] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  min-width: 0;
}
.tier-setup-tier__label[data-v-99972122] {
  font-size: 10px;
  font-weight: 700;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
.tier-setup-tier__key[data-v-99972122] {
  font-size: 15px;
  font-weight: 700;
  color: #111827;
  line-height: 1.3;
}
.tier-setup-tier__count[data-v-99972122] {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  padding: 4px 10px;
  background: #f3f4f6;
  border-radius: 999px;
  flex-shrink: 0;
}
.tier-setup-tier__field[data-v-99972122] {
  margin-bottom: 12px;
}
.tier-setup-tier__field[data-v-99972122]:last-child {
  margin-bottom: 0;
}
.tier-setup-tier__field input[data-v-99972122],
.tier-setup-tier__field textarea[data-v-99972122] {
  font-family: inherit;
  font-size: 13px;
  color: #374151;
}
.tier-setup-tier__field input.field-input[data-v-99972122] {
  height: 42px;
  padding: 0 12px;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
}
.tier-setup-tier__field input.field-input[data-v-99972122]:focus {
  outline: none;
  border-color: #78716c;
  box-shadow: none;
  --tw-ring-color: transparent;
}
.tier-setup-tier__textarea[data-v-99972122] {
  resize: vertical;
  min-height: 42px;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.5;
  color: #374151;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  width: 100%;
}
.tier-setup-tier__textarea[data-v-99972122]:focus {
  outline: none;
  border-color: #78716c;
  box-shadow: none;
}
.tier-setup-modal__btn[data-v-99972122] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 1px solid transparent;
}
.tier-setup-modal__btn--ghost[data-v-99972122] {
  background: #ffffff;
  border-color: #e5e7eb;
  color: #374151;
}
.tier-setup-modal__btn--ghost[data-v-99972122]:hover {
  background: #f9fafb;
}
.tier-setup-modal__btn--primary[data-v-99972122] {
  background: #111827;
  color: #ffffff;
}
.tier-setup-modal__btn--primary[data-v-99972122]:hover {
  background: #374151;
}.shape_modal[data-v-21211fcc] {
  width: 924px;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 32px;
}
.shape_modal__header[data-v-21211fcc] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  line-height: 29px;
  color: #000000;
  margin-bottom: 24px;
}
.shape_modal__header_title_input_text[data-v-21211fcc] {
  background: #FFFFFF;
  border: 1px solid #C4C4C4;
  border-radius: 4px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.shape_modal__header_title_input_text[data-v-21211fcc] :focus-visible {
  border: 2px solid #febc2c !important;
  outline: none;
}
.shape_modal__header > span[data-v-21211fcc] {
  margin-right: 8px;
  padding-top: 7px;
  display: block;
  width: 28px;
  height: 28px;
  background: #FEBC2C;
  border-radius: 25px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #000000;
}
.shape_modal--btn[data-v-21211fcc] {
  float: right;
  padding: 9px 24px;
  margin-top: 32px;
  display: flex;
}
.shape_modal--btn.disabled[data-v-21211fcc] {
  background: #FFFFFF;
  border: 1px solid #D3D3D3;
}
.shape_modal--btn > span[data-v-21211fcc] {
  margin-right: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #D3D3D3;
}
.shape_modal__body > label[data-v-21211fcc] {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #4A4A4A;
  margin-bottom: 8px;
}
.shape_modal__header_title_input[data-v-21211fcc] {
  height: 40px;
  border-radius: 4px;
  padding: 7px 8px 7px 8px;
  border: 1px solid #D3D3D3;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
}
.vue-universal-modal[data-v-21211fcc] {
  background-color: rgba(34, 34, 40, 0.3) !important;
}
.capability-map-level-tree[data-v-21211fcc] {
  padding: 16px;
  background-color: #f8f9fa;
  border-radius: 8px;
}
.cm-header-actions[data-v-21211fcc] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  container-type: inline-size;
  container-name: cm-header;
}
.cm-header-actions__primary[data-v-21211fcc] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.cm-header-actions__overflow[data-v-21211fcc] {
  display: none;
  position: relative;
  outline: none;
}
.cm-header-actions__overflow-btn[data-v-21211fcc] {
  padding: 0 8px;
  font-size: 16px;
  line-height: 1;
}
.cm-header-actions__overflow-menu[data-v-21211fcc] {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 220px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  padding: 8px;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  z-index: 100;
}
.cm-header-actions__overflow:hover .cm-header-actions__overflow-menu[data-v-21211fcc],
.cm-header-actions__overflow:focus-within .cm-header-actions__overflow-menu[data-v-21211fcc] {
  display: flex;
}
@container cm-header (max-width: 480px) {
.cm-header-actions__primary[data-v-21211fcc] {
    display: none;
}
.cm-header-actions__overflow[data-v-21211fcc] {
    display: inline-flex;
}
}
.cm-header-btn[data-v-21211fcc] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border-radius: 6px;
  border: 1px solid #E5E7EB;
  background: #ffffff;
  color: #2E4050;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.cm-header-btn[data-v-21211fcc]:hover:not(:disabled) {
  background: #F9FAFB;
}
.cm-header-btn[data-v-21211fcc]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.cm-header-btn--primary[data-v-21211fcc] {
  background: #2E4050;
  border-color: #2E4050;
  color: #ffffff;
}
.cm-header-btn--primary[data-v-21211fcc]:hover:not(:disabled) {
  background: #1e293b;
}
.cm-header-btn--add[data-v-21211fcc] {
  background: #F5A623;
  border-color: #F5A623;
  color: #ffffff;
  white-space: nowrap;
}
.cm-header-btn--add[data-v-21211fcc]:hover:not(:disabled) {
  background: #e8961a;
  border-color: #e8961a;
}
.cm-header-btn--ai[data-v-21211fcc] {
  background: #ffffff;
  border-color: #F5B301;
  color: #2E4050;
}
.cm-header-btn--ai[data-v-21211fcc]:hover:not(:disabled) {
  background: #FEF4D7;
}
.cm-zoom-controls[data-v-21211fcc] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 32px;
  padding: 0 6px;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  background: #ffffff;
}
.cm-zoom-btn[data-v-21211fcc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: none;
  background: transparent;
  color: #4b5563;
  cursor: pointer;
  border-radius: 4px;
}
.cm-zoom-btn[data-v-21211fcc]:hover:not(:disabled) {
  background: #F3F4F6;
}
.cm-zoom-btn[data-v-21211fcc]:disabled {
  color: #d1d5db;
  cursor: not-allowed;
}
.cm-zoom-pct[data-v-21211fcc] {
  min-width: 36px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}
.cm-ai-modal__header[data-v-21211fcc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 16px;
}
.cm-ai-modal__header h2[data-v-21211fcc] {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  margin: 0;
}
.cm-ai-modal__close[data-v-21211fcc] {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  color: #78716c;
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.cm-ai-modal__close[data-v-21211fcc]:hover {
  background: #f5f5f4;
  color: #0c0a09;
}
.cm-ai-modal__body[data-v-21211fcc] {
  padding: 4px 0 12px;
}
.cm-ai-modal__body[data-v-21211fcc] .field-input {
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  height: 42px;
  padding: 0 12px;
  font-size: 13px;
  color: #374151;
}
.cm-ai-modal__body[data-v-21211fcc] .field-input::-moz-placeholder {
  color: #9ca3af;
  font-size: 13px;
}
.cm-ai-modal__body[data-v-21211fcc] .field-input::placeholder {
  color: #9ca3af;
  font-size: 13px;
}
.cm-ai-modal__body[data-v-21211fcc] .field-input:focus {
  border-color: #78716c;
  --tw-ring-color: transparent;
  box-shadow: none;
  outline: none;
}
.cm-ai-modal__footer[data-v-21211fcc] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid #e5e7eb;
}
.cm-ai-generate-btn[data-v-21211fcc]:disabled {
  cursor: default;
}
.tier-band[data-v-21211fcc] {
  display: flex;
  align-items: stretch;
  background-color: #eef1f5;
  border-radius: 10px;
  margin-bottom: 16px;
  overflow: hidden;
  min-height: 220px;
}
.tier-band[data-v-21211fcc]:last-child {
  margin-bottom: 0;
}
.tier-label[data-v-21211fcc] {
  width: 44px;
  flex-shrink: 0;
  background-color: #e5e9ef;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.tier-label span[data-v-21211fcc] {
  transform: rotate(180deg);
  writing-mode: vertical-lr;
  text-orientation: mixed;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #4b5563;
  cursor: pointer;
  padding: 12px 0;
}
.tier-add[data-v-21211fcc] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #6b7280;
}
.tier-add svg rect[data-v-21211fcc] {
  fill: transparent;
  stroke: currentColor;
  stroke-dasharray: 4 3;
}
.tier-add svg path[data-v-21211fcc] {
  stroke: currentColor;
}
.tier-content[data-v-21211fcc] {
  flex: 1;
  padding: 16px;
  overflow-x: auto;
}
.l1-grid[data-v-21211fcc] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
  align-items: start;
}
.l1-card[data-v-21211fcc] {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  border: 1px solid #e5e7eb;
  border-top-width: 4px;
  border-top-color: #9ca3af;
  padding: 12px;
  display: flex;
  flex-direction: column;
  min-height: 160px;
  cursor: pointer;
}
.l1-card.l1-card--empty[data-v-21211fcc] {
  background-color: #f3f4f6;
  border: 2px dashed #9ca3af;
  border-top-color: #9ca3af;
  border-left-color: #9ca3af;
  color: #6b7280;
  align-items: center;
  justify-content: center;
  min-height: 220px;
}
.l1-card.l1-card--empty[data-v-21211fcc]:hover {
  background-color: #e5e7eb;
  border-color: #6b7280;
  color: #374151;
}
.l1-header[data-v-21211fcc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.l1-actions[data-v-21211fcc] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.l1-title[data-v-21211fcc] {
  font-weight: 700;
  font-size: 15px;
  color: #111827;
  cursor: pointer;
  line-height: 1.3;
  margin-bottom: 12px;
}
.l2-list[data-v-21211fcc] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
}
.l2-card[data-v-21211fcc] {
  background-color: #f9fafb;
  border-radius: 6px;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-left-width: 3px;
  border-left-color: #9ca3af;
  cursor: pointer;
}
.l2-header[data-v-21211fcc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
}
.l2-title[data-v-21211fcc] {
  font-size: 13px;
  color: #374151;
  cursor: pointer;
  line-height: 1.3;
}
.level-badge[data-v-21211fcc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.level-badge--l1[data-v-21211fcc] {
  color: #374151;
}
.level-badge--l2[data-v-21211fcc] {
  color: #6b7280;
}
.maturity-badge[data-v-21211fcc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: #f3f4f6;
  color: #4b5563;
}
.edit-btn[data-v-21211fcc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.edit-btn[data-v-21211fcc]:hover {
  background-color: #f3f4f6;
  color: #111827;
}
.add-l2-btn[data-v-21211fcc] {
  width: 100%;
  min-height: 48px;
  border: 1px dashed #9ca3af;
  border-radius: 6px;
  background-color: #f9fafb;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
  color: #6b7280;
}
.add-l2-btn[data-v-21211fcc]:hover {
  background-color: #f3f4f6;
  border-color: #6b7280;
  color: #374151;
}
.add-l2-btn svg rect[data-v-21211fcc] {
  fill: transparent;
  stroke: currentColor;
  stroke-dasharray: 3 2;
}
.add-l2-btn svg path[data-v-21211fcc] {
  stroke: currentColor;
}
.l1-empty[data-v-21211fcc] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.l1-card[data-maturity^=L1][data-v-21211fcc], .l1-card[data-maturity=Initial][data-v-21211fcc], .l1-card[data-maturity="1"][data-v-21211fcc],
.l2-card[data-maturity^=L1][data-v-21211fcc],
.l2-card[data-maturity=Initial][data-v-21211fcc],
.l2-card[data-maturity="1"][data-v-21211fcc] {
  border-top-color: #ef4444;
  border-left-color: #ef4444;
}
.l1-card[data-maturity^=L1] .maturity-badge[data-v-21211fcc], .l1-card[data-maturity=Initial] .maturity-badge[data-v-21211fcc], .l1-card[data-maturity="1"] .maturity-badge[data-v-21211fcc],
.l2-card[data-maturity^=L1] .maturity-badge[data-v-21211fcc],
.l2-card[data-maturity=Initial] .maturity-badge[data-v-21211fcc],
.l2-card[data-maturity="1"] .maturity-badge[data-v-21211fcc] {
  background-color: #fee2e2;
  color: #991b1b;
}
.l1-card[data-maturity^=L2][data-v-21211fcc], .l1-card[data-maturity^=L3][data-v-21211fcc], .l1-card[data-maturity=Repeatable][data-v-21211fcc], .l1-card[data-maturity=Defined][data-v-21211fcc], .l1-card[data-maturity="2"][data-v-21211fcc], .l1-card[data-maturity="3"][data-v-21211fcc],
.l2-card[data-maturity^=L2][data-v-21211fcc],
.l2-card[data-maturity^=L3][data-v-21211fcc],
.l2-card[data-maturity=Repeatable][data-v-21211fcc],
.l2-card[data-maturity=Defined][data-v-21211fcc],
.l2-card[data-maturity="2"][data-v-21211fcc],
.l2-card[data-maturity="3"][data-v-21211fcc] {
  border-top-color: #f59e0b;
  border-left-color: #f59e0b;
}
.l1-card[data-maturity^=L2] .maturity-badge[data-v-21211fcc], .l1-card[data-maturity^=L3] .maturity-badge[data-v-21211fcc], .l1-card[data-maturity=Repeatable] .maturity-badge[data-v-21211fcc], .l1-card[data-maturity=Defined] .maturity-badge[data-v-21211fcc], .l1-card[data-maturity="2"] .maturity-badge[data-v-21211fcc], .l1-card[data-maturity="3"] .maturity-badge[data-v-21211fcc],
.l2-card[data-maturity^=L2] .maturity-badge[data-v-21211fcc],
.l2-card[data-maturity^=L3] .maturity-badge[data-v-21211fcc],
.l2-card[data-maturity=Repeatable] .maturity-badge[data-v-21211fcc],
.l2-card[data-maturity=Defined] .maturity-badge[data-v-21211fcc],
.l2-card[data-maturity="2"] .maturity-badge[data-v-21211fcc],
.l2-card[data-maturity="3"] .maturity-badge[data-v-21211fcc] {
  background-color: #fef3c7;
  color: #92400e;
}
.l1-card[data-maturity^=L4][data-v-21211fcc], .l1-card[data-maturity^=L5][data-v-21211fcc], .l1-card[data-maturity=Managed][data-v-21211fcc], .l1-card[data-maturity=Optimised][data-v-21211fcc], .l1-card[data-maturity="4"][data-v-21211fcc], .l1-card[data-maturity="5"][data-v-21211fcc],
.l2-card[data-maturity^=L4][data-v-21211fcc],
.l2-card[data-maturity^=L5][data-v-21211fcc],
.l2-card[data-maturity=Managed][data-v-21211fcc],
.l2-card[data-maturity=Optimised][data-v-21211fcc],
.l2-card[data-maturity="4"][data-v-21211fcc],
.l2-card[data-maturity="5"][data-v-21211fcc] {
  border-top-color: #22c55e;
  border-left-color: #22c55e;
}
.l1-card[data-maturity^=L4] .maturity-badge[data-v-21211fcc], .l1-card[data-maturity^=L5] .maturity-badge[data-v-21211fcc], .l1-card[data-maturity=Managed] .maturity-badge[data-v-21211fcc], .l1-card[data-maturity=Optimised] .maturity-badge[data-v-21211fcc], .l1-card[data-maturity="4"] .maturity-badge[data-v-21211fcc], .l1-card[data-maturity="5"] .maturity-badge[data-v-21211fcc],
.l2-card[data-maturity^=L4] .maturity-badge[data-v-21211fcc],
.l2-card[data-maturity^=L5] .maturity-badge[data-v-21211fcc],
.l2-card[data-maturity=Managed] .maturity-badge[data-v-21211fcc],
.l2-card[data-maturity=Optimised] .maturity-badge[data-v-21211fcc],
.l2-card[data-maturity="4"] .maturity-badge[data-v-21211fcc],
.l2-card[data-maturity="5"] .maturity-badge[data-v-21211fcc] {
  background-color: #dcfce7;
  color: #166534;
}
.l2-card[data-maturity^=L1][data-v-21211fcc], .l2-card[data-maturity=Initial][data-v-21211fcc], .l2-card[data-maturity="1"][data-v-21211fcc] {
  background-color: #fef2f2;
}
.l2-card[data-maturity^=L2][data-v-21211fcc], .l2-card[data-maturity^=L3][data-v-21211fcc], .l2-card[data-maturity=Repeatable][data-v-21211fcc], .l2-card[data-maturity=Defined][data-v-21211fcc], .l2-card[data-maturity="2"][data-v-21211fcc], .l2-card[data-maturity="3"][data-v-21211fcc] {
  background-color: #fffbeb;
}
.l2-card[data-maturity^=L4][data-v-21211fcc], .l2-card[data-maturity^=L5][data-v-21211fcc], .l2-card[data-maturity=Managed][data-v-21211fcc], .l2-card[data-maturity=Optimised][data-v-21211fcc], .l2-card[data-maturity="4"][data-v-21211fcc], .l2-card[data-maturity="5"][data-v-21211fcc] {
  background-color: #f0fdf4;
}
.modal-container[data-v-21211fcc] {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(41, 43, 50, 0.5647058824);
  transition-duration: 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 10;
}
.modal-wrap[data-v-21211fcc] {
  display: flex;
  justify-content: center;
}
.modal-window[data-v-21211fcc] {
  background-color: #ffffff;
  overflow: hidden;
}
.confirm-box[data-v-21211fcc] {
  background-color: #ffffff;
  padding: 20px;
}
.confirm-box__icon[data-v-21211fcc] {
  width: 130px;
  margin: 10px auto;
}
.confirm-box__icon svg[data-v-21211fcc] {
  stroke: rgb(254, 188, 44);
}
.confirm-box__text[data-v-21211fcc] {
  text-align: center;
  font-style: normal;
  font-size: 15px;
  line-height: 120%;
  color: #2e4050;
  margin: 20px 0;
}
.confirm-box__action[data-v-21211fcc] {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.confirm-box__action-success[data-v-21211fcc], .confirm-box__action-failed[data-v-21211fcc] {
  width: 100px;
}
.confirm-box__action-success[data-v-21211fcc]:hover, .confirm-box__action-failed[data-v-21211fcc]:hover {
  background-color: rgb(254, 188, 44);
}
.confirm-box__action-success[data-v-21211fcc] {
  margin-right: 10px;
}
.jcc[data-v-21211fcc] {
  justify-content: center;
}
.center-xy[data-v-21211fcc] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.cm-controls[data-v-21211fcc] {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 12px 16px;
  margin-bottom: 12px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-wrap: wrap;
}
.cm-key-group[data-v-21211fcc] {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 12px;
  color: #6b7280;
}
.cm-key-group__label[data-v-21211fcc] {
  font-weight: 700;
}
.cm-key-group__item[data-v-21211fcc] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cm-key-group__item.active[data-v-21211fcc] {
  color: #111827;
  font-weight: 600;
}
.cm-rollups[data-v-21211fcc] {
  display: flex;
  gap: 18px;
  margin-left: auto;
  align-items: center;
}
.cm-rollup[data-v-21211fcc] {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 0 14px;
  border-left: 1px solid #e5e7eb;
}
.cm-rollup[data-v-21211fcc]:first-child {
  border-left: 0;
  padding-left: 0;
}
.cm-rollup__label[data-v-21211fcc] {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9ca3af;
}
.cm-rollup__value[data-v-21211fcc] {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: -0.01em;
}
.cm-legend[data-v-21211fcc] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 8px 12px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 16px;
  font-size: 12px;
  color: #374151;
}
.cm-legend__label[data-v-21211fcc] {
  font-weight: 700;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 11px;
}
.cm-legend__item[data-v-21211fcc] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}
.cm-legend__swatch[data-v-21211fcc] {
  width: 14px;
  height: 10px;
  border-radius: 2px;
  display: inline-block;
  border: 1.5px solid rgba(0, 0, 0, 0.08);
}
.cm-legend__swatch--out[data-v-21211fcc] {
  background: #f3f4f6;
  border: 1.5px dashed #9ca3af;
}
.cm-card--dimmed[data-v-21211fcc] {
  opacity: 0.45;
  filter: grayscale(0.8);
}
.cm-lane[data-v-21211fcc] {
  display: flex;
  align-items: stretch;
  background: #f1f3f6;
  border-radius: 8px;
  border: 1px solid #d8dde5;
  min-height: 230px;
  overflow: hidden;
  margin-bottom: 14px;
}
.cm-lane[data-v-21211fcc]:last-child {
  margin-bottom: 0;
}
.cm-lane-label[data-v-21211fcc] {
  width: 44px;
  flex: 0 0 44px;
  background: #dde2ea;
  border-right: 1px solid #c8cfdc;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.cm-lane-label span[data-v-21211fcc] {
  transform: rotate(-90deg);
  font-size: 11px;
  font-weight: 700;
  color: #475569;
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
}
.cm-lane-content[data-v-21211fcc] {
  flex: 1;
  padding: 14px;
}
.cm-lane-grid[data-v-21211fcc] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
  align-content: start;
}
.cm-lane-add[data-v-21211fcc] {
  border: 1.5px dashed #b3bccb;
  border-radius: 8px;
  background: #e9ecf1;
  cursor: pointer;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}
.cm-lane-add[data-v-21211fcc]:hover {
  background: #dde2ea;
  border-color: #9ca3af;
}
.cm-lane-add__icon[data-v-21211fcc] {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #b3bccb;
  display: flex;
  align-items: center;
  justify-content: center;
}
.capability-modal-card[data-v-21211fcc] {
  padding: 24px;
}
.capability-modal-header[data-v-21211fcc] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 20px;
  position: relative;
}
.capability-modal-header__text[data-v-21211fcc] {
  flex: 1;
}
.capability-modal-header__context[data-v-21211fcc] {
  font-size: 11px;
  font-weight: 700;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}
.capability-modal-header__title[data-v-21211fcc] {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  margin: 0;
}
.capability-modal-footer[data-v-21211fcc] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
  margin-top: 8px;
}
.cm-footer-btn[data-v-21211fcc] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 1px solid transparent;
}
.cm-footer-btn--ghost[data-v-21211fcc] {
  background: #ffffff;
  border-color: #e5e7eb;
  color: #374151;
}
.cm-footer-btn--ghost[data-v-21211fcc]:hover {
  background: #f9fafb;
}
.cm-footer-btn--danger[data-v-21211fcc] {
  background: #ffffff;
  border-color: #fecaca;
  color: #dc2626;
}
.cm-footer-btn--danger[data-v-21211fcc]:hover {
  background: #fef2f2;
}
.cm-footer-btn--primary[data-v-21211fcc] {
  background: #111827;
  color: #ffffff;
  margin-left: auto;
}
.cm-footer-btn--primary[data-v-21211fcc]:hover {
  background: #374151;
}
.cm-l3-warning[data-v-21211fcc] {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
  width: min(440px, 92vw);
  padding: 28px;
  text-align: center;
}
.cm-l3-warning__icon[data-v-21211fcc] {
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  color: #c2410c;
}
.cm-l3-warning__icon svg[data-v-21211fcc] {
  width: 100%;
  height: 100%;
}
.cm-l3-warning__title[data-v-21211fcc] {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 16px;
}
.cm-l3-warning__body[data-v-21211fcc] {
  text-align: left;
  font-size: 13.5px;
  line-height: 1.55;
  color: #4b5563;
  margin-bottom: 20px;
}
.cm-l3-warning__body p[data-v-21211fcc] {
  margin: 0 0 10px;
}
.cm-l3-warning__body p[data-v-21211fcc]:last-child {
  margin-bottom: 0;
}
.cm-l3-warning__muted[data-v-21211fcc] {
  color: #6b7280;
  font-size: 12.5px;
}
.cm-l3-warning__actions[data-v-21211fcc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
}
.cm-l3-warning__keep[data-v-21211fcc] {
  background: transparent;
  border: none;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
  cursor: pointer;
}
.cm-l3-warning__keep[data-v-21211fcc]:hover {
  color: #111827;
}
.cm-l3-warning__add[data-v-21211fcc] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 6px;
  border: none;
  background: #f97316;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease;
}
.cm-l3-warning__add[data-v-21211fcc]:hover {
  background: #ea580c;
}
.cm-l3-warning__add svg[data-v-21211fcc] {
  width: 14px;
  height: 14px;
}.table-row__upper_header[grid=capability_implementation_grid][data-v-474facf5] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.table-row__upper_header[grid=capability_implementation_grid][data-v-474facf5] > :first-child:is(td) {
  grid-area: 1/3/2/1;
}
.table-row__upper_header[grid=capability_implementation_grid][data-v-474facf5] > :nth-child(3):is(td) {
  grid-area: 1/6/1/3;
}
.table-row__spared_approval > td[data-v-474facf5]:not(:nth-child(n+8)) {
  border-bottom: unset !important;
}
.table-row__spared_approval > td[data-v-474facf5]:nth-child(1) {
  border-bottom-left-radius: unset !important;
}
.table-row__spared_approval > td[data-v-474facf5]:nth-child(3) {
  border: 1px solid #D3D3D3 !important;
}
.table-row__spared_approval > td[data-v-474facf5]:nth-child(7) {
  border-right: 1px solid #D3D3D3 !important;
}
.table-row__spared_approval > td[data-v-474facf5]:nth-child(8) {
  padding-left: 1rem !important;
  border-left: 1px solid #D3D3D3 !important;
  border-bottom-left-radius: 10px;
}
.table-row__body :nth-child(odd):is(.level_4_step_action_grid) > td[data-v-474facf5], .table-row__body :nth-child(odd):is(.level_4_step_action_grid) > td > .scrolled-textarea[data-v-474facf5] {
  background: #EFEFEF;
}
.table-row__body :nth-child(even):is(.level_4_step_action_grid) > td[data-v-474facf5], .table-row__body :nth-child(even):is(.level_4_step_action_grid) > td > .scrolled-textarea[data-v-474facf5] {
  background: #E8E8E8;
}
.table-row__body :first-child > td[data-v-474facf5]:first-child,
.table-row__body :first-child > td:first-child > .scrolled-textarea[data-v-474facf5] {
  border-top-left-radius: 10px;
}
.table-row__body :first-child > td[data-v-474facf5]:last-child,
.table-row__body :first-child > td:last-child > .scrolled-textarea[data-v-474facf5] {
  border-top-right-radius: 10px;
}
.table-row__body[data-v-474facf5] :first-child:is(.process_model_catalogue_grid) {
  grid-area: 1/1/5/1;
}
.table-row__body[data-v-474facf5] :nth-child(4n+5):is(.process_model_catalogue_grid) {
  display: none;
}
.table-row__body :last-child > td[data-v-474facf5] {
  border-bottom: 1px solid rgb(211, 211, 211);
}
.table-row__body :last-child > td:first-child > .scrolled-textarea[data-v-474facf5], .table-row__body :last-child > td[data-v-474facf5]:first-child {
  border-bottom-left-radius: 10px;
}
.table-row__body :last-child > td[data-v-474facf5] {
  border-bottom: 1px solid rgb(211, 211, 211);
}
.table-row__body :last-child > td:last-child > .scrolled-textarea[data-v-474facf5], .table-row__body :last-child > td[data-v-474facf5]:last-child {
  border-bottom-right-radius: 10px;
}
.table-row__body :last-child > td > .table-col__icon[data-v-474facf5] {
  margin-top: 3px;
}
.table-row__cell[data-v-474facf5] {
  display: grid;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #2E4050;
  word-break: break-word;
  grid-template-columns: 11.9em repeat(4, 3rem) 1fr;
  /*&:not(.level_4_step_action_grid):not(.capability_model_grid) {
       :nth-last-child(2):not(.custom-hoba-checkbox) {
          border-right: none;
      }
  }*/
  /*&:not(.level_4_step_action_grid):not(.capability_model_grid) {
       :nth-child(2),
       :nth-child(n+2) {
          border-bottom: none;
      }
  }*/
}
.table-row__cell[data-v-474facf5] :first-child:is(td) {
  padding-left: 1rem;
}
.table-row__cell :first-child > .business_architecture_plan_col[data-v-474facf5] {
  padding-left: 1rem;
}
.table-row__cell td[data-v-474facf5] {
  border: 1px solid #D3D3D3;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  display: flex;
  align-items: center;
  border-bottom: none;
}
.table-row__cell td[data-v-474facf5]:not(:last-child):not(.spared-row) {
  border-right: 1px dashed #bbb9b9 !important;
}
.table-row__cell td[data-v-474facf5]:not(:first-child) {
  border-left: none;
  border-right: none;
}
.table-row__cell td:last-child span[data-v-474facf5] {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: none;
}
.table-row__cell[data-v-474facf5]:not(.terms_definitions_grid):nth-child(2):not(.slider) {
  border-right: none !important;
}
.table-row__cell[data-v-474facf5] :has(.communications_plan_grid):nth-child(n+2) {
  border: 1px solid #D3D3D3;
}
.table-row__cell td[data-v-474facf5]:last-child {
  border-right: 1px solid #D3D3D3;
}
.table-col__textarea_container[data-v-474facf5] {
  cursor: pointer;
}
.table-col__textarea_inner[data-v-474facf5] {
  width: 100%;
  border-style: none;
  text-transform: unset;
  color: rgb(46, 64, 80);
  outline: none;
  text-transform: initial;
  padding-top: 4px;
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 4px;
}
.table-col__textarea_inner_empty_focused[data-v-474facf5] {
  border: 1px solid #FEBC2C;
  padding: 4px;
}
.table-col__icon[data-v-474facf5] {
  width: 1.25rem;
  height: 1.25rem;
}
.table-col__checkbox_group[data-v-474facf5] {
  display: flex;
  flex-direction: column;
}
.table-col__checkbox_group[data-v-474facf5] :hover {
  cursor: pointer;
}
.table-col__checkbox_group span[data-v-474facf5] {
  padding: 0.25rem 0;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #333333 !important;
}
.table-col__checkbox_group span input[data-v-474facf5] {
  margin-right: 0.25rem;
  margin-bottom: 2px;
  border: 1px solid #939393;
}
.table-row__head[data-v-474facf5] {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #2E4050;
}
.table-row__head[data-v-474facf5] :first-child:is(td) {
  padding-left: 1rem;
}
.table-row__head_sub[data-v-474facf5] {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #6A869F;
}
.table-row__grid[data-v-474facf5] {
  display: grid;
  grid-template-columns: 15% 15% 30% auto;
}
.capability-modal-card[data-v-474facf5] {
  padding: 24px;
}
.capability-modal-header[data-v-474facf5] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 20px;
  position: relative;
}
.capability-modal-header__text[data-v-474facf5] {
  flex: 1;
}
.capability-modal-header__title[data-v-474facf5] {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  margin: 0;
}
.capability-modal-footer[data-v-474facf5] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
  margin-top: 8px;
}
.cm-footer-btn[data-v-474facf5] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 1px solid transparent;
}
.cm-footer-btn--ghost[data-v-474facf5] {
  background: #ffffff;
  border-color: #e5e7eb;
  color: #374151;
}
.cm-footer-btn--ghost[data-v-474facf5]:hover {
  background: #f9fafb;
}
.cm-footer-btn--danger[data-v-474facf5] {
  background: #ffffff;
  border-color: #fecaca;
  color: #dc2626;
}
.cm-footer-btn--danger[data-v-474facf5]:hover {
  background: #fef2f2;
}
.cm-footer-btn--primary[data-v-474facf5] {
  background: #111827;
  color: #ffffff;
  margin-left: auto;
}
.cm-footer-btn--primary[data-v-474facf5]:hover {
  background: #374151;
}
table[data-v-474facf5] {
  text-align: left;
  border-collapse: separate;
  border-spacing: 0;
}
table thead th[data-v-474facf5] {
  padding: 0.75rem;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #4b5563;
  background-color: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.capability-row td[data-v-474facf5] {
  padding: 0.75rem;
  font-size: 14px;
  line-height: 1.4;
  color: #374151;
  border-bottom: 1px solid #e5e7eb;
  vertical-align: middle;
}
.catalogue-edit-btn[data-v-474facf5] {
  height: 28px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
  color: #374151;
  font-size: 12px;
  font-weight: 600;
  padding: 0 12px;
  cursor: pointer;
  font-family: inherit;
}
.catalogue-edit-btn[data-v-474facf5]:hover {
  border-color: #febc2c;
  background: #fffbeb;
}
.badge[data-v-474facf5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 9999px;
  white-space: nowrap;
}
.badge-maturity-low[data-v-474facf5] {
  background-color: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}
.badge-maturity-medium[data-v-474facf5] {
  background-color: #fef3c7;
  color: #92400e;
  border: 1px solid #fde68a;
}
.badge-maturity-high[data-v-474facf5] {
  background-color: #dcfce7;
  color: #166534;
  border: 1px solid #bbf7d0;
}
.badge-health[data-v-474facf5] {
  gap: 6px;
  background-color: #f3f4f6;
  border: 1px solid #e5e7eb;
}
.badge-health .dot[data-v-474facf5] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.badge-health-red .dot[data-v-474facf5] {
  background-color: #ef4444;
}
.badge-health-red[data-v-474facf5] {
  color: #991b1b;
}
.badge-health-amber .dot[data-v-474facf5] {
  background-color: #f59e0b;
}
.badge-health-amber[data-v-474facf5] {
  color: #92400e;
}
.badge-health-green .dot[data-v-474facf5] {
  background-color: #22c55e;
}
.badge-health-green[data-v-474facf5] {
  color: #166534;
}
.badge-strategic-core[data-v-474facf5] {
  background-color: #ede9fe;
  color: #5b21b6;
  border: 1px solid #ddd6fe;
}
.badge-strategic-supporting[data-v-474facf5] {
  background-color: #dbeafe;
  color: #1d40af;
  border: 1px solid #bfdbfe;
}
.badge-strategic-commodity[data-v-474facf5] {
  background-color: #f3f4f6;
  color: #4b5563;
  border: 1px solid #e5e7eb;
}
.badge-scope-in[data-v-474facf5] {
  background-color: #d1fae5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}
.badge-scope-out[data-v-474facf5] {
  background-color: #f3f4f6;
  color: #6b7280;
  border: 1px solid #e5e7eb;
}
.badge-state-current[data-v-474facf5] {
  background-color: #dbeafe;
  color: #1e40af;
  border: 1px solid #bfdbfe;
}
.badge-state-future[data-v-474facf5] {
  background-color: #f3f4f6;
  color: #4b5563;
  border: 1px solid #e5e7eb;
}
.process-chip-wrap[data-v-474facf5] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.process-chip[data-v-474facf5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 10.5px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 0;
  background-color: #fffbeb;
  color: #92400e;
  border: 1px solid #fde68a;
  white-space: nowrap;
}
.catalogue-filter-bar[data-v-474facf5] {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
  padding: 12px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.catalogue-filter-input[data-v-474facf5] {
  flex: 1;
  min-width: 180px;
  padding: 8px 12px;
  font-size: 13px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #ffffff;
  color: #1f2937;
}
.catalogue-filter-input[data-v-474facf5]:focus {
  outline: none;
  border-color: #febc2c;
  box-shadow: 0 0 0 2px rgba(254, 188, 44, 0.2);
}
.catalogue-filter-select[data-v-474facf5] {
  min-width: 120px;
  padding: 8px 28px 8px 12px;
  font-size: 13px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #ffffff;
  color: #1f2937;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236B7280'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 16px 16px;
}
.catalogue-filter-select[data-v-474facf5]:focus {
  outline: none;
  border-color: #febc2c;
  box-shadow: 0 0 0 2px rgba(254, 188, 44, 0.2);
}
.risks_and_mitigations_assumptions > :nth-child(1):is(.field-group) input[data-v-6e971016], .risks_and_mitigations_risks > :nth-child(1):is(.field-group) input[data-v-6e971016], .risks_and_mitigations_issues > :nth-child(1):is(.field-group) input[data-v-6e971016] {
  height: 60px !important;
}
.risks_and_mitigations_assumptions > :nth-child(n):is(.field-group) textarea[data-v-6e971016], .risks_and_mitigations_risks > :nth-child(n):is(.field-group) textarea[data-v-6e971016], .risks_and_mitigations_issues > :nth-child(n):is(.field-group) textarea[data-v-6e971016] {
  resize: none;
}
.risks_and_mitigations_assumptions > :nth-child(2):is(.field-group) textarea[data-v-6e971016], .risks_and_mitigations_risks > :nth-child(2):is(.field-group) textarea[data-v-6e971016], .risks_and_mitigations_issues > :nth-child(2):is(.field-group) textarea[data-v-6e971016] {
  height: 60px !important;
}
.multi_fields_dropdown[data-v-6e971016] {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}
@media (max-width: 1679px) {
.multi_fields_dropdown[data-v-6e971016] {
    text-align: center;
}
}
.multi_fields_dropdown_empty[data-v-6e971016] {
  justify-content: right;
}
.multi_fields_dropdown[data-v-6e971016]::after {
  content: "❮";
  right: auto;
  margin-left: 4px;
  position: relative;
  transform: rotate(270deg);
  display: inline-block;
}
.constructor__multi-fields .wrapper_forms[data-v-6e971016] {
  margin: 0 auto;
  max-width: 948px;
}
.constructor__multi-fields .wrapper_forms_project_brief[data-v-6e971016] > :nth-child(n+3) > :nth-child(n), .constructor__multi-fields .wrapper_forms_project_brief > :nth-child(n+3) > :nth-child(n) > .grid[data-v-6e971016] {
  grid-template-columns: 1fr 1fr !important;
}
.constructor__multi-fields .wrapper_forms .textarea-component__field-textarea[data-v-6e971016] {
  height: 132px !important;
}
.constructor__multi-fields .wrapper_forms .dp__input[data-v-6e971016] {
  border: 1px solid #c4c4c4 !important;
  height: 42px;
  padding-left: 0.75rem !important;
}[data-v-6e971016] .field-label__head {
  font-weight: bold;
}
[data-v-6e971016] .grid > :nth-child(4):is(.switch_checkbox_container) {
  justify-self: center;
}
[data-v-6e971016] .grid > :nth-child(4):is(.switch_checkbox_container) :deep(.field-label) {
  text-align: center;
}
[data-v-6e971016] .field-group > .checkbox_switch > .switch {
  transform: scale(0.75);
}
[data-v-6e971016] .box--action {
  width: 25px;
  right: 0;
  top: 0;
  cursor: pointer;
  pointer-events: all;
  visibility: hidden;
  z-index: 5;
}
[data-v-6e971016] .item_form:hover :deep(.box--action) {
  visibility: visible;
}.project-card-add {
  width: 100%;
  height: 230px;
  justify-content: center;
  cursor: pointer;
  background: #e8edf2;
  transition: all 0.1s;
}
.project-card-add__icon {
  background-color: #febc2c;
  width: 42px;
  height: 43px;
  border: 1px solid #febc2c;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.1s;
}
.project-card-add:hover {
  border: 2px solid #febc2c;
  transition: all 0.1s;
}
.project-card-add:hover .project-card-add__icon:not(.project-card-add__icon_matrix) {
  background-color: #febc2c;
  border: 2px solid #febc2c;
  transition: all 0.1s;
}
.project-card-add:hover .project-card-add__icon:is(.project-card-add__icon_matrix) {
  outline: 1px solid black;
}
.shape_modal[data-v-e8323913] {
  width: 924px;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 32px;
}
.shape_modal__header[data-v-e8323913]{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  line-height: 29px;
  color: #000000;
  margin-bottom: 24px;
}
.shape_modal__header_title_input_text[data-v-e8323913] {
  background: #FFFFFF;
  border: 1px solid #C4C4C4;
  border-radius: 4px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.shape_modal__header_title_input_text[data-v-e8323913] :focus-visible {
  border: 2px solid #febc2c !important;
  outline: none;
}
.shape_modal__header > span[data-v-e8323913] {
  margin-right: 8px;
  padding-top: 7px;
  display: block;
  width: 28px;
  height: 28px;
  background: #FEBC2C;
  border-radius: 25px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #000000;
}
.shape_modal--btn[data-v-e8323913] {
  float: right;
  padding: 9px 24px;
  margin-top: 32px;
  display: flex;
}
.shape_modal--btn.disabled[data-v-e8323913] {
  background: #FFFFFF;
  border: 1px solid #D3D3D3;
}
.shape_modal--btn > span[data-v-e8323913] {
  margin-right: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #D3D3D3;
}
.shape_modal__body > label[data-v-e8323913] {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #4A4A4A;
  margin-bottom: 8px;
}
.shape_modal__header_title_input[data-v-e8323913] {
  height: 40px;
  border-radius: 4px;
  padding: 7px 8px 7px 8px;
  border: 1px solid #D3D3D3;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
}
.vue-universal-modal[data-v-e8323913] {
  background-color: rgba(34, 34, 40, 0.3) !important;
}
.shape_modal__header_title_input[data-v-e8323913]:focus-visible {
  outline: 1px solid #febc2c;
  border-color: #febc2c;
  --tw-ring-color: #febc2c;
}
.card-hoba[data-v-e8323913]:hover {
  border: 1px solid #febc2c;
}
.shape_modal__body .multi-fields__container[data-v-e8323913] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.shape_modal__body .multi-fields__container[data-v-e8323913] > :nth-child(n):is(span) {
  font-weight: 500;
}
.shape_modal__body .multi-fields__container[data-v-e8323913] > :nth-child(n):is(input) {
  font-weight: 400;
}
/* Vertical text for Level of Impact */
.vertical-text[data-v-e8323913] {
  writing-mode: vertical-lr;
  text-orientation: mixed;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.vertical-text .vertical-text-content[data-v-e8323913] {
  transform: rotate(180deg);
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0.1em;
}
/* Stakeholder list improvements */
.stakeholder-list .stakeholder-item[data-v-e8323913] {
  display: list-item;
  list-style-type: disc;
  text-align: left;
  list-style-position: inside;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 2px;
  /* Top align text within boxes */
  vertical-align: top;
  padding-top: 4px;
  /* Ensure consistent font sizes */
}
.stakeholder-list .stakeholder-item span[data-v-e8323913] {
  font-size: 14px !important;
  font-weight: 600 !important;
}
.gov-wrap[data-v-e8323913] {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  font-family: Montserrat, sans-serif;
  overflow: hidden;
  background: #F5F5F5;
}
.gov-row[data-v-e8323913] {
  display: flex;
  align-items: stretch;
  background: #fff;
  min-height: 160px;
  position: relative;
}
.gov-row[data-v-e8323913]:not(:last-child) {
  border-bottom: 12px solid #F5F5F5;
}
.gov-side-label[data-v-e8323913] {
  width: 100px;
  min-width: 100px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 8px;
  text-align: center;
}
.gov-side-label--tier1[data-v-e8323913] {
  background: #5C5C5C;
}
.gov-side-label--tier2[data-v-e8323913] {
  background: #757575;
}
.gov-side-label--tier3[data-v-e8323913] {
  background: #ADADAD;
}
.gov-side-label__icon[data-v-e8323913] {
  line-height: 0;
}
.gov-side-label__text[data-v-e8323913] {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.3;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  max-height: 120px;
}
.gov-content[data-v-e8323913] {
  flex: 1;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  background: #fff;
}
.gov-tier-box[data-v-e8323913] {
  border: 1px solid #D1D5DB;
  background: #fff;
  border-radius: 0;
  padding: 14px 18px;
  width: 100%;
  min-height: 128px;
  display: flex;
  align-items: center;
  gap: 18px;
}
.gov-tier-title[data-v-e8323913] {
  font-size: 12px;
  font-weight: 600;
  color: #6B7280;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  min-width: 100px;
  text-align: center;
}
.gov-nodes[data-v-e8323913] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  position: relative;
}
.gov-nodes--connected .gov-node[data-v-e8323913]:not(:last-child) {
  margin-right: 20px;
}
.gov-node[data-v-e8323913] {
  width: 140px;
  height: 70px;
  border: 1px solid #D6D6D6;
  border-radius: 8px;
  background: #fff;
  padding: 8px 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  position: relative;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.gov-node[data-v-e8323913]:hover {
  border-color: #F5A623;
  box-shadow: 0 2px 8px rgba(245, 166, 35, 0.12);
}
.gov-node:hover .gov-node__edit[data-v-e8323913] {
  opacity: 1;
}
.gov-node__number[data-v-e8323913] {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #F5A623;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gov-node__edit[data-v-e8323913] {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #F5A623;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.15s;
}
.gov-node__name[data-v-e8323913] {
  font-size: 12px;
  font-weight: 600;
  color: #111827;
  line-height: 1.25;
  padding-right: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gov-node__title[data-v-e8323913] {
  font-size: 10px;
  font-weight: 500;
  color: #6B7280;
  line-height: 1.2;
}
.gov-connector[data-v-e8323913] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gov-connector--horizontal[data-v-e8323913] {
  width: 28px;
  height: 12px;
}
.gov-row[data-v-e8323913]:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='28' viewBox='0 0 12 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1v26M6 1l-4 4M6 1l4 4M6 27l-4-4M6 27l4-4' stroke='%23ADADAD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}
.gov-add-project[data-v-e8323913] {
  width: 140px;
  height: 70px;
  border: 1px dashed #D6D6D6;
  border-radius: 8px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #9CA3AF;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}
.gov-add-project[data-v-e8323913]:hover {
  border-color: #F5A623;
  background: #FFFBF0;
  color: #F5A623;
}
.project-card-add[data-v-e8323913]{
  max-height: 150px;
  max-width: 320px;
  flex-direction: column;
  padding-left: 8px;
  padding-right: 8px;
  word-wrap: anywhere;
  border: 1px dashed hsl(209, 20%, 71%);
}
@media (max-width: 1679px) {
.project-card-add[data-v-e8323913] {
    min-width: 120px;
}
.project-card-add span[data-v-e8323913] {
    font-size: 14px;
}
}
@media (max-width: 1447px) {
.project-card-add[data-v-e8323913] {
    min-width: 120px;
}
.project-card-add span[data-v-e8323913] {
    font-size: 12px;
}
}
.project-card-add:v-deep .project-card-add__icon[data-v-e8323913]{
  height: 30px;
  width: 30px;
}
.project-card-add:v-deep .project-card-add__icon_matrix[data-v-e8323913] {
  background: #FFCC00;
}
.table-card__text_notfull .table-card__text[data-v-e8323913] {
  height: 90px;
}
.table-card__text_content[data-v-e8323913] {
  max-height: 90px;
  word-wrap: anywhere;
  word-break: break-all;
  overflow: hidden;
}
.table-card__text_content[data-v-e8323913] & > p {
  height: 100px;
  overflow: hidden;
  background-image: linear-gradient(168deg, #000 65%, rgba(0, 0, 0, 0));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  display: inline-block;
}
.table-card__text_more[data-v-e8323913] {
  position: relative;
  right: -39%;
  top: -8%;
  text-decoration: underline;
  background: white;
  color: #febc2c;
  width: 60px;
  text-align: end;
}
.table-card__index[data-v-e8323913]{
  margin-right: 0.25rem;
  display: grid;
  height: 28px;
  width: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  --tw-bg-opacity: 1;
  background-color: rgb(242 201 76 / var(--tw-bg-opacity, 1));
}
.table-grid[data-v-e8323913]{
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #939393;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #2e4050;
  /* order of table elements is changed, see the grid */
}
.table-grid[data-v-e8323913] :nth-child(5) {
  text-align: center;
}
.table-grid > :nth-child(2) .table-card__text_expanded[data-v-e8323913] {
  padding-bottom: 0 !important;
}
.table-grid > :nth-child(2) .table-card__text_expanded[data-v-e8323913]::after {
  top: 5% !important;
}
.table-grid[data-v-e8323913] > :nth-child(2n+1):is(td){
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.table-grid[data-v-e8323913] :nth-child(2):is(td) {
  border-top: unset !important;
}
.table-grid :nth-child(5):is(td) > .table-card > .project-card-add[data-v-e8323913]::before {
  content: "";
  width: 10%;
  text-align: center;
  bottom: 37%;
  position: relative;
  display: inline-block;
  left: 0.5px;
  height: 1px;
  background: #a7b6c4;
  transform: rotate(90deg);
}
@media (min-width: 1366px) and (max-width: 1447px) {
.table-grid :nth-child(5):is(td) > .table-card > .project-card-add[data-v-e8323913]::before {
    bottom: 34% !important;
    left: 0.75px;
}
}
@media (min-width: 1448px) and (max-width: 1536px) {
.table-grid :nth-child(5):is(td) > .table-card > .project-card-add[data-v-e8323913]::before {
    bottom: 36% !important;
    left: 0.75px;
}
}
@media (min-width: 1537px) and (max-width: 1680px) {
.table-grid :nth-child(5):is(td) > .table-card > .project-card-add[data-v-e8323913]::before {
    bottom: 37% !important;
    left: 0.75px;
}
}
.table-grid :nth-child(5):is(td) > .table-card > .project-card-add[data-v-e8323913]::after {
  bottom: 120%;
  left: 1px !important;
}
@media (min-width: 1537px) and (max-width: 1680px) {
.table-grid :nth-child(5):is(td) > .table-card > .project-card-add[data-v-e8323913]::after {
    bottom: 119% !important;
    left: 0 !important;
}
}
.table-grid[data-v-e8323913] :nth-child(6):is(td){
  border-bottom-width: 0px;
}
.table-grid td[data-v-e8323913]{
  align-self: center;
  justify-self: center;
  padding: 1rem;
  border-bottom: 1px dashed #a7b6c4;
  border-top: 1px dashed #a7b6c4;
  margin-bottom: -1px;
  justify-self: unset;
}
@media (max-width: 1366px) {
.table-grid__toggled > td:nth-child(6) > .table-card > .project-card-add[data-v-e8323913]::before {
    content: "🠣";
    position: relative;
    top: -41% !important;
    color: #a7b6c4;
}
}
@media (min-width: 1367px) and (max-width: 1558px) {
.table-grid__toggled > td:nth-child(6) > .table-card > .project-card-add[data-v-e8323913]::before {
    top: -41% !important;
}
}
.table-grid__structure[data-v-e8323913] {
  grid-template-columns: 0.3fr 1fr 1fr 1fr !important;
}
.table-grid__structure > .table-grid__swot_sign[data-v-e8323913] {
  text-align: center;
}
.table-grid__structure[data-v-e8323913] > :first-child:is(td) {
  display: none;
}
.table-grid__structure[data-v-e8323913] > :nth-child(2):is(td) {
  grid-area: unset !important;
  border-right: unset !important;
}
.table-grid__structure[data-v-e8323913] > :nth-child(3):is(td) {
  grid-area: 1/5/1/2;
}
.table-grid__structure > :nth-child(3):is(td) > div[data-v-e8323913]:first-child {
  justify-content: flex-start !important;
}
.table-grid__structure[data-v-e8323913] > :nth-child(5):is(td) {
  grid-area: 2;
}
.table-grid__structure[data-v-e8323913] > :nth-child(6):is(td) {
  border-bottom: 1px dashed #a7b6c4;
}
.table-grid__structure[data-v-e8323913] > :nth-child(7):is(td) {
  border-top: 1px dashed #a7b6c4;
  border-bottom: 1px dashed #a7b6c4;
}
.table-grid__structure[data-v-e8323913] > :nth-child(8):is(td) {
  grid-area: 3;
  border-top: none;
  border-bottom: none;
  border-bottom-left-radius: 10px;
}
.table-grid__structure[data-v-e8323913] > :nth-child(9):is(td) {
  grid-area: 2/4;
}
.table-grid__structure[data-v-e8323913] > :last-child:is(td) {
  grid-area: 3/5/3/2;
  border-bottom: none;
}
.table-grid__structure > :last-child:is(td) > div[data-v-e8323913]:first-child {
  justify-content: flex-start !important;
}
.table-grid__structure > :last-child:is(td) .multi-fields__container[data-v-e8323913] > :first-child > :last-child {
  background: lightgray;
  border-radius: 10px;
}
.table-grid__structure > :last-child:is(td) .multi-fields__container[data-v-e8323913] > :first-child > :last-child > :first-child:hover {
  border-color: lightgray !important;
}
.table-grid__structure > :last-child:is(td) .multi-fields__container[data-v-e8323913] > :first-child > :last-child > :first-child:hover > :first-child {
  border-color: lightgray !important;
  background: white !important;
}
.table-grid__persona[data-v-e8323913] {
  border: none;
  grid-template-columns: 1fr 1fr !important;
}
.table-grid__persona td .card-hoba[data-v-e8323913] {
  max-width: 190px !important;
  max-height: 100px !important;
  border: unset !important;
  background: #ffffff;
  border-radius: 6px;
}
.table-grid__persona td .card-hoba[data-v-e8323913] > :first-child {
  margin-bottom: unset !important;
}
.table-grid__persona td .card-hoba > .project-card-add__icon[data-v-e8323913] {
  display: none;
}
.table-grid__persona > .table-grid__swot_head[data-v-e8323913] {
  display: none;
}
.table-grid__persona[data-v-e8323913] :nth-child(2):is(td) {
  grid-area: unset !important;
  border-right: unset !important;
}
.table-grid__persona[data-v-e8323913] :nth-child(2):is(td),
.table-grid__persona[data-v-e8323913] :nth-child(3):is(td) {
  border-bottom: 1px dashed #a7b6c4 !important;
}
.table-grid__persona[data-v-e8323913] :nth-child(5):is(td) {
  border-top: 1px dashed #a7b6c4;
}
.table-grid__persona[data-v-e8323913] :nth-child(4):is(td) {
  grid-area: 4/1/2/3;
  border-top: unset !important;
  border-bottom: unset !important;
}
.table-grid__persona :nth-child(4) > :first-child > .multi-fields__container[data-v-e8323913] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.table-grid__persona :nth-child(4) > :first-child > .multi-fields__container[data-v-e8323913] > :nth-child(n):is(span) {
  font-weight: 500;
}
.table-grid__persona :nth-child(4) > :first-child > .multi-fields__container[data-v-e8323913] > :nth-child(n):is(input) {
  font-weight: 400;
}
.table-grid__scorecard[data-v-e8323913], .table-grid__porter[data-v-e8323913] {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
}
.table-grid__matrix[data-v-e8323913] {
  border: 1px solid #e5e7eb;
  grid-template-columns: 75px 2fr 2fr !important;
  position: relative;
}
.table-grid__matrix > .table-grid__swot_sign[data-v-e8323913] {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1678px) {
.table-grid__matrix > .table-grid__swot_content[data-v-e8323913] {
    height: 167px;
}
}
.table-grid__matrix > .table-grid__swot_content.project-card-add__icon[data-v-e8323913] {
  background: #FFCC00 !important;
}
.table-grid__matrix > .table-grid__swot_content > div > div > span[data-v-e8323913] {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
}
.table-grid__matrix_textarea[data-v-e8323913] {
  font-family: Montserrat, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  letter-spacing: 0em !important;
  text-align: left !important;
  background: white !important;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  resize: none;
}
.table-grid__matrix[data-v-e8323913] :nth-child(1) {
  background: none;
  grid-area: 3/2/1/1 !important;
}
.table-grid__matrix[data-v-e8323913] :nth-child(1):is(td) {
  background: #e3ebf2;
  border-top-left-radius: 10px;
  margin-top: -2px;
  text-align: center;
  padding-left: unset;
  padding-right: unset;
  min-width: unset;
  position: relative;
  /* Add cross lines */
}
.table-grid__matrix :nth-child(1):is(td) > .table-grid__swot_sign_arrow[data-v-e8323913] {
  top: -45%;
}
.table-grid__matrix[data-v-e8323913] :nth-child(1):is(td)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #a7b6c4;
  z-index: 1;
}
.table-grid__matrix[data-v-e8323913] :nth-child(1):is(td)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: #a7b6c4;
  z-index: 1;
}
.table-grid__matrix[data-v-e8323913] :nth-child(2),
.table-grid__matrix[data-v-e8323913] :nth-child(3) {
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0.1em;
  text-align: center;
}
.table-grid__matrix[data-v-e8323913] :nth-child(2):is(td) {
  grid-area: unset !important;
  border-top-left-radius: 0 !important;
  border-bottom: unset !important;
  border-right: unset !important;
  border-width: 3px;
  border-style: solid;
  -o-border-image: linear-gradient(to bottom, #fdd835, #febc2c) 2 50%;
     border-image: linear-gradient(to bottom, #fdd835, #febc2c) 2 50%;
}
.table-grid__matrix[data-v-e8323913] :nth-child(3):is(td) {
  border-left: unset !important;
  border-bottom: unset !important;
  border-top-right-radius: 0 !important;
}
.table-grid__matrix[data-v-e8323913] :nth-child(4) {
  border-top: unset !important;
  grid-area: 9/1/4/4 !important;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-top: -2px;
  border-bottom: unset !important;
}
.table-grid__matrix[data-v-e8323913] :nth-child(4):not(li)::before {
  content: "LOW";
  left: 2%;
  position: relative;
  display: block;
  top: 0;
}
.table-grid__matrix[data-v-e8323913] :nth-child(4):is(td) {
  height: 75px;
  min-height: unset !important;
  background: #e3ebf2;
  flex-direction: unset;
  justify-content: space-between;
  position: relative;
  /* Extend cross lines */
}
.table-grid__matrix :nth-child(4):is(td) > .table-grid__swot_sign_arrow[data-v-e8323913] {
  right: 0;
  flex-direction: unset;
}
.table-grid__matrix[data-v-e8323913] :nth-child(4):is(td)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #a7b6c4;
  z-index: 1;
}
.table-grid__matrix[data-v-e8323913] :nth-child(4):is(td)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background: #a7b6c4;
  z-index: 1;
}
.table-grid__matrix[data-v-e8323913] :nth-child(5):is(td) {
  border-right: unset !important;
  border-top: unset !important;
  border-width: 3px;
  border-style: solid;
  -o-border-image: linear-gradient(to bottom right, #f59a24, #f57f17, #f57f17, #f59a24) 4 25%;
     border-image: linear-gradient(to bottom right, #f59a24, #f57f17, #f57f17, #f59a24) 4 25%;
}
.table-grid__matrix[data-v-e8323913] :nth-child(6):is(td) {
  -o-border-image: linear-gradient(to bottom left, #febc2c, #fdd835) 1 10%;
     border-image: linear-gradient(to bottom left, #febc2c, #fdd835) 1 10%;
  border-bottom-width: 3px !important;
  border-left: unset !important;
  border-right: unset !important;
  border-top: unset !important;
}
.table-grid__matrix[data-v-e8323913] :nth-child(8) {
  margin-top: 0;
}
.table-grid__swot[data-v-e8323913]{
  display: grid;
  width: 100%;
  grid-template-columns: 0.5fr 2fr 2fr;
  padding-top: 0;
  padding-bottom: 1px;
}
@media (max-width: 1450px) {
.table-grid__swot[data-v-e8323913] {
    grid-template-columns: 52px 2fr 2fr;
}
}
.table-grid__swot[data-v-e8323913] :first-child {
  grid-area: 1/1/1/1;
}
.table-grid__swot[data-v-e8323913] :nth-child(2):is(td) {
  border-right: 1px dashed #b5b5b5;
  grid-area: 1/3/1/1;
  border-top-left-radius: 8px;
  border-bottom: 1px solid #b5b5b5;
}
.table-grid__swot[data-v-e8323913]:not(.multi-fields__container):nth-child(3) {
  border-top-right-radius: 8px;
  border-top-left-radius: 0;
  border-left: 1px dashed #b5b5b5;
}
.table-grid__swot[data-v-e8323913]:not(.multi-fields__container):nth-child(4) {
  border-top: 1px solid #b5b5b5;
}
.table-grid__swot[data-v-e8323913]:not(.multi-fields__container):nth-child(5), .table-grid__swot[data-v-e8323913]:not(.multi-fields__container):nth-child(8) {
  border-right: 1px dashed #b5b5b5;
}
.table-grid__swot :nth-child(5) .table-grid__swot_sign[data-v-e8323913] {
  border-bottom-left-radius: 10px;
}
.table-grid__swot[data-v-e8323913]:not(.multi-fields__container):nth-child(6):is(td) {
  border-top-width: 0;
  border-bottom: 1px dashed #b5b5b5;
  margin-bottom: -1px;
}
.table-grid__swot[data-v-e8323913]:not(.multi-fields__container):nth-child(7) {
  border-bottom-left-radius: 10px;
  margin-top: 0;
}
.table-grid__swot[data-v-e8323913]:not(.multi-fields__container):nth-child(8) {
  border-bottom-width: 0 !important;
  margin-top: 1px;
  margin-bottom: 1px;
}
.table-grid__swot_head[data-v-e8323913] {
  border-top-left-radius: 10px;
  background: #e8e8e8;
  height: 33px;
  border-bottom: 1px solid #b5b5b5 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1450px) {
.table-grid__swot_head[data-v-e8323913] {
    font-size: 9px;
}
}
@media (min-width: 1451px) {
.table-grid__swot_head[data-v-e8323913] {
    font-size: 16px;
}
}
.table-grid__swot_head[data-v-e8323913]:nth-child(2) {
  border-top-left-radius: unset;
}
.table-grid__swot_sign[data-v-e8323913] {
  background: #e3ebf2;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0.1em;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border-top-width: 0;
}
.table-grid__swot_sign_arrow[data-v-e8323913] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.table-grid__swot_sign_arrow_up[data-v-e8323913], .table-grid__swot_sign_arrow_right[data-v-e8323913] {
  width: 30px;
  height: 30px;
  border-top: 2px solid #000000 !important;
  border-right: 2px solid #000000 !important;
  margin: 16px 4px;
  transform: rotate(-45deg);
  display: inline-block;
  transition: 1s;
}
.table-grid__swot_sign_arrow_right[data-v-e8323913] {
  transform: rotate(45deg);
}
@media (max-width: 1450px) {
.table-grid__swot_sign[data-v-e8323913] {
    font-size: 9px;
}
}
@media (min-width: 1451px) {
.table-grid__swot_sign[data-v-e8323913] {
    min-width: 104px;
}
}
.table-grid__swot_sign[data-v-e8323913], .table-grid__swot_title[data-v-e8323913] {
  min-height: 275px;
}
.table-grid__swot_content[data-v-e8323913] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  justify-self: flex-end !important;
}
@media (min-width: 1679px) {
.table-grid__swot_content[data-v-e8323913] {
    min-height: 225px;
}
}
.table-grid__swot_title[data-v-e8323913] {
  height: 100%;
  display: flex;
  padding-left: 0 !important;
  align-items: center;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  justify-content: space-between;
}
.table-grid__scorecard > td[data-v-e8323913]:nth-child(1)::after {
  width: 50%;
  top: 100%;
  left: 50%;
}
.table-grid__scorecard > td:nth-child(2) > .table-card[data-v-e8323913] {
  display: flex;
  justify-content: center;
}
.table-grid__scorecard > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913] {
  padding-bottom: 0;
}
.table-grid__scorecard > td:nth-child(2) > .table-card > .project-card-add[data-v-e8323913]::after {
  content: "🠡";
  position: relative;
  top: 32%;
  color: #a7b6c4;
  left: 50%;
}
.table-grid__scorecard > td:nth-child(2) > .table-card > .table-card__text_notfull[data-v-e8323913]::after {
  content: "🠡";
  position: relative;
  top: 8%;
  color: #a7b6c4;
  left: 50%;
}
.table-grid__scorecard > td[data-v-e8323913]:nth-child(2) ::after {
  width: 100%;
  top: 100%;
}
.table-grid__scorecard > td[data-v-e8323913]:nth-child(3)::after {
  width: 50%;
  top: 100%;
  right: 0;
  border-left: none !important;
  border-top-left-radius: unset !important;
  border-top-right-radius: 25px;
  border-right: 1px solid #a7b6c4;
}
.table-grid__scorecard[data-v-e8323913] :nth-child(4) {
  grid-area: 2/3;
}
.table-grid__scorecard :nth-child(4) > .table-card[data-v-e8323913] {
  display: flex;
  justify-content: center;
}
.table-grid__scorecard :nth-child(4) > .table-card > .project-card-add[data-v-e8323913]::after {
  content: "▴";
  position: relative;
  top: 33%;
  color: #a7b6c4;
  right: 1.5px;
}
.table-grid__scorecard :nth-child(4) > .table-card > .project-card-add[data-v-e8323913]::before {
  content: "▾";
  position: relative;
  top: -32%;
  color: #a7b6c4;
  right: 1px;
}
.table-grid__scorecard :nth-child(4) > .table-card > .table-card__text_expanded[data-v-e8323913]::after {
  content: "▴";
  position: relative;
  top: -2%;
  color: #a7b6c4;
  right: 1px;
}
.table-grid__scorecard :nth-child(4) > .table-card > .table-card__text_expanded[data-v-e8323913]::before {
  content: "▾";
  position: relative;
  top: 3%;
  color: #a7b6c4;
  right: 1px;
}
.table-grid__scorecard > td[data-v-e8323913]:nth-child(5){
  display: inline-block;
  height: 100%;
}
.table-grid__scorecard > td:nth-child(5) span[data-v-e8323913] {
  position: relative;
  top: 30%;
}
.table-grid__scorecard > td[data-v-e8323913]:nth-child(5)::before, .table-grid__scorecard > td[data-v-e8323913]:nth-child(5)::after {
  right: 15%;
  width: 150%;
  content: "";
  display: inline-block;
  background: #a7b6c4;
  position: relative;
  height: 1px;
}
@media (max-width: 1366px) {
.table-grid__scorecard > td[data-v-e8323913]:nth-child(5)::before, .table-grid__scorecard > td[data-v-e8323913]:nth-child(5)::after {
    width: 150%;
    right: 15%;
}
}
.table-grid__scorecard > td[data-v-e8323913]:nth-child(5)::before {
  top: -21%;
}
.table-grid__scorecard > td[data-v-e8323913]:nth-child(5)::after {
  top: 75%;
}
.table-grid__scorecard > td:nth-child(6) > .table-card > .table-card__text_expanded[data-v-e8323913]::before {
  top: -15% !important;
}
@media (min-width: 1366px) and (max-width: 1680px) {
.table-grid__scorecard:is(.table-grid__toggled) > td:nth-child(6) > .table-card > .table-card__text_expanded[data-v-e8323913]::before {
    top: -9% !important;
}
}
.table-grid__scorecard:is(.table-grid__toggled) > td:nth-child(6) > .table-card > .table-card__text_notfull[data-v-e8323913]::before {
  top: -13% !important;
}
.table-grid__scorecard:not(.table-grid__toggled) > td:nth-child(6) > .table-card > .table-card__text_notfull[data-v-e8323913]::before {
  top: -19% !important;
}
.table-grid__scorecard:not(.table-grid__toggled) > td:nth-child(4) > .table-card > .table-card__text_notfull[data-v-e8323913]::after {
  left: -66% !important;
}
.table-grid__scorecard > td[data-v-e8323913]:nth-child(6):not(.table-grid__toggled) {
  margin-bottom: 0;
  grid-area: 3/2;
}
.table-grid__scorecard > td:nth-child(6):not(.table-grid__toggled) > .table-card[data-v-e8323913] {
  display: flex;
  justify-content: center;
}
.table-grid__scorecard > td:nth-child(6):not(.table-grid__toggled) > .table-card > .project-card-add[data-v-e8323913]::before {
  content: "🠣";
  position: relative;
  top: -46%;
  color: #a7b6c4;
}
.table-grid__scorecard > td[data-v-e8323913]:nth-child(6):not(.table-grid__toggled)::after {
  width: 50%;
  top: 100%;
  right: 50%;
}
.table-grid__scorecard > td[data-v-e8323913]:nth-child(6):not(.table-grid__toggled)::before {
  width: 120%;
  top: 100%;
}
.table-grid__scorecard > td[data-v-e8323913]:nth-child(7)::after {
  width: 50%;
  top: calc(-19% - 1px);
  right: -50%;
  margin-top: -14px !important;
  border-right: 1px solid #a7b6c4;
  border-top-left-radius: unset !important;
  border-top-right-radius: 25px;
  border-left: unset !important;
  transform: rotate(180deg);
}
.table-grid__scorecard :nth-child(8) > .table-card > .table-card__text_expanded[data-v-e8323913]::before {
  content: "▾";
  position: relative;
  top: 3% !important;
  color: #a7b6c4;
  right: -0.5px;
}
.table-grid__scorecard :nth-child(8) > .table-card > .table-card__text_notfull[data-v-e8323913]::before {
  content: "▾";
  position: relative;
  top: -2% !important;
  color: #a7b6c4;
  width: 100%;
  text-align: center;
}
@media (min-width: 1366px) and (max-width: 1680px) {
.table-grid__scorecard :nth-child(8) > .table-card > .table-card__text_notfull[data-v-e8323913]::before {
    top: 0 !important;
}
}
.table-grid__scorecard :nth-child(8) > .table-card > .table-card__text_expanded[data-v-e8323913]::after {
  content: "▴";
  position: relative;
  top: -2% !important;
  color: #a7b6c4;
  right: 1px;
}
.table-grid__scorecard :nth-child(8) > .table-card > .table-card__text_notfull[data-v-e8323913]::after {
  content: "▴";
  position: relative;
  top: 3% !important;
  color: #a7b6c4;
  width: 100%;
  text-align: center;
}
@media (min-width: 1366px) and (max-width: 1680px) {
.table-grid__scorecard :nth-child(8) > .table-card > .table-card__text_notfull[data-v-e8323913]::after {
    right: 1.5px;
    top: 0 !important;
}
.table-grid__scorecard:not(.table-grid__toggled):nth-child(4) > .table-card > .table-card__text_notfull[data-v-e8323913]::before {
    top: -3% !important;
}
.table-grid__scorecard:not(.table-grid__toggled):nth-child(4) > .table-card > .table-card__text_notfull[data-v-e8323913]::after {
    top: 3% !important;
}
.table-grid__scorecard:is(.table-grid__toggled):nth-child(4) > .table-card > .table-card__text_notfull[data-v-e8323913]::before {
    top: 3% !important;
}
.table-grid__scorecard:is(.table-grid__toggled):nth-child(4) > .table-card > .table-card__text_notfull[data-v-e8323913]::after {
    top: -3% !important;
}
}
.table-grid__scorecard:is(.table-grid__toggled) > :nth-child(4) > .table-card > .table-card__text_notfull[data-v-e8323913]::before {
  top: -1% !important;
}
.table-grid__scorecard:is(.table-grid__toggled) > :nth-child(4) > .table-card > .table-card__text_notfull[data-v-e8323913]::after {
  top: 1% !important;
}
@media (min-width: 1366px) and (max-width: 1680px) {
.table-grid__scorecard:is(.table-grid__toggled) > :nth-child(4) > .table-card > .table-card__text_expanded[data-v-e8323913]::before {
    top: 8% !important;
}
.table-grid__scorecard:is(.table-grid__toggled) > :nth-child(4) > .table-card > .table-card__text_expanded[data-v-e8323913]::after {
    top: -8% !important;
}
}
.table-grid__scorecard:not(.table-grid__toggled) > :nth-child(4) > .table-card > .table-card__text_expanded[data-v-e8323913]::before {
  content: "▾";
  position: relative;
  top: 3% !important;
  color: #a7b6c4;
}
.table-grid__scorecard:not(.table-grid__toggled) > :nth-child(4) > .table-card > .table-card__text_notfull[data-v-e8323913]::before {
  content: "▾";
  position: relative;
  top: -2%;
  color: #a7b6c4;
  width: 100%;
  text-align: center;
}
.table-grid__scorecard:not(.table-grid__toggled) > :nth-child(4) > .table-card > .table-card__text_expanded[data-v-e8323913]::after {
  content: "▴";
  position: relative;
  top: -2% !important;
  color: #a7b6c4;
  right: 1px;
}
.table-grid__scorecard:not(.table-grid__toggled) > :nth-child(4) > .table-card > .table-card__text_notfull[data-v-e8323913]::after {
  content: "▴";
  position: relative;
  top: 3%;
  color: #a7b6c4;
  width: 100%;
  text-align: center;
}
.table-grid__scorecard[data-v-e8323913] :nth-child(8) {
  grid-area: 2/1;
}
.table-grid__scorecard :nth-child(8) > .table-card[data-v-e8323913] {
  display: flex;
  justify-content: center;
}
.table-grid__scorecard :nth-child(8) > .table-card > .project-card-add[data-v-e8323913]::after {
  content: "▴";
  position: relative;
  top: 33%;
  color: #a7b6c4;
  right: -0.5px;
}
.table-grid__scorecard :nth-child(8) > .table-card > .project-card-add[data-v-e8323913]::before {
  content: "▾";
  position: relative;
  top: -32%;
  color: #a7b6c4;
  right: -0.5px;
}
.table-grid__scorecard > td[data-v-e8323913]:nth-child(9)::after {
  width: 50%;
  top: calc(-19% - 1px);
  margin-top: -16px !important;
  border-right: 1px solid #a7b6c4;
  border-top-right-radius: 25px;
  border-top-right-radius: unset !important;
  border-right: unset !important;
  transform: rotate(180deg);
}
.table-grid__scorecard > td[data-v-e8323913]:nth-child(2n+1):not(:nth-child(5)){
  height: 100%;
}
.table-grid__scorecard > td[data-v-e8323913]:nth-child(2n+1):not(:nth-child(5))::after {
  content: "";
  margin-top: 14px;
  display: inline-block;
  position: relative;
  height: 15px;
  border-top-left-radius: 25px;
  border-top: 1px solid #a7b6c4;
  border-left: 1px solid #a7b6c4;
}
.table-grid__porter[data-v-e8323913] {
  border: none;
}
.table-grid__porter td .card-hoba[data-v-e8323913] {
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
}
.table-grid__porter td .table-card[data-v-e8323913] {
  display: flex;
  justify-content: center;
}
.table-grid__porter > td[data-v-e8323913]:first-child {
  grid-area: 1/2;
  border-top-width: 0;
}
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba > .table-card__text_notfull > .table-card__text[data-v-e8323913]::before {
  content: "";
  display: block;
  background: #a7b6c4;
  position: relative;
  bottom: -121% !important;
  left: 0%;
  height: 1px;
  width: 10%;
  transform: rotate(90deg);
}
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:not(.project-card-add__icon):is(.table-card__text_notfull)::after {
  bottom: 59.5% !important;
}
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:not(.project-card-add__icon)::before {
  width: 10% !important;
  left: 61% !important;
}
@media (max-width: 1536px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:not(.project-card-add__icon)::before {
    left: 64% !important;
}
}
@media (min-width: 1537px) and (max-width: 1680px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:not(.project-card-add__icon)::before {
    left: 61% !important;
}
}
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:not(.project-card-add__icon)::after {
  left: 66% !important;
  bottom: 40% !important;
}
@media (min-width: 1680px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:not(.project-card-add__icon)::after {
    bottom: 29% !important;
    left: 66% !important;
}
}
@media (max-width: 1679px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:not(.project-card-add__icon)::after {
    left: 66% !important;
    bottom: 29% !important;
}
}
@media (max-width: 1475px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:not(.project-card-add__icon)::after {
    left: 70% !important;
    top: -41%;
}
}
.table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(.table-card__text_expanded):not(.table-card__text_notfull)::before {
  width: 10%;
  left: -61% !important;
}
.table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.project-card-add__icon)::before {
  width: 10% !important;
  left: -61% !important;
}
.table-grid__porter > td:nth-child(4).table-card > .card-hoba[data-v-e8323913]::before:is(.project-card-add__icon) {
  left: -61% !important;
  width: 10% !important;
}
.table-grid__porter > td:nth-child(4).table-card > .card-hoba[data-v-e8323913]::before:not(.project-card-add__icon) {
  /*left: -81% !important;*/
}
@media (min-width: 1680px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before {
    width: 50%;
}
}
@media (min-width: 1681px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
    left: 106% !important;
}
}
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
  bottom: -25% !important;
}
@media (min-width: 1680px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
    width: 50%;
}
}
@media (min-width: 1681px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
    width: 50%;
}
}
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after {
  bottom: 59.5% !important;
}
@media (min-width: 1570px) and (max-width: 1679px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after {
    left: 66% !important;
}
}
@media (min-width: 1680px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after {
    left: 106% !important;
    bottom: 59.5% !important;
}
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(.table-card__text_expanded):not(.table-card__text_notfull)::before {
    width: 50% !important;
    left: -81% !important;
}
}
@media (min-width: 1366px) and (max-width: 1679px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(.table-card__text_expanded):not(.table-card__text_notfull)::after {
    left: -66% !important;
}
}
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull), .table-grid__porter:not(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded) {
  padding-bottom: 0;
}
.table-grid__porter > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull), .table-grid__porter > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded), .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull), .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded) {
  padding-bottom: 0;
}
.table-grid__porter > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded), .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded) {
  padding-bottom: 0;
}
.table-grid__porter > td:nth-child(2) > .table-card > .card-hoba:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before, .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before {
  bottom: -50% !important;
}
.table-grid__porter > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after, .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
  top: -58% !important;
}
.table-grid__porter > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:not(:is(.project-card-add__icon))::before, .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(:is(.project-card-add__icon))::before {
  position: relative;
  display: block;
  content: "";
  background: #a7b6c4;
  bottom: -45%;
  left: 60%;
  height: 1px;
  width: 10%;
}
@media (min-width: 1680px) {
.table-grid__porter > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:not(:is(.project-card-add__icon))::before, .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(:is(.project-card-add__icon))::before {
    bottom: -45%;
    left: 81%;
    width: 50%;
}
}
.table-grid__porter > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:not(:is(.project-card-add__icon))::after:not(.table-card__text_notfull), .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(:is(.project-card-add__icon))::after:not(.table-card__text_notfull) {
  bottom: 59.5% !important;
}
@media (max-width: 1680px) {
.table-grid__porter > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:not(:is(.project-card-add__icon))::after:not(.table-card__text_notfull), .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(:is(.project-card-add__icon))::after:not(.table-card__text_notfull) {
    left: 66%;
}
}
@media (min-width: 1680px) {
.table-grid__porter > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]:not(:is(.project-card-add__icon))::after:not(.table-card__text_notfull), .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(:is(.project-card-add__icon))::after:not(.table-card__text_notfull) {
    left: 106% !important;
    bottom: 29% !important;
}
}
.table-grid__porter > td:nth-child(2) > .table-card > .card-hoba > .table-card__text[data-v-e8323913]::before, .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba > .table-card__text[data-v-e8323913]::before {
  position: relative;
  display: block;
  content: "";
  background: #a7b6c4;
  bottom: -25%;
  left: calc(100% + 16px);
  height: 1px;
  width: 10%;
}
@media (max-width: 1680px) {
.table-grid__porter > td:nth-child(2) > .table-card > .card-hoba > .table-card__text[data-v-e8323913]::before, .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba > .table-card__text[data-v-e8323913]::before {
    bottom: -26%;
}
}
.table-grid__porter > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]::after, .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]::after {
  position: relative;
  display: block;
  content: "▾";
  left: 68%;
  bottom: 60%;
  width: 100%;
  text-align: center;
  transform: rotate(270deg);
  color: #a7b6c4;
}
@media (max-width: 1679px) {
.table-grid__porter > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]::after, .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]::after {
    left: 66% !important;
    bottom: 29%;
}
}
@media (min-width: 1680px) {
.table-grid__porter > td:nth-child(2) > .table-card > .card-hoba[data-v-e8323913]::after, .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]::after {
    left: 106%;
    bottom: 29%;
}
.table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(.table-card__text_expanded):not(.table-card__text_notfull)::before {
    left: -81%;
}
}
.table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(.table-card__text_expanded):not(.table-card__text_notfull)::after {
  left: -106% !important;
  transform: rotate(90deg);
  bottom: 30%;
}
.table-grid__porter > td:nth-child(4) > .table-card > .card-hoba:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before {
  bottom: -50% !important;
}
.table-grid__porter > td:nth-child(4) > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
  bottom: -28%;
}
@media (min-width: 1366px) and (max-width: 1680px) {
.table-grid__porter > td:nth-child(4) > .table-card > .card-hoba:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before, .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
    left: -16%;
    width: 10%;
}
}
@media (min-width: 1680px) {
.table-grid__porter > td:nth-child(4) > .table-card > .card-hoba:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before, .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
    left: -56%;
    width: 50%;
}
}
.table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after, .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after {
  bottom: 58.5% !important;
  transform: rotate(90deg) !important;
}
@media (min-width: 1680px) {
.table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after, .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after {
    left: -106% !important;
}
}
@media (min-width: 1366px) and (max-width: 1680px) {
.table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after, .table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after {
    left: -66%;
}
}
.table-grid__porter > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
  top: -59% !important;
}
.table-grid__porter > td:nth-child(5) > .table-card > .card-hoba[data-v-e8323913] {
  padding-bottom: 0;
}
.table-grid__porter > td:nth-child(5) > .table-card > .card-hoba > .table-card__text[data-v-e8323913]::before {
  content: "";
  display: block;
  background: #a7b6c4;
  position: relative;
  bottom: 78%;
  left: 45%;
  height: 1px;
  width: 10%;
  transform: rotate(90deg);
}
@media (max-width: 1680px) {
.table-grid__porter > td:nth-child(5) > .table-card > .card-hoba > .table-card__text[data-v-e8323913]::before {
    bottom: 72%;
}
}
.table-grid__porter > td:nth-child(5) > .table-card > .card-hoba[data-v-e8323913]::after {
  content: "▾";
  width: 100%;
  text-align: center;
  bottom: 145%;
  position: relative;
  display: inline-block;
  color: #a7b6c4;
  transform: rotate(180deg);
  left: 0.5px;
  /*@media (min-width: 1681px) {
      bottom: 120%;
  }*/
}
@media (min-width: 1420px) {
.table-grid__porter > td:nth-child(5) > .table-card > .card-hoba[data-v-e8323913]::after {
    bottom: 122%;
}
}
.table-grid__porter > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull) {
  padding-bottom: 0;
}
@media (min-width: 1680px) {
.table-grid__porter > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after {
    bottom: 59% !important;
}
}
.table-grid__porter > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded) {
  padding-bottom: 0;
}
.table-grid__porter > td:first-child > .table-card > .card-hoba:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before {
  content: "";
  background: #a7b6c4;
  bottom: -143% !important;
  left: 45.25% !important;
  height: 1px;
  position: relative;
  display: block;
  transform: rotate(90deg);
  width: 10% !important;
}
.table-grid__porter > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
  text-align: center;
  content: "▾";
  bottom: -20% !important;
  left: 0;
  width: inherit;
  color: #a7b6c4;
}
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
  content: "";
  display: block;
  background: #a7b6c4;
  position: relative;
  height: 1px;
  transform: rotate(90deg);
  width: 10% !important;
  bottom: -126% !important;
  left: 40%;
}
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after {
  bottom: -70% !important;
}
@media (min-width: 1366px) and (max-width: 1680px) {
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before {
    bottom: -142% !important;
    left: 43.5%;
}
}
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
  bottom: -70% !important;
}
@media (min-width: 1366px) and (max-width: 1435px) {
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
    bottom: -16% !important;
    left: 0.25%;
}
}
@media (min-width: 1436px) and (max-width: 1654px) {
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
    bottom: -16% !important;
}
}
@media (min-width: 1655px) and (max-width: 1680px) {
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
    bottom: -20% !important;
    left: 0.25px;
}
}
@media (min-width: 1681px) {
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
    bottom: -20% !important;
    left: 0.25px;
}
}
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:not(.table-card__text_notfull):not(.table-card__text_expanded)::before {
  bottom: -124%;
}
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:not(.table-card__text_notfull):not(.table-card__text_expanded)::after {
  bottom: -60%;
}
@media (min-width: 1680px) {
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:not(.table-card__text_notfull):not(.table-card__text_expanded)::after {
    bottom: -62%;
}
}
.table-grid__porter:not(.table-grid__toggled) > td:first-child > .table-card > .card-hoba > .table-card__text[data-v-e8323913]::before {
  content: "";
  display: block;
  background: #a7b6c4;
  position: relative;
  height: 1px;
  bottom: -130%;
  left: 0.5%;
  width: unset;
  transform: rotate(90deg);
}
.table-grid__porter:not(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]::after {
  bottom: -64% !important;
}
.table-grid__porter:not(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded) {
  padding-bottom: 0;
}
.table-grid__porter:not(.table-grid__toggled) > td:first-child > .table-card > .card-hoba:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before {
  width: 10% !important;
  left: 46% !important;
  bottom: -154% !important;
}
@media (max-width: 1680px) {
.table-grid__porter:not(.table-grid__toggled) > td:first-child > .table-card > .card-hoba:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before {
    bottom: -142% !important;
}
}
@media (min-width: 1681px) {
.table-grid__porter:not(.table-grid__toggled) > td:first-child > .table-card > .card-hoba:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before {
    width: 10% !important;
    left: 45.25% !important;
    bottom: -142% !important;
}
}
.table-grid__porter:not(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
  bottom: -24% !important;
  left: 1%;
}
@media (max-width: 1680px) {
.table-grid__porter:not(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
    bottom: -18% !important;
}
}
@media (min-width: 1681px) {
.table-grid__porter:not(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
    bottom: -20% !important;
    left: 0.25%;
}
}
.table-grid__porter:not(.table-grid__toggled) > td:first-child > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
  width: 20% !important;
  bottom: -126% !important;
  left: 40%;
}
@media (max-width: 1550px) {
.table-grid__porter:not(.table-grid__toggled) > td:first-child > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
    width: 10% !important;
    left: 45%;
    bottom: -126% !important;
}
}
@media (min-width: 1551px) {
.table-grid__porter:not(.table-grid__toggled) > td:first-child > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
    width: 10% !important;
    bottom: -126% !important;
    left: 45%;
}
}
.table-grid__porter:not(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after {
  bottom: -20% !important;
}
@media (min-width: 1448px) and (max-width: 1680px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(.table-card__text_notfull):not(.table-card__text_expanded)::before {
    left: -61% !important;
}
}
@media (min-width: 1366px) and (max-width: 1447px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(.table-card__text_notfull):not(.table-card__text_expanded)::before {
    left: -64% !important;
    bottom: -45% !important;
}
}
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(.table-card__text_notfull):not(.table-card__text_expanded)::after {
  left: -70% !important;
}
@media (min-width: 1366px) and (max-width: 1432px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(.table-card__text_notfull):not(.table-card__text_expanded)::after {
    bottom: 41% !important;
}
}
@media (min-width: 1433px) and (max-width: 1447px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(.table-card__text_notfull):not(.table-card__text_expanded)::after {
    bottom: 30% !important;
}
}
@media (min-width: 1448px) and (max-width: 1680px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(.table-card__text_notfull):not(.table-card__text_expanded)::after {
    bottom: 30% !important;
}
}
@media (min-width: 1520px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:not(.table-card__text_notfull):not(.table-card__text_expanded)::after {
    left: -66% !important;
}
}
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before, .table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before {
  width: 10% !important;
  left: -16% !important;
}
@media (min-width: 1366px) and (max-width: 1419px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before, .table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before {
    left: -19% !important;
}
}
@media (min-width: 1420px) and (max-width: 1670px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before, .table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before {
    left: -17% !important;
}
}
@media (min-width: 1671px) and (max-width: 1680px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before, .table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before {
    left: -16% !important;
}
}
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after, .table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
  left: -66% !important;
}
@media (min-width: 1366px) and (max-width: 1419px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after, .table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
    left: -70% !important;
}
}
@media (min-width: 1420px) and (max-width: 1670px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after, .table-grid__porter:is(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
    left: -68% !important;
}
}
@media (max-width: 1550px) {
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
    width: 10% !important;
    left: 45%;
    bottom: -120% !important;
}
}
@media (min-width: 1551px) {
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
    bottom: -126% !important;
    left: 45%;
}
}
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after {
  bottom: -40% !important;
  left: -1px;
  width: 100%;
  text-align: center;
}
@media (max-width: 1550px) {
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after {
    bottom: -14% !important;
    left: -0.25%;
}
}
@media (min-width: 1551px) {
.table-grid__porter:is(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after {
    bottom: -22% !important;
    left: 0;
}
}
.table-grid__porter:not(.table-grid__toggled) > td:first-child > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_notfull)::after {
  bottom: -22% !important;
}
@media (max-width: 1679px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]:is(.table-card__text_expanded)::after {
    left: -66% !important;
}
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(4) > .table-card > .card-hoba[data-v-e8323913]::after {
    left: -66% !important;
}
}
@media (min-width: 1366px) and (max-width: 1447px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:not(.table-card__text_expanded):not(.table-card__text_notfull)::before {
    bottom: 42% !important;
    left: 0;
}
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:not(.table-card__text_expanded):not(.table-card__text_notfull)::after {
    bottom: 114% !important;
    left: 0px !important;
}
}
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
  bottom: 70% !important;
}
@media (min-width: 1536px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
    bottom: 78% !important;
}
}
@media (max-width: 1536px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:is(.table-card__text_notfull)::after {
    bottom: 136% !important;
    left: 1px !important;
}
}
@media (min-width: 1537px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:is(.table-card__text_notfull)::after {
    bottom: 142% !important;
}
}
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before {
  bottom: 52%;
}
@media (max-width: 1536px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:is(.table-card__text_expanded)::after {
    bottom: 138% !important;
    left: 0 !important;
}
}
@media (min-width: 1537px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:is(.table-card__text_expanded)::after {
    bottom: 140% !important;
}
}
@media (max-width: 1536px) {
.table-grid__porter:is(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:not(.table-card__text_notfull):not(.table-card__text_expanded)::after {
    bottom: 114% !important;
}
}
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
  bottom: 70% !important;
}
@media (min-width: 1448px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add:is(.table-card__text_notfull) > .table-card__text[data-v-e8323913]::before {
    bottom: 78% !important;
}
}
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:is(.table-card__text_notfull)::after {
  left: 0 !important;
}
@media (max-width: 1447px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:is(.table-card__text_notfull)::after {
    bottom: 140% !important;
}
}
@media (min-width: 1448px) and (max-width: 1536px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:is(.table-card__text_notfull)::after {
    bottom: 142% !important;
}
}
@media (min-width: 1537px) and (max-width: 1680px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:is(.table-card__text_notfull)::after {
    bottom: 144% !important;
}
}
@media (min-width: 1681px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:is(.table-card__text_notfull)::after {
    bottom: 142% !important;
}
}
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before {
  bottom: 52% !important;
}
@media (min-width: 1448px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add:is(.table-card__text_expanded) > .table-card__text[data-v-e8323913]::before {
    bottom: 60% !important;
}
}
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:is(.table-card__text_expanded)::after {
  /*@media (min-width: 1537px) and (max-width: 1680px) {
      bottom: 140% !important;
  }*/
}
@media (min-width: 1448px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:is(.table-card__text_expanded)::after {
    bottom: 148% !important;
    left: 1px !important;
}
}
@media (max-width: 1447px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:is(.table-card__text_expanded)::after {
    bottom: 140% !important;
    left: 0 !important;
}
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:not(.table-card__text_notfull):not(.table-card__text_expanded)::after {
    bottom: 114% !important;
}
}
@media (min-width: 1448px) and (max-width: 1536px) {
.table-grid__porter:not(.table-grid__toggled) > td:nth-child(5) > .table-card > .project-card-add[data-v-e8323913]:not(.table-card__text_notfull):not(.table-card__text_expanded)::after {
    bottom: 120% !important;
}
}
.table-grid__porter > td:first-child > .table-card > .card-hoba[data-v-e8323913]::before, .table-grid__porter > td:first-child > .table-card > .card-hoba[data-v-e8323913]::after {
  display: block;
  position: relative;
}
.table-grid__porter > td:first-child > .table-card > .card-hoba[data-v-e8323913]::before {
  content: "";
  display: block;
  background: #a7b6c4;
  position: relative;
  bottom: -124%;
  left: 0;
  height: 1px;
  width: 10%;
  transform: rotate(90deg);
}
.table-grid__porter > td:first-child > .table-card > .card-hoba[data-v-e8323913]::after {
  content: "▾";
  bottom: -63%;
  width: 100%;
  text-align: center;
  color: #a7b6c4;
}
.table-grid__porter[data-v-e8323913] :nth-child(2) {
  grid-area: 2/1;
}
.table-grid__porter[data-v-e8323913] :nth-child(2):is(td) {
  border-top: 1px dashed #a7b6c4 !important;
}
.table-grid__porter[data-v-e8323913] :nth-child(3):not(.table-card__text_more) {
  grid-area: 2/2;
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
}
.table-grid__porter[data-v-e8323913] :nth-child(4) {
  grid-area: 2/3;
}
.table-grid__porter[data-v-e8323913] :nth-child(5) {
  grid-area: 3/2;
  text-align: unset;
  border-bottom-width: 0;
}
.table-grid__porter[data-v-e8323913] :nth-child(6) {
  grid-area: 2/2;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.table-grid__porter[data-v-e8323913] :nth-child(8) {
  border-bottom: unset;
}
.gov-modal__title[data-v-e8323913] {
  font-size: 16px;
  font-weight: 700;
  color: #3F484C;
}
.gov-modal__footer[data-v-e8323913] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px;
  border-top: 1px solid #e5e7eb;
}
.gov-modal__btn[data-v-e8323913] {
  padding: 8px 20px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  outline: none;
}
.gov-modal__btn--cancel[data-v-e8323913] {
  background: transparent;
  border: 1px solid #e5e7eb;
  color: #3F484C;
}
.gov-modal__btn--cancel[data-v-e8323913]:hover {
  background: #f3f4f6;
}
.gov-modal__btn--save[data-v-e8323913] {
  background: #F4B942;
  color: #1A1A2E;
}
.gov-modal__btn--save[data-v-e8323913]:hover {
  background: #e5a830;
}
.gov-member-form[data-v-e8323913] {
  padding: 12px 0;
}
.gov-member-form__row[data-v-e8323913] {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
.gov-member-form__label[data-v-e8323913] {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  margin-bottom: 4px;
}
.gov-member-form__input[data-v-e8323913] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 14px;
  color: #3F484C;
  outline: none;
}
.gov-member-form__input[data-v-e8323913]:focus {
  border-color: #F4B942;
}
.gov-member-form__input[data-v-e8323913]::-moz-placeholder {
  color: #9ca3af;
}
.gov-member-form__input[data-v-e8323913]::placeholder {
  color: #9ca3af;
}
.gov-member-form__divider[data-v-e8323913] {
  border-top: 1px dashed #e5e7eb;
  margin: 8px 0 16px;
}
.gov-member-form__add-link[data-v-e8323913] {
  background: none;
  border: none;
  color: #F4B942;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.gov-member-form__add-link[data-v-e8323913]:hover {
  text-decoration: underline;
}.vue-flow {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  direction: ltr;
}

.vue-flow__container {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.vue-flow__pane {
  z-index: 1;
}

.vue-flow__pane.draggable {
    cursor: grab;
  }

.vue-flow__pane.selection {
    cursor: pointer;
  }

.vue-flow__pane.dragging {
    cursor: grabbing;
  }

.vue-flow__transformationpane {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}

.vue-flow__viewport {
  z-index: 4;
  overflow: clip;
}

.vue-flow__selection {
  z-index: 6;
}

.vue-flow__edge-labels {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.vue-flow__nodesselection-rect:focus,
.vue-flow__nodesselection-rect:focus-visible {
  outline: none;
}

.vue-flow .vue-flow__edges {
  pointer-events: none;
  overflow: visible;
}

.vue-flow__edge-path,
.vue-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}

.vue-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}

.vue-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }

.vue-flow__edge.animated path.vue-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }

.vue-flow__edge.inactive {
    pointer-events: none;
  }

.vue-flow__edge.selected,
  .vue-flow__edge:focus,
  .vue-flow__edge:focus-visible {
    outline: none;
  }

.vue-flow__edge.selected .vue-flow__edge-path,
  .vue-flow__edge:focus .vue-flow__edge-path,
  .vue-flow__edge:focus-visible .vue-flow__edge-path {
    stroke: #555;
  }

.vue-flow__edge-textwrapper {
    pointer-events: all;
  }

.vue-flow__edge-textbg {
    fill: white;
  }

.vue-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

.vue-flow__connection {
  pointer-events: none;
}

.vue-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }

.vue-flow__connectionline {
  z-index: 1001;
}

.vue-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}

.vue-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}

.vue-flow__node.draggable {
    cursor: grab;
    pointer-events: all;
  }

.vue-flow__node.draggable.dragging {
      cursor: grabbing;
    }

.vue-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}

.vue-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }

.vue-flow__nodesselection-rect.dragging {
      cursor: grabbing;
    }

.vue-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
}

.vue-flow__handle.connectable {
    pointer-events: all;
    cursor: crosshair;
  }

.vue-flow__handle-bottom {
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }

.vue-flow__handle-top {
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
  }

.vue-flow__handle-left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }

.vue-flow__handle-right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
  }

.vue-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}

.vue-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}

.vue-flow__panel.top {
    top: 0;
  }

.vue-flow__panel.bottom {
    bottom: 0;
  }

.vue-flow__panel.left {
    left: 0;
  }

.vue-flow__panel.right {
    right: 0;
  }

.vue-flow__panel.center {
    left: 50%;
    transform: translateX(-50%);
  }

@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
:root {
  --vf-node-bg: #fff;
  --vf-node-text: #222;
  --vf-connection-path: #b1b1b7;
  --vf-handle: #555;
}

.vue-flow__edge.updating .vue-flow__edge-path {
      stroke: #777;
    }

.vue-flow__edge-text {
  font-size: 10px;
}

.vue-flow__edge-textbg {
  fill: #fff;
}

.vue-flow__connection-path {
  stroke: var(--vf-connection-path);
}

.vue-flow__node {
  cursor: grab;
}

.vue-flow__node.selectable:focus,
  .vue-flow__node.selectable:focus-visible {
    outline: none;
  }

.vue-flow__node-default,
.vue-flow__node-input,
.vue-flow__node-output {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  color: var(--vf-node-text);
  background-color: var(--vf-node-bg);
  border-color: var(--vf-node-color);
}

.vue-flow__node-default.selected,
  .vue-flow__node-default.selected:hover,
  .vue-flow__node-input.selected,
  .vue-flow__node-input.selected:hover,
  .vue-flow__node-output.selected,
  .vue-flow__node-output.selected:hover {
    box-shadow: 0 0 0 0.5px var(--vf-box-shadow);
  }

.vue-flow__node-default.selected,
  .vue-flow__node-default:focus,
  .vue-flow__node-default:focus-visible,
  .vue-flow__node-input.selected,
  .vue-flow__node-input:focus,
  .vue-flow__node-input:focus-visible,
  .vue-flow__node-output.selected,
  .vue-flow__node-output:focus,
  .vue-flow__node-output:focus-visible {
    outline: none;
    border: 1px solid #555;
  }

.vue-flow__node-default .vue-flow__handle, .vue-flow__node-input .vue-flow__handle, .vue-flow__node-output .vue-flow__handle {
    background: var(--vf-handle);
  }

.vue-flow__node-default.selectable:hover, .vue-flow__node-input.selectable:hover, .vue-flow__node-output.selectable:hover {
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
  }

.vue-flow__node-input {
  --vf-node-color: var(--vf-node-color, #0041d0);
  --vf-handle: var(--vf-node-color, #0041d0);
  --vf-box-shadow: var(--vf-node-color, #0041d0);

  background: var(--vf-node-bg);
  border-color: var(--vf-node-color, #0041d0);
}

.vue-flow__node-input.selected,
  .vue-flow__node-input:focus,
  .vue-flow__node-input:focus-visible {
    outline: none;
    border: 1px solid var(--vf-node-color, #0041d0);
  }

.vue-flow__node-default {
  --vf-handle: var(--vf-node-color, #1a192b);
  --vf-box-shadow: var(--vf-node-color, #1a192b);

  background: var(--vf-node-bg);
  border-color: var(--vf-node-color, #1a192b);
}

.vue-flow__node-default.selected,
  .vue-flow__node-default:focus,
  .vue-flow__node-default:focus-visible {
    outline: none;
    border: 1px solid var(--vf-node-color, #1a192b);
  }

.vue-flow__node-output {
  --vf-handle: var(--vf-node-color, #ff0072);
  --vf-box-shadow: var(--vf-node-color, #ff0072);

  background: var(--vf-node-bg);
  border-color: var(--vf-node-color, #ff0072);
}

.vue-flow__node-output.selected,
  .vue-flow__node-output:focus,
  .vue-flow__node-output:focus-visible {
    outline: none;
    border: 1px solid var(--vf-node-color, #ff0072);
  }

.vue-flow__nodesselection-rect,
.vue-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}

.vue-flow__nodesselection-rect:focus,
  .vue-flow__nodesselection-rect:focus-visible,
  .vue-flow__selection:focus,
  .vue-flow__selection:focus-visible {
    outline: none;
  }

.vue-flow__handle {
  width: 6px;
  height: 6px;
  background: var(--vf-handle);
  border: 1px solid #fff;
  border-radius: 100%;
}
.empty_card {
  position: relative;
  width: 100px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: 2px dashed #9CA3AF;
  border-radius: 8px;
  z-index: 50;
  box-sizing: border-box;
}
.empty-card-trigger {
  width: 100%;
  height: 100%;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.empty-card-trigger__inner {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #1a1a1a;
  border-radius: 4px;
}.node-context-menu[data-v-6b3b7495] {
  position: absolute;
  left: calc(100% + 8px);
  top: 0;
  z-index: 30;
  width: 200px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  overflow: visible;
}
.ncm-section[data-v-6b3b7495] {
  padding: 8px 10px;
}
.ncm-section--border[data-v-6b3b7495] {
  border-top: 1px solid #f0f0ee;
}
.ncm-section-label[data-v-6b3b7495] {
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: #888780;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 6px;
}
.ncm-label-input[data-v-6b3b7495] {
  width: 100%;
  border: 1px solid #E8EDF2;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 13px;
  color: #2E4050;
  background: #FAFAFA;
  outline: none;
  box-sizing: border-box;
}
.ncm-label-input[data-v-6b3b7495]:focus {
  border-color: #F59E1A;
  background: #fff;
}
.ncm-char-count[data-v-6b3b7495] {
  text-align: right;
  font-size: 10px;
  color: #aaa;
  margin-top: 3px;
}
.ncm-char-count--warn[data-v-6b3b7495] {
  color: #EF4444;
  font-weight: 600;
}
.ncm-swatches[data-v-6b3b7495] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ncm-swatch[data-v-6b3b7495] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  padding: 0;
  transition: border-color 0.15s;
}
.ncm-swatch.active[data-v-6b3b7495], .ncm-swatch[data-v-6b3b7495]:hover {
  border-color: rgba(0, 0, 0, 0.3);
}
.ncm-shapes[data-v-6b3b7495] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ncm-shape-btn[data-v-6b3b7495] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 28px;
  border-radius: 6px;
  border: 1px solid #E8EDF2;
  background: #fff;
  color: #5F5E5A;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}
.ncm-shape-btn[data-v-6b3b7495]:hover {
  border-color: #F59E1A;
  background: #FFF8EC;
}
.ncm-shape-btn.active[data-v-6b3b7495] {
  border-color: #F59E1A;
  background: #FFF8EC;
  color: #F59E1A;
}
.ncm-delete-btn[data-v-6b3b7495] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 8px;
  border-radius: 6px;
  border: none;
  background: transparent;
  font-size: 13px;
  color: #C0392B;
  cursor: pointer;
  text-align: left;
}
.ncm-delete-btn[data-v-6b3b7495]:hover {
  background: #FFF0EE;
}.l4-node-badge[data-v-0b01e2ea] {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  z-index: 10;
  pointer-events: none;
}
.create-action-path-shape[data-v-970a5d89] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

/* Right-edge hotspot: 15px wide strip on the right */
.right-zone[data-v-970a5d89] {
    position: absolute;
    top: 0;
    right: -10px;
    width: 20px;
    height: 100%;
    pointer-events: auto;
    z-index: 6;
}

/* Bottom-edge hotspot: 15px tall strip on the bottom */
.bottom-zone[data-v-970a5d89] {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 20px;
    pointer-events: auto;
    z-index: 6;
}

.start_shape {
    background: #ffffff;
    border-radius: 999px;
    width: 60px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1.5px solid #78716c;
    font-size: 11.5px;
    font-weight: 500;
    color: #44403c;
}

.stop_shape {
    background: #ffffff;
    border-radius: 999px;
    width: 60px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1.5px solid #44403c;
    font-size: 11.5px;
    font-weight: 600;
    color: #44403c;
}
.rectangle {
  width: 168px;
  height: 56px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background/border/color overridden by :style binding from ragStyle computed */
  background: #f5f5f4;
  border: 1.5px solid #78716c;
  border-radius: 8px;
  padding: 8px 2px;
  font-size: 11.5px;
  font-weight: 500;
  color: #44403c;
  text-align: center;
  word-break: normal;
  overflow-wrap: break-word;
  white-space: normal;
}
.rectangle .text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
  min-width: 0;
}
.rectangle textarea {
  height: 100%;
  border: none;
  resize: none;
}
.diamond-box[data-v-d20bab0e] {
    width: 100%;
    height: 100%;
}
.diamond[data-v-d20bab0e] {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 80px;
    max-width: 240px;
    height: auto;
    aspect-ratio: 1 / 1;
    padding: 12px;
    background: var(--diamond-fill, #f5f5f4);
    border: 2px solid var(--diamond-border, #78716c);
    color: var(--diamond-ink, #44403c);
    transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}
.diamond[data-v-d20bab0e]:hover {
    filter: brightness(0.97);
    box-shadow: 0 0 0 3px rgba(242, 194, 0, 0.3);
}
.diamond-content[data-v-d20bab0e] {
    transform: rotate(-45deg);
    text-align: center;
    word-break: normal;
    overflow-wrap: break-word;
    white-space: normal;
    color: var(--diamond-ink, #44403c);
}
.sub_process {
  width: -moz-max-content;
  width: max-content;
  min-width: 100px;
  max-width: 220px;
  height: auto;
  min-height: 56px;
  padding: 4px;
  border-radius: 10px;
  border: 1.5px solid #78716c;
  position: relative;
  /* background/border/color are overridden by the :style ragStyle binding */
}
.sub_process textarea {
  height: 100%;
  border: none;
  resize: none;
  background: transparent;
}
.sub_process__inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.sub_process__label {
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  width: 100%;
  padding: 0 2px;
  box-sizing: border-box;
  word-break: normal;
  overflow-wrap: break-word;
  white-space: normal;
}
.sub_process__link {
  position: relative;
  bottom: auto;
  left: auto;
  transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin-top: 2px;
  padding: 1px 4px;
  font-size: 9px;
  color: #2e4050;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  max-width: calc(100% - 4px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  z-index: 2;
  flex-shrink: 0;
}
.sub_process__ref {
  font-family: "JetBrains Mono", ui-monospace, monospace;
}
.sub_process__glyph {
  position: absolute;
  top: 5px;
  bottom: 5px;
  display: flex;
}
.sub_process__glyph--left {
  left: 3px;
}
.sub_process__glyph--right {
  right: 3px;
}
.sub_process__bar {
  width: 2px;
  height: 100%;
  background: #2e4050;
  border-radius: 1px;
}.off-page {
  width: 100px;
  height: 56px;
  position: relative;
  padding: 8px 24px 8px 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  word-break: normal;
  overflow-wrap: break-word;
  white-space: normal;
}
.off-page__shape {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
.off-page__content {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.off-page textarea {
  height: 100%;
  border: none;
  resize: none;
  background: transparent;
}
.off-page__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin-top: 2px;
  padding: 1px 4px;
  font-size: 9px;
  color: #2e4050;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  max-width: calc(100% - 4px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  z-index: 2;
  flex-shrink: 0;
}
.off-page__ref {
  font-family: "JetBrains Mono", ui-monospace, monospace;
}.phase-collaps[data-v-6265bb68] {
  border-top: 1px solid rgba(48, 48, 48, 0.0901960784) !important;
  overflow: visible !important;
}.fapl-body[data-v-751793a6] {
  padding: 10px 14px 6px;
}
.fapl-body .fapl-label[data-v-751793a6] {
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: #888780;
  letter-spacing: 0.06em;
  margin-bottom: 6px;
}
.fapl-body .fapl-input[data-v-751793a6] {
  width: 100%;
  height: auto;
  padding: 6px 10px;
  font-size: 13px;
}
.fapl-actions[data-v-751793a6] {
  display: flex;
  gap: 8px;
  padding: 10px 14px;
  border-top: 1px solid #f0f0ee;
  justify-content: flex-end;
}
.fapl-actions .fapl-btn-cancel[data-v-751793a6] {
  padding: 5px 14px;
  border-radius: 6px;
  border: 1px solid #E8EDF2;
  background: #fff;
  font-size: 13px;
  color: #5F5E5A;
  cursor: pointer;
}
.fapl-actions .fapl-btn-cancel[data-v-751793a6]:hover {
  border-color: #ccc;
}
.fapl-actions .fapl-btn-add[data-v-751793a6] {
  padding: 5px 14px;
  border-radius: 6px;
  border: 1px solid #f59e0b;
  background: #febc2c;
  font-size: 13px;
  font-weight: 600;
  color: #2e4050;
  cursor: pointer;
}
.fapl-actions .fapl-btn-add[data-v-751793a6]:hover:not(:disabled) {
  background: #f0b01e;
}
.cnp-popover[data-v-3f65a387] {
    position: absolute;
    width: 220px;
    background: #ffffff;
    border: 1px solid #e7e5e4;
    border-radius: 10px;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08);
    padding: 6px;
    z-index: 10000;
    animation: cnp-popIn-3f65a387 .12s ease-out;
}
@keyframes cnp-popIn-3f65a387 {
from { opacity: 0; transform: translateX(-6px) scale(.96);
}
to { opacity: 1; transform: none;
}
}
.cnp-header[data-v-3f65a387] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px 6px;
    font-size: 10.5px;
    font-weight: 600;
    color: #a8a29e;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.cnp-close[data-v-3f65a387] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    border-radius: 4px;
    color: #78716c;
    cursor: pointer;
    padding: 0;
}
.cnp-close[data-v-3f65a387]:hover { background: #f5f5f4; color: #0c0a09;
}
.cnp-item[data-v-3f65a387] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 10px;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-align: left;
    transition: background 0.1s;
}
.cnp-item[data-v-3f65a387]:hover { background: #f5f5f4;
}
.cnp-glyph[data-v-3f65a387] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.cnp-glyph--task[data-v-3f65a387] {
    width: 22px;
    height: 16px;
    background: #fffbeb;
    border: 1.5px solid #f5a623;
    border-radius: 3px;
}
.cnp-glyph--decision[data-v-3f65a387] {
    width: 14px;
    height: 14px;
    background: #ffffff;
    border: 1.5px solid #78716c;
    transform: rotate(45deg);
}
.cnp-glyph--subprocess[data-v-3f65a387] {
    width: 22px;
    height: 16px;
    background: #ffffff;
    border: 1.5px solid #78716c;
    border-radius: 3px;
    position: relative;
}
.cnp-glyph--subprocess[data-v-3f65a387]::before,
.cnp-glyph--subprocess[data-v-3f65a387]::after {
    content: '';
    position: absolute;
    top: 3px;
    width: 1.5px;
    height: 10px;
    background: #78716c;
    border-radius: 1px;
}
.cnp-glyph--subprocess[data-v-3f65a387]::before { left: 3px;
}
.cnp-glyph--subprocess[data-v-3f65a387]::after { right: 3px;
}
.cnp-glyph--event[data-v-3f65a387] { color: #78716c;
}
.cnp-glyph--end[data-v-3f65a387] { color: #44403c;
}
.cnp-labels[data-v-3f65a387] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}
.cnp-label[data-v-3f65a387] {
    font-size: 13px;
    font-weight: 500;
    color: #0c0a09;
}
.cnp-hint[data-v-3f65a387] {
    font-size: 11px;
    color: #a8a29e;
}

/* Source handles */
.vf-handle[data-v-9a8fa2f4] {
    width: 10px;
    height: 10px;
    background: #FFCC00;
    border: 2px solid #3F484C;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
}
.vf-handle.visible[data-v-9a8fa2f4] {
    opacity: 1;
    pointer-events: all;
}
/* Source-right handle sits at true right-midpoint for midpoint-to-midpoint connection */
.vf-handle--source-right[data-v-9a8fa2f4] {
    /* No transform nudge */
}

/* Target handles */
.vf-handle-target[data-v-9a8fa2f4] {
    width: 10px;
    height: 10px;
    background: transparent;
    border: none;
    opacity: 0;
    pointer-events: none;
}
.vf-handle-target.vf-target-active[data-v-9a8fa2f4] {
    pointer-events: all;
}
/* Target-left handle sits at true left-midpoint for midpoint-to-midpoint connection */
.vf-handle--target-left[data-v-9a8fa2f4] {
    /* No transform nudge */
}

/* Inner wrapper — extends 20px beyond node bounds for hover detection */
.vf-node-inner[data-v-9a8fa2f4] {
    position: relative;
    padding: 20px;
    margin: -20px;
}

/* Empty-card placeholder: keep handles / edges attached to the visual node
   (left-midpoint) instead of the expanded hover bounds. */
.vf-node-inner--empty[data-v-9a8fa2f4] {
    padding: 0;
    margin: 0;
}

/* Node body — sized to the actual card dimensions so the create popover can be
   positioned relative to the visual node, not the expanded hover zone. */
.vf-node-body[data-v-9a8fa2f4] {
    position: relative;
}

/* Directional + handles */
.vf-plus-handle[data-v-9a8fa2f4] {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #0c0a09;
    color: #ffffff;
    border: 2px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0,0,0,0.28);
    transition: opacity 0.14s, transform 0.14s;
    opacity: 1;
    pointer-events: all;
}
.vf-plus-handle[data-v-9a8fa2f4]:hover {
    background: #3F484C;
}

/* left: attached to the left midpoint of the node */
.vf-plus-handle--left[data-v-9a8fa2f4]   { left: -12px;   top: 50%; transform: translateY(-50%);
}
.vf-plus-handle--left[data-v-9a8fa2f4]:hover  { transform: translateY(-50%) scale(1.15);
}

/* right: attached to the right midpoint of the node */
.vf-plus-handle--right[data-v-9a8fa2f4]  { right: -12px;  top: 50%; transform: translateY(-50%);
}
.vf-plus-handle--right[data-v-9a8fa2f4]:hover { transform: translateY(-50%) scale(1.15);
}

/* bottom: attached to the bottom midpoint */
.vf-plus-handle--bottom[data-v-9a8fa2f4] { bottom: -12px; left: 50%; transform: translateX(-50%);
}
.vf-plus-handle--bottom[data-v-9a8fa2f4]:hover { transform: translateX(-50%) scale(1.15);
}

.enm-backdrop[data-v-76a1697a] {
    position: fixed;
    inset: 0;
    background: rgba(12, 10, 9, 0.45);
    /* App modal tier (DeleteModal/ComingSoonModal use 9999) — 1000 left the
       edit/add node modal paintable-over by page chrome. */
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.enm-shell[data-v-76a1697a] {
    width: 560px;
    max-width: calc(100vw - 32px);
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18), 0 2px 6px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.enm-header[data-v-76a1697a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #e7e5e4;
}
.enm-header__left[data-v-76a1697a] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.enm-badge[data-v-76a1697a] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    flex-shrink: 0;
}
.enm-header__title[data-v-76a1697a] {
    font-size: 15px;
    font-weight: 600;
    color: #0c0a09;
}
.enm-header__sub[data-v-76a1697a] {
    font-size: 11.5px;
    color: #a8a29e;
    margin-top: 1px;
}
.enm-close-btn[data-v-76a1697a] {
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    color: #78716c;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background 0.12s;
}
.enm-close-btn[data-v-76a1697a]:hover { background: #f5f5f4; color: #0c0a09;
}
.enm-body[data-v-76a1697a] { padding: 20px; display: flex; flex-direction: column; gap: 0;
}
.enm-field-group[data-v-76a1697a] { margin-bottom: 16px;
}
.enm-field-group[data-v-76a1697a]:last-child { margin-bottom: 0;
}
.enm-label[data-v-76a1697a] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #44403c;
    margin-bottom: 6px;
}
.enm-label-wrap[data-v-76a1697a] { position: relative;
}
.enm-input[data-v-76a1697a] {
    width: 100%;
    height: 36px;
    padding: 0 60px 0 12px;
    border: 1px solid #d6d3d1;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    background: #ffffff;
    color: #0c0a09;
    box-sizing: border-box;
    transition: border-color 0.12s;
}
.enm-input[data-v-76a1697a]:focus { border-color: #78716c;
}
.enm-input--disabled[data-v-76a1697a] { background: #f5f5f4; color: #a8a29e; cursor: not-allowed;
}
.enm-char-count[data-v-76a1697a] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    color: #a8a29e;
    font-family: 'JetBrains Mono', monospace;
}
.enm-char-count--warn[data-v-76a1697a] { color: #dc2626;
}
.enm-rag-grid[data-v-76a1697a] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.enm-rag-btn[data-v-76a1697a] {
    padding: 8px 6px;
    border-radius: 6px;
    border: 1.5px solid #e7e5e4;
    background: #ffffff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    transition: background 0.1s, border-color 0.1s;
}
.enm-rag-btn[data-v-76a1697a]:hover { border-color: #d6d3d1; background: #fafaf9;
}
.enm-rag-btn--active[data-v-76a1697a] { /* color set via :style */
}
.enm-rag-dot[data-v-76a1697a] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    flex-shrink: 0;
}
.enm-rag-name[data-v-76a1697a] { font-size: 12px; font-weight: 600; color: #0c0a09;
}
.enm-rag-hint[data-v-76a1697a] { font-size: 10px; color: #a8a29e; text-align: center; line-height: 1.2;
}
.enm-field-hint[data-v-76a1697a] { font-size: 11px; color: #a8a29e; margin-top: 6px;
}
.enm-type-grid[data-v-76a1697a] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
}
.enm-type-btn[data-v-76a1697a] {
    padding: 8px 4px;
    border-radius: 6px;
    border: 1px solid #d6d3d1;
    background: #ffffff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 500;
    color: #44403c;
    transition: background 0.1s, border-color 0.1s;
}
.enm-type-btn[data-v-76a1697a]:hover { background: #f5f5f4;
}
.enm-type-btn--active[data-v-76a1697a] { background: #f5f5f4; border-color: #0c0a09;
}
.enm-type-glyph[data-v-76a1697a] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.glyph-task[data-v-76a1697a]     { width: 22px; height: 16px; background: #fffbeb; border: 1.5px solid #f5a623; border-radius: 3px;
}
.glyph-diamond[data-v-76a1697a]  { width: 16px; height: 16px; background: #ffffff; border: 1.5px solid #78716c; transform: rotate(45deg);
}
.glyph-subprocess[data-v-76a1697a] { width: 22px; height: 16px; background: #ffffff; border: 1.5px solid #78716c; border-radius: 3px; position: relative;
}
.glyph-subprocess[data-v-76a1697a]::before,
.glyph-subprocess[data-v-76a1697a]::after { content: ''; position: absolute; top: 3px; width: 2px; height: 10px; background: #78716c; border-radius: 1px;
}
.glyph-subprocess[data-v-76a1697a]::before { left: 2px;
}
.glyph-subprocess[data-v-76a1697a]::after { right: 2px;
}
.glyph-event[data-v-76a1697a]    { width: 22px; height: 16px; display: block;
}
.glyph-end[data-v-76a1697a]      { width: 22px; height: 16px; background: #ffffff; border: 1.5px solid #78716c; border-radius: 999px;
}

/* Linked process + picker */
.enm-linked-process[data-v-76a1697a] { border: 1px solid #e7e5e4; border-radius: 8px; overflow: hidden;
}
.enm-linked-process__card[data-v-76a1697a] { background: #fafaf9; padding: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
}
.enm-linked-process__open[data-v-76a1697a] { background: #ffffff; border-top: 1px solid #e7e5e4; padding: 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px;
}
.enm-linked-process__row[data-v-76a1697a] { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; flex: 1; min-width: 0;
}
.enm-linked-process__crumb[data-v-76a1697a] { font-size: 12px; color: #78716c; width: 100%;
}
.enm-ref-chip[data-v-76a1697a] { display: inline-flex; font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 600; padding: 2px 6px; background: #fffbeb; border: 1px solid #f5a623; color: #92400e; border-radius: 4px; flex-shrink: 0;
}
.enm-linked-process__name[data-v-76a1697a] { font-size: 13px; font-weight: 500; color: #0c0a09; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.enm-linked-process__actions[data-v-76a1697a] { display: flex; align-items: center; gap: 10px; margin-top: 0; margin-left: auto; flex-shrink: 0;
}
.enm-text-btn[data-v-76a1697a] { display: inline-flex; align-items: center; gap: 4px; background: transparent; border: none; padding: 0; font-size: 12px; font-weight: 600; color: #78716c; cursor: pointer;
}
.enm-text-btn--danger[data-v-76a1697a] { color: #dc2626;
}
.enm-text-btn--primary[data-v-76a1697a] { color: #0c0a09;
}

/* W13-500 (PM-REF-62/60/61): faint gray outline, rounded corners, no arrow. */
.enm-outline-btn[data-v-76a1697a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 14px;
    background: #ffffff;
    border: 1px solid #d6d3d1;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #44403c;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.12s, border-color 0.12s;
}
.enm-outline-btn[data-v-76a1697a]:hover { background: #f5f5f4; border-color: #a8a29e;
}
.enm-outline-btn--right[data-v-76a1697a] { margin-left: auto;
}

/* W13-500 (PM-REF-65): arm-label editor rows. */
.enm-arm-list[data-v-76a1697a] { display: flex; flex-direction: column; gap: 6px;
}
.enm-arm-row[data-v-76a1697a] { display: flex; align-items: center; gap: 8px;
}
.enm-arm-dir[data-v-76a1697a] {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #78716c;
    background: #f5f5f4;
    border-radius: 4px;
    flex-shrink: 0;
}
.enm-input--arm[data-v-76a1697a] { height: 30px; padding: 0 10px; flex: 1;
}
.enm-link-placeholder[data-v-76a1697a] { border: 1px dashed #d6d3d1; border-radius: 6px; background: #ffffff; padding: 10px 12px;
}
.enm-link-trigger[data-v-76a1697a] { display: flex; align-items: center; gap: 6px; width: 100%; background: transparent; border: none; font-size: 13px; color: #44403c; cursor: pointer;
}
.enm-picker[data-v-76a1697a] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 460px; max-width: calc(100vw - 32px); max-height: 70vh; background: #ffffff; border: 1px solid #d6d3d1; border-radius: 10px; box-shadow: 0 12px 40px rgba(0,0,0,0.18); z-index: 2001; display: flex; flex-direction: column; overflow: hidden;
}
.enm-picker__header[data-v-76a1697a] { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid #e7e5e4;
}
.enm-picker__title[data-v-76a1697a] { font-size: 14px; font-weight: 600; color: #0c0a09;
}
.enm-picker__search[data-v-76a1697a] { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-bottom: 1px solid #e7e5e4;
}
.enm-picker__search .enm-input[data-v-76a1697a] { flex: 1; height: 32px; padding: 0 8px; border: 1px solid #d6d3d1; border-radius: 6px; font-size: 13px;
}
.enm-picker__list[data-v-76a1697a] { flex: 1; overflow-y: auto; padding: 6px;
}
.enm-picker__item[data-v-76a1697a] { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 10px; background: transparent; border: none; border-radius: 6px; cursor: pointer; text-align: left;
}
.enm-picker__item[data-v-76a1697a]:hover { background: #f5f5f4;
}
.enm-picker__name[data-v-76a1697a] { flex: 1; min-width: 0; font-size: 13px; color: #0c0a09; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.enm-picker__crumb[data-v-76a1697a] { font-size: 11px; color: #a8a29e; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.enm-picker__badge[data-v-76a1697a] { font-size: 10px; font-weight: 600; padding: 2px 7px; border-radius: 999px; background: #f5f5f4; color: #44403c; flex-shrink: 0;
}
.enm-picker__badge--draft[data-v-76a1697a] { background: #f5f5f4; color: #44403c;
}
.enm-picker__badge--in-review[data-v-76a1697a] { background: #fffbeb; color: #92400e;
}
.enm-picker__badge--approved[data-v-76a1697a] { background: #f0fdf4; color: #166534;
}
.enm-picker__empty[data-v-76a1697a] { padding: 16px; text-align: center; font-size: 13px; color: #a8a29e;
}
.enm-info-banner[data-v-76a1697a] {
    margin-top: 0;
    padding: 10px 12px;
    border-radius: 6px;
    background: #eff6ff;
    font-size: 12px;
    color: #44403c;
    display: flex;
    align-items: center;
    gap: 8px;
}
.enm-footer[data-v-76a1697a] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 20px;
    border-top: 1px solid #e7e5e4;
}
.enm-footer__spacer[data-v-76a1697a] { flex: 1;
}
.enm-delete-btn[data-v-76a1697a] {
    display: flex;
    align-items: center;
    gap: 5px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 12.5px;
    font-weight: 500;
    color: #dc2626;
    padding: 6px 10px;
    border-radius: 6px;
    transition: background 0.1s;
}
.enm-delete-btn[data-v-76a1697a]:hover { background: #fef2f2;
}
.enm-cancel-btn[data-v-76a1697a] {
    background: transparent;
    border: 1px solid #e7e5e4;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 13px;
    font-weight: 500;
    color: #44403c;
    cursor: pointer;
    transition: background 0.1s;
}
.enm-cancel-btn[data-v-76a1697a]:hover { background: #f5f5f4;
}
.enm-save-btn[data-v-76a1697a] {
    background: #0c0a09;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    transition: background 0.12s;
}
.enm-save-btn[data-v-76a1697a]:hover:not(:disabled) { background: #1c1917;
}
.enm-save-btn[data-v-76a1697a]:disabled { background: #d6d3d1; cursor: not-allowed;
}

.vue-universal-modal {
    z-index: 999 !important;
}

.grabbed_screen[data-v-de878a74] {
  position: relative;
}
.custom_bpm_form--diagram-list[data-v-de878a74] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
}
.custom_bpm_form--list-item[data-v-de878a74] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #ffffff;
  border: 0.5px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.custom_bpm_form--list-item[data-v-de878a74]:hover {
  background: #f5f4ed;
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.custom_bpm_form--list-item-body[data-v-de878a74] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.custom_bpm_form--list-name[data-v-de878a74] {
  font-size: 13px;
  font-weight: 500;
  color: #3F484C;
  line-height: 1.4;
}
.custom_bpm_form--list-meta[data-v-de878a74] {
  font-size: 11px;
  color: #888780;
  font-weight: 400;
}
.custom_bpm_form--list-open[data-v-de878a74] {
  font-size: 12px;
  font-weight: 500;
  color: #888780;
  flex-shrink: 0;
  transition: color 0.15s;
}
.custom_bpm_form--list-item:hover .custom_bpm_form--list-open[data-v-de878a74] {
  color: #3F484C;
}
.custom_bpm_form:hover .custom_bpm_form-collaps[data-v-de878a74] {
  opacity: 1;
}
.map-settings-btn[data-v-de878a74] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  color: #5F5E5A;
  flex-shrink: 0;
  transition: background 0.15s, border-color 0.15s;
}
.map-settings-btn[data-v-de878a74]:hover {
  background: #f5f5f3;
  border-color: rgba(0, 0, 0, 0.2);
}
.map-settings-btn.active[data-v-de878a74] {
  background: #f5f5f3;
  border-color: rgba(0, 0, 0, 0.2);
}
.map-settings-btn.danger[data-v-de878a74] {
  color: #D85A30;
}
.map-settings-btn.danger[data-v-de878a74]:hover {
  background: #FFF0EE;
  border-color: #D85A30;
}
.tb-divider[data-v-de878a74] {
  width: 0.5px;
  height: 16px;
  background: rgba(0, 0, 0, 0.15);
  flex-shrink: 0;
}
.zoom-btn[data-v-de878a74] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 22px;
  border: 0.5px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  color: #5F5E5A;
  font-size: 11px;
}
.zoom-btn[data-v-de878a74]:hover {
  background: #f5f5f3;
  border-color: rgba(0, 0, 0, 0.3);
}
.zoom-fit-btn[data-v-de878a74] {
  width: auto;
  padding: 0 8px;
  font-weight: 600;
  color: #5F5E5A;
}
.zoom-label[data-v-de878a74] {
  font-size: 11px;
  font-weight: 600;
  color: #5F5E5A;
  min-width: 36px;
  text-align: center;
}
.custom_bpm_form-wrapper[data-v-de878a74] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.custom_bpm_form[data-v-de878a74] {
  padding: 2px;
  position: relative;
  overflow: visible;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.custom_bpm_form .actions-map[data-v-de878a74] {
  transition: all 0.3s linear;
}
.custom_bpm_form .actions-map.moved[data-v-de878a74] {
  top: 40px;
}
.custom_bpm_form .wrapper-drop-level[data-v-de878a74] {
  height: 159px;
  position: relative;
  z-index: 2;
}
.custom_bpm_form-collaps[data-v-de878a74] {
  cursor: pointer;
  background-color: #febd2c;
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 34px;
  height: 18px;
  border-radius: 0 0 6px 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease 0.3s;
  opacity: 0;
  top: 0;
  z-index: 25;
}
.custom_bpm_form-collaps svg[data-v-de878a74] {
  transition: all ease 0.3s;
}
.custom_bpm_form-collaps svg.open[data-v-de878a74] {
  transform: rotate(180deg);
}
.custom_bpm_form-collaps.slide[data-v-de878a74] {
  top: 30px;
}
.custom_bpm_form-collaps[data-v-de878a74]:hover {
  background-color: rgba(254, 189, 44, 0.8784313725);
}
.custom_bpm_form__view-port-diagram[data-v-de878a74] {
  width: inherit;
  height: 100%;
  overflow: auto;
  outline: none;
  background: #f4f7fa;
  background-image: radial-gradient(circle, #e7e5e4 1px, transparent 1px);
  background-size: 16px 16px;
  display: flex;
  flex-direction: column;
}
.custom_bpm_form__view-port-diagram--infobox[data-v-de878a74] {
  height: 36px;
  background-color: #f5f5f3;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  z-index: 20;
}
.custom_bpm_form__view-port-diagram--infobox-item[data-v-de878a74] {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #6a869f;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-right: 1px solid rgba(35, 35, 35, 0.1607843137);
}
.custom_bpm_form__view-port-diagram--infobox-item .infobox-label[data-v-de878a74] {
  font-size: 11px;
  color: #888780;
  font-weight: 400;
}
.custom_bpm_form__view-port-diagram--infobox-item .infobox-value[data-v-de878a74] {
  font-size: 11px;
  color: #5F5E5A;
  font-weight: 500;
}
.custom_bpm_form__view-port-diagram--infobox-item[data-v-de878a74]:last-child {
  border-right: 0;
}
.custom_bpm_form__view-port-diagram--levels[data-v-de878a74] {
  position: relative;
  z-index: 4;
  overflow: visible;
  border-right: 1.5px dashed var(--color-border-secondary);
}
.custom_bpm_form__view-port-diagram--levels-box[data-v-de878a74] {
  height: 159px;
  width: 100%;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #2e4050;
  position: relative;
  display: flex;
  align-items: center;
  overflow: visible;
  z-index: 10;
  background: #ffffff;
}
.custom_bpm_form__view-port-diagram--levels-box[data-v-de878a74]:hover, .custom_bpm_form__view-port-diagram--levels-box[data-v-de878a74]:has(.lane-sep:hover) {
  z-index: 15;
}
.custom_bpm_form__view-port-diagram--levels-box .text[data-v-de878a74] {
  background-color: #f5f5f4;
  border-right: 1px solid #e7e5e4;
  justify-content: center;
  width: 159px;
  height: 58px;
  transform: rotate(-90deg);
  text-align: center;
  position: relative;
  left: -50px;
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 2;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #78716c;
  white-space: nowrap;
}
.custom_bpm_form__view-port-diagram--levels-box .text .lane-actor-dot[data-v-de878a74] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #F2C200;
  flex-shrink: 0;
}
.custom_bpm_form__view-port-diagram--levels-box .text .lane-actor-dot--system[data-v-de878a74] {
  border-radius: 2px;
  background: #3b82f6;
}
.custom_bpm_form__view-port-diagram--levels-box .text .lane-placeholder[data-v-de878a74] {
  color: #a8a29e;
  letter-spacing: 0.05em;
  text-transform: none;
}
.custom_bpm_form__view-port-diagram--levels-box .text > span[data-v-de878a74]:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 130px;
}
.custom_bpm_form__view-port-diagram--levels-box .lane-sep[data-v-de878a74] {
  position: absolute;
  top: -13px;
  left: 0;
  right: 0;
  height: 26px;
  z-index: 21;
  cursor: pointer;
}
.custom_bpm_form__view-port-diagram--levels-box .lane-sep[data-v-de878a74]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 3px;
  transform: translateY(-50%);
  background: #f59e0b;
  opacity: 0;
  transition: opacity 0.15s;
  pointer-events: none;
}
.custom_bpm_form__view-port-diagram--levels-box .lane-sep[data-v-de878a74]:hover::after {
  opacity: 1;
}
.custom_bpm_form__view-port-diagram--levels-box .lane-sep:hover .add-level[data-v-de878a74] {
  opacity: 1 !important;
}
.custom_bpm_form__view-port-diagram--levels-box .lane-sep .add-level[data-v-de878a74] {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0 !important;
  z-index: 22;
}
.custom_bpm_form__view-port-diagram--levels-box .lane-sep .add-level[data-v-de878a74]:hover, .custom_bpm_form__view-port-diagram--levels-box .lane-sep .add-level.active[data-v-de878a74] {
  opacity: 1 !important;
}
.custom_bpm_form__view-port-diagram--levels-box .line[data-v-de878a74] {
  background-color: transparent;
  height: 159px;
  width: 100%;
  position: absolute;
  top: 0;
  border-bottom: none;
  border-top: 1px dashed #e7e5e4;
  z-index: 1;
  transition: border-color 0.15s;
}
.custom_bpm_form__view-port-diagram--levels-box .lane-sep:hover + .line[data-v-de878a74] {
  border-top-color: #f59e0b;
}
.custom_bpm_form__view-port-diagram.is-navigating--levels-box[data-v-de878a74]:hover, .custom_bpm_form__view-port-diagram.is-navigating--levels-box[data-v-de878a74]:has(.lane-sep:hover) {
  z-index: 10;
}
.custom_bpm_form__view-port-diagram.is-navigating--levels-box .lane-sep:hover .add-level[data-v-de878a74],
.custom_bpm_form__view-port-diagram.is-navigating--levels-box .lane-sep .add-level[data-v-de878a74]:hover,
.custom_bpm_form__view-port-diagram.is-navigating--levels-box .lane-sep .add-level.active[data-v-de878a74] {
  opacity: 0 !important;
}
.custom_bpm_form__view-port-diagram.is-navigating--levels-box .lane-sep[data-v-de878a74]:hover::after {
  opacity: 0;
}
.custom_bpm_form__view-port-diagram.is-navigating--levels-box .lane-sep:hover + .line[data-v-de878a74] {
  border-top-color: var(--color-border-secondary);
}
.custom_bpm_form__view-port-diagram--window[data-v-de878a74] {
  transition: top 0.3s linear;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 5;
}
.custom_bpm_form__view-port-diagram--window.moved[data-v-de878a74] {
  top: 0;
}
.custom_bpm_form__view-port-diagram--window[data-v-de878a74] .vue-flow__background {
  display: none;
}
.custom_bpm_form__view-port-diagram--window[data-v-de878a74] .vue-flow__edges {
  z-index: 5;
}
.custom_bpm_form__view-port-diagram--window[data-v-de878a74] .vue-flow__pane {
  pointer-events: none;
}
.custom_bpm_form__view-port-diagram--window[data-v-de878a74] .vue-flow__container {
  pointer-events: none;
}
.custom_bpm_form__view-port-diagram--window[data-v-de878a74] .vue-flow {
  overflow: visible;
}
.custom_bpm_form__view-port-diagram--window[data-v-de878a74] .vue-flow__viewport {
  overflow: visible;
}
.custom_bpm_form__view-port-diagram--window[data-v-de878a74] .vue-flow__node {
  overflow: visible;
}
.custom_bpm_form__view-port-diagram--window[data-v-de878a74] .vue-flow__node:has(.cnp-popover) {
  z-index: 10000 !important;
}
.custom_bpm_form__view-port-diagram--node[data-v-de878a74] {
  position: absolute;
  width: 168px;
  height: 100px;
}
.custom_bpm_form__view-port-diagram--node:hover .custom_bpm_form__view-port-diagram--node--move[data-v-de878a74] {
  opacity: 1;
  pointer-events: auto;
}
.custom_bpm_form__view-port-diagram--node--move[data-v-de878a74] {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 6;
  cursor: pointer;
  padding: 5px;
  transition: all ease 0.3s;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  opacity: 0;
  pointer-events: none;
}
.custom_bpm_form__view-port-diagram--node--move[data-v-de878a74]:hover {
  background-color: #f2f2f2;
}
.custom_bpm_form__view-port-diagram--node--move:active svg path[data-v-de878a74] {
  fill: rgba(254, 189, 44, 0.8784313725);
  background-color: #f2f2f2;
}
.custom_bpm_form__view-port-diagram--node.screen_rectangle[data-v-de878a74] {
  width: 120px;
  height: 70px;
}
.custom_bpm_form__view-port-diagram--node.cycle[data-v-de878a74] {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 12px;
}
.custom_bpm_form--list[data-v-de878a74] {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #393f4f;
}
.custom_bpm_form--list-action[data-v-de878a74] {
  position: absolute;
  right: 14px;
  top: 14px;
  transition: all ease 0.3s;
  opacity: 0;
}
.custom_bpm_form--list-number[data-v-de878a74] {
  padding: 5px;
  background: #fdd835;
  border-radius: 6px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #2e4050;
  margin-right: 12px;
}
.custom_bpm_form--list-item[data-v-de878a74] {
  border: 1px solid #eff2f4;
  padding-left: 14px;
  transition: all ease 0.3s;
  cursor: pointer;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  position: relative;
  background: #f4f7fa;
  border-radius: 6px;
  height: 60px;
}
.custom_bpm_form--list-item[data-v-de878a74]:last-child {
  margin: 0;
}
.lane-name-input[data-v-de878a74] {
  position: absolute;
  left: -51px;
  width: 159px;
  height: 38px;
  transform: rotate(-90deg);
  transform-origin: center center;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #2e4050;
  background: #fff;
  border: 1px dashed #FFCC00;
  border-radius: 4px;
  outline: none;
  z-index: 20;
  padding: 0 8px;
}
.lane-placeholder[data-v-de878a74] {
  color: #B4B2A9;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: none;
}
.lane-type-tag[data-v-de878a74] {
  font-size: 9px;
  font-weight: 700;
  color: #888780;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-left: 6px;
  background: #f0f0ee;
  border-radius: 4px;
  padding: 1px 5px;
}
.process-map-empty-state[data-v-de878a74] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 48px 24px;
  text-align: center;
}
.process-map-empty-icon[data-v-de878a74] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.process-map-empty-title[data-v-de878a74] {
  font-size: 14px;
  font-weight: 500;
  color: #5F5E5A;
}
.process-map-empty-desc[data-v-de878a74] {
  font-size: 13px;
  color: #888780;
  max-width: 320px;
}
.n-more-pill[data-v-de878a74] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  border: 1.5px dashed #B4B2A9;
  border-radius: 6px;
  background: #f9f9f7;
  font-size: 11px;
  font-weight: 600;
  color: #5F5E5A;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background 0.12s, border-color 0.12s;
}
.n-more-pill[data-v-de878a74]:hover {
  background: #FFF0D6;
  border-color: #f59e0b;
  color: #854F0B;
}
.l4m-labels[data-v-de878a74] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  overflow: hidden;
  min-width: 0;
}
.l4m-right-controls[data-v-de878a74] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.l4m-zoom-group[data-v-de878a74] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border: 1px solid #D5D0C8;
  border-radius: 6px;
  background: #FFFFFF;
  height: 28px;
  padding: 0 2px;
}
.l4m-zoom-group .l4m-header__btn[data-v-de878a74] {
  width: 24px;
  height: 24px;
}
.l4m-zoom-label[data-v-de878a74] {
  width: 38px;
  text-align: center;
  font-size: 11px;
  color: #5F5E5A;
  font-variant-numeric: tabular-nums;
}
.l4m-header__btn[data-v-de878a74] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #78716c;
  cursor: pointer;
  padding: 0;
  transition: background 0.12s, color 0.12s;
}
.l4m-header__btn[data-v-de878a74]:hover {
  background: #f5f5f4;
  color: #0c0a09;
}
.l4m-header__btn--active[data-v-de878a74] {
  background: #f5f5f4;
  color: #0c0a09;
}
.l4m-metastrip[data-v-de878a74] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: #ffffff;
  border-bottom: 1px solid #e7e5e4;
}
.l4m-metastrip__cell[data-v-de878a74] {
  padding: 10px 16px;
}
.l4m-metastrip__cell--border[data-v-de878a74] {
  border-left: 1px solid #e7e5e4;
}
.l4m-metastrip__label[data-v-de878a74] {
  font-size: 10.5px;
  font-weight: 600;
  color: #a8a29e;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 2px;
}
.l4m-metastrip__value[data-v-de878a74] {
  font-size: 13px;
  color: #0c0a09;
}
.l4m-metastrip__value b[data-v-de878a74] {
  font-weight: 600;
}
.l4m-page-header[data-v-de878a74] {
  position: sticky;
  top: 0;
  z-index: 31;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  height: 40px;
  background: #ffffff;
  padding: 0 14px;
  border-bottom: 1px solid #e7e5e4;
}
.l4m-infobar[data-v-de878a74] {
  position: sticky;
  top: 40px;
  z-index: 30;
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #e7e5e4;
}
.l4m-infobar .l4m-metastrip[data-v-de878a74] {
  flex: 1;
  min-width: 0;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: none;
}
.l4m-infobar .l4m-metastrip__cell[data-v-de878a74] {
  padding: 8px 14px;
  min-width: 0;
}
.l4m-infobar .l4m-metastrip__label[data-v-de878a74] {
  margin-bottom: 1px;
}
.l4m-infobar .l4m-metastrip__value[data-v-de878a74] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.l4m-l1-badge[data-v-de878a74] {
  cursor: default;
}
.nlbl-backdrop[data-v-de878a74] {
  position: fixed;
  inset: 0;
  background: rgba(12, 10, 9, 0.45);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nlbl-backdrop--lane[data-v-de878a74] {
  justify-content: flex-start;
  padding-left: clamp(140px, 16vw, 240px);
}
.nlbl-modal[data-v-de878a74] {
  position: relative;
  width: 380px;
  max-width: calc(100vw - 32px);
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  padding: 18px 20px;
}
.nlbl-title[data-v-de878a74] {
  font-size: 15px;
  font-weight: 600;
  color: #0c0a09;
  margin-bottom: 8px;
}
.nlbl-text[data-v-de878a74] {
  font-size: 13px;
  color: #57534e;
  margin: 0 0 14px;
}
.nlbl-label[data-v-de878a74] {
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: #888780;
  letter-spacing: 0.06em;
  margin: 10px 0 6px;
}
.nlbl-input[data-v-de878a74] {
  width: 100%;
  padding: 6px 10px;
  font-size: 13px;
  border: 1px solid #e7e5e4;
  border-radius: 6px;
}
.nlbl-actions[data-v-de878a74] {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 16px;
}
.nlbl-btn[data-v-de878a74] {
  padding: 6px 14px;
  border-radius: 6px;
  border: 1px solid #E8EDF2;
  background: #fff;
  font-size: 13px;
  color: #5F5E5A;
  cursor: pointer;
}
.nlbl-btn--primary[data-v-de878a74] {
  background: #febc2c;
  border: 1px solid #f59e0b;
  color: #2e4050;
  font-weight: 600;
}
.nlbl-btn--primary[data-v-de878a74]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.nlbl-btn--danger[data-v-de878a74] {
  background: #fff;
  border: none;
  color: #dc2626;
  font-weight: 500;
}
.nlbl-btn--danger[data-v-de878a74]:hover {
  background: #fef2f2;
}
.nlbl-modal--lane[data-v-de878a74] {
  width: 440px;
}
.nlbl-actor-cards[data-v-de878a74] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.nlbl-actor-card[data-v-de878a74] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  text-align: left;
  background: #ffffff;
  border: 1px solid #E8EDF2;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.12s, background 0.12s;
}
.nlbl-actor-card--active[data-v-de878a74] {
  border-color: #f59e0b;
  background: #FEF9F0;
}
.nlbl-actor-card__title[data-v-de878a74] {
  font-size: 13px;
  font-weight: 600;
  color: #0c0a09;
}
.nlbl-actor-card__hint[data-v-de878a74] {
  font-size: 11px;
  color: #78716c;
  line-height: 1.4;
}
.nlbl-helper[data-v-de878a74] {
  display: flex;
  gap: 6px;
  font-size: 11.5px;
  color: #78716c;
  line-height: 1.45;
  margin: 12px 0 0;
  padding: 8px 10px;
  background: #f4f7fa;
  border-radius: 6px;
}
.nlbl-actions--split[data-v-de878a74] {
  justify-content: space-between;
  align-items: center;
}
.nlbl-actions--split .nlbl-actions__right[data-v-de878a74] {
  display: flex;
  gap: 8px;
}
.nlbl-close[data-v-de878a74] {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: #a8a29e;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.nlbl-close[data-v-de878a74]:hover {
  color: #57534e;
}
.l4m-add-lane-top[data-v-de878a74] {
  display: flex;
  justify-content: flex-end;
  padding: 0 8px 2px;
}
.l4m-add-lane-top .add-level[data-v-de878a74] {
  opacity: 0;
  cursor: pointer;
}
.l4m-add-lane-top .add-level[data-v-de878a74]:hover, .l4m-add-lane-top .add-level.active[data-v-de878a74] {
  opacity: 1 !important;
}
.l4m-add-lane-top:hover .add-level[data-v-de878a74] {
  opacity: 1;
}
.l4m-pool-wrapper[data-v-de878a74] {
  padding: 20px 16px 8px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.l4m-pool[data-v-de878a74] {
  position: relative;
  border: 1.5px solid #e7e5e4;
  border-radius: 10px;
  overflow: visible;
  flex: 1;
  min-height: 0;
}
.l4m-pool__hint[data-v-de878a74] {
  position: relative;
  padding: 10px 20px;
  border-top: 1px solid #e7e5e4;
  font-size: 11.5px;
  color: #a8a29e;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}
.l4m-kbd[data-v-de878a74] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  background: #ffffff;
  border: 1px solid #d6d3d1;
  border-radius: 4px;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 10px;
  font-weight: 600;
  color: #78716c;
  box-shadow: 0 1px 0 #d6d3d1;
}
.l4m-rag-key[data-v-de878a74] {
  /* W13-500 (PM-REF-43): the key carries NO background of its own — it takes
     the container's background. */
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 6;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 150px;
  padding: 8px 10px;
}
.l4m-rag-key__title[data-v-de878a74] {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #a8a29e;
  text-transform: uppercase;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l4m-rag-key__row[data-v-de878a74] {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.l4m-rag-key__dot[data-v-de878a74] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border-width: 1.5px;
  border-style: solid;
  flex-shrink: 0;
}
.l4m-rag-key__name[data-v-de878a74] {
  font-size: 11px;
  font-weight: 600;
  color: #0c0a09;
}
.l4m-rag-key__hint[data-v-de878a74] {
  font-size: 10px;
  color: #a8a29e;
}
.l4m-export-header[data-v-de878a74] {
  display: none !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 14px;
  margin-bottom: 10px;
  background: #ffffff;
  border: 1px solid #e7e5e4;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.3;
  width: 100%;
  box-sizing: border-box;
}
.l4m-export-header__ref[data-v-de878a74] {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-weight: 700;
  color: #1f2937;
}
.l4m-export-header__name[data-v-de878a74] {
  flex: 1;
  font-weight: 500;
  color: #4b5563;
}
.l4m-export-header__version[data-v-de878a74] {
  margin-left: auto;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 11px;
  color: #6b7280;
  text-align: right;
}
[data-export-active] .l4m-export-header[data-export-only=true][data-v-de878a74] {
  display: flex !important;
}.dp-register[data-v-c77f6729] {
  padding: 0 0 24px;
}
.dp-toolbar[data-v-c77f6729] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0 12px;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 0;
  flex-wrap: wrap;
  gap: 8px;
}
.dp-toolbar__left[data-v-c77f6729] {
  flex: 1;
}
.dp-toolbar__actions[data-v-c77f6729] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.dp-title[data-v-c77f6729] {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.dp-btn[data-v-c77f6729] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.dp-btn--primary[data-v-c77f6729] {
  background: #3F484C;
  color: #fff;
}
.dp-btn--primary[data-v-c77f6729]:hover {
  background: #2d3437;
}
.dp-btn--primary[data-v-c77f6729]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dp-btn--secondary[data-v-c77f6729] {
  background: #fff;
  color: #374151;
  border-color: #d1d5db;
}
.dp-btn--secondary[data-v-c77f6729]:hover {
  background: #f3f4f6;
}
.dp-btn--danger[data-v-c77f6729] {
  background: #dc2626;
  color: #fff;
}
.dp-btn--danger[data-v-c77f6729]:hover {
  background: #b91c1c;
}
.dp-btn--ai[data-v-c77f6729] {
  background: #fff;
  color: #6b7280;
  border-color: #d1d5db;
}
.dp-btn--disabled[data-v-c77f6729] {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.dp-btn--disabled[data-v-c77f6729]:hover {
  background: #fff;
}
.dp-table-wrap[data-v-c77f6729] {
  overflow-x: auto;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-top: 12px;
}
.dp-table[data-v-c77f6729] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.dp-table thead tr[data-v-c77f6729] {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.dp-table th[data-v-c77f6729] {
  padding: 10px 12px;
  font-weight: 600;
  color: #374151;
  text-align: left;
  white-space: nowrap;
}
.dp-table .dp-row[data-v-c77f6729] {
  border-bottom: 1px solid #f3f4f6;
}
.dp-table .dp-row[data-v-c77f6729]:last-child {
  border-bottom: none;
}
.dp-table .dp-row[data-v-c77f6729]:hover {
  background: #fafafa;
}
.dp-table td[data-v-c77f6729] {
  padding: 10px 12px;
  color: #1f2937;
  vertical-align: top;
  line-height: 1.5;
}
.dp-table td[contenteditable=true][data-v-c77f6729] {
  outline: none;
  min-height: 20px;
  cursor: text;
}
.dp-table td[contenteditable=true][data-v-c77f6729]:focus {
  background: #fffbeb;
  box-shadow: inset 0 0 0 1px #FFCC00;
  border-radius: 2px;
}
.col-ref[data-v-c77f6729] {
  width: 70px;
}
.col-name[data-v-c77f6729] {
  min-width: 140px;
  max-width: 180px;
}
.col-main[data-v-c77f6729] {
  min-width: 160px;
}
.col-tensions[data-v-c77f6729] {
  width: 120px;
}
.col-actions[data-v-c77f6729] {
  width: 72px;
  white-space: nowrap;
}
.ref-badge[data-v-c77f6729] {
  font-weight: 600;
  color: #6b7280;
  font-size: 12px;
}
.tension-tags[data-v-c77f6729] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.tension-tag[data-v-c77f6729] {
  display: inline-block;
  padding: 2px 6px;
  background: #fef3c7;
  color: #92400e;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
}
.tension-none[data-v-c77f6729] {
  color: #9ca3af;
  font-size: 12px;
}
.dp-empty-row[data-v-c77f6729] {
  text-align: center;
  padding: 32px !important;
  color: #9ca3af;
  font-style: italic;
}
.dp-empty[data-v-c77f6729] {
  text-align: center;
  padding: 32px;
  color: #9ca3af;
}
.row-action[data-v-c77f6729] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  color: #9ca3af;
  transition: all 0.15s ease;
}
.row-action[data-v-c77f6729]:hover {
  color: #374151;
  background: #f3f4f6;
}
.del-btn[data-v-c77f6729]:hover {
  color: #dc2626 !important;
  background: #fef2f2 !important;
}
.dp-modal-backdrop[data-v-c77f6729] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
}
.dp-modal[data-v-c77f6729] {
  background: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 540px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  max-height: 85vh;
  overflow: hidden;
}
.dp-modal--sm[data-v-c77f6729] {
  max-width: 420px;
}
.dp-modal__header[data-v-c77f6729] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #e5e7eb;
}
.dp-modal__header h3[data-v-c77f6729] {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.dp-modal__close[data-v-c77f6729] {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  color: #9ca3af;
  padding: 4px;
}
.dp-modal__close[data-v-c77f6729]:hover {
  color: #374151;
}
.dp-modal__body[data-v-c77f6729] {
  padding: 20px 24px;
  overflow-y: auto;
  flex: 1;
}
.dp-modal__body p[data-v-c77f6729] {
  font-size: 14px;
  color: #374151;
  margin: 0;
}
.dp-modal__footer[data-v-c77f6729] {
  display: flex;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
  justify-content: flex-end;
  background: #f9fafb;
}
.dp-field-label[data-v-c77f6729] {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  margin: 12px 0 4px;
}
.dp-field-label[data-v-c77f6729]:first-child {
  margin-top: 0;
}
.dp-textarea[data-v-c77f6729] {
  width: 100%;
  padding: 8px 10px;
  font-size: 13px;
  color: #1f2937;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  resize: vertical;
  font-family: inherit;
  line-height: 1.5;
  box-sizing: border-box;
}
.dp-textarea[data-v-c77f6729]:focus {
  outline: none;
  border-color: #FFCC00;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.15);
}
.dp-input[data-v-c77f6729] {
  width: 100%;
  padding: 8px 10px;
  font-size: 13px;
  color: #1f2937;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-family: inherit;
  box-sizing: border-box;
}
.dp-input[data-v-c77f6729]:focus {
  outline: none;
  border-color: #FFCC00;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.15);
}
.dp-tensions-select[data-v-c77f6729] {
  position: relative;
}
.dp-tensions-trigger[data-v-c77f6729] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  cursor: pointer;
  background: #fff;
  font-size: 13px;
  color: #374151;
}
.dp-tensions-trigger[data-v-c77f6729]:hover {
  border-color: #9ca3af;
}
.dp-tensions-value[data-v-c77f6729] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dp-tensions-list[data-v-c77f6729] {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  max-height: 200px;
  overflow-y: auto;
  z-index: 100;
}
.dp-tension-option[data-v-c77f6729] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
}
.dp-tension-option[data-v-c77f6729]:hover {
  background: #f9fafb;
}
.dp-tension-option input[data-v-c77f6729] {
  margin-top: 2px;
  flex-shrink: 0;
  accent-color: #FFCC00;
}
.dp-tension-ref[data-v-c77f6729] {
  font-size: 12px;
  font-weight: 700;
  color: #374151;
  min-width: 44px;
  flex-shrink: 0;
}
.dp-tension-text[data-v-c77f6729] {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.4;
}
.dp-tensions-empty[data-v-c77f6729] {
  padding: 16px;
  font-size: 13px;
  color: #9ca3af;
  text-align: center;
}.dp-summary[data-v-f63deb1f] {
  padding: 0 0 32px;
}
.dp-summary__loading[data-v-f63deb1f] {
  text-align: center;
  padding: 48px;
  color: #9ca3af;
  font-size: 14px;
}
.dp-summary__section[data-v-f63deb1f] {
  margin-bottom: 32px;
}
.dp-summary__section-title[data-v-f63deb1f] {
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 10px;
  padding-bottom: 8px;
  border-bottom: 2px solid #FFCC00;
  display: inline-block;
}
.dp-summary__table-wrap[data-v-f63deb1f] {
  overflow-x: auto;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.dp-summary__table[data-v-f63deb1f] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.dp-summary__table thead tr[data-v-f63deb1f] {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.dp-summary__table th[data-v-f63deb1f] {
  padding: 10px 12px;
  font-weight: 600;
  color: #374151;
  text-align: left;
  white-space: nowrap;
}
.dp-summary__table tbody tr[data-v-f63deb1f] {
  border-bottom: 1px solid #f3f4f6;
}
.dp-summary__table tbody tr[data-v-f63deb1f]:last-child {
  border-bottom: none;
}
.dp-summary__table td[data-v-f63deb1f] {
  padding: 10px 12px;
  color: #1f2937;
  vertical-align: top;
  line-height: 1.5;
}
.dp-summary__empty-row[data-v-f63deb1f] {
  text-align: center;
  padding: 24px !important;
  color: #9ca3af;
  font-style: italic;
}
.col-ref[data-v-f63deb1f] {
  width: 70px;
}
.col-name[data-v-f63deb1f] {
  min-width: 120px;
  max-width: 180px;
}
.col-wide[data-v-f63deb1f] {
  min-width: 220px;
  max-width: 320px;
}
.col-concern[data-v-f63deb1f] {
  min-width: 200px;
  max-width: 280px;
}
.col-source[data-v-f63deb1f] {
  width: 140px;
}
.ref-badge[data-v-f63deb1f] {
  font-weight: 600;
  color: #6b7280;
  font-size: 12px;
}@keyframes rotateArrow-616a1197 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.diagram-node[data-v-616a1197] {
  width: 210px;
  height: 130px;
  padding: 17px;
  margin-right: 58px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.diagram-node--title[data-v-616a1197] {
  font-size: 13px;
  width: 106px;
}
.diagram-node--number[data-v-616a1197] {
  background-color: #febc2c;
  color: #232323;
  font-weight: 500;
  width: 18px;
  height: 18px;
  text-align: center;
  border-radius: 50%;
  margin-right: 5px;
  font-size: 12px;
}
.diagram-node--content[data-v-616a1197] {
  padding: 10px;
  display: flex;
  align-items: center;
}
.diagram-node .wrapper-group[data-v-616a1197] {
  height: 132px;
  position: absolute;
}
.diagram-node .wrapper-group .setGroup[data-v-616a1197] {
  position: absolute;
  right: 10px;
  background-color: #f2f2f2;
  top: -13px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
}
.diagram-node .wrapper-group .setGroup > p[data-v-616a1197] {
  font-size: 12px;
  padding: 0 10px;
}
.diagram-node .wrapper-group .setGroup > button[data-v-616a1197]:first-child {
  margin-right: 4px;
}
.diagram-node .wrapper-group.precreate > div[data-v-616a1197] {
  border-style: dashed !important;
}
.diagram-node .wrapper-group--first-element[data-v-616a1197] {
  border-left: 2px solid #828282;
  border-top: 2px solid #828282;
  border-bottom: 2px solid #828282;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  position: relative;
}
.diagram-node .wrapper-group--first-element[data-v-616a1197]:after {
  content: "";
  border-top: 2px solid #828282;
  width: 200px;
  height: 2px;
  display: block;
  position: relative;
  top: -2px;
  right: -130px;
}
.diagram-node .wrapper-group--first-element[data-v-616a1197]:before {
  content: "";
  border-bottom: 2px solid #828282;
  width: 200px;
  height: 2px;
  display: block;
  position: absolute;
  bottom: -2px;
  right: -130px;
}
.diagram-node .wrapper-group--middle-element[data-v-616a1197] {
  border-top: 2px solid #828282;
  border-bottom: 2px solid #828282;
  position: relative;
}
.diagram-node .wrapper-group--middle-element[data-v-616a1197]:after {
  content: "";
  border-top: 2px solid #828282;
  width: 200px;
  height: 2px;
  display: block;
  position: relative;
  top: -2px;
  right: -130px;
}
.diagram-node .wrapper-group--middle-element[data-v-616a1197]:before {
  content: "";
  border-bottom: 2px solid #828282;
  width: 200px;
  height: 2px;
  display: block;
  position: absolute;
  bottom: -2px;
  right: -130px;
}
.diagram-node .wrapper-group--last-element[data-v-616a1197] {
  border-right: 2px solid #828282;
  border-top: 2px solid #828282;
  border-bottom: 2px solid #828282;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.diagram-node .wrapper-group--main-element[data-v-616a1197] {
  border: 2px solid #828282;
  border-radius: 10px;
}
.diagram-node .overlay-action[data-v-616a1197] {
  z-index: 1;
}
.diagram-node .activeIfSelect[data-v-616a1197] {
  border: 1px solid #febc2c;
}
.diagram-node .turn-self[data-v-616a1197] {
  z-index: 2;
}
.diagram-node .self-arrow > svg[data-v-616a1197] {
  transition: all 0.3s ease;
}
.diagram-node .self-arrow > svg.active[data-v-616a1197] {
  stroke: #febc2c;
}
.diagram-node .self-arrow > svg.active > path[data-v-616a1197] {
  fill: #febc2c;
}
.diagram-node .openModalNode[data-v-616a1197] {
  z-index: 3;
}
.diagram-node .diamond[data-v-616a1197] {
  position: relative;
  width: 200px;
  line-height: 200px;
  text-align: center;
  margin: 10px 40px;
}
.diagram-node .diamond[data-v-616a1197]:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  transform: rotateX(45deg) rotateZ(45deg);
  border: 1px solid orange;
}
.diagram-node .diamond[data-v-616a1197]:after {
  position: absolute;
  top: 10px;
  left: 10px;
  content: "";
  height: calc(100% - 22px); /* -22px is 2 * 10px gap on either side - 2px border on either side */
  width: calc(100% - 22px); /* -22px is 2 * 10px gap on either side - 2px border on either side */
  transform: rotateX(45deg) rotateZ(45deg);
}
.diagram-node .circle[data-v-616a1197] {
  border-radius: 50%;
  width: 120px;
  height: 120px;
}
.diagram-node--shapes-variant.bottom[data-v-616a1197] {
  right: 0;
  top: 136px;
}
.diagram-node--shapes-variant.bottom[data-v-616a1197]:before {
  content: "";
  top: -12px;
  right: 50%;
  transform: rotate(0deg) translate(50%, 50%);
  z-index: 10;
}
.diagram-node--shapes-variant[data-v-616a1197] {
  border-radius: 10px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -216px;
  top: 41px;
  z-index: 10;
  background-color: #ffffff;
}
.diagram-node--shapes-variant[data-v-616a1197]:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  top: 20px;
  right: 206px;
  transform: rotate(270deg);
  z-index: 10;
}
.diagram-node--shapes-variant > div[data-v-616a1197] {
  margin-right: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
}
.diagram-node .emptyBg[data-v-616a1197] {
  background-color: #f2f2f2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.diagram-node--actions[data-v-616a1197] {
  position: absolute;
  display: flex;
  background-color: #fff;
  border-radius: 5px;
  top: 49px;
  right: -128px;
  z-index: 2;
}
.diagram-node--actions > div[data-v-616a1197] {
  margin-right: 3px;
  padding: 5px 2px;
}
.diagram-node--actions .disabledDelete[data-v-616a1197] {
  opacity: 0.5;
}
.diagram-node--actions .activeReturn svg path[data-v-616a1197] {
  fill: #febc2c;
}
.diagram-node--actions[data-v-616a1197]:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  top: 12px;
  right: 131px;
  transform: rotate(270deg);
}
.diagram-node .arrow_path_bottom[data-v-616a1197] {
  transform: translate(-50%, 50%);
  bottom: -43px;
}
.diagram-node .arrow_path_bottom.reverse[data-v-616a1197] {
  bottom: -43px;
  left: 74px;
}
.diagram-node .arrow_path_top[data-v-616a1197] {
  top: -66px;
  transform: rotate(180deg);
}
.diagram-node .arrow_path_top.reverse[data-v-616a1197] {
  top: -68px;
  left: 74px;
}
.diagram-node .arrow_path_right[data-v-616a1197] {
  transform: translate(-50%, 50%) rotate(180deg);
  right: -90px;
}
.diagram-node .arrow_path_right.reverse[data-v-616a1197] {
  transform: rotate(270deg);
  right: -52px;
  top: 43%;
}
.diagram-node .arrow_path_left[data-v-616a1197] {
  transform: translate(-50%, 50%) rotate(180deg);
  left: -45px;
}
.diagram-node .arrow_path_left.reverse[data-v-616a1197] {
  transform: rotate(90deg);
  left: -46px;
  top: 43%;
}
.diagram-node .arrow_path_left[data-v-616a1197], .diagram-node .arrow_path_right[data-v-616a1197] {
  top: 50%;
}
.diagram-node .arrow_path_bottom[data-v-616a1197], .diagram-node .arrow_path_top[data-v-616a1197] {
  left: 50%;
}
.vue-universal-modal[data-v-1ff1f1af] {
  z-index: 4 !important;
}
.shape_modal[data-v-1ff1f1af] {
  width: 924px;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 32px;
}
.shape_modal__header[data-v-1ff1f1af]{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  line-height: 29px;
  color: #000000;
  margin-bottom: 24px;
}
.shape_modal__header_title_input_text[data-v-1ff1f1af] {
  background: #FFFFFF;
  border: 1px solid #C4C4C4;
  border-radius: 4px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.shape_modal__header_title_input_text[data-v-1ff1f1af] :focus-visible {
  border: 2px solid #febc2c !important;
  outline: none;
}
.shape_modal__header > span[data-v-1ff1f1af] {
  margin-right: 8px;
  padding-top: 7px;
  display: block;
  width: 28px;
  height: 28px;
  background: #FEBC2C;
  border-radius: 25px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #000000;
}
.shape_modal--btn[data-v-1ff1f1af] {
  float: right;
  padding: 9px 24px;
  margin-top: 32px;
  display: flex;
}
.shape_modal--btn.disabled[data-v-1ff1f1af] {
  background: #FFFFFF;
  border: 1px solid #D3D3D3;
}
.shape_modal--btn > span[data-v-1ff1f1af] {
  margin-right: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #D3D3D3;
}
.shape_modal__body > label[data-v-1ff1f1af] {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #4A4A4A;
  margin-bottom: 8px;
}
.shape_modal__header_title_input[data-v-1ff1f1af] {
  height: 40px;
  border-radius: 4px;
  padding: 7px 8px 7px 8px;
  border: 1px solid #D3D3D3;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
}
.vue-universal-modal[data-v-1ff1f1af] {
  background-color: rgba(34, 34, 40, 0.3) !important;
}
.diagram-node:hover .rightAction[data-v-1ff1f1af],
.diagram-node:hover .leftAction[data-v-1ff1f1af],
.diagram-node:hover .topAction[data-v-1ff1f1af],
.diagram-node:hover .bottomAction[data-v-1ff1f1af] {
  opacity: 1;
}
.rightAction[data-v-1ff1f1af],
.leftAction[data-v-1ff1f1af],
.topAction[data-v-1ff1f1af],
.bottomAction[data-v-1ff1f1af] {
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 4;
}
.diagram-box[data-v-1ff1f1af] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
.diagram-wrapper[data-v-1ff1f1af] {
  position: relative;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
}
.diagram-wrapper_side-data[data-v-1ff1f1af] {
  width: 120px;
  background-color: #F4B942;
  position: absolute;
  z-index: 2;
  padding: 0 5px;
}
.diagram-wrapper_side-data > div[data-v-1ff1f1af] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 180px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #1A1A2E;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.diagram-wrapper_side-data > div[data-v-1ff1f1af]:last-child {
  border-bottom: none;
}
.diagram-wrapper .leftAction[data-v-1ff1f1af], .diagram-wrapper .rightAction[data-v-1ff1f1af], .diagram-wrapper .arrow_path_left[data-v-1ff1f1af], .diagram-wrapper .arrow_path_right[data-v-1ff1f1af] {
  top: 50%;
}
.diagram-wrapper .topAction[data-v-1ff1f1af], .diagram-wrapper .bottomAction[data-v-1ff1f1af], .diagram-wrapper .arrow_path_bottom[data-v-1ff1f1af], .diagram-wrapper .arrow_path_top[data-v-1ff1f1af] {
  left: 50%;
}
.diagram-wrapper .leftAction[data-v-1ff1f1af] {
  left: 10px;
  transform: translate(-100%, -50%);
}
.diagram-wrapper .rightAction[data-v-1ff1f1af] {
  right: 9px;
  transform: translate(100%, -50%);
}
.diagram-wrapper .topAction[data-v-1ff1f1af] {
  transform: translate(-50%, -50%);
}
.diagram-wrapper .bottomAction[data-v-1ff1f1af] {
  bottom: 0;
  transform: translate(-50%, 50%);
}
.diagram-wrapper_box-diagram[data-v-1ff1f1af] {
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: scroll;
}
.diagram-wrapper .diagram-nodes[data-v-1ff1f1af] {
  height: 180px;
  padding-left: 120px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e5e7eb;
}
.diagram-wrapper .diagram-nodes > div[data-v-1ff1f1af] {
  height: 100%;
  display: flex;
  align-items: center;
}
.diagram-wrapper[data-v-1ff1f1af]::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
  height: 3px;
}
.diagram-wrapper[data-v-1ff1f1af]::-webkit-scrollbar {
  width: 2px;
  height: 3px;
  background-color: transparent;
}
.diagram-wrapper[data-v-1ff1f1af]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  height: 3px;
  background: #979797;
}
.diagram-wrapper[data-v-1ff1f1af]::-webkit-scrollbar-thumb:hover {
  background: #797979;
}
/* Readonly banner */
.diagram-readonly-banner[data-v-1ff1f1af] {
  padding: 8px 16px;
  background: #f9fafb;
  border-top: 1px solid #e5e7eb;
  font-size: 12px;
  color: #6b7280;
  text-align: center;
}
/* Legend */
.diagram-legend[data-v-1ff1f1af] {
  display: flex;
  justify-content: center;
  gap: 24px;
  padding: 12px 16px;
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
}
.diagram-legend__item[data-v-1ff1f1af] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #3F484C;
  font-weight: 500;
}
/* Modal — override legacy shape_modal with design system styles */
.shape_modal[data-v-1ff1f1af] {
  min-width: 480px;
  background: #fff;
  border-radius: 12px;
}
.shape_modal__header[data-v-1ff1f1af] {
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
}
.shape_modal__header_title_input[data-v-1ff1f1af] {
  font-size: 16px;
  font-weight: 600;
  color: #3F484C;
  border: none;
  outline: none;
  padding: 0;
  background: transparent;
}
.shape_modal__header_title_input[data-v-1ff1f1af]::-moz-placeholder {
  color: #9ca3af;
}
.shape_modal__header_title_input[data-v-1ff1f1af]::placeholder {
  color: #9ca3af;
}
.shape_modal__header_title_input[data-v-1ff1f1af]:focus {
  border-bottom: 2px solid #FFCC00;
}
.shape_modal__body[data-v-1ff1f1af] {
  padding: 16px 20px;
}
.shape_modal--btn[data-v-1ff1f1af] {
  display: block;
  margin: 0 20px 16px;
  width: calc(100% - 40px);
  background: #3F484C !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 10px 0 !important;
}.info-bar[data-v-4daed806] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #E6F1FB;
  border-left: 3px solid #378ADD;
  border-radius: 0 8px 8px 0;
  padding: 8px 14px;
  margin-bottom: 12px;
  cursor: default;
}
.info-bar__icon[data-v-4daed806] {
  stroke: #185FA5;
  flex-shrink: 0;
}
.info-bar span[data-v-4daed806] {
  font-size: 13px;
  color: #185FA5;
  line-height: 1.5;
}
.supplier-info-icon[data-v-4daed806] {
  display: inline-block;
  margin-left: 4px;
  font-size: 11px;
  color: #a7b6c4;
  cursor: default;
  vertical-align: middle;
}
.table_list_date_picker .dp__pointer[data-v-4daed806] {
  border: none !important;
  padding: 6px 12px 6px 0px !important;
  font-weight: 400;
  font-size: 16px;
}
.table_list_date_picker .dp__input_icon[data-v-4daed806] {
  padding: 0 !important;
}
.list-button[data-v-4daed806] {
  display: flex;
  width: 6rem;
  align-items: center;
  justify-content: center;
  background: #febc2c;
  color: black;
}
.list-button[data-v-4daed806]:hover {
  background: #febc2c;
}
.list-label[data-v-4daed806] {
  background: #ffffff;
  border: 1px solid #e8edf2 !important;
  border-radius: 6px;
  min-height: 30px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}
.list-label__add[data-v-4daed806] {
  position: absolute;
  top: 3px;
  background: white;
  border: 1px solid #bdbdbd !important;
  border-radius: 10px;
  margin-left: 20px;
  padding: 20px;
  padding-bottom: 5px;
}
.list-label__add > input[data-v-4daed806] {
  background: #f4f7fa;
  border-radius: 6px;
  padding-left: 10px;
  min-height: 56px;
}
.list-label__add > input[data-v-4daed806]:focus-visible {
  border-color: #febc2c;
  --tw-ring-color: #febc2c;
  outline: 1px solid #febc2c;
}
.list-col__editing[data-v-4daed806] {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 12px;
  display: flex;
  gap: 6px;
}
.list-col__editing > input[data-v-4daed806] {
  border: 1px dashed #bdbdbd !important;
  border-radius: 6px;
  height: 100%;
  width: 100%;
  padding-left: 22px;
}
.list-col__editing > input[data-v-4daed806]:focus-visible {
  border-color: #febc2c;
  --tw-ring-color: #febc2c;
  outline: 1px solid #febc2c;
}
.list-col__editing > .table_list_date_picker[data-v-4daed806] > :first-child > :first-child > :first-child > :first-child {
  padding-left: 24px !important;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #2e4050;
  border: 1px dashed #bdbdbd !important;
}
.list-col__editing > .table_list_date_picker[data-v-4daed806] > :first-child > :first-child > :first-child > :nth-child(2) {
  position: absolute;
  left: 83%;
}
.list-table[data-v-4daed806] {
  margin-top: 20px;
  margin-bottom: 10px;
}
.list-table[data-v-4daed806] :not(:last-child:is(tr)) {
  border-bottom: unset;
}
.list-table[data-v-4daed806] :first-child:is(tr) {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.list-table[data-v-4daed806] :last-child:is(tr) {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.list-row[data-v-4daed806] {
  min-height: 54px;
  grid-template-columns: 1fr 5fr;
  border: 1px solid #bdbdbd;
  background: white;
}
.list-row td[data-v-4daed806] {
  display: flex;
  align-items: center;
  padding-left: 30px;
}
.list-row[data-v-4daed806] > :first-child:is(td) {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #393f4f;
}
.list-row[data-v-4daed806] > :nth-child(2):is(td) {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #2e4050;
}.textarea-component > textarea[data-v-7d1ac42c] {
  resize: none;
  height: 60px;
}
.constructor__fields_for_fill[data-v-7d1ac42c] {
  margin: 0 auto;
  max-width: 948px;
}
.constructor__fields_for_fill label[data-v-7d1ac42c] {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 17px;
  color: #333333;
  margin-bottom: 8px;
}.table-row__body :first-child > td[data-v-db3c9cd1]:first-child {
  border-top-left-radius: 10px;
}
.table-row__body > tr[data-v-db3c9cd1]:first-child :last-child {
  border-top-right-radius: 10px;
}
.table-row__body > tr > td[data-v-db3c9cd1]:last-child {
  padding-left: 0px;
  padding-right: 0px;
}
.table-row__body > tr[data-v-db3c9cd1]:last-child :last-child {
  border-bottom-right-radius: 5px;
}
.table-row__body[data-v-db3c9cd1] :last-child :not(:last-child) {
  height: 61px;
}
.table-row__body :last-child > td[data-v-db3c9cd1] {
  border-bottom: 1px solid #d3d3d3;
}
.table-row__body :last-child > td[data-v-db3c9cd1]:first-child {
  border-bottom-left-radius: 10px;
}
.table-row__body :last-child > td[data-v-db3c9cd1]:last-child {
  border-bottom-right-radius: 10px;
}
.table-row__cell[data-v-db3c9cd1] {
  font-size: 14px;
  font-weight: 400;
  color: #7d7c85;
  line-height: 17px;
  letter-spacing: 0em;
  grid-template-columns: 11.9em repeat(4, 3rem) 1fr;
  text-align: left;
  display: grid;
  text-transform: capitalize;
}
.table-row__cell[data-v-db3c9cd1] :nth-child(2):not(:last-child):is(td.cell-empty):hover::after {
  content: "R";
}
.table-row__cell[data-v-db3c9cd1] :nth-child(3):not(:last-child):is(td.cell-empty):hover::after {
  content: "A";
}
.table-row__cell[data-v-db3c9cd1] :nth-child(4):not(:last-child):is(td.cell-empty):hover::after {
  content: "C";
}
.table-row__cell[data-v-db3c9cd1] :nth-child(5):not(:last-child):is(td.cell-empty):hover::after {
  content: "I";
}
.table-row__cell[data-v-db3c9cd1] :nth-child(n+2):not(:last-child):is(td):hover {
  border: 2px solid #febc2c !important;
}
.table-row__cell[data-v-db3c9cd1] :nth-child(n+2):not(:last-child):is(td):hover:is(.cell-empty) {
  color: rgb(125, 124, 133);
}
.table-row__cell[data-v-db3c9cd1] :first-child {
  border-bottom: none;
  border-right: none;
}
.table-row__cell td[data-v-db3c9cd1] {
  border: 1px solid #d3d3d3;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
}
.table-row__cell[data-v-db3c9cd1] :last-child {
  border-left: none !important;
}
.table-row__cell :last-child > tr:last-child .table-row__input[data-v-db3c9cd1] {
  margin-bottom: 2px;
}
.table-row__cell[data-v-db3c9cd1] :nth-last-child(2) {
  border-right: none;
}
.table-row__cell[data-v-db3c9cd1] :nth-last-child(3) {
  border-right: none !important;
}
.table-row__cell[data-v-db3c9cd1] :nth-child(2) {
  border-right: none !important;
}
.table-row__cell[data-v-db3c9cd1] :nth-child(3) {
  border-right: none !important;
}
.table-row__cell[data-v-db3c9cd1] :nth-child(n+2) {
  border: 1px solid #d3d3d3;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: center;
  color: #2e4050;
}
.table-row__cell[data-v-db3c9cd1] :nth-last-child(2),
.table-row__cell[data-v-db3c9cd1] :nth-child(2),
.table-row__cell[data-v-db3c9cd1] :nth-child(n+2) {
  border-bottom: none;
}
.table-row__header[data-v-db3c9cd1], .table-row__cell[data-v-db3c9cd1] {
  height: 60px;
}
.table-row__header td[data-v-db3c9cd1], .table-row__cell td[data-v-db3c9cd1] {
  align-items: center;
  display: flex;
  justify-content: center;
}
.table-row__header td[data-v-db3c9cd1]:first-child, .table-row__cell td[data-v-db3c9cd1]:first-child {
  justify-content: unset;
  padding-left: 1rem;
  min-width: 169px;
}
.table-row__header[data-v-db3c9cd1] {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  grid-template-columns: 10.45em repeat(4, 3rem) 1fr;
  letter-spacing: 0em;
  display: grid;
  text-transform: capitalize;
}
.table-row__header[data-v-db3c9cd1] :not(:first-child) {
  text-align: center;
}
.table-row__header[data-v-db3c9cd1] :last-child {
  border: none !important;
}
.table-row__header[data-v-db3c9cd1] :nth-last-child(2) {
  border-top-right-radius: 10px;
  border-right: none;
}
.table-row__header[data-v-db3c9cd1] :nth-last-child(3) {
  border-right: none !important;
}
.table-row__header[data-v-db3c9cd1] :nth-child(2) {
  border-top-left-radius: 10px;
  border-right: none !important;
}
.table-row__header[data-v-db3c9cd1] :nth-child(3) {
  border-right: none !important;
}
.table-row__header[data-v-db3c9cd1] :nth-child(n+2) {
  border: 1px solid #d3d3d3;
}
.table-row__header[data-v-db3c9cd1] :nth-last-child(2),
.table-row__header[data-v-db3c9cd1] :nth-child(2),
.table-row__header[data-v-db3c9cd1] :nth-child(n+2) {
  border-bottom: none;
}
.table-row__input[data-v-db3c9cd1] {
  height: 100%;
  width: 99%;
  padding-left: 0.5rem;
  padding-top: 0.25rem;
  margin-top: -4px;
  outline: none;
  resize: none;
  font-weight: 400;
  font-size: 16px;
  height: 54px;
  border-color: #d3d3d3 !important;
  border-top: none;
  border-bottom: 0.5px solid #d3d3d3;
  border-left: 0.5px solid #d3d3d3;
  border-right: 0.5px solid #d3d3d3;
}
.table-row__input[data-v-db3c9cd1]:focus {
  border: none !important;
  outline: 2.5px solid #febc2c;
  -webkit-appearance: none;
}
/* ── Shell ──────────────────────────────────────────────────────────── */
.ujm-shell[data-v-5650738c] {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}
.ujm-state-msg[data-v-5650738c] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: #6b7280;
  font-size: 0.875rem;
}

/* ── Journey bar ─────────────────────────────────────────────────────── */
.ujm-bar[data-v-5650738c] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.625rem 1rem;
  background: #3F484C;
  border-bottom: 2px solid #FFCC00;
  /* Export-only: clean static title shown when interactive tabs are hidden */
}
.ujm-bar__tabs[data-v-5650738c] {
  display: flex;
  gap: 0.375rem;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
}
.ujm-bar__tab[data-v-5650738c] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.125rem;
  padding: 0.3rem 0.7rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  cursor: pointer;
  transition: all 0.15s;
  color: rgba(255, 255, 255, 0.65);
}
.ujm-bar__tab--active[data-v-5650738c] {
  background: #FFCC00;
  border-color: #FFCC00;
  color: #3F484C;
}
.ujm-bar__tab--active .ujm-bar__tab-persona[data-v-5650738c] {
  color: #3F484C;
  opacity: 0.7;
}
.ujm-bar__tab[data-v-5650738c]:hover:not(.ujm-bar__tab--active) {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.ujm-bar__tab-name[data-v-5650738c] {
  font-size: 0.75rem;
  font-weight: 600;
}
.ujm-bar__tab-persona[data-v-5650738c] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.5);
}
.ujm-bar__export-title[data-v-5650738c] {
  display: none;
  flex: 1;
  align-items: center;
  gap: 0.75rem;
  padding: 0 0.5rem;
}
[data-export-only=true] .ujm-bar__export-title[data-v-5650738c], .ujm-bar__export-title[data-export-only=true][data-v-5650738c] {
  display: flex;
}
.ujm-bar__export-name[data-v-5650738c] {
  font-size: 0.85rem;
  font-weight: 600;
  color: white;
}
.ujm-bar__export-persona[data-v-5650738c] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.12);
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
}

/* ── Grid ────────────────────────────────────────────────────────────── */
.ujm-grid-wrap[data-v-5650738c] {
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow: auto;
  scrollbar-gutter: stable;
}
.ujm-grid[data-v-5650738c] {
  display: flex;
  flex-direction: column;
  min-width: -moz-fit-content;
  min-width: fit-content;
  border: 1px solid #e5e7eb;
  border-top: none;
  border-radius: 0 0 0.5rem 0.5rem;
}

/* ── Rows ─────────────────────────────────────────────────────────────── */
.ujm-row[data-v-5650738c] {
  display: flex;
  min-height: 90px;
  border-bottom: 1px solid #e5e7eb;
}
.ujm-row--stages[data-v-5650738c] {
  min-height: 68px;
  background: #f9fafb;
}
.ujm-row--good[data-v-5650738c] {
  background: #f0fdf4;
}
.ujm-row--pain[data-v-5650738c] {
  background: #fff5f5;
}
.ujm-row--impr[data-v-5650738c] {
  background: #fefce8;
}
.ujm-row--last[data-v-5650738c] {
  border-bottom: none;
}
.ujm-row__lbl[data-v-5650738c] {
  flex-shrink: 0;
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background: #3F484C;
  color: white;
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-align: center;
  line-height: 1.3;
  border-right: 2px solid #FFCC00;
}
.ujm-row__cells[data-v-5650738c] {
  display: flex;
  flex: 1;
}

/* ── Chevrons ─────────────────────────────────────────────────────────── */
.ujm-chevron[data-v-5650738c] {
  flex: 0 0 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  padding: 0.5rem 1rem 0.5rem 1.2rem;
  background: #3F484C;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%);
  margin-right: 2px;
  cursor: pointer;
  transition: background 0.15s;
  border: none;
  outline: none;
}
.ujm-chevron--first[data-v-5650738c] {
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%);
  padding-left: 0.75rem;
}
.ujm-chevron--draft[data-v-5650738c] {
  background: #6b7280;
}
.ujm-chevron[data-v-5650738c]:hover {
  background: #FFCC00;
}
.ujm-chevron:hover .ujm-chevron__name[data-v-5650738c] {
  color: #3F484C;
}
.ujm-chevron__name[data-v-5650738c] {
  color: white;
  font-size: 0.65rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
  word-break: break-word;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
}
.ujm-friction[data-v-5650738c] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.4em;
  line-height: 1.4em;
  font-size: 0.55rem;
  font-weight: 700;
  padding: 0 0.3rem;
  border-radius: 9999px;
  vertical-align: middle;
}
.ujm-friction--none[data-v-5650738c] {
  background: #e5e7eb;
  color: #6b7280;
}
.ujm-friction--amber[data-v-5650738c] {
  background: #FFCC00;
  color: #3F484C;
}
.ujm-friction--red[data-v-5650738c] {
  background: #fee2e2;
  color: #dc2626;
}
.ujm-chevron-add[data-v-5650738c] {
  flex: 0 0 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin: 8px;
  border: 2px dashed #d1d5db;
  border-radius: 0.375rem;
  background: transparent;
  color: #9ca3af;
  font-size: 0.65rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
}
.ujm-chevron-add[data-v-5650738c]:hover:not(:disabled) {
  border-color: #FFCC00;
  color: #3F484C;
}
.ujm-chevron-add[data-v-5650738c]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ujm-chevron-add--disabled[data-v-5650738c] {
  opacity: 0.4;
  cursor: not-allowed;
  border-color: #e5e7eb;
  color: #d1d5db;
}

/* ── Data cells ──────────────────────────────────────────────────────── */
.ujm-cell[data-v-5650738c] {
  flex: 0 0 160px;
  padding: 0.5rem;
  border-right: 1px solid #e5e7eb;
  font-size: 0.7rem;
  color: #374151;
  cursor: pointer;
  line-height: 1.4;
  overflow: hidden;
  transition: background 0.1s;
  vertical-align: middle;
}
.ujm-cell[data-v-5650738c]:hover {
  background: rgba(255, 204, 0, 0.06);
}
.ujm-cell[data-v-5650738c]:last-child {
  border-right: none;
}
.ujm-cell--center[data-v-5650738c] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ujm-cell--chips[data-v-5650738c] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  align-content: center;
  align-items: center;
}
.ujm-cell__text[data-v-5650738c] {
  display: block;
}
.ujm-cell__empty[data-v-5650738c] {
  color: #d1d5db;
  font-style: italic;
  font-size: 0.65rem;
}

/* ── Chips ─────────────────────────────────────────────────────────────── */
.ujm-chip[data-v-5650738c] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  padding: 0 0.4rem;
  border-radius: 9999px;
  background: #e5e7eb;
  color: #3F484C;
  font-size: 0.6rem;
  font-weight: 500;
  height: 1.5em;
  line-height: 1.5em;
  vertical-align: middle;
}
.ujm-chip--process[data-v-5650738c] {
  background: #FFCC00;
}
.ujm-chip--edit[data-v-5650738c] {
  background: #e5e7eb;
  color: #374151;
  font-size: 0.75rem;
  padding: 0.2rem 0.6rem;
}

/* ── Lists ─────────────────────────────────────────────────────────────── */
.ujm-list[data-v-5650738c] {
  list-style: disc;
  padding-left: 0.875rem;
  font-size: 0.7rem;
}
.ujm-list--good li[data-v-5650738c] {
  color: #166534;
}
.ujm-list--pain li[data-v-5650738c] {
  color: #991b1b;
}

/* ── Rating badge ──────────────────────────────────────────────────────── */
.ujm-rating-badge[data-v-5650738c] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.55rem;
  border-radius: 9999px;
  font-size: 0.65rem;
  font-weight: 600;
  border: 1px solid;
  height: 1.6em;
  line-height: 1.6em;
  vertical-align: middle;
}
.ujm-rating-badge--positive[data-v-5650738c] {
  background: #f0fdf4;
  color: #166534;
  border-color: #bbf7d0;
}
.ujm-rating-badge--neutral[data-v-5650738c] {
  background: rgba(255, 204, 0, 0.1);
  color: #92400e;
  border-color: #FFCC00;
}
.ujm-rating-badge--negative[data-v-5650738c] {
  background: #fff5f5;
  color: #991b1b;
  border-color: #fecaca;
}

/* ── Buttons ───────────────────────────────────────────────────────────── */
.ujm-btn[data-v-5650738c] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.15s;
}
.ujm-btn--sm[data-v-5650738c] {
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
}
.ujm-btn--primary[data-v-5650738c] {
  background: #FFCC00;
  color: #3F484C;
}
.ujm-btn--primary[data-v-5650738c]:hover {
  background: #f5c400;
}
.ujm-btn--primary[data-v-5650738c]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.ujm-btn--outline[data-v-5650738c] {
  background: white;
  border-color: #d1d5db;
  color: #374151;
}
.ujm-btn--outline[data-v-5650738c]:hover {
  border-color: #FFCC00;
}
.ujm-btn--danger[data-v-5650738c] {
  background: #fee2e2;
  color: #dc2626;
  border-color: #fca5a5;
}
.ujm-btn--danger[data-v-5650738c]:hover {
  background: #fecaca;
}
.ujm-icon-btn[data-v-5650738c] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.375rem;
  border: none;
  background: transparent;
  cursor: pointer;
}
.ujm-icon-btn[data-v-5650738c]:hover {
  background: #f3f4f6;
}

/* ── Form controls ──────────────────────────────────────────────────────── */
.ujm-lbl[data-v-5650738c] {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  margin-bottom: 0.375rem;
}
.ujm-input[data-v-5650738c],
.ujm-textarea[data-v-5650738c],
.ujm-select[data-v-5650738c] {
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  outline: none;
  font-family: inherit;
}
.ujm-input[data-v-5650738c]:focus,
.ujm-textarea[data-v-5650738c]:focus,
.ujm-select[data-v-5650738c]:focus {
  border-color: #FFCC00;
  box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.2);
}
.ujm-textarea[data-v-5650738c] {
  resize: none;
}
.ujm-select[data-v-5650738c] {
  background: white;
}
.ujm-chip-row[data-v-5650738c] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.625rem;
}
.ujm-chips-edit[data-v-5650738c] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.ujm-edit-list[data-v-5650738c] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.ujm-edit-list__item[data-v-5650738c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
  background: #f9fafb;
}
.ujm-edit-list__item--good[data-v-5650738c] {
  background: #f0fdf4;
}
.ujm-edit-list__item--pain[data-v-5650738c] {
  background: #fff5f5;
}

/* ── Rating picker ──────────────────────────────────────────────────────── */
.ujm-rating-picker[data-v-5650738c] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  padding: 1.5rem 0;
}
.ujm-rating-opt[data-v-5650738c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  border: 2px solid #e5e7eb;
  background: white;
  cursor: pointer;
  transition: all 0.15s;
}
.ujm-rating-opt[data-v-5650738c]:hover {
  border-color: #FFCC00;
}
.ujm-rating-opt--sel.ujm-rating-opt--neg[data-v-5650738c] {
  border-color: #dc2626;
  background: #fff5f5;
}
.ujm-rating-opt--sel.ujm-rating-opt--neu[data-v-5650738c] {
  border-color: #FFCC00;
  background: rgba(255, 204, 0, 0.1);
}
.ujm-rating-opt--sel.ujm-rating-opt--pos[data-v-5650738c] {
  border-color: #16a34a;
  background: #f0fdf4;
}
.ujm-rating-icon[data-v-5650738c] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 800;
  background: #f3f4f6;
  color: #6b7280;
}
.ujm-rating-opt--neg .ujm-rating-icon[data-v-5650738c] {
  background: #fee2e2;
  color: #dc2626;
}
.ujm-rating-opt--neu .ujm-rating-icon[data-v-5650738c] {
  background: rgba(255, 204, 0, 0.15);
  color: #92400e;
}
.ujm-rating-opt--pos .ujm-rating-icon[data-v-5650738c] {
  background: #dcfce7;
  color: #16a34a;
}

/* ── Modal ──────────────────────────────────────────────────────────────── */
.ujm-overlay[data-v-5650738c] {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ujm-modal[data-v-5650738c] {
  background: white;
  border-radius: 0.75rem;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  width: 720px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}
.ujm-modal--sm[data-v-5650738c] {
  width: 420px;
}
.ujm-modal__head[data-v-5650738c] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e5e7eb;
}
.ujm-modal__title[data-v-5650738c] {
  font-size: 1rem;
  font-weight: 600;
  color: #111827;
}
.ujm-modal__sub[data-v-5650738c] {
  font-size: 0.75rem;
  color: #6b7280;
  margin-top: 0.1rem;
}
.ujm-modal__body[data-v-5650738c] {
  display: flex;
  flex: 1;
  min-height: 0;
}
.ujm-modal__pane[data-v-5650738c] {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
}
.ujm-modal__help[data-v-5650738c] {
  font-size: 0.75rem;
  color: #6b7280;
  background: #f9fafb;
  border-radius: 0.375rem;
  padding: 0.625rem 0.75rem;
  margin-bottom: 1.25rem;
  line-height: 1.5;
}
.ujm-modal__foot[data-v-5650738c] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-top: 1px solid #e5e7eb;
}

/* ── Rail ───────────────────────────────────────────────────────────────── */
.ujm-rail[data-v-5650738c] {
  flex-shrink: 0;
  width: 176px;
  border-right: 1px solid #e5e7eb;
  padding: 0.75rem 0;
  overflow-y: auto;
}
.ujm-rail__btn[data-v-5650738c] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 1rem;
  text-align: left;
  font-size: 0.7rem;
  cursor: pointer;
  background: transparent;
  border: none;
  transition: all 0.1s;
  color: #6b7280;
}
.ujm-rail__btn--active[data-v-5650738c] {
  background: rgba(255, 204, 0, 0.1);
  color: #3F484C;
  font-weight: 600;
}
.ujm-rail__btn--done[data-v-5650738c] {
  color: #16a34a;
}
.ujm-rail__btn[data-v-5650738c]:hover:not(.ujm-rail__btn--active) {
  color: #111827;
}
.ujm-rail__num[data-v-5650738c] {
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  font-weight: 700;
  background: #e5e7eb;
  color: #6b7280;
}
.ujm-rail__btn--active .ujm-rail__num[data-v-5650738c] {
  background: #FFCC00;
  color: #3F484C;
}
.ujm-rail__btn--done .ujm-rail__num[data-v-5650738c] {
  background: #16a34a;
  color: white;
}
.ujm-rail__lbl[data-v-5650738c] {
  line-height: 1.3;
}

/* ── Review labels ──────────────────────────────────────────────────────── */
.ujm-rev-lbl[data-v-5650738c] {
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #9ca3af;
  margin-bottom: 0.25rem;
}.acceptance_procedure_grid textarea[data-v-c4695024] {
  height: 60px;
  resize: none;
}
.field-input__checkbox[data-v-c4695024]:focus-visible {
  border-color: #febc2c;
  --tw-ring-color: #febc2c;
  outline: 1px solid #febc2c;
}
.constructor__list_fields .wrapper_forms[data-v-c4695024] {
  margin: 0 auto;
  max-width: 948px;
}
.constructor__list_fields .wrapper_forms .dp__input[data-v-c4695024] {
  border: 1px solid #c4c4c4 !important;
  height: 42px;
}
.constructor__list_fields .wrapper_forms .group-fields[data-v-c4695024] {
  margin-bottom: 18px;
}
.constructor__list_fields .wrapper_forms .group-fields__title[data-v-c4695024] {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #4a4a4a;
  margin-bottom: 8px;
}
.constructor__list_fields .wrapper_forms .group-fields__description[data-v-c4695024] {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #6a869f;
}
.constructor__list_fields .wrapper_forms .group-fields label[data-v-c4695024] {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #6a869f;
}
.constructor__list_fields .wrapper_forms .group-fields--checkbox_form span[data-v-c4695024] {
  margin-left: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #333333;
}.benefits-empty-state[data-v-fa6d2c06] {
  background-color: #ffffff;
  border: 1px dashed #a7b6c4;
  border-radius: 12px;
  margin: 40px auto;
  max-width: 480px;
}
.matrix-container[data-v-fa6d2c06] {
  grid-template-columns: 200px 1fr;
  grid-template-rows: 200px 1fr;
  display: grid;
  overflow: auto;
  gap: 16px;
}
.matrix-container__box[data-v-fa6d2c06] {
  border-radius: 6px;
  background-color: #e3ebf2;
}
.matrix-container__horizont[data-v-fa6d2c06] {
  display: grid;
  grid-auto-columns: 50px;
  gap: 16px;
}
.matrix-container__horizont__item[data-v-fa6d2c06] {
  border-radius: 6px;
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #febc2c;
}
.matrix-container__horizont__item span[data-v-fa6d2c06] {
  transform: rotate(180deg);
  writing-mode: vertical-lr;
  min-width: 23px;
}
.matrix-container__vertical[data-v-fa6d2c06] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.matrix-container__vertical__item[data-v-fa6d2c06] {
  border-radius: 6px;
  background-color: #6a869f;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.matrix-container__vertical__item span[data-v-fa6d2c06] {
  min-height: 23px;
}
.matrix-container__cells[data-v-fa6d2c06] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}
.matrix-container__cells--row[data-v-fa6d2c06] {
  width: 100%;
  display: grid;
  grid-auto-columns: 50px;
  gap: 16px;
}
.matrix-container__cells--item[data-v-fa6d2c06] {
  height: 50px;
  grid-row: 1/2;
  border-radius: 6px;
  background-color: #e3ebf2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.matrix-container__cells--item span[data-v-fa6d2c06] {
  width: 50%;
  height: 50%;
}
.matrix-container__cells--item span.active[data-v-fa6d2c06] {
  border-radius: 6px;
  background-color: #febc2c;
}
.matrix-container__cells--item span.inactive[data-v-fa6d2c06] {
  border-radius: 6px;
  background-color: #2e4050;
}
.risks_and_mitigations_assumptions > :nth-child(1):is(.field-group) input, .risks_and_mitigations_risks > :nth-child(1):is(.field-group) input, .risks_and_mitigations_issues > :nth-child(1):is(.field-group) input {
  height: 60px !important;
}
.risks_and_mitigations_assumptions > :nth-child(n):is(.field-group) textarea, .risks_and_mitigations_risks > :nth-child(n):is(.field-group) textarea, .risks_and_mitigations_issues > :nth-child(n):is(.field-group) textarea {
  resize: none;
}
.risks_and_mitigations_assumptions > :nth-child(2):is(.field-group) textarea, .risks_and_mitigations_risks > :nth-child(2):is(.field-group) textarea, .risks_and_mitigations_issues > :nth-child(2):is(.field-group) textarea {
  height: 60px !important;
}
.multi_fields_dropdown {
  font-size: 16px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1679px) {
.multi_fields_dropdown {
    text-align: center;
}
}
.multi_fields_dropdown_empty {
  justify-content: right;
}
.multi_fields_dropdown::after {
  content: "❮";
  right: auto;
  margin-left: 4px;
  position: relative;
  transform: rotate(270deg);
  display: inline-block;
}
.constructor__multi-fields .left_panel {
  background-color: #eaf0f5;
}
.constructor__multi-fields .left_panel__title {
  color: #2e4050;
  font-size: 16px;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.constructor__multi-fields .left_panel__item {
  color: #2e4050;
  font-size: 16px;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  background-color: var(--white, #fff);
  border: 1px solid var(--white, #fff);
}
.constructor__multi-fields .left_panel__item--active {
  color: #2e4050;
  font-size: 16px;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  background-color: var(--white, #fff);
  border: 1px solid var(--yellow, #febc2c);
}
.constructor__multi-fields .left_panel__item input {
  background-color: var(--white, #fff);
  border: 1px solid var(--white, #fff);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.constructor__multi-fields .left_panel__add-button {
  border: 1px dashed var(--grey-icons, #a7b6c4);
  background: var(--grey-light, #e3ebf2);
}
.constructor__multi-fields .left_panel__add-button button {
  margin: 0;
  height: 31px;
  width: 32px;
  background-color: #a7b6c4 !important;
  border-radius: 6px;
}
.constructor__multi-fields .wrapper_forms {
  max-width: 1020px;
}
.constructor__multi-fields .wrapper_forms_project_brief > :nth-child(n+3) > :nth-child(n), .constructor__multi-fields .wrapper_forms_project_brief > :nth-child(n+3) > :nth-child(n) > .grid {
  grid-template-columns: 1fr 1fr !important;
}
.constructor__multi-fields .wrapper_forms .textarea-component__field-textarea {
  height: 132px !important;
}
.constructor__multi-fields .wrapper_forms .dp__input {
  border: 1px solid #c4c4c4 !important;
  height: 42px;
  padding-left: 0.75rem !important;
}[data-v-63aea541] .field-label__head {
  font-weight: bold;
}
[data-v-63aea541] .grid > :nth-child(4):is(.switch_checkbox_container) {
  justify-self: center;
}
[data-v-63aea541] .grid > :nth-child(4):is(.switch_checkbox_container) > .field-label {
  text-align: center;
}
[data-v-63aea541] .field-group > .checkbox_switch > .switch {
  transform: scale(0.75);
}
[data-v-63aea541] .box--action {
  width: 25px;
  right: 0;
  top: 0;
  cursor: pointer;
  pointer-events: all;
  visibility: visible;
  z-index: 5;
}
[data-v-63aea541] .box--action svg {
  stroke: rgb(185, 28, 28);
}
/* ── Tree connector lines ──
   We draw our own arrowless SVG lines, so disable the blocks-tree library defaults. */
.organization-pyramidal .org-tree-node-children {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.organization-pyramidal .org-tree-node::after,
.organization-pyramidal .org-tree-node::before,
.organization-pyramidal .org-tree-node-children::after,
.organization-pyramidal .org-tree-node-children::before,
.organization-pyramidal .org-tree-node-label::after,
.organization-pyramidal .org-tree-node-label::before {
  content: none !important;
  border: none !important;
  background: none !important;
}

/* Align the tree canvas to the top-left of the scrollable content area so the
   scrollable bounding box starts at (0,0) and negative node coordinates can be
   shifted into view by normaliseBounds(). */
.organization-pyramidal {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  width: 100%;
}
.is-single-node.organization-pyramidal {
  align-items: flex-start;
}
.content-organization-pyramidal {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  width: 100%;
}
.is-single-node .content-organization-pyramidal {
  align-items: flex-start;
}
.org-map-tree-wrapper {
  position: relative;
  display: block;
  box-sizing: border-box;
  flex-shrink: 0;
}
.org-line-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

/* Shared hover area for the node card and its add-child/sibling arrows. The padding
   extends the hover region so the cursor can travel from the card to the arrow
   without the action disappearing. */
.org-node-hover-area {
  position: relative;
  padding: 0 30px 30px 0;
  box-sizing: border-box;
}

/* ── Node card ── */
.org-node-card {
  width: 220px;
  min-height: 100px;
  background: #fff;
  border: 2px solid #3F484C;
  border-radius: 8px;
  padding: 10px 12px;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.15s, box-shadow 0.15s;
  position: relative;
}
.org-node-card:hover {
  border-color: #FFCC00;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.org-node-card--future {
  border-style: dashed;
  background: #F9FAFB;
}
.org-node-card--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  border: 2px dashed #f59e0b;
  background: #f4f7fa;
}
.org-node-card__division {
  font-size: 10px;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.org-node-card__role {
  font-size: 13px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 4px;
  line-height: 1.3;
}
.org-node-card__meta {
  font-size: 11px;
  color: #6b7280;
  margin-bottom: 2px;
}
.org-node-card__emp-type {
  text-transform: capitalize;
}
.org-node-card__fte {
  font-size: 11px;
  color: #374151;
  margin-bottom: 2px;
}
.org-node-card__location {
  font-size: 10px;
  color: #6b7280;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.org-node-card__add-btn {
  width: 28px;
  height: 28px;
  background: #f59e0b;
  border: none;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* ── "Click here to start" label ── */
.click-label {
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  left: 230px;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  color: #374151;
}
.click-label span {
  font-weight: 700;
  color: #FFCC00;
}

/* ── Delete button (VSOM pattern: faint cross, top-right corner, hover only, with confirm) ── */
.delete-item-pyramid {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 5;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d1d5db;
  border: 1px solid #d1d5db;
  font-size: 11px;
  opacity: 0;
  background: transparent;
  cursor: pointer;
  transition: all 0.15s ease;
}
.delete-item-pyramid:hover {
  background: #f3f4f6;
  color: #6b7280;
  border-color: #6b7280;
}
.org-node-card:hover .delete-item-pyramid {
  opacity: 1;
}

/* ── Add-child / add-sibling action buttons ── */
.wrapper-actions {
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 30px;
  left: 0;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  z-index: 4;
  transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s ease;
  transition-delay: 0.15s; /* delay hide so the cursor can reach the arrow */
}
.org-node-hover-area:hover .wrapper-actions {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s; /* show immediately on hover */
}
.tree-node-action {
  position: absolute;
  width: 26px;
  height: 26px;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #374151;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease;
  pointer-events: auto;
}
.tree-node-action:hover {
  background: #FFCC00;
  border-color: #FFCC00;
  transform: scale(1.1);
}
.tree-node-action.down {
  left: 50%;
  bottom: -13px;
  transform: translateX(-50%);
}
.tree-node-action.right {
  right: -13px;
  top: 50%;
  transform: translateY(-50%);
}

/* ── Item box positioning ── */
.item-box {
  padding: 0 8px 28px;
}
.wrapper {
  position: relative;
  display: inline-block;
}

/* ── Modal overlay ── */
.org-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.org-modal-card {
  background: #fff;
  border-radius: 12px;
  width: 680px;
  max-width: 95vw;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.org-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #f3f4f6;
}
.org-modal-header h2 {
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.org-modal-close {
  background: none;
  border: none;
  cursor: pointer;
  color: #6b7280;
  padding: 4px;
  display: flex;
}
.org-modal-close:hover {
  color: #111;
}
.org-modal-body {
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.org-modal-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.org-modal-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.org-modal-field label {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  display: flex;
  align-items: center;
  gap: 8px;
}
.org-modal-field input[type=text],
.org-modal-field input[type=number],
.org-modal-field select {
  height: 38px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 0 10px;
  font-size: 13px;
  color: #1f2937;
  outline: none;
  width: 100%;
  box-sizing: border-box;
}
.org-modal-field input[type=text]:focus,
.org-modal-field input[type=number]:focus,
.org-modal-field select:focus {
  border-color: #FFCC00;
  box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.2);
}
.org-modal-ai-btn {
  font-size: 10px;
  font-weight: 500;
  color: #9ca3af;
  background: #f3f4f6;
  padding: 2px 6px;
  border-radius: 4px;
  cursor: not-allowed;
  margin-left: auto;
}
.org-modal-salary-row {
  display: flex;
  gap: 6px;
}
.org-modal-currency-select {
  width: 90px !important;
  flex-shrink: 0;
}

/* Toggle */
.org-modal-toggle-row {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 38px;
}
.org-modal-toggle {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.org-modal-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.org-modal-toggle-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: #d1d5db;
  border-radius: 12px;
  transition: 0.2s;
}
.org-modal-toggle-slider:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background: #fff;
  border-radius: 50%;
  transition: 0.2s;
}
.org-modal-toggle input:checked + .org-modal-toggle-slider {
  background: #FFCC00;
}
.org-modal-toggle input:checked + .org-modal-toggle-slider:before {
  transform: translateX(20px);
}
.org-modal-toggle-label {
  font-size: 13px;
  color: #374151;
  font-weight: 500;
}

/* Radio */
.org-modal-radio-row {
  display: flex;
  gap: 20px;
  height: 38px;
  align-items: center;
}
.org-modal-radio-option {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 13px;
  color: #374151;
  font-weight: 500;
}
.org-modal-radio-option input[type=radio] {
  accent-color: #FFCC00;
  width: 15px;
  height: 15px;
}

/* Footer */
.org-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-top: 1px solid #f3f4f6;
  background: #fafafa;
}
.org-modal-footer-right {
  display: flex;
  gap: 10px;
}
.org-modal-btn {
  height: 36px;
  padding: 0 18px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: 0.15s;
}
.org-modal-btn--primary {
  background: #FFCC00;
  color: #1f2937;
}
.org-modal-btn--primary:hover:not(:disabled) {
  background: #e6b800;
}
.org-modal-btn--primary:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.org-modal-btn--cancel {
  background: #f3f4f6;
  color: #374151;
}
.org-modal-btn--cancel:hover {
  background: #e5e7eb;
}
.org-modal-btn--danger {
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fca5a5;
}
.org-modal-btn--danger:hover {
  background: #fee2e2;
}
.organisation_map-wrapper[data-v-38eadcd9] {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.legend-item[data-v-38eadcd9] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.legend-dot[data-v-38eadcd9] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #3F484C;
  display: inline-block;
  flex-shrink: 0;
}
.legend-dot--current[data-v-38eadcd9] {
  background: #fff;
}
.legend-dot--future[data-v-38eadcd9] {
  background: #F9FAFB;
  border-style: dashed;
}
.organisation_map[data-v-38eadcd9] {
  background-color: #f4f7fa;
  flex: 1;
  position: relative;
  overflow: auto;
  scrollbar-gutter: stable;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px;
}
.org-map-hint[data-v-38eadcd9] {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #6B7280;
  z-index: 10;
  pointer-events: none;
}
.org-map-hint-dot[data-v-38eadcd9] {
  color: #9AA0A8;
  font-size: 13px;
}
.organisation_map > .constructor__tree_fields[data-v-38eadcd9] {
  flex: 1;
  width: 100%;
  min-height: 0;
}
.organisation_map .wrapper-body[data-v-38eadcd9],
.organisation_map .constructor__tree_fields-item__body[data-v-38eadcd9] {
  height: 100%;
}

/* ── Map header (zoom controls only; breadcrumb lives in FormHeaderSwitcher) ── */
.org-map-header[data-v-38eadcd9] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  height: 44px;
  margin-bottom: 8px;
  padding: 0;
  background: transparent;
  border-bottom: none;
  z-index: 10;
}
.org-map-header__tools[data-v-38eadcd9] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.org-map-zoom[data-v-38eadcd9] {
  display: flex;
  align-items: center;
  gap: 2px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #ffffff;
  padding: 2px;
}
.org-map-zoom__btn[data-v-38eadcd9] {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: none;
  background: transparent;
  color: #5F5E5A;
  cursor: pointer;
  transition: background 0.15s;
}
.org-map-zoom__btn[data-v-38eadcd9]:hover {
  background: #F4F7FA;
}
.org-map-zoom__pct[data-v-38eadcd9] {
  width: 38px;
  text-align: center;
  font-size: 11px;
  color: #5F5E5A;
  font-variant-numeric: tabular-nums;
}
.org-map-fit-btn[data-v-38eadcd9] {
  height: 28px;
  padding: 0 10px;
  border-radius: 6px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  font-size: 12px;
  font-weight: 500;
  color: #5F5E5A;
  cursor: pointer;
  transition: background 0.15s;
}
.org-map-fit-btn[data-v-38eadcd9]:hover {
  background: #F4F7FA;
}

/* ── Legend (pinned outside the canvas, bottom-left) ── */
.legend[data-v-38eadcd9] {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 44px;
  background-color: #fff;
  padding: 0 15px;
  border-top: 1px solid #e5e7eb;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 600;
}
.org-prompt-panel[data-v-38eadcd9] {
  flex: 1;
  background: #f4f7fa;
  display: flex;
  align-items: center;
  justify-content: center;
}
.org-prompt-content[data-v-38eadcd9] {
  background: #fff;
  border-radius: 12px;
  padding: 40px 48px;
  text-align: center;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  max-width: 480px;
}
.org-prompt-title[data-v-38eadcd9] {
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 12px;
}
.org-prompt-text[data-v-38eadcd9] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 24px;
  line-height: 1.6;
}
.org-prompt-actions[data-v-38eadcd9] {
  display: flex;
  gap: 12px;
  justify-content: center;
}
.org-prompt-btn[data-v-38eadcd9] {
  height: 40px;
  padding: 0 20px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: 0.15s;
}
.org-prompt-btn--primary[data-v-38eadcd9] {
  background: #FFCC00;
  color: #1f2937;
}
.org-prompt-btn--primary[data-v-38eadcd9]:hover {
  background: #e6b800;
}
.org-prompt-btn--secondary[data-v-38eadcd9] {
  background: #f3f4f6;
  color: #374151;
}
.org-prompt-btn--secondary[data-v-38eadcd9]:hover {
  background: #e5e7eb;
}

/* ── AI modal ── */
.org-ai-overlay[data-v-38eadcd9] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 9998;
  display: flex;
  align-items: center;
  justify-content: center;
}
.org-ai-modal[data-v-38eadcd9] {
  background: #fff;
  border-radius: 12px;
  width: 500px;
  max-width: 95vw;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}
.org-ai-header[data-v-38eadcd9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #f3f4f6;
}
.org-ai-header h2[data-v-38eadcd9] {
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.org-ai-close[data-v-38eadcd9] {
  background: none;
  border: none;
  cursor: pointer;
  color: #6b7280;
  padding: 4px;
  display: flex;
}
.org-ai-close[data-v-38eadcd9]:hover {
  color: #111;
}
.org-ai-body[data-v-38eadcd9] {
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.org-ai-desc[data-v-38eadcd9] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
  line-height: 1.6;
  background: #fefce8;
  border: 1px solid #fde68a;
  border-radius: 6px;
  padding: 10px 12px;
}
.org-ai-field[data-v-38eadcd9] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.org-ai-field label[data-v-38eadcd9] {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}
.org-ai-field input[type=text][data-v-38eadcd9],
.org-ai-field select[data-v-38eadcd9] {
  height: 38px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 0 10px;
  font-size: 13px;
  color: #1f2937;
  outline: none;
  width: 100%;
  box-sizing: border-box;
}
.org-ai-field input[type=text][data-v-38eadcd9]:focus,
.org-ai-field select[data-v-38eadcd9]:focus {
  border-color: #FFCC00;
  box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.2);
}
.org-ai-radio-group[data-v-38eadcd9] {
  display: flex;
  gap: 20px;
}
.org-ai-radio[data-v-38eadcd9] {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 13px;
  color: #374151;
  font-weight: 500;
}
.org-ai-radio input[type=radio][data-v-38eadcd9] {
  accent-color: #FFCC00;
  width: 15px;
  height: 15px;
}
.org-ai-footer[data-v-38eadcd9] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 24px;
  border-top: 1px solid #f3f4f6;
  background: #fafafa;
}
.org-ai-btn[data-v-38eadcd9] {
  height: 36px;
  padding: 0 18px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: 0.15s;
}
.org-ai-btn--primary[data-v-38eadcd9] {
  background: #FFCC00;
  color: #1f2937;
}
.org-ai-btn--primary[data-v-38eadcd9]:hover:not(:disabled) {
  background: #e6b800;
}
.org-ai-btn--primary[data-v-38eadcd9]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.org-ai-btn--cancel[data-v-38eadcd9] {
  background: #f3f4f6;
  color: #374151;
}
.org-ai-btn--cancel[data-v-38eadcd9]:hover {
  background: #e5e7eb;
}.org-table-wrapper[data-v-97e31dda] {
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
}

/* Empty state */
.org-table-empty[data-v-97e31dda] {
  text-align: center;
  padding: 64px 24px;
  color: #9ca3af;
}
.org-table-empty p[data-v-97e31dda] {
  margin: 0 0 8px;
  font-size: 14px;
}
.org-table-empty-hint[data-v-97e31dda] {
  font-size: 13px !important;
}

/* Read-only notice */
.org-table-notice[data-v-97e31dda] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  min-height: 44px;
  margin-bottom: 8px;
  padding: 8px 14px;
  background: #fefce8;
  border: 1px solid #fde68a;
  border-radius: 6px;
  font-size: 12px;
  color: #92400e;
}

/* Scroll wrapper */
.org-table-scroll[data-v-97e31dda] {
  flex: 1;
  min-height: 0;
  overflow: auto;
  scrollbar-gutter: stable;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}

/* Table */
.org-table[data-v-97e31dda] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  min-width: 1100px;
}
.org-table thead tr[data-v-97e31dda] {
  background: #f9fafb;
  border-bottom: 2px solid #e5e7eb;
}
.org-table th[data-v-97e31dda] {
  padding: 10px 12px;
  font-weight: 600;
  color: #374151;
  text-align: left;
  white-space: nowrap;
}
.org-table th.num[data-v-97e31dda] {
  text-align: right;
}
.org-table th.center[data-v-97e31dda] {
  text-align: center;
}
.org-table tbody tr[data-v-97e31dda] {
  border-bottom: 1px solid #f3f4f6;
  transition: background 0.1s;
}
.org-table tbody tr[data-v-97e31dda]:hover {
  background: #fafafa;
}
.org-table tbody tr.row-future[data-v-97e31dda] {
  background: #f9fafb;
}
.org-table tbody tr.row-out[data-v-97e31dda] {
  opacity: 0.7;
}
.org-table td[data-v-97e31dda] {
  padding: 10px 12px;
  color: #1f2937;
  vertical-align: middle;
}
.org-table td.num[data-v-97e31dda] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.org-table td.center[data-v-97e31dda] {
  text-align: center;
}
.org-table td.td-division[data-v-97e31dda] {
  font-weight: 600;
  color: #374151;
  background: #f9fafb;
  border-right: 2px solid #e5e7eb;
  vertical-align: top;
}

/* Subtotal row */
.subtotal-row td[data-v-97e31dda] {
  background: #f3f4f6;
  font-weight: 600;
  font-size: 12px;
  color: #6b7280;
  padding: 6px 12px;
  border-bottom: 2px solid #e5e7eb;
}
.subtotal-label[data-v-97e31dda] {
  text-align: right;
}
.subtotal-val[data-v-97e31dda] {
  color: #374151;
}

/* Total footer */
.total-row td[data-v-97e31dda] {
  background: #1f2937;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  padding: 10px 12px;
}
.total-label[data-v-97e31dda] {
  text-align: right;
}

/* Split summary row */
.split-row td[data-v-97e31dda] {
  padding: 0;
}
.split-cells[data-v-97e31dda] {
  padding: 0 !important;
}
.split-grid[data-v-97e31dda] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid #e5e7eb;
}
.split-item[data-v-97e31dda] {
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-right: 1px solid #f3f4f6;
}
.split-item[data-v-97e31dda]:last-child {
  border-right: none;
}
.split-label[data-v-97e31dda] {
  font-size: 11px;
  color: #9ca3af;
  font-weight: 500;
}
.split-val[data-v-97e31dda] {
  font-size: 15px;
  font-weight: 700;
  color: #1f2937;
}

/* Badges */
.emp-badge[data-v-97e31dda] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  text-transform: capitalize;
}
.emp-badge--permanent[data-v-97e31dda] {
  background: #d1fae5;
  color: #065f46;
}
.emp-badge--contractor[data-v-97e31dda] {
  background: #fef3c7;
  color: #92400e;
}
.emp-badge--vacant[data-v-97e31dda] {
  background: #f3f4f6;
  color: #6b7280;
}
.state-badge[data-v-97e31dda] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  text-transform: capitalize;
}
.state-badge--current[data-v-97e31dda] {
  background: #dbeafe;
  color: #1e40af;
}
.state-badge--future[data-v-97e31dda] {
  background: #ede9fe;
  color: #5b21b6;
}
.scope-badge[data-v-97e31dda] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
}
.scope-badge--yes[data-v-97e31dda] {
  background: #d1fae5;
  color: #065f46;
}
.scope-badge--no[data-v-97e31dda] {
  background: #f3f4f6;
  color: #9ca3af;
}
.ps-shell[data-v-6feae0e2] {
    padding: 24px;
    background: #f9fafb;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ps-header[data-v-6feae0e2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.ps-title[data-v-6feae0e2] {
    font-size: 22px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 4px;
}
.ps-subtitle[data-v-6feae0e2] {
    font-size: 13px;
    color: #6b7280;
    margin: 0;
}
.ps-add-btn[data-v-6feae0e2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f59e0b;
    border: none;
    border-radius: 6px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    transition: opacity 0.12s;
    flex-shrink: 0;
}
.ps-add-btn[data-v-6feae0e2]:hover:not(:disabled) { opacity: 0.9;
}
.ps-add-btn[data-v-6feae0e2]:disabled { opacity: 0.5; cursor: not-allowed;
}
.ps-state[data-v-6feae0e2] {
    padding: 60px 24px;
    text-align: center;
    color: #9ca3af;
    font-size: 14px;
}
.ps-empty[data-v-6feae0e2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    text-align: center;
    gap: 12px;
}
.ps-empty__icon[data-v-6feae0e2] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fef3c7;
    color: #d97706;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ps-empty__title[data-v-6feae0e2] {
    font-size: 15px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}
.ps-empty__text[data-v-6feae0e2] {
    font-size: 13px;
    color: #6b7280;
    max-width: 320px;
    margin: 0;
}
.ps-empty__link[data-v-6feae0e2] {
    background: transparent;
    border: none;
    font-size: 13px;
    color: #6b7280;
    text-decoration: underline;
    cursor: pointer;
}
.ps-card[data-v-6feae0e2] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.ps-table[data-v-6feae0e2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.ps-th[data-v-6feae0e2] {
    background: #f3f4f6;
    padding: 10px 12px;
    text-align: left;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6b7280;
    border-bottom: 1px solid #e5e7eb;
}
.ps-th--persona[data-v-6feae0e2] { width: 260px;
}
.ps-th--role[data-v-6feae0e2] { width: 160px;
}
.ps-th--journeys[data-v-6feae0e2] { width: 240px;
}
.ps-th--details[data-v-6feae0e2] { width: 180px;
}
.ps-th--actions[data-v-6feae0e2] { width: 90px;
}
.ps-row[data-v-6feae0e2] {
    cursor: pointer;
    transition: background-color 0.12s;
}
.ps-row[data-v-6feae0e2]:hover { background: #f9fafb;
}
.ps-td[data-v-6feae0e2] {
    padding: 12px;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
    color: #374151;
}
.ps-persona[data-v-6feae0e2] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ps-avatar[data-v-6feae0e2] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fef3c7;
    color: #92400e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
}
.ps-persona__name[data-v-6feae0e2] {
    font-weight: 600;
    color: #111827;
}
.ps-pills[data-v-6feae0e2] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.ps-pill[data-v-6feae0e2] {
    display: inline-flex;
    align-items: center;
    background: #f59e0b;
    color: #111827;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
}
.ps-pill--empty[data-v-6feae0e2] {
    background: transparent;
    color: #9ca3af;
    padding: 0;
}
.ps-progress[data-v-6feae0e2] { width: 100%;
}
.ps-progress__label[data-v-6feae0e2] {
    font-size: 11px;
    color: #6b7280;
    margin-bottom: 4px;
    display: block;
}
.ps-progress__track[data-v-6feae0e2] {
    height: 4px;
    background: #e5e7eb;
    border-radius: 2px;
    overflow: hidden;
}
.ps-progress__bar[data-v-6feae0e2] {
    height: 100%;
    background: #f59e0b;
    border-radius: 2px;
    transition: width 0.2s ease;
}
.ps-actions[data-v-6feae0e2] {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
}
.ps-icon-btn[data-v-6feae0e2] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: #6b7280;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.12s;
}
.ps-icon-btn[data-v-6feae0e2]:hover { background: #f3f4f6; color: #111827;
}
.ps-icon-btn--danger[data-v-6feae0e2]:hover { background: #fef2f2; color: #dc2626;
}
.ps-overflow[data-v-6feae0e2] { position: relative; display: inline-block;
}
.ps-overflow-menu[data-v-6feae0e2] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 4px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    min-width: 120px;
    z-index: 10;
    overflow: hidden;
}
.ps-overflow-item[data-v-6feae0e2] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 8px 12px;
    font-size: 13px;
    color: #374151;
    background: transparent;
    border: none;
    cursor: pointer;
}
.ps-overflow-item[data-v-6feae0e2]:hover { background: #f9fafb;
}
.ps-overflow-item--danger[data-v-6feae0e2]:hover { background: #fef2f2; color: #dc2626;
}
.ps-footer[data-v-6feae0e2] {
    padding: 12px;
    font-size: 12px;
    color: #6b7280;
    border-top: 1px solid #f3f4f6;
}
.ps-banner[data-v-6feae0e2] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 8px;
    padding: 12px 14px;
    color: #854d0e;
    font-size: 12px;
    line-height: 1.5;
}

/* Modals */
.ps-form[data-v-6feae0e2] { padding: 4px;
}
.ps-field[data-v-6feae0e2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.ps-field__header[data-v-6feae0e2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ps-field__hint[data-v-6feae0e2] {
    font-size: 11px;
    color: #9ca3af;
}
.ps-error[data-v-6feae0e2] {
    font-size: 11px;
    color: #dc2626;
}
.ps-modal-footer[data-v-6feae0e2] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
}
.ps-btn[data-v-6feae0e2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: opacity 0.12s;
}
.ps-btn[data-v-6feae0e2]:disabled { opacity: 0.5; cursor: not-allowed;
}
.ps-btn--primary[data-v-6feae0e2] { background: #f59e0b; color: #111827;
}
.ps-btn--secondary[data-v-6feae0e2] { background: #f3f4f6; color: #374151;
}
.ps-btn--danger[data-v-6feae0e2] { background: #dc2626; color: #ffffff;
}
.ps-text[data-v-6feae0e2] { font-size: 13px; color: #374151; line-height: 1.5; margin: 0 0 12px;
}
.ps-list[data-v-6feae0e2] { margin: 0 0 16px; padding-left: 18px; font-size: 13px; color: #374151;
}
.ps-list li[data-v-6feae0e2] { margin-bottom: 4px;
}

/* Full-screen edit modal */
.ps-edit[data-v-6feae0e2] {
    display: flex;
    gap: 24px;
    min-height: 60vh;
}
.ps-edit__rail[data-v-6feae0e2] {
    width: 240px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ps-rail-card[data-v-6feae0e2] {
    background: #fafaf9;
    border: 1px solid #e7e5e4;
    border-radius: 10px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
}
.ps-rail-avatar[data-v-6feae0e2] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #fef3c7;
    color: #92400e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
}
.ps-rail-name[data-v-6feae0e2] {
    font-weight: 700;
    color: #111827;
    font-size: 14px;
}
.ps-rail-role[data-v-6feae0e2] {
    font-size: 12px;
    color: #6b7280;
}
.ps-rail-pills[data-v-6feae0e2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
}
.ps-rail-pill[data-v-6feae0e2] {
    background: #f59e0b;
    color: #111827;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 600;
}
.ps-rail-progress[data-v-6feae0e2] { width: 100%;
}
.ps-rail-progress__label[data-v-6feae0e2] { font-size: 11px; color: #6b7280; margin-bottom: 4px;
}
.ps-rail-progress__track[data-v-6feae0e2] { height: 4px; background: #e5e7eb; border-radius: 2px; overflow: hidden;
}
.ps-rail-progress__bar[data-v-6feae0e2] { height: 100%; background: #f59e0b; border-radius: 2px;
}
.ps-rail-nav[data-v-6feae0e2] { display: flex; flex-direction: column; gap: 4px;
}
.ps-rail-link[data-v-6feae0e2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 6px;
    border: none;
    background: transparent;
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
    text-align: left;
}
.ps-rail-link[data-v-6feae0e2]:hover { background: #f5f5f4;
}
.ps-rail-link--active[data-v-6feae0e2] { background: #fffbeb; color: #92400e;
}
.ps-rail-dot[data-v-6feae0e2] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1.5px solid #d1d5db;
    flex-shrink: 0;
}
.ps-rail-dot--filled[data-v-6feae0e2] { background: #f59e0b; border-color: #f59e0b;
}
.ps-rail-footnote[data-v-6feae0e2] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 11px;
    color: #6b7280;
    line-height: 1.4;
    margin-top: auto;
}
.ps-edit__body[data-v-6feae0e2] {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    padding-right: 8px;
}
.ps-edit__hint[data-v-6feae0e2] {
    font-size: 13px;
    color: #6b7280;
    margin: 0 0 20px;
}
.ps-section[data-v-6feae0e2] { margin-bottom: 28px;
}
.ps-section__label[data-v-6feae0e2] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6b7280;
    margin-bottom: 12px;
}
.ps-grid[data-v-6feae0e2] { display: grid; gap: 16px;
}
.ps-grid--3[data-v-6feae0e2] { grid-template-columns: repeat(3, 1fr);
}
.ps-grid--1[data-v-6feae0e2] { grid-template-columns: 1fr;
}
.ps-field--full[data-v-6feae0e2] { grid-column: 1 / -1;
}
.ps-select[data-v-6feae0e2] {
    width: 100%;
    height: 38px;
    padding: 0 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
    font-size: 14px;
    color: #111827;
    outline: none;
}
.ps-select[data-v-6feae0e2]:focus { border-color: #f59e0b;
}
.ps-tags[data-v-6feae0e2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 4px 8px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
}
.ps-tag[data-v-6feae0e2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 12px;
    color: #374151;
}
.ps-tag__remove[data-v-6feae0e2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
    padding: 0;
}
.ps-tag__remove[data-v-6feae0e2]:hover { color: #dc2626;
}
.ps-tag-input[data-v-6feae0e2] {
    flex: 1;
    min-width: 80px;
    border: none;
    outline: none;
    font-size: 13px;
    color: #111827;
    background: transparent;
    padding: 6px 4px;
}
.ps-tag-input[data-v-6feae0e2]::-moz-placeholder { color: #9ca3af;
}
.ps-tag-input[data-v-6feae0e2]::placeholder { color: #9ca3af;
}
.ps-edit__footer[data-v-6feae0e2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 32px;
    padding-top: 16px;
    border-top: 1px solid #e7e5e4;
}
.ps-edit__save-note[data-v-6feae0e2] {
    margin-right: auto;
    font-size: 12px;
    color: #6b7280;
}
@media (max-width: 768px) {
.ps-edit[data-v-6feae0e2] { flex-direction: column;
}
.ps-edit__rail[data-v-6feae0e2] { width: 100%;
}
.ps-grid--3[data-v-6feae0e2] { grid-template-columns: 1fr;
}
}
.wrapper_prioritisation_changes_map .line-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.wrapper_prioritisation_changes_map .org-tree-node-label .org-tree-node-label-inner {
  box-shadow: none;
}
.wrapper_prioritisation_changes_map .org-tree-node-children:has(.test) {
  display: grid !important;
}
.wrapper_prioritisation_changes_map .org-tree-node-label .org-tree-node-label-inner {
  padding: 10px 10px;
}
.wrapper_prioritisation_changes_map .org-tree-container, .wrapper_prioritisation_changes_map .org-tree-node-children, .wrapper_prioritisation_changes_map .org-tree-node {
  padding: 0;
}
.wrapper_prioritisation_changes_map .org-tree-container {
  background-color: unset;
  position: relative;
  z-index: 1;
}
.wrapper_prioritisation_changes_map .org-tree-node-label {
  height: 195px;
  /* padding-top: 66px; */
}
.wrapper_prioritisation_changes_map .org-tree-node-btn {
  top: 78%;
  width: 23px;
  height: 23px;
}
.wrapper_prioritisation_changes_map .org-tree-node:after, .wrapper_prioritisation_changes_map .org-tree-node:before {
  top: 6px;
  height: 64px;
}
.wrapper_prioritisation_changes_map .org-tree-node-children:before {
  top: -72px;
  height: 78px;
  z-index: 1;
}
.wrapper_prioritisation_changes_map .collapsable .org-tree-node.collapsed .org-tree-node-label:after {
  top: 77%;
  left: 1px;
  height: 40px;
  border-right: 1px solid #a7b6c4;
}
.wrapper_prioritisation_changes_map .org-tree-node:after, .wrapper_prioritisation_changes_map .org-tree-node-children:before {
  border: none;
}
.wrapper_prioritisation_changes_map .org-tree-node:not(:first-child):before, .wrapper_prioritisation_changes_map .org-tree-node:not(:last-child):after {
  border: none;
}
.wrapper_prioritisation_changes_map .org-tree-node-btn:after {
  left: 49%;
}
.wrapper_prioritisation_changes_map .org-tree-node-btn:before {
  top: 49%;
}
.wrapper_prioritisation_changes_map .org-tree-node-btn {
  display: none;
}
.benefits-map-drawer {
  position: fixed;
  top: 79px;
  right: 15px;
  bottom: 80px;
  width: 400px;
  z-index: 96;
  background-color: #ffffff;
  border: 1px solid #e8edf2;
  border-radius: 8px;
  overflow-y: auto;
}
.benefits-map-drawer__close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s;
}
.benefits-map-drawer__close:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.benefits-drawer-slide-enter-active,
.benefits-drawer-slide-leave-active {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.benefits-drawer-slide-enter-from,
.benefits-drawer-slide-leave-to {
  transform: translateX(100%);
  opacity: 0;
}.number-error[data-v-0145093f] {
  border-color: #fe2c2c;
  --tw-ring-color: #fe2c2c;
}
.actions-map[data-v-0145093f] {
  top: 20px;
}
.actions-map .move-action[data-v-0145093f] {
  position: relative;
  background-color: transparent;
  overflow: hidden;
}
.actions-map .path-action[data-v-0145093f] {
  position: relative;
  background-color: transparent;
  overflow: hidden;
}
.wrapper-body[data-v-0145093f] {
  height: 1400px;
  background-color: white;
  overflow-x: auto;
}
.constructor__changes-map[data-v-0145093f] {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.constructor__changes-map__set_point[data-v-0145093f] {
  background-color: #f4f7fa;
  width: 100%;
}
.constructor__changes-map__set_point__title[data-v-0145093f] {
  color: #2e4050;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}
.constructor__changes-map__set_point__button[data-v-0145093f] {
  background-color: #febc2c;
  color: #2e4050;
  text-align: center;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.constructor__changes-map__legend[data-v-0145093f] {
  background-color: #cdd4db;
}
.constructor__changes-map__legend__item--label[data-v-0145093f] {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}
.constructor__changes-map__legend__item--strategic-objective[data-v-0145093f] {
  background-color: #febc2c;
  border-radius: 50%;
}
.constructor__changes-map__legend__item--final-benefit[data-v-0145093f] {
  border-radius: 3px;
  background: #a7b6c4;
}
.constructor__changes-map__legend__item--immediate-benefit[data-v-0145093f] {
  border-radius: 3px;
  background: #e3ebf2;
}
.constructor__changes-map__legend__item--business-changes[data-v-0145093f] {
  border-radius: 3px;
  background: #febc2c;
}
.constructor__changes-map__name[data-v-0145093f] {
  color: var(--dark-text, #2e4050);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  width: 150px;
  min-height: 26px;
  max-height: 70px;
  overflow-y: auto;
}
.constructor__changes-map--enabler[data-v-0145093f] {
  background-color: #febc2c !important;
  border: none !important;
}
.constructor__changes-map__strategic-objective[data-v-0145093f] {
  width: 191px;
  height: 118px;
  background-color: #febc2c;
  border-radius: 50%;
}
.constructor__changes-map__strategic-objective__container[data-v-0145093f] {
  width: 191px;
  height: 118px;
  border-radius: 6px;
}
.constructor__changes-map__strategic-objective__container__circle[data-v-0145093f] {
  border-radius: 50%;
}
.constructor__changes-map__strategic-objective .wrapper[data-v-0145093f] {
  height: 87px;
}
.constructor__changes-map__strategic-objective--count[data-v-0145093f] {
  background-color: #f59a24;
  color: white;
  height: 36px;
}
.constructor__changes-map__strategic-objective__button[data-v-0145093f] {
  border-color: black;
}
.constructor__changes-map__strategic-objective__button[data-v-0145093f]:hover {
  background-color: #fdda8e;
}
.constructor__changes-map__strategic-objective:hover .wrapper-actions-btn.section[data-v-0145093f] {
  top: 38px;
  display: flex;
}
.constructor__changes-map__strategic-objective__modal[data-v-0145093f] {
  z-index: 10;
  background-color: white;
  left: 118px;
  width: 200px;
  display: block;
  top: 88px;
}
.constructor__changes-map__strategic-objective__modal__triangle[data-v-0145093f] {
  position: absolute;
  left: -8px;
  top: 9px;
}
.constructor__changes-map__final_benefit[data-v-0145093f] {
  background-color: #a7b6c4;
  border-radius: 6px;
}
.constructor__changes-map__final_benefit .hoba-button[data-v-0145093f] {
  background-color: #a7b6c4;
  border-color: white;
}
.constructor__changes-map__final_benefit .hoba-button svg path[data-v-0145093f] {
  fill: white;
}
.constructor__changes-map__immediate_benefit[data-v-0145093f] {
  background-color: #e3ebf2;
  border-radius: 6px;
  border: dashed #a7b6c4 3px;
}
.constructor__changes-map__immediate_benefit .hoba-button[data-v-0145093f] {
  background-color: #a7b6c4;
  border-color: white;
}
.constructor__changes-map__immediate_benefit .hoba-button svg path[data-v-0145093f] {
  fill: white;
}
.benefits-empty-state[data-v-0145093f] {
  background-color: #ffffff;
  border: 1px dashed #a7b6c4;
  border-radius: 12px;
  margin: 40px auto;
  max-width: 480px;
}.container[data-v-66733c80] {
  display: flex;
  border-radius: 6px;
  background: #f4f7fa;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px;
}
.container__item[data-v-66733c80] {
  height: 100%;
}
.container__item__content[data-v-66733c80] {
  padding: 31px;
  border-bottom: 3px dotted #a7b6c4;
  text-align: center;
}
.container__item__content--head[data-v-66733c80] {
  margin: 0 16px;
  padding: 16px;
  color: white;
  background: #6a869f;
  border-radius: 6px;
}.process_map_matrix[data-v-3749523e] {
  padding: 20px;
  background: #f9fafb;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.c2pm-empty[data-v-3749523e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 20px;
  gap: 12px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}
.c2pm-empty p[data-v-3749523e] {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}
.c2pm-scroll[data-v-3749523e] {
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow: auto;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.c2pm-table[data-v-3749523e] {
  border-collapse: collapse;
  font-size: 13px;
  table-layout: auto;
  min-width: 100%;
}
.c2pm-th[data-v-3749523e] {
  background: #f3f4f6;
  border-bottom: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  padding: 10px 8px;
  font-weight: 600;
  color: #374151;
  white-space: nowrap;
  position: sticky;
  top: 0;
  z-index: 10;
}
.c2pm-th--corner[data-v-3749523e] {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 30;
  min-width: 160px;
  width: 160px;
  vertical-align: top;
  padding: 12px 10px;
}
.c2pm-th--col[data-v-3749523e] {
  min-width: 48px;
  width: 48px;
  text-align: center;
  vertical-align: bottom;
  height: auto;
  padding: 16px 4px 10px;
}
.c2pm-corner-label[data-v-3749523e] {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #6b7280;
}
.c2pm-col-header[data-v-3749523e] {
  display: inline-block;
  white-space: nowrap;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-orientation: mixed;
  font-size: 11px;
  font-weight: 600;
  color: #374151;
  line-height: 1;
}
.c2pm-group-row[data-v-3749523e] {
  background: #fefce8;
}
.c2pm-group-cell[data-v-3749523e] {
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
  color: #854d0e;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #fde68a;
}
.c2pm-group-badge[data-v-3749523e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background: #d1d5db;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  margin-right: 8px;
}
.c2pm-row[data-v-3749523e]:nth-child(even) {
  background: #fafafa;
}
.c2pm-cell[data-v-3749523e] {
  border-bottom: 1px solid #f3f4f6;
  border-right: 1px solid #f3f4f6;
  padding: 8px 10px;
  vertical-align: middle;
}
.c2pm-cell--level[data-v-3749523e] {
  width: 46px;
  text-align: center;
  padding: 8px 6px;
}
.c2pm-cell--capability[data-v-3749523e] {
  min-width: 160px;
  max-width: 240px;
  position: sticky;
  left: 0;
  background: inherit;
  z-index: 5;
}
.c2pm-cell--intersection[data-v-3749523e] {
  min-width: 48px;
  width: 48px;
  text-align: center;
}
.c2pm-cell--linked .c2pm-intersection--linked[data-v-3749523e] {
  opacity: 1;
}
.c2pm-cell--linked .c2pm-intersection--unlinked[data-v-3749523e] {
  opacity: 0;
}
.c2pm-view-only-note[data-v-3749523e] {
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
  color: #6b7280;
  text-align: left;
}
.c2pm-corner-stack[data-v-3749523e] {
  position: absolute;
  inset: 12px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
}
.c2pm-level-badge[data-v-3749523e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 20px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
}
.c2pm-level-badge--l2[data-v-3749523e] {
  background: #6b7280;
}
.c2pm-level-badge--l3[data-v-3749523e] {
  background: #9ca3af;
}
.c2pm-capability-title[data-v-3749523e] {
  font-weight: 600;
  color: #111827;
  line-height: 1.3;
}
.c2pm-capability-parent[data-v-3749523e] {
  font-size: 11px;
  color: #9ca3af;
  margin-top: 2px;
}
.c2pm-intersection[data-v-3749523e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  position: relative;
}
.c2pm-intersection--linked[data-v-3749523e] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  background: #f59e0b;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.12s ease;
}
.c2pm-intersection--unlinked[data-v-3749523e] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4b5563;
  opacity: 0.35;
  transform: translate(-50%, -50%);
  transition: opacity 0.12s ease;
}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:4px;font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:1rem;line-height:1.5rem;padding:6px 12px;color:var(--dp-text-color);box-sizing:border-box}.dp__input::-moz-placeholder{opacity:.7}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::-moz-placeholder{color:var(--dp-disabled-color-text)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:1rem;height:1rem;stroke-width:0;font-size:1rem;line-height:1.5rem;padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;left:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;right:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-left:35px}.dp__input_valid{box-shadow:0 0 4px var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 4px var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{position:absolute;background:var(--dp-background-color);border-radius:4px;min-width:260px;font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp__menu_index{z-index:99999}.dp__menu_readonly,.dp__menu_disabled{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp__arrow_top{left:50%;top:-1px;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-left:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(45deg)}.dp__arrow_bottom{left:50%;bottom:-1px;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-right:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__now_wrap{text-align:center;padding:2px 0}.dp__now_button{border:1px solid var(--dp-primary-color);color:var(--dp-primary-color);padding:0 4px;font-weight:bold;border-radius:4px;font-size:1rem;cursor:pointer;background:rgba(0,0,0,0)}.dp__preset_ranges{padding:5px;border-right:1px solid var(--dp-border-color)}.dp__sidebar_left{padding:5px;border-right:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;border-left:1px solid var(--dp-border-color)}.dp__preset_range{padding:5px}.dp__preset_range:hover{background-color:var(--dp-hover-color);cursor:pointer}.dp__menu_content_wrapper{display:flex}.dp__calendar_wrap{display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;flex:0}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:35px;padding:5px;width:35px;box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:5px 0}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:.5rem}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:4px;height:35px;padding:5px;width:35px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-bottom-right-radius:0;border-top-right-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-bottom-left-radius:0;border-top-left-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-hover-color);border-radius:0;border-top:1px solid var(--dp-hover-color);border-bottom:1px solid var(--dp-hover-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-left:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-right:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-left:10px}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:4px;background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-right:5px}.dp__arrow_bottom_tp{left:50%;bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-right:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (max-width: 600px){.dp__flex_display{flex-direction:column}}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:35px;color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:25px;width:25px;color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:20px;width:20px}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__month_year_select{width:50%;text-align:center;cursor:pointer;height:35px;display:flex;align-items:center;justify-content:center;border-radius:4px;box-sizing:border-box}.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__month_year_wrap{display:flex;width:100%}.dp__overlay{position:absolute;width:100%;height:100%;background:var(--dp-background-color);top:0;left:0;transition:opacity 1s ease-out;z-index:99999;font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;color:var(--dp-text-color);box-sizing:border-box}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-left:auto;margin-right:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__overlay_container>.dp__overlay_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:3px;white-space:nowrap}.dp__overlay_cell_pad{padding:10px 0}.dp__overlay_cell_active{cursor:pointer;border-radius:4px;text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:4px;text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__overlay_action{position:sticky;bottom:0;background:#fff}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__month_picker_header{display:flex;width:100%;align-items:center;justify-content:space-between;height:35px}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;color:var(--dp-text-color)}.dp__time_col_reg{padding:0 20px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{font-size:2rem;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0 3px}.dp__time_display:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button{padding:5px;margin:0;height:32px;width:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:32px;width:32px}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:10px;border-radius:4px;cursor:pointer}.dp__action_row{display:flex;align-items:center;width:100%;padding:10px;box-sizing:border-box;color:var(--dp-text-color);background:var(--dp-background-color)}.dp__action_row svg{height:20px;width:auto}.dp__selection_preview{width:50%;color:var(--dp-text-color);font-size:.8rem}.dp__action_buttons{width:50%;text-align:right}.dp__action{font-weight:bold;cursor:pointer;padding:2px 5px;border-radius:4px;display:inline-flex;align-items:center}.dp__select{color:var(--dp-success-color)}.dp__action_disabled{color:var(--dp-success-color-disabled);cursor:not-allowed}.dp__cancel{color:var(--dp-secondary-color)}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%)}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%)}.dp__main{font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);background:var(--dp-background-color);cursor:pointer;display:flex;align-items:center;align-content:center;justify-content:center;padding:10px;box-sizing:border-box;height:35px}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:20px;width:auto}.dp__button_bottom{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all .1s ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(22px)}.calendar-next-leave-to{opacity:0;transform:translateX(-22px)}.calendar-prev-enter-from{opacity:0;transform:translateX(-22px)}.calendar-prev-leave-to{opacity:0;transform:translateX(22px)}.dp-menu-appear-enter-active,.dp-menu-appear-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all .1s ease-out}.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(22px)}.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(-22px)}.dp-menu-appear-enter-from{opacity:0}.dp-menu-appear-enter-active,.dp-menu-appear-leave-active{transition:opacity .1s ease}.dp-menu-appear-leave-to{opacity:1}

/*# sourceMappingURL=main.css.map */.legend[data-v-108c1be1] {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.1em;
  text-align: center;
}
.legend .example[data-v-108c1be1] {
  height: 39px;
  width: 39px;
  border-radius: 6px;
  margin-left: 15px;
}
.legend .milestone-example[data-v-108c1be1] {
  width: 31px;
  height: 31px;
  transform: rotate(45deg);
  margin-left: 15px;
}
.legend .label[data-v-108c1be1] {
  display: flex;
  align-items: center;
  margin-left: 40px;
}
.legend .label[data-v-108c1be1]:first-child {
  margin: 0;
}
.clickable[data-v-108c1be1] {
  width: 627px;
  padding: 5px 10px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #eaf0f5;
  top: 100%;
  margin-top: -5px;
}
.clickable .label[data-v-108c1be1] {
  cursor: pointer;
  font-family: Montserrat;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 8px;
  border-radius: 4px;
  margin-left: 7px;
}
.clickable .label[data-v-108c1be1]:first-child {
  margin: 0;
}
.clickable .label .example[data-v-108c1be1] {
  height: 27px;
  width: 27px;
  border-radius: 4px;
  margin-left: 15px;
}
.clickable .label.active[data-v-108c1be1] {
  background-color: #eaf0f5;
}.cross-container[data-v-3aedf93e] {
  width: 64px;
  height: 36px;
  background-color: #f4f7fa;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.cross-container[data-v-3aedf93e]:hover, .cross-container.visible[data-v-3aedf93e] {
  opacity: 1;
}
.cross-container .btn-range[data-v-3aedf93e] {
  background-color: #a7b6c4;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
input[type=range][data-v-3aedf93e]:hover {
  z-index: 14;
}
.absCenter[data-v-3aedf93e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
input[type=range][data-v-3aedf93e]::-webkit-slider-thumb {
  cursor: pointer;
}
.range-block[data-v-3aedf93e] {
  overflow: visible;
  width: 100%;
}
.click-label[data-v-3aedf93e] {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
  width: 143px;
  height: 47px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px;
  border: 1px solid #e8edf2;
  position: absolute;
  top: calc(50% - 20px);
  left: 56px;
  background-color: #fff;
  z-index: 10;
  padding-top: 15px;
  text-align: center;
}
.click-label span[data-v-3aedf93e] {
  font-weight: 600;
}
.click-label .angle[data-v-3aedf93e] {
  position: absolute;
  top: 8px;
  left: -5px;
}
.timeline[data-v-3aedf93e] {
  position: relative;
  margin: 5px 0;
  background-color: #e3ebf2;
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.timeline.justify-content-start[data-v-3aedf93e] {
  justify-content: start;
}
.range-bg[data-v-3aedf93e] {
  border-radius: 6px;
}
td:first-child .timeline[data-v-3aedf93e] {
  margin-left: 20px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
td:last-child .timeline[data-v-3aedf93e] {
  margin-right: 20px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.range-edit-container[data-v-3aedf93e] {
  position: absolute;
  top: 0;
  border-radius: 6px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.range-edit-container[data-v-3aedf93e] * {
  display: none;
}
.range-edit-container[data-v-3aedf93e]:hover {
  z-index: 10;
}
.range-edit-container[data-v-3aedf93e]:hover * {
  display: block;
}.disable[data-v-824f833e] {
  opacity: 0.8;
}
.programme_road_map[data-v-824f833e] {
  overflow: hidden;
}
.programme_road_map .empty-timelines td[data-v-824f833e] {
  border-top: 1px solid #6a869f;
  border-bottom: 1px solid #6a869f;
}
.programme_road_map .empty-timelines td[data-v-824f833e]:first-child {
  border-left: 1px solid #6a869f;
  border-right: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.programme_road_map .empty-timelines td[data-v-824f833e]:last-child {
  border: 1px solid #6a869f;
  border-left: 0;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.programme_road_map .bottom-action[data-v-824f833e] {
  display: flex;
  justify-content: space-between;
}
.programme_road_map table[data-v-824f833e] {
  border-collapse: separate;
  border-spacing: 0;
}
.programme_road_map table tr.action td[data-v-824f833e] {
  padding: 10px 20px;
}
.programme_road_map table tr.action td[data-v-824f833e]:first-child {
  border: 1px solid #6a869f;
  border-radius: 6px;
}
.programme_road_map table tr.end-line-group td[data-v-824f833e] {
  border-bottom: 1px solid #6a869f;
  border-bottom-right-radius: 6px;
  border-right: 1px solid #6a869f;
  border-bottom-left-radius: 6px;
  border-left: 1px solid #6a869f;
  height: 20px;
}
.programme_road_map table tr.line td[data-v-824f833e] {
  padding: 0;
}
.programme_road_map table tr.line td[data-v-824f833e]:first-child {
  border-left: 1px solid #6a869f;
  border-right: 0;
}
.programme_road_map table tr.line td[data-v-824f833e]:last-child {
  border-right: 1px solid #6a869f;
}
.programme_road_map table tr.line td .timeline[data-v-824f833e] {
  position: relative;
  margin: 5px 0;
  background-color: #e3ebf2;
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.programme_road_map table tr.line td:first-child .timeline[data-v-824f833e] {
  margin-left: 20px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  padding-left: 10px;
}
.programme_road_map table tr.line td:last-child .timeline[data-v-824f833e] {
  margin-right: 20px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.programme_road_map table th[data-v-824f833e],
.programme_road_map table td[data-v-824f833e] {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
}
.programme_road_map table th[data-v-824f833e] {
  border-top: 1px solid #6a869f;
  padding: 10px 30px;
}
.programme_road_map table th[data-v-824f833e]:first-child {
  border-top-left-radius: 6px;
  border-left: 1px solid #6a869f;
}
.programme_road_map table th[data-v-824f833e]:last-child {
  border-top-right-radius: 6px;
  border-right: 1px solid #6a869f;
}
.programme_road_map table td[data-v-824f833e] {
  width: 77px;
  position: relative;
}
.programme_road_map table td.head-3[data-v-824f833e],
.programme_road_map table td .delimiter[data-v-824f833e] {
  height: 20px;
  border-right: 1px solid #6a869f;
}
.programme_road_map table td.head-3[data-v-824f833e]:last-child,
.programme_road_map table td .delimiter[data-v-824f833e]:last-child {
  border: 0;
}
.programme_road_map table td[data-v-824f833e]:first-child {
  width: 180px;
}
.programme_road_map table td[data-v-824f833e]:last-child {
  border: 0;
}
.programme_road_map table td.head[data-v-824f833e] {
  padding: 5px;
  border-right: 1px solid #6a869f;
  height: 60px;
}
.programme_road_map table td.head svg[data-v-824f833e] {
  float: right;
}
.programme_road_map table td.head[data-v-824f833e]:last-child {
  border: 0;
}
.programme_road_map table td.head.sub-head[data-v-824f833e] {
  padding: 0;
  vertical-align: top;
  border: 0;
}
.programme_road_map table .second td[data-v-824f833e] {
  height: 61px;
}
.programme_road_map table .btn-milestone[data-v-824f833e] {
  width: 31px;
  height: 31px;
  transform: rotate(45deg);
  background-color: #febc2c;
  position: absolute;
  right: -16px;
  z-index: 1;
  top: calc(50% - 16px);
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.programme_road_map table .btn-milestone[data-v-824f833e]:hover, .programme_road_map table .btn-milestone.visible[data-v-824f833e] {
  opacity: 1;
}
.programme_road_map table .btn-milestone:hover + .milestone-label[data-v-824f833e] {
  opacity: 1;
}
.programme_road_map table .btn-milestone svg[data-v-824f833e] {
  position: absolute;
  top: 25%;
  left: 25%;
}
.programme_road_map table .btn-milestone svg.rotate[data-v-824f833e] {
  transform: rotate(-45deg);
}
.programme_road_map table .cross-container[data-v-824f833e] {
  width: 64px;
  height: 36px;
  background-color: #f4f7fa;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.programme_road_map table .cross-container[data-v-824f833e]:hover, .programme_road_map table .cross-container.visible[data-v-824f833e] {
  opacity: 1;
}
.programme_road_map table .cross-container .btn-range[data-v-824f833e] {
  background-color: #a7b6c4;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.programme_road_map table .month-range[data-v-824f833e] {
  position: absolute;
  width: calc(100% + 20px);
}
.programme_road_map table .milestone-label[data-v-824f833e] {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  text-align: right;
  position: absolute;
  color: #fff;
  width: 135px;
  right: 40px;
  height: 100%;
  background: #a7b6c4;
  opacity: 0;
  transition: 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 5;
}
.programme_road_map table .milestone-label.to-right[data-v-824f833e] {
  left: 100px;
  z-index: 1;
  justify-content: start;
}
.programme_road_map table tbody td.first[data-v-824f833e] {
  border-right: 1px solid #6a869f;
  padding: 20px;
}
.programme_road_map table tfoot tr[data-v-824f833e] {
  border-top: 1px solid #6a869f;
}
.programme_road_map table tfoot td[data-v-824f833e] {
  height: 40px;
  border-right: 1px solid #6a869f;
}
.programme_road_map .range-block[data-v-824f833e] {
  width: 100%;
  padding-top: 9px;
}
.programme_road_map .month-place[data-v-824f833e] {
  background-color: #febc2c;
  border-radius: 6px;
  height: 50px;
  position: relative;
}
.programme_road_map .month-place.absCenter[data-v-824f833e] {
  align-items: center;
  vertical-align: middle;
  display: flex;
  justify-content: center;
}
.programme_road_map .btn-month[data-v-824f833e] {
  background-color: #a7b6c4;
  padding: 10px;
  height: 34px;
  border-radius: 6px;
  display: inline-block;
}
.programme_road_map .click-label[data-v-824f833e] {
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0;
  width: 143px;
  height: 47px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px;
  border: 1px solid #e8edf2;
  position: absolute;
  top: calc(50% - 20px);
  left: 56px;
  background-color: #fff;
  z-index: 10;
  padding-top: 15px;
  text-align: center;
}
.programme_road_map .click-label span[data-v-824f833e] {
  font-weight: 600;
}
.programme_road_map .click-label .angle[data-v-824f833e] {
  position: absolute;
  top: 8px;
  left: -5px;
}
.programme_road_map .milestone[data-v-824f833e] {
  background-color: #a7b6c4;
  height: 60px;
  vertical-align: middle;
}
.programme_road_map .milestone.first[data-v-824f833e] {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  vertical-align: middle;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #ffffff;
  padding: 5px 20px;
}
.programme_road_map .milestone.last[data-v-824f833e] {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.programme_road_map .btn-create[data-v-824f833e] {
  background: #e3ebf2;
  border-radius: 6px;
  height: 100%;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.programme_road_map .btn-create .click-label[data-v-824f833e] {
  left: 130px;
  top: calc(50% - 10px);
}
.month-picker-container[data-v-824f833e] {
  background-color: #f4f7fa;
  border-radius: 4px;
}
.new-milestone .btn-container[data-v-824f833e] {
  justify-content: flex-end;
}
.milestone-container[data-v-824f833e] {
  margin: 20px 0;
}
.milestone-container .item[data-v-824f833e] {
  height: 48px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.btn-move[data-v-824f833e] {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 100%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.children[data-v-824f833e] {
  margin-top: 10px;
  border-top: 1px solid #e3ebf2;
}
.children .child-item[data-v-824f833e] {
  background-color: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  border-radius: 4px;
}
.children .btn-new[data-v-824f833e] {
  width: calc(100% - 40px);
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0 20px;
  border-radius: 4px;
}
.line[data-v-824f833e] {
  justify-content: space-between;
}
.switcher[data-v-824f833e] {
  width: 268px;
  height: 40px;
  border: 1px solid #cbcbcb;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
.switcher span[data-v-824f833e] {
  font-size: 14px;
  text-align: left;
  padding: 5px 15px;
  cursor: pointer;
  border-radius: 4px;
}
.scv-wrap[data-v-dc529466] {
  width: 100%;
  font-family: Montserrat, sans-serif;
}
.scv-loading[data-v-dc529466], .scv-empty[data-v-dc529466] {
  padding: 40px;
  text-align: center;
  color: #6a869f;
  font-size: 14px;
}
.scv-table[data-v-dc529466] {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
  background: #F4F7FA;
}
.scv-table th[data-v-dc529466] {
  height: 70px;
  border: 2px dashed #A7B6C4;
  border-top: 0;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 700;
  color: #3F484C;
  vertical-align: middle;
  text-align: left;
  background: #E3EBF2;
}
.scv-table th[data-v-dc529466]:first-child {
  border-left: 0;
}
.scv-table th[data-v-dc529466]:last-child {
  border-right: 0;
}
.scv-table td[data-v-dc529466] {
  border: 1px solid #D9E3ED;
  padding: 10px 14px;
  vertical-align: top;
  font-size: 13px;
  color: #3F484C;
}
.scv-table td[data-v-dc529466]:first-child {
  border-left: 0;
}
.scv-table td[data-v-dc529466]:last-child {
  border-right: 0;
}
.scv-table tr:last-child td[data-v-dc529466] {
  border-bottom: 0;
}
.th-sub[data-v-dc529466] {
  display: block;
  font-size: 10px;
  font-weight: 400;
  color: #6a869f;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 3px;
}
.scv-stakeholder-cell[data-v-dc529466] {
  background: #fff;
  vertical-align: top !important;
  border-right: 2px solid #D9E3ED !important;
}
.scv-stake-name[data-v-dc529466] {
  font-weight: 700;
  font-size: 13px;
  color: #3F484C;
  margin-bottom: 3px;
}
.scv-stake-ring[data-v-dc529466] {
  font-size: 10px;
  color: #6a869f;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 8px;
}
.scv-add-btn[data-v-dc529466] {
  font-size: 11px;
  font-weight: 600;
  color: #3F484C;
  background: #FFCC00;
  border: none;
  border-radius: 4px;
  padding: 4px 10px;
  cursor: pointer;
}
.scv-add-btn[data-v-dc529466]:hover {
  opacity: 0.85;
}
.scv-cell[data-v-dc529466] {
  font-size: 13px;
  color: #3F484C;
  white-space: pre-wrap;
}
.scv-cell-content[data-v-dc529466] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.scv-cell-actions[data-v-dc529466] {
  display: flex;
  gap: 6px;
}
.scv-edit-btn[data-v-dc529466], .scv-del-btn[data-v-dc529466] {
  font-size: 11px;
  border: none;
  border-radius: 4px;
  padding: 3px 8px;
  cursor: pointer;
  font-weight: 600;
}
.scv-edit-btn[data-v-dc529466] {
  background: #E3EBF2;
  color: #3F484C;
}
.scv-del-btn[data-v-dc529466] {
  background: #fce8e8;
  color: #d9534f;
}
.scv-no-concern[data-v-dc529466] {
  color: #a7b6c4;
  font-style: italic;
  font-size: 12px;
}
.scv-blueprints[data-v-dc529466] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.scv-bp-tag[data-v-dc529466] {
  background: #3F484C;
  color: #fff;
  font-size: 10px;
  padding: 3px 8px;
  border-radius: 10px;
}
.scv-bp-none[data-v-dc529466] {
  color: #a7b6c4;
}

/* ── Shared buttons ─────────────────────────────────────────────── */
.btn-primary[data-v-dc529466] {
  background: #FFCC00;
  color: #3F484C;
  font-weight: 700;
  font-size: 13px;
  border: none;
  border-radius: 6px;
  padding: 9px 22px;
  cursor: pointer;
}
.btn-primary[data-v-dc529466]:hover {
  opacity: 0.9;
}
.btn-secondary[data-v-dc529466] {
  background: #E3EBF2;
  color: #3F484C;
  font-weight: 600;
  font-size: 13px;
  border: none;
  border-radius: 6px;
  padding: 9px 22px;
  cursor: pointer;
}
.btn-danger[data-v-dc529466] {
  background: #d9534f;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  border: none;
  border-radius: 6px;
  padding: 9px 22px;
  cursor: pointer;
}
.btn-sm[data-v-dc529466] {
  background: #FFCC00;
  color: #3F484C;
  font-weight: 600;
  font-size: 12px;
  border: none;
  border-radius: 5px;
  padding: 6px 14px;
  cursor: pointer;
}
.btn-sm[data-v-dc529466]:disabled {
  opacity: 0.5;
}

/* ── Overlay / Dialog / Modal ──────────────────────────────────── */
.overlay[data-v-dc529466] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.dialog[data-v-dc529466] {
  background: #fff;
  border-radius: 10px;
  padding: 28px 32px;
  min-width: 300px;
  text-align: center;
  font-size: 14px;
  color: #3F484C;
}
.dialog p[data-v-dc529466] {
  margin-bottom: 20px;
  font-weight: 500;
}
.dialog__actions[data-v-dc529466] {
  display: flex;
  gap: 12px;
  justify-content: center;
}
.modal[data-v-dc529466] {
  background: #fff;
  border-radius: 10px;
  width: 560px;
  max-width: 95vw;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18);
}
.modal__header[data-v-dc529466] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 0;
}
.modal__header h3[data-v-dc529466] {
  font-size: 16px;
  font-weight: 700;
  color: #3F484C;
  margin: 0;
}
.modal__close[data-v-dc529466] {
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: #6a869f;
  line-height: 1;
  padding: 0;
}
.modal__body[data-v-dc529466] {
  padding: 20px 24px;
}
.modal__footer[data-v-dc529466] {
  padding: 0 24px 20px;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.field-label[data-v-dc529466] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #3F484C;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.field-label.mt-4[data-v-dc529466] {
  margin-top: 16px;
}
.field-textarea[data-v-dc529466] {
  display: block;
  width: 100%;
  border: 1.5px solid #D9E3ED;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 13px;
  color: #3F484C;
  background: #F4F7FA;
  resize: vertical;
  box-sizing: border-box;
  font-family: inherit;
}
.field-textarea[data-v-dc529466]:focus {
  outline: none;
  border-color: #FFCC00;
  background: #fff;
}
.field-input-sm[data-v-dc529466] {
  flex: 1;
  height: 36px;
  border: 1.5px solid #D9E3ED;
  border-radius: 6px;
  padding: 0 10px;
  font-size: 12px;
  background: #F4F7FA;
  color: #3F484C;
  box-sizing: border-box;
}
.bp-tags[data-v-dc529466] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 28px;
  margin-bottom: 8px;
}
.bp-tag[data-v-dc529466] {
  display: flex;
  align-items: center;
  gap: 4px;
  background: #3F484C;
  color: #fff;
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 10px;
}
.bp-tag button[data-v-dc529466] {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  padding: 0;
}
.bp-add-row[data-v-dc529466] {
  display: flex;
  gap: 8px;
  align-items: center;
}.sm-overlay[data-v-bd2e3534] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.sm-modal[data-v-bd2e3534] {
  background: #fff;
  border-radius: 10px;
  width: 500px;
  max-width: 95vw;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}
.sm-modal__header[data-v-bd2e3534] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 0;
  flex-shrink: 0;
}
.sm-modal__header h3[data-v-bd2e3534] {
  font-size: 16px;
  font-weight: 700;
  color: #2B2F36;
  margin: 0;
}
.sm-modal__close[data-v-bd2e3534] {
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: #9AA0A8;
  line-height: 1;
  padding: 0;
}
.sm-modal__steps[data-v-bd2e3534] {
  display: flex;
  gap: 6px;
  padding: 14px 24px 0;
  flex-shrink: 0;
}
.sm-modal__steps span[data-v-bd2e3534] {
  flex: 1;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  color: #a7b6c4;
  padding: 6px 0;
  border-bottom: 2px solid #E6E8EC;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.sm-modal__steps span.active[data-v-bd2e3534] {
  color: #2B2F36;
  border-bottom-color: #F5B301;
}
.sm-modal__body[data-v-bd2e3534] {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 0;
}
.sm-modal__footer[data-v-bd2e3534] {
  padding: 0 24px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  gap: 10px;
}
.sm-modal__footer-left[data-v-bd2e3534], .sm-modal__footer-right[data-v-bd2e3534] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sm-field-label[data-v-bd2e3534] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #2B2F36;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.sm-field-label .mt-4[data-v-bd2e3534] {
  margin-top: 16px;
}
.sm-field-label .sm-req[data-v-bd2e3534] {
  color: #d9534f;
}
.sm-field-input[data-v-bd2e3534],
.sm-field-textarea[data-v-bd2e3534] {
  display: block;
  width: 100%;
  border: 1.5px solid #E6E8EC;
  border-radius: 6px;
  padding: 0 12px;
  font-size: 13px;
  color: #2B2F36;
  background: #F4F7FA;
  box-sizing: border-box;
  font-family: inherit;
}
.sm-field-input[data-v-bd2e3534]:focus,
.sm-field-textarea[data-v-bd2e3534]:focus {
  outline: none;
  border-color: #F5B301;
  background: #fff;
}
.sm-field-input[data-v-bd2e3534] {
  height: 40px;
}
.sm-field-textarea[data-v-bd2e3534] {
  padding: 10px 12px;
  resize: vertical;
  min-height: 80px;
}
.sm-field-hint[data-v-bd2e3534] {
  margin: 6px 0 0;
  font-size: 11px;
  color: #9AA0A8;
  line-height: 1.35;
}
.sm-type-buttons[data-v-bd2e3534] {
  display: flex;
  gap: 8px;
}
.sm-type-btn[data-v-bd2e3534] {
  flex: 1;
  height: 40px;
  border: 1.5px solid #E6E8EC;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #9AA0A8;
  background: #F4F7FA;
  cursor: pointer;
  font-family: inherit;
}
.sm-type-btn.active[data-v-bd2e3534] {
  border-color: #F5B301;
  background: #F5B301;
  color: #1F2430;
}
.sm-review-card[data-v-bd2e3534] {
  background: #F4F7FA;
  border-radius: 8px;
  padding: 14px 16px;
}
.sm-review-row[data-v-bd2e3534] {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid #E6E8EC;
  font-size: 13px;
}
.sm-review-row[data-v-bd2e3534]:last-child {
  border-bottom: none;
}
.sm-review-row span[data-v-bd2e3534] {
  color: #9AA0A8;
}
.sm-review-row strong[data-v-bd2e3534] {
  color: #2B2F36;
  font-weight: 600;
}
.sm-review-row--block[data-v-bd2e3534] {
  flex-direction: column;
  gap: 6px;
}
.sm-review-notes[data-v-bd2e3534] {
  margin: 0;
  color: #2B2F36;
  white-space: pre-wrap;
  line-height: 1.4;
}
.sm-btn-primary[data-v-bd2e3534] {
  background: #F5B301;
  color: #1F2430;
  font-weight: 700;
  font-size: 13px;
  border: none;
  border-radius: 6px;
  padding: 9px 22px;
  cursor: pointer;
  font-family: inherit;
}
.sm-btn-primary[data-v-bd2e3534]:hover {
  background: #C98F00;
}
.sm-btn-primary[data-v-bd2e3534]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.sm-btn-secondary[data-v-bd2e3534] {
  background: #E3EBF2;
  color: #2B2F36;
  font-weight: 600;
  font-size: 13px;
  border: none;
  border-radius: 6px;
  padding: 9px 22px;
  cursor: pointer;
  font-family: inherit;
}
.sm-btn-secondary[data-v-bd2e3534]:hover {
  background: #d0dce8;
}
.sm-btn-text-danger[data-v-bd2e3534] {
  background: none;
  border: none;
  color: #d9534f;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  padding: 9px 0;
  font-family: inherit;
}
.sm-btn-text-danger[data-v-bd2e3534]:hover {
  text-decoration: underline;
}
.mt-4[data-v-bd2e3534] {
  margin-top: 16px;
}.sm-ring-setup__header[data-v-85e0582f] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #E6E8EC;
  margin-bottom: 16px;
}
.sm-ring-setup__title[data-v-85e0582f] {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 4px;
}
.sm-ring-setup__subtitle[data-v-85e0582f] {
  font-size: 12px;
  color: #6b7280;
  max-width: 720px;
  margin: 0;
}
.sm-ring-setup__close[data-v-85e0582f] {
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: #9AA0A8;
  line-height: 1;
  padding: 0;
}
.sm-ring-setup__rings[data-v-85e0582f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
.sm-ring-setup__rings[data-v-85e0582f] {
    grid-template-columns: 1fr;
}
}
.sm-ring-card[data-v-85e0582f] {
  padding: 12px;
  border: 1px solid #E6E8EC;
  border-radius: 8px;
  background: #f9fafb;
}
.sm-ring-card--core[data-v-85e0582f] {
  border-color: #F5B301;
  background: #FEF4D7;
}
.sm-ring-card__header[data-v-85e0582f] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.sm-ring-card__badge[data-v-85e0582f] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #2B2F36;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sm-ring-card--core .sm-ring-card__badge[data-v-85e0582f] {
  background: #F5B301;
  color: #1F2430;
}
.sm-ring-card__meta[data-v-85e0582f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.sm-ring-card__label[data-v-85e0582f] {
  font-size: 12px;
  font-weight: 700;
  color: #374151;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.sm-ring-card__count[data-v-85e0582f] {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  background: #ffffff;
  padding: 4px 8px;
  border-radius: 9999px;
}
.sm-ring-card__field[data-v-85e0582f] {
  margin-bottom: 8px;
}
.sm-ring-card__field[data-v-85e0582f]:last-child {
  margin-bottom: 0;
}
.sm-field-label[data-v-85e0582f] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #2B2F36;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.sm-field-input[data-v-85e0582f] {
  display: block;
  width: 100%;
  height: 36px;
  border: 1px solid #E6E8EC;
  border-radius: 6px;
  padding: 0 10px;
  font-size: 13px;
  color: #2B2F36;
  background: #fff;
  box-sizing: border-box;
  font-family: inherit;
}
.sm-field-input[data-v-85e0582f]:focus {
  outline: none;
  border-color: #F5B301;
  box-shadow: 0 0 0 2px rgba(245, 179, 1, 0.2);
}
.sm-field-error[data-v-85e0582f] {
  font-size: 11px;
  color: #d9534f;
  margin-top: 4px;
}
.sm-ring-setup__footer[data-v-85e0582f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid #E6E8EC;
}
.sm-ring-setup__footer-right[data-v-85e0582f] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sm-ring-setup__saved[data-v-85e0582f] {
  font-size: 12px;
  font-weight: 600;
  color: #16a34a;
}
.sm-ring-setup__btn[data-v-85e0582f] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 1px solid transparent;
  font-family: inherit;
}
.sm-ring-setup__btn--ghost[data-v-85e0582f] {
  background: #ffffff;
  border-color: #E6E8EC;
  color: #374151;
}
.sm-ring-setup__btn--ghost[data-v-85e0582f]:hover {
  background: #f9fafb;
}
.sm-ring-setup__btn--primary[data-v-85e0582f] {
  background: #F5B301;
  color: #1F2430;
}
.sm-ring-setup__btn--primary[data-v-85e0582f]:hover {
  background: #C98F00;
}.stakeholder-map-wrap[data-v-57ef1722] {
  width: 100%;
  height: 100%;
  min-height: 520px;
  font-family: Montserrat, sans-serif;
  display: flex;
  flex-direction: column;
}
.sm-page-header[data-v-57ef1722] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0 16px;
  flex-shrink: 0;
  gap: 16px;
}
.sm-page-header-left[data-v-57ef1722] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.sm-page-header-right[data-v-57ef1722] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.sm-help-btn[data-v-57ef1722] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #E6E8EC;
  background: #fff;
  color: #9AA0A8;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
}
.sm-help-btn[data-v-57ef1722]:hover {
  border-color: #F5B301;
  color: #C98F00;
}
.sm-ring-setup-btn[data-v-57ef1722] {
  height: 32px;
  border: 1px solid #E6E8EC;
  background: #fff;
  color: #2B2F36;
  border-radius: 6px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.sm-ring-setup-btn[data-v-57ef1722]:hover {
  background: #FDF9EC;
  border-color: #F5B301;
}
.sm-main[data-v-57ef1722] {
  position: relative;
  flex: 1;
  min-height: 0;
  padding: 24px 24px 20px 24px;
  background-color: #F4F7FA;
  background-image: radial-gradient(circle, #d1d8e0 1px, transparent 1px);
  background-size: 24px 24px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sm-filter-bar[data-v-57ef1722] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  margin-bottom: 8px;
  flex-shrink: 0;
}
.sm-filter-bar-left[data-v-57ef1722] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.sm-filter-bar-right[data-v-57ef1722] {
  display: flex;
  align-items: center;
  gap: 0;
  flex-shrink: 0;
}
.sm-filter-label[data-v-57ef1722] {
  font-size: 12px;
  font-weight: 700;
  color: #2B2F36;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.sm-filter-chip[data-v-57ef1722] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  border: 1px solid transparent;
  border-radius: 15px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: opacity 0.15s, transform 0.1s;
}
.sm-filter-chip[data-v-57ef1722]:hover {
  opacity: 0.85;
}
.sm-filter-chip[data-v-57ef1722]:active {
  transform: scale(0.97);
}
.sm-filter-chip--off[data-v-57ef1722] {
  opacity: 0.8;
}
.sm-filter-chip--off[data-v-57ef1722]:hover {
  opacity: 1;
}
.sm-filter-chip-dot[data-v-57ef1722] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.sm-stat-block[data-v-57ef1722] {
  display: flex;
  align-items: baseline;
  gap: 4px;
  padding: 0 12px;
  border-right: 1px solid #E6E8EC;
  font-size: 12px;
}
.sm-stat-block[data-v-57ef1722]:last-of-type {
  border-right: none;
}
.sm-stat-block--off[data-v-57ef1722] {
  opacity: 0.32;
}
.sm-stat-label[data-v-57ef1722] {
  font-weight: 700;
  color: #6B7280;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.sm-stat-value[data-v-57ef1722] {
  font-weight: 700;
  color: #20242C;
}
.sm-stat-divider[data-v-57ef1722] {
  width: 1px;
  height: 20px;
  background: #E6E8EC;
  margin: 0 8px;
}
.sm-card[data-v-57ef1722] {
  position: relative;
  flex: 1;
  min-height: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}
.sm-card-header[data-v-57ef1722] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 18px;
  border-bottom: 1px solid #E6E8EC;
  z-index: 10;
  background: #fff;
  flex-shrink: 0;
}
.sm-hint[data-v-57ef1722] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #6B7280;
}
.sm-hint-dot[data-v-57ef1722] {
  color: #9AA0A8;
  font-size: 13px;
}
.sm-header-actions[data-v-57ef1722] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.sm-btn-primary[data-v-57ef1722] {
  background: #F5B301;
  color: #1F2430;
  border: none;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s;
  font-family: inherit;
}
.sm-btn-primary[data-v-57ef1722]:hover {
  background: #C98F00;
}
.sm-btn-primary[data-v-57ef1722]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.sm-btn-ai[data-v-57ef1722] {
  background: transparent;
  color: #2B2F36;
  border: 1px solid #E6E8EC;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.sm-btn-ai[data-v-57ef1722]:hover {
  background: #FDF9EC;
  border-color: #F5B301;
}
.sm-loading[data-v-57ef1722] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6B7280;
  font-size: 13px;
  z-index: 5;
  background: rgba(255, 255, 255, 0.8);
}
.sm-canvas[data-v-57ef1722] {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: auto;
  z-index: 1;
  padding: 12px 12px 16px 12px;
}
.sm-scroll-wrapper[data-v-57ef1722] {
  min-width: 100%;
  min-height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.sm-surface[data-v-57ef1722] {
  position: relative;
  flex-shrink: 0;
  pointer-events: none;
  z-index: 1;
}
.sm-ring[data-v-57ef1722] {
  position: absolute;
  border-radius: 50%;
  border: none;
  background: transparent;
  pointer-events: none;
  transition: background 0.15s, box-shadow 0.15s;
}
.sm-ring[data-v-57ef1722]:hover {
  background: rgba(185, 203, 236, 0.06);
}
.sm-ring--core[data-v-57ef1722]:hover {
  background: rgba(242, 194, 48, 0.08);
}
.sm-ring--hover[data-v-57ef1722] {
  z-index: 2;
}
.sm-ring--disabled[data-v-57ef1722] {
  opacity: 0.22;
  cursor: default;
}
.sm-ring-tooltip[data-v-57ef1722] {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.sm-ring-svg[data-v-57ef1722] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  cursor: pointer;
}
.sm-ring-svg circle[data-v-57ef1722] {
  pointer-events: stroke;
}
.sm-ghost-pill[data-v-57ef1722] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(242, 194, 48, 0.25);
  border: 1.5px dashed #F2C230;
  color: #F2C230;
  font-weight: 700;
  z-index: 4;
  pointer-events: none;
}
.sm-pill[data-v-57ef1722] {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  max-width: 150px;
  height: 28px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  z-index: 5;
  pointer-events: auto;
  transition: left 0.3s ease, top 0.3s ease, transform 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  overflow: hidden;
}
.sm-pill--person[data-v-57ef1722] {
  background: #F5B301;
  color: #1F2430;
}
.sm-pill--organisation[data-v-57ef1722] {
  background: #2B2F36;
  color: #fff;
}
.sm-pill--system[data-v-57ef1722] {
  background: #fff;
  color: #1F2430;
  border: 1.5px solid #2B2F36;
}
.sm-pill--ring-0[data-v-57ef1722] {
  max-width: 95px;
  padding: 0 7px;
  font-size: 11px;
}
.sm-pill:hover .sm-pill-delete[data-v-57ef1722] {
  opacity: 1;
}
.sm-pill--filtered[data-v-57ef1722] {
  opacity: 0.15;
  pointer-events: none;
  cursor: default;
}
.sm-pill-dot[data-v-57ef1722] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.sm-pill-dot--person[data-v-57ef1722] {
  background: #F5B301;
}
.sm-pill-dot--organisation[data-v-57ef1722] {
  background: #2B2F36;
}
.sm-pill-dot--system[data-v-57ef1722] {
  background: #fff;
  border: 1.5px solid #2B2F36;
}
.sm-pill--person .sm-pill-dot--person[data-v-57ef1722] {
  background: #1F2430;
}
.sm-pill--organisation .sm-pill-dot--organisation[data-v-57ef1722] {
  background: #fff;
}
.sm-pill--system .sm-pill-dot--system[data-v-57ef1722] {
  background: #2B2F36;
}
.sm-pill-name[data-v-57ef1722] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sm-pill-delete[data-v-57ef1722] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.18);
  color: inherit;
  font-size: 12px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s, background 0.15s;
  padding: 0;
  flex-shrink: 0;
}
.sm-pill-delete[data-v-57ef1722]:hover {
  background: rgba(0, 0, 0, 0.35);
}
.sm-rail-overlay[data-v-57ef1722] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 8;
  pointer-events: none;
}
.sm-rail-item[data-v-57ef1722] {
  position: absolute;
  left: 16px;
  width: 170px;
}
.sm-rail-tag[data-v-57ef1722] {
  display: inline-block;
  background: #FFC42E;
  color: #1F2430;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 3px 7px;
  border-radius: 4px;
  margin-bottom: 3px;
}
.sm-rail-label[data-v-57ef1722] {
  font-size: 12px;
  font-weight: 600;
  color: #9AA0A8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sm-rail-leader[data-v-57ef1722] {
  position: absolute;
  left: 170px;
  height: 0;
  border-top: 1.5px dotted #CDD1D8;
  transform: translateY(-50%);
}
.sm-zoom-controls[data-v-57ef1722] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sm-zoom-pill[data-v-57ef1722] {
  display: inline-flex;
  align-items: center;
  border: 1px solid #E6E8EC;
  border-radius: 6px;
  background: #ffffff;
  overflow: hidden;
}
.sm-zoom-pill__btn[data-v-57ef1722] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #2B2F36;
  cursor: pointer;
  transition: background 0.15s ease;
  font-family: inherit;
}
.sm-zoom-pill__btn[data-v-57ef1722]:hover:not(:disabled) {
  background: #FEF4D7;
}
.sm-zoom-pill__btn[data-v-57ef1722]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.sm-zoom-pill__pct[data-v-57ef1722] {
  width: 40px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 11px;
  color: #2B2F36;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  border-left: 1px solid #E6E8EC;
  border-right: 1px solid #E6E8EC;
}
.sm-zoom-fit[data-v-57ef1722] {
  height: 28px;
  padding: 0 10px;
  border-radius: 6px;
  border: 1px solid #E6E8EC;
  background: #ffffff;
  color: #2B2F36;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease;
  font-family: inherit;
}
.sm-zoom-fit[data-v-57ef1722]:hover {
  background: #FEF4D7;
  border-color: #F5B301;
}
.sm-legend[data-v-57ef1722] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 0;
  font-size: 12px;
  color: #2B2F36;
  flex-shrink: 0;
}
.sm-legend-item[data-v-57ef1722] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.sm-legend-dot[data-v-57ef1722] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.sm-legend-dot--person[data-v-57ef1722] {
  background: #F5B301;
}
.sm-legend-dot--organisation[data-v-57ef1722] {
  background: #2B2F36;
}
.sm-legend-dot--system[data-v-57ef1722] {
  background: #fff;
  border: 1.5px solid #2B2F36;
}
.sm-overlay[data-v-57ef1722] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.sm-dialog[data-v-57ef1722] {
  background: #fff;
  border-radius: 10px;
  padding: 28px 32px;
  min-width: 300px;
  text-align: center;
  font-size: 14px;
  color: #2B2F36;
}
.sm-dialog p[data-v-57ef1722] {
  margin: 0 0 20px;
  font-weight: 500;
}
.sm-dialog__actions[data-v-57ef1722] {
  display: flex;
  gap: 12px;
  justify-content: center;
}
.sm-modal[data-v-57ef1722] {
  background: #fff;
  border-radius: 10px;
  width: 500px;
  max-width: 95vw;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18);
}
.sm-modal__header[data-v-57ef1722] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 0;
}
.sm-modal__header h3[data-v-57ef1722] {
  font-size: 16px;
  font-weight: 700;
  color: #2B2F36;
  margin: 0;
}
.sm-modal__close[data-v-57ef1722] {
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: #9AA0A8;
  line-height: 1;
  padding: 0;
}
.sm-modal__body[data-v-57ef1722] {
  padding: 20px 24px;
}
.sm-modal__footer[data-v-57ef1722] {
  padding: 0 24px 20px;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.sm-field-label[data-v-57ef1722] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #2B2F36;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.sm-field-label.mt-4[data-v-57ef1722] {
  margin-top: 16px;
}
.sm-field-label .sm-req[data-v-57ef1722] {
  color: #d9534f;
}
.sm-field-input[data-v-57ef1722] {
  display: block;
  width: 100%;
  height: 40px;
  border: 1.5px solid #E6E8EC;
  border-radius: 6px;
  padding: 0 12px;
  font-size: 13px;
  color: #2B2F36;
  background: #F4F7FA;
  box-sizing: border-box;
  font-family: inherit;
}
.sm-field-input[data-v-57ef1722]:focus {
  outline: none;
  border-color: #F5B301;
  background: #fff;
}
.sm-ai-warning[data-v-57ef1722] {
  margin-top: 14px;
  font-size: 12px;
  color: #d9534f;
  font-weight: 500;
}
.sm-btn-secondary[data-v-57ef1722] {
  background: #E3EBF2;
  color: #2B2F36;
  font-weight: 600;
  font-size: 13px;
  border: none;
  border-radius: 6px;
  padding: 9px 22px;
  cursor: pointer;
  font-family: inherit;
}
.sm-btn-secondary[data-v-57ef1722]:hover {
  background: #d0dce8;
}
.sm-btn-danger[data-v-57ef1722] {
  background: #d9534f;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  border: none;
  border-radius: 6px;
  padding: 9px 22px;
  cursor: pointer;
  font-family: inherit;
}
.sm-btn-danger[data-v-57ef1722]:hover {
  background: #c9302c;
}
.viewport-model-steps:has(.stakeholder-map-wrap) .title-wrap {
    flex: 0 0 auto;
}
.viewport-model-steps:has(.stakeholder-map-wrap) .stakeholder-header-controls {
    flex: 1 1 auto;
    justify-content: flex-start;
}
.viewport-model-steps:has(.stakeholder-map-wrap) .vp-header-controls:empty {
    display: none;
}
.stakeholder-table-wrap[data-v-308116e7] {
  width: 100%;
  height: 100%;
  min-height: 0;
  font-family: Montserrat, sans-serif;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
}
.st-main[data-v-308116e7] {
  position: relative;
  flex: 1;
  min-height: 0;
  padding: 24px 24px 5px 24px;
  background-color: #F4F7FA;
  background-image: radial-gradient(circle, #d1d8e0 1px, transparent 1px);
  background-size: 24px 24px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
}
.st-banner[data-v-308116e7] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 16px;
  background: #FEF4D7;
  border: 1px solid #F3E2A8;
  border-radius: 8px;
  font-size: 12px;
  color: #6B5A12;
  margin-bottom: 16px;
  flex-shrink: 0;
}
.st-banner-icon[data-v-308116e7] {
  font-size: 13px;
  flex-shrink: 0;
}
.st-banner-link[data-v-308116e7] {
  background: none;
  border: none;
  padding: 0;
  font-size: inherit;
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
  font-family: inherit;
}
.st-banner-link[data-v-308116e7]:hover {
  text-decoration: none;
}
.st-toolbar[data-v-308116e7] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  flex-shrink: 0;
}
.st-search[data-v-308116e7] {
  width: 300px;
  height: 36px;
  border: 1.5px solid #E6E8EC;
  border-radius: 6px;
  padding: 0 12px;
  font-size: 13px;
  color: #2B2F36;
  background: #fff;
  font-family: inherit;
}
.st-search[data-v-308116e7]:focus {
  outline: none;
  border-color: #F5B301;
}
.st-status[data-v-308116e7] {
  font-size: 12px;
  font-weight: 700;
  color: #2B2F36;
  margin-left: auto;
}
.st-hint[data-v-308116e7] {
  font-size: 11px;
  color: #9AA0A8;
  font-weight: 500;
}
.st-loading[data-v-308116e7] {
  padding: 40px;
  text-align: center;
  color: #6B7280;
  font-size: 13px;
  flex: 1;
}
.st-table-wrap[data-v-308116e7] {
  flex: 1;
  min-height: 0;
  overflow: auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.st-table[data-v-308116e7] {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
  background: #fff;
  font-size: 13px;
}
.st-table thead[data-v-308116e7] {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #fff;
}
.st-table th[data-v-308116e7] {
  height: 42px;
  padding: 0 16px;
  text-align: left;
  font-size: 10.5px;
  font-weight: 750;
  letter-spacing: 0.7px;
  color: #5B6068;
  text-transform: uppercase;
  border-bottom: 1.5px solid #3A3F47;
  white-space: nowrap;
}
.st-table th.st-sortable[data-v-308116e7] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.st-table th.st-actions[data-v-308116e7] {
  width: 80px;
}
.st-table th:hover .st-sort[data-v-308116e7]:not(.st-sort--active) {
  opacity: 0.7;
}
.st-table td[data-v-308116e7] {
  padding: 12px 16px;
  border-bottom: 1px solid #F0F1F4;
  color: #2B2F36;
  vertical-align: top;
}
.st-table tr.st-data-row:hover td[data-v-308116e7] {
  background: #FBFAF6;
}
.st-sort[data-v-308116e7] {
  margin-left: 6px;
  font-size: 9px;
  opacity: 0.25;
  transition: opacity 0.15s;
}
.st-sort--active[data-v-308116e7] {
  opacity: 1;
}
.st-group-header td[data-v-308116e7] {
  border-left: 4px solid;
  padding: 10px 16px;
}
.st-group-title[data-v-308116e7] {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin-right: 10px;
}
.st-group-count[data-v-308116e7] {
  font-size: 12px;
  font-weight: 400;
  opacity: 0.75;
}
.st-empty-row td[data-v-308116e7] {
  font-style: italic;
  color: #9AA0A8;
  font-size: 12px;
  padding: 14px 16px;
}
.st-subtotal-row td[data-v-308116e7] {
  background: #F4F5F7;
  color: #5B6068;
  font-size: 12px;
  font-weight: 600;
  padding: 10px 16px;
}
.st-name[data-v-308116e7] {
  font-weight: 600;
  color: #1F2430;
}
.st-type-chip[data-v-308116e7] {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #D9DCE1;
  color: #5B6068;
  font-size: 11px;
  font-weight: 600;
}
.st-edit-btn[data-v-308116e7] {
  height: 28px;
  border: 1px solid #E6E8EC;
  border-radius: 6px;
  background: #fff;
  color: #2B2F36;
  font-size: 12px;
  font-weight: 600;
  padding: 0 12px;
  cursor: pointer;
  font-family: inherit;
}
.st-edit-btn[data-v-308116e7]:hover {
  border-color: #F5B301;
  background: #FDF9EC;
}
.st-total-row td[data-v-308116e7] {
  background: #2B2F36;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 12px 16px;
}.shape_modal[data-v-afb76318] {
  width: 924px;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 32px;
}
.shape_modal__header[data-v-afb76318] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  line-height: 29px;
  color: #000000;
  margin-bottom: 24px;
}
.shape_modal__header_title_input_text[data-v-afb76318] {
  background: #FFFFFF;
  border: 1px solid #C4C4C4;
  border-radius: 4px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.shape_modal__header_title_input_text[data-v-afb76318] :focus-visible {
  border: 2px solid #febc2c !important;
  outline: none;
}
.shape_modal__header > span[data-v-afb76318] {
  margin-right: 8px;
  padding-top: 7px;
  display: block;
  width: 28px;
  height: 28px;
  background: #FEBC2C;
  border-radius: 25px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #000000;
}
.shape_modal--btn[data-v-afb76318] {
  float: right;
  padding: 9px 24px;
  margin-top: 32px;
  display: flex;
}
.shape_modal--btn.disabled[data-v-afb76318] {
  background: #FFFFFF;
  border: 1px solid #D3D3D3;
}
.shape_modal--btn > span[data-v-afb76318] {
  margin-right: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #D3D3D3;
}
.shape_modal__body > label[data-v-afb76318] {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #4A4A4A;
  margin-bottom: 8px;
}
.shape_modal__header_title_input[data-v-afb76318] {
  height: 40px;
  border-radius: 4px;
  padding: 7px 8px 7px 8px;
  border: 1px solid #D3D3D3;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
}
.vue-universal-modal[data-v-afb76318] {
  background-color: rgba(34, 34, 40, 0.3) !important;
}
.table-row__upper_header[grid=capability_implementation_grid][data-v-afb76318] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.table-row__upper_header[grid=capability_implementation_grid][data-v-afb76318] > :first-child:is(td) {
  grid-area: 1/3/2/1;
}
.table-row__upper_header[grid=capability_implementation_grid][data-v-afb76318] > :nth-child(3):is(td) {
  grid-area: 1/6/1/3;
}
.table-row__spared_approval > td[data-v-afb76318]:not(:nth-child(n+8)) {
  border-bottom: unset !important;
}
.table-row__spared_approval > td[data-v-afb76318]:nth-child(1) {
  border-bottom-left-radius: unset !important;
}
.table-row__spared_approval > td[data-v-afb76318]:nth-child(3) {
  border: 1px solid #D3D3D3 !important;
}
.table-row__spared_approval > td[data-v-afb76318]:nth-child(7) {
  border-right: 1px solid #D3D3D3 !important;
}
.table-row__spared_approval > td[data-v-afb76318]:nth-child(8) {
  padding-left: 1rem !important;
  border-left: 1px solid #D3D3D3 !important;
  border-bottom-left-radius: 10px;
}
.table-row__body :nth-child(odd):is(.level_4_step_action_grid) > td[data-v-afb76318], .table-row__body :nth-child(odd):is(.level_4_step_action_grid) > td > .scrolled-textarea[data-v-afb76318] {
  background: #EFEFEF;
}
.table-row__body :nth-child(even):is(.level_4_step_action_grid) > td[data-v-afb76318], .table-row__body :nth-child(even):is(.level_4_step_action_grid) > td > .scrolled-textarea[data-v-afb76318] {
  background: #E8E8E8;
}
.table-row__body :first-child > td[data-v-afb76318]:first-child,
.table-row__body :first-child > td:first-child > .scrolled-textarea[data-v-afb76318] {
  border-top-left-radius: 10px;
}
.table-row__body :first-child > td[data-v-afb76318]:last-child,
.table-row__body :first-child > td:last-child > .scrolled-textarea[data-v-afb76318] {
  border-top-right-radius: 10px;
}
.table-row__body[data-v-afb76318] :first-child:is(.process_model_catalogue_grid) {
  grid-area: 1/1/5/1;
}
.table-row__body[data-v-afb76318] :nth-child(4n+5):is(.process_model_catalogue_grid) {
  display: none;
}
.table-row__body :last-child > td[data-v-afb76318] {
  border-bottom: 1px solid rgb(211, 211, 211);
}
.table-row__body :last-child > td:first-child > .scrolled-textarea[data-v-afb76318], .table-row__body :last-child > td[data-v-afb76318]:first-child {
  border-bottom-left-radius: 10px;
}
.table-row__body :last-child > td[data-v-afb76318] {
  border-bottom: 1px solid rgb(211, 211, 211);
}
.table-row__body :last-child > td:last-child > .scrolled-textarea[data-v-afb76318], .table-row__body :last-child > td[data-v-afb76318]:last-child {
  border-bottom-right-radius: 10px;
}
.table-row__body :last-child > td > .table-col__icon[data-v-afb76318] {
  margin-top: 3px;
}
.table-row__cell[data-v-afb76318] {
  display: grid;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #2E4050;
  word-break: break-word;
  grid-template-columns: 11.9em repeat(4, 3rem) 1fr;
  /*&:not(.level_4_step_action_grid):not(.capability_model_grid) {
       :nth-last-child(2):not(.custom-hoba-checkbox) {
          border-right: none;
      }
  }*/
  /*&:not(.level_4_step_action_grid):not(.capability_model_grid) {
       :nth-child(2),
       :nth-child(n+2) {
          border-bottom: none;
      }
  }*/
}
.table-row__cell[data-v-afb76318] :first-child:is(td) {
  padding-left: 1rem;
}
.table-row__cell :first-child > .business_architecture_plan_col[data-v-afb76318] {
  padding-left: 1rem;
}
.table-row__cell td[data-v-afb76318] {
  border: 1px solid #D3D3D3;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  display: flex;
  align-items: center;
  border-bottom: none;
}
.table-row__cell td[data-v-afb76318]:not(:last-child):not(.spared-row) {
  border-right: 1px dashed #bbb9b9 !important;
}
.table-row__cell td[data-v-afb76318]:not(:first-child) {
  border-left: none;
  border-right: none;
}
.table-row__cell td:last-child span[data-v-afb76318] {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: none;
}
.table-row__cell[data-v-afb76318]:not(.terms_definitions_grid):nth-child(2):not(.slider) {
  border-right: none !important;
}
.table-row__cell[data-v-afb76318] :has(.communications_plan_grid):nth-child(n+2) {
  border: 1px solid #D3D3D3;
}
.table-row__cell td[data-v-afb76318]:last-child {
  border-right: 1px solid #D3D3D3;
}
.table-col__textarea_container[data-v-afb76318] {
  cursor: pointer;
}
.table-col__textarea_inner[data-v-afb76318] {
  width: 100%;
  border-style: none;
  text-transform: unset;
  color: rgb(46, 64, 80);
  outline: none;
  text-transform: initial;
  padding-top: 4px;
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 4px;
}
.table-col__textarea_inner_empty_focused[data-v-afb76318] {
  border: 1px solid #FEBC2C;
  padding: 4px;
}
.table-col__icon[data-v-afb76318] {
  width: 1.25rem;
  height: 1.25rem;
}
.table-col__checkbox_group[data-v-afb76318] {
  display: flex;
  flex-direction: column;
}
.table-col__checkbox_group[data-v-afb76318] :hover {
  cursor: pointer;
}
.table-col__checkbox_group span[data-v-afb76318] {
  padding: 0.25rem 0;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #333333 !important;
}
.table-col__checkbox_group span input[data-v-afb76318] {
  margin-right: 0.25rem;
  margin-bottom: 2px;
  border: 1px solid #939393;
}
.table-row__head[data-v-afb76318] {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #2E4050;
}
.table-row__head[data-v-afb76318] :first-child:is(td) {
  padding-left: 1rem;
}
.table-row__head_sub[data-v-afb76318] {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #6A869F;
}
.table-row__grid[data-v-afb76318] {
  display: grid;
  grid-template-columns: 15% 15% 30% auto;
}
.model-catalogue__cell_heading[data-v-afb76318] {
  display: block;
  overflow: visible;
  white-space: normal;
  word-break: break-word;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  text-overflow: unset;
  max-width: 100%;
}
.model-catalogue__cell_title[data-v-afb76318] {
  margin-bottom: 0.25rem;
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.model-catalogue__cell_title[data-v-afb76318] :last-child:is(span) {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #2E4050;
  word-break: break-word;
}.cell-tooltip[data-v-94cd2f00] {
  position: fixed;
  top: 49%;
  writing-mode: horizontal-tb;
  margin-left: -2%;
  background: white;
  width: 194px;
  height: 42px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 10px;
  color: #2e4050;
}
.cell-tooltip[data-v-94cd2f00]::before {
  margin-top: -44px;
  transform: rotate(90deg);
  margin-left: 1rem;
  position: absolute;
  left: 0%;
  content: " ";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABrSURBVHgBlZBRDYAwDAUbFCABKThgEnACDmYBB0hAAhKQgIRH90HWNEvbXXLJPm5pWiIDACubrGBkL1TOVjSxDxQ6SuyLBjLaYfBHBxxKNCPAQD3wh+yOFvEWCsPn6Tq4im/RZXKWXIrl/QHXskMNWW0z3gAAAABJRU5ErkJggg==");
  width: 18px;
  height: 13px;
}
.process-catalogue[data-v-d05ff7e0] {
  /* Header section sits on white; blue-grey lives only inside the internal
     scroll container (per retest). */
  background: #ffffff;
  flex: 1;
  min-height: 0;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  /* W13-500 Badge Standard (PM-REF-43/53): straight sides, rounded corners;
     inactive = gray fill/font/border, active = accent fill + 2px darker
     border + dark font, no shadow. */
  /* Internal container (W13-500 Foundations): blue-grey field, blue-grey
     border, top corners rounded / bottom corners square toward the footer,
     no dead margin below. */
  /* PM-REF-52: status/version sit left-aligned under the L4 title text
     (pill ≈ 26–44px wide; 44px offset approximates the title indent —
     pill width varies with ref length, see RECOMMENDATIONS). */
  /* PM-REF-52: expanded description left-aligned to the L4 title text. */
}
.process-catalogue__header[data-v-d05ff7e0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: -20px -20px 16px -20px;
  padding: 16px 20px;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}
.process-catalogue__header-left[data-v-d05ff7e0] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.process-catalogue__header-right[data-v-d05ff7e0] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.process-catalogue .pc-breadcrumb[data-v-d05ff7e0] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  font-size: 13px;
  color: #6b7280;
}
.process-catalogue .pc-breadcrumb__item[data-v-d05ff7e0] {
  white-space: nowrap;
}
.process-catalogue .pc-breadcrumb__item--active[data-v-d05ff7e0] {
  font-weight: 600;
  color: #1f2937;
}
.process-catalogue .pc-breadcrumb__sep[data-v-d05ff7e0] {
  color: #d1d5db;
}
.process-catalogue .pc-title-row[data-v-d05ff7e0] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.process-catalogue .pc-l1-tabs[data-v-d05ff7e0] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.process-catalogue .pc-l1-badge[data-v-d05ff7e0] {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #6B7280;
  background: #E5E7EB;
  border: 1px solid #D1D5DB;
  cursor: pointer;
  transition: all 0.12s ease;
}
.process-catalogue .pc-l1-badge[data-v-d05ff7e0]:hover {
  background: #D1D5DB;
}
.process-catalogue .pc-l1-badge--active[data-v-d05ff7e0] {
  background: #febc2c;
  border: 2px solid #f59e0b;
  color: #1f2937;
  font-weight: 600;
}
.process-catalogue .pc-l1-badge--active[data-v-d05ff7e0]:hover {
  background: #f0b01e;
}
.process-catalogue .pc-back-btn[data-v-d05ff7e0] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: #5F5E5A;
  cursor: pointer;
  margin-left: -4px;
  transition: background 0.12s;
}
.process-catalogue .pc-back-btn[data-v-d05ff7e0]:hover {
  background: #F4F7FA;
}
.process-catalogue .pc-info-icon[data-v-d05ff7e0] {
  display: inline-flex;
  color: #B4B2A9;
  flex-shrink: 0;
  cursor: help;
}
.process-catalogue__title[data-v-d05ff7e0] {
  font-size: 20px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: normal;
  word-break: break-word;
}
.process-catalogue__meta[data-v-d05ff7e0] {
  font-size: 13px;
  color: #6b7280;
}
.process-catalogue__table-wrapper[data-v-d05ff7e0] {
  flex: 1;
  min-height: 0;
  background: #f4f7fa;
  border: 1px solid #C3CFD8;
  border-radius: 12px 12px 0 0;
  overflow: auto;
  padding: 16px;
}
.process-catalogue__table[data-v-d05ff7e0] {
  width: 100%;
  /* PM13-5(b): fixed layout — expanding a row grows its height, never
     rebalances column widths. */
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 13px;
  background: #ffffff;
  border: 1px solid #C3CFD8;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.process-catalogue__th[data-v-d05ff7e0] {
  text-align: left;
  padding: 10px 16px;
  font-weight: 600;
  font-size: 11px;
  color: #2e4050;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  background: #e8edf2;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
  /* PM-REF-51: header row locked on vertical scroll. */
  position: sticky;
  top: 0;
  z-index: 2;
}
.process-catalogue__tr[data-v-d05ff7e0] {
  background: #ffffff;
}
.process-catalogue__td[data-v-d05ff7e0] {
  padding: 12px 16px;
  /* PM-REF-53/67: internal lines at capability-catalog darkness. */
  border-bottom: 1px solid #e5e7eb;
  border-left: 1px solid #e5e7eb;
  vertical-align: top;
  min-height: 68px;
}
.process-catalogue__td--l1[data-v-d05ff7e0] {
  background: #ffffff;
}
.process-catalogue__td--l4[data-v-d05ff7e0] {
  transition: background 0.12s ease;
}
.process-catalogue__td--clickable[data-v-d05ff7e0] {
  cursor: pointer;
}
.process-catalogue__td--clickable[data-v-d05ff7e0]:hover {
  background: #f3f4f6;
}
.process-catalogue__l4-meta[data-v-d05ff7e0] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding-top: 6px;
  padding-left: 44px;
  border-top: 1px solid #e5e7eb;
}
.process-catalogue .pc-status-dot[data-v-d05ff7e0] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.process-catalogue .pc-status-label[data-v-d05ff7e0] {
  font-size: 11px;
  font-weight: 500;
  color: #6b7280;
  text-transform: capitalize;
}
.process-catalogue .pc-version[data-v-d05ff7e0] {
  font-size: 11px;
  font-weight: 500;
  color: #9ca3af;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.process-catalogue .pc-expand-btn[data-v-d05ff7e0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: auto;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #9ca3af;
  padding: 0;
  transition: background 0.12s, color 0.12s;
}
.process-catalogue .pc-expand-btn[data-v-d05ff7e0]:hover {
  background: #f3f4f6;
  color: #374151;
}
.process-catalogue .pc-expand-btn svg[data-v-d05ff7e0] {
  transition: transform 0.2s ease;
}
.process-catalogue .pc-expand-icon--open[data-v-d05ff7e0] {
  transform: rotate(180deg);
}
.process-catalogue .pc-description[data-v-d05ff7e0] {
  margin-top: 8px;
  padding-top: 8px;
  padding-left: 44px;
  border-top: 1px solid #e5e7eb;
  font-size: 12px;
  color: #6b7280;
  line-height: 1.5;
  /* PM13-5(b): cap at 2 lines with an ellipsis; the full text is in the
     hover tooltip (:title on the same element). */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.process-catalogue .pc-description[data-v-d05ff7e0] p {
  margin: 0 0 4px;
}
.process-catalogue .pc-description[data-v-d05ff7e0] p:last-child {
  margin-bottom: 0;
}
.process-catalogue__empty[data-v-d05ff7e0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 20px;
  gap: 12px;
  text-align: center;
}
.process-catalogue__empty p[data-v-d05ff7e0] {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}
.process-catalogue__empty span[data-v-d05ff7e0] {
  font-size: 13px;
  color: #9ca3af;
}

/* ── Header chrome (teleported into the shared PM header slots) ──────────
   Top-level (still scoped via data-v) so the styles keep matching the
   teleported nodes, which are no longer descendants of .process-catalogue. */
.pc-labels[data-v-d05ff7e0] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  overflow: hidden;
  min-width: 0;
}
.pc-right-controls[data-v-d05ff7e0] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.pc-btn-sm[data-v-d05ff7e0] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #374151;
  background: #ffffff;
  cursor: not-allowed;
  opacity: 0.7;
  transition: all 0.12s ease;
}
.pc-btn-sm[data-v-d05ff7e0]:not(:disabled) {
  cursor: pointer;
  opacity: 1;
  /* PM-REF-50: hover = gray background, font UNCHANGED, never blue. */
}
.pc-btn-sm[data-v-d05ff7e0]:not(:disabled):hover {
  background: #f4f7fa;
  border-color: #d1d5db;
}
.pc-btn--expand[data-v-d05ff7e0] {
  background: #ffffff;
  border-color: #e5e7eb;
  color: #374151;
  font-weight: 500;
}
.pc-btn--expand[data-v-d05ff7e0]:hover {
  background: #f4f7fa;
  border-color: #d1d5db;
}
.table-row__upper_header[grid=capability_implementation_grid][data-v-cadd5f38] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.table-row__upper_header[grid=capability_implementation_grid][data-v-cadd5f38] > :first-child:is(td) {
  grid-area: 1/3/2/1;
}
.table-row__upper_header[grid=capability_implementation_grid][data-v-cadd5f38] > :nth-child(3):is(td) {
  grid-area: 1/6/1/3;
}
.table-row__spared_approval > td[data-v-cadd5f38]:not(:nth-child(n+8)) {
  border-bottom: unset !important;
}
.table-row__spared_approval > td[data-v-cadd5f38]:nth-child(1) {
  border-bottom-left-radius: unset !important;
}
.table-row__spared_approval > td[data-v-cadd5f38]:nth-child(3) {
  border: 1px solid #D3D3D3 !important;
}
.table-row__spared_approval > td[data-v-cadd5f38]:nth-child(7) {
  border-right: 1px solid #D3D3D3 !important;
}
.table-row__spared_approval > td[data-v-cadd5f38]:nth-child(8) {
  padding-left: 1rem !important;
  border-left: 1px solid #D3D3D3 !important;
  border-bottom-left-radius: 10px;
}
.table-row__body :nth-child(odd):is(.level_4_step_action_grid) > td[data-v-cadd5f38], .table-row__body :nth-child(odd):is(.level_4_step_action_grid) > td > .scrolled-textarea[data-v-cadd5f38] {
  background: #EFEFEF;
}
.table-row__body :nth-child(even):is(.level_4_step_action_grid) > td[data-v-cadd5f38], .table-row__body :nth-child(even):is(.level_4_step_action_grid) > td > .scrolled-textarea[data-v-cadd5f38] {
  background: #E8E8E8;
}
.table-row__body :first-child > td[data-v-cadd5f38]:first-child,
.table-row__body :first-child > td:first-child > .scrolled-textarea[data-v-cadd5f38] {
  border-top-left-radius: 10px;
}
.table-row__body :first-child > td[data-v-cadd5f38]:last-child,
.table-row__body :first-child > td:last-child > .scrolled-textarea[data-v-cadd5f38] {
  border-top-right-radius: 10px;
}
.table-row__body[data-v-cadd5f38] :first-child:is(.process_model_catalogue_grid) {
  grid-area: 1/1/5/1;
}
.table-row__body[data-v-cadd5f38] :nth-child(4n+5):is(.process_model_catalogue_grid) {
  display: none;
}
.table-row__body :last-child > td[data-v-cadd5f38] {
  border-bottom: 1px solid rgb(211, 211, 211);
}
.table-row__body :last-child > td:first-child > .scrolled-textarea[data-v-cadd5f38], .table-row__body :last-child > td[data-v-cadd5f38]:first-child {
  border-bottom-left-radius: 10px;
}
.table-row__body :last-child > td[data-v-cadd5f38] {
  border-bottom: 1px solid rgb(211, 211, 211);
}
.table-row__body :last-child > td:last-child > .scrolled-textarea[data-v-cadd5f38], .table-row__body :last-child > td[data-v-cadd5f38]:last-child {
  border-bottom-right-radius: 10px;
}
.table-row__body :last-child > td > .table-col__icon[data-v-cadd5f38] {
  margin-top: 3px;
}
.table-row__cell[data-v-cadd5f38] {
  display: grid;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #2E4050;
  word-break: break-word;
  grid-template-columns: 11.9em repeat(4, 3rem) 1fr;
  /*&:not(.level_4_step_action_grid):not(.capability_model_grid) {
       :nth-last-child(2):not(.custom-hoba-checkbox) {
          border-right: none;
      }
  }*/
  /*&:not(.level_4_step_action_grid):not(.capability_model_grid) {
       :nth-child(2),
       :nth-child(n+2) {
          border-bottom: none;
      }
  }*/
}
.table-row__cell[data-v-cadd5f38] :first-child:is(td) {
  padding-left: 1rem;
}
.table-row__cell :first-child > .business_architecture_plan_col[data-v-cadd5f38] {
  padding-left: 1rem;
}
.table-row__cell td[data-v-cadd5f38] {
  border: 1px solid #D3D3D3;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  display: flex;
  align-items: center;
  border-bottom: none;
}
.table-row__cell td[data-v-cadd5f38]:not(:last-child):not(.spared-row) {
  border-right: 1px dashed #bbb9b9 !important;
}
.table-row__cell td[data-v-cadd5f38]:not(:first-child) {
  border-left: none;
  border-right: none;
}
.table-row__cell td:last-child span[data-v-cadd5f38] {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: none;
}
.table-row__cell[data-v-cadd5f38]:not(.terms_definitions_grid):nth-child(2):not(.slider) {
  border-right: none !important;
}
.table-row__cell[data-v-cadd5f38] :has(.communications_plan_grid):nth-child(n+2) {
  border: 1px solid #D3D3D3;
}
.table-row__cell td[data-v-cadd5f38]:last-child {
  border-right: 1px solid #D3D3D3;
}
.table-col__textarea_container[data-v-cadd5f38] {
  cursor: pointer;
}
.table-col__textarea_inner[data-v-cadd5f38]{
  width: 100%;
  border-style: none;
  text-transform: unset;
  color: rgb(46, 64, 80);
  outline: none;
  text-transform: initial;
  padding-top: 4px;
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 4px;
}
.table-col__textarea_inner_empty_focused[data-v-cadd5f38] {
  border: 1px solid #FEBC2C;
  padding: 4px;
}
.table-col__icon[data-v-cadd5f38] {
  width: 1.25rem;
  height: 1.25rem;
}
.table-col__checkbox_group[data-v-cadd5f38] {
  display: flex;
  flex-direction: column;
}
.table-col__checkbox_group[data-v-cadd5f38] :hover {
  cursor: pointer;
}
.table-col__checkbox_group span[data-v-cadd5f38] {
  padding: 0.25rem 0;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #333333 !important;
}
.table-col__checkbox_group span input[data-v-cadd5f38] {
  margin-right: 0.25rem;
  margin-bottom: 2px;
  border: 1px solid #939393;
}
.table-row__head[data-v-cadd5f38] {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #2E4050;
}
.table-row__head[data-v-cadd5f38] :first-child:is(td) {
  padding-left: 1rem;
}
.table-row__head_sub[data-v-cadd5f38] {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #6A869F;
}
.table-row__grid[data-v-cadd5f38] {
  display: grid;
  grid-template-columns: 15% 15% 30% auto;
}
.raid-toolbar[data-v-cadd5f38] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 8px 0 8px;
}
.raid-toolbar__actions[data-v-cadd5f38] {
  display: flex;
  gap: 8px;
}
.raid-btn[data-v-cadd5f38] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.raid-btn--primary[data-v-cadd5f38] {
  background: #F4B942;
  color: #1A1A2E;
}
.raid-btn--primary[data-v-cadd5f38]:hover {
  background: #e5a830;
}
.raid-btn--primary[data-v-cadd5f38]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.raid-btn--secondary[data-v-cadd5f38] {
  background: #fff;
  color: #374151;
  border-color: #d1d5db;
}
.raid-btn--secondary[data-v-cadd5f38]:hover {
  background: #f3f4f6;
}
.raid-btn--danger[data-v-cadd5f38] {
  background: #dc2626;
  color: #fff;
}
.raid-btn--danger[data-v-cadd5f38]:hover {
  background: #b91c1c;
}
.raid-btn--ai[data-v-cadd5f38] {
  background: #fff;
  color: #6b7280;
  border-color: #d1d5db;
}
.raid-btn--disabled[data-v-cadd5f38] {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.table-row__head .risk_register_grid > td[data-v-cadd5f38]:nth-child(2),
.table-row__head .assumptions_register_grid > td[data-v-cadd5f38]:nth-child(2),
.table-row__head .issues_register_grid > td[data-v-cadd5f38]:nth-child(2),
.table-row__head .dependencies_register_grid > td[data-v-cadd5f38]:nth-child(2),
.table-row__body .risk_register_grid > td[data-v-cadd5f38]:nth-child(2),
.table-row__body .assumptions_register_grid > td[data-v-cadd5f38]:nth-child(2),
.table-row__body .issues_register_grid > td[data-v-cadd5f38]:nth-child(2),
.table-row__body .dependencies_register_grid > td[data-v-cadd5f38]:nth-child(2) {
  justify-content: center !important;
  text-align: center !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #6b7280;
  padding: 0 4px !important;
  font-variant-numeric: tabular-nums;
}
.raid-num-head[data-v-cadd5f38] {
  width: 48px;
  padding: 0 !important;
  text-align: center !important;
  justify-content: center !important;
}
.raid-num-cell[data-v-cadd5f38] {
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  color: #9ca3af;
  padding: 0 !important;
  font-variant-numeric: tabular-nums;
}
.raid-del-head[data-v-cadd5f38] {
  width: 40px;
  padding: 0 !important;
}
.raid-del-cell[data-v-cadd5f38] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  padding: 0 !important;
}
.raid-del-btn[data-v-cadd5f38] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  color: #d1d5db;
  transition: all 0.15s ease;
}
.raid-del-btn[data-v-cadd5f38]:hover {
  color: #dc2626;
  background: #fef2f2;
}
.raid-modal-backdrop[data-v-cadd5f38] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
}
.raid-modal[data-v-cadd5f38] {
  background: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 520px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  max-height: 85vh;
  overflow: hidden;
}
.raid-modal--lg[data-v-cadd5f38] {
  max-width: 620px;
}
.raid-modal__header[data-v-cadd5f38] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #e5e7eb;
}
.raid-modal__header h3[data-v-cadd5f38] {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.raid-modal__close[data-v-cadd5f38] {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  color: #9ca3af;
  padding: 4px;
}
.raid-modal__close[data-v-cadd5f38]:hover {
  color: #374151;
}
.raid-modal__body[data-v-cadd5f38] {
  padding: 20px 24px;
  overflow-y: auto;
  flex: 1;
}
.raid-modal__body p[data-v-cadd5f38] {
  font-size: 14px;
  color: #374151;
  margin: 0 0 12px;
}
.raid-modal__footer[data-v-cadd5f38] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
  justify-content: flex-end;
  background: #f9fafb;
}
.raid-sow-loading[data-v-cadd5f38] {
  text-align: center;
  padding: 32px;
  color: #9ca3af;
  font-size: 14px;
}
.raid-sow-intro[data-v-cadd5f38] {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 16px;
}
.raid-sow-group[data-v-cadd5f38] {
  margin-bottom: 16px;
}
.raid-sow-group__header[data-v-cadd5f38] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.raid-sow-group__label[data-v-cadd5f38] {
  font-size: 11px;
  font-weight: 700;
  color: #374151;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.raid-sow-item[data-v-cadd5f38] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  margin-bottom: 4px;
  cursor: pointer;
  transition: all 0.1s ease;
  background: #fff;
}
.raid-sow-item[data-v-cadd5f38]:hover {
  border-color: #FFCC00;
  background: #fffbeb;
}
.raid-sow-item.selected[data-v-cadd5f38] {
  border-color: #FFCC00;
  background: #fffbeb;
}
.raid-sow-item__text[data-v-cadd5f38] {
  flex: 1;
}
.raid-sow-item__main[data-v-cadd5f38] {
  font-size: 13px;
  color: #1f2937;
  line-height: 1.4;
}
.raid-sow-item__sub[data-v-cadd5f38] {
  font-size: 12px;
  color: #6b7280;
  margin-top: 2px;
}
.raid-sow-checkbox[data-v-cadd5f38] {
  margin-top: 2px;
  flex-shrink: 0;
  accent-color: #FFCC00;
}
.raid-sow-count[data-v-cadd5f38] {
  font-size: 13px;
  color: #6b7280;
  margin-right: auto;
}
.raid-empty[data-v-cadd5f38] {
  text-align: center;
  padding: 24px;
  color: #9ca3af;
  font-size: 13px;
}
.table_list_field[data-v-cadd5f38] {
  min-width: 1200px;
}
.table_list_field--journey[data-v-cadd5f38] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}
.ujmt-scroll[data-v-cadd5f38] {
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow: auto;
}
.process_model_catalogue_table > :last-child > td[data-v-cadd5f38]:last-child {
  border-bottom-left-radius: 0px !important;
}
.process_model_catalogue_table > :nth-child(2n+6) > td > td td[data-v-cadd5f38]:not(:last-child) {
  border-bottom: 1px solid #BDBDBD !important;
}
.model_catalogue_upper_head[data-v-cadd5f38] {
  background: #f9f9f7;
  border: 1px solid rgb(189, 189, 189);
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height, or 125% */
  /* /dark_text */
  color: #2E4050;
}
.editable_cell[data-v-cadd5f38]::after {
  position: absolute;
  content: url("/images/modal_edit.png");
  right: 10px;
  top: 10px;
  opacity: 0;
  transition: opacity 0.15s;
}
.editable_cell[data-v-cadd5f38]:hover::after {
  opacity: 1;
}
.pmc-catalogue[data-v-cadd5f38] {
  grid-column: 1/-1;
  border: 0.5px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  overflow: hidden;
  margin: 8px 3px;
}
.pmc-table[data-v-cadd5f38] {
  width: 100%;
  border-collapse: collapse;
}
.pmc-th[data-v-cadd5f38] {
  font-size: 13px;
  font-weight: 500;
  color: #5F5E5A;
  padding: 10px 16px;
  text-align: left;
  border-bottom: 2px solid #F59E1A;
}
.pmc-td[data-v-cadd5f38] {
  padding: 12px 16px;
  vertical-align: top;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.08);
  border-right: 0.5px solid rgba(0, 0, 0, 0.08);
}
.pmc-td[data-v-cadd5f38]:last-child {
  border-right: none;
}
.pmc-td--l1[data-v-cadd5f38] {
  border-right: 0.5px solid rgba(0, 0, 0, 0.08);
}
.pmc-table tbody tr:last-child .pmc-td[data-v-cadd5f38] {
  border-bottom: none;
}
.pmc-row-a td[data-v-cadd5f38] {
  background: #ffffff;
}
.pmc-row-b td[data-v-cadd5f38] {
  background: #f9f9f7;
}
.pmc-td--l1[data-v-cadd5f38] {
  background: #ffffff !important;
}
.multi_fields_dropdown[data-v-cadd5f38] {
  min-width: 110px !important;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}
@media (max-width: 1679px) {
.multi_fields_dropdown[data-v-cadd5f38] {
    text-align: center;
}
}
.multi_fields_dropdown_empty[data-v-cadd5f38] {
  justify-content: right;
}
.multi_fields_dropdown[data-v-cadd5f38]::after {
  content: "❮";
  right: auto;
  margin-left: 4px;
  position: relative;
  transform: rotate(270deg);
  display: inline-block;
}
.level_4_process_bg_table_grid[data-v-cadd5f38], .level_5_process_bg_table_grid[data-v-cadd5f38] {
  grid-template-columns: 12% 88% !important;
}
.level_4_process_bg_table_grid:is(.table-row__cell) > td[data-v-cadd5f38]:first-child, .level_5_process_bg_table_grid:is(.table-row__cell) > td[data-v-cadd5f38]:first-child{
  min-height: 3rem;
  padding-left: 8px !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #2E4050;
  word-break: break-word;
}
.level_4_process_bg_table_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(2), .level_5_process_bg_table_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(2){
  padding-left: 1.25rem;
}
.level_4_process_bg_table_grid:is(.table-row__cell) > td:nth-child(2) > .scrolled-textarea[data-v-cadd5f38], .level_5_process_bg_table_grid:is(.table-row__cell) > td:nth-child(2) > .scrolled-textarea[data-v-cadd5f38] {
  padding-left: 20px !important;
}
.capability_model_heat_map_table_grid:not(.table-row__cell) > td[data-v-cadd5f38],
.process_model_heat_map_table_grid:not(.table-row__cell) > td[data-v-cadd5f38]{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.capability_model_heat_map_table_grid[data-v-cadd5f38] {
  grid-template-columns: repeat(7, 1fr);
}
.process_model_heat_map_table_grid[data-v-cadd5f38] {
  grid-template-columns: repeat(8, 1fr);
}
.level_3_capability_map_to_be[data-v-cadd5f38] {
  grid-template-columns: 8% auto auto auto;
}
.level_3_capability_map_to_be:is(.table-row__cell):not(:last-child) > td[data-v-cadd5f38] {
  border-bottom: 1px dashed #bbb9b9;
}
.level_3_capability_map_to_be:is(.table-row__cell):not(:first-child) > td[data-v-cadd5f38] {
  border-top: unset;
}
.level_3_capability_map_to_be:is(.table-row__cell) > td[data-v-cadd5f38]:first-child {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  /* identical to box height */
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  /* /dark_text */
  color: #2E4050;
  background: #EFEFEF;
  padding-left: 0 !important;
  justify-content: center;
}
.benefits_dependencies_matrix_grid[data-v-cadd5f38] {
  grid-template-columns: repeat(14, 1fr);
}
.capability_model_grid[data-v-cadd5f38] {
  grid-template-columns: repeat(4, 1fr);
}
.capability_model_grid[data-v-cadd5f38] :not(.table-row__cell):nth-child(n+1):is(td) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.capability_model_grid[data-v-cadd5f38] :not(.table-row__cell):nth-child(n+1):is(.scrolled-textarea) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.capability_model_grid[data-v-cadd5f38]:is(.table-row__cell) > :first-child:is(td), .capability_model_grid:is(.table-row__cell) > :first-child:is(td) > .scrolled-textarea[data-v-cadd5f38] {
  border-top-left-radius: unset;
}
.capability_model_grid:is(.table-row__cell) > :first-child:is(td) > .scrolled-textarea[data-v-cadd5f38]:focus {
  margin-left: 1px;
}
.capability_model_grid[data-v-cadd5f38]:is(.table-row__cell) > :last-child:is(td) {
  margin-right: 0px;
}
.capability_model_grid[data-v-cadd5f38]:is(.table-row__cell) > :last-child:is(td), .capability_model_grid:is(.table-row__cell) > :last-child:is(td) > .scrolled-textarea[data-v-cadd5f38] {
  border-top-right-radius: unset;
}
.capability_model_grid:is(.table-row__cell) > td[data-v-cadd5f38]:not(.spared-row) {
  border-right: 1px solid #BDBDBD !important;
}
.capability_implementation_grid[data-v-cadd5f38] {
  grid-template-columns: repeat(5, 14%) 30%;
}
.capability_implementation_grid[data-v-cadd5f38]:not(.table-row__cell) {
  margin-bottom: unset !important;
}
.capability_implementation_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(n):is(td) {
  justify-content: center;
}
.capability_implementation_grid[data-v-cadd5f38]:not(.table-row__cell) > :last-child:is(td) {
  grid-area: 1/6/3/6;
  display: flex;
  justify-content: center;
  align-content: center;
  text-align: center;
  border-top-right-radius: 10px;
}
.capability_implementation_grid[data-v-cadd5f38]:not(.table-row__cell) > :first-child:is(td), .capability_implementation_grid[data-v-cadd5f38]:not(.table-row__cell) > :nth-child(3):is(td) {
  min-height: 2rem;
}
.capability_implementation_grid[data-v-cadd5f38]:not(.table-row__cell) > :nth-child(3):is(td) {
  grid-area: 1/3/1/6;
  text-align: center;
  justify-content: center;
  margin-left: -1px !important;
}
.capability_implementation_grid[data-v-cadd5f38]:not(.table-row__cell) > :first-child:is(td) {
  grid-area: 1/1/1/3;
  text-align: center;
  border-top-left-radius: 10px;
  padding-left: unset;
}
.capability_implementation_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(n):is(td) {
  background: #EBEBEB;
  border: 1px solid #BDBDBD;
  border-bottom: unset;
  margin-left: -2px;
}
.capability_implementation_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(n):is(td):not(:last-child) {
  border-right: unset;
}
.capability_implementation_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(n):is(td):is(:first-child), .capability_implementation_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(n):is(td):is(:nth-child(7)) {
  margin-left: 0px;
}
.capability_implementation_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(n+7):is(td) {
  margin-left: -1px;
}
.capability_implementation_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(n+7):is(td), .capability_implementation_grid:not(.table-row__cell) :nth-child(n+7):is(td) > .table-row__head_sub[data-v-cadd5f38] {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.capability_implementation_grid[data-v-cadd5f38]:is(.table-row__cell) > :first-child:is(td) {
  border-left: 1px solid rgb(189, 189, 189);
  margin-left: 0;
  margin-right: 0px;
}
.capability_implementation_grid[data-v-cadd5f38]:is(.table-row__cell) > :first-child:is(td), .capability_implementation_grid:is(.table-row__cell) > :first-child:is(td) > .scrolled-textarea[data-v-cadd5f38] {
  border-top-left-radius: unset;
}
.capability_implementation_grid:is(.table-row__cell) > :first-child:is(td) > .scrolled-textarea[data-v-cadd5f38]:focus {
  margin-left: 1px;
}
.capability_implementation_grid[data-v-cadd5f38]:is(.table-row__cell) > :last-child:is(td) {
  margin-right: 0px;
}
.capability_implementation_grid[data-v-cadd5f38]:is(.table-row__cell) > :last-child:is(td), .capability_implementation_grid:is(.table-row__cell) > :last-child:is(td) > .scrolled-textarea[data-v-cadd5f38] {
  border-top-right-radius: unset;
}
.capability_implementation_grid:is(.table-row__cell) > td[data-v-cadd5f38]:not(.spared-row) {
  border-right: 1px solid #BDBDBD !important;
}
.journey_map_table_grid[data-v-cadd5f38] {
  grid-template-columns: 1fr 1fr 0.3fr repeat(6, 1fr);
}
.journey_map_table_grid[data-v-cadd5f38] :is(.table-row__cell):nth-child(4) {
  justify-content: center;
}
.journey_map_table_grid[data-v-cadd5f38] :not(.table-row__cell):nth-child(1):is(td){
  padding-right: 0px;
  padding-left: 1px;
}
.journey_map_table_grid[data-v-cadd5f38] :not(.table-row__cell):nth-child(n):is(td) {
  text-align: center;
}
.field-label[data-v-cadd5f38]:first-child {
  font-weight: 400 !important;
  font-size: 14px !important;
}
.sipoc_summary_grid[data-v-cadd5f38] {
  grid-template-columns: 5% repeat(6, 1fr);
}
.sipoc_summary_grid_closed[data-v-cadd5f38] {
  grid-template-columns: 5% repeat(9, 1fr);
}
.sipoc_summary_grid[data-v-cadd5f38] :first-child:is(td) {
  padding-left: unset !important;
  justify-content: center;
  text-align: center;
}
.sipoc_summary_grid[data-v-cadd5f38] :nth-child(2):is(td){
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.sipoc_summary_grid[data-v-cadd5f38]:is(.table-row__cell) {
  min-height: 80px;
}
.sipoc_summary_grid[data-v-cadd5f38]:is(.table-row__cell) :nth-child(n+3) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.business_architecture_plan_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(2):is(td) {
  text-align: center;
}
.business_architecture_plan_grid[data-v-cadd5f38]:is(.table-row__cell) :nth-child(1):is(td) {
  padding-left: 0px !important;
  justify-content: center;
}
.business_architecture_plan_grid[data-v-cadd5f38]:is(.table-row__cell) :nth-child(2):is(td) {
  justify-content: center;
}
.business_architecture_plan_grid[data-v-cadd5f38] :last-child:is(td) {
  padding-left: 0.5rem;
}
.business_architecture_plan_grid[data-v-cadd5f38] :nth-child(3):is(td) {
  padding-left: 0.5rem;
}
.business_architecture_plan_col[data-v-cadd5f38] {
  border-left: none !important;
  border-top: none !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #2E4050;
  word-break: break-word;
}
.pilot_timeline_grid[data-v-cadd5f38]:not(.table-row__cell) {
  margin-bottom: unset;
}
.pilot_timeline_grid:not(.table-row__cell) > td[data-v-cadd5f38] {
  background: #EBEBEB;
  border: 1px solid #BDBDBD;
  border-bottom: none;
  justify-content: center;
  text-align: center;
}
.pilot_timeline_grid:not(.table-row__cell) > td[data-v-cadd5f38]:first-child{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-top-left-radius: 10px;
}
.pilot_timeline_grid:not(.table-row__cell) > td[data-v-cadd5f38]:last-child {
  border-top-right-radius: 10px;
}
.pilot_timeline_grid:is(.table-row__cell) > td[data-v-cadd5f38]:first-child {
  background: #EBEBEB;
}
.pilot_timeline_grid:is(.table-row__cell) > td > .scrolled-textarea[data-v-cadd5f38]:not(:-moz-placeholder) {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height, or 125% */
  /* /dark_text */
  color: #2E4050;
}
.pilot_timeline_grid:is(.table-row__cell) > td > .scrolled-textarea[data-v-cadd5f38]:not(:placeholder-shown), .pilot_timeline_grid:is(.table-row__cell) > td[data-v-cadd5f38]:first-child {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height, or 125% */
  /* /dark_text */
  color: #2E4050;
}
.pilot_brief_grid[data-v-cadd5f38] {
  grid-template-columns: 8% 92%;
}
.pilot_brief_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(2) {
  text-align: center;
}
.cost_benefit_assessment_grid[data-v-cadd5f38] {
  grid-template-columns: 10% repeat(3, 1fr);
}
.cost_benefit_assessment_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(n+2) {
  text-align: center;
}
.table-row__body > :first-child:is(.governance_authorities_grid) > :last-child:is(td) > div[data-v-cadd5f38]:not(:first-child), .table-row__body > :first-child:is(.governance_authorities_grid) > :last-child:is(td) > div:not(:first-child) > textarea[data-v-cadd5f38] {
  border-top-right-radius: unset !important;
}
.table-row__body > :first-child:is(.sipoc_summary_grid) > td:last-child > .scrolled-textarea[data-v-cadd5f38]:not(:first-child) {
  border-top-right-radius: 0px !important;
}
.table-row__body > :nth-child(n):is(.sipoc_summary_grid) > td:nth-child(n+3) > .scrolled-textarea[data-v-cadd5f38]:not(:first-child) {
  border-top: 1px dashed #bbb9b9;
}
@media (max-width: 1680px) {
.table-row__body[data-v-cadd5f38] > :first-child:is(.stakeholders_map_grid) {
    margin-top: 70px;
}
}
@media (min-width: 1920px) {
.table-row__body[data-v-cadd5f38] > :first-child:is(.stakeholders_map_grid) {
    margin-top: 180px;
}
}
.table-row__body > :first-child:is(.stakeholders_map_grid) .multi-fields__container[data-v-cadd5f38] > :first-child > :nth-child(n) {
  border-color: transparent;
  background: transparent;
}
@media (min-width: 1920px) {
.table-row__body > :first-child:is(.stakeholders_map_grid) .multi-fields__container[data-v-cadd5f38] > :first-child > :nth-child(n) {
    height: 53px;
}
}
.table-row__body[data-v-cadd5f38] > :not(:nth-child(4)):is(.cost_benefit_assessment_grid) > :first-child:is(td), .table-row__body[data-v-cadd5f38] > :not(:nth-child(8)):is(.cost_benefit_assessment_grid) > :first-child:is(td) {
  padding-left: 0;
  background: #E8E8E8;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  justify-content: center;
  /* identical to box height */
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  /* /dark_text */
  color: #2E4050;
}
.table-row__body[data-v-cadd5f38] > :nth-child(4):is(.cost_benefit_assessment_grid) > :first-child:is(td), .table-row__body[data-v-cadd5f38] > :nth-child(8):is(.cost_benefit_assessment_grid) > :first-child:is(td) {
  grid-area: 1/5/1/1;
  min-height: 43px;
  background: #FEBC2C;
  justify-content: center;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  border: 1px solid black;
  line-height: 15px;
  /* identical to box height */
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  /* dark gray */
  color: #303030;
}
.table-row__body > :nth-child(odd):is(.solution_options_summary_grid) > td[data-v-cadd5f38]:first-child {
  background: #EFEFEF;
}
.table-row__body > :nth-child(even):is(.solution_options_summary_grid) > td[data-v-cadd5f38]:first-child {
  background: #E8E8E8;
}
.table-row__body > :nth-child(3):is(.solution_options_summary_grid) > td[data-v-cadd5f38]:first-child {
  border-left: 3px solid #56B98A;
  margin-left: 0.25px;
}
.table-row__body > :nth-child(n):is(.stakeholders_map_grid) > td[data-v-cadd5f38] {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-left: none;
  border-right: none !important;
  border-bottom: none !important;
  border-top: none;
}
.table-row__body > :nth-child(n+2):is(.blueprint_traceability_matrix_grid) > td[data-v-cadd5f38]:nth-child(n+2) {
  min-height: 25px;
  width: 25px;
}
.table-row__body > :nth-child(1):is(.transition_architecture_strategy_map_grid) > td:nth-child(n+2) > .multi-fields__container[data-v-cadd5f38] > :nth-child(1), .table-row__body > :nth-child(1):is(.transition_architecture_strategy_map_grid) > td:nth-child(n+2) > .multi-fields__container[data-v-cadd5f38] > :nth-child(2) {
  border-right: 1px dashed #bbb9b9;
}
.table-row__body > :nth-child(1):is(.transition_architecture_strategy_map_grid) > td:nth-child(n+2) > .multi-fields__container[data-v-cadd5f38] > :nth-child(2):focus, .table-row__body > :nth-child(1):is(.transition_architecture_strategy_map_grid) > td:nth-child(n+2) > .multi-fields__container[data-v-cadd5f38] > :nth-child(3):focus {
  margin-left: -3px;
}
@supports (-webkit-text-security: circle) {
.table-row__body[data-v-cadd5f38] > :nth-child(1) > :nth-child(n+3):is(.stakeholder_concerns_traceability_matrix_grid) {
    padding-top: 8px;
}
}
.table-row__body[data-v-cadd5f38] > :nth-child(1) > :nth-child(n+3):is(.stakeholder_concerns_traceability_matrix_grid) {
  writing-mode: sideways-lr;
  padding-bottom: 8px;
}
.table-row__body > :nth-child(1):is(.blueprint_traceability_matrix_grid) > td[data-v-cadd5f38]:nth-child(n+2) {
  writing-mode: sideways-lr;
  padding-bottom: 8px;
}
@supports (-webkit-text-security: circle) {
.table-row__body > :nth-child(1):is(.blueprint_traceability_matrix_grid) > td[data-v-cadd5f38]:nth-child(2) {
    border-right: none !important;
}
.table-row__body > :nth-child(1):is(.blueprint_traceability_matrix_grid) > td[data-v-cadd5f38]:last-child {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 10px;
    border-right: 1px dashed #bbb9b9;
    border-left: 1px solid #D3D3D3;
}
.table-row__body > :nth-child(1):is(.blueprint_traceability_matrix_grid) > td[data-v-cadd5f38]:nth-child(n+2) {
    transform: rotate(180deg);
    border-bottom: 1px solid #D3D3D3 !important;
    text-align: left;
    writing-mode: vertical-rl;
    border-top: none !important;
}
}
.table-row__body > :nth-child(1):is(.stakeholder_concerns_traceability_matrix_grid) > td[data-v-cadd5f38]:nth-child(n+3) {
  writing-mode: sideways-lr;
  padding-bottom: 8px;
}
@supports (-webkit-text-security: circle) {
.table-row__body > :nth-child(1):is(.stakeholder_concerns_traceability_matrix_grid) > td[data-v-cadd5f38]:nth-child(3) {
    border-right: none !important;
}
.table-row__body > :nth-child(1):is(.stakeholder_concerns_traceability_matrix_grid) > td[data-v-cadd5f38]:last-child {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 10px;
    border-right: 1px dashed #bbb9b9;
    border-left: 1px solid #D3D3D3;
}
.table-row__body > :nth-child(1):is(.stakeholder_concerns_traceability_matrix_grid) > td[data-v-cadd5f38]:nth-child(n+3) {
    transform: rotate(180deg);
    border-bottom: 1px solid #D3D3D3 !important;
    text-align: left;
    writing-mode: vertical-rl;
    border-top: none !important;
    padding-top: 8px;
}
}
.table-row__body > :nth-child(1):is(.stakeholder_concerns_traceability_matrix_grid) > td[data-v-cadd5f38] {
  background: #EBEBEB;
}
.table-row__body > :last-child:is(.blueprint_traceability_matrix_grid) > td[data-v-cadd5f38]:last-child > :first-child > :first-child, .table-row__body > :last-child:is(.stakeholder_concerns_traceability_matrix_grid) > td[data-v-cadd5f38]:last-child > :first-child > :first-child {
  border-bottom-right-radius: 10px !important;
}
.table-row__body > :last-child:is(.solution_options_summary_grid) > td[data-v-cadd5f38]:first-child {
  border-left: 3px solid #F35B52;
  border-bottom-left-radius: 0px;
  margin-left: 0.25px;
}
.table-row__body > :nth-child(2):is(.programme_road_map_grid) > td[data-v-cadd5f38]:is(:nth-child(6))::after, .table-row__body > :nth-child(2):is(.programme_road_map_grid) > td[data-v-cadd5f38]:is(:nth-child(13))::after {
  background-image: url("/images/milestone.png");
  content: " ";
  position: relative;
  display: block;
  z-index: 9999;
  width: 60px;
  height: 32px;
  left: 15px;
}
.table-row__body > :nth-child(4n-1):is(.business_architecture_road_map_grid) > td[data-v-cadd5f38] {
  justify-content: center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #2E4050;
}
.table-row__body > :nth-child(4n-1):is(.business_architecture_road_map_grid) > td[data-v-cadd5f38]:is(:first-child){
  min-height: 2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-top-left-radius: 10px;
}
.table-row__body > :nth-child(4n-1):is(.business_architecture_road_map_grid) > td[data-v-cadd5f38]:is(:last-child) {
  border-top-right-radius: 10px;
}
.table-row__body[data-v-cadd5f38] > :nth-child(4n+6):is(.business_architecture_road_map_grid) {
  margin-bottom: 1rem;
}
.table-row__body > :nth-child(4n+6):is(.business_architecture_road_map_grid) > td[data-v-cadd5f38]:is(:nth-child(9)) {
  border-right: 1px solid #D3D3D3 !important;
}
.table-row__body > :nth-child(4n+6):is(.business_architecture_road_map_grid) > td[data-v-cadd5f38]:nth-child(n+2):nth-child(-n+9) {
  border-bottom: unset;
}
.table-row__body[data-v-cadd5f38] > :nth-child(2):is(.business_architecture_road_map_grid), .table-row__body[data-v-cadd5f38] > :nth-child(4n+6):is(.business_architecture_road_map_grid) {
  margin-bottom: 1rem;
}
.table-row__body > :nth-child(2):is(.business_architecture_road_map_grid) > td[data-v-cadd5f38], .table-row__body > :nth-child(4n+6):is(.business_architecture_road_map_grid) > td[data-v-cadd5f38] {
  border-bottom: 1px solid #D3D3D3;
}
.table-row__body > :nth-child(2):is(.business_architecture_road_map_grid) > td[data-v-cadd5f38]:is(:first-child), .table-row__body > :nth-child(4n+6):is(.business_architecture_road_map_grid) > td[data-v-cadd5f38]:is(:first-child) {
  border-bottom-left-radius: 10px;
}
.table-row__body > :nth-child(2):is(.business_architecture_road_map_grid) > td[data-v-cadd5f38]:is(:last-child), .table-row__body > :nth-child(4n+6):is(.business_architecture_road_map_grid) > td[data-v-cadd5f38]:is(:last-child) {
  border-bottom-right-radius: 10px;
}
.table-row__body > :nth-child(2):is(.governance_authorities_grid) > td[data-v-cadd5f38]:first-child {
  border-bottom: unset !important;
}
.table-row__body > :nth-child(2):is(.process_model_capability_matrix_grid) > td[data-v-cadd5f38]{
  min-height: 80px;
}
.table-row__body > :nth-child(3):is(.governance_authorities_grid) > td[data-v-cadd5f38]:first-child {
  border-top: unset !important;
  border-bottom: unset !important;
}
.table-row__body > :nth-child(4):is(.governance_authorities_grid) > td[data-v-cadd5f38]:first-child {
  border-top: unset !important;
}
.table-row__body > :nth-child(n+2) > td[data-v-cadd5f38]:first-child {
  padding-left: 0.5rem;
}
.table-row__body > :nth-child(n+2):is(.stakeholder_concerns_traceability_matrix_grid) > td[data-v-cadd5f38]{
  min-height: 27px;
}
.table-row__body[data-v-cadd5f38] > :nth-child(4n+6):is(.business_architecture_road_map_grid) > :first-child:is(td) {
  grid-area: 3/1/1/1;
}
.table-row__body > :first-child > :last-child .scrolled-textarea[data-v-cadd5f38] {
  border-top-right-radius: 10px;
}
.table-row__body > :last-child > :last-child > :last-child .scrolled-textarea[data-v-cadd5f38] {
  border-bottom-right-radius: 10px;
}
.table-row__body > :nth-child(n):is(.kpi_grid) > td[data-v-cadd5f38]:first-child {
  padding-left: unset !important;
  text-align: center;
  justify-content: center;
}
.table-row__body > :nth-child(n):is(.dependencies_register_grid) > td[data-v-cadd5f38]:first-child {
  padding-left: unset !important;
}
.table-row__body[data-v-cadd5f38] > :nth-child(n):is(.pilot_timeline_grid) > :first-child:is(td){
  justify-content: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
}
.table-row__body > :nth-child(n):is(.pilot_timeline_grid):is(:first-child) > td[data-v-cadd5f38]:first-child {
  border-top-left-radius: 0;
}
.table-row__body > :nth-child(n):is(.pilot_timeline_grid):is(:first-child) > td[data-v-cadd5f38]:last-child, .table-row__body > :nth-child(n):is(.pilot_timeline_grid):is(:first-child) > td:last-child > .scrolled-textarea[data-v-cadd5f38] {
  border-top-right-radius: 0;
}
.table-row__body > :nth-child(n):is(.pilot_timeline_grid):is(:last-child) > td[data-v-cadd5f38]:first-child {
  border-bottom-left-radius: 10px;
}
.table-row__body > :nth-child(n):is(.pilot_timeline_grid):not(:last-child) > td[data-v-cadd5f38] {
  border-bottom: none;
}
.table-row__body > :nth-child(n):is(.pilot_timeline_grid) > td[data-v-cadd5f38]:not(:last-child) {
  border-right: none;
}
.table-row__body > :nth-child(n):is(.solution_options_summary_grid) > td[data-v-cadd5f38]:first-child {
  padding-left: unset;
  justify-content: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  /* identical to box height */
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  /* dark blue text */
  color: #2E4050;
}
.table-row__body[data-v-cadd5f38] > :nth-child(n):is(.pilot_brief_grid) > :first-child:is(td) {
  padding-left: 0;
  background: #E8E8E8;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  justify-content: center;
  /* identical to box height */
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  /* /dark_text */
  color: #2E4050;
}
.table-row__body > :nth-child(n):is(.pilot_brief_grid) > :nth-child(2):is(td) > .scrolled-textarea[data-v-cadd5f38] {
  max-height: 60px;
}
.table-row__body[data-v-cadd5f38] > :nth-child(n):is(.level_5_process_bg_table_grid) > :nth-child(2):is(td) {
  text-transform: none;
}
.table-row__body > :nth-child(n):is(.process_model_capability_matrix_grid) > td[data-v-cadd5f38] {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #2E4050;
}
.table-row__body > :nth-child(n):is(.process_model_capability_matrix_grid) > td[data-v-cadd5f38]:first-child {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.table-row__body > :nth-child(n):is(.process_model_capability_matrix_grid) > td[data-v-cadd5f38]:first-child, .table-row__body > :nth-child(n):is(.process_model_capability_matrix_grid) > td[data-v-cadd5f38]:nth-child(2) {
  background: #EBEBEB;
}
.table-row__body > :last-child:is(.work_plan_grid) > td[data-v-cadd5f38]:last-child, .table-row__body > :last-child:is(.communications_plan_grid) > td[data-v-cadd5f38]:last-child {
  margin-bottom: 0px;
}
.table-row__body > :nth-child(2):is(tr):is(.process_model_capability_matrix_grid) > td[data-v-cadd5f38], .table-row__body > :first-child:is(tr):is(.process_model_capability_matrix_grid) > td[data-v-cadd5f38] {
  background: #EBEBEB;
}
.table-row__body > :first-child:is(tr):is(.blueprint_traceability_matrix_grid) > td[data-v-cadd5f38] {
  background: #EBEBEB;
  padding-bottom: 1rem;
  padding-top: 0.5rem;
}
.table-row__body > :first-child:is(tr):is(.capability_model_grid) > td[data-v-cadd5f38]:last-child, .table-row__body > :first-child:is(tr):is(.capability_model_grid) > td:last-child > .scrolled-textarea[data-v-cadd5f38] {
  border-top-right-radius: 10px;
}
.table-row__body > :first-child:is(tr):is(.capability_model_grid) > td[data-v-cadd5f38]:first-child, .table-row__body > :first-child:is(tr):is(.capability_model_grid) > td:first-child > .scrolled-textarea[data-v-cadd5f38] {
  border-top-left-radius: 10px;
}
.table-row__body > :first-child:is(tr):is(.level_5_process_bg_table_grid) > td[data-v-cadd5f38] {
  background: #EFEFEF;
}
.table-row__body > :last-child:is(.stakeholders_table_grid) td[data-v-cadd5f38] {
  border-bottom: 2px solid #D3D3D3 !important;
  /* :nth-child(4):is(.process_model_catalogue_grid)>td {
      border-top-right-radius: 10px;
  }*/
}
.table-row__body > :last-child:is(.stakeholders_table_grid) td :last-child:is(.process_model_catalogue_grid) > td[data-v-cadd5f38]:last-child {
  border-bottom-left-radius: unset;
}
.table-row__body > :last-child:is(.stakeholders_table_grid) td[data-v-cadd5f38] :last-child:is(.level_4_process_bg_table_grid) > :last-child:is(td) {
  padding-left: 2rem;
}
.table-row__body > :last-child:is(.stakeholders_table_grid) td[data-v-cadd5f38] :nth-last-child(2):is(.level_4_process_bg_table_grid) > :last-child:is(td) {
  padding-left: 2rem;
}
.table-row__body > :last-child:is(.stakeholders_table_grid) td :first-child:is(.process_model_catalogue_grid) > td[data-v-cadd5f38]:first-child {
  border-bottom: 1px solid #e8e8e8;
  border-top-right-radius: unset;
  border-bottom-left-radius: 10px;
  border-top-left-radius: unset;
  border-right: unset;
}
.table-row__body > :last-child:is(.stakeholders_table_grid) td :nth-child(n):is(.process_model_catalogue_grid) > td[data-v-cadd5f38] {
  min-height: 4rem;
}
.table-row__body > :last-child:is(.stakeholders_table_grid) td :nth-child(4n+2):is(.process_model_catalogue_grid) > td[data-v-cadd5f38],
.table-row__body > :last-child:is(.stakeholders_table_grid) td :nth-child(4n+3):is(.process_model_catalogue_grid) > td[data-v-cadd5f38] {
  border-right: unset;
}
.table-row__body > :last-child:is(.stakeholders_table_grid) td :nth-last-child(2):is(.process_model_catalogue_grid) > td[data-v-cadd5f38],
.table-row__body > :last-child:is(.stakeholders_table_grid) td :nth-last-child(3):is(.process_model_catalogue_grid) > td[data-v-cadd5f38] {
  border-bottom: 1px solid rgb(211, 211, 211);
}
.table-row__body > :last-child:is(.stakeholders_table_grid) td > :last-child:is(.stakeholders_table_grid) td[data-v-cadd5f38] {
  border-bottom: 2px solid #D3D3D3 !important;
}
.stakeholders_table_grid[data-v-cadd5f38] {
  grid-template-columns: 10% 12.5% 7.5% 7.5% auto 20% 20%;
}
.stakeholders_table_grid[data-v-cadd5f38] :nth-child(4):is(td) {
  padding-left: 0.5rem;
}
.stakeholders_table_grid[data-v-cadd5f38] :nth-child(5):is(td) {
  padding-left: 0.5rem;
}
.stakeholders_table_grid[data-v-cadd5f38] :nth-child(1):is(td) {
  padding-left: 0.5rem;
}
.stakeholders_table_grid[data-v-cadd5f38] :nth-child(2):is(td),
.stakeholders_table_grid[data-v-cadd5f38] :nth-child(3):is(td),
.stakeholders_table_grid[data-v-cadd5f38] :nth-child(n+5):is(td) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.stakeholders_table_grid[data-v-cadd5f38]:is(.table-row__cell) {
  height: 60px;
}
.stakeholders_table_grid[data-v-cadd5f38]:is(.table-row__cell) :nth-child(n+2) {
  border-left: none !important;
}
.stakeholders_table_grid:is(.table-row__cell) > td[data-v-cadd5f38]:last-child {
  border-right: 2px solid #D3D3D3 !important;
}
.stakeholders_table_grid:is(.table-row__cell) td[data-v-cadd5f38] {
  border: 2px solid #D3D3D3;
  border-right: none !important;
  border-bottom: none !important;
}
.kpi_grid[data-v-cadd5f38] {
  grid-template-columns: 4% 19% 10% 18.5% auto !important;
}
.kpi_grid[data-v-cadd5f38]:first-child:is(td) {
  padding-left: unset !important;
  text-align: center;
  justify-content: center;
}
.kpi_grid[data-v-cadd5f38] :nth-child(3):not(span) {
  /*@include table-gap(1rem, 1rem);*/
  text-align: center;
  justify-content: center;
}
.kpi_grid[data-v-cadd5f38]:not(.table-row__cell) :first-child:is(td) {
  padding-left: 0 !important;
  text-align: center;
}
.kpi_grid[data-v-cadd5f38] :nth-child(2):is(td),
.kpi_grid[data-v-cadd5f38] :nth-child(4):is(td) {
  padding-left: 0.5rem;
}
.kpi_grid[data-v-cadd5f38] :last-child:is(td) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.terms_definitions_grid[data-v-cadd5f38] {
  grid-template-columns: 15% 35% 50% !important;
}
.terms_definitions_grid > td > span[data-v-cadd5f38] {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #2E4050;
  word-break: break-word;
}
.terms_definitions_grid[data-v-cadd5f38]:is(.table-row__cell) :nth-child(n):not(:last-child):is(td) {
  border-right: 1px dashed #bbb9b9;
}
.terms_definitions_grid[data-v-cadd5f38] :nth-child(n+2):is(td) {
  padding-left: 1rem;
  padding-right: 1rem;
}
.terms_definitions_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(n):is(td) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.terms_definitions_grid[data-v-cadd5f38] :first-child:is(td) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.terms_definitions_grid.table-row__cell[data-v-cadd5f38] {
  min-height: 40px;
}
.bar_raci_grid[data-v-cadd5f38] {
  grid-template-columns: 3% 18% 20% 20% 19% 20%;
}
.bar_raci_grid:not(.table-row__cell) > td[data-v-cadd5f38]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.bar_raci_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(n+3){
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.bar_raci_grid:not(.table-row__cell) > td[data-v-cadd5f38]:last-child, .bar_raci_grid:not(.table-row__cell) > td[data-v-cadd5f38]:first-child {
  text-align: center;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:first-child {
  border-bottom-left-radius: 0px !important;
  justify-content: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(6n+2){
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(n) {
  min-height: 100px;
  border-right: 1px dashed #bbb9b9 !important;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(7), .bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(13), .bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(19), .bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(25) {
  border-left: 1px solid #BDBDBD !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem;
  justify-content: center;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(12), .bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(18), .bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(24) {
  border-left: 1px solid #BDBDBD !important;
  padding-left: 1rem !important;
  border-right: unset !important;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(6) {
  border-bottom: 1px solid #BDBDBD !important;
  border-right: 1px solid #BDBDBD !important;
  border-bottom-right-radius: 10px !important;
  border-left: unset !important;
  border-top-right-radius: 10px !important;
  height: 400px !important;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(25) {
  border-bottom-left-radius: 10px !important;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(n+25) {
  border-bottom: 1px solid #BDBDBD;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:last-child {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: 1px dashed #bbb9b9 !important;
  /*display: none;*/
}
.bar_raci_grid:is(.table-row__cell) > td:last-child > .scrolled-textarea[data-v-cadd5f38] {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38] {
  min-height: 80px;
  border-bottom: unset;
}
.work_plan_grid[data-v-cadd5f38] {
  grid-template-columns: 20% 20% 30% auto;
}
.work_plan_grid[data-v-cadd5f38]:not(.table-row__cell) :first-child:is(td) {
  padding-left: unset !important;
  text-align: center;
}
.work_plan_grid:is(.table-row__cell) .scrolled-textarea[data-v-cadd5f38] {
  color: rgb(46, 64, 80);
}
.work_plan_grid.table-row__cell[data-v-cadd5f38] :first-child:is(td) {
  padding-left: unset;
  justify-content: center;
}
.work_plan_grid.table-row__cell[data-v-cadd5f38]:not(.table-col__textarea_inner):first-child:not(span):not(.table-col__checkbox_group) {
  color: #7D7C85;
}
.work_plan_grid.table-row__cell[data-v-cadd5f38] :first-child:is(span):not(.table-col__checkbox_group *),
.work_plan_grid.table-row__cell[data-v-cadd5f38] :nth-child(2):is(span):not(.table-col__checkbox_group *) {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #2E4050;
  word-break: break-word;
}
.work_plan_grid[data-v-cadd5f38] :nth-child(2):is(td) {
  padding-left: 1rem;
  padding-right: 1rem;
}
.work_plan_grid[data-v-cadd5f38] :nth-child(3):is(td) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.work_plan_grid[data-v-cadd5f38] :last-child:is(td) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.project_plan_grid[data-v-cadd5f38] {
  grid-template-columns: 16% 13% 11% 11% auto !important;
}
.project_plan_grid[data-v-cadd5f38]:is(.table-row__cell) > :first-child {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  color: #7D7C85;
  text-align: left;
  word-break: break-word;
}
.project_plan_grid:is(.table-row__cell) td span[data-v-cadd5f38] {
  min-height: 87px;
  display: flex;
  align-items: center;
}
.project_plan_grid[data-v-cadd5f38] :nth-child(1):is(td) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.project_plan_grid[data-v-cadd5f38] :nth-child(2):is(td) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.project_plan_grid[data-v-cadd5f38] :nth-child(3):is(td),
.project_plan_grid[data-v-cadd5f38] :nth-child(4):is(td) {
  padding-left: 0.25rem;
  padding-right: 0rem;
}
.project_plan_grid[data-v-cadd5f38] :last-child:is(td) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.stakeholders_concerns_grid[data-v-cadd5f38] {
  grid-template-columns: repeat(5, 1fr);
}
.stakeholders_concerns_grid[data-v-cadd5f38] :nth-child(n):is(td) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.stakeholders_concerns_grid[data-v-cadd5f38]:is(.table-row__cell) {
  height: unset;
  min-height: 60px;
}
.meetings_and_ceremonies_grid[data-v-cadd5f38] {
  grid-template-columns: 17% 38% repeat(3, 15%);
}
.meetings_and_ceremonies_grid[data-v-cadd5f38] :nth-child(n+2):is(td){
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.meetings_and_ceremonies_grid[data-v-cadd5f38]:is(.table-row__cell) {
  min-height: 80px;
}
.meetings_and_ceremonies_grid[data-v-cadd5f38]:is(.table-row__cell) :first-child:is(td){
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.approval_grid[data-v-cadd5f38] {
  grid-template-columns: 3% 0.65fr 0.75fr 1fr 1fr 1fr 1fr;
}
.approval_grid .multi_fields_dropdown[data-v-cadd5f38] {
  min-width: 70px;
}
.approval_grid:is(.table-row__spared_approval) > td[data-v-cadd5f38]:not(:nth-child(7n)):not(:last-child) {
  border-right: 1px dashed #bbb9b9 !important;
}
.approval_grid:is(.table-row__spared_approval) > td[data-v-cadd5f38]:nth-child(3):is(td) {
  border-left: unset !important;
}
.approval_grid:is(.table-row__spared_approval) > td[data-v-cadd5f38]:nth-child(1):is(td), .approval_grid:is(.table-row__spared_approval) > td[data-v-cadd5f38]:nth-child(8):is(td) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  justify-content: center;
}
.approval_grid:is(.table-row__spared_approval) > td[data-v-cadd5f38]:nth-child(2):is(td), .approval_grid:is(.table-row__spared_approval) > td[data-v-cadd5f38]:nth-child(9):is(td) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.approval_grid[data-v-cadd5f38]:is(.table-row__cell) :nth-child(3):is(td) .multi_fields_dropdown {
  border: none !important;
  --tw-bg-opacity: 1;
  background-color: rgb(243, 244, 246, var(--tw-bg-opacity));
}
.approval_grid[data-v-cadd5f38]:is(.table-row__cell):not(.table-row__spared_approval) {
  min-height: 80px;
}
.approval_grid[data-v-cadd5f38]:is(.table-row__cell):not(.table-row__spared_approval) :first-child:is(td) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  justify-content: center;
}
.approval_grid[data-v-cadd5f38]:is(.table-row__cell):not(.table-row__spared_approval) :nth-child(2):is(td) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.approval_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(2){
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.approval_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(n+4){
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.approval_grid:not(.table-row__cell) :nth-child(3):is(td) > span[data-v-cadd5f38]{
  display: flex;
  justify-content: center;
}
.approval_grid[data-v-cadd5f38]:not(.table-row__cell) :first-child:is(td) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
}
.managing_changes_grid[data-v-cadd5f38] {
  grid-template-columns: 350px repeat(4, 1fr) !important;
}
.managing_changes_grid[data-v-cadd5f38]:is(.table-row__cell) {
  min-height: 80px;
}
.communications_plan_grid[data-v-cadd5f38] {
  grid-template-columns: 15% 20% 20% 11% auto !important;
}
.communications_plan_grid[data-v-cadd5f38] :first-child:is(td) {
  padding-left: 0.5rem;
}
.communications_plan_grid:not(.table-row__cell) > td[data-v-cadd5f38]:last-child {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.communications_plan_grid[data-v-cadd5f38] > :nth-child(2) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.communications_plan_grid[data-v-cadd5f38] > :nth-child(3) {
  padding-left: 1rem;
  padding-right: 1rem;
}
.communications_plan_grid[data-v-cadd5f38] > :nth-child(n+4) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.communications_plan_grid[data-v-cadd5f38] :nth-child(n+2):not(.table-col__checkbox_group *):not(:last-child) {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
}
.pilot_timeline_grid[data-v-cadd5f38] {
  grid-template-columns: repeat(13, 1fr);
}
.pilot_timeline_grid:not(.table-row__cell) > td[data-v-cadd5f38]:first-child {
  margin-right: -1px;
}
.pilot_timeline_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(n+2) {
  border-left: none;
}
.pilot_timeline_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(n+2):nth-child(odd):not(:last-child) {
  margin-left: 1px;
  margin-right: -1px;
}
.pilot_timeline_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(n+2):nth-child(even):not(:last-child) {
  margin-right: -1px;
  margin-left: 1px;
}
.pilot_timeline_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(n+2) :last-child {
  margin-left: 1px;
}
.pilot_timeline_grid:is(.table-row__cell) > td[data-v-cadd5f38] {
  border: 1px solid #BDBDBD;
}
.pilot_timeline_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(12) {
  border-top-right-radius: 10px;
}
.pilot_timeline_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(59) {
  border-bottom-left-radius: 10px;
}
.pilot_timeline_grid:is(.table-row__cell) > td[data-v-cadd5f38]:first-child {
  border-bottom-left-radius: 0px;
}
.pilot_timeline_grid:is(.table-row__cell) > td[data-v-cadd5f38]:last-child {
  border-top-right-radius: 0px;
}
.table-row__head > .governance_authorities_grid > td[data-v-cadd5f38]:nth-child(n+2) {
  padding-left: 0.75rem;
}
.design_principles_summary_grid[data-v-cadd5f38] {
  grid-template-columns: 3% repeat(3, 1fr);
}
.design_principles_summary_grid[data-v-cadd5f38] :nth-child(n+2):is(td){
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.design_principles_summary_grid[data-v-cadd5f38] :first-child:is(td) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  justify-content: center;
}
.design_principles_summary_grid[data-v-cadd5f38]:is(.table-row__cell) {
  min-height: 80px;
}
.issues_register_grid .multi_fields_dropdown[data-v-cadd5f38]:not(.multi_fields_dropdown_empty)::after,
.assumptions_register_grid .multi_fields_dropdown[data-v-cadd5f38]:not(.multi_fields_dropdown_empty)::after,
.risk_register_grid .multi_fields_dropdown[data-v-cadd5f38]:not(.multi_fields_dropdown_empty)::after,
.dependencies_register_grid .multi_fields_dropdown[data-v-cadd5f38]:not(.multi_fields_dropdown_empty)::after {
  right: -4px;
}
.issues_register_grid .multi_fields_dropdown[data-v-cadd5f38]:is(.multi_fields_dropdown_empty),
.assumptions_register_grid .multi_fields_dropdown[data-v-cadd5f38]:is(.multi_fields_dropdown_empty),
.risk_register_grid .multi_fields_dropdown[data-v-cadd5f38]:is(.multi_fields_dropdown_empty),
.dependencies_register_grid .multi_fields_dropdown[data-v-cadd5f38]:is(.multi_fields_dropdown_empty) {
  min-width: 110px;
  /*&::after {
      right: -100%;
  }*/
}
[data-v-cadd5f38] .solution_options_summary_grid {
  grid-template-columns: 0.5fr repeat(3, 1fr);
}
[data-v-cadd5f38] .solution_options_summary_grid:not(.table-row__cell) > td:nth-child(n+2) {
  text-align: center;
}
[data-v-cadd5f38] .solution_options_summary_grid:is(.table-row__cell) > td > .multi-fields__container > .scrolled-textarea {
  border: 1px solid #C4C4C4;
  border-radius: 4px;
}
.issues_register_grid[data-v-cadd5f38] {
  grid-template-columns: 48px 72px minmax(200px, 1fr) 140px 130px minmax(150px, 1fr) 140px 120px 130px 40px;
}
.issues_register_grid[data-v-cadd5f38] :first-child:is(td) {
  padding-left: 0.5rem;
  padding-right: 0rem;
}
.issues_register_grid[data-v-cadd5f38] :nth-child(n+2):is(td) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.issues_register_grid[data-v-cadd5f38]:not(.table-row__cell) :first-child:is(td){
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}
.issues_register_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(2):is(td),
.issues_register_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(5):is(td),
.issues_register_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(7):is(td),
.issues_register_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(8):is(td) {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.issues_register_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(4):is(td) {
  text-align: center;
}
.issues_register_grid[data-v-cadd5f38]:is(.table-row__cell) {
  height: unset !important;
  min-height: 60px;
}
.issues_register_grid[data-v-cadd5f38]:is(.table-row__cell) :first-child:is(td){
  padding-left: 0px;
  padding-right: 0px;
  justify-content: center;
}
.issues_register_grid[data-v-cadd5f38]:is(.table-row__cell) :nth-child(n+1):is(td) {
  border-right: 1px dashed #bbb9b9 !important;
}
.issues_register_grid[data-v-cadd5f38]:is(.table-row__cell) :last-child:is(td) {
  border-right: 1px solid #D3D3D3 !important;
}
.solution_option_timeline_grid[data-v-cadd5f38] {
  grid-template-columns: 15% repeat(12, 1fr);
}
.solution_option_timeline_grid:not(.table-row__cell) > td[data-v-cadd5f38] {
  text-align: center;
}
.solution_option_timeline_grid:not(.table-row__cell) > td[data-v-cadd5f38]:first-child{
  padding-left: 0px;
}
.level_4_step_action_grid[data-v-cadd5f38] {
  grid-template-columns: 4% repeat(3, 1fr);
}
.level_4_step_action_grid[data-v-cadd5f38]:not(.table-row__cell) > :nth-child(n):is(td) {
  text-align: center;
  padding-left: unset;
  padding-right: unset;
}
.level_4_step_action_grid[data-v-cadd5f38]:last-child:is(.table-row__cell) > :nth-child(3):is(td), .level_4_step_action_grid[data-v-cadd5f38]:last-child:is(.table-row__cell) > :nth-child(4):is(td) {
  margin-bottom: 0px;
}
.level_4_step_action_grid[data-v-cadd5f38]:is(.table-row__cell) > :nth-child(3):is(td), .level_4_step_action_grid[data-v-cadd5f38]:is(.table-row__cell) > :nth-child(4):is(td) {
  background-clip: content-box !important;
  background: #EFEFEF !important;
  padding: 12px !important;
}
.level_4_step_action_grid:is(.table-row__cell) > :nth-child(3):is(td) > .scrolled-textarea[data-v-cadd5f38], .level_4_step_action_grid:is(.table-row__cell) > :nth-child(4):is(td) > .scrolled-textarea[data-v-cadd5f38] {
  background: white;
}
.level_4_step_action_grid[data-v-cadd5f38]:is(.table-row__cell) > :nth-child(1):is(td) {
  justify-content: center;
  padding-left: unset;
  padding-right: unset;
}
.dependencies_register_grid[data-v-cadd5f38] {
  grid-template-columns: 48px 72px minmax(200px, 1fr) 140px 120px 130px 40px;
}
.dependencies_register_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(4) {
  text-align: center;
}
.dependencies_register_grid[data-v-cadd5f38]:is(.table-row__cell) {
  height: unset !important;
  min-height: 60px;
}
.dependencies_register_grid[data-v-cadd5f38]:is(.table-row__cell) :nth-child(n+1):not(:last-child):is(td) {
  border-right: 1px dashed #bbb9b9 !important;
}
.dependencies_register_grid[data-v-cadd5f38] :nth-child(3):is(td) {
  justify-content: center;
  text-align: center;
}
.dependencies_register_grid[data-v-cadd5f38] :nth-child(n+2):not(:nth-child(3)):not(:nth-child(4)):is(td) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.dependencies_register_grid[data-v-cadd5f38] :first-child:is(td) {
  padding-left: 0;
  text-align: center;
  justify-content: center;
}
.level_5_process_step_action_to_be[data-v-cadd5f38] {
  grid-template-columns: 15% 30% 30% 25%;
}
.level_5_process_step_action_to_be[data-v-cadd5f38]:not(.table-row__cell) > :nth-child(n+1):is(td){
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.process_model_catalogue_grid[data-v-cadd5f38]:not(.table-row__cell) {
  grid-template-columns: 25% 25% 25% 25%;
  margin-bottom: unset !important;
}
.process_model_catalogue_grid:not(.table-row__cell) > td[data-v-cadd5f38] {
  text-align: center;
  padding-left: unset;
  background: #BDBDBD;
  min-height: 2rem;
  display: flex;
  align-items: center;
  height: 100%;
}
.process_model_catalogue_grid:not(.table-row__cell) > td[data-v-cadd5f38]:first-child {
  border-top-left-radius: 10px;
}
.process_model_catalogue_grid:not(.table-row__cell) > td[data-v-cadd5f38]:first-child::after {
  background: #F57F17;
  border-top: 1px solid #BDBDBD;
  content: " ";
  width: 100%;
  height: 3px;
}
.process_model_catalogue_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(2)::after {
  background: #F59A24;
  border-top: 1px solid #BDBDBD;
  content: " ";
  width: 100%;
  height: 3px;
}
.process_model_catalogue_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(3)::after {
  background: #FEBC2C;
  border-top: 1px solid #BDBDBD;
  content: " ";
  width: 100%;
  height: 3px;
}
.process_model_catalogue_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(4)::after {
  background: #FDD835;
  border-top: 1px solid #BDBDBD;
  content: " ";
  width: 100%;
  height: 3px;
}
.process_model_catalogue_grid:not(.table-row__cell) > td[data-v-cadd5f38]:last-child {
  border-top-right-radius: 10px;
}
.process_model_catalogue_grid:not(.table-row__cell) > td > span[data-v-cadd5f38] {
  display: flex;
  align-items: center;
  height: 100%;
}
.process_model_catalogue_grid[data-v-cadd5f38]:is(.table-row__cell) {
  grid-template-columns: 1fr;
}
.process_model_catalogue_grid:is(.table-row__cell) > td[data-v-cadd5f38] {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.assumptions_register_grid[data-v-cadd5f38] {
  height: unset !important;
  min-height: 60px;
  grid-template-columns: 48px 72px minmax(200px, 1fr) 140px 130px minmax(150px, 1fr) 140px 130px 40px;
}
.assumptions_register_grid[data-v-cadd5f38] :nth-child(n+1):not(:nth-child(4)):is(td) {
  padding-left: 0.5rem;
}
.assumptions_register_grid[data-v-cadd5f38]:not(.table-row__cell) :first-child:is(td){
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}
.assumptions_register_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(2):is(td),
.assumptions_register_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(5):is(td),
.assumptions_register_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(7):is(td) {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.assumptions_register_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(4):is(td), .assumptions_register_grid:not(.table-row__cell) :nth-child(4):is(td) > .table-row__head_sub[data-v-cadd5f38] {
  text-align: center;
}
.assumptions_register_grid[data-v-cadd5f38]:is(.table-row__cell) :first-child:is(td){
  padding-left: 0px;
  padding-right: 0px;
  justify-content: center;
}
.assumptions_register_grid[data-v-cadd5f38]:is(.table-row__cell) :nth-child(n+1):is(td) {
  border-right: 1px dashed #bbb9b9 !important;
}
.assumptions_register_grid[data-v-cadd5f38]:is(.table-row__cell) :last-child:is(td) {
  border-right: 1px solid #D3D3D3 !important;
}
.process_model_capability_matrix_grid[data-v-cadd5f38] {
  grid-template-columns: 1fr 10% repeat(20, 1fr);
}
.process_model_capability_matrix_grid:is(.table-row__cell) > td[data-v-cadd5f38]{
  min-height: 40px;
  justify-content: center;
}
.risk_register_grid[data-v-cadd5f38] {
  grid-template-columns: 48px 72px minmax(200px, 1fr) 130px 130px minmax(150px, 1fr) minmax(150px, 1fr) 130px 40px;
}
.risk_register_grid[data-v-cadd5f38] :nth-child(n+1):is(td) {
  padding-left: 0.5rem;
}
.risk_register_grid[data-v-cadd5f38]:not(.table-row__cell) :first-child:is(td){
  padding-left: 0px;
  padding-right: 0px;
  text-align: center !important;
}
.risk_register_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(2):is(td),
.risk_register_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(n+5):is(td){
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.risk_register_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(3):not(td.table-row__cell) {
  padding-left: 0rem;
  padding-right: 0rem;
  text-align: center;
}
.risk_register_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(4):not(td.table-row__cell) {
  padding-left: 0rem;
  padding-right: 0rem;
  text-align: center;
}
.risk_register_grid[data-v-cadd5f38]:is(.table-row__cell) {
  height: unset !important;
  min-height: 60px;
}
.risk_register_grid[data-v-cadd5f38]:is(.table-row__cell) :first-child:is(td){
  padding-left: 0px;
  padding-right: 0px;
  justify-content: center !important;
}
.risk_register_grid[data-v-cadd5f38]:is(.table-row__cell) :nth-child(n+1):is(td) {
  border-right: 1px dashed #bbb9b9 !important;
}
.risk_register_grid[data-v-cadd5f38]:is(.table-row__cell) :last-child:is(td) {
  border-right: 1px solid #D3D3D3 !important;
}
.risk_register_grid[data-v-cadd5f38]:is(.table-row__cell) :nth-child(3):is(td),
.risk_register_grid[data-v-cadd5f38]:is(.table-row__cell) :nth-child(4):is(td.table-row__cell) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.risk_register_grid .multi_fields_dropdown[data-v-cadd5f38] {
  min-width: 60px;
}
.assumptions_register_grid[data-v-cadd5f38]:is(.table-row__cell),
.risk_register_grid[data-v-cadd5f38]:is(.table-row__cell),
.dependencies_register_grid[data-v-cadd5f38]:is(.table-row__cell) {
  height: 120px;
}
.table-row__body .risk_register_grid[data-v-cadd5f38]:nth-child(even),
.table-row__body .assumptions_register_grid[data-v-cadd5f38]:nth-child(even),
.table-row__body .issues_register_grid[data-v-cadd5f38]:nth-child(even),
.table-row__body .dependencies_register_grid[data-v-cadd5f38]:nth-child(even) {
  background: #f9fafb;
}
.table-row__head > .organisation_table_grid[data-v-cadd5f38] > :first-child:is(td), .table-row__head > .organisation_table_grid[data-v-cadd5f38] > :last-child:is(td) {
  text-align: center;
  padding-left: unset !important;
}
.table-row__head > .organisation_table_grid[data-v-cadd5f38] > :not(:first-child:is(td)), .table-row__head > .organisation_table_grid[data-v-cadd5f38] > :not(:last-child:is(td)) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.organisation_table_grid[data-v-cadd5f38] {
  grid-template-columns: repeat(4, 1fr) 0.5fr;
}
.organisation_table_grid[data-v-cadd5f38]:is(.table-row__cell) {
  height: 80px;
}
.organisation_table_grid:is(.table-row__cell) > td[data-v-cadd5f38]:first-child{
  padding-right: 0px;
  padding-left: 1px;
}
.organisation_table_grid:is(.table-row__cell) > td[data-v-cadd5f38]:last-child {
  border-top-right-radius: 0px;
}
.stakeholders_map_grid[data-v-cadd5f38] {
  grid-template-columns: 1fr 1fr 1fr;
  height: 50px;
}
.stakeholders_map_grid td[data-v-cadd5f38] {
  height: 50px;
}
.stakeholders_map_table_grid[data-v-cadd5f38] {
  grid-template-columns: 0.25fr repeat(2, 1fr) 0.35fr !important;
}
.stakeholders_map_table_grid[data-v-cadd5f38] :nth-child(n+2) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.stakeholders_map_table_grid :nth-child(n+2) > div[data-v-cadd5f38] {
  width: 100%;
}
.stakeholders_map_table_grid :nth-child(n+2) > div[data-v-cadd5f38]:is(:first-child) {
  margin-bottom: 2px;
}
.stakeholders_map_table_grid :nth-child(n+2) > div[data-v-cadd5f38]:not(:last-child) {
  border-bottom: 1px dashed #bbb9b9;
}
.stakeholders_map_table_grid :nth-child(2) > div[data-v-cadd5f38] {
  margin-right: 2px;
}
.stakeholders_map_table_grid[data-v-cadd5f38] :last-child:is(td) {
  padding-left: 0.25rem !important;
  justify-content: space-evenly;
}
.stakeholders_map_table_grid :last-child:is(td) > div[data-v-cadd5f38] {
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.stakeholders_map_table_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(n):is(td) {
  align-items: center;
  text-align: center;
  justify-content: center;
}
.stakeholders_map_table_grid:not(.table-row__cell) > td[data-v-cadd5f38]:first-child {
  padding-left: unset;
}
.stakeholders_map_table_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(2):is(td),
.stakeholders_map_table_grid[data-v-cadd5f38]:not(.table-row__cell) :nth-child(3):is(td) {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.stakeholders_map_table_grid:is(.table-row__cell) > td[data-v-cadd5f38]:first-child {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  text-align: center;
  display: flex;
  justify-content: center;
  padding-left: 0;
}
.stakeholders_map_table_grid[data-v-cadd5f38] :last-child:is(td) {
  padding-right: 0.25rem !important;
}
.stakeholders_map_table_grid[data-v-cadd5f38] :nth-child(n+2):is(td) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.governance_authorities_grid[data-v-cadd5f38] {
  grid-template-columns: 10% 10% 1fr 1fr 1fr 1fr !important;
}
.governance_authorities_grid > td[data-v-cadd5f38] {
  display: flex;
  flex-direction: column;
}
.governance_authorities_grid > td > div[data-v-cadd5f38] {
  width: 100%;
  min-height: 41px;
  height: 100%;
}
.governance_authorities_grid > td > div[data-v-cadd5f38]:nth-child(n+2) {
  border-top: 1px solid #BDBDBD;
}
.governance_authorities_grid > td:nth-child(n+3) > div[data-v-cadd5f38] {
  margin-bottom: 1px;
  padding-left: unset !important;
}
.governance_authorities_grid > td[data-v-cadd5f38]:nth-child(2){
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.governance_authorities_grid > td:nth-child(2) > div[data-v-cadd5f38]{
  display: flex;
  min-height: 41px;
  align-items: center;
  justify-content: flex-start;
}
.governance_authorities_grid[data-v-cadd5f38]:is(.table-row__cell) {
  min-height: 41px;
}
.governance_authorities_grid[data-v-cadd5f38]:is(.table-row__cell):is(:first-child) {
  border-bottom: 1px solid black;
}
.governance_authorities_grid[data-v-cadd5f38]:is(.table-row__cell):nth-last-child(1) {
  border-top: 1px solid black;
}
.governance_authorities_grid:is(.table-row__cell) > td[data-v-cadd5f38]:first-child {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  background: #E8E8E8;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  justify-content: center;
  padding-left: 0;
  color: #2E4050;
}
.transition_summary_grid[data-v-cadd5f38] {
  grid-template-columns: 1fr 1fr 1fr;
}
.transition_summary_grid:not(.table-row__cell) > td[data-v-cadd5f38]{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.transition_impact_assessment_table_grid[data-v-cadd5f38] {
  grid-template-columns: 1fr 1fr 1fr 35% 35%;
}
.transition_impact_assessment_table_grid:not(.table-row__cell) > td[data-v-cadd5f38]{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.stakeholder_concerns_traceability_matrix_grid > td[data-v-cadd5f38]:first-child, .stakeholder_concerns_traceability_matrix_grid > td[data-v-cadd5f38]:nth-child(2) {
  background: #EBEBEB;
  justify-content: center;
}
.stakeholder_concerns_traceability_matrix_grid > td[data-v-cadd5f38]:first-child{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.stakeholder_concerns_traceability_matrix_grid > td[data-v-cadd5f38]:nth-child(2){
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.stakeholder_concerns_traceability_matrix_grid > td[data-v-cadd5f38]:first-child, .stakeholder_concerns_traceability_matrix_grid:is(.table-row__cell):is(:first-child) > td[data-v-cadd5f38] {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}
.stakeholder_concerns_traceability_matrix_grid[data-v-cadd5f38]:is(.table-row__cell) {
  grid-template-columns: 1.5fr 5fr repeat(37, 1fr);
}
.stakeholder_concerns_traceability_matrix_grid[data-v-cadd5f38] .cell-tooltip {
  top: 50%;
}
@supports (-webkit-text-security: circle) {
.stakeholder_concerns_traceability_matrix_grid[data-v-cadd5f38] .cell-tooltip {
    top: -25% !important;
    right: -12px;
    transform: rotate(180deg);
}
}
.stakeholder_concerns_traceability_matrix_grid > td[data-v-cadd5f38]:first-child, .stakeholder_concerns_traceability_matrix_grid > td[data-v-cadd5f38]:nth-child(2) {
  background: #EBEBEB;
  justify-content: center;
}
.stakeholder_concerns_traceability_matrix_grid > td[data-v-cadd5f38]:first-child{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.stakeholder_concerns_traceability_matrix_grid > td[data-v-cadd5f38]:nth-child(2){
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.stakeholder_concerns_traceability_matrix_grid > td[data-v-cadd5f38]:first-child, .stakeholder_concerns_traceability_matrix_grid:is(.table-row__cell):is(:first-child) > td[data-v-cadd5f38] {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}
.stakeholder_concerns_traceability_matrix_grid[data-v-cadd5f38]:is(.table-row__cell) {
  grid-template-columns: 1.5fr 5fr repeat(37, 1fr);
}
.blueprint_traceability_matrix_grid[data-v-cadd5f38] {
  /*&>td:first-child {
      @apply px-1;
  }
  &>td:nth-child(2) {
      @apply px-2;
  }*/
  grid-template-columns: 10fr repeat(37, 1fr);
}
.blueprint_traceability_matrix_grid[data-v-cadd5f38] .cell-tooltip {
  top: 40%;
}
@media (min-width: 1680px) {
.blueprint_traceability_matrix_grid[data-v-cadd5f38] .cell-tooltip {
    top: 28%;
}
}
@supports (-webkit-text-security: circle) {
.blueprint_traceability_matrix_grid[data-v-cadd5f38] .cell-tooltip {
    top: -100% !important;
    right: -12px;
    transform: rotate(180deg);
}
}
.blueprint_traceability_matrix_grid > td[data-v-cadd5f38]:first-child {
  background: #EBEBEB;
}
.blueprint_traceability_matrix_grid > td[data-v-cadd5f38]:first-child, .blueprint_traceability_matrix_grid:is(.table-row__cell):is(:first-child) > td[data-v-cadd5f38] {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}
.business_it_alignment_table_grid[data-v-cadd5f38] {
  grid-template-columns: repeat(8, 1fr) 1.08fr 1fr;
}
.business_it_alignment_table_grid[data-v-cadd5f38]:not(.table-row__cell) {
  margin-bottom: unset;
}
.business_it_alignment_table_grid:not(.table-row__cell) > td[data-v-cadd5f38] {
  padding-left: unset;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #EBEBEB;
  border: 1px solid #BDBDBD;
  border-right: unset;
  border-bottom: unset;
}
.business_it_alignment_table_grid:not(.table-row__cell) > td[data-v-cadd5f38]:first-child {
  margin-right: 1px;
  border-top-left-radius: 10px;
  grid-area: 1/3/1/1;
}
.business_it_alignment_table_grid:not(.table-row__cell) > td[data-v-cadd5f38]:first-child, .business_it_alignment_table_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(5) {
  margin-left: 1px;
}
.business_it_alignment_table_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(2) {
  grid-area: 1/7/1/3;
  margin-left: -1px;
}
.business_it_alignment_table_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(3), .business_it_alignment_table_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(4) {
  margin-left: -1px;
}
.business_it_alignment_table_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(4) {
  grid-area: 1/11/1/8;
  border-top-right-radius: 10px;
}
.business_it_alignment_table_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(5) {
  margin-right: 1px;
}
.business_it_alignment_table_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(n+6):not(:last-child) {
  margin-left: -1px;
  margin-right: 1px;
}
.business_it_alignment_table_grid:not(.table-row__cell) > td[data-v-cadd5f38]:last-child {
  margin-left: -1px;
}
.business_it_alignment_table_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(4), .business_it_alignment_table_grid:not(.table-row__cell) > td[data-v-cadd5f38]:last-child {
  border-right: 1px solid #BDBDBD;
}
.business_it_alignment_table_grid:is(.table-row__cell) > td[data-v-cadd5f38] {
  margin-left: 1px;
}
.business_it_alignment_table_grid:is(.table-row__cell) > td[data-v-cadd5f38]:first-child, .business_it_alignment_table_grid:is(.table-row__cell) > td:first-child > .scrolled-textarea[data-v-cadd5f38] {
  border-top-left-radius: 0px;
}
.business_it_alignment_table_grid:is(.table-row__cell) > td[data-v-cadd5f38]:last-child, .business_it_alignment_table_grid:is(.table-row__cell) > td:last-child > .scrolled-textarea[data-v-cadd5f38] {
  border-top-right-radius: 0px;
}
.transition_architecture_strategy_map_grid[data-v-cadd5f38] {
  grid-template-columns: 7% 1fr 1fr 1fr 1fr;
}
.transition_architecture_strategy_map_grid > td[data-v-cadd5f38]:first-child{
  justify-content: center;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  /* identical to box height */
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  /* /dark_text */
  color: #2E4050;
  background: #E8E8E8;
}
.business_architecture_road_map_grid[data-v-cadd5f38] {
  grid-template-columns: 10% repeat(8, 1fr);
}
.business_architecture_road_map_grid[data-v-cadd5f38]:not(.table-row__cell) > :nth-child(2):is(td) {
  grid-area: 1/10/1/2;
  text-align: center;
}
.business_architecture_road_map_grid:is(.table-row__cell) > td > .table_list_date_picker[data-v-cadd5f38] .dp__main > div > .dp__input_wrap > .dp__input {
  padding-left: 3px !important;
  padding-right: 3px !important;
  font-size: 14px;
}
.business_architecture_road_map_grid:is(.table-row__cell) > td[data-v-cadd5f38]:first-child{
  justify-content: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background: #E8E8E8;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  /* identical to box height */
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  /* /dark_text */
  color: #2E4050;
}
.programme_road_map_grid[data-v-cadd5f38] {
  grid-template-columns: repeat(15, 1fr);
}
.programme_road_map_grid[data-v-cadd5f38]:is(.table-row__cell) > :nth-child(1):is(td){
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  background: #e8e8e8;
  justify-content: center;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */
  text-align: center;
  color: #000000;
}
.prioritised_changes_catalogue_grid[data-v-cadd5f38] {
  grid-template-columns: 1fr 1fr 0.8fr 1fr 0.88fr 0.88fr 1fr 1fr;
}
.prioritised_changes_catalogue_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(1) {
  padding-left: 8px;
}
.prioritised_changes_catalogue_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(3) {
  text-align: center;
}
.prioritised_changes_catalogue_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(2) {
  padding-left: 8px;
  padding-right: 8px;
}
.prioritised_changes_catalogue_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(5), .prioritised_changes_catalogue_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(6) {
  padding-left: 4px !important;
}
.prioritised_changes_catalogue_grid:not(.table-row__cell) > td[data-v-cadd5f38]:nth-child(n+4) {
  padding-left: 8px;
}
.prioritised_changes_catalogue_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(1) {
  margin-left: 1px;
}
.prioritised_changes_catalogue_grid:is(.table-row__cell) > td:nth-child(5) > .table_list_date_picker[data-v-cadd5f38], .prioritised_changes_catalogue_grid:is(.table-row__cell) > td:nth-child(6) > .table_list_date_picker[data-v-cadd5f38] {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.benefits_realisation_register_grid[data-v-cadd5f38] {
  grid-template-columns: 0.35fr 1fr 1.5fr 1.5fr repeat(5, 1fr) 2fr;
}
.benefits_realisation_register_grid[data-v-cadd5f38]:not(.table-row__cell) {
  margin-bottom: unset;
}
.benefits_realisation_register_grid:not(.table-row__cell) > td[data-v-cadd5f38]{
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #EBEBEB;
  border: 1px solid #BDBDBD;
  border-bottom: unset;
}
.benefits_realisation_register_grid:not(.table-row__cell) > td > .table-row__head_sub[data-v-cadd5f38] {
  text-align: center;
}
.benefits_realisation_register_grid:not(.table-row__cell) > td[data-v-cadd5f38]:first-child{
  padding-left: 0px;
  border-top-left-radius: 10px;
}
.benefits_realisation_register_grid:not(.table-row__cell) > td[data-v-cadd5f38]:last-child {
  border-top-right-radius: 10px;
}
.benefits_realisation_register_grid:not(.table-row__cell) > td[data-v-cadd5f38]:not(:first-child) {
  border-left: unset;
}
.benefits_realisation_register_grid:is(.table-row__cell) > td > .scrolled-textarea[data-v-cadd5f38] {
  border-top-right-radius: 0px !important;
}
.benefits_realisation_register_grid:is(.table-row__cell) > td[data-v-cadd5f38]:first-child{
  justify-content: center;
  padding-left: 0px;
  border-top-left-radius: unset;
}
.benefits_realisation_register_grid:is(.table-row__cell) > td[data-v-cadd5f38]:last-child {
  border-top-right-radius: unset;
}
.readonly-cell-text[data-v-cadd5f38] {
  display: block;
  padding: 8px 12px;
  font-size: 13px;
  color: #374151;
  line-height: 1.5;
}
.table-row__head > .governance_authorities_grid[data-v-cadd5f38], .table-row__head > .bar_raci_grid[data-v-cadd5f38], .table-row__head > .meetings_and_ceremonies_grid[data-v-cadd5f38] {
  background: #3F484C;
}
.table-row__head > .governance_authorities_grid td[data-v-cadd5f38], .table-row__head > .governance_authorities_grid span[data-v-cadd5f38], .table-row__head > .bar_raci_grid td[data-v-cadd5f38], .table-row__head > .bar_raci_grid span[data-v-cadd5f38], .table-row__head > .meetings_and_ceremonies_grid td[data-v-cadd5f38], .table-row__head > .meetings_and_ceremonies_grid span[data-v-cadd5f38] {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(n) {
  border-right: 1px solid #e5e7eb !important;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:last-child {
  border-right: 1px solid #e5e7eb !important;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(7), .bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(13), .bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(19), .bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(25) {
  border-left: 1px solid #e5e7eb !important;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(12), .bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(18), .bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(24) {
  border-left: 1px solid #e5e7eb !important;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(6) {
  border-bottom: 1px solid #e5e7eb !important;
  border-right: 1px solid #e5e7eb !important;
}
.bar_raci_grid:is(.table-row__cell) > td[data-v-cadd5f38]:nth-child(n+25) {
  border-bottom: 1px solid #e5e7eb;
}
.ujmt-state[data-v-cadd5f38] {
  padding: 48px 24px;
  text-align: center;
  color: #9ca3af;
  font-size: 14px;
}
.ujmt-table[data-v-cadd5f38] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin-bottom: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
.ujmt-head[data-v-cadd5f38] {
  background: #3F484C;
  color: #fff;
}
.ujmt-th[data-v-cadd5f38] {
  padding: 10px 12px;
  text-align: left;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.ujmt-th[data-v-cadd5f38]:last-child {
  border-right: none;
}
.ujmt-th--num[data-v-cadd5f38] {
  width: 40px;
  text-align: center;
}
.ujmt-th--center[data-v-cadd5f38] {
  text-align: center;
}
.ujmt-th--good[data-v-cadd5f38] {
  background: rgba(16, 185, 129, 0.18);
}
.ujmt-th--pain[data-v-cadd5f38] {
  background: rgba(239, 68, 68, 0.18);
}
.ujmt-row--even[data-v-cadd5f38] {
  background: #ffffff;
}
.ujmt-row--odd[data-v-cadd5f38] {
  background: #f9fafb;
}
.ujmt-row:hover td[data-v-cadd5f38] {
  background: #f3f4f6 !important;
}
.ujmt-row:last-child td[data-v-cadd5f38] {
  border-bottom: none;
}
.ujmt-td[data-v-cadd5f38] {
  padding: 14px 12px;
  vertical-align: top;
  border-bottom: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  font-size: 13px;
  color: #374151;
  line-height: 1.5;
}
.ujmt-td[data-v-cadd5f38]:last-child {
  border-right: none;
}
.ujmt-td--num[data-v-cadd5f38] {
  text-align: center;
  color: #9ca3af;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.ujmt-td--name[data-v-cadd5f38] {
  font-weight: 500;
  color: #111827;
}
.ujmt-td--chips[data-v-cadd5f38] {
  vertical-align: middle;
}
.ujmt-td--good[data-v-cadd5f38] {
  background: rgba(16, 185, 129, 0.04);
}
.ujmt-td--pain[data-v-cadd5f38] {
  background: rgba(239, 68, 68, 0.04);
}
.ujmt-td--center[data-v-cadd5f38] {
  text-align: center;
  vertical-align: middle;
}
.ujmt-chip[data-v-cadd5f38] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  line-height: 1;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 11px;
  color: #374151;
  margin: 2px 3px 2px 0;
  white-space: nowrap;
}
.ujmt-chip--process[data-v-cadd5f38] {
  background: #FFCC00;
  border-color: #FFCC00;
  color: #3F484C;
  font-weight: 500;
}
.ujmt-list[data-v-cadd5f38] {
  margin: 0;
  padding-left: 16px;
}
.ujmt-list li[data-v-cadd5f38] {
  font-size: 12px;
  color: #374151;
  margin-bottom: 3px;
}
.ujmt-list li[data-v-cadd5f38]:last-child {
  margin-bottom: 0;
}
.ujmt-list--good li[data-v-cadd5f38] {
  color: #065f46;
}
.ujmt-list--pain li[data-v-cadd5f38] {
  color: #991b1b;
}
.ujmt-exp[data-v-cadd5f38] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  line-height: 1;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.ujmt-exp--positive[data-v-cadd5f38] {
  background: rgba(16, 185, 129, 0.14);
  color: #065f46;
}
.ujmt-exp--neutral[data-v-cadd5f38] {
  background: rgba(156, 163, 175, 0.2);
  color: #4b5563;
}
.ujmt-exp--negative[data-v-cadd5f38] {
  background: rgba(239, 68, 68, 0.14);
  color: #991b1b;
}
.ujmt-empty[data-v-cadd5f38] {
  color: #d1d5db;
  font-size: 12px;
}
.gov-auth[data-v-cadd5f38] {
  font-family: Montserrat, sans-serif;
}
.gov-auth__toolbar[data-v-cadd5f38] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.gov-auth__toolbar-btn[data-v-cadd5f38] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid #d1d5db;
  background: #fff;
  color: #374151;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
}
.gov-auth__toolbar-btn[data-v-cadd5f38]:hover:not(:disabled) {
  background: #f3f4f6;
}
.gov-auth__toolbar-btn--disabled[data-v-cadd5f38] {
  opacity: 0.4;
  cursor: not-allowed;
}
.gov-auth__table[data-v-cadd5f38] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 6px;
  border-radius: 12px;
  padding: 10px 12px 12px;
  overflow: hidden;
  background: #F4F3EF;
  table-layout: fixed;
}
.gov-auth__table thead th[data-v-cadd5f38] {
  background: transparent;
  color: #ADADAD;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: left;
  padding: 8px 10px;
  border-bottom: none;
}
.gov-auth__table td[data-v-cadd5f38] {
  padding: 6px 10px;
}
.gov-auth__th--side[data-v-cadd5f38] {
  width: 120px;
  padding: 0 !important;
}
.gov-auth__th--core[data-v-cadd5f38] {
  padding-left: 36px;
}
.gov-auth__th--actions[data-v-cadd5f38] {
  width: 84px;
  text-align: center !important;
}
.gov-auth__tier-label[data-v-cadd5f38] {
  width: 120px;
  min-width: 120px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 12px 8px;
  background: #3A3A3A;
  border-radius: 8px;
}
.gov-auth__tier-label-inner[data-v-cadd5f38] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 100%;
}
.gov-auth__tier-icon[data-v-cadd5f38] {
  line-height: 0;
}
.gov-auth__tier-text[data-v-cadd5f38] {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.4;
}
.gov-auth__group-header[data-v-cadd5f38] {
  padding: 0;
  background: #fff;
  cursor: pointer;
  border-radius: 8px;
}
.gov-auth__tier-row .gov-auth__group-header[data-v-cadd5f38] {
  border-radius: 0 8px 8px 0;
}
.gov-auth__group-header--expanded[data-v-cadd5f38] {
  background: #FEF3C7;
  border-radius: 8px 8px 0 0;
}
.gov-auth__tier-row .gov-auth__group-header--expanded[data-v-cadd5f38] {
  border-radius: 0 8px 0 0;
}
.gov-auth__group-header-inner[data-v-cadd5f38] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}
.gov-auth__chevron[data-v-cadd5f38] {
  color: #9CA3AF;
  display: inline-flex;
  margin-left: auto;
}
.gov-auth__chevron--expanded[data-v-cadd5f38] {
  color: #FEBC2C;
}
.gov-auth__group-name[data-v-cadd5f38] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gov-auth__group-count[data-v-cadd5f38] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 4px;
  border: 1px solid #D1D5DB;
  background: #E5E7EB;
  color: #6B7280;
  font-size: 10px;
  font-weight: 700;
}
.gov-auth__member-row td[data-v-cadd5f38] {
  background: #fff;
  font-size: 13px;
  color: #374151;
  vertical-align: middle;
  word-break: break-word;
}
.gov-auth__member-row td[data-v-cadd5f38]:first-child {
  border-radius: 8px 0 0 8px;
}
.gov-auth__member-row td[data-v-cadd5f38]:last-child {
  border-radius: 0 8px 8px 0;
}
.gov-auth__member-row:hover td[data-v-cadd5f38] {
  background: #FAFAFA;
}
.gov-auth__member-row--edit td[data-v-cadd5f38] {
  background: #FAFAFA;
}
.gov-auth__core[data-v-cadd5f38] {
  color: #111827;
  font-weight: 500;
}
.gov-auth__core-inner[data-v-cadd5f38] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.gov-auth__elbow[data-v-cadd5f38] {
  flex-shrink: 0;
}
.gov-auth__add-role[data-v-cadd5f38] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #6B7280;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
}
.gov-auth__cell[data-v-cadd5f38] {
  color: #374151;
}
.gov-auth__actions[data-v-cadd5f38] {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.gov-auth__actions .gov-auth__action + .gov-auth__action[data-v-cadd5f38] {
  margin-left: 8px;
}
.gov-auth__action[data-v-cadd5f38] {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: #9CA3AF;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
}
.gov-auth__action[data-v-cadd5f38]:hover {
  background: #f3f4f6;
  color: #374151;
}
.gov-auth__action--delete[data-v-cadd5f38]:hover {
  background: #fef2f2;
  color: #dc2626;
}
.gov-auth__action--save[data-v-cadd5f38] {
  background: transparent;
  color: #16a34a;
}
.gov-auth__action--save[data-v-cadd5f38]:hover {
  background: #f0fdf4;
}
.gov-auth__action--cancel[data-v-cadd5f38] {
  background: transparent;
  color: #dc2626;
}
.gov-auth__action--cancel[data-v-cadd5f38]:hover {
  background: #fef2f2;
}
.gov-auth__input[data-v-cadd5f38] {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 13px;
  color: #111827;
  background: #fff;
}
.gov-auth__input[data-v-cadd5f38]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.gov-auth__input--small[data-v-cadd5f38] {
  max-width: 120px;
}
.gov-auth__member-row--edit .gov-auth__input[data-v-cadd5f38] {
  background: #E9E7E1;
  border-color: #E9E7E1;
}
.gov-auth__member-row--edit .gov-auth__input[data-v-cadd5f38]:focus {
  background: #fff;
  border-color: #FEBC2C;
}
.gov-auth__add-cell[data-v-cadd5f38] {
  background: #FFF9E6;
  border: 1px dashed #DCD0A0;
  border-radius: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.gov-auth__add-btn[data-v-cadd5f38] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: none;
  background: transparent;
  color: #6B7280;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 6px;
}
.gov-auth__add-btn[data-v-cadd5f38]:hover {
  background: #f3f4f6;
  color: #374151;
}
.gov-auth__inline-add[data-v-cadd5f38] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.gov-auth__inline-add .gov-auth__input[data-v-cadd5f38] {
  background: #fff;
}
.gov-auth-modal-backdrop[data-v-cadd5f38] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
}
.gov-auth-modal[data-v-cadd5f38] {
  background: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 340px;
  padding: 24px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}
.gov-auth-modal__icon[data-v-cadd5f38] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #F5A623;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.gov-auth-modal__title[data-v-cadd5f38] {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 8px;
}
.gov-auth-modal__body[data-v-cadd5f38] {
  font-size: 14px;
  color: #4b5563;
  margin: 0 0 20px;
}
.gov-auth-modal__body strong[data-v-cadd5f38] {
  color: #111827;
}
.gov-auth-modal__footer[data-v-cadd5f38] {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.gov-auth-modal__btn[data-v-cadd5f38] {
  padding: 8px 18px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: none;
}
.gov-auth-modal__btn--secondary[data-v-cadd5f38] {
  background: #f3f4f6;
  color: #374151;
}
.gov-auth-modal__btn--danger[data-v-cadd5f38] {
  background: #dc2626;
  color: #fff;
}.tc-register[data-v-185d04be] {
  padding: 0 0 24px;
}
.tc-toolbar[data-v-185d04be] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0 12px;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 0;
  flex-wrap: wrap;
  gap: 8px;
}
.tc-toolbar__left[data-v-185d04be] {
  flex: 1;
}
.tc-toolbar__actions[data-v-185d04be] {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.tc-title[data-v-185d04be] {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.tc-btn[data-v-185d04be] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.tc-btn--primary[data-v-185d04be] {
  background: #3F484C;
  color: #fff;
}
.tc-btn--primary[data-v-185d04be]:hover {
  background: #2d3437;
}
.tc-btn--primary[data-v-185d04be]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.tc-btn--secondary[data-v-185d04be] {
  background: #fff;
  color: #374151;
  border-color: #d1d5db;
}
.tc-btn--secondary[data-v-185d04be]:hover {
  background: #f3f4f6;
}
.tc-btn--danger[data-v-185d04be] {
  background: #dc2626;
  color: #fff;
}
.tc-btn--danger[data-v-185d04be]:hover {
  background: #b91c1c;
}
.tc-btn--ai[data-v-185d04be] {
  background: #fff;
  color: #6b7280;
  border-color: #d1d5db;
}
.tc-btn--disabled[data-v-185d04be] {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.tc-btn--disabled[data-v-185d04be]:hover {
  background: #fff;
}
.tc-table-wrap[data-v-185d04be] {
  overflow-x: auto;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-top: 12px;
}
.tc-table[data-v-185d04be] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.tc-table thead tr[data-v-185d04be] {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.tc-table th[data-v-185d04be] {
  padding: 10px 12px;
  font-weight: 600;
  color: #374151;
  text-align: left;
  white-space: nowrap;
}
.tc-table .tc-row[data-v-185d04be] {
  border-bottom: 1px solid #f3f4f6;
}
.tc-table .tc-row[data-v-185d04be]:last-child {
  border-bottom: none;
}
.tc-table .tc-row[data-v-185d04be]:hover {
  background: #fafafa;
}
.tc-table td[data-v-185d04be] {
  padding: 10px 12px;
  color: #1f2937;
  vertical-align: top;
  line-height: 1.5;
}
.tc-table td[contenteditable=true][data-v-185d04be] {
  outline: none;
  min-height: 20px;
  cursor: text;
}
.tc-table td[contenteditable=true][data-v-185d04be]:focus {
  background: #fffbeb;
  box-shadow: inset 0 0 0 1px #FFCC00;
  border-radius: 2px;
}
.col-ref[data-v-185d04be] {
  width: 70px;
}
.col-main[data-v-185d04be] {
  min-width: 180px;
}
.col-source[data-v-185d04be] {
  width: 140px;
}
.col-traced[data-v-185d04be] {
  width: 70px;
  text-align: center;
}
.col-dp[data-v-185d04be] {
  width: 80px;
}
.col-actions[data-v-185d04be] {
  width: 72px;
  white-space: nowrap;
}
.ref-badge[data-v-185d04be] {
  font-weight: 600;
  color: #6b7280;
  font-size: 12px;
}
.dp-ref[data-v-185d04be] {
  font-size: 12px;
  color: #6b7280;
}
.traced-badge[data-v-185d04be] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
}
.traced-badge.traced-yes[data-v-185d04be] {
  background: #d1fae5;
  color: #065f46;
}
.traced-badge.traced-no[data-v-185d04be] {
  background: #f3f4f6;
  color: #9ca3af;
}
.tc-empty-row[data-v-185d04be] {
  text-align: center;
  padding: 32px !important;
  color: #9ca3af;
  font-style: italic;
}
.tc-empty[data-v-185d04be] {
  text-align: center;
  padding: 32px;
  color: #9ca3af;
}
.row-action[data-v-185d04be] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  color: #9ca3af;
  transition: all 0.15s ease;
}
.row-action[data-v-185d04be]:hover {
  color: #374151;
  background: #f3f4f6;
}
.del-btn[data-v-185d04be]:hover {
  color: #dc2626 !important;
  background: #fef2f2 !important;
}
.tc-modal-backdrop[data-v-185d04be] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
}
.tc-modal[data-v-185d04be] {
  background: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 520px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  max-height: 85vh;
  overflow: hidden;
}
.tc-modal--sm[data-v-185d04be] {
  max-width: 420px;
}
.tc-modal--lg[data-v-185d04be] {
  max-width: 640px;
}
.tc-modal__header[data-v-185d04be] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #e5e7eb;
}
.tc-modal__header h3[data-v-185d04be] {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.tc-modal__close[data-v-185d04be] {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  color: #9ca3af;
  padding: 4px;
}
.tc-modal__close[data-v-185d04be]:hover {
  color: #374151;
}
.tc-modal__body[data-v-185d04be] {
  padding: 20px 24px;
  overflow-y: auto;
  flex: 1;
}
.tc-modal__body p[data-v-185d04be] {
  font-size: 14px;
  color: #374151;
  margin: 0 0 12px;
}
.tc-modal__footer[data-v-185d04be] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
  justify-content: flex-end;
  background: #f9fafb;
}
.tc-field-label[data-v-185d04be] {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  margin: 0 0 4px;
  margin-top: 12px;
}
.tc-field-label[data-v-185d04be]:first-child {
  margin-top: 0;
}
.tc-textarea[data-v-185d04be] {
  width: 100%;
  padding: 8px 10px;
  font-size: 13px;
  color: #1f2937;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  resize: vertical;
  font-family: inherit;
  line-height: 1.5;
  box-sizing: border-box;
}
.tc-textarea[data-v-185d04be]:focus {
  outline: none;
  border-color: #FFCC00;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.15);
}
.tc-input[data-v-185d04be] {
  width: 100%;
  padding: 8px 10px;
  font-size: 13px;
  color: #1f2937;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-family: inherit;
  box-sizing: border-box;
}
.tc-input[data-v-185d04be]:focus {
  outline: none;
  border-color: #FFCC00;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.15);
}
.tc-sow-intro[data-v-185d04be] {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 16px;
}
.tc-sow-loading[data-v-185d04be] {
  text-align: center;
  padding: 32px;
  color: #9ca3af;
  font-size: 14px;
}
.tc-sow-group[data-v-185d04be] {
  margin-bottom: 16px;
}
.tc-sow-group__header[data-v-185d04be] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.tc-sow-group__label[data-v-185d04be] {
  font-size: 12px;
  font-weight: 700;
  color: #374151;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.tc-sow-select-all[data-v-185d04be] {
  background: none;
  border: none;
  font-size: 12px;
  color: #3F484C;
  cursor: pointer;
  text-decoration: underline;
  padding: 0;
}
.tc-sow-select-all[data-v-185d04be]:hover {
  color: #1f2937;
}
.tc-sow-item[data-v-185d04be] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  margin-bottom: 6px;
  cursor: pointer;
  transition: all 0.1s ease;
  background: #fff;
}
.tc-sow-item[data-v-185d04be]:hover {
  border-color: #FFCC00;
  background: #fffbeb;
}
.tc-sow-item.selected[data-v-185d04be] {
  border-color: #FFCC00;
  background: #fffbeb;
}
.tc-sow-item__text[data-v-185d04be] {
  flex: 1;
}
.tc-sow-item__main[data-v-185d04be] {
  font-size: 13px;
  color: #1f2937;
  line-height: 1.4;
}
.tc-sow-item__sub[data-v-185d04be] {
  font-size: 12px;
  color: #6b7280;
  margin-top: 4px;
}
.tc-sow-checkbox[data-v-185d04be] {
  margin-top: 2px;
  flex-shrink: 0;
  accent-color: #FFCC00;
}
.tc-sow-count[data-v-185d04be] {
  font-size: 13px;
  color: #6b7280;
  margin-right: auto;
}.box:hover .box--action[data-v-d90dfa88] {
  display: block;
}
.box--action[data-v-d90dfa88] {
  width: 25px;
  right: 0;
  top: 0;
  cursor: pointer;
  display: none;
  z-index: 5;
}.shape_modal[data-v-69036fee] {
  width: 924px;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 32px;
}
.shape_modal__header[data-v-69036fee] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  line-height: 29px;
  color: #000000;
  margin-bottom: 24px;
}
.shape_modal__header_title_input_text[data-v-69036fee] {
  background: #FFFFFF;
  border: 1px solid #C4C4C4;
  border-radius: 4px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.shape_modal__header_title_input_text[data-v-69036fee] :focus-visible {
  border: 2px solid #febc2c !important;
  outline: none;
}
.shape_modal__header > span[data-v-69036fee] {
  margin-right: 8px;
  padding-top: 7px;
  display: block;
  width: 28px;
  height: 28px;
  background: #FEBC2C;
  border-radius: 25px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #000000;
}
.shape_modal--btn[data-v-69036fee] {
  float: right;
  padding: 9px 24px;
  margin-top: 32px;
  display: flex;
}
.shape_modal--btn.disabled[data-v-69036fee] {
  background: #FFFFFF;
  border: 1px solid #D3D3D3;
}
.shape_modal--btn > span[data-v-69036fee] {
  margin-right: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #D3D3D3;
}
.shape_modal__body > label[data-v-69036fee] {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #4A4A4A;
  margin-bottom: 8px;
}
.shape_modal__header_title_input[data-v-69036fee] {
  height: 40px;
  border-radius: 4px;
  padding: 7px 8px 7px 8px;
  border: 1px solid #D3D3D3;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
}
.vue-universal-modal[data-v-69036fee] {
  background-color: rgba(34, 34, 40, 0.3) !important;
}
.shape_modal__header_title_input[data-v-69036fee]:focus-visible {
  border-color: #febc2c;
  --tw-ring-color: #febc2c;
  outline: 1px solid #febc2c;
}
[data-v-69036fee] .org-tree-node-label {
  padding-top: 30px !important;
}
.project-card_tree[data-v-69036fee] {
  width: 243px;
}
.table-card__text_more[data-v-69036fee] {
  position: absolute;
  bottom: 0%;
  right: 0%;
  margin-right: 15px;
  margin-bottom: 10px;
  color: #febc2c;
  text-decoration: underline;
}
.table-card__text_content[data-v-69036fee] {
  padding-left: 11px;
  padding-right: 11px;
  max-width: 243px;
  word-break: break-word;
  overflow-wrap: anywhere;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  /* or 133% */
  text-align: left;
  color: #393f4f;
}
.table-card__html[data-v-69036fee] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  padding-left: 11px;
  padding-right: 11px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 243px;
  word-break: break-all;
}
.shape_modal__header_title[data-v-69036fee] {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
}
.shape_modal__header_title_input[data-v-69036fee] {
  margin-top: 0.5rem;
  height: 40px;
  border-radius: 4px;
  padding: 7px 8px 7px 8px;
  border: 1px solid #d3d3d3;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
}
[data-v-69036fee] .project-card-add:hover .project-card-add__icon:not(.project-card-add__icon_matrix) {
  background: white !important;
  border: 1px solid black !important;
  cursor: pointer;
}
[data-v-69036fee] .project-card-add__icon {
  transition: unset !important;
  height: 30px;
  width: 30px;
  border-radius: 6px;
}
.project-card_fill[data-v-69036fee] {
  background: #ffffff;
}
.project-card_tree > .constructor__tree_fields-item__form[data-v-69036fee] {
  border: none !important;
  min-width: 230px !important;
  max-height: 118px !important;
}
.project-card_tree > .constructor__tree_fields-item__form[data-v-69036fee]:not(.project_card-fill) {
  background: #e3ebf2;
  width: 223px;
  height: 118px;
}
.project-card_tree > .constructor__tree_fields-item__form:not(.project_card-fill) > .card-hoba[data-v-69036fee] {
  height: 118px;
}
.project-card_tree > .constructor__tree_fields-item__form[data-v-69036fee]:is(.project_card-fill) {
  background: #ffffff !important;
  height: 118px;
}
.project-card_tree > .constructor__tree_fields-item__form > .card-hoba[data-v-69036fee] {
  border: unset;
  background: transparent !important;
  height: 100% !important;
  transition: unset !important;
  cursor: default;
}
.wrapper-field[data-v-69036fee] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wrapper-field .constructor__tree_fields-item__form.second[data-v-69036fee] {
  height: 118px;
  background: #e3ebf2;
  border: 1px dashed #b5b5b5;
  padding: 5px 3px;
}
.wrapper-field .constructor__tree_fields-item__form.second > .card-hoba[data-v-69036fee] {
  height: 120px !important;
}
.wrapper-field .constructor__tree_fields-item__form[data-v-69036fee] {
  padding: 19px 21px;
  background: #ffffff;
  border: 1px solid rgba(230, 230, 230, 0.4705882353);
  border-radius: 6px;
  position: relative;
  z-index: 2;
}
.wrapper-field .constructor__tree_fields-item__form input[data-v-69036fee] {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #2e4050;
}
.wrapper-field .action[data-v-69036fee] {
  width: 100px;
  height: 30px;
  display: flex;
  justify-content: center;
}
.wrapper-field .action .btns[data-v-69036fee] {
  margin-top: 19%;
  width: inherit;
  position: absolute;
  display: flex;
  justify-content: space-evenly;
  z-index: 1;
}
.wrapper-field .action .btns .btn[data-v-69036fee] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
  border-radius: 6px;
}.process_model_map .org-tree-node:after, .process_model_map .org-tree-node:before {
  z-index: 1;
}
.process_model_map .diagram-node--arrow {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 1;
}
.process_model_map .diagram-node--arrow > img {
  width: 25px;
}
.process_model_map .diagram-node--actions {
  height: 47px;
  position: absolute;
  display: flex;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px -7px 20px rgba(0, 0, 0, 0.08), -11px -3px 20px rgba(0, 0, 0, 0.08), 10px 10px 20px rgba(0, 0, 0, 0.08);
  top: 97px;
  right: -195px;
  z-index: 2;
}
.process_model_map .diagram-node--actions > div {
  margin-right: 3px;
  padding: 5px 2px;
}
.process_model_map .diagram-node--actions .disabledDelete {
  opacity: 0.5;
}
.process_model_map .diagram-node--actions .activeReturn svg path {
  fill: #febc2c;
}
.process_model_map .diagram-node--actions:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  top: 20px;
  right: 178px;
  transform: rotate(270deg);
}
.process_model_map .action-right, .process_model_map .action-down {
  position: absolute;
}
.process_model_map .action-right > .project-card-add__icon, .process_model_map .action-down > .project-card-add__icon {
  width: 30px !important;
  height: 30px !important;
  z-index: 6;
}
.process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > .org-tree-node-children > .org-tree-node > .org-tree-node-label > .org-tree-node-label-inner > .constructor__tree_fields-item__form, .process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > .org-tree-node-children > .org-tree-node > .org-tree-node-label > .org-tree-node-label-inner > .project-card_tree > .constructor__tree_fields-item__form {
  border-radius: 8px;
}
.process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > .org-tree-node-children > .org-tree-node > .org-tree-node-children > .org-tree-node > .org-tree-node-label > .org-tree-node-label-inner > .constructor__tree_fields-item__form, .process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > .org-tree-node-children > .org-tree-node > .org-tree-node-children > .org-tree-node > .org-tree-node-label > .org-tree-node-label-inner > .constructor__tree_fields-item__form > .card-hoba, .process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > .org-tree-node-children > .org-tree-node > .org-tree-node-children > .org-tree-node > .org-tree-node-label > .org-tree-node-label-inner > .project-card_tree > .constructor__tree_fields-item__form, .process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > .org-tree-node-children > .org-tree-node > .org-tree-node-children > .org-tree-node > .org-tree-node-label > .org-tree-node-label-inner > .project-card_tree > .constructor__tree_fields-item__form > .card-hoba {
  border-radius: 35px;
}
.process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > .org-tree-node-children > .org-tree-node > .org-tree-node-label > .org-tree-node-label-inner > .constructor__tree_fields-item__form, .process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > .org-tree-node-children > .org-tree-node > .org-tree-node-label > .org-tree-node-label-inner > .project-card_tree > .constructor__tree_fields-item__form {
  border-radius: 16px;
}
.process_model_map .tree-node-pyramid > .org-tree > div:first-child {
  display: block;
}
.process_model_map .tree-node-pyramid > .org-tree > div:first-child > .org-tree-node-label .process_model_map .tree-node-pyramid > .org-tree > div:first-child > .project-card_tree, .process_model_map .tree-node-pyramid > .org-tree > div:first-child > .org-tree-node-label .process_model_map .tree-node-pyramid > .org-tree > div:first-child > .project-card_tree > .constructor__tree_fields-item__form {
  width: 230px;
}
.process_model_map .tree-node-pyramid > .org-tree > div:first-child > .org-tree-node-label .process_model_map .tree-node-pyramid > .org-tree > div:first-child > .project-card_tree > .constructor__tree_fields-item__form {
  padding: 20px 0px;
}
.process_model_map .tree-node-pyramid > .org-tree > div:first-child > .org-tree-node-label .process_model_map .tree-node-pyramid > .org-tree > div:first-child > .project-card_tree > .constructor__tree_fields-item__form > .card-hoba {
  width: 230px;
}
.process_model_map .tree-node-pyramid .org-tree-node-label.paddingNull {
  padding: 0 !important;
  height: 150px;
}
.process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > div:nth-child(2) > div:nth-child(2) > .org-tree-node-children > .org-tree-node::before {
  left: 0%;
  width: 50%;
}
.process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > div:nth-child(2) > div:nth-child(1) > .org-tree-node-children > .org-tree-node:first-child > .org-tree-node-children, .process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > div:nth-child(2) > div:nth-child(1) > .org-tree-node-children > .org-tree-node:nth-child(2) > .org-tree-node-children, .process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > div:nth-child(2) > div:nth-child(2) > .org-tree-node-children > .org-tree-node:first-child > .org-tree-node-children, .process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > div:nth-child(2) > div:nth-child(2) > .org-tree-node-children > .org-tree-node:nth-child(2) > .org-tree-node-children {
  /*.project-card_tree {
      width: 124px !important;
  }
  .constructor__tree_fields-item__form {
      width: 124px !important;
      min-width: unset !important;
  }
  .card-hoba {
      width: 120px !important;
  }*/
}
.process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > div:nth-child(2) > div:nth-child(1) > .org-tree-node-children > .org-tree-node:nth-child(2)::before {
  width: 50%;
}
.process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > div:nth-child(2) > div:nth-child(1) > .org-tree-node-children > .org-tree-node:nth-child(2) > .org-tree-node-label, .process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > div:nth-child(2) > div:nth-child(1) > .org-tree-node-children > .org-tree-node:nth-child(2) > .org-tree-node-children {
  left: 0%;
}
.process_model_map .tree-node-pyramid > .org-tree > .org-tree-node > div:nth-child(2) > div:nth-child(1) > .org-tree-node-children > .org-tree-node:nth-child(2)::after {
  left: 50% !important;
}
.process_model_map .org-tree-node-children {
  display: flex;
  justify-content: center;
}
.process_model_map .childrenDeepSort {
  display: grid;
  padding-top: 30px !important;
}
.process_model_map .childrenDeepSort > .org-tree-node:first-child .deepSortNode {
  margin-right: 60px;
}
.process_model_map .childrenDeepSort > .org-tree-node:first-child:before {
  top: 0;
  left: 142px;
}
.process_model_map .childrenDeepSort > .org-tree-node:first-child:after {
  top: -24px;
  left: 36%;
  width: 40%;
  height: 29px;
}
.process_model_map .childrenDeepSort > .org-tree-node:last-child .deepSortNode {
  margin-left: 60px;
}
.process_model_map .childrenDeepSort > .org-tree-node:last-child:before {
  top: 0;
  left: 142px;
  height: 0;
  width: 0;
}
.process_model_map .childrenDeepSort > .org-tree-node:last-child:after {
  top: -91px;
  left: 75.5%;
  height: 95px;
}
.process_model_map .childrenDeepSort .org-tree-node-label {
  height: auto;
  padding: 0;
}
.process_model_map .org-tree-node-children:has(.test) {
  display: grid !important;
}
.process_model_map .wrapper-actions-btn {
  display: flex;
  justify-content: center;
}
.process_model_map .wrapper-actions-btn .tree-node-action {
  position: relative;
  z-index: 5;
  width: 31px;
  height: 31px;
  border: 1px solid #bdbdbd;
  border-radius: 6px;
  color: #bdbdbd;
  transition: all 0.3s;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 10px 10px;
  background-color: #ffffff;
}
.process_model_map .wrapper-actions-btn .tree-node-action:hover {
  background-color: #303030;
  color: #ffffff;
}
.process_model_map .org-tree-node-label .org-tree-node-label-inner {
  box-shadow: none !important;
  padding: 10px 10px;
}
.process_model_map .org-tree-container, .process_model_map .org-tree-node-children, .process_model_map .org-tree-node {
  padding: 0;
}
.process_model_map .org-tree-node-label {
  height: 195px;
  padding-top: 30px;
}
.process_model_map .org-tree-node-btn {
  top: 78%;
  width: 23px;
  height: 23px;
}
.process_model_map .org-tree-node:after, .process_model_map .org-tree-node:before {
  top: 6px;
  height: 64px;
}
.process_model_map .org-tree-node-children:before {
  top: -72px;
  height: 78px;
  z-index: 1;
}
.process_model_map .collapsable .org-tree-node.collapsed .org-tree-node-label:after {
  top: 77%;
  left: 1px;
  height: 40px;
  border-right: 1px solid #a7b6c4;
}
.process_model_map .org-tree-node:not(:first-child):before, .process_model_map .org-tree-node:not(:last-child):after {
  border-top: 1px solid #a7b6c4;
  z-index: 1;
}
.process_model_map .org-tree-node-btn:after {
  left: 49%;
}
.process_model_map .org-tree-node-btn:before {
  top: 49%;
}
.process_model_map .org-tree-node-btn {
  display: none;
}.wrapper-field[data-v-fde49e90] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wrapper-field .constructor__tree_fields-item__form.second.left[data-v-fde49e90] {
  background: #d8d8d8;
}
.wrapper-field .constructor__tree_fields-item__form.second[data-v-fde49e90] {
  background: #e9e9e9;
  border: 1px dashed #b5b5b5;
  padding: 0;
  width: 174px;
  height: 94px;
  display: flex;
}
.wrapper-field .constructor__tree_fields-item__form[data-v-fde49e90] {
  padding: 19px 21px;
  background: #ffffff;
  border: 1px solid rgba(230, 230, 230, 0.4705882353);
  border-radius: 6px;
  position: relative;
  z-index: 2;
}
.wrapper-field .constructor__tree_fields-item__form input[data-v-fde49e90] {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #2e4050;
}
.wrapper-field .action[data-v-fde49e90] {
  width: 100px;
  height: 30px;
  display: flex;
  justify-content: center;
}
.wrapper-field .action .btns[data-v-fde49e90] {
  margin-top: 19%;
  width: inherit;
  position: absolute;
  display: flex;
  justify-content: space-evenly;
  z-index: 1;
}
.wrapper-field .action .btns .btn[data-v-fde49e90] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
  border-radius: 6px;
}.container-pyramidal .org-tree-node:not(:first-child):before, .container-pyramidal .org-tree-node:not(:last-child):after {
  border: none;
}
.container-pyramidal .childrenDeepSort {
  display: grid;
  padding-top: 30px !important;
}
.container-pyramidal .childrenDeepSort > .org-tree-node:first-child .deepSortNode {
  margin-right: 60px;
}
.container-pyramidal .childrenDeepSort > .org-tree-node:first-child:before {
  top: 0;
  left: 142px;
}
.container-pyramidal .childrenDeepSort > .org-tree-node:first-child:after {
  top: -24px;
  left: 36%;
  width: 40%;
  height: 29px;
}
.container-pyramidal .childrenDeepSort > .org-tree-node:last-child .deepSortNode {
  margin-left: 60px;
}
.container-pyramidal .childrenDeepSort > .org-tree-node:last-child:before {
  top: 0;
  left: 142px;
  height: 0;
  width: 0;
}
.container-pyramidal .childrenDeepSort > .org-tree-node:last-child:after {
  top: -91px;
  left: 75.5%;
  height: 95px;
}
.container-pyramidal .childrenDeepSort .org-tree-node-label {
  height: auto;
  padding: 0;
}
.container-pyramidal .wrapper-actions-btn {
  display: flex;
  justify-content: center;
}
.container-pyramidal .wrapper-actions-btn .tree-node-action {
  position: relative;
  z-index: 5;
  width: 31px;
  height: 31px;
  border: 1px solid #bdbdbd;
  border-radius: 6px;
  color: #bdbdbd;
  transition: all 0.3s;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 10px 10px;
  background-color: #ffffff;
}
.container-pyramidal .wrapper-actions-btn .tree-node-action:hover {
  background-color: #303030;
  color: #ffffff;
}
.container-pyramidal .wrapper-actions-btn.hidden {
  display: none;
}
.container-pyramidal .org-tree-node-label, .container-pyramidal .org-tree-node-label-inner {
  padding: 10px 10px;
}
.container-pyramidal .org-tree-container {
  padding: 0;
}
.container-pyramidal .org-tree-node-children, .container-pyramidal .org-tree-node {
  padding: 0;
}
.container-pyramidal .org-tree-node-label.node-deep {
  height: auto;
  padding: 0;
}
.container-pyramidal .org-tree-node-label {
  height: 195px;
  padding-top: 66px;
}
.container-pyramidal .org-tree-node-btn {
  top: 78%;
  width: 23px;
  height: 23px;
}
.container-pyramidal .org-tree-node:after, .container-pyramidal .org-tree-node:before {
  top: 6px;
  height: 64px;
}
.container-pyramidal .org-tree-node-children:before {
  top: -72px;
  height: 78px;
  z-index: 1;
}
.container-pyramidal .collapsable, .container-pyramidal .org-tree-node.collapsed, .container-pyramidal .org-tree-node-label:after {
  top: 77%;
  left: 1px;
  height: 40px;
  border-right: 1px solid #a7b6c4;
}
.container-pyramidal .org-tree-node:after, .container-pyramidal .org-tree-node-children:before {
  border: none;
}
.container-pyramidal .org-tree-node-btn:after {
  left: 49%;
}
.container-pyramidal .org-tree-node-btn:before {
  top: 49%;
}
.container-pyramidal .org-tree-node-btn {
  display: none;
}.container-pyramidal[data-v-1885823a] {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("/images/pyramid.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.container-pyramidal .banner-item[data-v-1885823a] {
  background-color: #ffffff;
  border: 2px solid #c4c4c4;
  border-bottom: none;
  margin-right: 6px;
  text-align: center;
  font-size: 14px;
  border-radius: 4px 4px 0 0;
  position: absolute;
  width: 96.5%;
  z-index: 3;
}
.container-pyramidal .delete-item-pyramid[data-v-1885823a] {
  right: 6px;
  position: absolute;
  top: 5px;
  z-index: 4;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  transition: all 0.3s;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  color: #bdbdbd;
  border: 1px solid #bdbdbd;
  font-size: 11px;
  opacity: 0;
}
.container-pyramidal .wrapper-actions-btn[data-v-1885823a]:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  top: -8px;
  right: 50%;
  transform: translate(50%, 0%);
}
.container-pyramidal .wrapper-actions-btn[data-v-1885823a] {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  top: 25px;
  border: 1px solid #c4c4c4;
  border-radius: 6px;
  background-color: #ffffff;
  margin: 0 auto;
  z-index: 1;
  transition: all 0.3s;
}
.container-pyramidal .wrapper-actions-btn .tree-node-action[data-v-1885823a] {
  width: 30px;
  height: 30px;
  margin: 0;
  border: none;
  cursor: pointer;
}
.container-pyramidal .wrapper-actions-btn .tree-node-action.left svg[data-v-1885823a] {
  transform: rotate(45deg);
}
.container-pyramidal .wrapper-actions-btn .tree-node-action.right svg[data-v-1885823a] {
  transform: rotate(320deg);
}
.container-pyramidal .wrapper-actions-btn .tree-node-action[data-v-1885823a]:hover {
  background-color: #f2f2f2;
}
.container-pyramidal .wrapper-actions-btn .tree-node-action:hover svg path[data-v-1885823a] {
  fill: #febc2c;
}
.container-pyramidal .line-container[data-v-1885823a] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.container-pyramidal .content-pyramidal .item-box :hover .delete-item-pyramid[data-v-1885823a] {
  opacity: 1;
}
.container-pyramidal .content-pyramidal .item-box :hover .wrapper-actions-btn[data-v-1885823a] {
  top: 50px;
}
.container-pyramidal .n-more-pill[data-v-1885823a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 4px auto 0;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 500;
  color: #5F5E5A;
  background: #f5f5f3;
  border: 0.5px solid rgba(0, 0, 0, 0.15);
  border-radius: 9999px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background 0.15s;
}
.container-pyramidal .n-more-pill[data-v-1885823a]:hover {
  background: #e8e8e6;
  color: #1a1a18;
}
.container-pyramidal .n-more-pill--expanded[data-v-1885823a] {
  color: #3F484C;
}
.container-pyramidal .content-pyramidal[data-v-1885823a] {
  display: flex;
  justify-content: center;
  height: 100%;
}
.container-pyramidal .content-pyramidal .wrapper[data-v-1885823a] {
  position: relative;
}.drag-container[data-v-97fd22c0] {
  overflow: scroll;
  height: calc(100vh - 350px);
  width: 100%;
}
.drag-container-box[data-v-97fd22c0] {
  width: 100%;
}
.zoom-navigation[data-v-97fd22c0] {
  position: sticky;
  z-index: 3;
  display: flex;
  margin-bottom: 10px;
}
.zoom-control-group[data-v-97fd22c0] {
  display: flex;
  align-items: center;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
}
.zoom-btn[data-v-97fd22c0] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #2e4050;
  line-height: 1;
}
.zoom-btn[data-v-97fd22c0]:first-child {
  border-right: 0.5px solid rgba(0, 0, 0, 0.1);
}
.zoom-btn[data-v-97fd22c0]:last-child {
  border-left: 0.5px solid rgba(0, 0, 0, 0.1);
}
.zoom-btn[data-v-97fd22c0]:hover {
  background: #f5f5f3;
}
.zoom-level[data-v-97fd22c0] {
  min-width: 40px;
  text-align: center;
  font-size: 12px;
  color: #5F5E5A;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.fit-to-screen-btn[data-v-97fd22c0] {
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  color: #5F5E5A;
  background: #ffffff;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}
.fit-to-screen-btn[data-v-97fd22c0]:hover {
  background: #f5f5f3;
  color: #1a1a18;
}.tree-fields-wrapper[data-v-509a5e53] {
  height: 100%;
  width: 100%;
}
.constructor__tree_fields[data-v-509a5e53] {
  height: inherit;
  width: inherit;
  overflow: hidden;
}
.constructor__tree_fields .org-tree-node-label-inner[data-v-509a5e53] {
  height: 120px;
}
.constructor__tree_fields.zoomable[data-v-509a5e53] {
  --zoom: 1;
  position: relative;
}
.constructor__tree_fields.zoomable .drag-container[data-v-509a5e53] {
  position: absolute;
  cursor: grab;
}
.constructor__tree_fields .wrapper-body[data-v-509a5e53] {
  height: auto;
  width: 100%;
  transform: scale(var(--zoom));
  transition: all 0.3s ease;
}
.constructor__tree_fields .wrapper-head[data-v-509a5e53] {
  width: 100%;
  position: absolute;
  left: 0;
}
.constructor__tree_fields-item[data-v-509a5e53]:first-child {
  border-left: 3px solid #f57f17;
}
.constructor__tree_fields-item[data-v-509a5e53] {
  height: 196px;
  align-items: normal;
  border-bottom: 1px dashed #b5b5b5;
  border-left: 3px solid #febc2c;
  position: relative;
  width: 100%;
}
.constructor__tree_fields-item__head[data-v-509a5e53] {
  height: 100%;
  width: 111px;
  background: transparent;
  border-radius: 2px 0 0 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
}
.constructor__tree_fields-item__body[data-v-509a5e53] {
  display: flex;
  min-height: calc(100vh - 350px);
  width: 100%;
  padding-left: 111px;
}.constructor__tree_fields_form[data-v-97c45995] {
  padding: 20px;
  min-height: 400px;
}
.constructor__tree_fields_form .wrapper_forms[data-v-97c45995] {
  margin: 0 auto;
  max-width: 1200px;
}
.constructor__tree_fields_form .wrapper_forms .dp__input[data-v-97c45995] {
  border: 1px solid #c4c4c4 !important;
  height: 42px;
}
.constructor__tree_fields_form .wrapper_forms .empty-state[data-v-97c45995] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  text-align: center;
  padding: 40px;
}
.constructor__tree_fields_form .wrapper_forms .empty-state__icon[data-v-97c45995] {
  color: #9ca3af;
  margin-bottom: 16px;
}
.constructor__tree_fields_form .wrapper_forms .empty-state__title[data-v-97c45995] {
  font-size: 18px;
  font-weight: 600;
  color: #4a4a4a;
  margin-bottom: 8px;
}
.constructor__tree_fields_form .wrapper_forms .empty-state__description[data-v-97c45995] {
  font-size: 14px;
  color: #6b7280;
  max-width: 300px;
}
.constructor__tree_fields_form .wrapper_forms .group-fields[data-v-97c45995] {
  margin-bottom: 24px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}
.constructor__tree_fields_form .wrapper_forms .group-fields__header[data-v-97c45995] {
  background: #f9fafb;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
}
.constructor__tree_fields_form .wrapper_forms .group-fields__title[data-v-97c45995] {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #374151;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.constructor__tree_fields_form .wrapper_forms .group-fields__grid[data-v-97c45995] {
  display: grid;
  gap: 16px;
  padding: 16px;
}
.constructor__tree_fields_form .wrapper_forms .group-fields__grid.grid-cols-1[data-v-97c45995] {
  grid-template-columns: 1fr;
}
.constructor__tree_fields_form .wrapper_forms .group-fields__grid.grid-cols-2[data-v-97c45995] {
  grid-template-columns: repeat(2, 1fr);
}
.constructor__tree_fields_form .wrapper_forms .group-fields__grid.grid-cols-3[data-v-97c45995] {
  grid-template-columns: repeat(3, 1fr);
}
.constructor__tree_fields_form .wrapper_forms .group-fields__grid.grid-cols-4[data-v-97c45995] {
  grid-template-columns: repeat(4, 1fr);
}
.constructor__tree_fields_form .wrapper_forms .group-fields__description[data-v-97c45995] {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #6a869f;
}
.constructor__tree_fields_form .wrapper_forms .group-fields label[data-v-97c45995] {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #6a869f;
}
.constructor__tree_fields_form .wrapper_forms .form-group[data-v-97c45995] {
  background: #f9fafb;
  border-radius: 6px;
  padding: 12px;
  border: 1px solid #e5e7eb;
}
.constructor__tree_fields_form .wrapper_forms .form-group__content[data-v-97c45995] {
  margin-bottom: 12px;
}
.constructor__tree_fields_form .wrapper_forms .form-group__source .source-label[data-v-97c45995] {
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 4px;
  display: block;
}
.constructor__tree_fields_form .wrapper_forms .form-group__source .source-input[data-v-97c45995] {
  font-size: 13px;
}
.constructor__tree_fields_form .wrapper_forms .form-input[data-v-97c45995],
.constructor__tree_fields_form .wrapper_forms .form-textarea[data-v-97c45995] {
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  transition: border-color 0.2s;
}
.constructor__tree_fields_form .wrapper_forms .form-input[data-v-97c45995]:focus,
.constructor__tree_fields_form .wrapper_forms .form-textarea[data-v-97c45995]:focus {
  border-color: #febc2c;
  outline: none;
  box-shadow: 0 0 0 2px rgba(254, 188, 44, 0.2);
}
.constructor__tree_fields_form .wrapper_forms .form-textarea[data-v-97c45995] {
  min-height: 80px;
  resize: vertical;
}
@media (max-width: 1024px) {
.constructor__tree_fields_form .wrapper_forms .group-fields__grid.grid-cols-4[data-v-97c45995] {
    grid-template-columns: repeat(2, 1fr);
}
.constructor__tree_fields_form .wrapper_forms .group-fields__grid.grid-cols-3[data-v-97c45995] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.constructor__tree_fields_form .wrapper_forms .group-fields__grid.grid-cols-4[data-v-97c45995], .constructor__tree_fields_form .wrapper_forms .group-fields__grid.grid-cols-3[data-v-97c45995], .constructor__tree_fields_form .wrapper_forms .group-fields__grid.grid-cols-2[data-v-97c45995] {
    grid-template-columns: 1fr;
}
}.tree_basic .wrapper-actions-btn {
  display: flex;
  justify-content: center;
}
.tree_basic .wrapper-actions-btn .tree-node-action {
  position: relative;
  z-index: 5;
  width: 31px;
  height: 31px;
  border: 1px solid #bdbdbd;
  border-radius: 6px;
  color: #bdbdbd;
  transition: all 0.3s;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 10px 10px;
  background-color: #ffffff;
}
.tree_basic .wrapper-actions-btn .tree-node-action:hover {
  background-color: #303030;
  color: #ffffff;
}
.tree_basic .org-tree-node-label .org-tree-node-label-inner {
  padding: 10px 10px;
}
.tree_basic .org-tree-container, .tree_basic .org-tree-node-children, .tree_basic .org-tree-node {
  padding: 0;
}
.tree_basic .org-tree-node-label {
  height: 195px;
  padding-top: 66px;
}
.tree_basic .org-tree-node-btn {
  top: 78%;
  width: 23px;
  height: 23px;
}
.tree_basic .org-tree-node:after, .tree_basic .org-tree-node:before {
  top: 6px;
  height: 64px;
}
.tree_basic .org-tree-node-children:before {
  top: -72px;
  height: 78px;
  z-index: 1;
}
.tree_basic .collapsable .org-tree-node.collapsed .org-tree-node-label:after {
  top: 77%;
  left: 1px;
  height: 40px;
  border-right: 1px solid #a7b6c4;
}
.tree_basic .org-tree-node:after, .tree_basic .org-tree-node-children:before {
  border-left: 1px solid #a7b6c4;
}
.tree_basic .org-tree-node:not(:first-child):before, .tree_basic .org-tree-node:not(:last-child):after {
  border-top: 1px solid #a7b6c4;
}
.tree_basic .org-tree-node-btn:after {
  left: 49%;
}
.tree_basic .org-tree-node-btn:before {
  top: 49%;
}
.tree_basic .org-tree-node-btn {
  display: none;
}
.process-model-map[data-v-5ef12688] {
    display: flex;
    flex-direction: column;
    /* Content-sized so the diagram drives the internal container's height
       (no bottom clipping); the ZoomWindow override provides the floor. */
    height: auto;
    min-height: 100%;
    background: #f4f7fa;
}

/* ── Header content (teleported into the shared PM header slots) ─────── */
/* Badges wrapper: left-aligned in the header labels row (controls stay on
   the right-hand side via the separate #pm-header-right slot). */
.pmm-labels--teleported[data-v-5ef12688] {
    margin-right: auto;
}

/* ── Header labels ──────────────────────────────────────────────────── */
.pmm-labels {
&[data-v-5ef12688] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    overflow: hidden;
    min-width: 0;
    }
.pmm-label__delete {
&[data-v-5ef12688] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 14px;
        height: 14px;
        background: rgba(0,0,0,0.15);
        border: none;
        border-radius: 50%;
        color: #1a1208;
        font-size: 11px;
        line-height: 1;
        cursor: pointer;
        padding: 0;
        opacity: 0;
        transition: opacity 0.12s, background 0.12s;
        }
&[data-v-5ef12688]:hover { background: rgba(0,0,0,0.3);
}
}
.vp-pm-label:hover .pmm-label__delete[data-v-5ef12688] { opacity: 1;
}
}
.pmm-right-controls[data-v-5ef12688] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── Toolbar controls (kept for teleported right cluster) ───────────── */
.pmm-toolbar__zoom[data-v-5ef12688] {
    display: flex;
    align-items: center;
    gap: 2px;
    /* PM-P1 (PM-REF-43/49): no box/vertical line around the zoom buttons; the
       group shares the row's 28px button height. */
    border: none;
    background: transparent;
    height: 28px;
    padding: 0 2px;
}
.pmm-btn-icon[data-v-5ef12688] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: none;
    background: transparent;
    color: #5F5E5A;
    cursor: pointer;
    transition: background 0.15s;
}
.pmm-btn-icon[data-v-5ef12688]:hover { background: #F4F7FA;
}
.pmm-zoom-pct[data-v-5ef12688] {
    width: 38px;
    text-align: center;
    font-size: 11px;
    color: #5F5E5A;
    font-variant-numeric: tabular-nums;
}
.pmm-btn-sm[data-v-5ef12688] {
    height: 28px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid #D5D0C8;
    background: #FFFFFF;
    font-size: 12px;
    font-weight: 500;
    color: #5F5E5A;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, border-color 0.15s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.pmm-btn-sm[data-v-5ef12688]:hover { background: #F4F7FA; border-color: #C8C6C0;
}
.pmm-btn-sm.ghost[data-v-5ef12688] {
    background: transparent;
    border-color: transparent;
}
.pmm-btn-sm.ghost[data-v-5ef12688]:hover { background: #F4F7FA;
}
.pmm-btn--accent[data-v-5ef12688] {
    background: #FEF3C7;
    border-color: #f59e0b;
    color: #92400E;
    font-weight: 600;
}
.pmm-btn--accent[data-v-5ef12688]:hover {
    background: #FDE68A;
}
.pmm-btn--primary[data-v-5ef12688] {
    /* PM-P1 (PM-REF-49): the exact accent sampled from the Next Section
       button (#febc2c, hover #f59e0b). */
    background: #febc2c;
    border: 1px solid #febc2c;
    color: #1f2937;
    font-weight: 600;
}
.pmm-btn--primary[data-v-5ef12688]:hover {
    background: #f59e0b;
    border-color: #f59e0b;
}
.pmm-canvas[data-v-5ef12688] {
    flex: 1 0 auto;
    overflow: visible;
    min-height: 0;
    /* Even padding on all sides so the diagram never touches the container
       border (bottom border padding per retest). */
    padding: 12px;
    background: #f4f7fa;
    background-image: radial-gradient(circle, #d1d5db 1px, transparent 1px);
    background-size: 18px 18px;
    /* PM-P1 (PM-REF-47): container borders are blue-gray, not yellow. */
    border: 1px solid #A9BAC6;
    /* Outer container: square corners per prototype (PM-REF-14/15) */
    border-radius: 0;
}
.pmm-scale-wrap[data-v-5ef12688] {
    display: inline-block;
    transition: zoom 0.2s ease;
    transform-origin: top left;
}
.pmm-diagram[data-v-5ef12688] {
    position: relative;
    background: #FFFFFF;
    padding: 16px 16px 16px 100px;
    min-width: 600px;
    /* Inner container: rounded corners + subtle shadow; blue-gray border. */
    border: 1px solid #C3CFD8;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.pmm-level-label[data-v-5ef12688] {
    position: absolute;
    left: 0;
    width: 84px;
    text-align: left;
    padding-left: 10px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #9B958A;
    text-transform: uppercase;
}
.pmm-row-sep[data-v-5ef12688] {
    position: absolute;
    right: 20px;
    border-top: 1px dashed #d1d5db;
}
.pmm-svg[data-v-5ef12688] {
    position: absolute;
    left: 100px;
    top: 0;
    pointer-events: none;
}
.pmm-node[data-v-5ef12688] {
    position: absolute;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #D5D0C8;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03);
    transition: border-color 0.15s, box-shadow 0.15s;
}
.pmm-node[data-v-5ef12688]:hover {
    border-color: #f59e0b;
    box-shadow: 0 2px 6px rgba(245,158,26,0.12);
}
.pmm-node--l1[data-v-5ef12688] {
    background: #FFFFFF;
    border-color: #f59e0b;
}
.pmm-node--l4[data-v-5ef12688] {
    background: #FFFFFF;
}
.pmm-badge[data-v-5ef12688] {
    position: absolute;
    top: -8px;
    left: 6px;
    height: 17px;
    padding: 0 6px;
    /* PM-P1 Badge Standard (PM-REF-43/47/49): straight sides, rounded corners
       (never stadium); accent fill + thin darker border + dark font. */
    border-radius: 5px;
    background: #febc2c;
    border: 2px solid #f59e0b;
    color: #1f2937;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.02em;
    display: flex;
    align-items: center;
    font-variant-numeric: tabular-nums;
}
.pmm-label[data-v-5ef12688] {
    font-size: 11.5px;
    font-weight: 500;
    color: #303030;
    /* PM-P1 (PM-REF-64): titles wrap to 2 lines max, then "…"; the hover
       tooltip on the span shows the full name. */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100%;
    padding: 0 2px;
    text-align: center;
}
.pmm-node--l1 .pmm-label[data-v-5ef12688] {
    font-size: 13px;
    font-weight: 600;
}
.pmm-more-pill[data-v-5ef12688] {
    position: absolute;
    height: 36px;
    background: #FAFAF8;
    border: 1px dashed #f59e0b;
    border-radius: 5px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    color: #92610b;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    transition: background 0.15s;
}
.pmm-more-pill[data-v-5ef12688]:hover { background: #FFF8EC;
}
.pmm-more-pill--collapse[data-v-5ef12688] {
    border-color: #D5D0C8;
    color: #9B958A;
}
.pmm-more-pill--collapse[data-v-5ef12688]:hover { background: #F4F7FA;
}

.constructor__tree_fields[data-v-292c19b9] {
  /* PMM: let the internal container grow to the map's full natural height
     (no bottom clipping) while keeping a viewport-sized floor. */
  /* PMM flex chain — ensure canvas fills container and content can scroll */
}
.constructor__tree_fields .wrapper-body[data-v-292c19b9] {
  height: 100%;
  width: 100%;
}
.constructor__tree_fields[data-v-292c19b9]:has(.process-model-map) .drag-container {
  height: auto;
  min-height: calc(100vh - 140px);
}
.constructor__tree_fields[data-v-292c19b9]:has(.process-model-map) .zoom-box, .constructor__tree_fields[data-v-292c19b9]:has(.process-model-map) .zoom-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.constructor__tree_fields[data-v-292c19b9]:has(.process-model-map) .drag-container-box {
  min-height: 100%;
}
.constructor__tree_fields .wrapper-head[data-v-292c19b9] {
  width: 100%;
  position: absolute;
  left: 0;
}
.constructor__tree_fields-item[data-v-292c19b9] {
  height: 196px;
  background-color: #f4f7fa;
  border-bottom: 1px dashed #b5b5b5;
  position: relative;
  z-index: 1;
  width: 100%;
}
.constructor__tree_fields-item-bg[data-v-292c19b9] {
  position: absolute;
  height: 100%;
  width: 100%;
  border-bottom: 1px dashed #b5b5b5;
  background-color: #f4f7fa;
}
.constructor__tree_fields-item__head[data-v-292c19b9] {
  height: 100%;
  width: 111px;
  background: #FFFFFF;
  border-radius: 2px 0 0 0;
  font-weight: 700;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #5F5E5A;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
}
.constructor__tree_fields-item__body[data-v-292c19b9] {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-evenly;
  width: 100%;
  padding-left: 111px;
}
.constructor__tree_fields[data-v-292c19b9] .constructor__tree_fields-item__form {
  background: #FFFFFF !important;
  border: 1px solid #E8E0D0 !important;
  border-radius: 8px !important;
}
.pmm-tabs[data-v-292c19b9] {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
.pmm-tab[data-v-292c19b9] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 9999px;
  border: 1px solid #E8EDF2;
  background: #fff;
  font-size: 13px;
  font-weight: 400;
  color: #5F5E5A;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s;
}
.pmm-tab[data-v-292c19b9]:hover {
  background: #f5f5f3;
  border-color: #C8C6C0;
}
.pmm-tab.active[data-v-292c19b9] {
  background: #F59E1A;
  border-color: #F59E1A;
  color: #fff;
  font-weight: 500;
}
.pmm-tab--generate[data-v-292c19b9] {
  background: #FEF3C7;
  border-color: #F59E1A;
  color: #92400E;
  font-weight: 600;
}
.pmm-tab--generate[data-v-292c19b9]:hover {
  background: #FDE68A;
}
.pmm-tab__close[data-v-292c19b9] {
  font-size: 10px;
  opacity: 0.6;
  line-height: 1;
  cursor: pointer;
}
.pmm-tab__close[data-v-292c19b9]:hover {
  opacity: 1;
}
.pmm-tab--add[data-v-292c19b9] {
  background: transparent;
  border-style: dashed;
  color: #888780;
}
.pmm-tab--add[data-v-292c19b9]:hover {
  background: #f5f5f3;
  color: #5F5E5A;
}.modal-overlay[data-v-8239f00b] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
}
.modal-container[data-v-8239f00b] {
  background: #ffffff;
  border-radius: 12px;
  max-width: 500px;
  width: 100%;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.modal-header[data-v-8239f00b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.modal-header .header-content[data-v-8239f00b] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal-header .pdf-icon[data-v-8239f00b] {
  flex-shrink: 0;
}
.modal-title[data-v-8239f00b] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.close-btn[data-v-8239f00b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s;
}
.close-btn[data-v-8239f00b]:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.modal-content[data-v-8239f00b] {
  padding: 24px;
}
.modal-description[data-v-8239f00b] {
  font-size: 14px;
  color: #4b5563;
  line-height: 1.6;
  margin: 0 0 16px;
}
.modal-description strong[data-v-8239f00b] {
  color: #1f2937;
}
.version-info[data-v-8239f00b] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  background: #f0fdf4;
  border-radius: 8px;
  margin-bottom: 20px;
}
.version-info .version-label[data-v-8239f00b] {
  font-size: 12px;
  font-weight: 600;
  color: #166534;
}
.version-info .version-format[data-v-8239f00b] {
  font-size: 13px;
  color: #15803d;
}
.version-options[data-v-8239f00b] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
.version-option[data-v-8239f00b] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
}
.version-option[data-v-8239f00b]:hover {
  border-color: #d1d5db;
  background: #f9fafb;
}
.version-option.selected[data-v-8239f00b] {
  border-color: #dc2626;
  background: #fef2f2;
}
.version-option.selected .option-radio[data-v-8239f00b] {
  border-color: #dc2626;
}
.version-option.selected .radio-dot[data-v-8239f00b] {
  background: #dc2626;
}
.option-radio[data-v-8239f00b] {
  width: 18px;
  height: 18px;
  border: 2px solid #d1d5db;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
  transition: border-color 0.2s;
}
.radio-dot[data-v-8239f00b] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.option-content[data-v-8239f00b] {
  flex: 1;
}
.option-header[data-v-8239f00b] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 2px;
}
.option-label[data-v-8239f00b] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
}
.version-badge[data-v-8239f00b] {
  font-size: 11px;
  font-weight: 600;
  background: #fef2f2;
  color: #dc2626;
  padding: 2px 8px;
  border-radius: 4px;
  border: 1px solid #fecaca;
}
.option-description[data-v-8239f00b] {
  font-size: 12px;
  color: #6b7280;
}
.version-note[data-v-8239f00b] {
  margin-bottom: 16px;
}
.version-note .note-label[data-v-8239f00b] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
}
.version-note .note-input[data-v-8239f00b] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.5;
  color: #1f2937;
  resize: none;
  transition: border-color 0.2s;
}
.version-note .note-input[data-v-8239f00b]:focus {
  outline: none;
  border-color: #dc2626;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}
.version-note .note-input[data-v-8239f00b]::-moz-placeholder {
  color: #9ca3af;
}
.version-note .note-input[data-v-8239f00b]::placeholder {
  color: #9ca3af;
}
.version-preview[data-v-8239f00b] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: #f9fafb;
  border-radius: 8px;
  font-size: 13px;
  color: #4b5563;
}
.version-preview .info-icon[data-v-8239f00b] {
  flex-shrink: 0;
  color: #6b7280;
}
.version-preview strong[data-v-8239f00b] {
  color: #dc2626;
}
.modal-footer[data-v-8239f00b] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  background: #f9fafb;
  border-top: 1px solid #e5e7eb;
}
.btn[data-v-8239f00b] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
}
.btn[data-v-8239f00b]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-secondary[data-v-8239f00b] {
  background: #ffffff;
  border: 1px solid #d1d5db;
  color: #374151;
}
.btn-secondary[data-v-8239f00b]:hover:not(:disabled) {
  background: #f9fafb;
  border-color: #9ca3af;
}
.btn-ai[data-v-8239f00b] {
  background: #3F484C;
  border: 1px solid #3F484C;
  color: #ffffff;
}
.btn-ai[data-v-8239f00b]:hover:not(:disabled) {
  background: #2d3538;
  border-color: #2d3538;
}
.btn-ai .spin[data-v-8239f00b] {
  animation: spin-8239f00b 1s linear infinite;
}
@keyframes spin-8239f00b {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.btn-primary[data-v-8239f00b] {
  background: #dc2626;
  border: 1px solid #dc2626;
  color: #ffffff;
}
.btn-primary[data-v-8239f00b]:hover:not(:disabled) {
  background: #b91c1c;
  border-color: #b91c1c;
}
.modal-enter-active[data-v-8239f00b],
.modal-leave-active[data-v-8239f00b] {
  transition: all 0.3s ease;
}
.modal-enter-from[data-v-8239f00b],
.modal-leave-to[data-v-8239f00b] {
  opacity: 0;
}
.modal-enter-from .modal-container[data-v-8239f00b],
.modal-leave-to .modal-container[data-v-8239f00b] {
  transform: scale(0.95) translateY(20px);
}
.sr-only[data-v-8239f00b] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}.modal-overlay[data-v-d990eac6] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
}
.modal-container[data-v-d990eac6] {
  background: #ffffff;
  border-radius: 12px;
  max-width: 480px;
  width: 100%;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.modal-header[data-v-d990eac6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.modal-title[data-v-d990eac6] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.close-btn[data-v-d990eac6] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s;
}
.close-btn[data-v-d990eac6]:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.modal-content[data-v-d990eac6] {
  padding: 24px;
}
.modal-description[data-v-d990eac6] {
  font-size: 14px;
  color: #4b5563;
  line-height: 1.6;
  margin: 0 0 20px;
}
.modal-description strong[data-v-d990eac6] {
  color: #1f2937;
}
.current-status[data-v-d990eac6] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #f9fafb;
  border-radius: 8px;
  margin-bottom: 20px;
}
.current-status .status-label[data-v-d990eac6] {
  font-size: 13px;
  color: #6b7280;
}
.current-status .status-value[data-v-d990eac6] {
  font-size: 13px;
  font-weight: 600;
  color: #f59e0b;
}
.status-options[data-v-d990eac6] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}
.status-option[data-v-d990eac6] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
}
.status-option[data-v-d990eac6]:hover {
  border-color: #d1d5db;
  background: #f9fafb;
}
.status-option.selected[data-v-d990eac6] {
  border-color: #febc2c;
  background: #fffbeb;
}
.status-option.selected .option-radio[data-v-d990eac6] {
  border-color: #febc2c;
}
.status-option.selected .radio-dot[data-v-d990eac6] {
  background: #febc2c;
}
.option-radio[data-v-d990eac6] {
  width: 20px;
  height: 20px;
  border: 2px solid #d1d5db;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
  transition: border-color 0.2s;
}
.radio-dot[data-v-d990eac6] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.option-content[data-v-d990eac6] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.option-label[data-v-d990eac6] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
}
.option-description[data-v-d990eac6] {
  font-size: 12px;
  color: #6b7280;
}
.option-icon[data-v-d990eac6] {
  color: #9ca3af;
  flex-shrink: 0;
}
.option-icon.icon-progress[data-v-d990eac6] {
  color: #f59e0b;
}
.option-icon.icon-review[data-v-d990eac6] {
  color: #3b82f6;
}
.option-icon.icon-done[data-v-d990eac6] {
  color: #10b981;
}
.dont-ask-checkbox[data-v-d990eac6] {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.dont-ask-checkbox input[data-v-d990eac6] {
  display: none;
}
.dont-ask-checkbox .checkbox-box[data-v-d990eac6] {
  width: 18px;
  height: 18px;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  color: white;
}
.dont-ask-checkbox input:checked + .checkbox-box[data-v-d990eac6] {
  background: #febc2c;
  border-color: #febc2c;
}
.dont-ask-checkbox .checkbox-label[data-v-d990eac6] {
  font-size: 13px;
  color: #6b7280;
}
.modal-footer[data-v-d990eac6] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  background: #f9fafb;
  border-top: 1px solid #e5e7eb;
}
.btn[data-v-d990eac6] {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
}
.btn[data-v-d990eac6]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-secondary[data-v-d990eac6] {
  background: #ffffff;
  border: 1px solid #d1d5db;
  color: #374151;
}
.btn-secondary[data-v-d990eac6]:hover:not(:disabled) {
  background: #f9fafb;
  border-color: #9ca3af;
}
.btn-primary[data-v-d990eac6] {
  background: #febc2c;
  border: 1px solid #febc2c;
  color: #1f2937;
}
.btn-primary[data-v-d990eac6]:hover:not(:disabled) {
  background: #f59e0b;
  border-color: #f59e0b;
}
.modal-enter-active[data-v-d990eac6],
.modal-leave-active[data-v-d990eac6] {
  transition: all 0.3s ease;
}
.modal-enter-from[data-v-d990eac6],
.modal-leave-to[data-v-d990eac6] {
  opacity: 0;
}
.modal-enter-from .modal-container[data-v-d990eac6],
.modal-leave-to .modal-container[data-v-d990eac6] {
  transform: scale(0.95) translateY(20px);
}
.modal-enter-to[data-v-d990eac6],
.modal-leave-from[data-v-d990eac6] {
  opacity: 1;
}
.modal-enter-to .modal-container[data-v-d990eac6],
.modal-leave-from .modal-container[data-v-d990eac6] {
  transform: scale(1) translateY(0);
}
.sr-only[data-v-d990eac6] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.modal-body[data-v-caebe144] {
    width: 500px;
}
.submit[data-v-caebe144] {
}
.modal-head[data-v-caebe144] {
    position: relative;
    font-size: 200%;
}
h2[data-v-caebe144] {
    padding: 12px;
    text-align: center;
}
.close[data-v-caebe144] {
    transform: rotate(45deg);
    position: absolute;
    top: -12px;
    right: 0;
    padding: 15px;
}
.modal-content[data-v-caebe144] {
    padding: 15px;
}
.pyramidal-item-banner input {
  border-radius: 0 0 4px 4px;
}
.pyramidal-item-banner input, .pyramidal-item-banner .field-input, .pyramidal-item-banner .constructor__tree_fields-item__form {
  border-top: none !important;
}.container-pyramidal[data-v-60c654a0] {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("/images/pyramid.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.container-pyramidal .banner-item[data-v-60c654a0] {
  background-color: #ffffff;
  border: 2px solid #c4c4c4;
  border-bottom: none;
  margin-right: 6px;
  text-align: center;
  font-size: 14px;
  border-radius: 4px 4px 0 0;
  position: absolute;
  width: 96.5%;
  z-index: 3;
}
.container-pyramidal .delete-item-pyramid[data-v-60c654a0] {
  right: 12px;
  position: absolute;
  top: 5px;
  z-index: 4;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  transition: all 0.3s;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  color: #bdbdbd;
  border: 1px solid #bdbdbd;
  font-size: 11px;
  opacity: 0;
}
.container-pyramidal .wrapper-actions-btn[data-v-60c654a0]:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  top: -8px;
  right: 50%;
  transform: translate(50%, 0%);
}
.container-pyramidal .wrapper-actions-btn[data-v-60c654a0] {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  top: 47px;
  border: 1px solid #c4c4c4;
  border-radius: 6px;
  background-color: #ffffff;
  margin: 0 auto;
  z-index: 1;
  transition: all 0.3s;
}
.container-pyramidal .wrapper-actions-btn .tree-node-action[data-v-60c654a0] {
  width: 30px;
  height: 30px;
  margin: 0;
  border: none;
}
.container-pyramidal .wrapper-actions-btn .tree-node-action.left svg[data-v-60c654a0] {
  transform: rotate(45deg);
}
.container-pyramidal .wrapper-actions-btn .tree-node-action.right svg[data-v-60c654a0] {
  transform: rotate(320deg);
}
.container-pyramidal .wrapper-actions-btn .tree-node-action[data-v-60c654a0]:hover {
  background-color: #f2f2f2;
}
.container-pyramidal .wrapper-actions-btn .tree-node-action:hover svg path[data-v-60c654a0] {
  fill: #febc2c;
}
.container-pyramidal .line-container[data-v-60c654a0] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.container-pyramidal .content-pyramidal :hover .delete-item-pyramid[data-v-60c654a0] {
  opacity: 1;
}
.container-pyramidal .content-pyramidal :hover .wrapper-actions-btn[data-v-60c654a0] {
  top: 102px;
}
.container-pyramidal .content-pyramidal[data-v-60c654a0] {
  display: flex;
  height: 196px;
  padding-top: 46px;
  justify-content: center;
}
.container-pyramidal .content-pyramidal .item-box[data-v-60c654a0] {
  position: absolute;
}
.container-pyramidal .content-pyramidal .item-box[data-v-60c654a0]:before {
  position: absolute;
  content: "";
  border-right: 2.5px dashed white;
  right: -3px;
  height: 100%;
}
.container-pyramidal .content-pyramidal .item-box.clear[data-v-60c654a0]:before {
  content: "";
  border: none;
}
.container-pyramidal .content-pyramidal .pyramidal-item[data-v-60c654a0] {
  margin-right: 6px;
}
.container-pyramidal .content-pyramidal .wrapper[data-v-60c654a0] {
  position: relative;
}.childrenDeepSort {
  display: grid;
  padding-top: 30px !important;
}
.childrenDeepSort > .org-tree-node:first-child .deepSortNode {
  margin-right: 60px;
}
.childrenDeepSort > .org-tree-node:first-child:before {
  top: 0;
  left: 142px;
}
.childrenDeepSort > .org-tree-node:first-child:after {
  top: -24px;
  left: 36%;
  width: 40%;
  height: 29px;
}
.childrenDeepSort > .org-tree-node:last-child .deepSortNode {
  margin-left: 60px;
}
.childrenDeepSort > .org-tree-node:last-child:before {
  top: 0;
  left: 142px;
  height: 0;
  width: 0;
}
.childrenDeepSort > .org-tree-node:last-child:after {
  top: -91px;
  left: 75.5%;
  height: 95px;
}
.childrenDeepSort .org-tree-node-label {
  height: auto;
  padding: 0;
}
.wrapper-actions-btn {
  display: flex;
  justify-content: center;
}
.wrapper-actions-btn .tree-node-action {
  position: relative;
  z-index: 5;
  width: 31px;
  height: 31px;
  border: 1px solid #bdbdbd;
  border-radius: 6px;
  color: #bdbdbd;
  transition: all 0.3s;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 10px 10px;
  background-color: #ffffff;
}
.wrapper-actions-btn .tree-node-action:hover {
  background-color: #303030;
  color: #ffffff;
}
.org-tree-node-label .org-tree-node-label-inner {
  padding: 10px 10px;
}
.org-tree-container,
.org-tree-node-children,
.org-tree-node {
  padding: 0;
  background-color: transparent;
}
.org-tree-container.pyramid_bg {
  background-image: url("/images/pyramid.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.org-tree-node-label.node-deep {
  height: auto;
  padding: 0;
}
.org-tree-node-label {
  height: 195px;
  padding-top: 44px !important;
}
.org-tree-node-btn {
  top: 78%;
  width: 23px;
  height: 23px;
}
.org-tree-node:after,
.org-tree-node:before {
  top: 6px;
  height: 64px;
}
.org-tree-node-children:before {
  top: -72px;
  height: 78px;
  z-index: 1;
}
.collapsable .org-tree-node.collapsed .org-tree-node-label:after {
  top: 77%;
  left: 1px;
  height: 40px;
  border-right: 1px solid #a7b6c4;
}
.org-tree-node:after,
.org-tree-node-children:before {
  border-left: 1px solid #a7b6c4;
}
.org-tree-node:not(:first-child):before,
.org-tree-node:not(:last-child):after {
  border-top: 1px solid #a7b6c4;
}
.org-tree-node-btn:after {
  left: 49%;
}
.org-tree-node-btn:before {
  top: 49%;
}
.org-tree-node-btn {
  display: none;
}.vsom-zoom-controls[data-v-4045623f] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.vsom-zoom-pill[data-v-4045623f] {
  display: inline-flex;
  align-items: center;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #ffffff;
  overflow: hidden;
}
.vsom-zoom-pill__btn[data-v-4045623f] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #5f5e5a;
  cursor: pointer;
  transition: background 0.15s ease;
}
.vsom-zoom-pill__btn[data-v-4045623f]:hover:not(:disabled) {
  background: #f4f7fa;
}
.vsom-zoom-pill__btn[data-v-4045623f]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vsom-zoom-pill__pct[data-v-4045623f] {
  width: 40px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 11px;
  color: #5f5e5a;
  font-variant-numeric: tabular-nums;
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
}
.vsom-zoom-fit[data-v-4045623f] {
  height: 28px;
  padding: 0 10px;
  border-radius: 6px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  color: #5f5e5a;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s ease;
}
.vsom-zoom-fit[data-v-4045623f]:hover {
  background: #f4f7fa;
}.vsom-container .org-tree-node:not(:first-child):before, .vsom-container .org-tree-node:not(:last-child):after {
  border: none;
}
.vsom-container .org-tree-node-label, .vsom-container .org-tree-node-label-inner {
  padding: 10px;
  overflow: visible !important;
}
.vsom-container .org-tree-container {
  padding: 0;
  overflow: visible !important;
}
.vsom-container .org-tree-node-children, .vsom-container .org-tree-node {
  padding: 0;
  overflow: visible !important;
}
.vsom-container .org-tree-node-label.node-deep {
  height: auto;
  padding: 0;
}
.vsom-container .org-tree-node-label {
  height: 195px;
  padding-top: 50px;
  overflow: visible !important;
}
.vsom-container .org-tree-node-btn {
  display: none;
}
.vsom-container .org-tree-node:after, .vsom-container .org-tree-node:before {
  border: none;
}
.vsom-container .org-tree-node-children:before {
  border: none;
}
.vsom-node {
  background: #ffffff;
}.vsom-container[data-v-3ed3fc76] {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  background: transparent;
}
.vsom-header[data-v-3ed3fc76] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 8px 16px;
  background: transparent;
  border-bottom: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
}
.header-zoom[data-v-3ed3fc76] {
  display: flex;
  align-items: center;
  gap: 4px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.zoom-btn[data-v-3ed3fc76] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #374151;
  cursor: pointer;
  transition: all 0.2s ease;
}
.zoom-btn[data-v-3ed3fc76]:hover:not(:disabled) {
  background: #f3f4f6;
  border-color: #d1d5db;
}
.zoom-btn[data-v-3ed3fc76]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.zoom-btn--fit[data-v-3ed3fc76] {
  font-size: 12px;
  font-weight: 500;
  padding: 0 12px;
  white-space: nowrap;
}
.vsom-pyramid-content[data-v-3ed3fc76] {
  flex: 1;
  position: relative;
  display: flex;
  justify-content: center;
  padding: 20px;
  transform-origin: top center;
  transition: transform 0.3s ease;
  overflow: visible;
  min-height: 500px;
}
.pyramid-background[data-v-3ed3fc76] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 60px);
  max-width: 1100px;
  height: 100%;
  min-height: 500px;
  pointer-events: none;
  z-index: 0;
  opacity: 1;
  background: linear-gradient(to bottom, rgba(220, 230, 239, 0.6) 0%, rgba(200, 215, 230, 0.5) 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.vsom-lines-svg[data-v-3ed3fc76] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.vsom-item-box[data-v-3ed3fc76] {
  position: relative;
  z-index: 2;
}
.vsom-wrapper[data-v-3ed3fc76] {
  position: relative;
}
.row-label[data-v-3ed3fc76] {
  position: absolute;
  left: -72px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 58px;
  text-align: center;
  z-index: 5;
}
.row-label .tier-label-big[data-v-3ed3fc76] {
  width: 100%;
  background: #febc2c;
  color: #1f2937;
  padding: 5px 0 4px;
  border-radius: 4px 4px 0 0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.row-label .tier-label-sub[data-v-3ed3fc76] {
  width: 100%;
  background: #e5e7eb;
  color: #374151;
  padding: 3px 0 4px;
  border-radius: 0 0 4px 4px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.strategy-column-label[data-v-3ed3fc76] {
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  background: transparent; /* No background box */
  color: #1f2937; /* Black text per user request */
  padding: 3px 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
  z-index: 10;
  text-transform: none; /* Keep as-is (capitalize first letter only) */
}
.vsom-node[data-v-3ed3fc76] {
  position: relative;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  min-width: 150px;
  min-height: 80px;
  padding: 8px;
  transition: all 0.2s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.vsom-node[data-v-3ed3fc76]:focus-within {
  border-color: #febc2c;
  box-shadow: 0 0 0 2px rgba(254, 188, 44, 0.2);
}
.vsom-node--vision[data-v-3ed3fc76] {
  min-width: 400px;
  min-height: 100px;
  border-left: 4px solid #febc2c;
}
.vsom-node--strategy[data-v-3ed3fc76] {
  min-width: 160px;
  max-width: 200px;
  height: 130px;
  overflow: visible;
  border-left: 3px solid #febc2c;
}
.vsom-node--objective[data-v-3ed3fc76] {
  min-width: 160px;
  max-width: 200px;
  height: 130px;
  overflow: visible;
  border-left: 3px solid #10b981;
}
.vsom-node--measure[data-v-3ed3fc76] {
  min-width: 160px;
  max-width: 200px;
  height: 130px;
  overflow: visible;
  border-left: 3px solid #0ea5e9;
}
.vsom-node--placeholder[data-v-3ed3fc76] {
  background: #f3f4f6;
  border: 2px dashed #f59e0b;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vsom-node--placeholder .vsom-cell-body[data-v-3ed3fc76] {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: auto;
  padding: 0;
}
.vsom-node--placeholder .vsom-add-btn[data-v-3ed3fc76] {
  background: #f59e0b;
  color: #ffffff;
  border-radius: 4px;
}
.delete-item[data-v-3ed3fc76] {
  position: absolute;
  right: 6px;
  top: 5px;
  z-index: 4;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  transition: all 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #bdbdbd;
  border: 1px solid #bdbdbd;
  font-size: 11px;
  opacity: 0;
  background: #fff;
}
.delete-item[data-v-3ed3fc76]:hover {
  background: #fee2e2;
  color: #dc2626;
  border-color: #dc2626;
}
.vsom-node:hover .delete-item[data-v-3ed3fc76] {
  opacity: 1;
}
.vsom-input[data-v-3ed3fc76] {
  width: 100%;
  min-height: 60px;
  padding: 8px;
  padding-right: 50px;
  padding-bottom: 24px;
  border: none;
  background: transparent;
  font-size: 13px;
  line-height: 1.5;
  color: #1f2937;
  resize: none;
}
.vsom-input[data-v-3ed3fc76]:focus {
  outline: none;
}
.vsom-input[data-v-3ed3fc76]::-moz-placeholder {
  color: #9ca3af;
  font-style: italic;
}
.vsom-input[data-v-3ed3fc76]::placeholder {
  color: #9ca3af;
  font-style: italic;
}
.saving-indicator[data-v-3ed3fc76] {
  position: absolute;
  top: 6px;
  right: 8px;
  color: #f59e0b;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
}
.saving-indicator .animate-spin[data-v-3ed3fc76] {
  animation: spin-3ed3fc76 1s linear infinite;
}
.saved-indicator[data-v-3ed3fc76] {
  position: absolute;
  top: 6px;
  right: 8px;
  color: #10b981;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
}
.saved-indicator span[data-v-3ed3fc76] {
  color: #10b981;
}
.char-count[data-v-3ed3fc76] {
  position: absolute;
  bottom: 6px;
  right: 8px;
  font-size: 11px;
  color: #9ca3af;
}
@keyframes spin-3ed3fc76 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.action-buttons[data-v-3ed3fc76] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  z-index: 20;
}
.add-strategies-row[data-v-3ed3fc76] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.add-strategies-btn[data-v-3ed3fc76] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  background: #febc2c;
  border: 2px solid #f59e0b;
  border-radius: 6px;
  color: #1f2937;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.add-strategies-btn[data-v-3ed3fc76]:hover {
  background: #f59e0b;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.add-child-btn[data-v-3ed3fc76] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #febc2c;
  border: 2px solid #f59e0b;
  border-radius: 6px;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.add-child-btn[data-v-3ed3fc76]:hover {
  background: #f59e0b;
  border-color: #d97706;
  transform: scale(1.1);
}
.vsom-page-dots[data-v-3ed3fc76] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px 0 4px;
  position: sticky;
  bottom: 0;
  background: #f9fafb;
  z-index: 10;
}
.page-dot[data-v-3ed3fc76] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d1d5db;
  cursor: pointer;
  transition: background 0.2s;
}
.page-dot[data-v-3ed3fc76]:hover:not(.page-dot--active) {
  background: #9ca3af;
}
.page-dot--active[data-v-3ed3fc76] {
  background: #FFCC00;
  cursor: default;
}
.vsom-footer-contained[data-v-3ed3fc76] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  background: #ffffff;
  border-top: 1px solid #e5e7eb;
  border-radius: 0 0 8px 8px;
}
.footer-nav[data-v-3ed3fc76] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nav-btn[data-v-3ed3fc76] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: transparent;
  border: none;
  color: #374151;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s;
}
.nav-btn[data-v-3ed3fc76]:hover:not(:disabled) {
  background: #f3f4f6;
  color: #1f2937;
}
.nav-btn[data-v-3ed3fc76]:disabled, .nav-btn.disabled[data-v-3ed3fc76] {
  opacity: 0.5;
  cursor: not-allowed;
  color: #9ca3af;
}
.zoom-btn[data-v-3ed3fc76] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s;
}
.zoom-btn[data-v-3ed3fc76]:hover:not(:disabled) {
  background: #e5e7eb;
  color: #1f2937;
}
.zoom-btn[data-v-3ed3fc76]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.zoom-btn--fit[data-v-3ed3fc76] {
  width: auto;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
}
.footer-actions[data-v-3ed3fc76] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.action-btn--secondary[data-v-3ed3fc76],
.action-btn--primary[data-v-3ed3fc76] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.action-btn--secondary[data-v-3ed3fc76] {
  background: #ffffff;
  border: 1px solid #d1d5db;
  color: #374151;
}
.action-btn--secondary[data-v-3ed3fc76]:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}
.action-btn--primary[data-v-3ed3fc76] {
  background: #febc2c;
  border: 1px solid #febc2c;
  color: #1f2937;
}
.action-btn--primary[data-v-3ed3fc76]:hover {
  background: #f59e0b;
  border-color: #f59e0b;
}
@media (max-width: 768px) {
.vsom-footer-contained[data-v-3ed3fc76] {
    flex-wrap: wrap;
    gap: 12px;
}
.footer-nav[data-v-3ed3fc76],
  .footer-actions[data-v-3ed3fc76] {
    flex: 1 1 auto;
    justify-content: center;
}
.header-zoom[data-v-3ed3fc76] {
    width: 100%;
    justify-content: center;
}
.vsom-node--vision[data-v-3ed3fc76] {
    min-width: 280px;
}
}
.vsom-cell-body[data-v-3ed3fc76] {
  min-height: 60px;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 4px;
  transition: background 0.15s;
}
.vsom-cell-body[data-v-3ed3fc76]:hover {
  background: rgba(254, 188, 44, 0.06);
}
.vsom-add-btn[data-v-3ed3fc76] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #febc2c;
  border-radius: 8px;
  color: #1f2937;
  transition: transform 0.15s, background 0.15s;
}
.vsom-add-btn[data-v-3ed3fc76]:hover {
  background: #f59e0b;
  transform: scale(1.1);
}
.vsom-value-display[data-v-3ed3fc76] {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 4px;
  padding: 4px;
}
.vsom-value-text[data-v-3ed3fc76] {
  flex: 1;
  font-size: 12px;
  line-height: 1.45;
  color: #1f2937;
  word-break: break-word;
}
.vsom-edit-btn[data-v-3ed3fc76] {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  color: #6b7280;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s, background 0.15s;
}
.vsom-edit-btn[data-v-3ed3fc76]:hover {
  background: #f3f4f6;
  color: #374151;
}
.vsom-cell-body:hover .vsom-edit-btn[data-v-3ed3fc76] {
  opacity: 1;
}
.vsom-edit-overlay[data-v-3ed3fc76] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vsom-edit-modal[data-v-3ed3fc76] {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  width: 480px;
  max-width: 90vw;
  display: flex;
  flex-direction: column;
}
.vsom-edit-modal__header[data-v-3ed3fc76] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px 14px;
  border-bottom: 1px solid #e5e7eb;
}
.vsom-edit-modal__title[data-v-3ed3fc76] {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
}
.vsom-edit-modal__close[data-v-3ed3fc76] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  color: #6b7280;
  cursor: pointer;
  border-radius: 6px;
  transition: background 0.15s;
}
.vsom-edit-modal__close[data-v-3ed3fc76]:hover {
  background: #f3f4f6;
  color: #111827;
}
.vsom-edit-modal__body[data-v-3ed3fc76] {
  padding: 16px 20px;
}
.vsom-edit-modal__textarea[data-v-3ed3fc76] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.5;
  color: #1f2937;
  resize: vertical;
  min-height: 100px;
  transition: border-color 0.15s;
}
.vsom-edit-modal__textarea[data-v-3ed3fc76]:focus {
  outline: none;
  border-color: #febc2c;
  box-shadow: 0 0 0 2px rgba(254, 188, 44, 0.2);
}
.vsom-edit-modal__textarea[data-v-3ed3fc76]::-moz-placeholder {
  color: #9ca3af;
  font-style: italic;
}
.vsom-edit-modal__textarea[data-v-3ed3fc76]::placeholder {
  color: #9ca3af;
  font-style: italic;
}
.vsom-edit-modal__charcount[data-v-3ed3fc76] {
  margin-top: 6px;
  font-size: 11px;
  color: #9ca3af;
  text-align: right;
}
.vsom-edit-modal__footer[data-v-3ed3fc76] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 20px 18px;
  border-top: 1px solid #e5e7eb;
}
.vsom-edit-modal__btn[data-v-3ed3fc76] {
  padding: 8px 20px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.vsom-edit-modal__btn--cancel[data-v-3ed3fc76] {
  background: #ffffff;
  border: 1px solid #d1d5db;
  color: #374151;
}
.vsom-edit-modal__btn--cancel[data-v-3ed3fc76]:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}
.vsom-edit-modal__btn--save[data-v-3ed3fc76] {
  background: #febc2c;
  border: 1px solid #febc2c;
  color: #1f2937;
  font-weight: 600;
}
.vsom-edit-modal__btn--save[data-v-3ed3fc76]:hover {
  background: #f59e0b;
  border-color: #f59e0b;
}
.vsom-modal-enter-active[data-v-3ed3fc76],
.vsom-modal-leave-active[data-v-3ed3fc76] {
  transition: opacity 0.2s ease;
}
.vsom-modal-enter-active .vsom-edit-modal[data-v-3ed3fc76],
.vsom-modal-leave-active .vsom-edit-modal[data-v-3ed3fc76] {
  transition: transform 0.2s ease;
}
.vsom-modal-enter-from[data-v-3ed3fc76],
.vsom-modal-leave-to[data-v-3ed3fc76] {
  opacity: 0;
}
.vsom-modal-enter-from .vsom-edit-modal[data-v-3ed3fc76],
.vsom-modal-leave-to .vsom-edit-modal[data-v-3ed3fc76] {
  transform: scale(0.95);
}.settings_shape[data-v-8fe80d48] {
  display: flex;
  align-items: center;
  border-radius: 10px;
}
.settings_shape--shape[data-v-8fe80d48] {
  padding: 5px;
  transition: all ease 0.3s;
  cursor: pointer;
  background-color: #ffffff;
  height: 34px;
  display: flex;
  align-items: center;
}
.settings_shape--shape svg path[data-v-8fe80d48], .settings_shape--shape svg rect[data-v-8fe80d48], .settings_shape--shape svg circle[data-v-8fe80d48] {
  transition: all ease 0.3s;
}
.settings_shape--shape[data-v-8fe80d48]:hover {
  background-color: #f2f2f2;
}
.settings_shape--shape:hover svg path[data-v-8fe80d48], .settings_shape--shape:hover svg rect[data-v-8fe80d48], .settings_shape--shape:hover svg circle[data-v-8fe80d48] {
  stroke: #292b32;
}
.settings_shape--shape[data-v-8fe80d48]:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.settings_shape--shape[data-v-8fe80d48]:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.settings_shape.default[data-v-8fe80d48] {
  top: 17px;
  left: 89px;
  position: absolute;
}
.settings_shape.default[data-v-8fe80d48]:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  top: 13px;
  left: -12px;
  transform: rotate(270deg);
}.risks-mitigations-table[data-v-2d02659f] {
  width: 100%;
}
.table-container[data-v-2d02659f] {
  overflow-x: auto;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 16px;
}
.data-table[data-v-2d02659f] {
  width: 100%;
  border-collapse: collapse;
}
.data-table th[data-v-2d02659f], .data-table td[data-v-2d02659f] {
  padding: 12px 16px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #e5e7eb;
}
.data-table th[data-v-2d02659f] {
  background: #f9fafb;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.data-table tr:last-child td[data-v-2d02659f] {
  border-bottom: none;
}
.data-table .col-id[data-v-2d02659f] {
  width: 80px;
}
.data-table .col-id .item-id[data-v-2d02659f] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  background: #f3f4f6;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}
.data-table .col-description[data-v-2d02659f] {
  width: 40%;
}
.data-table .col-mitigation[data-v-2d02659f] {
  width: 40%;
}
.data-table .col-actions[data-v-2d02659f] {
  width: 50px;
  text-align: center;
}
.field-wrapper[data-v-2d02659f] {
  position: relative;
}
.field-wrapper .ai-btn[data-v-2d02659f] {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: #FEBC2C;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: all 0.15s ease;
}
.field-wrapper .ai-btn[data-v-2d02659f]:hover {
  background: #f59e0b;
}
.field-wrapper .ai-btn svg[data-v-2d02659f] {
  width: 12px;
  height: 12px;
}
.table-textarea[data-v-2d02659f] {
  width: 100%;
  min-height: 80px;
  padding: 10px;
  padding-right: 70px; /* Space for AI button */
  font-size: 13px;
  line-height: 1.5;
  color: #1f2937;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  resize: vertical;
  transition: border-color 0.15s ease;
}
.table-textarea[data-v-2d02659f]::-moz-placeholder {
  color: #9ca3af;
}
.table-textarea[data-v-2d02659f]::placeholder {
  color: #9ca3af;
}
.table-textarea[data-v-2d02659f]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.table-textarea.mitigation-textarea[data-v-2d02659f] {
  padding-right: 10px; /* No AI button in mitigation */
  min-height: 60px;
}
.mitigations-list[data-v-2d02659f] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mitigations-list .mitigation-item[data-v-2d02659f] {
  position: relative;
}
.mitigations-list .mitigation-item .remove-mitigation-btn[data-v-2d02659f] {
  position: absolute;
  top: 4px;
  right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s ease;
}
.mitigations-list .mitigation-item .remove-mitigation-btn[data-v-2d02659f]:hover {
  background: #fef2f2;
  border-color: #fecaca;
  color: #ef4444;
}
.mitigations-list .add-mitigation-btn[data-v-2d02659f] {
  width: 100%;
  padding: 10px;
  background: transparent;
  border: 1px dashed #d1d5db;
  border-radius: 6px;
  font-size: 13px;
  color: #9ca3af;
  cursor: pointer;
  text-align: left;
  transition: all 0.15s ease;
}
.mitigations-list .add-mitigation-btn[data-v-2d02659f]:hover {
  border-color: #FEBC2C;
  color: #b45309;
  background: #fffbeb;
}
.delete-row-btn[data-v-2d02659f] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s ease;
}
.delete-row-btn[data-v-2d02659f]:hover {
  background: #fef2f2;
  color: #ef4444;
}
.add-item-btn[data-v-2d02659f] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 14px 20px;
  background: #ffffff;
  border: 2px dashed #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s ease;
}
.add-item-btn[data-v-2d02659f]:hover {
  border-color: #FEBC2C;
  color: #b45309;
  background: #fffbeb;
}.vsom-footer[data-v-e6ce68f7] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  border-top: 1px solid #e5e7eb;
  padding: 12px 24px;
  z-index: 100;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
}
.footer-content[data-v-e6ce68f7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px;
  margin: 0 auto;
}
.footer-left[data-v-e6ce68f7],
.footer-right[data-v-e6ce68f7] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.footer-center[data-v-e6ce68f7] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nav-btn[data-v-e6ce68f7] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: transparent;
  border: none;
  color: #374151;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s;
}
.nav-btn[data-v-e6ce68f7]:hover:not(:disabled) {
  background: #f3f4f6;
  color: #1f2937;
}
.nav-btn[data-v-e6ce68f7]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.link-btn[data-v-e6ce68f7] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: transparent;
  border: none;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.link-btn[data-v-e6ce68f7]:hover:not(:disabled) {
  color: #1f2937;
}
.link-btn[data-v-e6ce68f7]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.action-btn[data-v-e6ce68f7] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  min-width: 120px;
}
.action-btn[data-v-e6ce68f7]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.action-btn--secondary[data-v-e6ce68f7] {
  background: #ffffff;
  border: 1px solid #d1d5db;
  color: #374151;
}
.action-btn--secondary[data-v-e6ce68f7]:hover:not(:disabled) {
  background: #f9fafb;
  border-color: #9ca3af;
}
.action-btn--primary[data-v-e6ce68f7] {
  background: #febc2c;
  border: 1px solid #febc2c;
  color: #1f2937;
}
.action-btn--primary[data-v-e6ce68f7]:hover:not(:disabled) {
  background: #f59e0b;
  border-color: #f59e0b;
}
@media (max-width: 768px) {
.vsom-footer[data-v-e6ce68f7] {
    padding: 10px 16px;
}
.footer-left[data-v-e6ce68f7],
  .footer-right[data-v-e6ce68f7] {
    gap: 8px;
}
.action-btn[data-v-e6ce68f7] {
    padding: 8px 14px;
    font-size: 13px;
    min-width: auto;
}
.action-btn svg[data-v-e6ce68f7] {
    display: none;
}
.nav-btn[data-v-e6ce68f7] {
    padding: 6px 12px;
    font-size: 13px;
}
}
@media (max-width: 480px) {
.footer-content[data-v-e6ce68f7] {
    flex-wrap: wrap;
    gap: 10px;
}
.footer-left[data-v-e6ce68f7] {
    order: 2;
    width: 100%;
    justify-content: center;
}
.footer-right[data-v-e6ce68f7] {
    order: 1;
    width: 100%;
    justify-content: center;
}
}.vsm-overlay[data-v-683c6b35] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vsm-modal[data-v-683c6b35] {
  background: #ffffff;
  border-radius: 12px;
  width: 560px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.vsm-header[data-v-683c6b35] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px 14px;
  border-bottom: 1px solid #F3F4F6;
}
.vsm-header-left[data-v-683c6b35] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.vsm-header-title[data-v-683c6b35] {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
}
.vsm-close[data-v-683c6b35] {
  background: none;
  border: none;
  color: #9CA3AF;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.vsm-close[data-v-683c6b35]:hover {
  background: #F3F4F6;
  color: #374151;
}
.vsm-tabs[data-v-683c6b35] {
  display: flex;
  border-bottom: 1px solid #E5E7EB;
  padding: 0 20px;
}
.vsm-tab[data-v-683c6b35] {
  padding: 10px 16px;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  font-size: 13px;
  font-weight: 500;
  color: #6B7280;
  cursor: pointer;
  transition: color 0.15s, border-color 0.15s;
  margin-bottom: -1px;
}
.vsm-tab.active[data-v-683c6b35] {
  color: #b45309;
  border-color: #FFCC00;
  font-weight: 600;
}
.vsm-tab[data-v-683c6b35]:hover:not(.active) {
  color: #374151;
}
.vsm-body[data-v-683c6b35] {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}
.vsm-phases[data-v-683c6b35] {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 12px;
}
.vsm-phase[data-v-683c6b35] {
  font-size: 12px;
  font-weight: 600;
  color: #D1D5DB;
  padding: 0 10px;
  border-right: 1px solid #E5E7EB;
  transition: color 0.15s;
}
.vsm-phase[data-v-683c6b35]:first-child {
  padding-left: 0;
}
.vsm-phase[data-v-683c6b35]:last-child {
  border-right: none;
}
.vsm-phase.active[data-v-683c6b35] {
  color: #b45309;
}
.vsm-phase.done[data-v-683c6b35] {
  color: #FFCC00;
}
.vsm-progress-track[data-v-683c6b35] {
  height: 4px;
  background: #F3F4F6;
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 6px;
}
.vsm-progress-fill[data-v-683c6b35] {
  height: 100%;
  background: #FFCC00;
  border-radius: 2px;
  transition: width 0.3s;
}
.vsm-step-label[data-v-683c6b35] {
  font-size: 11px;
  color: #9CA3AF;
  text-align: right;
  margin-bottom: 16px;
}
.vsm-field-card[data-v-683c6b35] {
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}
.vsm-field-name[data-v-683c6b35] {
  font-size: 14px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 10px;
}
.vsm-context-hint[data-v-683c6b35] {
  font-size: 12px;
  color: #6B7280;
  background: #FFFDF5;
  border-left: 3px solid #FFCC00;
  padding: 8px 10px;
  border-radius: 0 4px 4px 0;
  margin-bottom: 10px;
  line-height: 1.5;
}
.vsm-context-hint strong[data-v-683c6b35] {
  color: #374151;
}
.vsm-textarea[data-v-683c6b35] {
  width: 100%;
  resize: vertical;
  padding: 10px 12px;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  font-size: 13px;
  font-family: inherit;
  color: #111827;
  background: #ffffff;
  box-sizing: border-box;
  line-height: 1.6;
}
.vsm-textarea[data-v-683c6b35]:focus {
  outline: none;
  border-color: #FFCC00;
  background: #FFFDF5;
}
.vsm-char-count[data-v-683c6b35] {
  font-size: 11px;
  color: #9CA3AF;
  text-align: right;
  margin-top: 4px;
}
.vsm-actions[data-v-683c6b35] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.vsm-btn[data-v-683c6b35] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.15s;
  font-family: inherit;
}
.vsm-btn--generate[data-v-683c6b35] {
  background: #FFCC00;
  color: #1F2937;
}
.vsm-btn--generate[data-v-683c6b35]:hover:not(:disabled) {
  background: #F5C400;
}
.vsm-btn--generate[data-v-683c6b35]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vsm-btn--accept[data-v-683c6b35] {
  background: #1F2937;
  color: #ffffff;
}
.vsm-btn--accept[data-v-683c6b35]:hover:not(:disabled) {
  background: #374151;
}
.vsm-btn--accept[data-v-683c6b35]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.vsm-btn--skip[data-v-683c6b35] {
  background: transparent;
  color: #6B7280;
  border: 1px solid #E5E7EB;
}
.vsm-btn--skip[data-v-683c6b35]:hover {
  background: #F9FAFB;
  color: #374151;
}
.vsm-spinner[data-v-683c6b35] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid rgba(31, 41, 55, 0.2);
  border-top-color: #1F2937;
  border-radius: 50%;
  animation: spin-683c6b35 0.7s linear infinite;
}
.vsm-spinner--lg[data-v-683c6b35] {
  width: 32px;
  height: 32px;
  border-width: 3px;
  margin: 20px auto;
  display: block;
}
@keyframes spin-683c6b35 {
to {
    transform: rotate(360deg);
}
}
.vsm-kb-intro[data-v-683c6b35] {
  font-size: 13px;
  color: #374151;
  margin-bottom: 14px;
  line-height: 1.5;
}
.vsm-kb-empty-docs[data-v-683c6b35] {
  font-size: 13px;
  color: #9CA3AF;
  padding: 20px 0;
  text-align: center;
}
.vsm-kb-list[data-v-683c6b35] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 220px;
  overflow-y: auto;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  padding: 8px;
  background: #F9FAFB;
}
.vsm-kb-item[data-v-683c6b35] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.15s;
  background: #ffffff;
  border: 1px solid #F3F4F6;
}
.vsm-kb-item[data-v-683c6b35]:hover:not(.vsm-kb-item--disabled) {
  background: #FFFDF5;
  border-color: #FFCC00;
}
.vsm-kb-item--selected[data-v-683c6b35] {
  background: #FFFDF5;
  border-color: #FFCC00;
}
.vsm-kb-item--disabled[data-v-683c6b35] {
  opacity: 0.5;
  cursor: not-allowed;
}
.vsm-kb-name[data-v-683c6b35] {
  flex: 1;
  font-size: 13px;
  color: #374151;
}
.vsm-kb-status[data-v-683c6b35] {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 10px;
  text-transform: uppercase;
}
.vsm-kb-status.status--ready[data-v-683c6b35] {
  background: #D1FAE5;
  color: #065F46;
}
.vsm-kb-status.status--failed[data-v-683c6b35] {
  background: #FEE2E2;
  color: #991B1B;
}
.vsm-kb-status.status--processing[data-v-683c6b35] {
  background: #DBEAFE;
  color: #1E40AF;
}
.vsm-kb-loading[data-v-683c6b35] {
  text-align: center;
  padding: 40px 20px;
  color: #6B7280;
  font-size: 14px;
}
.vsm-kb-empty-result[data-v-683c6b35] {
  text-align: center;
  padding: 30px 20px;
}
.vsm-kb-empty-result p[data-v-683c6b35] {
  font-size: 13px;
  color: #6B7280;
  margin-bottom: 16px;
  line-height: 1.5;
}
.vsm-kb-table[data-v-683c6b35] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  padding: 8px;
  background: #F9FAFB;
}
.vsm-kb-row[data-v-683c6b35] {
  display: flex;
  gap: 12px;
  padding: 8px 10px;
  background: #ffffff;
  border-radius: 5px;
  border-left: 3px solid #E5E7EB;
  font-size: 12px;
}
.vsm-kb-row--strategy[data-v-683c6b35] {
  border-color: #FFCC00;
}
.vsm-kb-row--objective[data-v-683c6b35] {
  border-color: #9CA3AF;
}
.vsm-kb-row--measure[data-v-683c6b35] {
  border-color: #D1D5DB;
}
.vsm-kb-row-label[data-v-683c6b35] {
  font-weight: 700;
  color: #374151;
  min-width: 130px;
  flex-shrink: 0;
}
.vsm-kb-row-value[data-v-683c6b35] {
  color: #6B7280;
  line-height: 1.5;
}.vsom-section[data-v-c5663b7a] {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  margin-bottom: 16px;
  background: #ffffff;
}
.vsom-section.collapsed .section-content[data-v-c5663b7a] {
  display: none;
}
.section-header[data-v-c5663b7a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid;
}
.section-header.collapsible[data-v-c5663b7a] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.section-header.collapsible[data-v-c5663b7a]:hover {
  opacity: 0.9;
}
.section-header .header-left[data-v-c5663b7a] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.section-header .header-right[data-v-c5663b7a] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-title[data-v-c5663b7a] {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.section-badge[data-v-c5663b7a] {
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
}
.collapse-btn[data-v-c5663b7a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s;
}
.collapse-btn[data-v-c5663b7a]:hover {
  background: rgba(0, 0, 0, 0.05);
}
.collapse-btn.rotated[data-v-c5663b7a] {
  transform: rotate(-90deg);
}
.section-content[data-v-c5663b7a] {
  padding: 16px;
}
.fold-indicator[data-v-c5663b7a] {
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  background: #3F484C;
  color: white;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.collapse-enter-active[data-v-c5663b7a],
.collapse-leave-active[data-v-c5663b7a] {
  transition: all 0.3s ease;
  max-height: 1000px;
  overflow: hidden;
}
.collapse-enter-from[data-v-c5663b7a],
.collapse-leave-to[data-v-c5663b7a] {
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
}.ai-assist-wrapper[data-v-e3bdb1fa] {
  position: relative;
  display: inline-block;
}
.ai-assist-button[data-v-e3bdb1fa] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: linear-gradient(135deg, #FFCC00 0%, #FEBC2C 100%);
  border: none;
  border-radius: 6px;
  color: #333;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.ai-assist-button[data-v-e3bdb1fa]:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  background: linear-gradient(135deg, #FEBC2C 0%, #FFCC00 100%);
}
.ai-assist-button[data-v-e3bdb1fa]:active:not(:disabled) {
  transform: translateY(0);
}
.ai-assist-button.loading[data-v-e3bdb1fa] {
  cursor: wait;
  opacity: 0.8;
}
.ai-assist-button.disabled[data-v-e3bdb1fa] {
  opacity: 0.5;
  cursor: not-allowed;
}
.ai-assist-button .ai-icon[data-v-e3bdb1fa], .ai-assist-button .loading-spinner[data-v-e3bdb1fa] {
  width: 18px;
  height: 18px;
}
.ai-tooltip[data-v-e3bdb1fa] {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  padding: 8px 12px;
  background: #333;
  color: white;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 1000;
}
.ai-tooltip[data-v-e3bdb1fa]::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #333;
}
.tooltip-fade-enter-active[data-v-e3bdb1fa],
.tooltip-fade-leave-active[data-v-e3bdb1fa] {
  transition: opacity 0.2s ease;
}
.tooltip-fade-enter-from[data-v-e3bdb1fa],
.tooltip-fade-leave-to[data-v-e3bdb1fa] {
  opacity: 0;
}
.ai-modal-overlay[data-v-e3bdb1fa] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.ai-modal[data-v-e3bdb1fa] {
  background: white;
  border-radius: 12px;
  width: 90%;
  max-width: 700px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.ai-modal-header[data-v-e3bdb1fa] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #E5E7EB;
  background: linear-gradient(135deg, #FFCC00 0%, #FEBC2C 100%);
}
.ai-modal-header h3[data-v-e3bdb1fa] {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #333;
}
.ai-modal-header .close-btn[data-v-e3bdb1fa] {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #333;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.ai-modal-header .close-btn[data-v-e3bdb1fa]:hover {
  opacity: 1;
}
.ai-modal-body[data-v-e3bdb1fa] {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
  min-height: 300px;
}
.ai-error[data-v-e3bdb1fa] {
  text-align: center;
  padding: 40px 20px;
}
.ai-error .error-icon[data-v-e3bdb1fa] {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
}
.ai-error p[data-v-e3bdb1fa] {
  color: #3F484C;
  margin-bottom: 20px;
}
.ai-error .retry-btn[data-v-e3bdb1fa] {
  padding: 10px 24px;
  background: #3F484C;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.2s;
}
.ai-error .retry-btn[data-v-e3bdb1fa]:hover {
  background: #1F2937;
}
.ai-content .placeholder[data-v-e3bdb1fa] {
  text-align: center;
  color: #9CA3AF;
  padding: 60px 20px;
}
.ai-content .markdown-content[data-v-e3bdb1fa] {
  line-height: 1.6;
  color: #333;
}
.ai-content .markdown-content[data-v-e3bdb1fa] h1, .ai-content .markdown-content[data-v-e3bdb1fa] h2, .ai-content .markdown-content[data-v-e3bdb1fa] h3 {
  color: #1F2937;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
.ai-content .markdown-content[data-v-e3bdb1fa] h1:first-child, .ai-content .markdown-content[data-v-e3bdb1fa] h2:first-child, .ai-content .markdown-content[data-v-e3bdb1fa] h3:first-child {
  margin-top: 0;
}
.ai-content .markdown-content[data-v-e3bdb1fa] p {
  margin-bottom: 1em;
}
.ai-content .markdown-content[data-v-e3bdb1fa] ul, .ai-content .markdown-content[data-v-e3bdb1fa] ol {
  margin-bottom: 1em;
  padding-left: 1.5em;
}
.ai-content .markdown-content[data-v-e3bdb1fa] li {
  margin-bottom: 0.5em;
}
.ai-content .markdown-content[data-v-e3bdb1fa] strong {
  color: #1F2937;
}
.ai-content .markdown-content[data-v-e3bdb1fa] code {
  background: #F3F4F6;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.9em;
}
.ai-modal-footer[data-v-e3bdb1fa] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-top: 1px solid #E5E7EB;
  background: #F9FAFB;
}
.ai-modal-footer .footer-info small[data-v-e3bdb1fa] {
  color: #9CA3AF;
}
.ai-modal-footer .footer-actions[data-v-e3bdb1fa] {
  display: flex;
  gap: 12px;
}
.ai-modal-footer .btn-secondary[data-v-e3bdb1fa] {
  padding: 10px 20px;
  background: #E5E7EB;
  color: #374151;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.2s;
}
.ai-modal-footer .btn-secondary[data-v-e3bdb1fa]:hover {
  background: #D1D5DB;
}
.ai-modal-footer .btn-primary[data-v-e3bdb1fa] {
  padding: 10px 20px;
  background: linear-gradient(135deg, #FFCC00 0%, #FEBC2C 100%);
  color: #333;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.2s;
}
.ai-modal-footer .btn-primary[data-v-e3bdb1fa]:hover:not(:disabled) {
  background: linear-gradient(135deg, #FEBC2C 0%, #FFCC00 100%);
}
.ai-modal-footer .btn-primary[data-v-e3bdb1fa]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}.ai-sequential-btn[data-v-43a16d42] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: #3F484C;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}
.ai-sequential-btn[data-v-43a16d42]:hover {
  background: #2e3538;
}
.ai-sequential-btn svg[data-v-43a16d42] {
  flex-shrink: 0;
}
.vsom-table-detailed[data-v-43a16d42] {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: #f9fafb;
}
.table-header[data-v-43a16d42] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  position: sticky;
  top: 0;
  z-index: 10;
}
.table-header .header-left[data-v-43a16d42] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.table-header .back-btn[data-v-43a16d42] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.2s;
}
.table-header .back-btn[data-v-43a16d42]:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.table-header .title[data-v-43a16d42] {
  font-size: 20px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.table-header .badge[data-v-43a16d42] {
  background: #dbeafe;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 16px;
}
.hoba-tip-card[data-v-43a16d42] {
  display: flex;
  gap: 12px;
  padding: 14px 20px;
  background: #FFFBEA;
  border-left: 4px solid #FFCC00;
  margin: 16px 24px;
  border-radius: 0 8px 8px 0;
}
.hoba-tip-card .tip-icon[data-v-43a16d42] {
  flex-shrink: 0;
  color: #3F484C;
  margin-top: 1px;
}
.hoba-tip-card .tip-content strong[data-v-43a16d42] {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #3F484C;
  margin-bottom: 3px;
}
.hoba-tip-card .tip-content p[data-v-43a16d42] {
  font-size: 13px;
  color: #3F484C;
  margin: 0;
  line-height: 1.5;
}
.table-content[data-v-43a16d42] {
  flex: 1;
  padding: 0 24px 24px;
}
.vision-grid[data-v-43a16d42] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 768px) {
.vision-grid[data-v-43a16d42] {
    grid-template-columns: 1fr;
}
}
.vision-field[data-v-43a16d42] {
  position: relative;
}
.columns-grid[data-v-43a16d42] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 1024px) {
.columns-grid[data-v-43a16d42] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.columns-grid[data-v-43a16d42] {
    grid-template-columns: 1fr;
}
}
.column .column-header[data-v-43a16d42] {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 8px 12px;
  background: #f3f4f6;
  border-radius: 6px 6px 0 0;
  text-align: center;
}
.column .column-content[data-v-43a16d42] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-top: none;
  border-radius: 0 0 6px 6px;
  padding: 12px;
  min-height: 150px;
}
.field-group[data-v-43a16d42] {
  margin-bottom: 12px;
  position: relative;
}
.field-group[data-v-43a16d42]:last-child {
  margin-bottom: 0;
}
.field-label[data-v-43a16d42] {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}
.field-header[data-v-43a16d42] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}
.field-header .field-label[data-v-43a16d42] {
  margin-bottom: 0;
}
.field-textarea[data-v-43a16d42] {
  width: 100%;
  min-height: 80px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.5;
  color: #1f2937;
  resize: vertical;
  transition: border-color 0.2s;
}
.field-textarea[data-v-43a16d42]:focus {
  outline: none;
  border-color: #febc2c;
  box-shadow: 0 0 0 3px rgba(254, 188, 44, 0.1);
}
.field-textarea[data-v-43a16d42]::-moz-placeholder {
  color: #9ca3af;
}
.field-textarea[data-v-43a16d42]::placeholder {
  color: #9ca3af;
}
.field-textarea--source[data-v-43a16d42] {
  min-height: 60px;
  background: #f9fafb;
}
.field-textarea--readonly[data-v-43a16d42] {
  background: #f9fafb;
  color: #6b7280;
  cursor: default;
  resize: none;
}
.field-textarea--readonly[data-v-43a16d42]:focus {
  border-color: #e5e7eb;
  box-shadow: none;
}
.char-count[data-v-43a16d42] {
  position: absolute;
  bottom: 8px;
  right: 12px;
  font-size: 11px;
  color: #9ca3af;
}
.objective-card[data-v-43a16d42],
.measure-card[data-v-43a16d42] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 12px;
}
.objective-card[data-v-43a16d42]:last-of-type,
.measure-card[data-v-43a16d42]:last-of-type {
  margin-bottom: 0;
}
.objective-badge[data-v-43a16d42] {
  display: inline-block;
  background: #dcfce7;
  color: #166534;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
}
.measure-badge[data-v-43a16d42] {
  display: inline-block;
  background: #e0e7ff;
  color: #3730a3;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
}
.smart-criteria[data-v-43a16d42] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
.smart-criteria .smart-tag[data-v-43a16d42] {
  font-size: 10px;
  color: #6b7280;
  font-style: italic;
}
.empty-state[data-v-43a16d42] {
  text-align: center;
  padding: 24px;
  color: #9ca3af;
  font-size: 13px;
}
.footer-spacer[data-v-43a16d42] {
  height: 100px;
}
.vsom-page-dots[data-v-43a16d42] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px 0 4px;
}
.page-dot[data-v-43a16d42] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d1d5db;
  cursor: pointer;
  transition: background 0.2s;
}
.page-dot[data-v-43a16d42]:hover:not(.page-dot--active) {
  background: #9ca3af;
}
.page-dot--active[data-v-43a16d42] {
  background: #FFCC00;
  cursor: default;
}.sow-layout[data-v-0de034df] {
  display: flex;
  height: 100%;
  background: #ffffff;
}

/* Gap between left nav and main content - same as margins */
.sow-gap[data-v-0de034df] {
  width: 20px;
  flex-shrink: 0;
}
.sow-main[data-v-0de034df] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #ffffff;
  border-radius: 0;
}

/* Table section styling (mirrors BlueprintSectionView) */
.table-section[data-v-0de034df] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
}
.section-header[data-v-0de034df] {
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.section-header .section-title[data-v-0de034df] {
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 4px 0;
}
.section-header .section-meta[data-v-0de034df] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.section-header .section-meta .last-modified[data-v-0de034df] {
  color: #9ca3af;
}
.section-content[data-v-0de034df] {
  flex: 1;
  padding: 20px 24px;
  overflow-y: auto;
}

/* Footer styles removed - using global ControlBarFooter */.container[data-v-d3e37633]{box-sizing:initial;display:inline-block;text-align:center;border-radius:50%;overflow:hidden}.spinner[data-v-d3e37633]{box-sizing:initial;border:2px solid #a1a1a1;border-right-color:transparent;width:23px;height:23px;border-radius:50%;animation:spin-d3e37633 .9s linear infinite}@keyframes spin-d3e37633{to{transform:rotate(360deg)}}.v3-infinite-loading[data-v-4bdee133]{width:100%;height:44px}.state-error[data-v-4bdee133]{display:flex;flex-direction:column;align-items:center}.retry[data-v-4bdee133]{margin-top:8px;padding:2px 6px 4px;width:60px;color:inherit;font-size:14px;font-family:inherit;background:transparent;border:2px solid currentColor;border-radius:5px;outline:none;cursor:pointer}.retry[data-v-4bdee133]:hover{opacity:.8}
.user-avatar {
  width: 2.75rem;
  height: 2.75rem;
}.card-notifications {
  min-height: calc(100vh - 116px);
}
.card-notifications .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-notifications .back-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background-color: transparent;
  color: #4A4A4A;
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
}
.card-notifications .back-button:hover {
  background-color: rgba(35, 35, 35, 0.06);
  color: #FEBC2C;
}
.card-notifications .notifications-tabs {
  display: flex;
  gap: 24px;
  border-bottom: 1px solid #dadada;
  margin-top: 16px;
}
.card-notifications .notifications-tab {
  padding: 12px 0;
  font-size: 16px;
  font-weight: 600;
  color: #7A8487;
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  transition: color 0.2s ease;
}
.card-notifications .notifications-tab:hover {
  color: #4A4A4A;
}
.card-notifications .notifications-tab.active {
  color: #4A4A4A;
}
.card-notifications .notifications-tab.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #FEBC2C;
  border-radius: 2px 2px 0 0;
}
.card-notifications .see-circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #099954;
  margin-right: 20px;
}
.card-notifications .see-circle.watched {
  background-color: #dce6ef;
}
.card-notifications button {
  font-size: 80%;
}
.card-notifications .page-title {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  color: #2e4050;
}.circle-stencil {
  border-radius: 50%;
  cursor: move;
  position: absolute;
  border: dashed 2px white;
  box-sizing: border-box;
}
.circle-stencil__handler {
  position: absolute;
  right: 15%;
  top: 14%;
  z-index: 1;
  cursor: ne-resize;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(50%, -50%);
}
.circle-stencil__preview {
  border-radius: 50%;
  overflow: hidden;
}.vue-advanced-cropper {
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  max-height: 100%;
  max-width: 100%;
  direction: ltr;
}
.vue-advanced-cropper__stretcher {
  pointer-events: none;
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.vue-advanced-cropper__image {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  transform-origin: center;
  max-width: none !important;
}
.vue-advanced-cropper__background, .vue-advanced-cropper__foreground {
  opacity: 1;
  background: black;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.vue-advanced-cropper__foreground {
  opacity: 0.5;
}
.vue-advanced-cropper__boundaries {
  opacity: 1;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.vue-advanced-cropper__cropper-wrapper {
  width: 100%;
  height: 100%;
}
.vue-advanced-cropper__image-wrapper {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
}
.vue-advanced-cropper__stencil-wrapper {
  position: absolute;
}

.vue-simple-handler {
  display: block;
  background: white;
  height: 10px;
  width: 10px;
}

.vue-handler-wrapper {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
}
.vue-handler-wrapper__draggable {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vue-handler-wrapper--west-north {
  cursor: nw-resize;
}
.vue-handler-wrapper--north {
  cursor: n-resize;
}
.vue-handler-wrapper--east-north {
  cursor: ne-resize;
}
.vue-handler-wrapper--east {
  cursor: e-resize;
}
.vue-handler-wrapper--east-south {
  cursor: se-resize;
}
.vue-handler-wrapper--south {
  cursor: s-resize;
}
.vue-handler-wrapper--west-south {
  cursor: sw-resize;
}
.vue-handler-wrapper--west {
  cursor: w-resize;
}
.vue-handler-wrapper--disabled {
  cursor: auto;
}

.vue-line-wrapper {
  background: none;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vue-line-wrapper--north, .vue-line-wrapper--south {
  height: 12px;
  width: 100%;
  left: 0;
  transform: translateY(-50%);
}
.vue-line-wrapper--north {
  top: 0;
  cursor: n-resize;
}
.vue-line-wrapper--south {
  top: 100%;
  cursor: s-resize;
}
.vue-line-wrapper--east, .vue-line-wrapper--west {
  width: 12px;
  height: 100%;
  transform: translateX(-50%);
  top: 0;
}
.vue-line-wrapper--east {
  left: 100%;
  cursor: e-resize;
}
.vue-line-wrapper--west {
  left: 0;
  cursor: w-resize;
}
.vue-line-wrapper--disabled {
  cursor: auto;
}

.vue-bounding-box {
  position: relative;
  height: 100%;
  width: 100%;
}
.vue-bounding-box__handler {
  position: absolute;
}
.vue-bounding-box__handler--west-north {
  left: 0;
  top: 0;
}
.vue-bounding-box__handler--north {
  left: 50%;
  top: 0;
}
.vue-bounding-box__handler--east-north {
  left: 100%;
  top: 0;
}
.vue-bounding-box__handler--east {
  left: 100%;
  top: 50%;
}
.vue-bounding-box__handler--east-south {
  left: 100%;
  top: 100%;
}
.vue-bounding-box__handler--south {
  left: 50%;
  top: 100%;
}
.vue-bounding-box__handler--west-south {
  left: 0;
  top: 100%;
}
.vue-bounding-box__handler--west {
  left: 0;
  top: 50%;
}

.vue-draggable-area {
  position: relative;
}

.vue-preview-result {
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  height: 100%;
  width: 100%;
}
.vue-preview-result__wrapper {
  position: absolute;
}
.vue-preview-result__image {
  pointer-events: none;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform-origin: center;
  max-width: none !important;
}

.vue-rectangle-stencil {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.vue-rectangle-stencil__preview {
  position: absolute;
  width: 100%;
  height: 100%;
}
.vue-rectangle-stencil--movable {
  cursor: move;
}

.vue-circle-stencil {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: content-box;
  cursor: move;
}
.vue-circle-stencil__preview {
  border-radius: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.vue-circle-stencil--movable {
  cursor: move;
}

.vue-preview {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.vue-preview--fill {
  width: 100%;
  height: 100%;
  position: absolute;
}
.vue-preview__wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
}
.vue-preview__image {
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform-origin: center;
  max-width: none !important;
}

.vue-simple-line {
  background: none;
  transition: border 0.5s;
  border-color: rgba(255, 255, 255, 0.3);
  border-width: 0;
  border-style: solid;
}
.vue-simple-line--south, .vue-simple-line--north {
  height: 0;
  width: 100%;
}
.vue-simple-line--east, .vue-simple-line--west {
  height: 100%;
  width: 0;
}
.vue-simple-line--east {
  border-right-width: 1px;
}
.vue-simple-line--west {
  border-left-width: 1px;
}
.vue-simple-line--south {
  border-bottom-width: 1px;
}
.vue-simple-line--north {
  border-top-width: 1px;
}
.vue-simple-line--hover {
  opacity: 1;
  border-color: white;
}.file-input-wrapper[data-v-49f76d91] {
  margin: 0 auto;
}
.file-input[data-v-49f76d91] {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.file-input .hide-file-input[data-v-49f76d91] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.file-input .file-label[data-v-49f76d91] {
  justify-content: center;
}
.file-input .file-label span[data-v-49f76d91] {
  overflow: hidden;
  font-family: "Lato";
  color: #febc2c;
  padding: 0.5rem 0.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  height: 40px;
  line-height: 25px;
}
.file-input .preview-upload-file[data-v-49f76d91]:hover {
  border: 1px dashed #fec038;
  transition: all 0.3s;
}
.file-input .preview-upload-file[data-v-49f76d91] {
  position: relative;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  background-color: #f2f2f2;
  margin: 16px 0 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border: 1px dashed #a7b6c4;
  transition: all 0.3s;
}
.file-input .preview-upload-file img[data-v-49f76d91] {
  width: 112px;
  height: 112px;
  -o-object-fit: cover;
     object-fit: cover;
}.wrapper-cropper .preview-upload-file, .wrapper-cropper .preview-upload-file img {
  width: 175px !important;
  height: 175px !important;
}
.wrapper-cropper .button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 17px;
}
.wrapper-cropper .button-wrapper button {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 11px;
}
.wrapper-cropper .button-wrapper--cancel {
  margin-right: 24px;
  color: #303030;
  background: #ffffff;
  border: 1px solid #303030;
}
.wrapper-cropper .button-wrapper--cancel:hover {
  color: #303030;
  background: #f2f2f2;
}
.wrapper-cropper .button-wrapper--save {
  padding: 3px 24px;
}.profile-form__body-fields .preview_custom_cropper {
  border: 2px dashed #ffffff;
}
.profile-form__body-fields .bg_custom_cropper {
  background: rgba(255, 255, 255, 0.7) !important;
}
.profile-form__body-fields .handler_custom_cropper .vue-simple-handler {
  background: none !important;
}.box-success[data-v-1c49bfbe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
.box-success__text[data-v-1c49bfbe] {
  margin: 30px 0 20px 0;
  width: 296px;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: #2e4050;
}.profile-form[data-v-7eaf5b48] {
  width: 534px;
}
.profile-form__header[data-v-7eaf5b48] {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #2e4050;
  text-align: center;
}
.profile-form--actions[data-v-7eaf5b48] {
  margin-top: 24px;
}
.profile-form--actions-pass a[data-v-7eaf5b48] {
  cursor: pointer;
  display: block;
  margin: 0 auto;
  width: 146px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  text-decoration-line: underline;
  color: #303030;
  flex: none;
  order: 2;
  flex-grow: 0;
  z-index: 2;
}
.profile-form--actions button[data-v-7eaf5b48] {
  margin: 24px auto 0 auto;
  padding: 11px 34px;
  border-radius: 11px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}.building-blocks-wrapper[data-v-8c24b8c8] {
  background: #f5f7fa;
  min-height: calc(100vh - 64px);
  padding: 15px;
}
.building-blocks-container[data-v-8c24b8c8] {
  background: #ffffff;
  border-radius: 8px;
  min-height: calc(100vh - 64px - 30px);
  padding: 24px;
}
.page-header[data-v-8c24b8c8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e4e8;
}
.header-left[data-v-8c24b8c8] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.back-btn[data-v-8c24b8c8] {
  width: 40px;
  height: 40px;
  border: 1px solid #e1e4e8;
  background: #ffffff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.back-btn[data-v-8c24b8c8]:hover {
  background: #f5f7fa;
}
h1[data-v-8c24b8c8] {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
}
.subtitle[data-v-8c24b8c8] {
  font-size: 14px;
  color: #586069;
  margin: 4px 0 0 0;
}
.btn-secondary[data-v-8c24b8c8] {
  padding: 10px 20px;
  background: #f5f7fa;
  color: #24292e;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}
.btn-secondary[data-v-8c24b8c8]:hover {
  background: #e1e4e8;
}
.stats-bar[data-v-8c24b8c8] {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
  align-items: stretch;
}
.stat-item[data-v-8c24b8c8] {
  background: #f5f7fa;
  padding: 16px 20px;
  border-radius: 8px;
  flex: 1;
}
.stat-item.large[data-v-8c24b8c8] {
  flex: 2;
  display: flex;
  align-items: center;
  gap: 16px;
}
.stat-progress[data-v-8c24b8c8] {
  width: 80px;
  height: 80px;
}
.circular-chart[data-v-8c24b8c8] {
  display: block;
  width: 100%;
  height: 100%;
}
.circle-bg[data-v-8c24b8c8] {
  fill: none;
  stroke: #e1e4e8;
  stroke-width: 3.8;
}
.circle[data-v-8c24b8c8] {
  fill: none;
  stroke-width: 3.8;
  stroke-linecap: round;
  stroke: #0366d6;
  animation: progress-8c24b8c8 1s ease-out forwards;
}
@keyframes progress-8c24b8c8 {
0% {
    stroke-dasharray: 0 100;
}
}
.percentage[data-v-8c24b8c8] {
  fill: #24292e;
  font-size: 8px;
  font-weight: 700;
  text-anchor: middle;
}
.stat-details[data-v-8c24b8c8] {
  flex: 1;
}
.stat-label[data-v-8c24b8c8] {
  font-size: 12px;
  color: #959da5;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin-bottom: 4px;
}
.stat-value[data-v-8c24b8c8] {
  font-size: 20px;
  font-weight: 700;
  color: #24292e;
  font-family: "JetBrains Mono", monospace;
}
.stat-value.success[data-v-8c24b8c8] {
  color: #28a745;
}
.stat-value.warning[data-v-8c24b8c8] {
  color: #f9b857;
}
.filters-bar[data-v-8c24b8c8] {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}
.filter-group[data-v-8c24b8c8] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter-group label[data-v-8c24b8c8] {
  font-size: 13px;
  font-weight: 600;
  color: #586069;
}
.filter-group select[data-v-8c24b8c8] {
  padding: 8px 12px;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  font-size: 13px;
  background: #ffffff;
  cursor: pointer;
}
.filter-group select[data-v-8c24b8c8]:focus {
  outline: none;
  border-color: #0366d6;
}
.blocks-grid[data-v-8c24b8c8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.block-card[data-v-8c24b8c8] {
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 12px;
  padding: 24px;
  transition: all 0.2s;
}
.block-card[data-v-8c24b8c8]:hover {
  border-color: #0366d6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.block-card.completed[data-v-8c24b8c8] {
  border-color: #28a745;
  background: linear-gradient(to bottom right, rgba(40, 167, 69, 0.03), transparent);
}
.block-card.in-progress[data-v-8c24b8c8] {
  border-color: #0366d6;
  background: linear-gradient(to bottom right, rgba(3, 102, 214, 0.03), transparent);
}
.block-header[data-v-8c24b8c8] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}
.block-title h3[data-v-8c24b8c8] {
  font-size: 18px;
  font-weight: 600;
  margin: 4px 0 0 0;
}
.block-code[data-v-8c24b8c8] {
  font-size: 12px;
  font-weight: 700;
  font-family: "JetBrains Mono", monospace;
  color: #0366d6;
  background: rgba(3, 102, 214, 0.1);
  padding: 2px 8px;
  border-radius: 4px;
}
.block-percentage[data-v-8c24b8c8] {
  font-size: 28px;
  font-weight: 700;
  font-family: "JetBrains Mono", monospace;
  color: #0366d6;
}
.block-description[data-v-8c24b8c8] {
  font-size: 14px;
  color: #586069;
  margin-bottom: 16px;
  line-height: 1.5;
}
.block-progress[data-v-8c24b8c8] {
  margin-bottom: 20px;
}
.progress-bar[data-v-8c24b8c8] {
  height: 8px;
  background: #f5f7fa;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 8px;
}
.progress-fill[data-v-8c24b8c8] {
  height: 100%;
  background: linear-gradient(90deg, #0366d6, #6f42c1);
  border-radius: 4px;
  transition: width 0.5s;
}
.progress-label[data-v-8c24b8c8] {
  font-size: 13px;
  color: #959da5;
}
.block-blueprints[data-v-8c24b8c8] {
  margin-bottom: 16px;
}
.block-blueprints h4[data-v-8c24b8c8] {
  font-size: 12px;
  font-weight: 600;
  color: #959da5;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
}
.blueprint-item[data-v-8c24b8c8] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #f5f7fa;
  border-radius: 6px;
  margin-bottom: 6px;
  cursor: pointer;
  transition: all 0.2s;
}
.blueprint-item[data-v-8c24b8c8]:hover {
  background: #e1e4e8;
  transform: translateX(4px);
}
.blueprint-item[data-v-8c24b8c8]:last-child {
  margin-bottom: 0;
}
.blueprint-status[data-v-8c24b8c8] {
  font-size: 12px;
}
.blueprint-id[data-v-8c24b8c8] {
  font-size: 12px;
  font-family: "JetBrains Mono", monospace;
  color: #959da5;
  min-width: 64px;
}
.blueprint-name[data-v-8c24b8c8] {
  flex: 1;
  font-size: 13px;
  font-weight: 500;
}
.blueprint-badge[data-v-8c24b8c8] {
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}
.blueprint-badge.done[data-v-8c24b8c8] {
  background: rgba(40, 167, 69, 0.1);
  color: #28a745;
}
.blueprint-badge.in-progress[data-v-8c24b8c8] {
  background: rgba(3, 102, 214, 0.1);
  color: #0366d6;
}
.blueprint-badge.to-do[data-v-8c24b8c8] {
  background: #f5f7fa;
  color: #959da5;
}
.block-footer[data-v-8c24b8c8] {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
  border-top: 1px solid #e1e4e8;
}
.footer-item[data-v-8c24b8c8] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.footer-label[data-v-8c24b8c8] {
  font-size: 11px;
  color: #959da5;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.footer-value[data-v-8c24b8c8] {
  font-size: 14px;
  font-weight: 600;
  color: #24292e;
}
@media (max-width: 1024px) {
.blocks-grid[data-v-8c24b8c8] {
    grid-template-columns: 1fr;
}
.stats-bar[data-v-8c24b8c8] {
    flex-wrap: wrap;
}
.stat-item[data-v-8c24b8c8] {
    min-width: calc(50% - 8px);
}
}
@media (max-width: 768px) {
.page-header[data-v-8c24b8c8] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.filters-bar[data-v-8c24b8c8] {
    flex-direction: column;
    gap: 12px;
}
}#bar-vertical-chart canvas {
  height: 280px !important;
}
.circle-load[data-v-9a3fc563] {
    height: 120px;
    width: 120px;
    border: 8px solid #dedede;
    border-radius: 50%;
}
.dashboard-box__circle-progress-chars--item {
  height: 214px;
}
.dashboard-box__circle-progress-chars--item .current-counter {
  font-style: normal;
  font-weight: 400;
  font-size: 20px !important;
  line-height: 15px;
  text-align: center;
  color: #2e4050;
}
.dashboard-box__circle-progress-chars--item:last-child:after {
  border: none;
}
.dashboard-box__circle-progress-chars--item:after {
  content: "";
  height: 90%;
  position: absolute;
  right: 0;
  bottom: 0;
}#line-chart canvas {
  height: 280px !important;
}#spedometer-chart {
  height: 376px;
}
#spedometer-chart .current-counter {
  font-style: normal;
  font-weight: 400;
  font-size: 50px !important;
  line-height: 15px;
  text-align: center;
  color: #2e4050;
}
#spedometer-chart .navigation-text {
  bottom: 0;
  width: 100%;
}
#spedometer-chart .navigation-text > .left {
  left: 13px;
  bottom: 0;
}
#spedometer-chart .navigation-text > .right {
  right: 10px;
  bottom: 0;
}
#spedometer-chart .navigation-text > .left, #spedometer-chart .navigation-text > .right {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  text-align: center;
}
#spedometer-chart .information p:first-child {
  font-family: "Lato";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  margin: 8px 0;
}
#spedometer-chart .information p:last-child {
  font-family: "Lato";
  margin-top: 15px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
}#line-chart-horizontal {
  padding: 20px;
}
#line-chart-horizontal .title {
  font-family: "Lato";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  margin-bottom: 16px;
}
#line-chart-horizontal .progress_items__item:last-child {
  margin-bottom: 0;
}
#line-chart-horizontal .progress_items__item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  height: 18px;
}
#line-chart-horizontal .progress_items__item--name, #line-chart-horizontal .progress_items__item--count {
  width: 40px;
  font-family: "Lato";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 14px;
  /* identical to box height */
  text-align: center;
}
#line-chart-horizontal .progress_items__item--progress {
  overflow: hidden;
  background-color: #e9e9e9;
  width: 100%;
  margin: 0 10px;
  border-radius: 4px;
}
#line-chart-horizontal .progress_items__item--progress_line {
  height: 100%;
}.document-annotations[data-v-b7ecefce] {
  width: 100%;
  height: 100%;
  background: #ffffff;
  display: flex;
  flex-direction: column;
}
.annotations-header[data-v-b7ecefce] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #e5e7eb;
}
.header-content[data-v-b7ecefce] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-content h3[data-v-b7ecefce] {
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.badge[data-v-b7ecefce] {
  font-size: 11px;
  font-weight: 500;
  color: #6b7280;
  background: #f3f4f6;
  padding: 2px 8px;
  border-radius: 10px;
}
.close-btn[data-v-b7ecefce] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #9ca3af;
  cursor: pointer;
}
.close-btn[data-v-b7ecefce]:hover {
  background: #f3f4f6;
  color: #6b7280;
}
.annotations-toolbar[data-v-b7ecefce] {
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
}
.tool-btn[data-v-b7ecefce] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s;
}
.tool-btn[data-v-b7ecefce]:hover {
  background: #f3f4f6;
}
.tool-btn.active[data-v-b7ecefce] {
  background: #dbeafe;
  border-color: #93c5fd;
  color: #1d4ed8;
}
.pending-hint[data-v-b7ecefce] {
  padding: 12px 16px;
  background: #eff6ff;
  border-bottom: 1px solid #bfdbfe;
  font-size: 12px;
  color: #1e40af;
  text-align: center;
}
.pending-annotation[data-v-b7ecefce] {
  padding: 16px;
  background: #fef3c7;
  border-bottom: 1px solid #fcd34d;
}
.pending-header[data-v-b7ecefce] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.pending-label[data-v-b7ecefce] {
  font-size: 12px;
  font-weight: 500;
  color: #92400e;
}
.page-picker[data-v-b7ecefce] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.page-picker-label[data-v-b7ecefce] {
  font-size: 11px;
  font-weight: 500;
  color: #92400e;
}
.page-picker-input[data-v-b7ecefce] {
  width: 52px;
  padding: 3px 6px;
  font-size: 12px;
  border: 1px solid #fcd34d;
  border-radius: 4px;
  text-align: center;
}
.page-picker-input[data-v-b7ecefce]:focus {
  outline: none;
  border-color: #f59e0b;
}
.annotation-error[data-v-b7ecefce] {
  font-size: 11px;
  color: #dc2626;
  margin: 6px 0 0;
}
.pending-annotation textarea[data-v-b7ecefce] {
  width: 100%;
  padding: 10px;
  border: 1px solid #fcd34d;
  border-radius: 6px;
  font-size: 13px;
  resize: none;
}
.pending-annotation textarea[data-v-b7ecefce]:focus {
  outline: none;
  border-color: #f59e0b;
}
.pending-actions[data-v-b7ecefce] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
}
.cancel-btn[data-v-b7ecefce] {
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
}
.cancel-btn[data-v-b7ecefce]:hover {
  background: #f3f4f6;
}
.save-btn[data-v-b7ecefce] {
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  background: #f59e0b;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.save-btn[data-v-b7ecefce]:hover:not(:disabled) {
  background: #d97706;
}
.save-btn[data-v-b7ecefce]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.filter-tabs[data-v-b7ecefce] {
  display: flex;
  gap: 4px;
  padding: 10px 16px;
  border-bottom: 1px solid #e5e7eb;
}
.filter-tab[data-v-b7ecefce] {
  flex: 1;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.filter-tab[data-v-b7ecefce]:hover {
  background: #f9fafb;
}
.filter-tab.active[data-v-b7ecefce] {
  background: #f3f4f6;
  color: #1f2937;
}
.annotations-list[data-v-b7ecefce] {
  flex: 1;
  overflow-y: auto;
}
.loading-state[data-v-b7ecefce],
.error-state[data-v-b7ecefce],
.empty-state[data-v-b7ecefce] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  text-align: center;
  color: #9ca3af;
}
.loading-state p[data-v-b7ecefce],
.error-state p[data-v-b7ecefce],
.empty-state p[data-v-b7ecefce] {
  margin: 12px 0 4px;
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
}
.loading-state span[data-v-b7ecefce],
.error-state span[data-v-b7ecefce],
.empty-state span[data-v-b7ecefce] {
  font-size: 12px;
  max-width: 200px;
}
.spinner[data-v-b7ecefce] {
  width: 24px;
  height: 24px;
  border: 2px solid #e5e7eb;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: spin-b7ecefce 1s linear infinite;
}
@keyframes spin-b7ecefce {
to {
    transform: rotate(360deg);
}
}
.annotation-item[data-v-b7ecefce] {
  padding: 12px 16px;
  border-bottom: 1px solid #f3f4f6;
  cursor: pointer;
  transition: background 0.15s;
}
.annotation-item[data-v-b7ecefce]:hover {
  background: #f9fafb;
}
.annotation-item.selected[data-v-b7ecefce] {
  background: #eff6ff;
  border-left: 3px solid #3b82f6;
}
.annotation-item.resolved[data-v-b7ecefce] {
  opacity: 0.7;
}
.annotation-page[data-v-b7ecefce] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.page-badge[data-v-b7ecefce] {
  font-size: 11px;
  font-weight: 500;
  color: #6b7280;
  background: #f3f4f6;
  padding: 2px 8px;
  border-radius: 4px;
}
.status-badge[data-v-b7ecefce] {
  font-size: 10px;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: 4px;
}
.status-badge.resolved[data-v-b7ecefce] {
  color: #059669;
  background: #d1fae5;
}
.annotation-content[data-v-b7ecefce] {
  display: flex;
  gap: 10px;
}
.annotation-avatar[data-v-b7ecefce] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #dbeafe;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  color: #1e40af;
  flex-shrink: 0;
}
.annotation-body[data-v-b7ecefce] {
  flex: 1;
  min-width: 0;
}
.annotation-meta[data-v-b7ecefce] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}
.author[data-v-b7ecefce] {
  font-size: 12px;
  font-weight: 600;
  color: #1f2937;
}
.time[data-v-b7ecefce] {
  font-size: 10px;
  color: #9ca3af;
}
.annotation-text[data-v-b7ecefce] {
  font-size: 12px;
  color: #4b5563;
  line-height: 1.4;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.annotation-actions[data-v-b7ecefce] {
  display: flex;
  gap: 10px;
  margin-top: 8px;
}
.action-btn[data-v-b7ecefce] {
  font-size: 11px;
  font-weight: 500;
  color: #6b7280;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 3px;
}
.action-btn[data-v-b7ecefce]:hover {
  color: #3b82f6;
}
.action-btn.danger[data-v-b7ecefce]:hover {
  color: #ef4444;
}
.replies[data-v-b7ecefce] {
  margin-top: 10px;
  padding-left: 12px;
  border-left: 2px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.reply-item[data-v-b7ecefce] {
  display: flex;
  gap: 8px;
}
.reply-avatar[data-v-b7ecefce] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 600;
  color: #4b5563;
  flex-shrink: 0;
}
.reply-body[data-v-b7ecefce] {
  flex: 1;
  min-width: 0;
}
.reply-meta[data-v-b7ecefce] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}
.reply-text[data-v-b7ecefce] {
  font-size: 12px;
  color: #4b5563;
  line-height: 1.4;
  margin: 0;
}
.reply-input[data-v-b7ecefce] {
  margin-top: 10px;
  padding-left: 12px;
}
.reply-input textarea[data-v-b7ecefce] {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 12px;
  resize: vertical;
  min-height: 44px;
}
.reply-input textarea[data-v-b7ecefce]:focus {
  outline: none;
  border-color: #3b82f6;
}
.reply-actions[data-v-b7ecefce] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 6px;
}
.cancel-btn[data-v-b7ecefce] {
  font-size: 11px;
  font-weight: 500;
  color: #6b7280;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
}
.cancel-btn[data-v-b7ecefce]:hover {
  color: #374151;
}
.send-btn[data-v-b7ecefce] {
  font-size: 11px;
  font-weight: 500;
  color: #ffffff;
  background: #3b82f6;
  border: none;
  border-radius: 4px;
  padding: 4px 12px;
  cursor: pointer;
}
.send-btn[data-v-b7ecefce]:hover:not(:disabled) {
  background: #2563eb;
}
.send-btn[data-v-b7ecefce]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}.thumbnail-panel[data-v-e4b9565d] {
  display: flex;
  flex-direction: column;
  width: 140px;
  min-width: 140px;
  background: #2d2d2d;
  border-right: 1px solid #404040;
  flex-shrink: 0;
}
.thumbnail-list[data-v-e4b9565d] {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.thumbnail-item[data-v-e4b9565d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  padding: 4px;
  transition: background 150ms ease;
}
.thumbnail-item[data-v-e4b9565d]:hover {
  background: rgba(255, 255, 255, 0.08);
}
.thumbnail-item.active[data-v-e4b9565d] {
  background: rgba(59, 130, 246, 0.2);
  box-shadow: inset 0 0 0 2px #3b82f6;
}
.thumbnail-image-wrapper[data-v-e4b9565d] {
  position: relative;
  width: 110px;
  height: auto;
  aspect-ratio: auto;
  background: #fff;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.thumbnail-image[data-v-e4b9565d] {
  display: block;
  width: 100%;
  height: auto;
}
.thumbnail-placeholder[data-v-e4b9565d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 140px;
  background: #3d3d3d;
}
.thumbnail-placeholder-text[data-v-e4b9565d] {
  font-size: 14px;
  color: #9ca3af;
  font-weight: 500;
}
.thumbnail-label[data-v-e4b9565d] {
  margin-top: 4px;
  font-size: 11px;
  color: #9ca3af;
  font-weight: 500;
}
.thumbnail-badge[data-v-e4b9565d] {
  position: absolute;
  top: 4px;
  right: 4px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: #fbbf24;
  color: #1f2937;
  font-size: 10px;
  font-weight: 700;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}.pdf-viewer[data-v-4ea9a755] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  background: #525659;
}
.pdf-main[data-v-4ea9a755] {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.pdf-toolbar[data-v-4ea9a755] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background: #f8f9fa;
  border-bottom: 1px solid #e5e7eb;
  gap: 16px;
  flex-shrink: 0;
}
.toolbar-left[data-v-4ea9a755],
.toolbar-center[data-v-4ea9a755],
.toolbar-right[data-v-4ea9a755] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nav-controls[data-v-4ea9a755],
.zoom-controls[data-v-4ea9a755],
.annotation-tools[data-v-4ea9a755] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
.toolbar-btn[data-v-4ea9a755] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: #374151;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s;
}
.toolbar-btn[data-v-4ea9a755]:hover:not(:disabled) {
  background: #f3f4f6;
}
.toolbar-btn[data-v-4ea9a755]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.toolbar-btn.active[data-v-4ea9a755] {
  background: #dbeafe;
  color: #2563eb;
}
.tool-btn[data-v-4ea9a755] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  color: #374151;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s;
}
.tool-btn[data-v-4ea9a755]:hover {
  background: #f3f4f6;
}
.tool-btn.active[data-v-4ea9a755] {
  background: #dbeafe;
  color: #2563eb;
}
.page-info[data-v-4ea9a755] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: #4b5563;
}
.page-input[data-v-4ea9a755] {
  width: 40px;
  padding: 4px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  text-align: center;
  font-size: 13px;
}
.page-input[data-v-4ea9a755]:focus {
  outline: none;
  border-color: #3f484c;
}
.zoom-level[data-v-4ea9a755] {
  font-size: 12px;
  color: #6b7280;
  min-width: 40px;
  text-align: center;
}
.color-picker[data-v-4ea9a755] {
  margin-left: 8px;
}
.color-picker .color-input[data-v-4ea9a755] {
  width: 32px;
  height: 32px;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
}
.color-picker .color-input[data-v-4ea9a755]::-webkit-color-swatch-wrapper {
  padding: 2px;
}
.color-picker .color-input[data-v-4ea9a755]::-webkit-color-swatch {
  border-radius: 3px;
  border: 1px solid #e5e7eb;
}
.pdf-content[data-v-4ea9a755] {
  flex: 1;
  overflow: auto;
  display: flex;
  justify-content: center;
  padding: 20px;
  position: relative;
}
.pdf-page-container[data-v-4ea9a755] {
  position: relative;
  transform-origin: top center;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.pdf-page-container.click-feedback[data-v-4ea9a755] {
  animation: click-pulse-4ea9a755 300ms ease-out;
}
@keyframes click-pulse-4ea9a755 {
0% {
    box-shadow: inset 0 0 0 0 rgba(59, 130, 246, 0);
}
50% {
    box-shadow: inset 0 0 0 4px rgba(59, 130, 246, 0.25);
}
100% {
    box-shadow: inset 0 0 0 0 rgba(59, 130, 246, 0);
}
}
.pdf-canvas[data-v-4ea9a755] {
  display: block;
  background: #ffffff;
}
.annotation-overlay[data-v-4ea9a755] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}
.annotate-overlay[data-v-4ea9a755] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: crosshair;
  z-index: 10;
  background: transparent;
}
.loading-overlay[data-v-4ea9a755] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.95);
  gap: 12px;
}
.loading-text[data-v-4ea9a755] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
.error-overlay[data-v-4ea9a755] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f9fafb;
  padding: 24px;
  text-align: center;
}
.error-title[data-v-4ea9a755] {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 16px 0 8px;
}
.error-message[data-v-4ea9a755] {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 16px;
  max-width: 300px;
}
.retry-btn[data-v-4ea9a755] {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  background: #3f484c;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s;
}
.retry-btn[data-v-4ea9a755]:hover {
  background: #2d3538;
}
.rendering-indicator[data-v-4ea9a755] {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.loading-spinner[data-v-4ea9a755] {
  width: 40px;
  height: 40px;
  border: 3px solid #e5e7eb;
  border-top-color: #3f484c;
  border-radius: 50%;
  animation: spin-4ea9a755 1s linear infinite;
}
.loading-spinner.small[data-v-4ea9a755] {
  width: 24px;
  height: 24px;
  border-width: 2px;
}
@keyframes spin-4ea9a755 {
to {
    transform: rotate(360deg);
}
}
.annotation-pin[data-v-4ea9a755] {
  position: absolute;
  width: 20px;
  height: 20px;
  cursor: grab;
  z-index: 15;
  transform: translate(-50%, -100%);
  transition: transform 0.15s ease;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
}
.annotation-pin[data-v-4ea9a755]:hover {
  transform: translate(-50%, -100%) scale(1.25);
}
.annotation-pin:hover .pin-delete-btn[data-v-4ea9a755] {
  opacity: 1;
  pointer-events: auto;
}
.annotation-pin.dragging[data-v-4ea9a755] {
  cursor: grabbing;
  z-index: 15;
  transition: none;
}
.annotation-pin svg[data-v-4ea9a755] {
  display: block;
}
.annotation-pin .pin-delete-btn[data-v-4ea9a755] {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ef4444;
  color: #ffffff;
  border: none;
  font-size: 11px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
  padding: 0;
  font-weight: 600;
}
.annotation-pin .pin-delete-btn[data-v-4ea9a755]:hover {
  background: #dc2626;
}
.annotation-pin.pending-pin[data-v-4ea9a755] {
  cursor: grab;
  z-index: 10;
  animation: pin-pop-in-4ea9a755 0.2s ease-out;
}
.annotation-pin.pending-pin[data-v-4ea9a755]:hover {
  transform: translate(-50%, -100%) scale(1.35);
}
.annotation-pin.pending-pin.dragging[data-v-4ea9a755] {
  cursor: grabbing;
  z-index: 15;
  transition: none;
}
@keyframes pin-pop-in-4ea9a755 {
0% {
    transform: translate(-50%, -100%) scale(0);
}
70% {
    transform: translate(-50%, -100%) scale(1.3);
}
100% {
    transform: translate(-50%, -100%) scale(1);
}
}
.annotate-overlay--placing[data-v-4ea9a755] {
  cursor: default;
  background: rgba(59, 130, 246, 0.03);
}.viewer-backdrop[data-v-ae08772b] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 16px;
}
.viewer-shell[data-v-ae08772b] {
  width: 100%;
  max-width: 1400px;
  height: 92vh;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.viewer-header[data-v-ae08772b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
  flex-shrink: 0;
}
.header-left[data-v-ae08772b] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.doc-icon[data-v-ae08772b] {
  flex-shrink: 0;
}
.doc-title[data-v-ae08772b] {
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 600px;
  text-transform: capitalize;
}
.header-right[data-v-ae08772b] {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.icon-btn[data-v-ae08772b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  border-radius: 8px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s;
}
.icon-btn[data-v-ae08772b]:hover {
  background: #f3f4f6;
  color: #374151;
}
.close-icon-btn[data-v-ae08772b]:hover {
  background: #fee2e2;
  color: #dc2626;
}
.viewer-body[data-v-ae08772b] {
  flex: 1;
  display: flex;
  overflow: hidden;
  min-height: 0;
}
.main-panel[data-v-ae08772b] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #e5e7eb;
  background: #525659;
  position: relative;
}
.pdf-iframe[data-v-ae08772b] {
  flex: 1;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.annot-overlay[data-v-ae08772b] {
  position: absolute;
  inset: 0;
  cursor: crosshair;
  z-index: 10;
  background: transparent;
}
.annot-panel[data-v-ae08772b] {
  width: 320px;
  flex-shrink: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #f9fafb;
}
.annot-empty[data-v-ae08772b] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 20px;
  text-align: center;
}
.annot-empty p[data-v-ae08772b] {
  font-size: 13px;
  color: #9ca3af;
}
.state-overlay[data-v-ae08772b] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #525659;
  color: #9ca3af;
  font-size: 14px;
  text-align: center;
  padding: 24px;
}
.state-overlay--error[data-v-ae08772b] {
  background: #525659;
}
.error-title[data-v-ae08772b] {
  font-size: 15px;
  font-weight: 600;
  color: #f9fafb;
  margin: 0;
}
.error-msg[data-v-ae08772b] {
  font-size: 13px;
  color: #9ca3af;
  margin: 0;
  max-width: 280px;
}
.retry-btn[data-v-ae08772b] {
  margin-top: 4px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
  background: #3f484c;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s;
}
.retry-btn[data-v-ae08772b]:hover {
  background: #2d3538;
}
.spinner[data-v-ae08772b] {
  width: 36px;
  height: 36px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top-color: #ffcc00;
  border-radius: 50%;
  animation: spin-ae08772b 0.8s linear infinite;
}
@keyframes spin-ae08772b {
to {
    transform: rotate(360deg);
}
}
.viewer-footer[data-v-ae08772b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 24px;
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
  flex-shrink: 0;
}
.btn-close-footer[data-v-ae08772b] {
  padding: 9px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s;
}
.btn-close-footer[data-v-ae08772b]:hover {
  background: #f3f4f6;
}
.btn-review[data-v-ae08772b] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 24px;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  background: #ffcc00;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s;
}
.btn-review[data-v-ae08772b]:hover {
  background: #e6b800;
}
.modal-fade-enter-active[data-v-ae08772b],
.modal-fade-leave-active[data-v-ae08772b] {
  transition: opacity 0.25s ease;
}
.modal-fade-enter-active .viewer-shell[data-v-ae08772b],
.modal-fade-leave-active .viewer-shell[data-v-ae08772b] {
  transition: transform 0.25s ease;
}
.modal-fade-enter-from[data-v-ae08772b],
.modal-fade-leave-to[data-v-ae08772b] {
  opacity: 0;
}
.modal-fade-enter-from .viewer-shell[data-v-ae08772b],
.modal-fade-leave-to .viewer-shell[data-v-ae08772b] {
  transform: scale(0.97);
}.modal-backdrop[data-v-09720b0b] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}
.modal-shell[data-v-09720b0b] {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  width: 100%;
  max-width: 520px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.modal-header[data-v-09720b0b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
}
.modal-title[data-v-09720b0b] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.modal-title svg[data-v-09720b0b] {
  color: #6b7280;
}
.close-btn[data-v-09720b0b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  border-radius: 6px;
  color: #9ca3af;
  cursor: pointer;
}
.close-btn[data-v-09720b0b]:hover {
  background: #f3f4f6;
  color: #6b7280;
}
.modal-body[data-v-09720b0b] {
  flex: 1;
  overflow-y: auto;
  padding: 0;
}
.modal-footer[data-v-09720b0b] {
  padding: 12px 20px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  justify-content: flex-end;
}
.btn-close[data-v-09720b0b] {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
}
.btn-close[data-v-09720b0b]:hover {
  background: #f3f4f6;
}
.loading-state[data-v-09720b0b],
.error-state[data-v-09720b0b],
.empty-state[data-v-09720b0b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  gap: 12px;
  text-align: center;
  color: #6b7280;
  font-size: 14px;
}
.empty-state p[data-v-09720b0b] {
  font-weight: 500;
  color: #374151;
  margin: 0;
}
.empty-state span[data-v-09720b0b] {
  font-size: 13px;
}
.spinner[data-v-09720b0b] {
  width: 24px;
  height: 24px;
  border: 2px solid #e5e7eb;
  border-top-color: #3f484c;
  border-radius: 50%;
  animation: spin-09720b0b 1s linear infinite;
}
@keyframes spin-09720b0b {
to {
    transform: rotate(360deg);
}
}
.reviews-list[data-v-09720b0b] {
  padding: 12px 0;
}
.review-item[data-v-09720b0b] {
  padding: 16px 20px;
  border-bottom: 1px solid #f3f4f6;
}
.review-item[data-v-09720b0b]:last-child {
  border-bottom: none;
}
.review-header[data-v-09720b0b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.reviewer-info[data-v-09720b0b] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.reviewer-avatar[data-v-09720b0b] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #dbeafe;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reviewer-details[data-v-09720b0b] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.reviewer-name[data-v-09720b0b] {
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
}
.reviewer-email[data-v-09720b0b] {
  font-size: 12px;
  color: #9ca3af;
}
.status-badge[data-v-09720b0b] {
  font-size: 11px;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 10px;
  text-transform: capitalize;
}
.status-badge.status--pending[data-v-09720b0b] {
  background: #fef3c7;
  color: #92400e;
}
.status-badge.status--in-progress[data-v-09720b0b] {
  background: #dbeafe;
  color: #1e40af;
}
.status-badge.status--completed[data-v-09720b0b] {
  background: #d1fae5;
  color: #065f46;
}
.status-badge.status--declined[data-v-09720b0b] {
  background: #fee2e2;
  color: #991b1b;
}
.review-meta[data-v-09720b0b] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 8px;
}
.meta-item[data-v-09720b0b] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #6b7280;
}
.meta-item svg[data-v-09720b0b] {
  color: #9ca3af;
}
.review-message[data-v-09720b0b] {
  background: #f9fafb;
  border-radius: 6px;
  padding: 10px 12px;
}
.review-message .message-label[data-v-09720b0b] {
  font-size: 11px;
  font-weight: 500;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.review-message p[data-v-09720b0b] {
  font-size: 13px;
  color: #4b5563;
  margin: 4px 0 0;
  line-height: 1.4;
}
.modal-fade-enter-active[data-v-09720b0b],
.modal-fade-leave-active[data-v-09720b0b] {
  transition: opacity 0.2s ease;
}
.modal-fade-enter-from[data-v-09720b0b],
.modal-fade-leave-to[data-v-09720b0b] {
  opacity: 0;
}.modal-backdrop[data-v-17a90452] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}
.modal-shell[data-v-17a90452] {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  width: 100%;
  max-width: 520px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.modal-shell--wide[data-v-17a90452] {
  max-width: 720px;
}
.modal-header[data-v-17a90452] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
}
.modal-title[data-v-17a90452] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.modal-title svg[data-v-17a90452] {
  color: #6b7280;
}
.close-btn[data-v-17a90452] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  border-radius: 6px;
  color: #9ca3af;
  cursor: pointer;
}
.close-btn[data-v-17a90452]:hover {
  background: #f3f4f6;
  color: #6b7280;
}
.modal-body[data-v-17a90452] {
  flex: 1;
  overflow-y: auto;
  padding: 0;
}
.modal-footer[data-v-17a90452] {
  padding: 12px 20px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  justify-content: flex-end;
}
.btn-close[data-v-17a90452] {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
}
.btn-close[data-v-17a90452]:hover {
  background: #f3f4f6;
}
.loading-state[data-v-17a90452],
.empty-state[data-v-17a90452] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
  gap: 12px;
  text-align: center;
}
.loading-state p[data-v-17a90452],
.empty-state p[data-v-17a90452] {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}
.loading-state span[data-v-17a90452],
.empty-state span[data-v-17a90452] {
  font-size: 13px;
  color: #9ca3af;
}
.spinner[data-v-17a90452] {
  width: 24px;
  height: 24px;
  border: 2px solid #e5e7eb;
  border-top-color: #f59e0b;
  border-radius: 50%;
  animation: spin-17a90452 0.8s linear infinite;
}
@keyframes spin-17a90452 {
to {
    transform: rotate(360deg);
}
}
.versions-table-wrapper[data-v-17a90452] {
  padding: 0;
}
.versions-table[data-v-17a90452] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.versions-table th[data-v-17a90452] {
  text-align: left;
  padding: 12px 16px;
  font-weight: 600;
  color: #6b7280;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
}
.versions-table th.actions-col[data-v-17a90452] {
  text-align: right;
  width: 140px;
}
.versions-table td[data-v-17a90452] {
  padding: 12px 16px;
  border-bottom: 1px solid #f3f4f6;
  vertical-align: middle;
}
.versions-table .version-row[data-v-17a90452]:hover {
  background: #f9fafb;
}
.version-badge[data-v-17a90452] {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 4px;
  background: #fef3c7;
  color: #92400e;
  font-size: 12px;
  font-weight: 600;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.changes-text[data-v-17a90452] {
  color: #374151;
  display: block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.date-text[data-v-17a90452] {
  color: #6b7280;
  white-space: nowrap;
}
.actions-col[data-v-17a90452] {
  text-align: right;
}
.action-buttons[data-v-17a90452] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
.action-btn[data-v-17a90452] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.15s ease;
}
.action-btn--link[data-v-17a90452] {
  color: #f59e0b;
  background: transparent;
  border-color: transparent;
  padding: 4px 6px;
}
.action-btn--link[data-v-17a90452]:hover {
  color: #d97706;
  background: #fffbeb;
}
.action-btn--secondary[data-v-17a90452] {
  color: #6b7280;
  background: #ffffff;
  border-color: #e5e7eb;
  padding: 4px;
  width: 26px;
  height: 26px;
}
.action-btn--secondary[data-v-17a90452]:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
}
.action-btn--pptx[data-v-17a90452] {
  color: #d97706;
  border-color: #fde68a;
  background: #fffbeb;
}
.action-btn--pptx[data-v-17a90452]:hover {
  background: #fef3c7;
  border-color: #f59e0b;
}
.modal-fade-enter-active[data-v-17a90452],
.modal-fade-leave-active[data-v-17a90452] {
  transition: opacity 0.2s ease;
}
.modal-fade-enter-from[data-v-17a90452],
.modal-fade-leave-to[data-v-17a90452] {
  opacity: 0;
}.annotation-canvas-container[data-v-0f7cb76b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.comment-popup[data-v-0f7cb76b] {
  position: absolute;
  z-index: 100;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  padding: 12px;
  min-width: 250px;
}
.comment-input[data-v-0f7cb76b] {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 13px;
  resize: none;
}
.comment-input[data-v-0f7cb76b]:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.comment-actions[data-v-0f7cb76b] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}
.btn[data-v-0f7cb76b] {
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-cancel[data-v-0f7cb76b] {
  background: transparent;
  border: 1px solid #e5e7eb;
  color: #6b7280;
}
.btn-cancel[data-v-0f7cb76b]:hover {
  background: #f3f4f6;
}
.btn-save[data-v-0f7cb76b] {
  background: #3b82f6;
  border: 1px solid #3b82f6;
  color: white;
}
.btn-save[data-v-0f7cb76b]:hover {
  background: #2563eb;
}
.annotations-panel[data-v-0f7cb76b] {
  position: absolute;
  top: 0;
  right: -280px;
  width: 260px;
  max-height: 400px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.panel-header[data-v-0f7cb76b] {
  padding: 12px 16px;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}
.annotations-list[data-v-0f7cb76b] {
  max-height: 350px;
  overflow-y: auto;
}
.annotation-item[data-v-0f7cb76b] {
  display: flex;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid #f3f4f6;
  cursor: pointer;
  transition: background 0.2s;
}
.annotation-item[data-v-0f7cb76b]:hover {
  background: #f9fafb;
}
.annotation-item.resolved[data-v-0f7cb76b] {
  opacity: 0.6;
}
.annotation-icon[data-v-0f7cb76b] {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}
.annotation-content[data-v-0f7cb76b] {
  flex: 1;
  min-width: 0;
}
.annotation-content p[data-v-0f7cb76b] {
  font-size: 13px;
  color: #1f2937;
  margin: 0 0 4px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.annotation-content .annotation-meta[data-v-0f7cb76b] {
  font-size: 11px;
  color: #9ca3af;
}
.fade-enter-active[data-v-0f7cb76b],
.fade-leave-active[data-v-0f7cb76b] {
  transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-0f7cb76b],
.fade-leave-to[data-v-0f7cb76b] {
  opacity: 0;
}.modal-overlay[data-v-d1e1465c] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
}
.modal-container[data-v-d1e1465c] {
  background: #ffffff;
  border-radius: 12px;
  max-width: 520px;
  width: 100%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.modal-header[data-v-d1e1465c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.modal-header .header-content[data-v-d1e1465c] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-icon[data-v-d1e1465c] {
  flex-shrink: 0;
}
.modal-title[data-v-d1e1465c] {
  font-size: 17px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.close-btn[data-v-d1e1465c] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.15s;
}
.close-btn[data-v-d1e1465c]:hover {
  background: #f3f4f6;
  color: #374151;
}
.modal-content[data-v-d1e1465c] {
  padding: 20px 24px;
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.modal-description[data-v-d1e1465c] {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.6;
  margin: 0;
}
.modal-description strong[data-v-d1e1465c] {
  color: #1f2937;
}
.chips-row[data-v-d1e1465c] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.chip[data-v-d1e1465c] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px 4px 5px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  font-size: 12px;
  color: #374151;
}
.chip--external[data-v-d1e1465c] {
  background: #fefce8;
  border-color: #fde68a;
  color: #92400e;
}
.chip-avatar[data-v-d1e1465c] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 700;
  color: #1f2937;
  flex-shrink: 0;
}
.chip-mail-icon[data-v-d1e1465c] {
  flex-shrink: 0;
  color: #d97706;
}
.chip-label[data-v-d1e1465c] {
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chip-remove[data-v-d1e1465c] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: none;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  border-radius: 50%;
  padding: 0;
  flex-shrink: 0;
  transition: color 0.15s;
}
.chip-remove[data-v-d1e1465c]:hover {
  color: #374151;
}
.search-box[data-v-d1e1465c] {
  position: relative;
}
.search-box .search-icon[data-v-d1e1465c] {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
  pointer-events: none;
}
.search-box .search-input[data-v-d1e1465c] {
  width: 100%;
  padding: 10px 12px 10px 34px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 13px;
  color: #1f2937;
  transition: border-color 0.2s;
  box-sizing: border-box;
}
.search-box .search-input[data-v-d1e1465c]:focus {
  outline: none;
  border-color: #3f484c;
  box-shadow: 0 0 0 3px rgba(63, 72, 76, 0.1);
}
.search-box .search-input[data-v-d1e1465c]::-moz-placeholder {
  color: #9ca3af;
}
.search-box .search-input[data-v-d1e1465c]::placeholder {
  color: #9ca3af;
}
.invite-option[data-v-d1e1465c] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: #fefce8;
  border: 1px solid #fde68a;
  border-radius: 8px;
  font-size: 13px;
  color: #1f2937;
  cursor: pointer;
  transition: background 0.15s;
}
.invite-option[data-v-d1e1465c]:hover {
  background: #fef9c3;
}
.invite-option em.invite-note[data-v-d1e1465c] {
  font-style: normal;
  color: #6b7280;
  margin-left: 4px;
}
.invite-already[data-v-d1e1465c] {
  font-size: 12px;
  color: #6b7280;
  padding: 6px 12px;
  background: #f3f4f6;
  border-radius: 6px;
}
.members-list[data-v-d1e1465c] {
  max-height: 220px;
  overflow-y: auto;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  scrollbar-width: thin;
}
.member-item[data-v-d1e1465c] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  cursor: pointer;
  border-bottom: 1px solid #f3f4f6;
  transition: background 0.15s;
}
.member-item[data-v-d1e1465c]:last-child {
  border-bottom: none;
}
.member-item[data-v-d1e1465c]:hover {
  background: #f9fafb;
}
.member-item--selected[data-v-d1e1465c] {
  background: #fefce8;
}
.member-check[data-v-d1e1465c] {
  width: 18px;
  height: 18px;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.15s;
}
.member-check--on[data-v-d1e1465c] {
  background: #ffcc00;
  border-color: #ffcc00;
  color: #1f2937;
}
.member-avatar[data-v-d1e1465c] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #1f2937;
  flex-shrink: 0;
}
.member-info[data-v-d1e1465c] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.member-name[data-v-d1e1465c] {
  font-size: 13px;
  font-weight: 500;
  color: #1f2937;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.member-email[data-v-d1e1465c] {
  font-size: 11px;
  color: #9ca3af;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.members-empty[data-v-d1e1465c] {
  padding: 30px;
  text-align: center;
  font-size: 13px;
  color: #9ca3af;
}
.message-section[data-v-d1e1465c] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.message-label[data-v-d1e1465c] {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}
.message-label .optional[data-v-d1e1465c] {
  font-weight: 400;
  color: #9ca3af;
}
.message-textarea[data-v-d1e1465c] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 13px;
  color: #1f2937;
  line-height: 1.5;
  resize: none;
  box-sizing: border-box;
  transition: border-color 0.2s;
  font-family: inherit;
}
.message-textarea[data-v-d1e1465c]:focus {
  outline: none;
  border-color: #3f484c;
  box-shadow: 0 0 0 3px rgba(63, 72, 76, 0.1);
}
.message-textarea[data-v-d1e1465c]::-moz-placeholder {
  color: #9ca3af;
}
.message-textarea[data-v-d1e1465c]::placeholder {
  color: #9ca3af;
}
.send-summary[data-v-d1e1465c] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 14px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 13px;
  color: #374151;
  line-height: 1.4;
}
.send-summary svg[data-v-d1e1465c] {
  flex-shrink: 0;
  margin-top: 1px;
}
.modal-footer[data-v-d1e1465c] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
  flex-shrink: 0;
}
.btn-cancel[data-v-d1e1465c] {
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s;
}
.btn-cancel[data-v-d1e1465c]:hover:not(:disabled) {
  background: #f9fafb;
}
.btn-cancel[data-v-d1e1465c]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-send[data-v-d1e1465c] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 22px;
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
  background: #ffcc00;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s;
}
.btn-send[data-v-d1e1465c]:hover:not(:disabled) {
  background: #e6b800;
}
.btn-send[data-v-d1e1465c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.modal-enter-active[data-v-d1e1465c],
.modal-leave-active[data-v-d1e1465c] {
  transition: opacity 0.25s ease;
}
.modal-enter-active .modal-container[data-v-d1e1465c],
.modal-leave-active .modal-container[data-v-d1e1465c] {
  transition: transform 0.25s ease;
}
.modal-enter-from[data-v-d1e1465c],
.modal-leave-to[data-v-d1e1465c] {
  opacity: 0;
}
.modal-enter-from .modal-container[data-v-d1e1465c],
.modal-leave-to .modal-container[data-v-d1e1465c] {
  transform: scale(0.96) translateY(12px);
}.card-kanban[data-v-2d0469d7] {
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  padding: 14px;
  transition: all 0.3s ease;
  position: relative;
}
.card-kanban__header[data-v-2d0469d7] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
.card-kanban__title[data-v-2d0469d7] {
  font-size: 14px;
  font-weight: 600;
  color: #1F2937;
  line-height: 1.3;
  margin: 0;
  flex: 1;
  padding-right: 8px;
}
.card-kanban__column-badge[data-v-2d0469d7] {
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 10px;
  white-space: nowrap;
  flex-shrink: 0;
}
.card-kanban__column-badge.status-gray[data-v-2d0469d7] {
  background: #F3F4F6;
  color: #6B7280;
}
.card-kanban__column-badge.status-blue[data-v-2d0469d7] {
  background: #FEF3C7;
  color: #3F484C;
}
.card-kanban__column-badge.status-yellow[data-v-2d0469d7] {
  background: #FEF3C7;
  color: #3F484C;
}
.card-kanban__column-badge.status-orange[data-v-2d0469d7] {
  background: #F3F4F6;
  color: #6B7280;
}
.card-kanban__column-badge.status-green[data-v-2d0469d7] {
  background: #E5E7EB;
  color: #3F484C;
}
.card-kanban__meta[data-v-2d0469d7] {
  margin-bottom: 10px;
}
.card-kanban__meta .meta-row[data-v-2d0469d7] {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.card-kanban__meta .meta-row[data-v-2d0469d7]:last-child {
  margin-bottom: 0;
}
.card-kanban__meta .meta-label[data-v-2d0469d7] {
  font-size: 12px;
  color: #6B7280;
  margin-right: 6px;
}
.card-kanban__meta .meta-value[data-v-2d0469d7] {
  font-size: 12px;
  font-weight: 500;
  color: #3F484C;
}
.card-kanban__meta .meta-value .checkmark[data-v-2d0469d7] {
  margin-left: 4px;
  color: #3F484C;
}
.card-kanban__meta .status-text-gray[data-v-2d0469d7] {
  color: #6B7280;
}
.card-kanban__meta .status-text-blue[data-v-2d0469d7] {
  color: #FEBC2C;
}
.card-kanban__meta .status-text-yellow[data-v-2d0469d7] {
  color: #FFCC00;
}
.card-kanban__meta .status-text-orange[data-v-2d0469d7] {
  color: #6B7280;
}
.card-kanban__meta .status-text-green[data-v-2d0469d7] {
  color: #3F484C;
}
.card-kanban__separator[data-v-2d0469d7] {
  height: 1px;
  background: #E5E7EB;
  margin: 10px 0;
}
.card-kanban__progress .progress-row[data-v-2d0469d7] {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.card-kanban__progress .progress-row[data-v-2d0469d7]:last-child {
  margin-bottom: 0;
}
.card-kanban__progress .progress-row.last-saved .progress-text[data-v-2d0469d7], .card-kanban__progress .progress-row.completed .progress-text[data-v-2d0469d7] {
  color: #6B7280;
}
.card-kanban__progress .progress-icon[data-v-2d0469d7] {
  font-size: 12px;
  margin-right: 6px;
}
.card-kanban__progress .progress-text[data-v-2d0469d7] {
  font-size: 12px;
  color: #3F484C;
}
.card-kanban__progress .warning-row[data-v-2d0469d7] {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.card-kanban__progress .warning-row .warning-icon[data-v-2d0469d7] {
  font-size: 12px;
  margin-right: 6px;
}
.card-kanban__progress .warning-row .warning-text[data-v-2d0469d7] {
  font-size: 11px;
  color: #3F484C;
  font-weight: 500;
}
.card-kanban[data-v-2d0469d7]:hover {
  background-color: #F9FAFB;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Empty reference model placeholder - maintains same card size as regular cards */
.card-kanban--empty[data-v-2d0469d7] {
  /* Same styling as regular card for consistent size */
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  padding: 14px;
  /* Match minimum height of a regular card with content */
  min-height: 120px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.card-kanban--empty[data-v-2d0469d7]:hover {
  background: #ffffff;
  box-shadow: none;
}
.card-kanban__title--empty[data-v-2d0469d7] {
  /* Match regular title styling but slightly muted */
  font-size: 14px;
  font-weight: 600;
  color: #9CA3AF;
  line-height: 1.3;
  margin: 0;
}.disabledLink[data-v-4a4993dd] {
  opacity: 0.6;
}/* Compact modal - fits in 85vh */
.modal-content-compact[data-v-6f4dada7] {
  background: #ffffff;
  border-radius: 8px;
  width: 900px;
  max-width: 95vw;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

/* Header */
.modal-header-compact[data-v-6f4dada7] {
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
  position: relative;
  flex-shrink: 0;
}
.header-meta[data-v-6f4dada7] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}
.header-meta .in-list[data-v-6f4dada7] {
  font-size: 11px;
  color: #6b7280;
}
.header-meta .column-name[data-v-6f4dada7] {
  font-size: 11px;
  font-weight: 600;
  color: #f97316;
}
.modal-title-compact[data-v-6f4dada7] {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
  padding-right: 32px;
}
.close-btn[data-v-6f4dada7] {
  position: absolute;
  right: 12px;
  top: 12px;
  padding: 6px;
  background: #f3f4f6;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.close-btn[data-v-6f4dada7]:hover {
  background: #e5e7eb;
}

/* Body - Two columns */
.modal-body-compact[data-v-6f4dada7] {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.left-col[data-v-6f4dada7] {
  flex: 1;
  padding: 12px 16px;
  overflow-y: auto;
  border-right: 1px solid #e5e7eb;
}
.right-col[data-v-6f4dada7] {
  width: 220px;
  padding: 12px;
  background: #f9fafb;
  overflow-y: auto;
  flex-shrink: 0;
}

/* Section styling */
.section-compact[data-v-6f4dada7] {
  margin-bottom: 12px;
}
.section-header[data-v-6f4dada7] {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  padding: 4px 0;
}
.section-header .expand-icon[data-v-6f4dada7] {
  font-size: 8px;
  color: #6b7280;
  width: 10px;
}
.section-header .section-title[data-v-6f4dada7] {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}
.section-header .activity-count[data-v-6f4dada7] {
  font-size: 10px;
  color: #9ca3af;
}
.section-content[data-v-6f4dada7] {
  padding: 6px 0 6px 16px;
}
.desc-text[data-v-6f4dada7] {
  font-size: 12px;
  color: #4b5563;
  line-height: 1.5;
  margin: 0;
}

/* Form fields */
.field-label[data-v-6f4dada7] {
  display: block;
  font-size: 11px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 4px;
}
.field-header[data-v-6f4dada7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.expand-btn[data-v-6f4dada7] {
  padding: 4px;
  background: #f3f4f6;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #6b7280;
}
.expand-btn[data-v-6f4dada7]:hover {
  background: #e5e7eb;
}
.collapse-btn[data-v-6f4dada7] {
  font-size: 10px;
  color: #6b7280;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 0;
}
.collapse-btn[data-v-6f4dada7]:hover {
  color: #374151;
}
.field-textarea[data-v-6f4dada7] {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 12px;
  resize: none;
}
.field-textarea[data-v-6f4dada7]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.expanded-fields[data-v-6f4dada7] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.field-input-sm[data-v-6f4dada7] {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 12px;
}
.field-input-sm[data-v-6f4dada7]:focus {
  outline: none;
  border-color: #FEBC2C;
}

/* Blueprints */
.blueprints-compact[data-v-6f4dada7] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bp-item[data-v-6f4dada7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 8px;
  background: #f9fafb;
  border-radius: 4px;
}
.bp-name[data-v-6f4dada7] {
  font-size: 11px;
  color: #374151;
}
.bp-status[data-v-6f4dada7] {
  font-size: 10px;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: 3px;
}
.bp-status.progress[data-v-6f4dada7] {
  background: #fef3c7;
  color: #92400e;
}
.bp-status.done[data-v-6f4dada7] {
  background: #d1fae5;
  color: #065f46;
}
.bp-status.inactive[data-v-6f4dada7] {
  background: #f3f4f6;
  color: #6b7280;
}

/* Activity */
.activity-list-compact[data-v-6f4dada7] {
  padding: 6px 0 6px 16px;
}
.activity-item-compact[data-v-6f4dada7] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: 11px;
}
.activity-item-compact .activity-text[data-v-6f4dada7] {
  flex: 1;
  color: #6b7280;
}
.activity-item-compact .activity-text strong[data-v-6f4dada7] {
  color: #374151;
}
.activity-item-compact .activity-time[data-v-6f4dada7] {
  color: #9ca3af;
  font-size: 10px;
}
.avatar-xs[data-v-6f4dada7] {
  width: 18px !important;
  height: 18px !important;
  font-size: 8px !important;
}

/* Right column metadata */
.meta-field[data-v-6f4dada7] {
  margin-bottom: 12px;
}
.meta-field label[data-v-6f4dada7] {
  display: block;
  font-size: 10px;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.meta-select[data-v-6f4dada7] {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 12px;
  background: #ffffff;
}
.meta-select[data-v-6f4dada7]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.meta-hint[data-v-6f4dada7] {
  display: block;
  font-size: 9px;
  color: #9ca3af;
  margin-top: 2px;
}
.meta-value[data-v-6f4dada7] {
  font-size: 12px;
  color: #374151;
}
.user-display[data-v-6f4dada7] {
  font-size: 12px;
}
.user-with-avatar[data-v-6f4dada7] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.unassigned[data-v-6f4dada7] {
  color: #9ca3af;
  font-style: italic;
}

/* Quick actions */
.quick-actions[data-v-6f4dada7] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #e5e7eb;
}
.action-btn-sm[data-v-6f4dada7] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #ffffff;
  font-size: 11px;
  color: #374151;
  cursor: pointer;
}
.action-btn-sm[data-v-6f4dada7]:hover {
  background: #f9fafb;
}

/* Footer */
.modal-footer-compact[data-v-6f4dada7] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
  flex-shrink: 0;
}
.btn-close[data-v-6f4dada7] {
  padding: 8px 16px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  background: #ffffff;
  font-size: 12px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
}
.btn-close[data-v-6f4dada7]:hover {
  background: #f3f4f6;
}
.btn-save[data-v-6f4dada7] {
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  background: #3F484C;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
}
.btn-save[data-v-6f4dada7]:hover {
  background: #2d3436;
}
.btn-blueprint[data-v-6f4dada7] {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  background: #FEBC2C;
  font-size: 12px;
  font-weight: 500;
  color: #2E4050;
  cursor: pointer;
  text-decoration: none;
}
.btn-blueprint[data-v-6f4dada7]:hover {
  background: #e5a927;
}

/* Modal backdrop */
[data-v-6f4dada7] .vue-universal-modal {
  z-index: 10000 !important;
}
[data-v-6f4dada7] .vue-universal-modal-backdrop {
  z-index: 9999 !important;
}/* Kanban toolbar styles - matching Projects List page style EXACTLY */
.kanban-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Left group: Search + Add Column button in a row */
  /* Add Column button - inline at end of search field */
  /* Sort dropdown - matches Projects List SortElement style EXACTLY */
  /* Filter button - matches Projects List and Sort dropdown EXACTLY */
}
.kanban-toolbar > div:first-child {
  display: flex;
  align-items: center;
  gap: 16px;
}
.kanban-toolbar .kanban-search-wrapper {
  /* Width matches the backlog column - approximately same width */
  width: 300px;
  min-width: 300px;
  flex-shrink: 0;
}
.kanban-toolbar .kanban-search-input {
  width: 100%;
  height: 34px; /* Match Sort dropdown height */
  border: 1px solid #979797; /* Match Sort dropdown border */
  border-radius: 4px; /* Match Sort dropdown radius */
  font-size: 12.6px; /* Reduced by 10% from 14px */
  font-weight: 400; /* Match placeholder font weight */
  color: #4a4a4a; /* Match Sort dropdown color */
  padding: 4px 10px 4px 36px;
}
.kanban-toolbar .kanban-search-input:focus {
  border-color: #FFCC00;
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.2);
}
.kanban-toolbar .kanban-search-input::-moz-placeholder {
  color: #939393;
  font-weight: 400;
}
.kanban-toolbar .kanban-search-input::placeholder {
  color: #939393;
  font-weight: 400;
}
.kanban-toolbar .add-column-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.kanban-toolbar .add-column-btn:hover .plus-icon-box {
  transform: scale(1.05);
}
.kanban-toolbar .sort-filter-group {
  display: flex;
  align-items: center;
}
.kanban-toolbar .sort-filter-group .sort-label {
  margin-top: 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #939393;
  margin-right: 8px;
}
.kanban-toolbar .sort-filter-group .sort-select {
  width: 150px;
  height: 34px;
  border: 1px solid #979797;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #4a4a4a;
  padding: 4px 10px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.5 1L6 5L10.5 1' stroke='%23979797' stroke-width='2'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 8px center;
  padding-right: 28px;
}
.kanban-toolbar .sort-filter-group .sort-select:focus {
  border-color: #FFCC00;
  outline: none;
}
.kanban-toolbar .filter-btn {
  height: 34px; /* Match Sort dropdown height */
  font-size: 14px;
  font-weight: 600; /* Match Sort dropdown weight */
  color: #4a4a4a; /* Match Sort dropdown color */
  background: #ffffff;
  border: 1px solid #979797; /* Match Sort dropdown border */
  border-radius: 4px; /* Match Sort dropdown radius */
  padding: 4px 10px; /* Match Sort dropdown padding */
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.kanban-toolbar .filter-btn:hover {
  background: #f9fafb;
}
.kanban-toolbar .filter-btn svg {
  width: 14px;
  height: 14px;
}
.card-delete-column {
  width: 400px;
}
.card-delete-column .cancel {
  background-color: #e8e8e8;
  color: #232323;
}
.card-detail-modal {
  z-index: 10000 !important;
  position: relative;
  background: #ffffff;
}
.card-detail-modal .inProgress {
  color: #fbac00;
  font-weight: 500;
}
.card-detail-modal .inactive {
  color: #ff6666;
  font-weight: 500;
}
.card-detail-modal--title .continue_work:hover svg rect, .card-detail-modal--title .continue_work:hover svg path {
  stroke: #febc2c !important;
}
.card-detail-modal_members--avatar .user-avatar {
  width: 35px;
  height: 35px;
  font-size: 14px;
}
.wrapper-draggable-list {
  display: flex;
  width: 100%;
  gap: 10px;
}
.wrapper-draggable-list .draggable-item:hover .drag-el-add .add-node-column {
  opacity: 1;
}
.wrapper-draggable-list .draggable-item {
  flex: 1;
  min-width: 260px;
  min-height: calc(100vh - 225px);
  background-color: #e8edf2;
  border-radius: 10px;
}
.wrapper-draggable-list .draggable-item.backlog .model-card {
  background-color: transparent;
  border: none;
}
.wrapper-draggable-list .draggable-item.backlog .model-card p {
  text-transform: uppercase;
  font-weight: 500 !important;
}
.wrapper-draggable-list .draggable-item.backlog .drag-el {
  border-radius: 11px;
  margin-bottom: 8px;
  padding: 12px;
}
.wrapper-draggable-list .draggable-item.backlog .drag-el.dropPadding {
  padding: 0 !important;
}
.wrapper-draggable-list .draggable-item.backlog .drag-el.reference-model-section {
  /* Off-white background - same as backlog page container color */
  background: #f5f5f5;
}
.wrapper-draggable-list .draggable-item.backlog p.header {
  text-transform: uppercase;
}
.wrapper-draggable-list .draggable-item_header {
  padding: 10px;
  width: 100%;
  justify-content: space-between;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #4a4a4a;
}
.wrapper-draggable-list .draggable-item_header .pin_icon {
  width: 20px;
  height: 20px;
  right: -22px;
  top: 2px;
  opacity: 0.4;
}
.wrapper-draggable-list .draggable-item_header .draggable-action {
  padding: 8px 10px 3px 10px;
  transition: all 0.3s;
}
.wrapper-draggable-list .draggable-item_header .draggable-action span {
  margin-left: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #2e4050;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.wrapper-draggable-list .draggable-item_header .draggable-action:hover svg path {
  fill: #ffffff;
}
.wrapper-draggable-list .draggable-item_header .draggable-action:hover svg rect {
  fill: #303030;
}
.wrapper-draggable-list .draggable-item_header input {
  padding: 0;
  border: 1px solid #d4d4d4;
}
.wrapper-draggable-list .draggable-item .drag-el {
  padding: 5px;
  transition: all 0.3s;
}
.wrapper-draggable-list .draggable-item .drag-el-add .add-node-column {
  transition: all 0.3s;
  opacity: 0;
}
.wrapper-draggable-list .draggable-item--add-column {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex: 0 0 auto;
  width: 50px !important;
  min-width: 50px !important;
  background: transparent;
  padding-top: 10px;
}
.wrapper-draggable-list .draggable-item--add-column button {
  background-color: #f0f4f8 !important;
  border: 1px solid #d0d0d0;
  border-radius: 8px;
  width: 36px;
  height: 36px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.wrapper-draggable-list .draggable-item--add-column button:hover {
  background-color: #febc2c !important;
  border: 1px solid #febc2c;
}.models__item-header[data-v-2bee5005] {
  width: 100%;
  height: 80px;
  background: #efefef;
  border-radius: 10px;
  padding: 26px 24px 26px 30px;
  justify-content: space-between;
}
.models__item-header .open[data-v-2bee5005] {
  position: absolute;
  top: 0;
  right: 0;
}
.models__item-header--checkbox[data-v-2bee5005] {
  width: 28px;
  height: 21px;
  background-color: #e0e0e0;
  border-radius: 0 10px 0 10px;
  display: flex;
  justify-content: center;
  padding-top: 5px;
}
.models__item-header--text[data-v-2bee5005] {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  /* HOBA Brand Grey */
  color: #3F484C;
}
.models__item-header-mark[data-v-2bee5005] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0px;
  top: 0px;
  /* HOBA Brand Yellow */
  background: #FFCC00;
  border-radius: 10px 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  /* HOBA Brand Grey */
  color: #3F484C;
}.wrapper-models {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.wrapper-models .disabledCheckbox {
  opacity: 0.5;
}
.wrapper-models .masonry-wall {
  flex-wrap: wrap !important;
}
.wrapper-models .blockedListOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.wrapper-models .model-points {
  flex: 1;
  display: flex;
  flex-direction: column;
  transition: all 0.3s;
}
.project-models__point__header {
  height: 61px;
  margin-top: 16px;
  padding: 14px;
  position: relative;
}
.project-models__point__header.active {
  border-radius: 10px 10px 0 0 !important;
}
.project-models__point__item {
  border: 1px solid #ccd7e3;
  border-radius: 4px;
  height: 32px;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #bdbdbd;
  justify-content: space-between;
  align-items: center;
  padding: 6px 3px 6px 6px;
  margin-bottom: 4px;
  cursor: pointer;
}
.project-models__point__item:hover {
  background-color: #e5e7eb !important; /* Lighter hover background */
  border-color: #a7b6c4;
}
.project-models__point__item .visibility-controls {
  display: flex;
  align-items: center;
  margin-right: 8px;
  flex-shrink: 0;
}
.project-models__point__item .cat-eye {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 3px;
  transition: background-color 0.2s;
}
.project-models__point__item .cat-eye:hover {
  background-color: #e5e7eb;
}
.project-models__point__item .cat-eye svg {
  opacity: 0.6;
  transition: opacity 0.2s;
}
.project-models__point__item .cat-eye:hover svg {
  opacity: 1;
}
.project-models__point__item .text {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-models__point__item .text.active {
  color: #2e4050;
}
.project-models__point__item:hover .text.active {
  color: #ffffff !important; /* White text on hover */
}
.project-models__point__item .checkbox {
  position: absolute;
  right: -8px;
  top: 12px;
}
.project-models__point--drop-all {
  display: flex;
  margin-bottom: 15px;
  justify-content: flex-end;
  margin-right: 3px;
}
.project-models__point--drop-all > label {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  color: #2e4050;
  margin-right: 8px;
}.project-models__item[data-v-f3027704] {
  display: flex;
  flex-direction: column;
  height: 500px;
}
.project-models__item-box[data-v-f3027704] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}.design-process-grid[data-v-e0adafb8] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  width: 100%;
  height: 100%;
  grid-template-rows: 1fr;
  align-items: start;
}
@media (max-width: 1400px) {
.design-process-grid[data-v-e0adafb8] {
    grid-template-columns: repeat(6, minmax(200px, 1fr));
}
}
@media (max-width: 1200px) {
.design-process-grid[data-v-e0adafb8] {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
}
@media (max-width: 768px) {
.design-process-grid[data-v-e0adafb8] {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
}
@media (max-width: 480px) {
.design-process-grid[data-v-e0adafb8] {
    grid-template-columns: 1fr;
    gap: 8px;
}
}
[data-v-e0adafb8] .design-process-card {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 500px;
}
[data-v-e0adafb8] .design-process-card .project-models__item {
  height: 100%;
  display: flex;
  flex-direction: column;
}
[data-v-e0adafb8] .design-process-card .project-models__item--blocked {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
[data-v-e0adafb8] .design-process-card .project-models__item-box {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.masonry-wall[data-v-e0adafb8] {
  flex-wrap: wrap !important;
}.project-card__progress[data-v-b2328ead] {
  position: relative;
}
.project-card__progress-box[data-v-b2328ead], .project-card__progress-line[data-v-b2328ead] {
  height: 8px;
  border-radius: 10px;
}
.project-card__progress-box[data-v-b2328ead] {
  background: #e3ebf2;
  margin-bottom: 8px;
}
.project-card__progress-line.bad[data-v-b2328ead] {
  background: #f35b52;
}
.project-card__progress-line[data-v-b2328ead] {
  background: #febc2c;
}
.project-card__progress-line.success[data-v-b2328ead] {
  background: #099954;
}
.project-card__progress-text[data-v-b2328ead] {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #2e4050;
  justify-content: center;
}
.project-card__progress-present[data-v-b2328ead] {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #4a4a4a;
  margin-left: 4px;
}

/* Contextual status badge (Solution C) */
.project-card__status-badge[data-v-b2328ead] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  /* Setup incomplete - orange/warning */
  /* Ready to plan - blue */
  /* Sprint active but no work started - gray */
  /* In progress with actual percentage - green */
}
.project-card__status-badge .status-dot[data-v-b2328ead] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.project-card__status-badge .status-text[data-v-b2328ead] {
  white-space: nowrap;
}
.project-card__status-badge.status-setup[data-v-b2328ead] {
  background: #FEF3C7;
  color: #92400E;
}
.project-card__status-badge.status-setup .status-dot[data-v-b2328ead] {
  background: #F59E0B;
}
.project-card__status-badge.status-ready[data-v-b2328ead] {
  background: #DBEAFE;
  color: #1E40AF;
}
.project-card__status-badge.status-ready .status-dot[data-v-b2328ead] {
  background: #3B82F6;
}
.project-card__status-badge.status-started[data-v-b2328ead] {
  background: #F3F4F6;
  color: #4B5563;
}
.project-card__status-badge.status-started .status-dot[data-v-b2328ead] {
  background: #9CA3AF;
}
.project-card__status-badge.status-active[data-v-b2328ead] {
  background: #D1FAE5;
  color: #065F46;
}
.project-card__status-badge.status-active .status-dot[data-v-b2328ead] {
  background: #10B981;
}.card-members-sprint[data-v-9a462ca2] {
  transition: all 0.3s ease;
}
.member-assign__list-avatar[data-v-9a462ca2] {
  width: 40px;
  height: 40px;
}
.member-assign__list--item[data-v-9a462ca2] {
  padding: 10px;
  transition: all 0.3s ease;
}
.member-assign__list--item button[data-v-9a462ca2] {
  position: absolute !important;
  background-color: #f2f2f2;
  right: 5px;
}
.member-assign__list--item[data-v-9a462ca2]:hover {
  background-color: rgb(248, 248, 248);
}
.member-assign__list--item[data-v-9a462ca2]:last-child {
  margin: 0;
}.sort__filter[data-v-dc3eebd1] {
  /* Match search box format exactly */
}
.sort__filter > p[data-v-dc3eebd1] {
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #9ca3af;
}
.sort__filter .filter-btn[data-v-dc3eebd1] {
  height: 38px;
  width: 40px;
  border: 1px solid #d1d5db; /* Match search box border */
  border-radius: 6px; /* Match search box radius */
  display: flex;
  justify-content: center;
}
.sort__filter .dropdown-filter[data-v-dc3eebd1] {
  width: 150px;
  height: 38px; /* Match search box height */
  border: 1px solid #d1d5db; /* Match search box border */
  border-radius: 6px; /* Match search box radius */
  position: relative;
  background: #ffffff;
}
.sort__filter .dropdown-filter .selected-data[data-v-dc3eebd1] {
  white-space: nowrap;
  overflow: hidden;
  width: 150px;
  height: 38px;
  font-style: normal;
  font-weight: 400; /* Match search placeholder weight */
  font-size: 14px;
  line-height: 38px;
  color: #374151; /* Match search text color */
  cursor: pointer;
  padding: 0 32px 0 16px; /* Match search padding */
}
.sort__filter .dropdown-filter .icon-down-chevron[data-v-dc3eebd1] {
  cursor: pointer;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  width: 32px;
  right: 0;
  top: 0;
  height: 38px;
}
.sort__filter .dropdown-filter .icon-down-chevron svg path[data-v-dc3eebd1] {
  stroke: #9ca3af; /* Match search placeholder color */
}
.sort__filter .dropdown-filter[data-v-dc3eebd1]:focus-within {
  border-color: #FFCC00;
  box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.2);
}.input-search-filter-project {
  /* Width matches project card width in the 4-column grid */
  width: calc(25% - 12px);
  min-width: 290px;
  max-width: 400px;
  margin: 0;
}
.input-search-filter-project input {
  width: 100%;
  height: 38px;
  border: 1px solid #d1d5db; /* Original search box border color */
  border-radius: 6px;
  padding-right: 48px;
  padding-left: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #374151;
  background: #ffffff;
}
.input-search-filter-project input:focus {
  border-color: #FFCC00;
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.2);
}
.input-search-filter-project input::-moz-placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #9ca3af;
}
.input-search-filter-project input::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #9ca3af;
}
.input-search-filter-project button {
  position: absolute !important;
  top: 0;
  right: 0;
  border-radius: 0 6px 6px 0;
  width: 42px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
}
.input-search-filter-project button:hover {
  background: #f9fafb;
}.documents-page[data-v-b303e56d] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
}
.documents-header[data-v-b303e56d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
}
.search-wrapper[data-v-b303e56d] {
  position: relative;
  flex: 1;
  max-width: 300px;
}
.sort-wrapper[data-v-b303e56d] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sort-label[data-v-b303e56d] {
  font-size: 13px;
  color: #6b7280;
}
.filter-btn[data-v-b303e56d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.2s;
}
.filter-btn[data-v-b303e56d]:hover {
  background: #f9fafb;
  border-color: #d1d5db;
}
.documents-content[data-v-b303e56d] {
  flex: 1;
  padding: 20px;
  overflow: auto;
  position: relative;
}
.loading-overlay[data-v-b303e56d] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.loading-overlay img[data-v-b303e56d] {
  width: 48px;
  height: 48px;
}
.section-title[data-v-b303e56d] {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 16px;
}
.documents-table-wrapper[data-v-b303e56d] {
  background: #f9fafb;
  border-radius: 8px;
  overflow: visible; /* Changed from hidden to allow dropdown menus to extend beyond */
}
.documents-table[data-v-b303e56d] {
  width: 100%;
  border-collapse: collapse;
}
.documents-table thead[data-v-b303e56d] {
  background: #f3f4f6;
}
.documents-table thead tr[data-v-b303e56d] {
  border-bottom: 1px solid #e5e7eb;
}
.documents-table thead th[data-v-b303e56d] {
  padding: 12px 16px;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.documents-table tbody .document-row[data-v-b303e56d] {
  background: #ffffff;
  border-bottom: 1px solid #f3f4f6;
  cursor: pointer;
  transition: background-color 0.2s;
}
.documents-table tbody .document-row[data-v-b303e56d]:hover {
  background: #f9fafb;
}
.documents-table tbody .document-row.row-selected[data-v-b303e56d] {
  background: #eff6ff;
}
.documents-table tbody .document-row td[data-v-b303e56d] {
  padding: 16px;
  font-size: 14px;
  color: #374151;
}
.col-name[data-v-b303e56d] {
  width: 22%;
}
.col-version[data-v-b303e56d] {
  width: 6%;
}
.col-modified[data-v-b303e56d] {
  width: 14%;
  color: #6b7280 !important;
}
.col-status[data-v-b303e56d] {
  width: 8%;
}
.col-comments[data-v-b303e56d] {
  width: 8%;
}
.col-shared[data-v-b303e56d] {
  width: 8%;
}
.col-actions[data-v-b303e56d] {
  width: 34%;
  text-align: right;
}
.name-cell[data-v-b303e56d] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.file-icon[data-v-b303e56d] {
  display: flex;
  flex-shrink: 0;
}
.name-content[data-v-b303e56d] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.file-name-row[data-v-b303e56d] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.file-name[data-v-b303e56d] {
  font-weight: 500;
  color: #1f2937;
}
.rename-btn[data-v-b303e56d] {
  display: none;
  padding: 2px;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: #9ca3af;
  cursor: pointer;
  line-height: 1;
  flex-shrink: 0;
}
.rename-btn[data-v-b303e56d]:hover {
  color: #6b7280;
  background: #f3f4f6;
}
.document-row:hover .rename-btn[data-v-b303e56d],
.file-name-row:hover .rename-btn[data-v-b303e56d] {
  display: flex;
}
.rename-field[data-v-b303e56d] {
  display: flex;
  align-items: center;
}
.rename-input[data-v-b303e56d] {
  width: 100%;
  min-width: 120px;
  padding: 3px 6px;
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
  border: 1px solid #ffcc00;
  border-radius: 4px;
  outline: none;
  background: #fffef0;
}
.rename-input[data-v-b303e56d]:focus {
  box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.3);
}
.hoba-reference[data-v-b303e56d] {
  font-size: 11px;
  color: #f59e0b;
  font-weight: 600;
}
.section-count[data-v-b303e56d] {
  font-size: 11px;
  color: #9ca3af;
}
.new-badge[data-v-b303e56d] {
  display: inline-flex;
  padding: 2px 8px;
  background: #10b981;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  border-radius: 4px;
  letter-spacing: 0.05em;
}
.version-badge[data-v-b303e56d] {
  display: inline-flex;
  padding: 4px 10px;
  background: #f3f4f6;
  color: #374151;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
}
.status-badge[data-v-b303e56d] {
  display: inline-flex;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.status-badge.status--reviewed[data-v-b303e56d] {
  background: #d1fae5;
  color: #065f46;
}
.status-badge.status--pending[data-v-b303e56d] {
  background: #fef3c7;
  color: #92400e;
}
.status-badge.status--unsent[data-v-b303e56d] {
  background: #f3f4f6;
  color: #6b7280;
}
.comments-cell[data-v-b303e56d] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.comments-count[data-v-b303e56d] {
  font-weight: 600;
  color: #374151;
}
.comments-breakdown[data-v-b303e56d] {
  font-size: 11px;
  color: #f59e0b;
}
.comments-empty[data-v-b303e56d],
.shared-empty[data-v-b303e56d] {
  color: #9ca3af;
}
.shared-cell[data-v-b303e56d] {
  display: flex;
}
.avatar-stack[data-v-b303e56d] {
  display: flex;
  flex-direction: row-reverse;
}
.avatar-item[data-v-b303e56d] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e5e7eb;
  color: #374151;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  margin-left: -8px;
}
.avatar-item[data-v-b303e56d]:last-child {
  margin-left: 0;
}
.avatar-item.avatar-more[data-v-b303e56d] {
  background: #f3f4f6;
  color: #6b7280;
  font-size: 10px;
}
.actions-cell[data-v-b303e56d] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.action-btn[data-v-b303e56d] {
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: none;
}
.action-btn--link[data-v-b303e56d] {
  background: transparent;
  color: #3b82f6;
  padding: 6px 8px;
}
.action-btn--link[data-v-b303e56d]:hover {
  background: #eff6ff;
}
.action-btn--secondary[data-v-b303e56d] {
  background: #ffffff;
  color: #374151;
  border: 1px solid #d1d5db;
  padding: 6px 8px;
}
.action-btn--secondary[data-v-b303e56d]:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}
.action-btn--pptx[data-v-b303e56d] {
  background: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}
.action-btn--pptx[data-v-b303e56d]:hover {
  background: #ffedd5;
  border-color: #fdba74;
}
.action-btn .btn-label[data-v-b303e56d] {
  font-size: 11px;
  font-weight: 600;
}
.action-btn--primary[data-v-b303e56d] {
  background: #febc2c;
  color: #1f2937;
  font-weight: 600;
  white-space: nowrap;
}
.action-btn--primary[data-v-b303e56d]:hover {
  background: #fbbf24;
}
.menu-wrapper[data-v-b303e56d] {
  position: relative;
}
.menu-btn[data-v-b303e56d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.2s;
}
.menu-btn[data-v-b303e56d]:hover, .menu-btn.menu-open[data-v-b303e56d] {
  background: #f3f4f6;
  color: #6b7280;
}
.dropdown-menu[data-v-b303e56d] {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  min-width: 184px;
  z-index: 50;
  overflow: hidden;
}
.dropdown-menu--fixed[data-v-b303e56d] {
  position: fixed;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  min-width: 220px;
  z-index: 9999;
  overflow: hidden;
  padding: 8px 0;
}
.menu-item[data-v-b303e56d] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 8px 16px;
  background: transparent;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: #2e4050;
  cursor: pointer;
  transition: background-color 0.15s ease;
  text-align: left;
}
.menu-item[data-v-b303e56d]:hover {
  background: #f8fafc;
}
.menu-item:hover .menu-icon-box[data-v-b303e56d] {
  border-color: #cbd5e1;
  background: #f1f5f9;
}
.menu-item--danger[data-v-b303e56d] {
  color: #dc2626;
}
.menu-item--danger[data-v-b303e56d]:hover {
  background: #fef2f2;
}
.menu-item--danger:hover .menu-icon-box[data-v-b303e56d] {
  border-color: #fecaca;
  background: #fee2e2;
}
.menu-item--danger .menu-icon-box[data-v-b303e56d] {
  color: #dc2626;
}
.menu-icon-box[data-v-b303e56d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  flex-shrink: 0;
  color: #64748b;
  transition: all 0.15s ease;
}
.menu-label[data-v-b303e56d] {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #2e4050;
}
.menu-divider[data-v-b303e56d] {
  height: 1px;
  background: #e5e7eb;
  margin: 6px 12px;
}
.empty-state[data-v-b303e56d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
}
.empty-title[data-v-b303e56d] {
  margin: 20px 0 8px;
  font-size: 16px;
  font-weight: 600;
  color: #374151;
}
.empty-description[data-v-b303e56d] {
  font-size: 14px;
  color: #6b7280;
  max-width: 280px;
}
.menu-fade-enter-active[data-v-b303e56d],
.menu-fade-leave-active[data-v-b303e56d] {
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.menu-fade-enter-from[data-v-b303e56d],
.menu-fade-leave-to[data-v-b303e56d] {
  opacity: 0;
  transform: translateY(-4px);
}.members[data-v-568150d8] {
  margin: 0 auto;
}
.members .member_form[data-v-568150d8] {
  display: none;
}
.members .member_form.opening[data-v-568150d8] {
  display: block;
}
.members .collapse[data-v-568150d8] {
  transition: height 300ms cubic-bezier(0.3, 0, 0.6, 1);
}
.members .delete-member button[data-v-568150d8] {
  padding: 0 !important;
}
.members h2[data-v-568150d8] {
  margin-top: 42px;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 16px;
  /* /dark_text */
  color: #2e4050;
}
.members__button-invite[data-v-568150d8] {
  width: 100%;
  height: 42px;
  background: #ffffff;
  border: 1px solid #cacaca;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #cacaca;
  transition: all 0.1s;
}
.members__button-invite.active[data-v-568150d8] {
  background: #febc2c;
  border: 1px solid #febc2c;
  color: #2e4050;
}
.members__button-invite[data-v-568150d8]:hover {
  transition: all 0.1s;
  background: #f2f2f2;
}
.members__button-invite.active[data-v-568150d8]:hover {
  background: #484848;
  color: #ffffff;
}
.members__list-members[data-v-568150d8] {
  position: relative;
  max-height: 450px;
  overflow: scroll;
}
.members__list-members_item[data-v-568150d8] {
  align-items: center;
  height: 80px;
  border-bottom: 1px solid #d3d3d3;
}
.members__list-members_item--title[data-v-568150d8] {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  color: #2e4050;
}
.members__list-members_item--title.empty[data-v-568150d8] {
  color: #a7b6c4;
}
.members__list-members_item--avatar[data-v-568150d8] {
  margin-right: 16px;
}
.members__list-members_item--avatar.empty[data-v-568150d8] {
  width: 44px;
  height: 44px;
  border: 1px dashed #a7b6c4;
  border-radius: 50%;
}.general-tab[data-v-0ab4c771] {
  padding: 0;
  padding-top: 24px; /* 24px gap below heading */
  height: 100%;
  padding-bottom: 100px; /* Space for footer */
}
.loading-state[data-v-0ab4c771] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  color: #6b7280;
  font-size: 14px;
}
.general-grid[data-v-0ab4c771] {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 20px;
  height: 100%;
}
.main-column[data-v-0ab4c771] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.side-column[data-v-0ab4c771] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section-card[data-v-0ab4c771] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 20px;
  transition: all 0.2s;
}
.section-card.editing[data-v-0ab4c771] {
  border-color: #FFCC00; /* HOBA yellow instead of blue */
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.15);
}
.section-header-bar[data-v-0ab4c771] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: -20px -20px 16px -20px;
  padding: 12px 20px;
  background-color: #FAFBFC;
  border-bottom: 1px solid #e5e7eb;
  border-radius: 8px 8px 0 0;
  min-height: 44px;
}
.project-header-bar[data-v-0ab4c771] {
  padding: 16px 20px;
}
.project-header-bar .project-identity-compact[data-v-0ab4c771] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.project-header-bar .project-avatar-sm[data-v-0ab4c771] {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 16px;
  font-weight: 600;
  flex-shrink: 0;
  overflow: hidden;
}
.project-header-bar .project-avatar-sm img[data-v-0ab4c771] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-header-bar .project-title-compact[data-v-0ab4c771] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.project-header-bar .project-name-compact[data-v-0ab4c771] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.project-header-bar .project-name-compact .name[data-v-0ab4c771] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
}
.project-header-bar .project-name-compact .project-code[data-v-0ab4c771] {
  font-size: 11px;
  color: #9ca3af;
  background: #e5e7eb;
  padding: 2px 8px;
  border-radius: 4px;
}
.project-header-bar .project-meta-compact[data-v-0ab4c771] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.project-header-bar .status-badge-sm[data-v-0ab4c771] {
  font-size: 11px;
  font-weight: 500;
  color: white;
  padding: 3px 10px;
  border-radius: 10px;
}
.project-header-bar .meta-item-sm[data-v-0ab4c771] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #6b7280;
}
.project-header-bar .meta-item-sm .icon-sm[data-v-0ab4c771] {
  width: 14px;
  height: 14px;
}
.section-header[data-v-0ab4c771] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: -20px -20px 16px -20px;
  padding: 16px 20px;
  background-color: #FAFBFC;
  border-bottom: 1px solid #e5e7eb;
  border-radius: 8px 8px 0 0;
}
.section-title[data-v-0ab4c771] {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  letter-spacing: 0.5px;
  margin: 0;
}
.three-dots-btn[data-v-0ab4c771] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.three-dots-btn[data-v-0ab4c771]:hover {
  background-color: #e5e7eb;
}
.three-dots-btn .dots[data-v-0ab4c771] {
  font-size: 18px;
  font-weight: 700;
  color: #6b7280;
  letter-spacing: 2px;
  line-height: 1;
}
.header-section .header-top[data-v-0ab4c771] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
.header-section .project-identity[data-v-0ab4c771] {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.header-section .project-avatar[data-v-0ab4c771] {
  width: 64px;
  height: 64px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
  font-weight: 600;
  flex-shrink: 0;
  overflow: hidden;
}
.header-section .project-avatar img[data-v-0ab4c771] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header-section .project-avatar.large[data-v-0ab4c771] {
  width: 80px;
  height: 80px;
  font-size: 24px;
}
.header-section .project-title-block[data-v-0ab4c771] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.header-section .project-name-row[data-v-0ab4c771] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.header-section .project-name[data-v-0ab4c771] {
  font-size: 22px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.header-section .project-code[data-v-0ab4c771] {
  font-size: 12px;
  color: #9ca3af;
  background: #f3f4f6;
  padding: 2px 8px;
  border-radius: 4px;
}
.header-section .project-meta-row[data-v-0ab4c771] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.header-section .status-badge[data-v-0ab4c771] {
  font-size: 12px;
  font-weight: 500;
  color: white;
  padding: 4px 12px;
  border-radius: 12px;
}
.header-section .meta-item[data-v-0ab4c771] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #6b7280;
}
.header-section .meta-item .icon[data-v-0ab4c771] {
  width: 16px;
  height: 16px;
}
.header-details[data-v-0ab4c771] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid #f3f4f6;
}
.detail-item[data-v-0ab4c771] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.detail-label[data-v-0ab4c771] {
  font-size: 10px;
  font-weight: 600;
  color: #9ca3af;
  letter-spacing: 0.5px;
}
.detail-value[data-v-0ab4c771] {
  font-size: 14px;
  color: #374151;
  text-align: left; /* Override global a text-align: right */
}
.detail-value.link[data-v-0ab4c771] {
  color: #3F484C;
  text-decoration: none;
  display: block; /* Ensure full width for left alignment */
}
.detail-value.link[data-v-0ab4c771]:hover {
  text-decoration: underline;
}
.metrics-grid[data-v-0ab4c771] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.metric-item[data-v-0ab4c771] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.metric-label[data-v-0ab4c771] {
  font-size: 12px;
  color: #6b7280;
}
.metric-value[data-v-0ab4c771] {
  font-size: 15px;
  font-weight: 500;
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 6px;
}
.priority-dot[data-v-0ab4c771] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}
.version-note[data-v-0ab4c771] {
  font-size: 12px;
  color: #6b7280;
  font-weight: 400;
}
.version-tag[data-v-0ab4c771] {
  font-size: 10px;
  color: #6b7280;
  background: #f3f4f6;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 4px;
}
.description-content p[data-v-0ab4c771] {
  font-size: 14px;
  line-height: 1.6;
  color: #374151;
  margin: 0;
}
.description-content .empty-state[data-v-0ab4c771] {
  color: #9ca3af;
  font-style: italic;
}
.team-section[data-v-0ab4c771] {
  /* Owner role - distinct styling for project creator */
  /* Manager role styling */
  /* Pending invitation styling */
  /* Pending member card - subtle styling */
  /* Owner member card - subtle highlight */
  /* Owner avatar with brand color */
}
.team-section .team-list[data-v-0ab4c771] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}
.team-section .team-member[data-v-0ab4c771] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.team-section .member-avatar[data-v-0ab4c771] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
}
.team-section .member-info[data-v-0ab4c771] {
  display: flex;
  flex-direction: column;
}
.team-section .member-name[data-v-0ab4c771] {
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
}
.team-section .member-role[data-v-0ab4c771] {
  font-size: 12px;
  color: #6b7280;
}
.team-section .owner-role[data-v-0ab4c771] {
  color: #FEBC2C; /* Brand warm yellow for Owner */
  font-weight: 600;
}
.team-section .manager-role[data-v-0ab4c771] {
  color: #3F484C; /* Brand dark for Manager (edit access) */
  font-weight: 500;
}
.team-section .pending-role[data-v-0ab4c771] {
  color: #FEBC2C; /* Brand warm yellow for pending invites */
  font-style: italic;
}
.team-section .pending-member[data-v-0ab4c771] {
  opacity: 0.75;
}
.team-section .owner-member[data-v-0ab4c771] {
  background: rgba(255, 204, 0, 0.08);
  padding: 8px;
  margin: -8px;
  margin-bottom: 4px;
  border-radius: 8px;
}
.team-section .owner-avatar[data-v-0ab4c771] {
  border: 2px solid #FFCC00;
  color: #3F484C !important;
}
.team-section .more-members[data-v-0ab4c771] {
  font-size: 13px;
  color: #6b7280;
  padding-left: 52px;
}
.btn-add-member[data-v-0ab4c771] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  background: #FFCC00;
  color: #000000;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.btn-add-member .icon[data-v-0ab4c771] {
  width: 16px;
  height: 16px;
}
.btn-add-member[data-v-0ab4c771]:hover {
  background: #e6b800;
}
.stats-section .stat-row[data-v-0ab4c771] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #f3f4f6;
}
.stats-section .stat-row[data-v-0ab4c771]:last-child {
  border-bottom: none;
}
.stats-section .stat-row.highlight[data-v-0ab4c771] {
  padding-top: 16px;
  margin-top: 8px;
  border-top: 1px solid #e5e7eb;
}
.stats-section .stat-label[data-v-0ab4c771] {
  font-size: 13px;
  color: #6b7280;
}
.stats-section .stat-value[data-v-0ab4c771] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
}
.stats-section .stat-value.green[data-v-0ab4c771] {
  color: #3F484C;
}
.stats-section .stat-value.orange[data-v-0ab4c771] {
  color: #FEBC2C;
}
.stats-section .stat-value.large[data-v-0ab4c771] {
  font-size: 18px;
}
.edit-form-container .edit-header[data-v-0ab4c771] {
  margin-bottom: 24px;
}
.edit-form-container .avatar-upload[data-v-0ab4c771] {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 16px;
  background: #f9fafb;
  border: 1px dashed #d1d5db;
  border-radius: 8px;
}
.edit-form-container .avatar-info[data-v-0ab4c771] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.edit-form-container .avatar-title[data-v-0ab4c771] {
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
}
.edit-form-container .avatar-subtitle[data-v-0ab4c771] {
  font-size: 12px;
  color: #6b7280;
}
.edit-form-container .btn-upload[data-v-0ab4c771] {
  margin-top: 8px;
  padding: 8px 16px;
  background: #FFCC00; /* HOBA yellow */
  color: #000000; /* Black font */
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.edit-form-container .btn-upload[data-v-0ab4c771]:hover {
  background: #e6b800;
}
.edit-form-grid[data-v-0ab4c771] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.form-group[data-v-0ab4c771] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.form-group.full-width[data-v-0ab4c771] {
  grid-column: span 2;
}
.form-label[data-v-0ab4c771] {
  font-size: 13px;
  font-weight: 500;
  color: #374151;
}
.form-label.required[data-v-0ab4c771]::after {
  content: " *";
  color: #3F484C;
}
.form-input[data-v-0ab4c771], .form-select[data-v-0ab4c771], .form-textarea[data-v-0ab4c771] {
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  color: #1f2937;
  transition: border-color 0.2s;
}
.form-input[data-v-0ab4c771]:focus, .form-select[data-v-0ab4c771]:focus, .form-textarea[data-v-0ab4c771]:focus {
  outline: none;
  border-color: #FFCC00; /* HOBA yellow focus */
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.15);
}
.form-input.disabled[data-v-0ab4c771], .form-select.disabled[data-v-0ab4c771], .form-textarea.disabled[data-v-0ab4c771] {
  background: #f3f4f6;
  color: #6b7280;
}
.form-textarea[data-v-0ab4c771] {
  resize: vertical;
  min-height: 120px;
}
.form-hint[data-v-0ab4c771] {
  font-size: 11px;
  color: #9ca3af;
}
.edit-footer[data-v-0ab4c771] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #f3f4f6;
}
.btn-cancel[data-v-0ab4c771] {
  padding: 10px 20px;
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  color: #374151;
  cursor: pointer;
}
.btn-cancel[data-v-0ab4c771]:hover {
  background: #f9fafb;
}
.btn-save[data-v-0ab4c771] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background: #FFCC00; /* HOBA yellow */
  color: #000000; /* Black font */
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.btn-save .icon[data-v-0ab4c771] {
  width: 16px;
  height: 16px;
}
.btn-save[data-v-0ab4c771]:hover {
  background: #e6b800;
}
.btn-save[data-v-0ab4c771]:disabled {
  background: #e5e7eb;
  color: #9ca3af;
  cursor: not-allowed;
}
.modal-overlay[data-v-0ab4c771] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.modal-content[data-v-0ab4c771] {
  background: white;
  border-radius: 12px;
  padding: 24px;
  width: 100%;
  max-width: 480px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.modal-title[data-v-0ab4c771] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 4px 0;
}
.modal-subtitle[data-v-0ab4c771] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 20px 0;
}
.invite-email-group[data-v-0ab4c771] {
  margin-bottom: 16px;
}
.invite-controls-row[data-v-0ab4c771] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 12px;
}
.permission-text[data-v-0ab4c771] {
  font-size: 13px;
  color: #6b7280;
}
.permission-text strong[data-v-0ab4c771] {
  color: #1f2937;
  font-weight: 600;
}
.role-select-wrapper[data-v-0ab4c771] {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.role-select[data-v-0ab4c771] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 8px 36px 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  color: #1f2937;
  background: white;
  cursor: pointer;
  min-width: 120px;
}
.role-select[data-v-0ab4c771]:focus {
  outline: none;
  border-color: #FFCC00;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.15);
}
.select-chevron[data-v-0ab4c771] {
  position: absolute;
  right: 10px;
  pointer-events: none;
}
.modal-footer[data-v-0ab4c771] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 20px;
}
.license-badge[data-v-0ab4c771] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 8px;
  margin-bottom: 16px;
  font-size: 13px;
  color: #0369a1;
}
.license-badge.warning[data-v-0ab4c771] {
  background: #fef3c7;
  border-color: #fcd34d;
  color: #3F484C;
}
.license-badge .license-icon[data-v-0ab4c771] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.upgrade-prompt[data-v-0ab4c771] {
  display: flex;
  gap: 14px;
  padding: 16px;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 1px solid #fcd34d;
  border-radius: 10px;
  margin: 16px 0;
}
.upgrade-prompt .upgrade-icon[data-v-0ab4c771] {
  width: 40px;
  height: 40px;
  background: #FEBC2C;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.upgrade-prompt .upgrade-icon svg[data-v-0ab4c771] {
  width: 22px;
  height: 22px;
  color: white;
}
.upgrade-prompt .upgrade-content[data-v-0ab4c771] {
  flex: 1;
}
.upgrade-prompt .upgrade-content h4[data-v-0ab4c771] {
  margin: 0 0 6px 0;
  font-size: 15px;
  font-weight: 600;
  color: #3F484C;
}
.upgrade-prompt .upgrade-content p[data-v-0ab4c771] {
  margin: 0 0 12px 0;
  font-size: 13px;
  color: #6B7280;
  line-height: 1.5;
}
.upgrade-prompt .btn-upgrade[data-v-0ab4c771] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #FFCC00;
  color: #000;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.upgrade-prompt .btn-upgrade svg[data-v-0ab4c771] {
  width: 16px;
  height: 16px;
}
.upgrade-prompt .btn-upgrade[data-v-0ab4c771]:hover {
  background: #e6b800;
}
.warning-select[data-v-0ab4c771] {
  border-color: #FEBC2C !important;
  background-color: #FEF3C7 !important;
}
.hidden[data-v-0ab4c771] {
  display: none;
}
.icon[data-v-0ab4c771] {
  width: 20px;
  height: 20px;
}.models[data-v-ba6b5b09] {
  width: 100%;
  margin: 0 auto;
}
.models h2[data-v-ba6b5b09] {
  margin-top: 42px;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 16px;
  /* /dark_text */
  color: #2e4050;
}
.models .models-spacer[data-v-ba6b5b09] {
  height: 42px; /* Same as h2 margin-top to maintain position */
}.reports-tab[data-v-93add65d] {
  padding: 24px;
}
.reports-header[data-v-93add65d] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}
.reports-header h2[data-v-93add65d] {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 4px 0;
}
.reports-header p[data-v-93add65d] {
  font-size: 14px;
  color: #586069;
  margin: 0;
}
.btn-primary[data-v-93add65d] {
  padding: 10px 20px;
  background: #F5C518;
  color: #4A4A4A;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}
.btn-primary[data-v-93add65d]:hover {
  background: rgb(218.731120332, 173.2804979253, 9.468879668);
}
.btn-secondary[data-v-93add65d] {
  padding: 10px 20px;
  background: #ffffff;
  color: #586069;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.btn-secondary[data-v-93add65d]:hover {
  background: #f5f7fa;
  border-color: #959da5;
}
.filters-bar[data-v-93add65d] {
  display: flex;
  gap: 24px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e1e4e8;
}
.filter-group[data-v-93add65d] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter-group label[data-v-93add65d] {
  font-size: 13px;
  font-weight: 600;
  color: #586069;
}
.filter-group select[data-v-93add65d] {
  padding: 6px 10px;
  border: 1px solid #e1e4e8;
  border-radius: 4px;
  font-size: 13px;
  background: #ffffff;
}
.reports-list[data-v-93add65d] {
  min-height: 200px;
}
.empty-state[data-v-93add65d] {
  text-align: center;
  padding: 40px 20px;
}
.empty-state .empty-icon[data-v-93add65d] {
  font-size: 48px;
  margin-bottom: 12px;
}
.empty-state h3[data-v-93add65d] {
  font-size: 18px;
  margin-bottom: 8px;
}
.empty-state p[data-v-93add65d] {
  color: #586069;
}
.report-card[data-v-93add65d] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  margin-bottom: 12px;
}
.report-card[data-v-93add65d]:hover {
  border-color: #0366d6;
}
.report-icon[data-v-93add65d] {
  font-size: 28px;
}
.report-info[data-v-93add65d] {
  flex: 1;
}
.report-name[data-v-93add65d] {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 4px 0;
}
.report-meta[data-v-93add65d] {
  font-size: 13px;
  color: #586069;
  margin: 0 0 8px 0;
}
.report-tags[data-v-93add65d] {
  display: flex;
  gap: 8px;
}
.tag[data-v-93add65d] {
  padding: 2px 8px;
  background: #f5f7fa;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #959da5;
}
.report-actions[data-v-93add65d] {
  display: flex;
  gap: 8px;
}
.btn-download[data-v-93add65d] {
  padding: 8px 14px;
  background: #ffffff;
  color: #586069;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}
.btn-download[data-v-93add65d]:hover {
  background: #f5f7fa;
  border-color: #959da5;
}
.btn-delete[data-v-93add65d] {
  width: 36px;
  height: 36px;
  border: 1px solid #e1e4e8;
  background: #ffffff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #959da5;
}
.btn-delete[data-v-93add65d]:hover {
  background: #fee2e2;
  border-color: #d73a49;
  color: #d73a49;
}
.modal-overlay[data-v-93add65d] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.modal[data-v-93add65d] {
  background: #ffffff;
  border-radius: 12px;
  width: 100%;
  max-width: 480px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
.modal-header[data-v-93add65d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e1e4e8;
}
.modal-header h2[data-v-93add65d] {
  font-size: 18px;
  margin: 0;
}
.close-btn[data-v-93add65d] {
  width: 32px;
  height: 32px;
  border: 1px solid #e1e4e8;
  background: #ffffff;
  border-radius: 6px;
  font-size: 20px;
  color: #586069;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.close-btn[data-v-93add65d]:hover {
  background: #f5f7fa;
  border-color: #959da5;
}
.modal-body[data-v-93add65d] {
  padding: 24px;
}
.modal-instruction[data-v-93add65d] {
  font-size: 14px;
  color: #586069;
  margin-bottom: 16px;
}
.report-type-options[data-v-93add65d] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.type-option[data-v-93add65d] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  cursor: pointer;
}
.type-option input[data-v-93add65d] {
  margin-top: 2px;
}
.type-option[data-v-93add65d]:hover {
  border-color: #0366d6;
}
.type-option.selected[data-v-93add65d] {
  border-color: #0366d6;
  background: rgba(3, 102, 214, 0.05);
}
.type-content[data-v-93add65d] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.type-label[data-v-93add65d] {
  font-size: 14px;
  font-weight: 600;
}
.type-description[data-v-93add65d] {
  font-size: 13px;
  color: #586069;
}
.form-group[data-v-93add65d] {
  margin-bottom: 20px;
}
.form-group > label[data-v-93add65d] {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #586069;
  margin-bottom: 8px;
}
.form-group input[type=text][data-v-93add65d] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  font-size: 14px;
}
.checkbox-group[data-v-93add65d] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.checkbox-item[data-v-93add65d] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  cursor: pointer;
}
.format-options[data-v-93add65d] {
  display: flex;
  gap: 8px;
}
.format-option[data-v-93add65d] {
  flex: 1;
  padding: 12px;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}
.format-option input[data-v-93add65d] {
  display: none;
}
.format-option[data-v-93add65d]:hover {
  border-color: #0366d6;
}
.format-option.selected[data-v-93add65d] {
  border-color: #0366d6;
  background: rgba(3, 102, 214, 0.1);
  color: #0366d6;
}
.modal-footer[data-v-93add65d] {
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
  border-top: 1px solid #e1e4e8;
}
.fade-enter-active[data-v-8f45d416],.fade-leave-active[data-v-8f45d416]{ transition: opacity .15s ease;}
.fade-enter[data-v-8f45d416],.fade-leave-to[data-v-8f45d416]{ opacity:0;}
/* Input styling - icon positioning */
.dp__input {
  padding: 6px 38px 6px 12px !important;
}
.dp__input_icon {
  right: 9px !important;
  left: auto !important;
}

/* Note: Color styles are now in global app.css for consistency */
/* See: resources/css/app.css - "HOBA Brand - Vue Date Picker Overrides" */.step-project[data-v-d6a272b4] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.form-field[data-v-d6a272b4] {
  margin-bottom: 20px;
}
.form-label[data-v-d6a272b4] {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #3F484C;
  margin-bottom: 6px;
}
.form-label .required[data-v-d6a272b4] {
  color: #FFCC00;
  margin-left: 2px;
}
.form-input[data-v-d6a272b4] {
  width: 100%;
  padding: 12px 14px;
  font-size: 14px;
  color: #3F484C;
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.form-input[data-v-d6a272b4]::-moz-placeholder {
  color: #9CA3AF;
}
.form-input[data-v-d6a272b4]::placeholder {
  color: #9CA3AF;
}
.form-input[data-v-d6a272b4]:focus {
  outline: none;
  border-color: #FFCC00;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.1);
}
.form-input.input-error[data-v-d6a272b4] {
  border-color: #EF4444;
}
.date-row[data-v-d6a272b4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.date-row .date-field[data-v-d6a272b4] {
  margin-bottom: 20px;
}
.error-text[data-v-d6a272b4] {
  display: block;
  color: #EF4444;
  font-size: 12px;
  margin-top: 4px;
}
.radio-group[data-v-d6a272b4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  margin-top: 4px;
}
.radio-option[data-v-d6a272b4] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.radio-label[data-v-d6a272b4] {
  font-size: 14px;
  font-weight: 500;
  color: #3F484C;
  margin-left: 8px;
}

/* Spacer to push footer to bottom */
.step-spacer[data-v-d6a272b4] {
  flex: 1;
  min-height: 20px;
}

/* Step Footer */
.step-footer[data-v-d6a272b4] {
  display: flex;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid #F3F4F6;
  flex-shrink: 0;
}
.step-footer--right[data-v-d6a272b4] {
  justify-content: flex-end;
}
.step-footer--between[data-v-d6a272b4] {
  justify-content: space-between;
}

/* Buttons */
.btn-primary[data-v-d6a272b4] {
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  color: #3F484C;
  background: #FFCC00;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.btn-primary[data-v-d6a272b4]:hover:not(:disabled) {
  opacity: 0.9;
}
.btn-primary.btn-disabled[data-v-d6a272b4] {
  background: #F3F4F6;
  color: #9CA3AF;
  cursor: not-allowed;
}
.btn-secondary[data-v-d6a272b4] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  color: #6B7280;
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.btn-secondary[data-v-d6a272b4]:hover {
  background: #F9FAFB;
}

/* Yellow radios when selected */
[data-v-d6a272b4] input[type="radio"] {
  accent-color: #FFCC00;
}.step-context[data-v-90825dea] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.form-field[data-v-90825dea] {
  margin-bottom: 20px;
}
.form-field--half[data-v-90825dea] {
  flex: 1;
  margin-bottom: 0;
}
.form-row[data-v-90825dea] {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
}
.form-label[data-v-90825dea] {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #3F484C;
  margin-bottom: 6px;
}
.form-label .required[data-v-90825dea] {
  color: #FFCC00;
  margin-left: 2px;
}
.select-wrapper[data-v-90825dea] {
  position: relative;
}
.select-wrapper.select-error .form-select[data-v-90825dea] {
  border-color: #EF4444;
}
.form-select[data-v-90825dea] {
  width: 100%;
  padding: 12px 40px 12px 14px;
  font-size: 14px;
  color: #9CA3AF; /* Default placeholder color */
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.form-select.has-value[data-v-90825dea] {
  color: #3F484C;
}
.form-select[data-v-90825dea]:focus {
  outline: none;
  border-color: #FFCC00;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.1);
}
.form-select option[data-v-90825dea] {
  padding: 12px;
  color: #3F484C;
}
.form-select option[data-v-90825dea]:disabled {
  color: #9CA3AF;
}
.select-icon[data-v-90825dea] {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.error-text[data-v-90825dea] {
  display: block;
  color: #EF4444;
  font-size: 12px;
  margin-top: 4px;
}

/* Spacer to push footer to bottom */
.step-spacer[data-v-90825dea] {
  flex: 1;
  min-height: 20px;
}

/* Step Footer */
.step-footer[data-v-90825dea] {
  display: flex;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid #F3F4F6;
  flex-shrink: 0;
}
.step-footer--right[data-v-90825dea] {
  justify-content: flex-end;
}
.step-footer--between[data-v-90825dea] {
  justify-content: space-between;
}

/* Buttons */
.btn-primary[data-v-90825dea] {
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  color: #3F484C;
  background: #FFCC00;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.btn-primary[data-v-90825dea]:hover:not(:disabled) {
  opacity: 0.9;
}
.btn-primary.btn-disabled[data-v-90825dea] {
  background: #F3F4F6;
  color: #9CA3AF;
  cursor: not-allowed;
}
.btn-secondary[data-v-90825dea] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  color: #6B7280;
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.btn-secondary[data-v-90825dea]:hover {
  background: #F9FAFB;
}.step-members[data-v-af487efd] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

/* License Badge */
.license-badge[data-v-af487efd] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: #FEF3C7;
  border: 1px solid #FDE68A;
  border-radius: 8px;
  margin-bottom: 12px;
  font-size: 13px;
  color: #3F484C;
  flex-shrink: 0;
}
.license-badge.warning[data-v-af487efd] {
  background: #FEF3C7;
  border-color: #FEBC2C;
  color: #3F484C;
}
.license-badge .license-icon[data-v-af487efd] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* Upgrade Prompt */
.upgrade-prompt[data-v-af487efd] {
  display: flex;
  gap: 12px;
  padding: 14px;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 1px solid #fcd34d;
  border-radius: 8px;
  margin-bottom: 12px;
  flex-shrink: 0;
}
.upgrade-prompt .upgrade-icon[data-v-af487efd] {
  width: 32px;
  height: 32px;
  background: #f59e0b;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.upgrade-prompt .upgrade-icon svg[data-v-af487efd] {
  width: 18px;
  height: 18px;
  color: white;
}
.upgrade-prompt .upgrade-content[data-v-af487efd] {
  flex: 1;
}
.upgrade-prompt .upgrade-content h4[data-v-af487efd] {
  margin: 0 0 4px 0;
  font-size: 14px;
  font-weight: 600;
  color: #92400e;
}
.upgrade-prompt .upgrade-content p[data-v-af487efd] {
  margin: 0 0 10px 0;
  font-size: 12px;
  color: #78350f;
  line-height: 1.4;
}
.upgrade-prompt .btn-upgrade[data-v-af487efd] {
  padding: 6px 14px;
  background: #FFCC00;
  color: #000;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.upgrade-prompt .btn-upgrade[data-v-af487efd]:hover {
  background: #e6b800;
}

/* Warning select styling */
.warning-select[data-v-af487efd] {
  border-color: #f59e0b !important;
  background-color: #fefce8 !important;
}

/* Row 1: Email Input */
.invite-email-row[data-v-af487efd] {
  margin-bottom: 16px;
  flex-shrink: 0;
}
.invite-input[data-v-af487efd] {
  width: 100%;
  padding: 12px 14px;
  font-size: 14px;
  color: #3F484C;
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.invite-input[data-v-af487efd]::-moz-placeholder {
  color: #9CA3AF;
}
.invite-input[data-v-af487efd]::placeholder {
  color: #9CA3AF;
}
.invite-input[data-v-af487efd]:focus {
  outline: none;
  border-color: #FFCC00;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.1);
}

/* Row 2: Controls Row */
.invite-controls-row[data-v-af487efd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;
  flex-shrink: 0;
}
.permission-text[data-v-af487efd] {
  font-size: 13px;
  color: #6B7280;
}
.permission-text strong[data-v-af487efd] {
  color: #3F484C;
  font-weight: 600;
}
.invite-actions[data-v-af487efd] {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Role Dropdown */
.role-select-wrapper[data-v-af487efd] {
  position: relative;
}
.role-select[data-v-af487efd] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 10px 36px 10px 14px;
  font-size: 14px;
  font-weight: 500;
  color: #3F484C;
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  cursor: pointer;
  min-width: 110px;
  transition: border-color 0.2s;
}
.role-select[data-v-af487efd]:focus {
  outline: none;
  border-color: #FFCC00;
}
.role-select[data-v-af487efd]:hover {
  border-color: #D1D5DB;
}
.select-chevron[data-v-af487efd] {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

/* Invite Button */
.invite-button[data-v-af487efd] {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #9CA3AF;
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  cursor: not-allowed;
  transition: all 0.2s;
  white-space: nowrap;
}
.invite-button--active[data-v-af487efd] {
  color: #3F484C;
  background: #FFCC00;
  border-color: #FFCC00;
  cursor: pointer;
}
.invite-button--active[data-v-af487efd]:hover {
  opacity: 0.9;
}

/* Members List */
.members-list[data-v-af487efd] {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}
.member-card[data-v-af487efd] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #F9FAFB;
  border-radius: 10px;
  margin-bottom: 8px;
}
.member-card[data-v-af487efd]:last-child {
  margin-bottom: 0;
}
.member-avatar[data-v-af487efd] {
  flex-shrink: 0;
}
.avatar-img[data-v-af487efd] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.avatar-initials[data-v-af487efd] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #E5E7EB;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #6B7280;
}
.member-info[data-v-af487efd] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.member-name[data-v-af487efd] {
  font-size: 14px;
  font-weight: 600;
  color: #3F484C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.member-email[data-v-af487efd] {
  font-size: 12px;
  color: #6B7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.member-role[data-v-af487efd] {
  font-size: 13px;
  font-weight: 500;
  color: #6B7280;
  white-space: nowrap;
  flex-shrink: 0;
}
.member-status[data-v-af487efd] {
  font-size: 12px;
  color: #F59E0B;
  white-space: nowrap;
  flex-shrink: 0;
}
.member-delete[data-v-af487efd] {
  flex-shrink: 0;
  padding: 6px;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.member-delete[data-v-af487efd]:hover {
  background: #F3F4F6;
}
.member-delete:hover svg path[data-v-af487efd] {
  stroke: #EF4444;
}

/* Empty State */
.members-empty[data-v-af487efd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 48px 20px;
  color: #9CA3AF;
  flex: 1;
}
.members-empty p[data-v-af487efd] {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 4px 0;
}
.members-empty span[data-v-af487efd] {
  font-size: 12px;
}

/* Step Footer */
.step-footer[data-v-af487efd] {
  display: flex;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid #F3F4F6;
  flex-shrink: 0;
  margin-top: auto;
}
.step-footer--right[data-v-af487efd] {
  justify-content: flex-end;
}
.step-footer--between[data-v-af487efd] {
  justify-content: space-between;
}

/* Buttons */
.btn-primary[data-v-af487efd] {
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  color: #3F484C;
  background: #FFCC00;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.btn-primary[data-v-af487efd]:hover:not(:disabled) {
  opacity: 0.9;
}
.btn-primary.btn-disabled[data-v-af487efd] {
  background: #F3F4F6;
  color: #9CA3AF;
  cursor: not-allowed;
}
.btn-secondary[data-v-af487efd] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  color: #6B7280;
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.btn-secondary[data-v-af487efd]:hover {
  background: #F9FAFB;
}.step-company[data-v-28540a90] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.two-column-layout[data-v-28540a90] {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 24px;
  align-items: start;
  flex: 1;
}

/* Left Column - Image Upload */
.image-column[data-v-28540a90] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form-label-centered[data-v-28540a90] {
  font-size: 14px;
  font-weight: 500;
  color: #3F484C;
  margin-bottom: 12px;
  text-align: center;
}
.image-upload[data-v-28540a90] {
  width: 90px;
  height: 90px;
  border: 2px dashed #E5E7EB;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 0.2s;
  overflow: hidden;
}
.image-upload[data-v-28540a90]:hover {
  border-color: #FFCC00;
}
.image-preview[data-v-28540a90] {
  width: 100%;
  height: 100%;
}
.image-preview img[data-v-28540a90] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-placeholder[data-v-28540a90] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2px;
}
.image-placeholder svg[data-v-28540a90] {
  width: 32px;
  height: 32px;
}
.image-label[data-v-28540a90] {
  font-size: 10px;
  color: #9CA3AF;
  text-align: center;
  line-height: 1.2;
}
.upload-button[data-v-28540a90] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #6B7280;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.2s;
}
.upload-button[data-v-28540a90]:hover {
  color: #3F484C;
}
.upload-button svg[data-v-28540a90] {
  width: 14px;
  height: 14px;
}
.hidden-input[data-v-28540a90] {
  display: none;
}

/* Right Column - Fields */
.fields-column[data-v-28540a90] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.form-field[data-v-28540a90] {
  margin-bottom: 16px;
}
.form-field[data-v-28540a90]:last-child {
  margin-bottom: 0;
}
.form-field--grow[data-v-28540a90] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.form-label[data-v-28540a90] {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #3F484C;
  margin-bottom: 6px;
}
.form-label .required[data-v-28540a90] {
  color: #FFCC00;
  margin-left: 2px;
}
.form-input[data-v-28540a90] {
  width: 100%;
  padding: 12px 14px;
  font-size: 14px;
  color: #3F484C;
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.form-input[data-v-28540a90]::-moz-placeholder {
  color: #9CA3AF;
}
.form-input[data-v-28540a90]::placeholder {
  color: #9CA3AF;
}
.form-input[data-v-28540a90]:focus {
  outline: none;
  border-color: #FFCC00;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.1);
}
.form-input.input-error[data-v-28540a90] {
  border-color: #3F484C;
}
.textarea-wrapper[data-v-28540a90] {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.form-textarea[data-v-28540a90] {
  width: 100%;
  padding: 12px 14px;
  padding-bottom: 28px; /* Space for character counter */
  font-size: 14px;
  color: #3F484C;
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  resize: none;
  flex: 1;
  min-height: 120px;
  transition: border-color 0.2s, box-shadow 0.2s;
  font-family: inherit;
}
.form-textarea[data-v-28540a90]::-moz-placeholder {
  color: #9CA3AF;
}
.form-textarea[data-v-28540a90]::placeholder {
  color: #9CA3AF;
}
.form-textarea[data-v-28540a90]:focus {
  outline: none;
  border-color: #FFCC00;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.1);
}
.char-counter[data-v-28540a90] {
  position: absolute;
  bottom: 8px;
  right: 12px;
  font-size: 12px;
  color: #9CA3AF;
}
.error-text[data-v-28540a90] {
  display: block;
  color: #3F484C;
  font-size: 12px;
  margin-top: 4px;
}

/* Spacer to push footer to bottom */
.step-spacer[data-v-28540a90] {
  flex: 0 0 auto;
  min-height: 16px;
}

/* Step Footer */
.step-footer[data-v-28540a90] {
  display: flex;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid #F3F4F6;
  flex-shrink: 0;
}
.step-footer--right[data-v-28540a90] {
  justify-content: flex-end;
}
.step-footer--between[data-v-28540a90] {
  justify-content: space-between;
}

/* Buttons */
.btn-primary[data-v-28540a90] {
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  color: #3F484C;
  background: #FFCC00;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.btn-primary[data-v-28540a90]:hover:not(:disabled) {
  opacity: 0.9;
}
.btn-primary.btn-disabled[data-v-28540a90] {
  background: #F3F4F6;
  color: #9CA3AF;
  cursor: not-allowed;
}
.btn-secondary[data-v-28540a90] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  color: #6B7280;
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.btn-secondary[data-v-28540a90]:hover {
  background: #F9FAFB;
}.stepper[data-v-726e9319] {
  padding: 20px 24px 28px 24px; /* Increased bottom padding for more space before content */
  flex-shrink: 0;
}
.stepper__container[data-v-726e9319] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.stepper__step[data-v-726e9319] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  min-width: 80px;
}
.stepper__circle[data-v-726e9319] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 2px solid #E5E7EB;
  position: relative;
  z-index: 2;
  transition: all 0.2s ease;
}
.stepper__circle--active[data-v-726e9319] {
  border-color: #FFCC00;
  background: #ffffff;
}
.stepper__circle--completed[data-v-726e9319] {
  border-color: #FFCC00;
  background: #FFCC00;
}
.stepper__number[data-v-726e9319] {
  font-size: 12px;
  font-weight: 600;
  color: #9CA3AF;
}
.stepper__circle--active .stepper__number[data-v-726e9319] {
  color: #FFCC00;
}
.stepper__label[data-v-726e9319] {
  margin-top: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #9CA3AF;
  text-align: center;
  white-space: nowrap;
}
.stepper__label--active[data-v-726e9319] {
  color: #FFCC00;
}
.stepper__label--completed[data-v-726e9319] {
  color: #3F484C;
}
.stepper__line[data-v-726e9319] {
  position: absolute;
  top: 14px;
  left: calc(50% + 14px);
  width: 66px;
  height: 2px;
  background: #E5E7EB;
  z-index: 1;
}
.stepper__line--completed[data-v-726e9319] {
  background: #FFCC00;
}.create-project-modal[data-v-67e1bcd5] {
  width: 600px;
  height: 580px; /* Fixed height to ensure footer is always fully visible */
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.create-project-modal__header[data-v-67e1bcd5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px 0 24px;
  flex-shrink: 0;
}
.create-project-modal__title[data-v-67e1bcd5] {
  font-size: 20px;
  font-weight: 600;
  color: #3F484C;
  margin: 0;
}
.create-project-modal__close[data-v-67e1bcd5] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.create-project-modal__close[data-v-67e1bcd5]:hover {
  background-color: #f3f4f6;
}
.create-project-modal__content[data-v-67e1bcd5] {
  flex: 1;
  padding: 0 24px 24px 24px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}
.step-wrapper[data-v-67e1bcd5] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* Transitions */
.fade-enter-active[data-v-67e1bcd5],
.fade-leave-active[data-v-67e1bcd5] {
  transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-67e1bcd5],
.fade-leave-to[data-v-67e1bcd5] {
  opacity: 0;
}
.slide-fade-right-enter-active[data-v-67e1bcd5],
.slide-fade-right-leave-active[data-v-67e1bcd5] {
  transition: all 0.3s ease;
}
.slide-fade-right-enter-from[data-v-67e1bcd5],
.slide-fade-right-leave-to[data-v-67e1bcd5] {
  opacity: 0;
  transform: scale(0.95);
}.add-modal-project__title[data-v-bcfc1d08] {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #2e4050;
  margin-top: 6px;
}.tooltip-delete-member[data-v-f569f6f0] {
  width: 136px;
  z-index: 10;
  position: absolute;
  left: -9px;
  top: -50px;
  background-color: #fff;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 4px;
  font-size: 13px;
}
.tooltip-delete-member[data-v-f569f6f0]:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e6e6e6;
  position: absolute;
  bottom: -9px;
  right: 104px;
  transform: rotate(180deg);
  z-index: -1;
}
.tooltip-delete-member button[data-v-f569f6f0] {
  margin-top: 4px;
  padding: 5px 10px;
  margin-right: 5px;
}
.delete-overlay[data-v-f569f6f0] {
  transition: all 0.3s ease;
  background-color: #f2f2f2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.priority-icon[data-v-c4e8dde1] {
    display: inline-flex;
    align-items: center;
    cursor: help;
}
.priority-icon:hover svg[data-v-c4e8dde1] {
    transform: scale(1.1);
}
.priority-icon svg[data-v-c4e8dde1] {
    transition: transform 0.2s ease;
}
/*!
 * # Semantic UI 2.4.0 - Dropdown
 */.ui.dropdown{cursor:pointer;position:relative;display:inline-block;outline:none;text-align:left;transition:box-shadow .1s ease,width .1s ease;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui.dropdown .menu{cursor:auto;position:absolute;display:none;outline:none;top:100%;min-width:-moz-max-content;min-width:max-content;margin:0;padding:0;background:#FFFFFF;font-size:1em;text-shadow:none;text-align:left;box-shadow:0 2px 3px #22242626;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;transition:opacity .1s ease;z-index:11;will-change:transform,opacity}.ui.dropdown .menu>*{white-space:nowrap}.ui.dropdown>input:not(.search):first-child,.ui.dropdown>select{display:none!important}.ui.dropdown>.dropdown.icon{position:relative;width:auto;font-size:.85714286em;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon{width:auto;float:right;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon+.text{margin-right:1em}.ui.dropdown>.text{display:inline-block;transition:none}.ui.dropdown .menu>.item{position:relative;cursor:pointer;display:block;border:none;height:auto;text-align:left;border-top:none;line-height:1em;color:#000000de;padding:.78571429rem 1.14285714rem!important;font-size:1rem;text-transform:none;font-weight:400;box-shadow:none;-webkit-touch-callout:none}.ui.dropdown .menu>.item:first-child{border-top-width:0px}.ui.dropdown>.text>[class*="right floated"],.ui.dropdown .menu .item>[class*="right floated"]{float:right!important;margin-right:0!important;margin-left:1em!important}.ui.dropdown>.text>[class*="left floated"],.ui.dropdown .menu .item>[class*="left floated"]{float:left!important;margin-left:0!important;margin-right:1em!important}.ui.dropdown .menu .item>.icon.floated,.ui.dropdown .menu .item>.flag.floated,.ui.dropdown .menu .item>.image.floated,.ui.dropdown .menu .item>img.floated{margin-top:0}.ui.dropdown .menu>.header{margin:1rem 0rem .75rem;padding:0em 1.14285714rem;color:#000000d9;font-size:.78571429em;font-weight:700;text-transform:uppercase}.ui.dropdown .menu>.divider{border-top:1px solid rgba(34,36,38,.1);height:0em;margin:.5em 0}.ui.dropdown.dropdown .menu>.input{width:auto;display:flex;margin:1.14285714rem .78571429rem;min-width:10rem}.ui.dropdown .menu>.header+.input{margin-top:0}.ui.dropdown .menu>.input:not(.transparent) input{padding:.5em 1em}.ui.dropdown .menu>.input:not(.transparent) .button,.ui.dropdown .menu>.input:not(.transparent) .icon,.ui.dropdown .menu>.input:not(.transparent) .label{padding-top:.5em;padding-bottom:.5em}.ui.dropdown>.text>.description,.ui.dropdown .menu>.item>.description{float:right;margin:0 0 0 1em;color:#0006}.ui.dropdown .menu>.message{padding:.78571429rem 1.14285714rem;font-weight:400}.ui.dropdown .menu>.message:not(.ui){color:#0006}.ui.dropdown .menu .menu{top:0%!important;left:100%;right:auto;margin:0 0 0 -.5em!important;border-radius:.28571429rem!important;z-index:21!important}.ui.dropdown .menu .menu:after{display:none}.ui.dropdown>.text>.icon,.ui.dropdown>.text>.label,.ui.dropdown>.text>.flag,.ui.dropdown>.text>img,.ui.dropdown>.text>.image{margin-top:0}.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img{margin-top:0}.ui.dropdown>.text>.icon,.ui.dropdown>.text>.label,.ui.dropdown>.text>.flag,.ui.dropdown>.text>img,.ui.dropdown>.text>.image,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img{margin-left:0;float:none;margin-right:.78571429rem}.ui.dropdown>.text>img,.ui.dropdown>.text>.image,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img{display:inline-block;vertical-align:top;width:auto;margin-top:-.5em;margin-bottom:-.5em;max-height:2em}.ui.dropdown .ui.menu>.item:before,.ui.menu .ui.dropdown .menu>.item:before{display:none}.ui.menu .ui.dropdown .menu .active.item{border-left:none}.ui.menu .right.menu .dropdown:last-child .menu,.ui.menu .right.dropdown.item .menu,.ui.buttons>.ui.dropdown:last-child .menu{left:auto;right:0em}.ui.label.dropdown .menu{min-width:100%}.ui.dropdown.icon.button>.dropdown.icon{margin:0}.ui.button.dropdown .menu{min-width:100%}.ui.selection.dropdown{cursor:pointer;word-wrap:break-word;line-height:1em;white-space:normal;outline:0;transform:rotate(0);min-width:14em;min-height:2.71428571em;background:#FFFFFF;display:inline-block;padding:.78571429em 2.1em .78571429em 1em;color:#000000de;box-shadow:none;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;transition:box-shadow .1s ease,width .1s ease}.ui.selection.dropdown.visible,.ui.selection.dropdown.active{z-index:10}select.ui.dropdown{height:38px;padding:.5em;border:1px solid rgba(34,36,38,.15);visibility:visible}.ui.selection.dropdown>.search.icon,.ui.selection.dropdown>.delete.icon,.ui.selection.dropdown>.dropdown.icon{cursor:pointer;position:absolute;width:auto;height:auto;line-height:1.21428571em;top:.78571429em;right:1em;z-index:3;margin:-.78571429em;padding:.91666667em;opacity:.8;transition:opacity .1s ease}.ui.compact.selection.dropdown{min-width:0px}.ui.selection.dropdown .menu{overflow-x:hidden;overflow-y:auto;backface-visibility:hidden;-webkit-overflow-scrolling:touch;border-top-width:0px!important;width:auto;outline:none;margin:0 -1px;min-width:calc(100% + 2px);width:calc(100% + 2px);border-radius:0em 0em .28571429rem .28571429rem;box-shadow:0 2px 3px #22242626;transition:opacity .1s ease}.ui.selection.dropdown .menu:after,.ui.selection.dropdown .menu:before{display:none}.ui.selection.dropdown .menu>.message{padding:.78571429rem 1.14285714rem}@media only screen and (max-width: 767px){.ui.selection.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width: 768px){.ui.selection.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width: 992px){.ui.selection.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width: 1920px){.ui.selection.dropdown .menu{max-height:21.37142857rem}}.ui.selection.dropdown .menu>.item{border-top:1px solid #FAFAFA;padding:.78571429rem 1.14285714rem!important;white-space:normal;word-wrap:normal}.ui.selection.dropdown .menu>.hidden.addition.item{display:none}.ui.selection.dropdown:hover{border-color:#22242659;box-shadow:none}.ui.selection.active.dropdown,.ui.selection.active.dropdown .menu{border-color:#96c8da;box-shadow:0 2px 3px #22242626}.ui.selection.dropdown:focus{border-color:#96c8da;box-shadow:none}.ui.selection.dropdown:focus .menu{border-color:#96c8da;box-shadow:0 2px 3px #22242626}.ui.selection.visible.dropdown>.text:not(.default){font-weight:400;color:#000c}.ui.selection.active.dropdown:hover,.ui.selection.active.dropdown:hover .menu{border-color:#96c8da;box-shadow:0 2px 3px #22242626}.ui.active.selection.dropdown>.dropdown.icon,.ui.visible.selection.dropdown>.dropdown.icon{opacity:"";z-index:3}.ui.active.selection.dropdown{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.active.empty.selection.dropdown{border-radius:.28571429rem!important;box-shadow:none!important}.ui.active.empty.selection.dropdown .menu{border:none!important;box-shadow:none!important}.ui.search.dropdown{min-width:""}.ui.search.dropdown>input.search{background:none transparent!important;border:none!important;box-shadow:none!important;cursor:text;top:0em;left:1px;width:100%;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);padding:inherit;position:absolute;z-index:2}.ui.search.dropdown>.text{cursor:text;position:relative;left:1px;z-index:3}.ui.search.selection.dropdown>input.search{line-height:1.21428571em;padding:.67857143em 2.1em .67857143em 1em}.ui.search.selection.dropdown>span.sizer{line-height:1.21428571em;padding:.67857143em 2.1em .67857143em 1em;display:none;white-space:pre}.ui.search.dropdown.active>input.search,.ui.search.dropdown.visible>input.search{cursor:auto}.ui.search.dropdown.active>.text,.ui.search.dropdown.visible>.text{pointer-events:none}.ui.active.search.dropdown input.search:focus+.text .icon,.ui.active.search.dropdown input.search:focus+.text .flag{opacity:.45}.ui.active.search.dropdown input.search:focus+.text{color:#737373de!important}.ui.search.dropdown .menu{overflow-x:hidden;overflow-y:auto;backface-visibility:hidden;-webkit-overflow-scrolling:touch}@media only screen and (max-width: 767px){.ui.search.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width: 768px){.ui.search.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width: 992px){.ui.search.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width: 1920px){.ui.search.dropdown .menu{max-height:21.37142857rem}}.ui.multiple.dropdown{padding:.22619048em 2.1em .22619048em .35714286em}.ui.multiple.dropdown .menu{cursor:auto}.ui.multiple.search.dropdown,.ui.multiple.search.dropdown>input.search{cursor:text}.ui.multiple.dropdown>.label{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;vertical-align:top;white-space:normal;font-size:1em;padding:.35714286em .78571429em;margin:.14285714rem .28571429rem .14285714rem 0em;box-shadow:0 0 0 1px #22242626 inset}.ui.multiple.dropdown .dropdown.icon{margin:"";padding:""}.ui.multiple.dropdown>.text{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.dropdown>.label~input.search{margin-left:.14285714em!important}.ui.multiple.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>.text{display:inline-block;position:absolute;top:0;left:0;padding:inherit;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.search.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>input.search{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;width:2.2em;line-height:1.21428571em}.ui.inline.dropdown{cursor:pointer;display:inline-block;color:inherit}.ui.inline.dropdown .dropdown.icon{margin:0 .21428571em;vertical-align:baseline}.ui.inline.dropdown>.text{font-weight:700}.ui.inline.dropdown .menu{cursor:auto;margin-top:.21428571em;border-radius:.28571429rem}.ui.dropdown .menu .active.item{background:transparent;font-weight:700;color:#000000f2;box-shadow:none;z-index:12}.ui.dropdown .menu>.item:hover{background:rgba(0,0,0,.05);color:#000000f2;z-index:13}.ui.loading.dropdown>i.icon{height:1em!important}.ui.loading.selection.dropdown>i.icon{padding:1.5em 1.28571429em!important}.ui.loading.dropdown>i.icon:before{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.dropdown>i.icon:after{position:absolute;content:"";top:50%;left:50%;box-shadow:0 0 0 1px transparent;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;animation:dropdown-spin .6s linear;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em}.ui.loading.dropdown.button>i.icon:before,.ui.loading.dropdown.button>i.icon:after{display:none}@keyframes dropdown-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui.dropdown:not(.button)>.default.text,.ui.default.dropdown:not(.button)>.text{color:#bfbfbfde}.ui.dropdown:not(.button)>input:focus~.default.text,.ui.default.dropdown:not(.button)>input:focus~.text{color:#737373de}.ui.loading.dropdown>.text{transition:none}.ui.dropdown .loading.menu{display:block;visibility:hidden;z-index:-1}.ui.dropdown>.loading.menu{left:0px!important;right:auto!important}.ui.dropdown>.menu .loading.menu{left:100%!important;right:auto!important}.ui.dropdown.selected,.ui.dropdown .menu .selected.item{background:rgba(0,0,0,.03);color:#000000f2}.ui.dropdown>.filtered.text{visibility:hidden}.ui.dropdown .filtered.item{display:none!important}.ui.dropdown.error,.ui.dropdown.error>.text,.ui.dropdown.error>.default.text{color:#9f3a38}.ui.selection.dropdown.error{background:#FFF6F6;border-color:#e0b4b4}.ui.selection.dropdown.error:hover{border-color:#e0b4b4}.ui.dropdown.error>.menu,.ui.dropdown.error>.menu .menu{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item{color:#9f3a38}.ui.multiple.selection.error.dropdown>.label{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item:hover{background-color:#fff2f2}.ui.dropdown.error>.menu .active.item{background-color:#fdcfcf}.ui.dropdown>.clear.dropdown.icon{opacity:.8;transition:opacity .1s ease}.ui.dropdown>.clear.dropdown.icon:hover{opacity:1}.ui.disabled.dropdown,.ui.dropdown .menu>.disabled.item{cursor:default;pointer-events:none;opacity:.45}.ui.dropdown .menu{left:0px}.ui.dropdown .right.menu>.menu,.ui.dropdown .menu .right.menu{left:100%!important;right:auto!important;border-radius:.28571429rem!important}.ui.dropdown>.left.menu{left:auto!important;right:0px!important}.ui.dropdown>.left.menu .menu,.ui.dropdown .menu .left.menu{left:auto;right:100%;margin:0 -.5em 0 0!important;border-radius:.28571429rem!important}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0}.ui.dropdown .item .left.dropdown.icon+.text,.ui.dropdown .left.menu .item .dropdown.icon+.text{margin-left:1em;margin-right:0}.ui.upward.dropdown>.menu{top:auto;bottom:100%;box-shadow:0 0 3px #00000014;border-radius:.28571429rem .28571429rem 0em 0em}.ui.dropdown .upward.menu{top:auto!important;bottom:0!important}.ui.simple.upward.active.dropdown,.ui.simple.upward.dropdown:hover{border-radius:.28571429rem .28571429rem 0em 0em!important}.ui.upward.dropdown.button:not(.pointing):not(.floating).active{border-radius:.28571429rem .28571429rem 0em 0em}.ui.upward.selection.dropdown .menu{border-top-width:1px!important;border-bottom-width:0px!important;box-shadow:0 -2px 3px #00000014}.ui.upward.selection.dropdown:hover{box-shadow:0 0 2px #0000000d}.ui.active.upward.selection.dropdown{border-radius:0em 0em .28571429rem .28571429rem!important}.ui.upward.selection.dropdown.visible{box-shadow:0 0 3px #00000014;border-radius:0em 0em .28571429rem .28571429rem!important}.ui.upward.active.selection.dropdown:hover{box-shadow:0 0 3px #0000000d}.ui.upward.active.selection.dropdown:hover .menu{box-shadow:0 -2px 3px #00000014}.ui.scrolling.dropdown .menu,.ui.dropdown .scrolling.menu{overflow-x:hidden;overflow-y:auto}.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto;backface-visibility:hidden;-webkit-overflow-scrolling:touch;min-width:100%!important;width:auto!important}.ui.dropdown .scrolling.menu{position:static;overflow-y:auto;border:none;box-shadow:none!important;border-radius:0!important;margin:0!important;min-width:100%!important;width:auto!important;border-top:1px solid rgba(34,36,38,.15)}.ui.scrolling.dropdown .menu .item.item.item,.ui.dropdown .scrolling.menu>.item.item.item{border-top:none}.ui.scrolling.dropdown .menu .item:first-child,.ui.dropdown .scrolling.menu .item:first-child{border-top:none}.ui.dropdown>.animating.menu .scrolling.menu,.ui.dropdown>.visible.menu .scrolling.menu{display:block}@media all and (-ms-high-contrast: none){.ui.scrolling.dropdown .menu,.ui.dropdown .scrolling.menu{min-width:calc(100% - 17px)}}@media only screen and (max-width: 767px){.ui.scrolling.dropdown .menu,.ui.dropdown .scrolling.menu{max-height:10.28571429rem}}@media only screen and (min-width: 768px){.ui.scrolling.dropdown .menu,.ui.dropdown .scrolling.menu{max-height:15.42857143rem}}@media only screen and (min-width: 992px){.ui.scrolling.dropdown .menu,.ui.dropdown .scrolling.menu{max-height:20.57142857rem}}@media only screen and (min-width: 1920px){.ui.scrolling.dropdown .menu,.ui.dropdown .scrolling.menu{max-height:20.57142857rem}}.ui.simple.dropdown .menu:before,.ui.simple.dropdown .menu:after{display:none}.ui.simple.dropdown .menu{position:absolute;display:block;overflow:hidden;top:-9999px!important;opacity:0;width:0;height:0;transition:opacity .1s ease}.ui.simple.active.dropdown,.ui.simple.dropdown:hover{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.simple.active.dropdown>.menu,.ui.simple.dropdown:hover>.menu{overflow:visible;width:auto;height:auto;top:100%!important;opacity:1}.ui.simple.dropdown>.menu>.item:active>.menu,.ui.simple.dropdown:hover>.menu>.item:hover>.menu{overflow:visible;width:auto;height:auto;top:0%!important;left:100%!important;opacity:1}.ui.simple.disabled.dropdown:hover .menu{display:none;height:0px;width:0px;overflow:hidden}.ui.simple.visible.dropdown>.menu{display:block}.ui.fluid.dropdown{display:block;width:100%;min-width:0em}.ui.fluid.dropdown>.dropdown.icon{float:right}.ui.floating.dropdown .menu{left:0;right:auto;box-shadow:0 2px 4px #2224261f,0 2px 10px #22242626!important;border-radius:.28571429rem!important}.ui.floating.dropdown>.menu{margin-top:.5em!important;border-radius:.28571429rem!important}.ui.pointing.dropdown>.menu{top:100%;margin-top:.78571429rem;border-radius:.28571429rem}.ui.pointing.dropdown>.menu:after{display:block;position:absolute;pointer-events:none;content:"";visibility:visible;transform:rotate(45deg);width:.5em;height:.5em;box-shadow:-1px -1px #22242626;background:#FFFFFF;z-index:2;top:-.25em;left:50%;margin:0 0 0 -.25em}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0%;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu:after{top:-.25em;left:1em;right:auto;margin:0;transform:rotate(45deg)}.ui.top.right.pointing.dropdown>.menu{top:100%;bottom:auto;right:0%;left:auto;margin:1em 0 0}.ui.top.pointing.dropdown>.left.menu:after,.ui.top.right.pointing.dropdown>.menu:after{top:-.25em;left:auto!important;right:1em!important;margin:0;transform:rotate(45deg)}.ui.left.pointing.dropdown>.menu{top:0%;left:100%;right:auto;margin:0 0 0 1em}.ui.left.pointing.dropdown>.menu:after{top:1em;left:-.25em;margin:0;transform:rotate(-45deg)}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu{left:auto!important;right:100%!important;margin:0 1em 0 0}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu:after{top:1em;left:auto;right:-.25em;margin:0;transform:rotate(135deg)}.ui.right.pointing.dropdown>.menu{top:0%;left:auto;right:100%;margin:0 1em 0 0}.ui.right.pointing.dropdown>.menu:after{top:1em;left:auto;right:-.25em;margin:0;transform:rotate(135deg)}.ui.bottom.pointing.dropdown>.menu{top:auto;bottom:100%;left:0%;right:auto;margin:0 0 1em}.ui.bottom.pointing.dropdown>.menu:after{top:auto;bottom:-.25em;right:auto;margin:0;transform:rotate(-135deg)}.ui.bottom.pointing.dropdown>.menu .menu{top:auto!important;bottom:0px!important}.ui.bottom.left.pointing.dropdown>.menu{left:0%;right:auto}.ui.bottom.left.pointing.dropdown>.menu:after{left:1em;right:auto}.ui.bottom.right.pointing.dropdown>.menu{right:0%;left:auto}.ui.bottom.right.pointing.dropdown>.menu:after{left:auto;right:1em}.ui.pointing.upward.dropdown .menu,.ui.top.pointing.upward.dropdown .menu{top:auto!important;bottom:100%!important;margin:0em 0em .78571429rem;border-radius:.28571429rem}.ui.pointing.upward.dropdown .menu:after,.ui.top.pointing.upward.dropdown .menu:after{top:100%!important;bottom:auto!important;box-shadow:1px 1px #22242626;margin:-.25em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto!important;bottom:0!important;margin:0 1em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto!important;bottom:0!important;margin:0 0 1em;box-shadow:-1px -1px #22242626}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto!important;bottom:0!important;margin:0 0 0 1em}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto!important;bottom:0!important;margin:0 0 1em;box-shadow:-1px -1px #22242626}@font-face{font-family:Dropdown;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format("woff");font-weight:400;font-style:normal}.ui.dropdown>.dropdown.icon{font-family:Dropdown;line-height:1;height:1em;width:1.23em;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center;width:auto}.ui.dropdown>.dropdown.icon:before{content:""}.ui.dropdown .menu .item .dropdown.icon:before{content:""}.ui.dropdown .item .left.dropdown.icon:before,.ui.dropdown .left.menu .item .dropdown.icon:before{content:""}.ui.vertical.menu .dropdown.item>.dropdown.icon:before{content:""}.ui.dropdown>.clear.icon:before{content:""}/*!
 * # Semantic UI 2.4.1 - Label
 */.ui.label{display:inline-block;line-height:1;vertical-align:baseline;margin:0 .14285714em;background-color:#e8e8e8;background-image:none;padding:.5833em .833em;color:#0009;text-transform:none;font-weight:700;border:0px solid transparent;border-radius:.28571429rem;transition:background .1s ease}.ui.label:first-child{margin-left:0}.ui.label:last-child{margin-right:0}a.ui.label{cursor:pointer}.ui.label>a{cursor:pointer;color:inherit;opacity:.5;transition:.1s opacity ease}.ui.label>a:hover{opacity:1}.ui.label>img{width:auto!important;vertical-align:middle;height:2.1666em!important}.ui.label>.icon{width:auto;margin:0 .75em 0 0}.ui.label>.detail{display:inline-block;vertical-align:top;font-weight:700;margin-left:1em;opacity:.8}.ui.label>.detail .icon{margin:0 .25em 0 0}.ui.label>.close.icon,.ui.label>.delete.icon{cursor:pointer;margin-right:0;margin-left:.5em;font-size:.92857143em;opacity:.5;transition:background .1s ease}.ui.label>.delete.icon:hover{opacity:1}.ui.dropdown{box-sizing:border-box;font-size:14px}.ui.dropdown input{font-size:14px}.ui.dropdown .menu{box-sizing:content-box}.ui.dropdown .menu>.item{font-size:14px}.ui.selection.dropdown{min-height:14px}.ui.selection.dropdown .menu{min-width:100%;width:100%}.ui.multiple.dropdown>.label{position:relative;padding-right:calc(.78571429em + 15px)}.ui.multiple.dropdown>.label i.icon.delete:before{content:"×";font-family:Arial,sans-serif}.ui.multiple.dropdown>.label i.icon.delete{box-sizing:border-box;position:absolute;right:10px;display:inline-block;width:18px;height:24px;margin:-5px -10px}.ui.multiple.dropdown>.label i.icon.delete:before,.ui.multiple.dropdown>.label i.icon.delete:after{position:absolute;content:" ";height:12px;width:3px;top:25%;left:25%;transform:translate(-25%,-25%);background-color:#333}.ui.multiple.dropdown>.label i.icon.delete:before{transform:rotate(45deg)}.ui.multiple.dropdown>.label i.icon.delete:after{transform:rotate(-45deg)}
.task_member_avatar[data-v-e40116b0] {
  width: 30px;
  height: 30px;
  font-size: 12px;
  padding-top: 1px;
}.members .user-avatar[data-v-a561a882] {
  width: 30px;
  height: 30px;
  font-size: 12px;
  padding-top: 1px;
}.sprint-slide-panel[data-v-959e28f7] {
  position: fixed;
  top: 80px; /* Below header */
  right: 15px; /* 15px from right edge */
  bottom: 15px; /* 15px from bottom */
  width: 0;
  background: #ffffff;
  border-radius: 12px; /* Rounded corners */
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
  z-index: 200; /* Above backdrop (z-50) */
  /* Slower, visible animation - synchronized with main container */
  transition: width 450ms cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
.sprint-slide-panel.panel-open[data-v-959e28f7] {
  width: calc(50vw - 30px);
  min-width: 500px;
}
.panel-inner[data-v-959e28f7] {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

/* Header */
.panel-header[data-v-959e28f7] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.header-content .panel-title[data-v-959e28f7] {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  margin: 0 0 4px 0;
}
.header-content .sprint-subtitle[data-v-959e28f7] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.close-btn[data-v-959e28f7] {
  padding: 8px;
  border-radius: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #6b7280;
}
.close-btn[data-v-959e28f7]:hover {
  background: #f3f4f6;
}

/* Content - always show scrollbar */
.panel-content[data-v-959e28f7] {
  flex: 1;
  overflow-y: scroll; /* Force scrollbar to always show */
  padding: 16px 20px;
}

/* Two-column grid */
.content-grid[data-v-959e28f7] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 24px;
}

/* Form fields */
.form-field[data-v-959e28f7] {
  margin-bottom: 16px;
}
.field-label[data-v-959e28f7] {
  font-size: 12px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 6px;
}
.field-input[data-v-959e28f7],
.field-select[data-v-959e28f7],
.field-textarea[data-v-959e28f7] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 13px;
}
.field-input[data-v-959e28f7]:focus,
.field-select[data-v-959e28f7]:focus,
.field-textarea[data-v-959e28f7]:focus {
  outline: none;
  border-color: #febc2c;
}
.field-textarea[data-v-959e28f7] {
  resize: none;
}
.field-input-sm[data-v-959e28f7] {
  width: 100%;
  padding: 6px 10px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 13px;
}
.field-input-sm[data-v-959e28f7]:focus {
  outline: none;
  border-color: #febc2c;
}

/* Metadata fields */
.meta-field[data-v-959e28f7] {
  margin-bottom: 16px;
}
.meta-label[data-v-959e28f7] {
  display: block;
  font-size: 11px;
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 4px;
}
.meta-value[data-v-959e28f7] {
  font-size: 13px;
  color: #374151;
}
.status-badge[data-v-959e28f7] {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
.status-badge.status-active[data-v-959e28f7] {
  background: #febc2c;
  color: #3f484c;
}
.status-badge.status-complete[data-v-959e28f7] {
  background: #3f484c;
  color: #ffffff;
}
.status-badge.status-inactive[data-v-959e28f7] {
  background: #e5e7eb;
  color: #6b7280;
}

/* Building Blocks Section */
.bb-section[data-v-959e28f7] {
  border-top: 1px solid #e5e7eb;
  padding-top: 16px;
  margin-bottom: 16px;
}
.bb-header[data-v-959e28f7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.bb-header h3[data-v-959e28f7] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.bb-header .bb-count[data-v-959e28f7] {
  font-size: 12px;
  color: #6b7280;
}
.bb-info[data-v-959e28f7] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #fef3c7;
  border-radius: 6px;
  margin-bottom: 12px;
  font-size: 12px;
  color: #3f484c;
}
.bb-list[data-v-959e28f7] {
  max-height: 300px;
  overflow-y: scroll; /* Force scrollbar to always show */
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
.bb-model-header[data-v-959e28f7] {
  padding: 8px 12px;
  background: #f9fafb;
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e7eb;
}
.bb-item[data-v-959e28f7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid #f3f4f6;
}
.bb-item[data-v-959e28f7]:last-child {
  border-bottom: none;
}
.bb-item.in-sprint[data-v-959e28f7] {
  background: #fef3c7;
}
.bb-item-left[data-v-959e28f7] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bb-item-left .bb-name[data-v-959e28f7] {
  font-size: 13px;
  color: #374151;
}
.bb-item-right[data-v-959e28f7] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.bb-item-right .in-sprint-badge[data-v-959e28f7] {
  padding: 2px 8px;
  background: #3f484c;
  color: #ffffff;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
}
.bb-item-right .bb-points[data-v-959e28f7] {
  font-size: 12px;
  color: #6b7280;
  min-width: 50px;
  text-align: right;
}

/* Settings Section */
.settings-section[data-v-959e28f7] {
  border-top: 1px solid #e5e7eb;
  padding-top: 16px;
  margin-bottom: 16px;
}
.settings-section h3[data-v-959e28f7] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 12px 0;
}
.setting-item[data-v-959e28f7] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}
.setting-text[data-v-959e28f7] {
  flex: 1;
}
.setting-text .setting-label[data-v-959e28f7] {
  display: block;
  font-size: 13px;
  color: #374151;
}
.setting-text .setting-hint[data-v-959e28f7] {
  display: block;
  font-size: 11px;
  color: #9ca3af;
}
.priority-select[data-v-959e28f7] {
  padding: 4px 8px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 12px;
}
.priority-select[data-v-959e28f7]:disabled {
  background: #f3f4f6;
  color: #9ca3af;
}

/* Summary Section */
.summary-section[data-v-959e28f7] {
  background: #f9fafb;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}
.summary-section h3[data-v-959e28f7] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 12px 0;
}
.summary-grid[data-v-959e28f7] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.summary-item[data-v-959e28f7] {
  display: flex;
  justify-content: space-between;
}
.summary-item .summary-label[data-v-959e28f7] {
  font-size: 12px;
  color: #6b7280;
}
.summary-item .summary-value[data-v-959e28f7] {
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
}

/* Danger Section */
.danger-section[data-v-959e28f7] {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
}
.danger-header[data-v-959e28f7] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #3f484c;
  margin-bottom: 8px;
}
.danger-text[data-v-959e28f7] {
  font-size: 12px;
  color: #3f484c;
  margin: 0 0 12px 0;
  line-height: 1.5;
}
.delete-btn[data-v-959e28f7] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #3f484c;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}
.delete-btn[data-v-959e28f7]:hover {
  background: #1f2937;
}
.delete-confirm p[data-v-959e28f7] {
  font-size: 12px;
  color: #3f484c;
  margin: 0 0 12px 0;
}
.delete-actions[data-v-959e28f7] {
  display: flex;
  gap: 8px;
}
.confirm-delete[data-v-959e28f7] {
  padding: 8px 16px;
  background: #3f484c;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.cancel-delete[data-v-959e28f7] {
  padding: 8px 16px;
  background: #ffffff;
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
}

/* Footer */
.panel-footer[data-v-959e28f7] {
  padding: 16px 20px;
  border-top: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.footer-hint[data-v-959e28f7] {
  font-size: 11px;
  color: #9ca3af;
  text-align: center;
  margin: 0 0 12px 0;
}
.footer-actions[data-v-959e28f7] {
  display: flex;
  gap: 12px;
}
.btn-cancel[data-v-959e28f7] {
  flex: 1;
  padding: 12px;
  background: #ffffff;
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}
.btn-cancel[data-v-959e28f7]:hover {
  background: #f3f4f6;
}
.btn-save[data-v-959e28f7] {
  flex: 1;
  padding: 12px;
  background: #ffcc00;
  color: #3f484c;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.btn-save[data-v-959e28f7]:hover {
  background: #febc2c;
}
.btn-view-board[data-v-959e28f7] {
  width: 100%;
  margin-top: 8px;
  padding: 10px 12px;
  background: transparent;
  color: #3f484c;
  border: 1px solid #3f484c;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-view-board[data-v-959e28f7]:hover {
  background: #3f484c;
  color: #ffffff;
}

/* Dropdown chevron indicator */
.field-select[data-v-959e28f7] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-right: 32px;
}
.priority-select[data-v-959e28f7] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 6px center;
  background-repeat: no-repeat;
  background-size: 14px;
  padding-right: 24px;
}

/* Unsaved Changes Modal */
.unsaved-changes-overlay[data-v-959e28f7] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.unsaved-changes-modal[data-v-959e28f7] {
  background: #ffffff;
  border-radius: 12px;
  padding: 24px;
  width: 400px;
  max-width: 90%;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.modal-icon[data-v-959e28f7] {
  margin-bottom: 16px;
}
.modal-icon svg[data-v-959e28f7] {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  color: #ffcc00;
}
.modal-title[data-v-959e28f7] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 8px 0;
}
.modal-message[data-v-959e28f7] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 24px 0;
}
.modal-actions[data-v-959e28f7] {
  display: flex;
  gap: 12px;
  justify-content: center;
}
.btn-discard[data-v-959e28f7] {
  padding: 10px 20px;
  background: #ffffff;
  color: #6b7280;
  border: 1px solid #6b7280;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.btn-discard[data-v-959e28f7]:hover {
  background: #f3f4f6;
}
.btn-stay[data-v-959e28f7] {
  padding: 10px 20px;
  background: #f3f4f6;
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.btn-stay[data-v-959e28f7]:hover {
  background: #e5e7eb;
}
.btn-save-close[data-v-959e28f7] {
  padding: 10px 20px;
  background: #febc2c;
  color: #3f484c;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.btn-save-close[data-v-959e28f7]:hover {
  background: #ffcc00;
}
.status-dot-wrapper[data-v-288f9395] {
    display: inline-flex;
    align-items: center;
    cursor: help;
}
.status-dot[data-v-288f9395] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    transition: transform 0.2s ease;
}
.status-dot-wrapper:hover .status-dot[data-v-288f9395] {
    transform: scale(1.2);
}
.panel-right-col[data-v-da9882f3] {
  flex: 0 0 40%; /* 40% of panel width for save button visibility */
  width: 40%;
  min-width: 220px;
  max-width: 320px;
  padding: 20px;
  background: #f9fafb;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  border-left: 1px solid #e5e7eb;
}
.metadata-fields[data-v-da9882f3] {
  flex: 1;
}
.field-group[data-v-da9882f3] {
  margin-bottom: 20px;
}
.field-label[data-v-da9882f3] {
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}
.field-select[data-v-da9882f3] {
  width: 100%;
  padding: 10px 12px;
  padding-right: 32px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  background: #ffffff;
  cursor: pointer;
  /* Chevron indicator for dropdowns */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 16px;
}
.field-select[data-v-da9882f3]:focus {
  outline: none;
  border-color: #FEBC2C;
}
.field-select[data-v-da9882f3]:disabled {
  background-color: #f3f4f6;
  color: #6b7280;
  cursor: not-allowed;
  /* Keep chevron visible even when disabled */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
}
.field-hint[data-v-da9882f3] {
  display: block;
  font-size: 10px;
  color: #9ca3af;
  font-style: italic;
  margin-top: 4px;
}
.field-value[data-v-da9882f3] {
  font-size: 14px;
  color: #374151;
}
.user-field[data-v-da9882f3] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
}
.field-avatar[data-v-da9882f3] {
  width: 28px !important;
  height: 28px !important;
  font-size: 11px !important;
  flex-shrink: 0;
}
.user-name[data-v-da9882f3] {
  font-size: 14px;
  color: #374151;
}
.unassigned-circle[data-v-da9882f3] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.unassigned-circle svg[data-v-da9882f3] {
  color: #9ca3af;
}
.unassigned-text[data-v-da9882f3] {
  font-size: 14px;
  color: #9ca3af;
}
.save-section[data-v-da9882f3] {
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
  margin-top: auto;
}
.save-btn[data-v-da9882f3] {
  width: 100%;
  justify-content: center;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  background: #FEBC2C !important;
  color: #2E4050 !important;
  border: none;
}
.save-btn[data-v-da9882f3]:hover {
  background: #e5a927 !important;
}/* 60/40 Push Panel - Flex-based layout */
.task-slide-panel[data-v-7dd990e3] {
  height: 100%;
  background: #ffffff;
  display: flex;
  flex-direction: column;
}
.panel-header[data-v-7dd990e3] {
  flex-shrink: 0;
}
.panel-content[data-v-7dd990e3] {
  flex: 1;
  display: flex;
  min-height: 0; /* Important for overflow in flex containers */
}
.panel-left-col[data-v-7dd990e3] {
  background: #ffffff;
}

/* Clean typography for form fields */
[data-v-7dd990e3] textarea {
  font-size: 13px;
  line-height: 1.6;
  /* Ensure text has proper padding inside field */
  padding: 12px !important;
  width: 100% !important;
}

/* Force all Textarea components to take full width - no indentation */
[data-v-7dd990e3] .textarea-component {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
[data-v-7dd990e3] .textarea-component__field-textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* All form field containers - full width */
.mb-4[data-v-7dd990e3], .mb-5[data-v-7dd990e3] {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Description view box - 3 lines visible with scroll */
.description-view-box[data-v-7dd990e3] {
  min-height: 72px; /* ~3 lines at 14px font + padding */
  max-height: 90px; /* Show ~3 lines */
  overflow-y: auto;
  padding: 12px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  line-height: 1.6;
  /* Always show scrollbar when content overflows */
}
.description-view-box[data-v-7dd990e3]::-webkit-scrollbar {
  width: 6px;
}
.description-view-box[data-v-7dd990e3]::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 3px;
}
.description-view-box[data-v-7dd990e3]::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}

/* Description textarea - resizable */
[data-v-7dd990e3] .description-textarea,[data-v-7dd990e3] .story-textarea {
  min-height: 90px !important;
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  resize: vertical; /* Allow vertical resizing */
  line-height: 1.7;
  padding: 12px !important;
  box-sizing: border-box !important;
  display: block !important;
}
[data-v-7dd990e3] .description-textarea::-moz-placeholder,[data-v-7dd990e3] .story-textarea::-moz-placeholder {
  color: #9ca3af;
}
[data-v-7dd990e3] .description-textarea::placeholder,[data-v-7dd990e3] .story-textarea::placeholder {
  color: #9ca3af;
}

/* User Story and Acceptance Criteria single blocks - FULL WIDTH, 3 rows visible */
[data-v-7dd990e3] .user-story-block,[data-v-7dd990e3] .acceptance-block {
  min-height: 110px !important; /* Taller to fit 3 lines + extra padding */
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  resize: vertical; /* Allow vertical resizing */
  line-height: 1.9; /* More line spacing for readability */
  padding: 14px 14px 20px 14px !important; /* Extra bottom padding to not cut off text */
  box-sizing: border-box !important;
  display: block !important;
}
[data-v-7dd990e3] .user-story-block::-moz-placeholder,[data-v-7dd990e3] .acceptance-block::-moz-placeholder {
  color: #9ca3af;
  white-space: pre-line;
}
[data-v-7dd990e3] .user-story-block::placeholder,[data-v-7dd990e3] .acceptance-block::placeholder {
  color: #9ca3af;
  white-space: pre-line;
}

/* Description section scroll indicator */
.description-scroll-container[data-v-7dd990e3] {
  max-height: 100px;
  overflow-y: auto;
  position: relative;
  /* Custom scrollbar matching app design */
}
.description-scroll-container[data-v-7dd990e3]::-webkit-scrollbar {
  width: 6px;
}
.description-scroll-container[data-v-7dd990e3]::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 3px;
}
.description-scroll-container[data-v-7dd990e3]::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}.dashboard-wrapper[data-v-89f90703] {
  background: #f5f7fa;
  min-height: calc(100vh - 64px);
  padding: 15px 15px 0 15px;
}
.dashboard-container[data-v-89f90703] {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 8px 8px 0 0;
  min-height: calc(100vh - 64px - 15px);
}
.dashboard-main[data-v-89f90703] {
  flex: 1;
  padding: 20px 24px 100px;
  overflow-y: auto;
}
.status-bar[data-v-89f90703] {
  background: #3F484C;
  color: white;
  padding: 16px 24px;
  border-radius: 8px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}
.status-primary[data-v-89f90703] {
  display: flex;
  align-items: center;
  gap: 24px;
}
.status-item[data-v-89f90703] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.status-label[data-v-89f90703] {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.8;
  font-weight: 600;
}
.status-value[data-v-89f90703] {
  font-size: 20px;
  font-weight: 700;
  font-family: "JetBrains Mono", monospace;
}
.status-badge[data-v-89f90703] {
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.15);
}
.status-badge.on-track[data-v-89f90703] {
  background: rgba(34, 197, 94, 0.9);
}
.status-badge.at-risk[data-v-89f90703] {
  background: rgba(244, 185, 66, 0.9);
  color: #1A1A2E;
}
.status-badge.behind[data-v-89f90703] {
  background: rgba(215, 58, 73, 0.9);
}
.pulse-dot[data-v-89f90703] {
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
  animation: pulse-89f90703 2s infinite;
}
@keyframes pulse-89f90703 {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.4;
}
}
.tab-bar[data-v-89f90703] {
  display: flex;
  gap: 0;
  border-bottom: 2px solid #e1e4e8;
  margin-bottom: 20px;
}
.tab-btn[data-v-89f90703] {
  padding: 10px 20px;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  font-size: 13px;
  font-weight: 600;
  color: #959da5;
  cursor: pointer;
  transition: color 0.15s, border-color 0.15s;
}
.tab-btn[data-v-89f90703]:hover {
  color: #586069;
}
.tab-btn.active[data-v-89f90703] {
  color: #3F484C;
  border-bottom-color: #F4B942;
}
.dashboard-grid[data-v-89f90703] {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
.card[data-v-89f90703] {
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.card-header[data-v-89f90703] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e1e4e8;
}
.card-title[data-v-89f90703] {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #586069;
}
.card-action[data-v-89f90703] {
  font-size: 12px;
  color: #3F484C;
  text-decoration: none;
  font-weight: 600;
}
.card-action[data-v-89f90703]:hover {
  text-decoration: underline;
}
.sprint-card[data-v-89f90703] {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
}
.sprint-info[data-v-89f90703] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}
.sprint-current[data-v-89f90703] {
  background: #f0f4f8;
  padding: 16px;
  border-radius: 6px;
}
.sprint-name[data-v-89f90703] {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #24292e;
}
.sprint-dates[data-v-89f90703] {
  font-size: 13px;
  color: #586069;
  margin-bottom: 12px;
}
.sprint-progress-bar[data-v-89f90703] {
  height: 6px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 8px;
}
.sprint-progress-fill[data-v-89f90703] {
  height: 100%;
  background: #22c55e;
  border-radius: 3px;
  transition: width 0.3s;
}
.sprint-days[data-v-89f90703] {
  font-size: 12px;
  color: #586069;
}
.metric-row[data-v-89f90703] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.metric-box[data-v-89f90703] {
  background: #f5f7fa;
  padding: 16px 12px;
  border-radius: 6px;
  min-height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.metric-label[data-v-89f90703] {
  font-size: 11px;
  color: #959da5;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin-bottom: 4px;
}
.metric-value[data-v-89f90703] {
  font-size: 22px;
  font-weight: 700;
  font-family: "JetBrains Mono", monospace;
  color: #24292e;
}
.metric-value.small[data-v-89f90703] {
  font-size: 18px;
}
.metric-value.success[data-v-89f90703] {
  color: #22c55e;
}
.metric-value.warning[data-v-89f90703] {
  color: #F4B942;
}
.metric-value.danger[data-v-89f90703] {
  color: #d73a49;
}
.chart-card[data-v-89f90703] {
  grid-column: span 4;
  min-height: 320px;
  display: flex;
  flex-direction: column;
}
.chart-container[data-v-89f90703] {
  flex: 1;
  position: relative;
  padding: 0 8px 10px 8px;
}
.chart-placeholder[data-v-89f90703] {
  width: 100%;
  flex: 1;
  background: #f5f7fa;
}
.chart-legend[data-v-89f90703] {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 8px 0 4px;
  border-radius: 6px;
  border: 1px solid #e1e4e8;
}
.chart-legend .legend-item[data-v-89f90703] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.chart-legend .legend-item span[data-v-89f90703] {
  font-size: 11px;
  color: #959da5;
}
.velocity-card[data-v-89f90703] {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
}
.velocity-bars[data-v-89f90703] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex: 1;
  min-height: 160px;
  gap: 8px;
  padding-bottom: 20px;
}
.velocity-bar[data-v-89f90703] {
  flex: 1;
  background: #9ca3af;
  border-radius: 4px 4px 0 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  transition: all 0.3s;
}
.velocity-bar.current[data-v-89f90703] {
  background: #F4B942;
}
.velocity-bar.future[data-v-89f90703] {
  background: #e5e7eb;
}
.velocity-bar-label[data-v-89f90703] {
  font-size: 10px;
  color: #959da5;
  position: absolute;
  bottom: -20px;
  white-space: nowrap;
}
.velocity-bar-value[data-v-89f90703] {
  color: #24292e;
  font-size: 11px;
  font-weight: 700;
  padding: 4px;
}
.velocity-summary[data-v-89f90703] {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  padding-top: 14px;
  border-top: 1px solid #e1e4e8;
  gap: 8px;
}
.vel-stat[data-v-89f90703] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.vel-stat__label[data-v-89f90703] {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #959da5;
  font-weight: 600;
}
.vel-stat__value[data-v-89f90703] {
  font-size: 18px;
  font-weight: 700;
  font-family: "JetBrains Mono", monospace;
  color: #24292e;
  display: flex;
  align-items: center;
  gap: 4px;
}
.vel-stat--current .vel-stat__value[data-v-89f90703] {
  color: #3F484C;
}
.vel-tick[data-v-89f90703] {
  flex-shrink: 0;
}
.points-card[data-v-89f90703] {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
}
.points-grid[data-v-89f90703] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  padding: 12px 0;
  flex: 1;
  align-content: center;
}
.point-circle[data-v-89f90703] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.circle-chart[data-v-89f90703] {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.circle-chart[data-v-89f90703]::before {
  content: "";
  width: 85px;
  height: 85px;
  background: #ffffff;
  border-radius: 50%;
  position: absolute;
}
.circle-value[data-v-89f90703] {
  font-size: 24px;
  font-weight: 700;
  font-family: "JetBrains Mono", monospace;
  z-index: 1;
}
.circle-label[data-v-89f90703] {
  font-size: 12px;
  color: #586069;
  font-weight: 600;
}
.circle-sublabel[data-v-89f90703] {
  font-size: 11px;
  color: #959da5;
}
.points-footer[data-v-89f90703] {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #e1e4e8;
}
.distribution-card[data-v-89f90703] {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
}
.distribution-list[data-v-89f90703] {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}
.distribution-item[data-v-89f90703] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  border-radius: 6px;
  background: #f5f7fa;
  transition: all 0.2s;
}
.distribution-item[data-v-89f90703]:hover {
  background: #e1e4e8;
  transform: translateX(4px);
}
.distribution-left[data-v-89f90703] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.distribution-color[data-v-89f90703] {
  width: 12px;
  height: 12px;
  border-radius: 3px;
}
.distribution-label[data-v-89f90703] {
  font-size: 13px;
  font-weight: 600;
}
.distribution-value[data-v-89f90703] {
  font-size: 14px;
  font-weight: 700;
  font-family: "JetBrains Mono", monospace;
}
.blocks-card[data-v-89f90703] {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
}
.blocks-list[data-v-89f90703] {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}
.block-item[data-v-89f90703] {
  padding: 4px 0;
}
.block-header[data-v-89f90703] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.block-name[data-v-89f90703] {
  font-size: 12px;
  font-weight: 700;
  font-family: "JetBrains Mono", monospace;
  color: #24292e;
}
.block-progress[data-v-89f90703] {
  font-size: 11px;
  color: #959da5;
  font-weight: 600;
}
.block-bar[data-v-89f90703] {
  height: 8px;
  background: #f5f7fa;
  border-radius: 4px;
  overflow: hidden;
}
.block-bar-fill[data-v-89f90703] {
  height: 100%;
  background: #F4B942;
  border-radius: 4px;
  transition: width 0.5s ease;
}
.programme-panel[data-v-89f90703] {
  min-height: 400px;
}
.prog-loading[data-v-89f90703] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 0;
  font-size: 14px;
  color: #959da5;
}
.prog-error[data-v-89f90703] {
  padding: 40px;
  text-align: center;
  color: #d73a49;
  font-size: 14px;
}
.prog-metrics[data-v-89f90703] {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}
.prog-metric-card[data-v-89f90703] {
  flex: 1;
  background: #f5f7fa;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
}
.prog-metric-card--complete[data-v-89f90703] {
  border-top: 3px solid #22c55e;
}
.prog-metric-card--inprogress[data-v-89f90703] {
  border-top: 3px solid #F4B942;
}
.prog-metric-card--pct[data-v-89f90703] {
  border-top: 3px solid #3F484C;
}
.prog-metric-value[data-v-89f90703] {
  font-size: 28px;
  font-weight: 700;
  font-family: "JetBrains Mono", monospace;
  color: #24292e;
}
.prog-metric-label[data-v-89f90703] {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: #959da5;
  margin-top: 4px;
}
.prog-body[data-v-89f90703] {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 20px;
  align-items: start;
}
.prog-steps[data-v-89f90703] {
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  overflow: hidden;
}
.prog-steps__heading[data-v-89f90703] {
  padding: 12px 16px;
  background: #3F484C;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.prog-step[data-v-89f90703] {
  padding: 12px 16px;
  cursor: pointer;
  border-bottom: 1px solid #e1e4e8;
  transition: background 0.15s;
}
.prog-step[data-v-89f90703]:last-child {
  border-bottom: none;
}
.prog-step[data-v-89f90703]:hover {
  background: #f5f7fa;
}
.prog-step--active[data-v-89f90703] {
  background: #fef9e7;
}
.prog-step__header[data-v-89f90703] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.prog-step__number[data-v-89f90703] {
  font-size: 11px;
  font-weight: 700;
  color: #959da5;
  min-width: 20px;
  font-family: "JetBrains Mono", monospace;
}
.prog-step__name[data-v-89f90703] {
  flex: 1;
  font-size: 13px;
  font-weight: 600;
  color: #24292e;
}
.prog-step__count[data-v-89f90703] {
  font-size: 11px;
  color: #959da5;
  font-family: "JetBrains Mono", monospace;
}
.prog-step__bar[data-v-89f90703] {
  height: 4px;
  background: #e1e4e8;
  border-radius: 2px;
  overflow: hidden;
}
.prog-step__bar-fill[data-v-89f90703] {
  height: 100%;
  background: #F4B942;
  border-radius: 2px;
  transition: width 0.4s;
}
.prog-detail[data-v-89f90703] {
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  overflow: hidden;
}
.prog-detail__heading[data-v-89f90703] {
  padding: 12px 16px;
  background: #f5f7fa;
  font-size: 13px;
  font-weight: 700;
  color: #3F484C;
  border-bottom: 1px solid #e1e4e8;
}
.prog-detail__empty[data-v-89f90703] {
  padding: 40px;
  text-align: center;
  font-size: 14px;
  color: #959da5;
}
.prog-blueprint-list[data-v-89f90703] {
  display: flex;
  flex-direction: column;
}
.prog-blueprint[data-v-89f90703] {
  padding: 14px 16px;
  border-bottom: 1px solid #e1e4e8;
}
.prog-blueprint[data-v-89f90703]:last-child {
  border-bottom: none;
}
.prog-blueprint__top[data-v-89f90703] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.prog-blueprint__name[data-v-89f90703] {
  font-size: 13px;
  font-weight: 600;
  color: #24292e;
}
.prog-blueprint__bar[data-v-89f90703] {
  height: 6px;
  background: #e1e4e8;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 4px;
}
.prog-blueprint__bar-fill[data-v-89f90703] {
  height: 100%;
  background: #F4B942;
  border-radius: 3px;
  transition: width 0.4s;
}
.prog-blueprint__meta[data-v-89f90703] {
  font-size: 11px;
  color: #959da5;
}
.prog-status[data-v-89f90703] {
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 12px;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.prog-status--complete[data-v-89f90703] {
  background: #dcfce7;
  color: #166534;
}
.prog-status--in-progress[data-v-89f90703] {
  background: #fef9e7;
  color: #92400e;
}
.prog-status--not-started[data-v-89f90703] {
  background: #f5f7fa;
  color: #959da5;
}
.raid-placeholder[data-v-89f90703] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  border: 1px dashed #e1e4e8;
  border-radius: 8px;
}
.raid-placeholder__text[data-v-89f90703] {
  font-size: 14px;
  color: #959da5;
}
.dashboard-footer[data-v-89f90703] {
  position: fixed;
  bottom: 0;
  left: 80px;
  right: 0;
  background: #ffffff;
  border-top: 1px solid #e1e4e8;
  padding: 16px 24px;
  display: flex;
  z-index: 100;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease;
}
.dashboard-footer.hidden[data-v-89f90703] {
  transform: translateY(100%);
}
.footer-toggle[data-v-89f90703] {
  position: absolute;
  top: -36px;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-bottom: none;
  padding: 6px 16px;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  font-size: 12px;
  color: #586069;
  display: flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.04);
}
.footer-left[data-v-89f90703], .footer-right[data-v-89f90703] {
  display: flex;
  gap: 12px;
}
.btn[data-v-89f90703] {
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.btn-secondary[data-v-89f90703] {
  background: #ffffff;
  color: #586069;
  border: 1px solid #e1e4e8;
}
.btn-secondary[data-v-89f90703]:hover {
  background: #f5f7fa;
  border-color: #959da5;
}
.btn-primary[data-v-89f90703] {
  background: #F4B942;
  color: #3F484C;
}
.btn-primary[data-v-89f90703]:hover {
  filter: brightness(0.92);
  transform: translateY(-1px);
}
.footer-nav[data-v-89f90703] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 20px;
  border-left: 1px solid #e1e4e8;
  border-right: 1px solid #e1e4e8;
}
.nav-label[data-v-89f90703] {
  font-size: 12px;
  color: #959da5;
  font-weight: 600;
}
.dropdown[data-v-89f90703] {
  position: relative;
}
.dropdown-btn[data-v-89f90703] {
  padding: 8px 12px;
  background: #f5f7fa;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}
.dropdown-btn[data-v-89f90703]:hover {
  background: #e1e4e8;
}
.dropdown-menu[data-v-89f90703] {
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  min-width: 200px;
  z-index: 200;
  overflow: hidden;
}
.dropdown-item[data-v-89f90703] {
  width: 100%;
  padding: 10px 14px;
  background: none;
  border: none;
  text-align: left;
  font-size: 13px;
  font-weight: 500;
  color: #24292e;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.15s;
}
.dropdown-item[data-v-89f90703]:hover {
  background: #f5f7fa;
}
.dropdown-item.current[data-v-89f90703] {
  background: rgba(63, 72, 76, 0.06);
  color: #3F484C;
  cursor: default;
}
.dropdown-item[data-v-89f90703]:disabled {
  cursor: default;
}
.dropdown-item .item-icon[data-v-89f90703] {
  font-size: 14px;
}
@media (max-width: 1400px) {
.sprint-card[data-v-89f90703], .chart-card[data-v-89f90703], .velocity-card[data-v-89f90703], .points-card[data-v-89f90703],
  .distribution-card[data-v-89f90703], .blocks-card[data-v-89f90703] {
    grid-column: span 6;
}
}
@media (max-width: 900px) {
.sprint-card[data-v-89f90703], .chart-card[data-v-89f90703], .velocity-card[data-v-89f90703], .points-card[data-v-89f90703],
  .distribution-card[data-v-89f90703], .blocks-card[data-v-89f90703] {
    grid-column: span 12;
}
.footer-nav[data-v-89f90703] {
    display: none;
}
.status-primary[data-v-89f90703] {
    flex-wrap: wrap;
    gap: 16px;
}
.status-bar[data-v-89f90703] {
    flex-direction: column;
    gap: 16px;
    text-align: center;
}
.prog-body[data-v-89f90703] {
    grid-template-columns: 1fr;
}
.prog-metrics[data-v-89f90703] {
    flex-wrap: wrap;
}
.prog-metric-card[data-v-89f90703] {
    min-width: 100px;
}
}.project-detail_sidebar {
  width: 0;
  background-color: white;
  transition: all 0.3s ease;
  overflow: hidden;
}
.project-detail_sidebar .wrapper {
  padding: 70px 20px 20px 20px;
}
.project-detail_sidebar .wrapper .version-text {
  color: #3c79e6;
}
.project-detail_sidebar .wrapper table {
  width: 560px;
}
.project-detail_sidebar .wrapper table thead {
  padding: 10px;
}
.project-detail_sidebar .wrapper .close-icon {
  position: absolute;
  right: 0;
  top: 0;
}
.project-detail_sidebar .wrapper .close-icon button {
  padding: 10px;
  transition: all 0.3s ease;
}
.project-detail_sidebar .wrapper .close-icon button:hover {
  background-color: #f4f4f4;
}
.project-detail_sidebar.open {
  width: 600px !important;
}
.project-detail {
  padding: 20px;
  background: #ffffff;
  border: 1px solid #e8edf2;
  border-radius: 10px;
  min-height: calc(100vh - 145px);
  transition: all 0.3s;
}
.project-detail .project-models__point span:first-child {
  margin-right: 5px;
}
.project-detail__header {
  border-bottom: 1px solid #dadada;
}
.project-detail .models__item-header--actions input:checked, .project-detail .project-models__point--action input:checked {
  border: 2px solid #099954;
}
.project-detail__actions-btns .continue-work {
  transition: all 0.2s;
  position: absolute !important;
  right: 0;
  align-items: center;
  border-radius: 5px;
  margin-right: 0 !important;
  justify-content: center;
}
.project-detail__actions-btns .continue-work:hover svg rect, .project-detail__actions-btns .continue-work:hover svg path {
  stroke: #febc2c !important;
}
.project-detail__actions-btns .back {
  transition: all 0.2s;
  margin-right: 7px;
  border-radius: 0;
  top: 3px;
}
.project-detail__actions-btns .back:hover {
  background: rgba(35, 35, 35, 0.062745098);
  border-radius: 5px;
}
.project-detail__actions-btns .back:hover svg {
  stroke: #febc2c;
}
.project-detail__actions-btns button.active {
  border-bottom: 3px solid #febc2c;
  color: #4a4a4a;
}
.project-detail__actions-btns a {
  border-right: 1px solid #232323;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
}
.project-detail__actions-btns button {
  height: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #7a8487;
  padding: 0 14px;
}
.scope-tab-container {
  position: relative;
  min-height: calc(100vh - 250px);
  padding-bottom: 100px; /* Account for the fixed footer */
}

/* Scope tab action button - Update (grey) / Save (yellow) */
.scope-action-btn {
  /* Default state: "Update" with grey background */
  background-color: #e5e7eb;
  color: #6b7280;
  border: 2px solid #d1d5db;
  transition: all 0.2s ease;
  padding: 12px 28px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  min-width: 100px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  /* Changed state: "Save" with yellow background */
  /* Saving state */
}
.scope-action-btn:hover:not(:disabled) {
  background-color: #d1d5db;
}
.scope-action-btn--changed {
  background-color: #febc2c;
  color: #1f2937;
  border-color: #febc2c;
}
.scope-action-btn--changed:hover:not(:disabled) {
  background-color: #f59e0b;
  border-color: #f59e0b;
}
.scope-action-btn--saving {
  opacity: 0.7;
  cursor: not-allowed;
}
.scope-action-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Control Bar Button Styles */
.control-btn {
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s ease;
  min-width: 90px;
  /* Navigation buttons (Back/Next) */
  /* Cancel button */
  /* Save button - Default is white/grey, active is yellow */
  /* Disabled state - white/grey */
}
.control-btn--nav {
  background-color: #ffffff;
  color: #374151;
  border: 1px solid #d1d5db;
}
.control-btn--nav:hover {
  background-color: #f9fafb;
  border-color: #9ca3af;
}
.control-btn--cancel {
  background-color: #ffffff;
  color: #6b7280;
  border: 1px solid #d1d5db;
}
.control-btn--cancel:hover {
  background-color: #f3f4f6;
}
.control-btn--save {
  /* Default state: white background, grey text (when disabled/not editing) */
  background-color: #ffffff;
  color: #9ca3af;
  border: 1px solid #d1d5db;
  /* Active state: Yellow (#FFCC00) with black text - applied when NOT disabled */
}
.control-btn--save:not(:disabled):not(.control-btn--disabled) {
  background-color: #ffcc00;
  color: #000000;
  border: 2px solid #ffcc00;
}
.control-btn--save:not(:disabled):not(.control-btn--disabled):hover {
  background-color: #e6b800;
  border-color: #e6b800;
}
.control-btn--disabled {
  background-color: #ffffff !important;
  color: #9ca3af !important;
  border-color: #d1d5db !important;
  cursor: not-allowed;
}
.control-btn--disabled:hover {
  background-color: #ffffff !important;
}
.control-btn:disabled {
  cursor: not-allowed;
}.user-avatar {
  width: 2.75rem;
  height: 2.75rem;
}.project-card {
  width: 100%;
  height: 230px;
  background: #F4F7FA;
  border-radius: 10px;
  position: relative;
  min-width: 290px;
}
.project-card.chose {
  border: 1px solid #FEBC2C;
}
.project-card__information {
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #DBE5ED;
  margin-bottom: 16px;
}
.project-card__project-name-title {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #4A4A4A;
  text-align: left;
}
.project-card__project-name-title > div:first-child {
  height: 24px;
  overflow: hidden;
}
.project-card__project-name-subtitle {
  height: 27px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: #7A8487;
  overflow: hidden;
}
.project-card__project-name-avatar {
  width: 46px;
  height: 46px;
  background: #FFFFFF;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-card__information-action {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}
.project-card__information-action__notification {
  position: relative;
  cursor: pointer;
  height: 21px;
  margin-right: 0;
}
.project-card__information-action__notification_count {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: #099954;
  height: 8px;
  width: 9px;
  border-radius: 50%;
  box-shadow: 0px 2px 6px 0px rgba(17, 19, 22, 0.8901960784);
}
.project-card__information-action__action {
  cursor: pointer;
}
.project-card__information-action__action .action-project {
  padding: 8px 10px 3px 10px;
}
.project-card__information-action__action .action-project span {
  margin-left: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #2E4050;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.project-card__information-action__action .action-project svg rect, .project-card__information-action__action .action-project svg path, .project-card__information-action__action .action-project:hover svg rect, .project-card__information-action__action .action-project:hover svg svg {
  transition: all 0.1s;
}
.project-card__information-action__action .action-project.first_link:hover svg rect, .project-card__information-action__action .action-project.second_link:hover svg rect, .project-card__information-action__action .action-project.there_link:hover svg rect, .project-card__information-action__action .action-project.four_link:hover svg rect {
  fill: #303030;
}
.project-card__information-action__action .action-project.first_link:hover svg path, .project-card__information-action__action .action-project.second_link:hover svg path, .project-card__information-action__action .action-project.four_link:hover svg path {
  fill: #ffffff;
}
.project-card__information-action__action .action-project.there_link:hover svg path {
  stroke: #ffffff;
}
.project-card__information-action__action .customWidthProjectCard {
  width: 220px; /* Expanded width to fit full labels and icons */
  right: -13px;
  top: 23px;
}
.project-card__information-action__action .customWidthProjectCard > div {
  border-radius: 12px !important;
  padding: 2px 0 5px 0;
}
.project-card__information-action__action .action-project.four_link.active svg rect {
  fill: #303030;
}
.project-card__information-action__action .action-project.four_link.active svg path {
  fill: #ffffff;
}
.project-card__information-action__action .customWidthProjectCard > div:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  top: -8px;
  left: 137px;
}
.project-card__users {
  align-items: center;
  padding-bottom: 17px;
  border-bottom: 1px solid #DBE5ED;
  margin-bottom: 16px;
  height: 62px;
}
.project-card__users > p {
  margin-right: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #4A4A4A;
}
.project-card__users-person {
  margin-right: 4px;
  height: 44px;
  width: 44px;
  border-radius: 50%;
}
.project-card__users a {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #4A4A4A;
  position: relative;
  right: 6px;
}
.project-card {
  transition: all 0.3s ease;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.project-card.show-actions {
  transform: scale(1.02);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.project-card .project-card__project-name,
.project-card .project-card__project-name-title,
.project-card .project-card__project-name-subtitle,
.project-card .project-card__users {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.project-card .project-card__information {
  display: flex !important;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 10px;
  border-bottom: 1px solid #DBE5ED;
  margin-bottom: 16px;
}
.project-card__information-action {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex-shrink: 0;
  min-width: auto;
}
.project-card__information-action > .action-icon,
.project-card__information-action > div {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.project-card__information-action .action-icon {
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  padding: 2px;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.project-card__information-action .action-icon:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.project-card__information-action .action-icon.favorite-icon {
  order: 1;
}
.project-card__information-action .action-icon.notification-icon {
  order: 2;
  position: relative;
}
.project-card__information-action .action-icon.notification-icon .notification-badge {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: #099954;
  height: 8px;
  width: 8px;
  border-radius: 50%;
}
.project-card__information-action .action-icon.menu-icon {
  order: 3;
}
.project-card .project-card__project-name a {
  display: flex !important;
  visibility: visible !important;
  align-items: center;
}
.project-card .project-card__project-name-title {
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  color: #4A4A4A !important;
  text-align: left;
}
.project-card .project-card__project-name-title > div:first-child {
  height: 24px;
  overflow: hidden;
  color: #4A4A4A !important;
}
.project-card .project-card__project-name-subtitle {
  height: 27px;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 26px !important;
  color: #7A8487 !important;
  overflow: hidden;
}
.project-card .project-card__users {
  display: flex !important;
  align-items: center;
  padding-bottom: 17px;
  border-bottom: 1px solid #DBE5ED;
  margin-bottom: 16px;
  height: 62px;
}
.project-card .project-card__users > p {
  margin-right: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #4A4A4A !important;
}
.project-card__action-buttons {
  display: flex;
  gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #f0f0f0;
  animation: slideIn 0.3s ease-out;
}
@keyframes slideIn {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.action-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #ffffff;
  color: #666666;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.action-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.action-btn .action-btn-icon {
  width: 18px;
  height: 18px;
}
.design-process-btn:hover {
  border-color: #FFCC00;
  background: #fffbf0;
  color: #1a1a1a;
}
.kanban-btn:hover {
  border-color: #4285f4;
  background: #f0f4ff;
  color: #1a1a1a;
}
/* Dropdown menu styling for project card actions */
.drop-wrapper {
  /* Dropdown content container - soft drop shadow only, no border */
}
.drop-wrapper .rounded-md.ring-1 {
  margin: 4px; /* Reduced margin (50% of previous) */
  padding: 4px 0; /* Reduced vertical padding */
  background: #ffffff;
  border-radius: 6px;
  border: none !important; /* No border, just shadow */
  ring: none !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); /* Softer, wider shadow */
  position: relative;
  /* Pointer arrow at top */
  /* Shadow for pointer */
}
.drop-wrapper .rounded-md.ring-1::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 12px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  z-index: 1;
}
.drop-wrapper .rounded-md.ring-1::after {
  content: "";
  position: absolute;
  top: -8px;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(0, 0, 0, 0.06);
  z-index: 0;
}
/* Placeholder links for empty fields */
.placeholder-link {
  color: #3B82F6; /* Blue color to indicate clickable */
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.placeholder-link:hover {
  color: #2563EB;
  text-decoration: underline;
}
.placeholder-link .plus-icon {
  font-size: 16px;
  font-weight: 600;
  color: inherit;
}
/* Action menu items - minimalist design */
.action-project {
  display: flex;
  align-items: center;
  gap: 8px; /* Reduced gap (from 12px) */
  padding: 6px 10px; /* Reduced padding (from 10px 16px) */
  margin: 0 4px; /* Reduced side margins (from 8px) */
  border-radius: 4px;
  transition: background-color 0.2s;
  cursor: pointer;
  color: #4a4a4a;
  font-size: 13px;
  font-weight: 500;
  /* Icon styling - smaller */
}
.action-project:hover {
  background-color: #f5f5f5;
}
.action-project svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.action-project span {
  white-space: nowrap;
}.section-title[data-v-01efa9fc] {
  font-size: 20px;
  font-weight: 600;
  color: #1F2937;
  margin-bottom: 16px;
}
.project-list__projects-box[data-v-01efa9fc] {
  margin-bottom: 24px;
  display: block !important;
  visibility: visible !important;
}
.projects-box--items[data-v-01efa9fc] {
  width: 100%;
  display: block !important;
  visibility: visible !important;
}
.projects-box--grid[data-v-01efa9fc] {
  display: grid;
  grid-template-columns: repeat(4, minmax(260px, 1fr));
  gap: 16px;
}
.projects-box--item[data-v-01efa9fc] {
  height: 100%;
  display: block !important;
  visibility: visible !important;
  width: 100%;
  min-width: 0;
}
.projects-box--item[data-v-01efa9fc] .card-hoba {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #F4F7FA !important;
}
.projects-box--item[data-v-01efa9fc] .project-card {
  height: 230px;
  min-width: 0;
  width: 100%;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.projects-box--item[data-v-01efa9fc] .project-card__information {
  display: flex !important;
  visibility: visible !important;
}
.projects-box--item[data-v-01efa9fc] .project-card__project-name {
  display: block !important;
  visibility: visible !important;
}
.projects-box--item[data-v-01efa9fc] .project-card__project-name-title {
  color: #4A4A4A !important;
  visibility: visible !important;
}
.projects-box--item[data-v-01efa9fc] .project-card__users {
  display: flex !important;
  visibility: visible !important;
}
@media (max-width: 1200px) {
.projects-box--grid[data-v-01efa9fc] {
    grid-template-columns: repeat(3, minmax(260px, 1fr));
}
}
@media (max-width: 900px) {
.projects-box--grid[data-v-01efa9fc] {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
}
}
@media (max-width: 600px) {
.projects-box--grid[data-v-01efa9fc] {
    grid-template-columns: 1fr;
}
}.container-rounded {
  border-radius: 20px;
}
.wrapper-actions-handled__filter {
  justify-content: flex-end;
  margin-bottom: 7px;
  padding-right: 20px;
}
.customWidth {
  width: 138px;
}
.project-box {
  background: #ffffff;
  border: 1px solid #e8edf2;
  border-radius: 10px;
  /* Handle on hover */
}
.project-box__list {
  height: 100%;
}
.project-box__list::-webkit-scrollbar-track {
  background-color: #dddddd;
  border-radius: 10px;
  height: 10px;
}
.project-box__list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #f5f5f5;
}
.project-box__list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #979797;
}
.project-box__list::-webkit-scrollbar-thumb:hover {
  background: #797979;
}
.project-box__actions {
  align-items: center;
  height: 50px;
  margin-bottom: 16px;
  padding: 0 20px;
}
.project-box__actions-handled {
  margin-left: 21px;
}
.project-box__actions-handled__add-btn {
  cursor: pointer;
}
.project-box__actions-handled__add-btn button {
  margin-left: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #2e4050;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.project-box__actions-handled__add-btn__icon {
  height: 34px;
  display: flex;
  width: 34px;
  background: #febc2c;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
}
.project-box__actions-handled__filter > p {
  margin-top: 4px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #939393;
}
.project-box__actions-handled__filter .filter-btn {
  height: 40px;
  width: 40px;
  border: 1px solid #303030;
  border-radius: 4px;
  display: flex;
  justify-content: center;
}
.project-box__actions-handled__filter .dropdown-filter {
  margin-left: 8px;
  width: 140px;
  height: 34px;
  border: 1px solid #979797;
  border-radius: 4px;
  position: relative;
}
.project-box__actions-handled__filter .dropdown-filter .selected-data {
  width: 140px;
  height: 34px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #4a4a4a;
  cursor: pointer;
  padding: 4px 10px;
}
.project-box__actions-handled__filter .dropdown-filter .icon-down-chevron {
  position: absolute;
  right: 10px;
  top: 14px;
}
.project-box__actions-btns button.action {
  background: #febc2c;
}
.project-box__actions-btns button {
  height: 50px;
  width: 143px;
  border-radius: 38px;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #4a4a4a;
}
.project-box__actions-search {
  width: 382px;
  margin: 0 auto;
}
.project-box__actions-search input {
  width: 382px;
  height: 33px;
  border: 1px solid #979797;
  border-radius: 4px;
  padding-right: 43px;
}
.project-box__actions-search input::-moz-placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #515151;
}
.project-box__actions-search input::placeholder, .project-box__actions-search input {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #515151;
}
.project-box__actions-search button {
  position: absolute !important;
  width: 33px;
  height: 33px;
  right: 0;
  padding-left: 8px;
}.project-selector[data-v-1bcb93e8] {
  position: relative;
  display: inline-block;
  z-index: 1000; /* High enough to appear above other page content */
}
.selector-button[data-v-1bcb93e8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  background: #f4f7fa; /* Match project card background EXACTLY */
  border: 1px solid #e8edf2;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 250px; /* Fixed width - matches dropdown */
  min-width: 250px;
  max-width: 250px;
  position: relative;
}
.selector-button[data-v-1bcb93e8]:hover, .selector-button.is-hovered[data-v-1bcb93e8] {
  background: #e8edf2; /* Slightly darker grey on hover */
  border-color: #d1d5db;
}
.selector-button.is-open[data-v-1bcb93e8] {
  border-color: #ffcc00;
  box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.2);
}
.selector-content[data-v-1bcb93e8] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.selector-avatar[data-v-1bcb93e8] {
  width: 28px !important;
  height: 28px !important;
  border-radius: 4px;
  flex-shrink: 0;
}
.selector-avatar[data-v-1bcb93e8] img,
.selector-avatar[data-v-1bcb93e8] .user-avatar {
  width: 28px !important;
  height: 28px !important;
  border-radius: 4px !important;
}
.selector-name[data-v-1bcb93e8] {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}
.selector-name.placeholder[data-v-1bcb93e8] {
  color: #6b7280;
  font-weight: 500;
}
.selector-placeholder-icon[data-v-1bcb93e8] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
  border-radius: 4px;
}
.selector-button.no-project[data-v-1bcb93e8] {
  border-style: dashed;
  border-color: #d1d5db;
}
.selector-button.no-project[data-v-1bcb93e8]:hover {
  border-color: #ffcc00;
  background: #fffbf0;
}
.selector-indicator[data-v-1bcb93e8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #6b7280;
  transition: all 0.2s ease;
}
.selector-indicator.is-hovered[data-v-1bcb93e8] {
  background: #ffcc00;
  color: #000000;
}
.selector-tooltip[data-v-1bcb93e8] {
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  background: #1a1a1a;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 100;
}
.selector-tooltip[data-v-1bcb93e8]::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #1a1a1a;
}
.selector-dropdown[data-v-1bcb93e8] {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 250px; /* Match button width EXACTLY */
  min-width: 250px;
  max-width: 250px; /* Prevent expansion */
  background: #ffffff;
  border: 1px solid #e8edf2;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); /* Stronger shadow */
  z-index: 10000; /* Very high z-index to appear above project cards */
  overflow: hidden;
}
.dropdown-search[data-v-1bcb93e8] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  border-bottom: 1px solid #e8edf2;
}
.dropdown-search .search-icon[data-v-1bcb93e8] {
  flex-shrink: 0;
}
.dropdown-search .search-input[data-v-1bcb93e8] {
  flex: 1;
  border: none;
  outline: none;
  font-size: 14px;
  color: #1a1a1a;
  background: transparent;
}
.dropdown-search .search-input[data-v-1bcb93e8]::-moz-placeholder {
  color: #a7b6c4;
}
.dropdown-search .search-input[data-v-1bcb93e8]::placeholder {
  color: #a7b6c4;
}
.dropdown-list[data-v-1bcb93e8] {
  max-height: 240px;
  overflow-y: auto;
  padding: 8px;
}
.dropdown-item[data-v-1bcb93e8] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.dropdown-item[data-v-1bcb93e8]:hover:not(.is-current) {
  background: #f8f9fa;
}
.dropdown-item.is-current[data-v-1bcb93e8] {
  background: #fff8e7;
  cursor: default;
  border: 1px solid #febc2c;
}
.dropdown-item .item-avatar[data-v-1bcb93e8] {
  width: 32px !important;
  height: 32px !important;
  border-radius: 6px;
  flex-shrink: 0;
}
.dropdown-item .item-avatar[data-v-1bcb93e8] img,
.dropdown-item .item-avatar[data-v-1bcb93e8] .user-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 6px !important;
}
.dropdown-item .item-name[data-v-1bcb93e8] {
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.dropdown-item .current-badge[data-v-1bcb93e8] {
  font-size: 11px;
  font-weight: 600;
  color: #febc2c;
  background: #ffffff;
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid #febc2c;
}
.dropdown-empty[data-v-1bcb93e8] {
  padding: 16px;
  text-align: center;
  color: #6b7280;
  font-size: 14px;
}
.dropdown-footer[data-v-1bcb93e8] {
  display: block;
  padding: 12px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  border-top: 1px solid #e8edf2;
  transition: all 0.15s ease;
}
.dropdown-footer[data-v-1bcb93e8]:hover {
  background: #f8f9fa;
  color: #1a1a1a;
}
.dropdown-fade-enter-active[data-v-1bcb93e8],
.dropdown-fade-leave-active[data-v-1bcb93e8] {
  transition: all 0.2s ease;
}
.dropdown-fade-enter-from[data-v-1bcb93e8],
.dropdown-fade-leave-to[data-v-1bcb93e8] {
  opacity: 0;
  transform: translateY(-8px);
}
.selector-button.is-animating[data-v-1bcb93e8] {
  animation: projectRollUp-1bcb93e8 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@keyframes projectRollUp-1bcb93e8 {
0% {
    transform: translateY(20px) scaleY(0.8);
    opacity: 0;
}
50% {
    transform: translateY(-4px) scaleY(1.02);
    opacity: 1;
}
100% {
    transform: translateY(0) scaleY(1);
    opacity: 1;
}
}
.selector-name[data-v-1bcb93e8] {
  max-width: 160px; /* Adjusted for wider button */
}
.notifications-message__name {
    font-weight: 700;
}
.notifications-message {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 21px;
    max-height: 48px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.notifications[data-v-22816008]:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  top: -8px;
  right: 15px;
}
.notifications[data-v-22816008] {
  width: 330px;
}
.notifications .overload[data-v-22816008] {
  width: 100% !important;
}
.notifications .overload img[data-v-22816008] {
  width: 50px;
  height: 50px;
}
.notifications--actions a[data-v-22816008] {
  text-align: center;
  display: block;
  padding: 10px;
  color: #febc2c;
  text-decoration: underline;
  transition: all 0.3s;
}
.notifications--actions a[data-v-22816008]:hover {
  background-color: #f2f2f2;
  transition: all 0.3s;
}
.notifications .isRead .notifications-message[data-v-22816008], .notifications .isRead .notifications-info[data-v-22816008] {
  color: #2e4050;
  opacity: 0.5;
}
.notifications .isDoc[data-v-22816008] {
  display: flex;
  align-items: normal;
}
.notifications .isDoc button[data-v-22816008] {
  margin-top: 16px;
  border-radius: 11px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
}
.notifications > p[data-v-22816008] {
  padding: 12px 12px 0 12px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #6a869f;
  margin-bottom: 7px;
}
.notifications-item[data-v-22816008] {
  padding: 12px;
  border-bottom: 1px solid #e3ebf2;
  transition: all 0.3s;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.notifications-item[data-v-22816008]:hover {
  background-color: #f2f2f2;
  transition: all 0.3s;
}
.notifications-avatar .project-card__users-person[data-v-22816008] {
  width: 38px;
  height: 38px;
  margin-right: 10px;
}
.notifications-avatar[data-v-22816008] {
  position: relative;
}
.notifications-avatar img[data-v-22816008],
.notifications-avatar svg[data-v-22816008] {
  width: 38px;
  height: 38px;
  margin-right: 12px;
}
.notifications-message[data-v-22816008] {
  width: 200px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 110%;
  color: #2e4050;
  margin-right: 7px;
  justify-items: center;
}
.notifications-message__name[data-v-22816008] {
  font-weight: bold;
}
.notifications-info[data-v-22816008] {
  width: 34px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.notifications-info__date[data-v-22816008] {
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  text-align: right;
  color: #6a869f;
}
.notifications-info__unreand-circle[data-v-22816008] {
  position: absolute;
  right: 0;
  top: 22px;
  background: #099954;
  height: 6px;
  width: 6px;
  border-radius: 50%;
}
.notifications-info__progress-project[data-v-22816008] {
  zoom: 0.6;
}
/* Panel scroll behavior is handled by Tailwind utilities. */
.search-btn--result_box[data-v-72649544] {
  bottom: 41px;
  transform: rotate(180deg);
}
.search-btn--clear-input[data-v-72649544] {
  top: 0;
  left: 0;
  position: absolute;
  cursor: pointer;
  height: 30px;
  width: 25px;
  padding-left: 8px;
  padding-top: 8px;
}
.search-btn--clear-input svg path[data-v-72649544] {
  fill: #485156 !important;
}
.search-btn--input[data-v-72649544] {
  transform: rotate(180deg);
  margin-right: 10px;
}
.search-btn--input.filled input[data-v-72649544] {
  background: rgba(43, 51, 63, 0.1215686275);
}
.search-btn--input.active[data-v-72649544] {
  border: none !important;
}
.search-btn--input.active input[data-v-72649544] {
  width: 100%;
  opacity: 1;
}
.search-btn--input > input[data-v-72649544] {
  transition: all 0.3s;
  opacity: 0;
  width: 0;
  border: none;
  height: 30px;
  background: rgba(255, 255, 255, 0.368627451);
  border-radius: 10px;
  transform: rotate(180deg);
  border-bottom: 1px solid #b1b1b1 !important;
}
.has-new[data-v-72649544] {
  background-color: #099954;
  position: absolute;
  top: 10px;
  left: 25px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0px 2px 6px 0px rgba(17, 19, 22, 0.8901960784);
}/* Sidebar positioning handled in navigations.scss */
/* Logo container - matches PROJECT SELECTOR height and styling */
.logo-container[data-v-86257bc1] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px; /* Match overall sidebar header height */
  padding: 8px;
  box-sizing: border-box;
}

/* Logo box - transparent container, logo image has built-in rounded corners */
.logo-box[data-v-86257bc1] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent; /* Logo PNG has its own yellow background */
  transition: all 0.2s ease;
}
.logo-box[data-v-86257bc1]:hover {
  transform: scale(1.05);
  filter: brightness(0.95);
}

/* Logo image with built-in 50px rounded corners */
.logo-image[data-v-86257bc1] {
  display: block;
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
}
.disabledLink[data-v-86257bc1] {
  opacity: 0.6;
}
.disabledModel[data-v-86257bc1] {
  opacity: 0.3;
}
.openSideBar[data-v-86257bc1] {
  width: 120px; /* halve the width */
}
.openSideBar .handlerCloseSideBar[data-v-86257bc1] {
  transform: rotate(0);
  transition: all 0.2s;
}
.openSideBar .side-bar__item span[data-v-86257bc1] {
  opacity: 1;
  transition: all 0.2s;
}
.label[data-v-86257bc1] {
  white-space: nowrap;
  position: absolute;
  background-color: #fff;
  transition: all 0.2s;
  top: calc(50% - 16px);
  left: 150%;
  border-radius: 4px;
  width: 0;
  border: 1px solid #e8edf2;
  overflow: hidden;
  opacity: 0;
}
.showBtnBar[data-v-86257bc1] {
  opacity: 1 !important;
}
.disabledLink[data-v-86257bc1] {
  opacity: 0.6;
  pointer-events: none; /* Prevents clicks */
}.hoba-notification[data-v-26069483] {
  height: 75px;
}
.hoba-notification-success[data-v-26069483] {
  background-color: #2e7d32;
  border-color: #2e7d32;
}
.hoba-notification-error[data-v-26069483] {
  background-color: #c62828;
  border-color: #c62828;
}
.hoba-notification-warn[data-v-26069483] {
  background-color: #ff8f00;
  border-color: #ff8f00;
}
.hoba-notification-info[data-v-26069483] {
  background-color: #0288d1;
  border-color: #0288d1;
}
.hoba-notification-flag-error[data-v-26069483] {
  background-color: rgba(255, 255, 255, 0.2);
}
.hoba-notification-flag-warn[data-v-26069483] {
  background-color: rgba(255, 255, 255, 0.2);
}
.hoba-notification-flag-success[data-v-26069483] {
  background-color: rgba(255, 255, 255, 0.2);
}
.hoba-notification-flag-info[data-v-26069483] {
  background-color: rgba(255, 255, 255, 0.2);
}.isNotPage[data-v-84af1cdb] {
  height: calc(100% - 158px);
}.powerpoint-comments .comment-avatar[data-v-7473df80] {
  flex-shrink: 0;
}
.powerpoint-comments .comment-thread[data-v-7473df80]:not(:last-child) {
  margin-bottom: 1rem;
}
.powerpoint-comments .main-comment[data-v-7473df80] {
  transition: all 0.2s ease;
}
.powerpoint-comments .main-comment[data-v-7473df80]:hover {
  border-color: #e5e7eb;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.powerpoint-comments .reply[data-v-7473df80] {
  position: relative;
}
.powerpoint-comments .reply[data-v-7473df80]::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e5e7eb;
}
.powerpoint-comments .action-buttons button[data-v-7473df80] {
  transition: all 0.2s ease;
}
.powerpoint-comments .action-buttons button[data-v-7473df80]:hover {
  transform: translateY(-1px);
}
.powerpoint-comments .empty-state[data-v-7473df80] {
  color: #9ca3af;
}
.chat-modal-window {
    z-index: 12;
}
.chat-head {
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}
@keyframes message {
0% {
    bottom: -100px;
}
100% {
    bottom: 0;
}
}
.modal-files-chat {
  width: 730px;
}
.modal-files-chat img {
  margin: 0 auto;
}
.modal-files-chat--image .file-name {
  padding-top: 1px;
}
.modal-files-chat--actions {
  display: flex;
  justify-content: flex-end;
}
.modal-files-chat--actions button {
  padding: 7px 12px;
}
.modal-files-chat--actions .cancel {
  margin-right: 10px;
  color: #232323;
  background-color: #e4e4e4;
}
.box-chats {
  transition: all ease 0.3s;
  width: 67px;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  height: calc(100vh - 110px);
  overflow: hidden;
  padding-left: 70px;
  right: 0;
  top: 98px;
  border-right-width: 0;
}
.box-chats.activeOpen {
  border-right-width: 1px;
  width: 428px;
  border-radius: 16px;
  padding-left: 0;
  right: 15px;
}
.box-chats .box-image--overlay {
  background-color: rgba(13, 17, 22, 0.3137254902);
}
.box-chats .box-image a {
  word-wrap: break-word;
}
.box-chats__form {
  background-color: #ffffff;
  height: 55px;
  position: relative;
  z-index: 1;
}
.box-chats__form > div {
  display: inline-block;
  vertical-align: top;
  height: 100%;
}
.box-chats__form-action {
  display: inline-block;
  vertical-align: top;
  height: 100%;
}
.box-chats__form-action label {
  height: 100%;
  width: 100%;
  cursor: pointer;
  display: block;
  padding-top: 16px;
  padding-right: 9px;
}
.box-chats__form-input {
  width: 353px;
}
.box-chats__form-input textarea {
  width: 100%;
  border: none;
  resize: none;
  height: 100%;
  font-size: 15px;
  line-height: 35px;
  border-bottom-left-radius: 16px;
}
.box-chats__form-button button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  background-color: #485155;
  height: 100%;
  border-bottom-right-radius: 16px;
}
.box-chats__form-button svg path {
  fill: #ffffff;
  stroke: #485155;
}
.box-chats__items {
  height: calc(100% - 159px);
  width: 100%;
  margin-top: 60px;
  background: #ffffff;
  overflow: hidden;
  padding: 16px;
  border-bottom: 1px solid #e2e2e2;
}
.box-chats__items--wrapper {
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
  overflow-y: scroll;
}
.box-chats__items--empty {
  opacity: 0.4;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
}
.box-chats__items--empty-icon {
  margin-bottom: 10px;
}
.box-chats__items-item:last-child {
  margin: 0;
}
.box-chats__items-item {
  display: flex;
  position: relative;
  animation: message 0.25s ease-out 0s forwards;
  animation-delay: 0.5ms;
  margin-top: 20px;
}
.box-chats__items-item--avatar {
  margin-right: 10px;
  width: 44px;
}
.box-chats__items-item--avatar .users-person {
  width: 44px;
  height: 44px;
}
.box-chats__items-item--message {
  font-weight: 400;
  font-size: 14px;
  width: 257px;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
}
.box-chats__items-item--message:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #f2f2f2;
  position: absolute;
  top: 18px;
  left: 43px;
  transform: rotate(270deg);
}
.box-chats__items-item--message p {
  word-wrap: break-word;
}
.box-chats__items-item--message .date {
  opacity: 0.7;
  font-size: 13px;
}
.box-chats__items-item--name {
  font-weight: 600 !important;
  margin-right: 6px;
}
.box-chats__btn_open_side_chat {
  background: #303030;
  width: 42px;
  height: 40px;
  top: 54px;
  left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  z-index: 5;
  position: absolute !important;
  border: 1px solid #dce6ef;
  transition-delay: 0.3s;
}
.box-chats__btn_open_side_chat svg path {
  fill: #303030;
}
.box-chats__btn_open_side_chat.active {
  background-color: #dce6ef;
  transform: rotate(180deg);
}
.side-bar {
  width: 80px;
  background: #ffffff;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  transition: all 0.3s;
}
.side-bar .handlerCloseSideBar {
  position: absolute;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  height: 20px;
  width: 20px;
  right: -9px;
  top: 85px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
  transition: all 0.2s;
  transform: rotate(180deg);
  opacity: 0;
}
.side-bar .handlerCloseSideBar svg {
  position: relative;
  left: 3px;
  top: 2px;
}
.side-bar .handlerCloseSideBar:hover {
  background-color: #febc2c;
  transition: all 0.2s;
}
.side-bar .handlerCloseSideBar:hover svg path {
  stroke: #FFFFFF;
}
.side-bar__items {
  position: relative;
  padding-top: 20px;
}
.side-bar__item {
  position: relative;
  height: 64px;
  width: 60px;
  margin: 0 10px;
  padding: 16px 15px;
  cursor: pointer;
}
.side-bar__item img {
  width: 20px;
  transition: width 0.2s;
  margin-right: 26px;
  margin-left: 8px;
}
.side-bar__item-title {
  width: 164px;
  height: 30px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
}
.side-bar__item-title span {
  transition: all 0.2s;
  text-align: left;
  text-transform: uppercase;
  color: #000000;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  opacity: 0;
}
.side-bar__item-title .divider {
  position: absolute;
  left: 0;
  height: 100%;
  width: 0;
  background-color: #febc2c;
}
.side-bar__item.active {
  background-color: #F4F7FA;
  width: 60px;
  margin: 10px;
  border-radius: 10px;
}
.side-bar__item:hover {
  background-color: #EEEFF4;
  border-radius: 10px;
  transition: 0.6s ease-in-out;
}
.side-bar__item:hover .label {
  opacity: 1;
  left: 105%;
  top: calc(50% - 20px);
  z-index: 9999;
  width: auto;
  padding: 5px 10px;
}
.side-bar__item:hover:hover {
  top: calc(50% - 16px);
}
.side-bar__item:hover .divider {
  width: 3px;
  transition: all 0.2s;
}
.side-bar__bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  padding-top: 2px;
}
.nav-header.headerOpen {
  padding-left: 12.5rem;
  transition: all 0.3s;
}
.showLogo .nav-header__box-logo {
  width: 200px;
}
.nav-header {
  height: 64px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: left;
  position: fixed;
  width: calc(100% - 80px);
  left: 80px;
  z-index: 110;
  transition: all 0.3s;
}
.nav-header__wrapper-logo {
  background-color: #febc2c;
}
.nav-header__box-logo {
  overflow: hidden;
  transition: all 0.3s;
}
.nav-header__logo {
  height: 72px;
  display: flex;
  width: 200px;
  margin-left: 9px;
  align-items: center;
}
.nav-header__logo .first-element {
  height: 40px;
  width: 53px;
}
.nav-header__logo .second-element {
  width: 120px;
  margin-left: 9px;
  margin-top: 3px;
}
.nav-header__links {
  margin-left: 4rem;
}
.nav-header__links a {
  border: 1px solid #F2F2F2;
  border-radius: 50%;
  height: 54px;
  padding: 16px;
  transition: all 0.3s;
}
.nav-header__links a svg path {
  transition: all 0.3s;
}
.nav-header__links a:hover {
  transition: all 0.3s;
}
.nav-header__links a:hover svg path {
  transition: all 0.3s;
  fill: #FEBC2C;
}
.nav-header__links a:hover svg.backlog path {
  transition: all 0.3s;
  fill: none;
  stroke: #FEBC2C;
}
.nav-header .active svg path {
  transition: all 0.3s;
  fill: #FEBC2C;
}
.nav-header .active svg.backlog path {
  transition: all 0.3s;
  fill: none;
  stroke: #FEBC2C;
}
.slide-fade-left-enter-active,
.slide-fade-right-enter-active,
.slide-fade-up-enter-active,
.slide-fade-down-enter-active {
  transition: all 0.6s;
}
.slide-fade-left-leave-active,
.slide-fade-right-leave-active,
.slide-fade-up-leave-active,
.slide-fade-down-leave-active {
  transition: all 0.4s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-left-enter-from,
.slide-fade-left-leave-to {
  transform: translateX(50px);
  opacity: 0;
}
.slide-fade-right-enter-from,
.slide-fade-right-leave-to {
  transform: translateX(-50px);
  opacity: 0;
}
.slide-fade-up-enter-from,
.slide-fade-up-leave-to {
  transform: translateY(50px);
  opacity: 0;
}
.slide-fade-down-enter-from,
.slide-fade-down-leave-to {
  transform: translateY(-50px);
  opacity: 0;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.slide-enter-active,
.slide-leave-active {
  transition: transform 0.2s ease;
}
.slide-enter,
.slide-leave-to {
  transform: translateX(-100%);
  transition: all 150ms ease-in 0s;
}
/** Ripple animation style START */
.ripple {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}
.ripple-effect {
  animation: ripple-drop 0.6s linear;
}
@keyframes ripple-drop {
100% {
    transform: scale(2);
    opacity: 0;
}
}
/** Ripple animation style END */
.container-wrap {
  transition: all ease 0.3;
}
.paddingNull {
  /* Blueprint/Action pages - reset container padding since these pages have their own layout */
  /* The page content (Board.vue wrapper-steps) handles its own margins */
  padding: 64px 0 0 0 !important; /* Just clear the fixed header */
}
body {
  background-color: #f4f7fa !important;
}/* Main container with 15px margins all around */
.knowledge-base-page[data-v-576d9866] {
  padding: 15px;
  background: #ffffff;
  border-radius: 8px;
  margin: 15px;
  min-height: calc(100vh - 64px - 80px - 30px);
}
.page-header[data-v-576d9866] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
}
.header-content .page-title[data-v-576d9866] {
  font-size: 28px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 8px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-content .info-tooltip[data-v-576d9866] {
  width: 18px;
  height: 18px;
  background: #e5e7eb;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  cursor: help;
  flex-shrink: 0;
}
.header-content .page-subtitle[data-v-576d9866] {
  font-size: 14px;
  color: #666;
  margin: 0;
}

/* Primary button - Yellow */
.upload-btn[data-v-576d9866] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: #FEBC2C;
  color: #1f2937;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.upload-btn[data-v-576d9866]:hover {
  background: #FFCC00;
}
.loading-state[data-v-576d9866], .empty-state[data-v-576d9866] {
  text-align: center;
  padding: 60px 20px;
  background: #f9fafb;
  border-radius: 12px;
}
.loading-state .spinner[data-v-576d9866], .empty-state .spinner[data-v-576d9866] {
  width: 40px;
  height: 40px;
  border: 3px solid #e5e7eb;
  border-top-color: #FEBC2C;
  border-radius: 50%;
  animation: spin-576d9866 1s linear infinite;
  margin: 0 auto 16px;
}
.loading-state .empty-icon[data-v-576d9866], .empty-state .empty-icon[data-v-576d9866] {
  font-size: 48px;
  margin-bottom: 16px;
}
.loading-state h3[data-v-576d9866], .empty-state h3[data-v-576d9866] {
  font-size: 18px;
  color: #1a1a1a;
  margin: 0 0 8px;
}
.loading-state p[data-v-576d9866], .empty-state p[data-v-576d9866] {
  color: #666;
  margin: 0 0 24px;
}
@keyframes spin-576d9866 {
to {
    transform: rotate(360deg);
}
}
.documents-grid[data-v-576d9866] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
.document-card[data-v-576d9866] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  transition: box-shadow 0.2s;
}
.document-card[data-v-576d9866]:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.card-header[data-v-576d9866] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.file-icon[data-v-576d9866] {
  font-size: 24px;
}
.status-badge[data-v-576d9866] {
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
}
.document-name[data-v-576d9866] {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 8px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.document-meta[data-v-576d9866] {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.document-meta .meta-item[data-v-576d9866] {
  font-size: 12px;
  color: #666;
}
.document-footer[data-v-576d9866] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  border-top: 1px solid #f3f4f6;
}
.document-footer .date[data-v-576d9866] {
  font-size: 12px;
  color: #999;
}
.delete-btn[data-v-576d9866] {
  padding: 6px;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s;
}
.delete-btn[data-v-576d9866]:hover {
  background: #F3F4F6;
  color: #3F484C;
}

/* Modal Styles */
.modal-overlay[data-v-576d9866] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
}
.upload-modal[data-v-576d9866] {
  background: white;
  border-radius: 16px;
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
}
.modal-header[data-v-576d9866] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.modal-header h2[data-v-576d9866] {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.modal-header .close-btn[data-v-576d9866] {
  width: 32px;
  height: 32px;
  border: none;
  background: #f3f4f6;
  border-radius: 8px;
  font-size: 20px;
  cursor: pointer;
  color: #666;
}
.modal-header .close-btn[data-v-576d9866]:hover {
  background: #e5e7eb;
}
.modal-body[data-v-576d9866] {
  padding: 24px;
}
.tab-toggle[data-v-576d9866] {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
  background: #f3f4f6;
  padding: 4px;
  border-radius: 8px;
}
.tab-toggle .tab-btn[data-v-576d9866] {
  flex: 1;
  padding: 10px;
  border: none;
  background: transparent;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  cursor: pointer;
  transition: all 0.2s;
}
.tab-toggle .tab-btn.active[data-v-576d9866] {
  background: white;
  color: #1a1a1a;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.form-section[data-v-576d9866] {
  margin-bottom: 20px;
}
.form-label[data-v-576d9866] {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 8px;
}
.form-input[data-v-576d9866] {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  transition: border-color 0.2s;
}
.form-input[data-v-576d9866]:focus {
  outline: none;
  border-color: #FEBC2C;
}

/* Drop zone - Light yellow background with yellow dashed border */
.file-drop-zone[data-v-576d9866] {
  border: 2px dashed #FEBC2C;
  border-radius: 12px;
  padding: 32px 20px;
  text-align: center;
  cursor: pointer;
  background: #FFFBEB;
  transition: all 0.2s;
}
.file-drop-zone[data-v-576d9866]:hover {
  border-color: #FFCC00;
  background: #FEF3C7;
}
.file-drop-zone .drop-icon[data-v-576d9866] {
  font-size: 32px;
  display: block;
  margin-bottom: 12px;
}
.file-drop-zone p[data-v-576d9866] {
  margin: 0 0 8px;
  color: #374151;
}
.file-drop-zone .file-types[data-v-576d9866] {
  font-size: 12px;
  color: #92400e;
}
.progress-container[data-v-576d9866] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
.progress-bar[data-v-576d9866] {
  flex: 1;
  height: 8px;
  background: #e5e7eb;
  border-radius: 4px;
  overflow: hidden;
}
.progress-fill[data-v-576d9866] {
  height: 100%;
  background: #FEBC2C;
  transition: width 0.3s;
}
.progress-text[data-v-576d9866] {
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  min-width: 40px;
}
.modal-footer[data-v-576d9866] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
}
.cancel-btn[data-v-576d9866] {
  padding: 10px 20px;
  border: 1px solid #d1d5db;
  background: white;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.cancel-btn[data-v-576d9866]:hover:not(:disabled) {
  background: #f9fafb;
}
.cancel-btn[data-v-576d9866]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Submit button - Yellow primary */
.submit-btn[data-v-576d9866] {
  padding: 10px 20px;
  background: #FEBC2C;
  color: #1f2937;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.submit-btn[data-v-576d9866]:hover:not(:disabled) {
  background: #FFCC00;
}
.submit-btn[data-v-576d9866]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}.full-height-layout[data-v-13134107] {
  min-height: 100vh;
  height: 100vh;
  overflow: hidden;
}
.design-process-container[data-v-13134107] {
  position: fixed;
  top: 79px; /* Account for header (64px) + 15px margin */
  left: 95px; /* Account for sidebar (80px) + 15px margin */
  right: 15px; /* 15px margin from right edge */
  bottom: 95px; /* Account for footer (80px) + 15px margin */
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 20px;
  z-index: 1;
  overflow-y: auto;
  border-radius: 16px;
  border: 1px solid #e8edf2;
}
.card-head-title[data-v-13134107] {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  color: #2e4050;
  margin-top: 10px;
  flex-shrink: 0;
  padding-bottom: 10px;
}
.title-separator[data-v-13134107] {
  height: 1px;
  background-color: #e5e7eb;
  margin-bottom: 16px;
  flex-shrink: 0;
}

/* Control Bar Button Styles */
.control-btn[data-v-13134107] {
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s ease;
  min-width: 90px;
  /* Navigation buttons (Back/Next) */
  /* Cancel button */
  /* Save button - Default is white/grey, active is yellow */
  /* Disabled state */
}
.control-btn--nav[data-v-13134107] {
  background-color: #ffffff;
  color: #374151;
  border: 1px solid #d1d5db;
}
.control-btn--nav[data-v-13134107]:hover {
  background-color: #f9fafb;
  border-color: #9ca3af;
}
.control-btn--cancel[data-v-13134107] {
  background-color: #ffffff;
  color: #6b7280;
  border: 1px solid #d1d5db;
}
.control-btn--cancel[data-v-13134107]:hover {
  background-color: #f3f4f6;
}
.control-btn--save[data-v-13134107] {
  background-color: #ffffff;
  color: #9ca3af;
  border: 1px solid #d1d5db;
}
.control-btn--save[data-v-13134107]:not(:disabled):not(.control-btn--disabled) {
  background-color: #FFCC00;
  color: #000000;
  border: 2px solid #FFCC00;
}
.control-btn--save[data-v-13134107]:not(:disabled):not(.control-btn--disabled):hover {
  background-color: #e6b800;
  border-color: #e6b800;
}
.control-btn--disabled[data-v-13134107] {
  background-color: #ffffff !important;
  color: #9ca3af !important;
  border-color: #d1d5db !important;
  cursor: not-allowed;
}
.control-btn[data-v-13134107]:disabled {
  cursor: not-allowed;
}
.process-model[data-v-13134107] {
  flex: 1;
  overflow: hidden;
}

/* Design Process action button - Update (grey) / Save (yellow) */
.design-process-action-btn[data-v-13134107] {
  /* Default state: "Update" with grey background */
  background-color: #E5E7EB;
  color: #6B7280;
  border: 2px solid #D1D5DB;
  transition: all 0.2s ease;
  padding: 12px 28px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  min-width: 100px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  /* Changed state: "Save" with yellow background */
  /* Saving state */
}
.design-process-action-btn[data-v-13134107]:hover:not(:disabled) {
  background-color: #D1D5DB;
}
.design-process-action-btn--changed[data-v-13134107] {
  background-color: #FEBC2C;
  color: #1f2937;
  border-color: #FEBC2C;
}
.design-process-action-btn--changed[data-v-13134107]:hover:not(:disabled) {
  background-color: #f59e0b;
  border-color: #f59e0b;
}
.design-process-action-btn--saving[data-v-13134107] {
  opacity: 0.7;
  cursor: not-allowed;
}
.design-process-action-btn[data-v-13134107]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.design-process-container[data-v-13134107] {
    left: 15px;
    top: 79px;
}
}.project-list-container {
  min-height: calc(100vh - 100px);
  /* Container margin - 15px from left sidebar and right edge are handled by parent container-wrap */
  /* Top margin is NOT needed here since container-wrap provides top padding */
  margin: 0; /* Remove extra top margin - container-wrap handles spacing */
  background: #ffffff;
  border: 1px solid #e8edf2;
  border-radius: 16px;
  overflow-y: auto;
  padding-top: 4px;
}
.projects-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 20px 0 20px; /* Standardized 20px spacing */
  margin-bottom: 8px;
  position: relative;
}
.tabs-container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.projects-tabs {
  display: flex;
  gap: 32px;
  margin-bottom: 0;
}
.tab-button {
  padding: 0 0 16px 0;
  border: none;
  background: transparent;
  color: #9CA3AF;
  font-weight: 500;
  font-size: 24px;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}
.tab-button.active {
  color: #000000;
  font-weight: 700;
}
.tab-button.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #FFCC00;
  border-radius: 2px 2px 0 0;
}
.tab-button:hover:not(.active) {
  color: #6B7280;
}
.tab-underline {
  width: 100%;
  height: 1px;
  background: #E5E7EB;
  margin-top: 0;
}
.create-project-section {
  display: flex;
  align-items: center;
  position: absolute;
  right: 15px;
  top: 16px;
}
.create-project-btn {
  display: flex;
  align-items: center;
  gap: 16px;
  background: transparent;
  border: none;
  padding: 8px 0;
  cursor: pointer;
  transition: all 0.2s ease;
}
.create-project-btn .plus-icon {
  width: 34px;
  height: 34px;
  background: #febd2c;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.create-project-btn .plus-icon:hover {
  background: #f2b429;
  transform: scale(1.05);
}
.create-project-btn span {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6a869f;
  cursor: default;
}
.create-project-btn:hover .plus-icon {
  background: #f2b429;
}
.create-project-btn:hover span {
  color: #5a7a94;
}
.create-project-btn.btn-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.create-project-btn.btn-disabled .plus-icon {
  background: #9ca3af;
  cursor: not-allowed;
}
.create-project-btn.btn-disabled .plus-icon:hover {
  background: #9ca3af;
  transform: none;
}
.create-project-btn.btn-disabled span {
  color: #9ca3af;
}
.create-project-btn.btn-disabled:hover .plus-icon {
  background: #9ca3af;
}
.create-project-btn.btn-disabled:hover span {
  color: #9ca3af;
}
.create-btn-wrapper {
  position: relative;
  display: inline-flex;
}
.create-btn-wrapper.disabled-wrapper:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.create-btn-wrapper .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  padding: 10px 14px;
  background: #1f2937;
  color: white;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 100;
  transition: opacity 0.2s, visibility 0.2s;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.create-btn-wrapper .tooltip-text::before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 20px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #1f2937 transparent;
}
.filter-section {
  padding: 12px 20px; /* Standardized 20px horizontal spacing */
  border-bottom: 1px solid #E5E7EB;
  margin-bottom: 20px; /* Standardized 20px margin */
}
.filter-layout {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 12px;
}
.filter-left {
  flex: 0 0 auto;
}
.filter-right {
  display: flex;
  gap: 16px;
  align-items: center;
}
.clear-filter-btn {
  padding: 8px 16px;
  background: #f8f9fa;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  color: #6B7280;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.clear-filter-btn:hover {
  background: #F3F4F6;
  border-color: #D1D5DB;
}
.filter-count {
  position: absolute;
  width: 16px;
  height: 16px;
  font-size: 10px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background: #10B981;
  top: -6px;
  right: -6px;
  z-index: 10;
}

/* Filter button - matches Search box placeholder styling EXACTLY */
.filter-btn-backlog {
  height: 38px; /* Match search box height */
  font-size: 14px;
  font-weight: 400; /* Match search placeholder weight */
  color: #9ca3af; /* Match search PLACEHOLDER color (gray-400) */
  background: #ffffff;
  border: 1px solid #d1d5db; /* Match search box border */
  border-radius: 6px; /* Match search box radius */
  padding: 0 16px; /* Match search padding */
  min-width: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: all 0.2s;
}
.filter-btn-backlog:hover {
  background: #f9fafb;
}
.filter-btn-backlog:focus {
  border-color: #FFCC00;
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.2);
}
.filter-btn-backlog svg {
  width: 14px;
  height: 14px;
  color: #9ca3af; /* Match search placeholder color */
}
.projects-content {
  padding: 0 20px 20px 20px; /* Standardized 20px spacing */
}
.projects-grid-section {
  margin-bottom: 32px;
}
.projects-grid-section .section-title {
  font-size: 20px;
  font-weight: 600;
  color: #1F2937;
  margin-bottom: 16px;
  cursor: default;
}
.projects-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(260px, 1fr));
  gap: 16px;
}
.empty-state {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin-top: 40px;
}
.empty-state .empty-icon {
  margin-bottom: 12px;
}
.guest-projects-section h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #1F2937;
  margin-bottom: 16px;
}
.history-content {
  min-height: 200px;
}
.archived-projects-section .section-title {
  font-size: 20px;
  font-weight: 600;
  color: #1F2937;
}
.archived-projects-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.archived-project-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  transition: all 0.2s;
}
.archived-project-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.archived-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}
.archived-card-header .project-info {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.archived-card-header .project-avatar {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 16px;
  font-weight: 600;
  flex-shrink: 0;
}
.archived-card-header .project-details {
  flex: 1;
  min-width: 0;
}
.archived-card-header .project-name {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.archived-card-header .project-company {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.archived-card-header .deleted-badge {
  background: #fef2f2;
  color: #ef4444;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 12px;
  flex-shrink: 0;
}
.archived-card-body {
  margin-bottom: 16px;
}
.archived-card-body .deleted-date {
  font-size: 12px;
  color: #9ca3af;
  margin: 0 0 8px 0;
}
.archived-card-body .project-description {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.5;
  margin: 0;
}
.archived-card-actions {
  display: flex;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #f3f4f6;
}
.archived-card-actions .view-btn, .archived-card-actions .restore-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
}
.archived-card-actions .view-btn {
  background: #f3f4f6;
  color: #374151;
  border: none;
}
.archived-card-actions .view-btn:hover {
  background: #e5e7eb;
}
.archived-card-actions .restore-btn {
  background: #FFCC00;
  color: #000000;
  border: none;
}
.archived-card-actions .restore-btn:hover {
  background: #e6b800;
}
@media (max-width: 1200px) {
.archived-projects-grid {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.archived-projects-grid {
    grid-template-columns: 1fr;
}
}
/* Responsive adjustments */
@media (max-width: 1200px) {
.projects-grid {
    grid-template-columns: repeat(3, minmax(260px, 1fr));
}
}
@media (max-width: 900px) {
.projects-grid {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
}
}
@media (max-width: 600px) {
.projects-grid {
    grid-template-columns: 1fr;
}
.projects-header {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
}
.filter-layout {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
}
.filter-left {
    width: 100%;
}
}.reports-wrapper[data-v-09a2a039] {
  background: #f5f7fa;
  min-height: calc(100vh - 64px);
  padding: 15px;
}
.reports-container[data-v-09a2a039] {
  background: #ffffff;
  border-radius: 8px;
  min-height: calc(100vh - 64px - 30px);
  padding: 24px;
}
.page-header[data-v-09a2a039] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e4e8;
}
.header-left[data-v-09a2a039] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.back-btn[data-v-09a2a039] {
  width: 40px;
  height: 40px;
  border: 1px solid #e1e4e8;
  background: #ffffff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.back-btn[data-v-09a2a039]:hover {
  background: #f5f7fa;
}
h1[data-v-09a2a039] {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
}
.subtitle[data-v-09a2a039] {
  font-size: 14px;
  color: #586069;
  margin: 4px 0 0 0;
}
.btn-primary[data-v-09a2a039] {
  padding: 10px 20px;
  background: #3F484C;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}
.btn-primary[data-v-09a2a039]:hover {
  background: rgb(39.8848920863, 45.5827338129, 48.1151079137);
}
.btn-secondary[data-v-09a2a039] {
  padding: 10px 20px;
  background: #f5f7fa;
  color: #24292e;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.btn-secondary[data-v-09a2a039]:hover {
  background: #e1e4e8;
}
.filters-bar[data-v-09a2a039] {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}
.filter-group[data-v-09a2a039] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter-group label[data-v-09a2a039] {
  font-size: 13px;
  font-weight: 600;
  color: #586069;
}
.filter-group select[data-v-09a2a039] {
  padding: 8px 12px;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  font-size: 13px;
  background: #ffffff;
  cursor: pointer;
}
.filter-group select[data-v-09a2a039]:focus {
  outline: none;
  border-color: #3F484C;
}
.reports-list[data-v-09a2a039] {
  min-height: 300px;
}
.empty-state[data-v-09a2a039] {
  text-align: center;
  padding: 60px 20px;
}
.empty-state .empty-icon[data-v-09a2a039] {
  font-size: 64px;
  margin-bottom: 16px;
}
.empty-state h3[data-v-09a2a039] {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
.empty-state p[data-v-09a2a039] {
  color: #586069;
  margin-bottom: 24px;
}
.report-card[data-v-09a2a039] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  margin-bottom: 12px;
  transition: all 0.2s;
}
.report-card[data-v-09a2a039]:hover {
  border-color: #3F484C;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.report-icon[data-v-09a2a039] {
  font-size: 32px;
}
.report-info[data-v-09a2a039] {
  flex: 1;
}
.report-name[data-v-09a2a039] {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px 0;
}
.report-meta[data-v-09a2a039] {
  font-size: 13px;
  color: #586069;
  margin: 0 0 8px 0;
}
.report-tags[data-v-09a2a039] {
  display: flex;
  gap: 8px;
}
.tag[data-v-09a2a039] {
  padding: 2px 8px;
  background: #f5f7fa;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #959da5;
}
.report-actions[data-v-09a2a039] {
  display: flex;
  gap: 8px;
}
.btn-download[data-v-09a2a039] {
  padding: 8px 16px;
  background: #3F484C;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}
.btn-download[data-v-09a2a039]:hover {
  background: rgb(39.8848920863, 45.5827338129, 48.1151079137);
}
.btn-options[data-v-09a2a039] {
  width: 36px;
  height: 36px;
  border: 1px solid #e1e4e8;
  background: #ffffff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #959da5;
}
.btn-options[data-v-09a2a039]:hover {
  background: #fee2e2;
  border-color: #3F484C;
  color: #3F484C;
}
.modal-overlay[data-v-09a2a039] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.modal[data-v-09a2a039] {
  background: #ffffff;
  border-radius: 12px;
  width: 100%;
  max-width: 480px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
.modal-header[data-v-09a2a039] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e1e4e8;
}
.modal-header h2[data-v-09a2a039] {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.close-btn[data-v-09a2a039] {
  width: 32px;
  height: 32px;
  border: none;
  background: none;
  font-size: 24px;
  color: #959da5;
  cursor: pointer;
}
.close-btn[data-v-09a2a039]:hover {
  color: #24292e;
}
.modal-body[data-v-09a2a039] {
  padding: 24px;
}
.modal-instruction[data-v-09a2a039] {
  font-size: 14px;
  color: #586069;
  margin-bottom: 16px;
}
.report-type-options[data-v-09a2a039] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.type-option[data-v-09a2a039] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
}
.type-option input[data-v-09a2a039] {
  margin-top: 2px;
}
.type-option[data-v-09a2a039]:hover {
  border-color: #3F484C;
}
.type-option.selected[data-v-09a2a039] {
  border-color: #3F484C;
  background: rgba(3, 102, 214, 0.05);
}
.type-content[data-v-09a2a039] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.type-label[data-v-09a2a039] {
  font-size: 14px;
  font-weight: 600;
}
.type-description[data-v-09a2a039] {
  font-size: 13px;
  color: #586069;
}
.form-group[data-v-09a2a039] {
  margin-bottom: 20px;
}
.form-group > label[data-v-09a2a039] {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #586069;
  margin-bottom: 8px;
}
.form-group input[type=text][data-v-09a2a039] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  font-size: 14px;
}
.form-group input[type=text][data-v-09a2a039]:focus {
  outline: none;
  border-color: #3F484C;
}
.checkbox-group[data-v-09a2a039] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.checkbox-item[data-v-09a2a039] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  cursor: pointer;
}
.checkbox-item input[data-v-09a2a039] {
  width: 16px;
  height: 16px;
}
.format-options[data-v-09a2a039] {
  display: flex;
  gap: 8px;
}
.format-option[data-v-09a2a039] {
  flex: 1;
  padding: 12px;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.2s;
}
.format-option input[data-v-09a2a039] {
  display: none;
}
.format-option[data-v-09a2a039]:hover {
  border-color: #3F484C;
}
.format-option.selected[data-v-09a2a039] {
  border-color: #3F484C;
  background: rgba(3, 102, 214, 0.1);
  color: #3F484C;
}
.modal-footer[data-v-09a2a039] {
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
  border-top: 1px solid #e1e4e8;
}
@media (max-width: 768px) {
.page-header[data-v-09a2a039] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.filters-bar[data-v-09a2a039] {
    flex-direction: column;
    gap: 12px;
}
.report-card[data-v-09a2a039] {
    flex-direction: column;
    align-items: flex-start;
}
.report-actions[data-v-09a2a039] {
    width: 100%;
    justify-content: flex-end;
}
}.roadmap-wrapper[data-v-12a60c96] {
  padding: 15px;
  background: #f5f7fa;
  min-height: calc(100vh - 64px);
}
.roadmap-container[data-v-12a60c96] {
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e1e4e8;
  overflow: hidden;
}
.roadmap-header[data-v-12a60c96] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 24px;
  border-bottom: 1px solid #e1e4e8;
  background: #f5f7fa;
}
.header-info h1[data-v-12a60c96] {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 4px 0;
  color: #24292e;
}
.header-dates[data-v-12a60c96] {
  font-size: 14px;
  color: #586069;
  margin: 0;
}
.btn-export[data-v-12a60c96] {
  padding: 8px 16px;
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}
.btn-export[data-v-12a60c96]:hover {
  background: #f5f7fa;
}
.controls-bar[data-v-12a60c96] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  border-bottom: 1px solid #e1e4e8;
}
.view-toggle[data-v-12a60c96] {
  display: flex;
  background: #f5f7fa;
  border-radius: 6px;
  padding: 2px;
}
.toggle-btn[data-v-12a60c96] {
  padding: 8px 16px;
  background: transparent;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  color: #586069;
  transition: all 0.2s;
}
.toggle-btn.active[data-v-12a60c96] {
  background: #ffffff;
  color: #24292e;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.zoom-controls[data-v-12a60c96] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.zoom-label[data-v-12a60c96] {
  font-size: 13px;
  color: #959da5;
  font-weight: 600;
}
.zoom-btn[data-v-12a60c96] {
  width: 28px;
  height: 28px;
  border: 1px solid #e1e4e8;
  background: #ffffff;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}
.zoom-btn[data-v-12a60c96]:hover:not(:disabled) {
  background: #f5f7fa;
}
.zoom-btn[data-v-12a60c96]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.zoom-value[data-v-12a60c96] {
  font-size: 13px;
  font-weight: 600;
  min-width: 48px;
  text-align: center;
}
.zoom-reset[data-v-12a60c96] {
  padding: 4px 8px;
  background: none;
  border: none;
  font-size: 12px;
  color: #0366d6;
  cursor: pointer;
}
.zoom-reset[data-v-12a60c96]:hover {
  text-decoration: underline;
}
.sprint-progress-section[data-v-12a60c96] {
  padding: 16px 24px;
  border-bottom: 1px solid #e1e4e8;
  background: rgba(3, 102, 214, 0.02);
}
.progress-info[data-v-12a60c96] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.progress-label[data-v-12a60c96] {
  font-size: 13px;
  font-weight: 600;
  color: #586069;
}
.progress-bar[data-v-12a60c96] {
  flex: 1;
  max-width: 300px;
  height: 8px;
  background: #e1e4e8;
  border-radius: 4px;
  overflow: hidden;
}
.progress-fill[data-v-12a60c96] {
  height: 100%;
  background: linear-gradient(90deg, #0366d6, #6f42c1);
  border-radius: 4px;
  transition: width 0.3s;
}
.progress-text[data-v-12a60c96] {
  font-size: 13px;
  color: #959da5;
}
.sprint-indicator[data-v-12a60c96] {
  display: flex;
  gap: 4px;
  margin-bottom: 4px;
}
.sprint-chip[data-v-12a60c96] {
  width: 32px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  border-radius: 4px;
  background: #f5f7fa;
  color: #959da5;
  border: 1px solid #e1e4e8;
}
.sprint-chip.current[data-v-12a60c96] {
  background: #0366d6;
  color: white;
  border-color: #0366d6;
}
.sprint-chip.past[data-v-12a60c96] {
  background: rgba(40, 167, 69, 0.1);
  color: #28a745;
  border-color: rgba(40, 167, 69, 0.3);
}
.sprint-chip.future[data-v-12a60c96] {
  background: #ffffff;
}
.current-sprint-marker[data-v-12a60c96] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: calc(32px * var(--07a501fb) + 4px * var(--07a501fb) + 10px);
}
.current-sprint-marker .marker-arrow[data-v-12a60c96] {
  color: #0366d6;
  font-size: 10px;
}
.current-sprint-marker .marker-label[data-v-12a60c96] {
  font-size: 10px;
  font-weight: 600;
  color: #0366d6;
}
.milestones-row[data-v-12a60c96] {
  padding: 12px 24px;
  border-bottom: 1px solid #e1e4e8;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.row-label[data-v-12a60c96] {
  font-size: 12px;
  font-weight: 600;
  color: #959da5;
}
.milestone-tag[data-v-12a60c96] {
  font-size: 13px;
  color: #24292e;
}
.milestone-tag[data-v-12a60c96]::before {
  content: "";
  color: #f9b857;
}
.timeline-view[data-v-12a60c96] {
  min-width: 100%;
  overflow-x: auto;
}
.timeline-axis[data-v-12a60c96] {
  display: flex;
  border-bottom: 2px solid #e1e4e8;
  background: #f5f7fa;
  position: sticky;
  top: 0;
  z-index: 10;
}
.axis-label-column[data-v-12a60c96] {
  width: 200px;
  min-width: 200px;
  padding: 12px 16px;
  font-size: 12px;
  font-weight: 700;
  color: #586069;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-right: 1px solid #e1e4e8;
}
.axis-months[data-v-12a60c96] {
  flex: 1;
  display: flex;
}
.axis-month[data-v-12a60c96] {
  flex: 1;
  min-width: 80px;
  padding: 12px 8px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #586069;
  border-right: 1px solid rgba(225, 228, 232, 0.5);
}
.axis-month[data-v-12a60c96]:last-child {
  border-right: none;
}
.milestone-markers[data-v-12a60c96] {
  display: flex;
  height: 32px;
  border-bottom: 1px solid #e1e4e8;
}
.markers-track[data-v-12a60c96] {
  flex: 1;
  position: relative;
}
.milestone-marker[data-v-12a60c96] {
  position: absolute;
  top: 4px;
  transform: translateX(-50%);
  color: #f9b857;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.milestone-marker .marker-date[data-v-12a60c96] {
  font-size: 10px;
  color: #959da5;
  white-space: nowrap;
}
.model-section[data-v-12a60c96] {
  border-bottom: 1px solid #e1e4e8;
}
.model-section[data-v-12a60c96]:last-child {
  border-bottom: none;
}
.model-header[data-v-12a60c96] {
  display: flex;
  cursor: pointer;
  background: rgba(245, 247, 250, 0.5);
}
.model-header[data-v-12a60c96]:hover {
  background: #f5f7fa;
}
.header-label[data-v-12a60c96] {
  width: 200px;
  min-width: 200px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-right: 1px solid #e1e4e8;
}
.collapse-icon[data-v-12a60c96] {
  font-size: 10px;
  color: #959da5;
  width: 12px;
}
.model-icon[data-v-12a60c96] {
  font-size: 14px;
}
.model-name[data-v-12a60c96] {
  font-size: 14px;
  font-weight: 600;
  color: #24292e;
}
.blueprint-count[data-v-12a60c96] {
  font-size: 12px;
  color: #959da5;
}
.header-track[data-v-12a60c96] {
  flex: 1;
  position: relative;
  min-height: 32px;
}
.mini-bar[data-v-12a60c96] {
  position: absolute;
  height: 6px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 3px;
  opacity: 0.6;
}
.blueprint-row[data-v-12a60c96] {
  display: flex;
  border-top: 1px solid rgba(225, 228, 232, 0.5);
}
.blueprint-row[data-v-12a60c96]:hover {
  background: rgba(3, 102, 214, 0.02);
}
.blueprint-label[data-v-12a60c96] {
  width: 200px;
  min-width: 200px;
  padding: 10px 16px;
  font-size: 13px;
  color: #586069;
  border-right: 1px solid #e1e4e8;
  display: flex;
  align-items: center;
  gap: 8px;
}
.blueprint-indent[data-v-12a60c96] {
  color: #959da5;
  font-size: 12px;
}
.blueprint-track[data-v-12a60c96] {
  flex: 1;
  position: relative;
  min-height: 40px;
}
.timeline-bar[data-v-12a60c96] {
  position: absolute;
  top: 8px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  padding: 0 8px;
  font-size: 11px;
  color: white;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timeline-bar[data-v-12a60c96]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  z-index: 5;
}
.timeline-bar:hover .bar-tooltip[data-v-12a60c96] {
  display: flex;
}
.timeline-bar.completed[data-v-12a60c96] {
  opacity: 0.7;
}
.bar-tooltip[data-v-12a60c96] {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  background: #24292e;
  color: white;
  padding: 12px;
  border-radius: 6px;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  min-width: 180px;
  z-index: 100;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.bar-tooltip strong[data-v-12a60c96] {
  font-size: 14px;
  margin-bottom: 4px;
}
.bar-tooltip .status[data-v-12a60c96] {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.holiday-overlay[data-v-12a60c96] {
  position: relative;
  pointer-events: none;
}
.holiday-period[data-v-12a60c96] {
  position: absolute;
  top: 0;
  bottom: 0;
  background: rgba(255, 200, 200, 0.2);
  border-left: 2px dashed #ffb3b3;
  border-right: 2px dashed #ffb3b3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.holiday-period .holiday-icon[data-v-12a60c96] {
  font-size: 20px;
}
.holiday-period .holiday-name[data-v-12a60c96] {
  font-size: 10px;
  color: #959da5;
  text-align: center;
}
.timeline-legend[data-v-12a60c96] {
  display: flex;
  gap: 24px;
  padding: 16px 24px;
  border-top: 1px solid #e1e4e8;
  background: #f5f7fa;
}
.legend-item[data-v-12a60c96] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #959da5;
}
.legend-bar[data-v-12a60c96] {
  width: 32px;
  height: 8px;
  background: linear-gradient(90deg, #FFCC00, #3F484C);
  border-radius: 2px;
}
.legend-diamond[data-v-12a60c96] {
  color: #f9b857;
}
.legend-holiday[data-v-12a60c96] {
  width: 32px;
  height: 12px;
  background: rgba(255, 200, 200, 0.5);
  border: 1px dashed #ffb3b3;
  border-radius: 2px;
}
.legend-collapse[data-v-12a60c96] {
  font-size: 10px;
  color: #959da5;
}
.list-view[data-v-12a60c96] {
  padding: 24px;
}
.list-table[data-v-12a60c96] {
  width: 100%;
  border-collapse: collapse;
}
.list-table th[data-v-12a60c96], .list-table td[data-v-12a60c96] {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #e1e4e8;
}
.list-table th[data-v-12a60c96] {
  font-size: 12px;
  font-weight: 700;
  color: #959da5;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: #f5f7fa;
}
.list-table tr[data-v-12a60c96]:hover {
  background: rgba(3, 102, 214, 0.02);
}
.model-cell[data-v-12a60c96] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.model-dot[data-v-12a60c96] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.blueprint-cell[data-v-12a60c96] {
  font-weight: 500;
}
.status-badge[data-v-12a60c96] {
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: capitalize;
}
.status-badge.completed[data-v-12a60c96] {
  background: rgba(40, 167, 69, 0.1);
  color: #28a745;
}
.status-badge.in-progress[data-v-12a60c96] {
  background: rgba(3, 102, 214, 0.1);
  color: #0366d6;
}
.status-badge.not-started[data-v-12a60c96] {
  background: #f5f7fa;
  color: #959da5;
}
.list-actions[data-v-12a60c96] {
  display: flex;
  gap: 12px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e1e4e8;
}
.btn-secondary[data-v-12a60c96] {
  padding: 8px 16px;
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.btn-secondary[data-v-12a60c96]:hover {
  background: #f5f7fa;
}
.empty-state[data-v-12a60c96] {
  text-align: center;
  padding: 60px 20px;
}
.empty-state .empty-icon[data-v-12a60c96] {
  font-size: 64px;
  margin-bottom: 16px;
}
.empty-state h3[data-v-12a60c96] {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
.empty-state p[data-v-12a60c96] {
  color: #586069;
  margin-bottom: 24px;
}
.btn-primary[data-v-12a60c96] {
  padding: 10px 20px;
  background: #0366d6;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.btn-primary[data-v-12a60c96]:hover {
  background: rgb(2.2949308756, 78.0276497696, 163.7050691244);
}
@media (max-width: 768px) {
.roadmap-header[data-v-12a60c96] {
    flex-direction: column;
    gap: 16px;
}
.controls-bar[data-v-12a60c96] {
    flex-direction: column;
    gap: 12px;
}
.axis-label-column[data-v-12a60c96],
  .header-label[data-v-12a60c96],
  .blueprint-label[data-v-12a60c96] {
    width: 140px;
    min-width: 140px;
}
}.settings-container[data-v-59ffb5dc] {
  min-height: calc(100vh - 80px);
  background: #f9fafb;
  padding: 24px;
}
.settings-header[data-v-59ffb5dc] {
  margin-bottom: 24px;
}
.settings-header .back-link[data-v-59ffb5dc] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #6b7280;
  font-size: 14px;
  text-decoration: none;
  margin-bottom: 16px;
  transition: color 0.2s;
}
.settings-header .back-link[data-v-59ffb5dc]:hover {
  color: #374151;
}
.settings-header .back-link .back-icon[data-v-59ffb5dc] {
  width: 16px;
  height: 16px;
}
.settings-header .settings-title[data-v-59ffb5dc] {
  font-size: 28px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 8px 0;
}
.settings-header .settings-subtitle[data-v-59ffb5dc] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
.settings-layout[data-v-59ffb5dc] {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 24px;
  max-width: 1400px;
}
.settings-sidebar[data-v-59ffb5dc] {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  padding: 16px;
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  top: 24px;
}
.settings-nav[data-v-59ffb5dc] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.nav-item[data-v-59ffb5dc] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  text-decoration: none;
  color: #374151;
  transition: all 0.2s;
  position: relative;
}
.nav-item[data-v-59ffb5dc]:hover:not(.disabled) {
  background: #f3f4f6;
}
.nav-item.active[data-v-59ffb5dc] {
  background: #fef3c7;
  color: #92400e;
}
.nav-item.active .nav-icon svg[data-v-59ffb5dc] {
  stroke: #d97706;
}
.nav-item.active .nav-description[data-v-59ffb5dc] {
  color: #b45309;
}
.nav-item.disabled[data-v-59ffb5dc] {
  opacity: 0.6;
  cursor: not-allowed;
}
.nav-item.disabled[data-v-59ffb5dc]:hover {
  background: transparent;
}
.nav-icon[data-v-59ffb5dc] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.nav-icon svg[data-v-59ffb5dc] {
  width: 100%;
  height: 100%;
  stroke: #6b7280;
}
.nav-text[data-v-59ffb5dc] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.nav-name[data-v-59ffb5dc] {
  font-size: 14px;
  font-weight: 500;
}
.nav-description[data-v-59ffb5dc] {
  font-size: 12px;
  color: #9ca3af;
}
.coming-soon-badge[data-v-59ffb5dc] {
  font-size: 10px;
  font-weight: 600;
  color: #6b7280;
  background: #e5e7eb;
  padding: 2px 8px;
  border-radius: 10px;
  white-space: nowrap;
}
.settings-content[data-v-59ffb5dc] {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  padding: 24px;
  min-height: 500px;
}
@media (max-width: 900px) {
.settings-layout[data-v-59ffb5dc] {
    grid-template-columns: 1fr;
}
.settings-sidebar[data-v-59ffb5dc] {
    position: static;
}
.settings-nav[data-v-59ffb5dc] {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}
.nav-item[data-v-59ffb5dc] {
    flex: 1 1 calc(50% - 8px);
    min-width: 150px;
}
.nav-description[data-v-59ffb5dc] {
    display: none;
}
}.deleted-projects-page[data-v-579f63c7] {
  min-height: 400px;
}
.info-banner[data-v-579f63c7] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: #fef3c7;
  border: 1px solid #fcd34d;
  border-radius: 8px;
  margin-bottom: 24px;
}
.info-banner .info-icon[data-v-579f63c7] {
  width: 20px;
  height: 20px;
  stroke: #d97706;
  flex-shrink: 0;
  margin-top: 1px;
}
.info-banner p[data-v-579f63c7] {
  font-size: 13px;
  color: #92400e;
  margin: 0;
  line-height: 1.5;
}
.empty-state[data-v-579f63c7] {
  text-align: center;
  padding: 60px 20px;
}
.empty-state .empty-icon[data-v-579f63c7] {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
}
.empty-state .empty-icon svg[data-v-579f63c7] {
  width: 100%;
  height: 100%;
  stroke: #d1d5db;
}
.empty-state h3[data-v-579f63c7] {
  font-size: 18px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 8px 0;
}
.empty-state p[data-v-579f63c7] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
.projects-list[data-v-579f63c7] {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
.list-header[data-v-579f63c7] {
  display: grid;
  grid-template-columns: 1fr 120px 100px 200px;
  gap: 16px;
  padding: 12px 16px;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.project-row[data-v-579f63c7] {
  display: grid;
  grid-template-columns: 1fr 120px 100px 200px;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid #f3f4f6;
  align-items: center;
}
.project-row[data-v-579f63c7]:last-child {
  border-bottom: none;
}
.project-row[data-v-579f63c7]:hover {
  background: #fafafa;
}
.project-row.confirming-delete[data-v-579f63c7] {
  grid-template-columns: 1fr;
  background: #fef2f2;
}
.col-project[data-v-579f63c7] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.project-avatar[data-v-579f63c7] {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14px;
  font-weight: 600;
  flex-shrink: 0;
}
.project-info[data-v-579f63c7] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.project-name[data-v-579f63c7] {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-company[data-v-579f63c7] {
  font-size: 12px;
  color: #6b7280;
}
.col-deleted .deleted-date[data-v-579f63c7] {
  font-size: 13px;
  color: #6b7280;
}
.col-expires .days-badge[data-v-579f63c7] {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  background: #f3f4f6;
  color: #374151;
}
.col-expires .days-badge.warning[data-v-579f63c7] {
  background: #fef3c7;
  color: #92400e;
}
.col-expires .days-badge.danger[data-v-579f63c7] {
  background: #fee2e2;
  color: #dc2626;
}
.col-actions[data-v-579f63c7] {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.btn-restore[data-v-579f63c7], .btn-delete[data-v-579f63c7] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-restore svg[data-v-579f63c7], .btn-delete svg[data-v-579f63c7] {
  width: 16px;
  height: 16px;
}
.btn-restore[data-v-579f63c7] {
  background: #FFCC00;
  color: #000;
  border: none;
}
.btn-restore[data-v-579f63c7]:hover {
  background: #e6b800;
}
.btn-restore[data-v-579f63c7]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-delete[data-v-579f63c7] {
  background: white;
  color: #dc2626;
  border: 1px solid #fca5a5;
}
.btn-delete[data-v-579f63c7]:hover {
  background: #fef2f2;
  border-color: #f87171;
}
.confirm-delete-row[data-v-579f63c7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 16px;
}
.confirm-message[data-v-579f63c7] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.confirm-message .warning-icon[data-v-579f63c7] {
  width: 24px;
  height: 24px;
  fill: #dc2626;
  flex-shrink: 0;
}
.confirm-message span[data-v-579f63c7] {
  font-size: 14px;
  color: #991b1b;
}
.confirm-actions[data-v-579f63c7] {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}
.btn-cancel-delete[data-v-579f63c7] {
  padding: 8px 16px;
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
}
.btn-cancel-delete[data-v-579f63c7]:hover {
  background: #f9fafb;
}
.btn-confirm-delete[data-v-579f63c7] {
  padding: 8px 16px;
  background: #dc2626;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: white;
  cursor: pointer;
}
.btn-confirm-delete[data-v-579f63c7]:hover {
  background: #b91c1c;
}
.btn-confirm-delete[data-v-579f63c7]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.footer-note[data-v-579f63c7] {
  margin-top: 16px;
  padding: 12px 16px;
  background: #f9fafb;
  border-radius: 8px;
}
.footer-note p[data-v-579f63c7] {
  font-size: 12px;
  color: #6b7280;
  margin: 0;
}
@media (max-width: 768px) {
.list-header[data-v-579f63c7] {
    display: none;
}
.project-row[data-v-579f63c7] {
    grid-template-columns: 1fr;
    gap: 12px;
}
.col-deleted[data-v-579f63c7], .col-expires[data-v-579f63c7] {
    display: inline-block;
}
.col-actions[data-v-579f63c7] {
    justify-content: flex-start;
}
}.settings-overview .section-title[data-v-cc885656] {
  font-size: 20px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 8px 0;
}
.settings-overview .section-description[data-v-cc885656] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 24px 0;
}
.quick-links[data-v-cc885656] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.quick-link-card[data-v-cc885656] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.2s;
}
.quick-link-card[data-v-cc885656]:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
  transform: translateX(4px);
}
.quick-link-card:hover .arrow[data-v-cc885656] {
  transform: translateX(4px);
}
.quick-link-icon[data-v-cc885656] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.quick-link-icon svg[data-v-cc885656] {
  width: 24px;
  height: 24px;
}
.quick-link-icon.bell[data-v-cc885656] {
  background: #fef3c7;
}
.quick-link-icon.bell svg[data-v-cc885656] {
  stroke: #d97706;
}
.quick-link-icon.trash[data-v-cc885656] {
  background: #fee2e2;
}
.quick-link-icon.trash svg[data-v-cc885656] {
  stroke: #dc2626;
}
.quick-link-icon.user[data-v-cc885656] {
  background: #dbeafe;
}
.quick-link-icon.user svg[data-v-cc885656] {
  stroke: #2563eb;
}
.quick-link-content[data-v-cc885656] {
  flex: 1;
}
.quick-link-content h3[data-v-cc885656] {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 4px 0;
}
.quick-link-content p[data-v-cc885656] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.arrow[data-v-cc885656] {
  width: 20px;
  height: 20px;
  stroke: #9ca3af;
  transition: transform 0.2s;
}.tabs-header[data-v-2102e1e1] {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e7eb;
}
.tab-btn[data-v-2102e1e1] {
  padding: 8px 16px;
  background: transparent;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.2s;
}
.tab-btn[data-v-2102e1e1]:hover {
  background: #f3f4f6;
  color: #374151;
}
.tab-btn.active[data-v-2102e1e1] {
  background: #fef3c7;
  color: #92400e;
}
.tab-content[data-v-2102e1e1] {
  min-height: 400px;
}
.settings-section[data-v-2102e1e1] {
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid #f3f4f6;
}
.settings-section[data-v-2102e1e1]:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.section-heading[data-v-2102e1e1] {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 4px 0;
}
.section-description[data-v-2102e1e1] {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 16px 0;
}
.section-header-row[data-v-2102e1e1] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}
.section-actions[data-v-2102e1e1] {
  display: flex;
  gap: 16px;
}
.btn-link[data-v-2102e1e1] {
  background: none;
  border: none;
  color: #3b82f6;
  font-size: 13px;
  cursor: pointer;
  padding: 0;
}
.btn-link[data-v-2102e1e1]:hover {
  text-decoration: underline;
}
.toggle-list[data-v-2102e1e1] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.toggle-item[data-v-2102e1e1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background: #f9fafb;
  border-radius: 8px;
}
.toggle-item.disabled[data-v-2102e1e1] {
  opacity: 0.6;
}
.toggle-info[data-v-2102e1e1] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.toggle-label[data-v-2102e1e1] {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}
.toggle-description[data-v-2102e1e1] {
  font-size: 12px;
  color: #6b7280;
}
.toggle-switch[data-v-2102e1e1] {
  position: relative;
  width: 48px;
  height: 26px;
}
.toggle-switch input[data-v-2102e1e1] {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch input:checked + .toggle-slider[data-v-2102e1e1] {
  background: #FFCC00;
}
.toggle-switch input:checked + .toggle-slider[data-v-2102e1e1]::before {
  transform: translateX(22px);
}
.toggle-switch input:disabled + .toggle-slider[data-v-2102e1e1] {
  opacity: 0.5;
  cursor: not-allowed;
}
.toggle-slider[data-v-2102e1e1] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d1d5db;
  border-radius: 26px;
  transition: 0.3s;
}
.toggle-slider[data-v-2102e1e1]::before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background: white;
  border-radius: 50%;
  transition: 0.3s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.radio-group[data-v-2102e1e1] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.radio-item[data-v-2102e1e1] {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.radio-item input[type=radio][data-v-2102e1e1] {
  width: 18px;
  height: 18px;
  accent-color: #FFCC00;
}
.radio-label[data-v-2102e1e1] {
  font-size: 14px;
  color: #374151;
}
.activity-table[data-v-2102e1e1] {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
.activity-header[data-v-2102e1e1] {
  display: flex;
  background: #f9fafb;
  padding: 12px 16px;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #e5e7eb;
}
.activity-row[data-v-2102e1e1] {
  display: flex;
  padding: 12px 16px;
  border-bottom: 1px solid #f3f4f6;
}
.activity-row[data-v-2102e1e1]:last-child {
  border-bottom: none;
}
.activity-row[data-v-2102e1e1]:hover {
  background: #fafafa;
}
.activity-type-col[data-v-2102e1e1] {
  flex: 1;
  display: flex;
  align-items: center;
}
.activity-channel-col[data-v-2102e1e1] {
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-label[data-v-2102e1e1] {
  font-size: 14px;
  color: #374151;
}
.checkbox-wrapper[data-v-2102e1e1] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkbox-wrapper input[type=checkbox][data-v-2102e1e1] {
  width: 18px;
  height: 18px;
  accent-color: #FFCC00;
  cursor: pointer;
}
.checkbox-wrapper input[type=checkbox][data-v-2102e1e1]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.checkbox-list[data-v-2102e1e1] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.checkbox-item[data-v-2102e1e1] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
}
.checkbox-item input[type=checkbox][data-v-2102e1e1] {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: #FFCC00;
  flex-shrink: 0;
}
.checkbox-text[data-v-2102e1e1] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.checkbox-label[data-v-2102e1e1] {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}
.checkbox-description[data-v-2102e1e1] {
  font-size: 12px;
  color: #6b7280;
}
.info-box[data-v-2102e1e1] {
  display: flex;
  gap: 12px;
  padding: 16px;
  background: #eff6ff;
  border-radius: 8px;
  margin-bottom: 20px;
}
.info-box .info-icon[data-v-2102e1e1] {
  width: 20px;
  height: 20px;
  stroke: #3b82f6;
  flex-shrink: 0;
}
.info-box p[data-v-2102e1e1] {
  font-size: 13px;
  color: #1e40af;
  margin: 0;
}
.form-group[data-v-2102e1e1] {
  margin-bottom: 16px;
}
.form-label[data-v-2102e1e1] {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 6px;
}
.form-select[data-v-2102e1e1], .form-input[data-v-2102e1e1] {
  width: 200px;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  color: #374151;
}
.form-select[data-v-2102e1e1]:focus, .form-input[data-v-2102e1e1]:focus {
  outline: none;
  border-color: #FFCC00;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.15);
}
.form-hint[data-v-2102e1e1] {
  display: block;
  font-size: 12px;
  color: #9ca3af;
  margin-top: 4px;
}
.quiet-hours-config[data-v-2102e1e1] {
  margin-top: 24px;
}
.schedule-section[data-v-2102e1e1] {
  margin-bottom: 24px;
  padding: 16px;
  background: #f9fafb;
  border-radius: 8px;
}
.schedule-title[data-v-2102e1e1] {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 12px 0;
}
.time-range[data-v-2102e1e1] {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}
.time-range .form-group[data-v-2102e1e1] {
  margin-bottom: 0;
}
.time-separator[data-v-2102e1e1] {
  font-size: 14px;
  color: #6b7280;
  padding-bottom: 10px;
}
.quick-actions[data-v-2102e1e1] {
  padding: 16px;
  background: #f9fafb;
  border-radius: 8px;
}
.quick-btns[data-v-2102e1e1] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.btn-secondary[data-v-2102e1e1] {
  padding: 8px 16px;
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 13px;
  color: #374151;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-secondary[data-v-2102e1e1]:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}
.settings-footer[data-v-2102e1e1] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #e5e7eb;
}
.btn-cancel[data-v-2102e1e1] {
  padding: 10px 20px;
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-cancel[data-v-2102e1e1]:hover {
  background: #f9fafb;
}
.btn-save[data-v-2102e1e1] {
  padding: 10px 24px;
  background: #FFCC00;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-save[data-v-2102e1e1]:hover {
  background: #e6b800;
}
.btn-save[data-v-2102e1e1]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}.pdf-branding-page[data-v-bde5c25a] {
  max-width: 1200px;
}
.page-header[data-v-bde5c25a] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e5e7eb;
}
.page-header .header-content[data-v-bde5c25a] {
  flex: 1;
}
.page-header .page-title[data-v-bde5c25a] {
  font-size: 24px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 8px 0;
}
.page-header .page-description[data-v-bde5c25a] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
  max-width: 500px;
}
.page-header .header-actions[data-v-bde5c25a] {
  display: flex;
  gap: 12px;
}
.btn-primary[data-v-bde5c25a] {
  padding: 10px 20px;
  background: #F4B942;
  color: #1E293B;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-primary[data-v-bde5c25a]:hover:not(:disabled) {
  background: #e5a93a;
}
.btn-primary[data-v-bde5c25a]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-secondary[data-v-bde5c25a] {
  padding: 10px 20px;
  background: #ffffff;
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-secondary[data-v-bde5c25a]:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}
.settings-grid[data-v-bde5c25a] {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 32px;
}
@media (max-width: 1100px) {
.settings-grid[data-v-bde5c25a] {
    grid-template-columns: 1fr;
}
}
.settings-form[data-v-bde5c25a] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.settings-section[data-v-bde5c25a] {
  background: #f9fafb;
  border-radius: 12px;
  padding: 24px;
}
.settings-section .section-title[data-v-bde5c25a] {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 8px 0;
}
.settings-section .section-description[data-v-bde5c25a] {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 20px 0;
}
.form-field[data-v-bde5c25a] {
  margin-bottom: 16px;
}
.form-field[data-v-bde5c25a]:last-child {
  margin-bottom: 0;
}
.field-label[data-v-bde5c25a] {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 6px;
}
.field-hint[data-v-bde5c25a] {
  display: block;
  font-size: 12px;
  color: #9ca3af;
  margin-top: 4px;
}
.text-input[data-v-bde5c25a] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  color: #111827;
  background: #ffffff;
  transition: all 0.2s;
}
.text-input[data-v-bde5c25a]:focus {
  outline: none;
  border-color: #F4B942;
  box-shadow: 0 0 0 3px rgba(244, 185, 66, 0.1);
}
.text-input[data-v-bde5c25a]::-moz-placeholder {
  color: #9ca3af;
}
.text-input[data-v-bde5c25a]::placeholder {
  color: #9ca3af;
}
.text-input.textarea[data-v-bde5c25a] {
  resize: vertical;
  min-height: 80px;
}
.select-input[data-v-bde5c25a] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  color: #111827;
  background: #ffffff;
  cursor: pointer;
}
.select-input[data-v-bde5c25a]:focus {
  outline: none;
  border-color: #F4B942;
  box-shadow: 0 0 0 3px rgba(244, 185, 66, 0.1);
}
.color-fields[data-v-bde5c25a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.color-input-wrapper[data-v-bde5c25a] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.color-input[data-v-bde5c25a] {
  width: 48px;
  height: 40px;
  padding: 2px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  cursor: pointer;
  background: transparent;
}
.color-input[data-v-bde5c25a]::-webkit-color-swatch-wrapper {
  padding: 2px;
}
.color-input[data-v-bde5c25a]::-webkit-color-swatch {
  border-radius: 4px;
  border: none;
}
.color-text[data-v-bde5c25a] {
  flex: 1;
  font-family: monospace;
  text-transform: uppercase;
}
.logo-uploads-grid[data-v-bde5c25a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 600px) {
.logo-uploads-grid[data-v-bde5c25a] {
    grid-template-columns: 1fr;
}
}
.logo-upload-group .field-label[data-v-bde5c25a] {
  margin-bottom: 4px;
}
.logo-upload-group .field-hint[data-v-bde5c25a] {
  display: block;
  margin-bottom: 10px;
}
.logo-upload-area[data-v-bde5c25a] {
  margin-bottom: 0;
}
.logo-preview[data-v-bde5c25a] {
  position: relative;
  display: inline-block;
  padding: 16px;
  background: #ffffff;
  border: 2px dashed #d1d5db;
  border-radius: 12px;
}
.logo-preview.logo-preview-long img[data-v-bde5c25a] {
  max-width: 180px;
  max-height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.logo-preview.logo-preview-square img[data-v-bde5c25a] {
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.logo-preview .remove-logo[data-v-bde5c25a] {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 24px;
  height: 24px;
  background: #ef4444;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-preview .remove-logo svg[data-v-bde5c25a] {
  width: 14px;
  height: 14px;
  stroke: #ffffff;
}
.logo-preview .remove-logo[data-v-bde5c25a]:hover {
  background: #dc2626;
}
.upload-placeholder[data-v-bde5c25a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  background: #ffffff;
  border: 2px dashed #d1d5db;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s;
  min-height: 100px;
}
.upload-placeholder[data-v-bde5c25a]:hover {
  border-color: #F4B942;
  background: #fffbeb;
}
.upload-placeholder.upload-placeholder-square[data-v-bde5c25a] {
  aspect-ratio: 1;
  max-width: 120px;
}
.upload-placeholder .upload-icon[data-v-bde5c25a] {
  width: 32px;
  height: 32px;
  stroke: #9ca3af;
  margin-bottom: 8px;
}
.upload-placeholder span[data-v-bde5c25a] {
  font-size: 12px;
  color: #6b7280;
  text-align: center;
}
.upload-placeholder .hidden-input[data-v-bde5c25a] {
  display: none;
}
.checkbox-field .checkbox-label[data-v-bde5c25a] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.checkbox-field .checkbox-label input[type=checkbox][data-v-bde5c25a] {
  width: 18px;
  height: 18px;
  accent-color: #F4B942;
}
.checkbox-field .checkbox-label span[data-v-bde5c25a] {
  font-size: 14px;
  color: #374151;
}
.preview-panel[data-v-bde5c25a] {
  position: sticky;
  top: 24px;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 1100px) {
.preview-panel[data-v-bde5c25a] {
    position: static;
}
}
.preview-header[data-v-bde5c25a] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.preview-header .preview-title[data-v-bde5c25a] {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin: 0;
}
.preview-header .preview-badge[data-v-bde5c25a] {
  font-size: 11px;
  font-weight: 500;
  color: #6b7280;
  background: #f3f4f6;
  padding: 4px 8px;
  border-radius: 4px;
}
.preview-container[data-v-bde5c25a] {
  background: #f3f4f6;
  border-radius: 12px;
  padding: 16px;
}
.preview-page[data-v-bde5c25a] {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  aspect-ratio: 8.5/11;
  overflow: hidden;
}
.preview-page.cover-page[data-v-bde5c25a] {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.cover-row[data-v-bde5c25a] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.cover-row.cover-row-top[data-v-bde5c25a] {
  flex: 1;
  background: #e5e7eb;
}
.cover-row.cover-row-top .preview-icon[data-v-bde5c25a] {
  width: 48px;
  height: 48px;
}
.cover-row.cover-row-top .preview-icon svg[data-v-bde5c25a] {
  width: 100%;
  height: 100%;
  stroke: #6b7280;
}
.cover-row.cover-row-middle[data-v-bde5c25a] {
  flex: 1;
  background: #ffffff;
  flex-direction: column;
  text-align: center;
}
.cover-row.cover-row-middle .preview-title-text[data-v-bde5c25a] {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 0 0 4px 0;
}
.cover-row.cover-row-middle .preview-subtitle[data-v-bde5c25a] {
  font-size: 11px;
  color: #6b7280;
  margin: 0;
}
.cover-row.cover-row-bottom[data-v-bde5c25a] {
  flex: 1;
  background: #e5e7eb;
}
.cover-row.cover-row-bottom .preview-logo img[data-v-bde5c25a] {
  max-width: 100px;
  max-height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
.cover-row.cover-row-bottom .preview-logo .default-logo[data-v-bde5c25a] {
  padding: 6px 12px;
  border: 2px solid;
  border-radius: 6px;
  background: #ffffff;
}
.cover-row.cover-row-bottom .preview-logo .default-logo span[data-v-bde5c25a] {
  font-size: 11px;
  font-weight: 700;
}
.preview-header-section .preview-section-label[data-v-bde5c25a] {
  font-size: 11px;
  font-weight: 500;
  color: #6b7280;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.preview-page-header[data-v-bde5c25a] {
  background: #ffffff;
  border-radius: 8px;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #e5e7eb;
}
.preview-page-header .header-left[data-v-bde5c25a] {
  display: flex;
  flex-direction: column;
}
.preview-page-header .header-left .header-title[data-v-bde5c25a] {
  font-size: 12px;
  font-weight: 600;
  color: #111827;
}
.preview-page-header .header-left .header-subtitle[data-v-bde5c25a] {
  font-size: 10px;
  color: #6b7280;
}
.preview-page-header .header-right .header-logo[data-v-bde5c25a] {
  width: 36px;
  height: 36px;
  -o-object-fit: contain;
     object-fit: contain;
}
.preview-page-header .header-right .header-logo-placeholder[data-v-bde5c25a] {
  width: 36px;
  height: 36px;
  background: #f3f4f6;
  border: 1px dashed #d1d5db;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-page-header .header-right .header-logo-placeholder span[data-v-bde5c25a] {
  font-size: 8px;
  color: #9ca3af;
}
.preview-footer-section[data-v-bde5c25a] {
  margin-top: 16px;
}
.preview-footer-section .preview-section-label[data-v-bde5c25a] {
  font-size: 11px;
  font-weight: 500;
  color: #6b7280;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.preview-footer[data-v-bde5c25a] {
  background: #ffffff;
  border-radius: 8px;
  padding: 12px 16px;
  border-top: 3px solid;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
}
.preview-footer .footer-left[data-v-bde5c25a] {
  flex: 1;
}
.preview-footer .footer-left .footer-text-preview[data-v-bde5c25a] {
  font-size: 9px;
  color: #6b7280;
  margin: 0;
  line-height: 1.4;
}
.preview-footer .footer-right[data-v-bde5c25a] {
  text-align: right;
}
.preview-footer .footer-right .social-preview[data-v-bde5c25a] {
  display: block;
  font-size: 9px;
  color: #6b7280;
  margin-bottom: 4px;
}
.preview-footer .footer-right .social-preview .social-icon[data-v-bde5c25a] {
  margin-left: 4px;
}
.preview-footer .footer-right .page-number[data-v-bde5c25a] {
  font-size: 9px;
  color: #9ca3af;
}.plans-content[data-v-4e8bf58f] {
  display: flex;
  flex-direction: column;
}
.trial-banner[data-v-4e8bf58f] {
  background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%);
  border-left: 4px solid #FFCC00;
  padding: 16px 24px;
  border-radius: 8px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.trial-info[data-v-4e8bf58f] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.trial-icon[data-v-4e8bf58f] {
  font-size: 24px;
}
.trial-text[data-v-4e8bf58f] {
  display: flex;
  flex-direction: column;
}
.trial-text strong[data-v-4e8bf58f] {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 2px;
}
.trial-text span[data-v-4e8bf58f] {
  font-size: 13px;
  color: #374151;
}
.seat-badge[data-v-4e8bf58f] {
  background: #FFFFFF;
  padding: 8px 16px;
  border-radius: 8px;
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}
.tabs[data-v-4e8bf58f] {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
  border-bottom: 1px solid #E5E7EB;
}
.tab[data-v-4e8bf58f] {
  background: none;
  border: none;
  padding: 16px 32px;
  font-size: 15px;
  font-weight: 600;
  color: #6B7280;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  font-family: inherit;
}
.tab[data-v-4e8bf58f]:hover {
  color: #111827;
}
.tab.active[data-v-4e8bf58f] {
  color: #111827;
}
.tab.active[data-v-4e8bf58f]::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background: #FFCC00;
  border-radius: 3px 3px 0 0;
}
.tab-content[data-v-4e8bf58f] {
  flex: 1;
  overflow: hidden;
}
.team-layout[data-v-4e8bf58f] {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 32px;
}
@media (max-width: 1200px) {
.team-layout[data-v-4e8bf58f] {
    grid-template-columns: 1fr;
}
}
.calculator-panel[data-v-4e8bf58f] {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
}
.calculator-header[data-v-4e8bf58f] {
  margin-bottom: 32px;
}
.calculator-header h3[data-v-4e8bf58f] {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 8px;
}
.calculator-header p[data-v-4e8bf58f] {
  font-size: 14px;
  color: #4B5563;
}
.slider-section[data-v-4e8bf58f] {
  margin-bottom: 32px;
}
.slider-label[data-v-4e8bf58f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.slider-label span[data-v-4e8bf58f] {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
}
.slider-value[data-v-4e8bf58f] {
  font-family: "JetBrains Mono", monospace;
  font-size: 24px;
  font-weight: 700;
  color: #FFCC00;
}
.slider-input[data-v-4e8bf58f] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #E5E7EB;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.slider-input[data-v-4e8bf58f]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FFCC00;
  cursor: pointer;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.slider-input[data-v-4e8bf58f]::-webkit-slider-thumb:hover {
  background: #FEBC2C;
  transform: scale(1.1);
}
.slider-input[data-v-4e8bf58f]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FFCC00;
  cursor: pointer;
  border: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.slider-marks[data-v-4e8bf58f] {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 12px;
  color: #6B7280;
  font-family: "JetBrains Mono", monospace;
}
.pricing-breakdown[data-v-4e8bf58f] {
  background: #F9FAFB;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
}
.pricing-row[data-v-4e8bf58f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #E5E7EB;
}
.pricing-row[data-v-4e8bf58f]:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.pricing-row[data-v-4e8bf58f]:first-child {
  padding-top: 0;
}
.pricing-label[data-v-4e8bf58f] {
  font-size: 14px;
  color: #374151;
}
.pricing-value[data-v-4e8bf58f] {
  font-family: "JetBrains Mono", monospace;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.discount-badge[data-v-4e8bf58f] {
  background: #3F484C;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 8px;
}
.total-row[data-v-4e8bf58f] {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 2px solid #D1D5DB;
}
.total-label[data-v-4e8bf58f] {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
}
.total-value[data-v-4e8bf58f] {
  font-size: 24px;
  font-weight: 700;
  color: #FFCC00;
  font-family: "JetBrains Mono", monospace;
}
.billing-frequency[data-v-4e8bf58f] {
  font-size: 12px;
  color: #6B7280;
  text-align: right;
  margin-bottom: 24px;
}
.cta-button[data-v-4e8bf58f] {
  width: 100%;
  background: #FFCC00;
  color: #111827;
  border: none;
  padding: 16px 24px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-top: auto;
}
.cta-button[data-v-4e8bf58f]:hover {
  background: #FEBC2C;
  transform: translateY(-1px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.features-panel[data-v-4e8bf58f] {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow-y: auto;
}
.features-header[data-v-4e8bf58f] {
  margin-bottom: 24px;
}
.features-header h4[data-v-4e8bf58f] {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 8px;
}
.feature-item[data-v-4e8bf58f] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 0;
}
.feature-icon[data-v-4e8bf58f] {
  color: #FFCC00;
  font-size: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}
.feature-text[data-v-4e8bf58f] {
  font-size: 14px;
  color: #374151;
  line-height: 1.6;
}
.volume-discounts[data-v-4e8bf58f] {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #E5E7EB;
}
.volume-discounts h5[data-v-4e8bf58f] {
  font-size: 14px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 16px;
}
.discount-table[data-v-4e8bf58f] {
  width: 100%;
  font-size: 13px;
  border-collapse: collapse;
}
.discount-table th[data-v-4e8bf58f] {
  text-align: left;
  font-weight: 600;
  color: #4B5563;
  padding: 8px 0;
  border-bottom: 1px solid #E5E7EB;
}
.discount-table td[data-v-4e8bf58f] {
  padding: 12px 0;
  color: #374151;
  border-bottom: 1px solid #F3F4F6;
}
.discount-table td[data-v-4e8bf58f]:last-child {
  text-align: right;
  font-family: "JetBrains Mono", monospace;
  font-weight: 600;
  color: #3F484C;
}
.enterprise-layout[data-v-4e8bf58f] {
  height: 100%;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 32px;
}
@media (max-width: 1200px) {
.enterprise-layout[data-v-4e8bf58f] {
    grid-template-columns: 1fr;
}
}
.enterprise-main[data-v-4e8bf58f] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.enterprise-pricing-card[data-v-4e8bf58f] {
  background: linear-gradient(135deg, #3F484C 0%, #1F2937 100%);
  border-radius: 12px;
  padding: 32px;
  color: #FFFFFF;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  position: relative;
  overflow: hidden;
}
.enterprise-pricing-card[data-v-4e8bf58f]::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 300px;
  height: 300px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  pointer-events: none;
}
.enterprise-pricing-card h3[data-v-4e8bf58f] {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
}
.enterprise-pricing-card > p[data-v-4e8bf58f] {
  font-size: 14px;
  opacity: 0.9;
  margin-bottom: 24px;
}
.enterprise-badge[data-v-4e8bf58f] {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 16px;
}
.price-options[data-v-4e8bf58f] {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
.price-options[data-v-4e8bf58f] {
    flex-direction: column;
}
}
.price-option[data-v-4e8bf58f] {
  flex: 1;
}
.price-option-label[data-v-4e8bf58f] {
  font-size: 12px;
  opacity: 0.8;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.price-option-value[data-v-4e8bf58f] {
  font-size: 32px;
  font-weight: 700;
  font-family: "JetBrains Mono", monospace;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.price-option-value .currency[data-v-4e8bf58f] {
  font-size: 20px;
}
.price-option-value .period[data-v-4e8bf58f] {
  font-size: 14px;
  opacity: 0.8;
}
.price-option-note[data-v-4e8bf58f] {
  font-size: 12px;
  opacity: 0.7;
  margin-top: 8px;
}
.enterprise-cta[data-v-4e8bf58f] {
  background: #FFFFFF;
  color: #3F484C;
  border: none;
  padding: 16px 32px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.enterprise-cta[data-v-4e8bf58f]:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.enterprise-features[data-v-4e8bf58f] {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.enterprise-features h4[data-v-4e8bf58f] {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 24px;
}
.features-grid[data-v-4e8bf58f] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 768px) {
.features-grid[data-v-4e8bf58f] {
    grid-template-columns: 1fr;
}
}
.addons-panel[data-v-4e8bf58f] {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow-y: auto;
}
.addons-panel h4[data-v-4e8bf58f] {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 24px;
}
.addon-item[data-v-4e8bf58f] {
  padding: 24px 0;
  border-bottom: 1px solid #F3F4F6;
}
.addon-item[data-v-4e8bf58f]:last-child {
  border-bottom: none;
}
.addon-item.addon-disabled[data-v-4e8bf58f] {
  opacity: 0.6;
}
.addon-header[data-v-4e8bf58f] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
}
.addon-checkbox[data-v-4e8bf58f] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.addon-checkbox input[type=checkbox][data-v-4e8bf58f] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #FFCC00;
}
.addon-name[data-v-4e8bf58f] {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.addon-price[data-v-4e8bf58f] {
  font-size: 14px;
  font-weight: 700;
  font-family: "JetBrains Mono", monospace;
  color: #FFCC00;
}
.addon-price.addon-comped[data-v-4e8bf58f] {
  color: #3F484C;
}
.addon-price.addon-poa[data-v-4e8bf58f] {
  color: #6B7280;
}
.addon-description[data-v-4e8bf58f] {
  font-size: 13px;
  color: #4B5563;
  margin-left: 40px;
  line-height: 1.5;
}
.addon-badge[data-v-4e8bf58f] {
  display: inline-block;
  background: #F3F4F6;
  color: #4B5563;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 8px;
}
.academia-layout[data-v-4e8bf58f] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 32px;
}
@media (max-width: 900px) {
.academia-layout[data-v-4e8bf58f] {
    flex-direction: column;
}
}
.academia-card[data-v-4e8bf58f] {
  background: #FFFFFF;
  border: 2px solid #E5E7EB;
  border-radius: 16px;
  padding: 40px;
  width: 420px;
  max-width: 100%;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}
.academia-card[data-v-4e8bf58f]:hover {
  border-color: #FFCC00;
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.academia-card h3[data-v-4e8bf58f] {
  font-size: 22px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 8px;
}
.academia-card .subtitle[data-v-4e8bf58f] {
  font-size: 14px;
  color: #4B5563;
  margin-bottom: 24px;
}
.academia-icon[data-v-4e8bf58f] {
  font-size: 48px;
  margin-bottom: 16px;
}
.academia-badge-large[data-v-4e8bf58f] {
  display: inline-block;
  background: linear-gradient(135deg, #3F484C 0%, #1F2937 100%);
  color: #FFFFFF;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 24px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.academia-badge-large.academia-badge-custom[data-v-4e8bf58f] {
  background: linear-gradient(135deg, #3F484C 0%, #1F2937 100%);
}
.academia-features[data-v-4e8bf58f] {
  margin-bottom: 32px;
}
.academia-cta[data-v-4e8bf58f] {
  width: 100%;
  background: #FFCC00;
  color: #111827;
  border: none;
  padding: 16px 24px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.academia-cta[data-v-4e8bf58f]:hover {
  background: #FEBC2C;
  transform: translateY(-1px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.academia-cta.secondary[data-v-4e8bf58f] {
  background: #FFFFFF;
  color: #111827;
  border: 2px solid #D1D5DB;
}
.academia-cta.secondary[data-v-4e8bf58f]:hover {
  border-color: #9CA3AF;
  background: #F9FAFB;
}.settings-page-wrapper[data-v-32749ced] {
  background: #f3f4f6;
  height: calc(100vh - 64px);
  padding: 15px;
  box-sizing: border-box;
}
.core-container[data-v-32749ced] {
  background: white;
  border-radius: 8px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.page-header[data-v-32749ced] {
  padding: 20px 24px 0 24px;
  flex-shrink: 0;
}
.page-header h1[data-v-32749ced] {
  font-size: 22px;
  font-weight: 700;
  color: #111827;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.tooltip-trigger[data-v-32749ced] {
  position: relative;
  cursor: help;
  display: inline-flex;
  align-items: center;
  color: #9ca3af;
}
.tooltip-trigger[data-v-32749ced]:hover {
  color: #6b7280;
}
.tooltip-content[data-v-32749ced] {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  padding: 8px 12px;
  background: #4A4A4A;
  color: white;
  font-size: 13px;
  font-weight: 400;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 100;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.tooltip-content[data-v-32749ced]::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 12px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #4A4A4A;
}
.tabs-nav[data-v-32749ced] {
  display: flex;
  gap: 0;
  padding: 16px 24px 0 24px;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.tab-btn[data-v-32749ced] {
  padding: 12px 20px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  font-size: 15px;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.tab-btn[data-v-32749ced]:hover {
  color: #4A4A4A;
}
.tab-btn.active[data-v-32749ced] {
  color: #4A4A4A;
  border-bottom-color: #F5C518;
}
.tab-btn .external-icon[data-v-32749ced] {
  opacity: 0.5;
}
.tab-content-area[data-v-32749ced] {
  flex: 1;
  overflow: hidden;
  padding: 20px 24px 24px 24px;
}
.tab-content[data-v-32749ced] {
  height: 100%;
}
.profile-layout[data-v-32749ced] {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 20px;
  height: 100%;
}
.main-column[data-v-32749ced] {
  display: flex;
  flex-direction: column;
}
.side-column[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.two-column-layout[data-v-32749ced] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  height: 100%;
}
.column[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-height: 0;
}
.inner-card[data-v-32749ced] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 20px;
}
.inner-card.flex-grow[data-v-32749ced] {
  flex: 1;
  min-height: 0;
}
.inner-card.flex-fill[data-v-32749ced] {
  flex: 1;
}
.inner-card.scrollable-card[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.inner-card.danger-zone[data-v-32749ced] {
  border: 2px dashed #fca5a5;
  background: #fef2f2;
}
.card-title[data-v-32749ced] {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 4px 0;
}
.card-title.danger[data-v-32749ced] {
  color: #dc2626;
}
.card-subtitle[data-v-32749ced] {
  font-size: 13px;
  color: #9ca3af;
  margin: 0 0 16px 0;
}
.card-header-row[data-v-32749ced] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}
.card-header-row .card-subtitle[data-v-32749ced] {
  margin-bottom: 0;
}
.avatar-section[data-v-32749ced] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f3f4f6;
  margin-bottom: 20px;
}
.avatar-circle[data-v-32749ced] {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #F5C518;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4A4A4A;
  font-size: 20px;
  font-weight: 600;
  flex-shrink: 0;
}
.avatar-info[data-v-32749ced] {
  flex: 1;
}
.avatar-info h3[data-v-32749ced] {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px 0;
}
.avatar-info p[data-v-32749ced] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.avatar-actions[data-v-32749ced] {
  display: flex;
  gap: 8px;
}
.form-section[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.form-group[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.form-group label[data-v-32749ced] {
  font-size: 13px;
  font-weight: 500;
  color: #4A4A4A;
}
.form-row[data-v-32749ced] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.form-input[data-v-32749ced], .form-select[data-v-32749ced] {
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  color: #111827;
  background: white;
}
.form-input[data-v-32749ced]:focus, .form-select[data-v-32749ced]:focus {
  outline: none;
  border-color: #F5C518;
  box-shadow: 0 0 0 2px rgba(245, 197, 24, 0.2);
}
.form-hint[data-v-32749ced] {
  font-size: 12px;
  color: #9ca3af;
}
.time-select[data-v-32749ced] {
  padding: 6px 10px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 13px;
  background: white;
}
.btn-primary[data-v-32749ced] {
  padding: 10px 20px;
  background: #F5C518;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #4A4A4A;
  cursor: pointer;
}
.btn-primary[data-v-32749ced]:hover {
  background: #e6b800;
}
.btn-primary-sm[data-v-32749ced] {
  padding: 6px 14px;
  background: #F5C518;
  border: none;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
  color: #4A4A4A;
  cursor: pointer;
}
.btn-outline[data-v-32749ced] {
  padding: 10px 20px;
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #4A4A4A;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-outline[data-v-32749ced]:hover {
  background: #f3f4f6;
}
.btn-outline.btn-hover-primary[data-v-32749ced]:hover {
  background: #F5C518;
  border-color: #F5C518;
  color: #4A4A4A;
}
.btn-outline-sm[data-v-32749ced] {
  padding: 6px 12px;
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 500;
  color: #4A4A4A;
  cursor: pointer;
}
.btn-outline-sm[data-v-32749ced]:hover {
  background: #f3f4f6;
}
.btn-danger[data-v-32749ced] {
  padding: 10px 20px;
  background: #dc2626;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: white;
  cursor: pointer;
}
.btn-danger[data-v-32749ced]:hover {
  background: rgb(178.25, 28.75, 28.75);
}
.btn-danger-sm[data-v-32749ced] {
  padding: 6px 14px;
  background: #dc2626;
  border: none;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
  color: white;
  cursor: pointer;
}
.stats-row[data-v-32749ced] {
  display: flex;
  gap: 12px;
}
.stat-box[data-v-32749ced] {
  flex: 1;
  text-align: center;
  padding: 16px 12px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
.stat-box .stat-value[data-v-32749ced] {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: #111827;
}
.stat-box .stat-label[data-v-32749ced] {
  font-size: 10px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.plan-header[data-v-32749ced] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}
.plan-header .card-subtitle[data-v-32749ced] {
  margin-bottom: 0;
}
.plan-price[data-v-32749ced] {
  margin-bottom: 4px;
}
.plan-price .price[data-v-32749ced] {
  font-size: 28px;
  font-weight: 700;
  color: #111827;
}
.plan-price .period[data-v-32749ced] {
  font-size: 14px;
  color: #6b7280;
}
.plan-renews[data-v-32749ced] {
  font-size: 12px;
  color: #9ca3af;
  margin: 0 0 16px 0;
}
.plan-actions[data-v-32749ced] {
  display: flex;
  gap: 10px;
}
.plan-actions button[data-v-32749ced] {
  flex: 1;
}
.status-badge[data-v-32749ced] {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}
.status-badge.success[data-v-32749ced] {
  background: #dcfce7;
  color: #16a34a;
}
.status-badge.danger[data-v-32749ced] {
  background: #fee2e2;
  color: #dc2626;
}
.status-badge.small[data-v-32749ced] {
  padding: 2px 8px;
  font-size: 11px;
}
.count-text[data-v-32749ced] {
  font-size: 12px;
  color: #9ca3af;
}
.toggle-list[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.toggle-item[data-v-32749ced] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
.toggle-icon[data-v-32749ced] {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toggle-icon.email[data-v-32749ced] {
  background: #dbeafe;
  color: #2563eb;
}
.toggle-icon.push[data-v-32749ced] {
  background: #e0e7ff;
  color: #4f46e5;
}
.toggle-icon.inapp[data-v-32749ced] {
  background: #fef3c7;
  color: #d97706;
}
.toggle-info[data-v-32749ced] {
  flex: 1;
}
.toggle-info .toggle-label[data-v-32749ced] {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #111827;
}
.toggle-info .toggle-desc[data-v-32749ced] {
  font-size: 12px;
  color: #9ca3af;
}
.toggle-switch[data-v-32749ced] {
  position: relative;
  width: 44px;
  height: 24px;
}
.toggle-switch input[data-v-32749ced] {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch input:checked + .slider[data-v-32749ced] {
  background: #F5C518;
}
.toggle-switch input:checked + .slider[data-v-32749ced]::before {
  transform: translateX(20px);
}
.slider[data-v-32749ced] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d1d5db;
  border-radius: 24px;
  transition: 0.3s;
}
.slider[data-v-32749ced]::before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background: white;
  border-radius: 50%;
  transition: 0.3s;
}
.radio-list[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.radio-item[data-v-32749ced] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
}
.radio-item[data-v-32749ced]:hover {
  border-color: #d1d5db;
}
.radio-item.selected[data-v-32749ced] {
  border-color: #F5C518;
  background: rgba(245, 197, 24, 0.05);
}
.radio-item input[type=radio][data-v-32749ced] {
  width: 18px;
  height: 18px;
  accent-color: #F5C518;
}
.radio-content[data-v-32749ced] {
  flex: 1;
}
.radio-content .radio-label[data-v-32749ced] {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #111827;
}
.radio-content .radio-desc[data-v-32749ced] {
  font-size: 12px;
  color: #9ca3af;
}
.info-banner[data-v-32749ced] {
  display: flex;
  gap: 10px;
  padding: 12px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 16px;
  background: #eff6ff;
  color: #1e40af;
}
.info-banner svg[data-v-32749ced] {
  flex-shrink: 0;
  margin-top: 2px;
}
.info-banner.warning[data-v-32749ced] {
  background: #fef3c7;
  color: #92400e;
}
.info-banner.warning strong[data-v-32749ced] {
  display: block;
  margin-bottom: 2px;
  font-size: 13px;
}
.info-banner.warning p[data-v-32749ced] {
  margin: 0;
  font-size: 12px;
}
.quiet-config[data-v-32749ced] {
  margin-top: 16px;
}
.time-config[data-v-32749ced] {
  margin-bottom: 16px;
}
.time-config label[data-v-32749ced] {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #4A4A4A;
  margin-bottom: 8px;
}
.time-row[data-v-32749ced] {
  display: flex;
  gap: 10px;
}
.time-row input[data-v-32749ced] {
  flex: 1;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
}
.time-hint[data-v-32749ced] {
  display: block;
  font-size: 11px;
  color: #9ca3af;
  margin-top: 6px;
}
.checkbox-item[data-v-32749ced] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  cursor: pointer;
}
.checkbox-item input[type=checkbox][data-v-32749ced] {
  width: 18px;
  height: 18px;
  accent-color: #F5C518;
}
.checkbox-item span[data-v-32749ced] {
  font-size: 13px;
  color: #4A4A4A;
}
.quick-actions label[data-v-32749ced] {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #4A4A4A;
  margin-bottom: 8px;
}
.action-btns[data-v-32749ced] {
  display: flex;
  gap: 8px;
}
.list-intro[data-v-32749ced] {
  font-size: 12px;
  color: #9ca3af;
  margin: 0 0 12px 0;
  flex-shrink: 0;
}
.activity-list[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.activity-list-scroll[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}
.activity-list-scroll[data-v-32749ced]::-webkit-scrollbar {
  width: 6px;
}
.activity-list-scroll[data-v-32749ced]::-webkit-scrollbar-track {
  background: transparent;
}
.activity-list-scroll[data-v-32749ced]::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}
.activity-row[data-v-32749ced] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f3f4f6;
}
.activity-row[data-v-32749ced]:last-child {
  border-bottom: none;
}
.activity-name[data-v-32749ced] {
  font-size: 13px;
  color: #4A4A4A;
}
.activity-badge[data-v-32749ced] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: #dcfce7;
  color: #16a34a;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
}
.activity-badge.inapp-only[data-v-32749ced] {
  background: #e0e7ff;
  color: #4f46e5;
}
.view-link[data-v-32749ced] {
  display: block;
  font-size: 13px;
  color: #F5C518;
  text-decoration: none;
  margin-top: 12px;
  font-weight: 500;
}
.view-link[data-v-32749ced]:hover {
  color: #e6b800;
}
.password-row[data-v-32749ced] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  margin-bottom: 16px;
}
.password-info .pw-label[data-v-32749ced] {
  display: block;
  font-size: 12px;
  color: #9ca3af;
  margin-bottom: 4px;
}
.password-info .pw-dots[data-v-32749ced] {
  font-size: 16px;
  color: #111827;
  letter-spacing: 1px;
}
.twofa-desc[data-v-32749ced] {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 16px 0;
  line-height: 1.5;
}
.twofa-methods[data-v-32749ced] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 16px;
}
.method-card[data-v-32749ced] {
  display: flex;
  gap: 12px;
  padding: 14px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
.method-card svg[data-v-32749ced] {
  color: #6b7280;
  flex-shrink: 0;
}
.method-card .method-name[data-v-32749ced] {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #111827;
}
.method-card .method-desc[data-v-32749ced] {
  font-size: 11px;
  color: #9ca3af;
}
.sessions-list[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.session-row[data-v-32749ced] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
.session-row svg[data-v-32749ced] {
  color: #6b7280;
}
.session-row.current[data-v-32749ced] {
  border-color: #F5C518;
  background: rgba(245, 197, 24, 0.05);
}
.session-info[data-v-32749ced] {
  flex: 1;
}
.session-info .session-device[data-v-32749ced] {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #111827;
}
.session-info .session-meta[data-v-32749ced] {
  font-size: 11px;
  color: #9ca3af;
}
.current-tag[data-v-32749ced] {
  display: inline-block;
  padding: 2px 8px;
  background: #F5C518;
  color: #4A4A4A;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 600;
  margin-left: 8px;
}
.rec-list[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rec-item[data-v-32749ced] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  border-radius: 6px;
}
.rec-item.warning[data-v-32749ced] {
  background: #fef3c7;
}
.rec-item.warning svg[data-v-32749ced] {
  color: #d97706;
}
.rec-item.success[data-v-32749ced] {
  background: #dcfce7;
}
.rec-item.success svg[data-v-32749ced] {
  color: #16a34a;
}
.rec-content .rec-title[data-v-32749ced] {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #111827;
}
.rec-content .rec-desc[data-v-32749ced] {
  font-size: 11px;
  color: #6b7280;
}
.account-list[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.account-row .account-label[data-v-32749ced] {
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
}
.account-row .account-value[data-v-32749ced] {
  font-size: 14px;
  color: #111827;
  display: flex;
  align-items: center;
  gap: 8px;
}
.deleted-item[data-v-32749ced] {
  padding: 14px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  margin-bottom: 12px;
}
.deleted-info[data-v-32749ced] {
  margin-bottom: 8px;
}
.deleted-info .deleted-name[data-v-32749ced] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.deleted-info .deleted-company[data-v-32749ced] {
  display: block;
  font-size: 12px;
  color: #6b7280;
}
.deleted-info .deleted-date[data-v-32749ced] {
  display: block;
  font-size: 11px;
  color: #9ca3af;
  margin-top: 4px;
}
.expires-tag[data-v-32749ced] {
  display: inline-block;
  padding: 4px 10px;
  background: #fee2e2;
  color: #dc2626;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 12px;
}
.deleted-actions[data-v-32749ced] {
  display: flex;
  gap: 8px;
}
.danger-header[data-v-32749ced] {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.danger-header svg[data-v-32749ced] {
  color: #dc2626;
  flex-shrink: 0;
}
.danger-header .card-subtitle[data-v-32749ced] {
  margin-bottom: 0;
}
.danger-body h5[data-v-32749ced] {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 8px 0;
}
.danger-body p[data-v-32749ced] {
  font-size: 12px;
  color: #6b7280;
  margin: 0 0 16px 0;
  line-height: 1.5;
}
.danger-actions[data-v-32749ced] {
  display: flex;
  gap: 10px;
}
.export-desc[data-v-32749ced] {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 16px 0;
  line-height: 1.5;
}
.view-mode-tabs[data-v-32749ced] {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}
.view-mode-tab[data-v-32749ced] {
  padding: 10px 20px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.2s;
}
.view-mode-tab[data-v-32749ced]:hover {
  background: #f3f4f6;
  border-color: #6b7280;
}
.view-mode-tab.active[data-v-32749ced] {
  background: #F5C518;
  border-color: #F5C518;
  color: #4A4A4A;
}
.overview-content[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.section-card[data-v-32749ced] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
}
.section-card .section-header[data-v-32749ced] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.section-card .section-header h3[data-v-32749ced] {
  font-size: 16px;
  font-weight: 600;
  color: #4A4A4A;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-card .section-header .badge[data-v-32749ced] {
  background: #fef3c7;
  color: #b45309;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
}
.section-card .section-header .btn-link[data-v-32749ced] {
  background: none;
  border: none;
  color: #F5C518;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.section-card .section-header .btn-link[data-v-32749ced]:hover {
  text-decoration: underline;
}
.current-plan-card .plan-overview[data-v-32749ced] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
.current-plan-card .plan-info .plan-name[data-v-32749ced] {
  font-size: 24px;
  font-weight: 700;
  color: #4A4A4A;
}
.current-plan-card .plan-info .plan-status[data-v-32749ced] {
  font-size: 14px;
  font-weight: 500;
  margin-top: 4px;
}
.current-plan-card .plan-info .plan-status.active[data-v-32749ced] {
  color: #16a34a;
}
.current-plan-card .plan-info .plan-status.trial[data-v-32749ced] {
  color: #b45309;
}
.current-plan-card .plan-metrics[data-v-32749ced] {
  display: flex;
  gap: 24px;
}
.current-plan-card .plan-metrics .metric[data-v-32749ced] {
  text-align: center;
}
.current-plan-card .plan-metrics .metric .metric-label[data-v-32749ced] {
  display: block;
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 4px;
}
.current-plan-card .plan-metrics .metric .metric-value[data-v-32749ced] {
  font-size: 18px;
  font-weight: 600;
  color: #4A4A4A;
}
.current-plan-card .plan-metrics .metric .metric-value.warning[data-v-32749ced] {
  color: #b45309;
}
.utilization-section .utilization-header[data-v-32749ced] {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 8px;
}
.utilization-section .utilization-bar[data-v-32749ced] {
  height: 8px;
  background: #f3f4f6;
  border-radius: 4px;
  overflow: hidden;
}
.utilization-section .utilization-bar .utilization-fill[data-v-32749ced] {
  height: 100%;
  background: #F5C518;
  border-radius: 4px;
  transition: width 0.3s;
}
.utilization-section .utilization-bar .utilization-fill.high[data-v-32749ced] {
  background: #f59e0b;
}
.utilization-section .utilization-info[data-v-32749ced] {
  margin-top: 8px;
  font-size: 13px;
}
.utilization-section .utilization-info .available-seats[data-v-32749ced] {
  color: #16a34a;
}
.utilization-section .utilization-info .no-seats[data-v-32749ced] {
  color: #dc2626;
}
.utilization-section .utilization-info .no-seats a[data-v-32749ced] {
  color: #F5C518;
}
.permission-requests-card .requests-list[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.permission-requests-card .request-item[data-v-32749ced] {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  background: #f3f4f6;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}
.permission-requests-card .request-info[data-v-32749ced] {
  flex: 1;
}
.permission-requests-card .request-info .request-user[data-v-32749ced] {
  font-size: 14px;
  margin-bottom: 4px;
}
.permission-requests-card .request-info .request-user strong[data-v-32749ced] {
  color: #4A4A4A;
}
.permission-requests-card .request-info .request-user .request-email[data-v-32749ced] {
  color: #6b7280;
  font-size: 13px;
}
.permission-requests-card .request-info .request-details[data-v-32749ced] {
  font-size: 13px;
  color: #6b7280;
}
.permission-requests-card .request-info .request-details .request-role[data-v-32749ced] {
  background: #e0e7ff;
  color: #4338ca;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
}
.permission-requests-card .request-info .request-details .request-feature[data-v-32749ced] {
  margin-left: 8px;
}
.permission-requests-card .request-info .request-reason[data-v-32749ced] {
  margin-top: 8px;
  font-style: italic;
  color: #6b7280;
  font-size: 13px;
}
.permission-requests-card .request-info .request-time[data-v-32749ced] {
  margin-top: 4px;
  font-size: 12px;
  color: #9ca3af;
}
.permission-requests-card .request-actions[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}
.permission-requests-card .request-actions .license-impact[data-v-32749ced] {
  font-size: 12px;
  color: #6b7280;
}
.permission-requests-card .request-actions .license-impact.warning[data-v-32749ced] {
  color: #b45309;
}
.permission-requests-card .request-actions .action-buttons[data-v-32749ced] {
  display: flex;
  gap: 8px;
}
.permission-requests-card .request-actions .btn-approve[data-v-32749ced] {
  background: #16a34a;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.permission-requests-card .request-actions .btn-approve[data-v-32749ced]:hover {
  background: #15803d;
}
.permission-requests-card .request-actions .btn-deny[data-v-32749ced] {
  background: white;
  color: #dc2626;
  border: 1px solid #dc2626;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.permission-requests-card .request-actions .btn-deny[data-v-32749ced]:hover {
  background: #fef2f2;
}
.permission-requests-card .request-actions .btn-upgrade[data-v-32749ced] {
  background: #F5C518;
  color: #4A4A4A;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.permission-requests-card .request-actions .btn-upgrade[data-v-32749ced]:hover {
  background: #e6b800;
}
.team-activity-card .member-count[data-v-32749ced] {
  font-size: 13px;
  color: #6b7280;
}
.team-activity-card .loading-state[data-v-32749ced] {
  text-align: center;
  padding: 40px;
  color: #6b7280;
}
.team-activity-card .empty-state[data-v-32749ced] {
  text-align: center;
  padding: 40px;
  color: #6b7280;
}
.team-table-wrapper[data-v-32749ced] {
  overflow-x: auto;
}
.team-table[data-v-32749ced] {
  width: 100%;
  border-collapse: collapse;
}
.team-table th[data-v-32749ced], .team-table td[data-v-32749ced] {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
}
.team-table th[data-v-32749ced] {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.team-table th.sortable[data-v-32749ced] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.team-table th.sortable[data-v-32749ced]:hover {
  color: #4A4A4A;
}
.team-table th .sort-indicator[data-v-32749ced] {
  margin-left: 4px;
  font-size: 10px;
}
.team-table tr.dormant-row[data-v-32749ced] {
  background: #fef3c7;
}
.team-table .user-cell .user-info[data-v-32749ced] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.team-table .user-cell .user-avatar[data-v-32749ced] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #F5C518;
  color: #4A4A4A;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
}
.team-table .user-cell .user-details[data-v-32749ced] {
  display: flex;
  flex-direction: column;
}
.team-table .user-cell .user-details .user-name[data-v-32749ced] {
  font-weight: 500;
  color: #4A4A4A;
}
.team-table .user-cell .user-details .user-email[data-v-32749ced] {
  font-size: 12px;
  color: #6b7280;
}
.team-table .role-badge[data-v-32749ced] {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}
.team-table .role-badge.manager[data-v-32749ced] {
  background: #dbeafe;
  color: #1d4ed8;
}
.team-table .role-badge.member[data-v-32749ced] {
  background: #f3f4f6;
  color: #6b7280;
}
.team-table .activity-status[data-v-32749ced] {
  font-size: 13px;
}
.team-table .activity-status.status-active[data-v-32749ced] {
  color: #16a34a;
}
.team-table .activity-status.status-recent[data-v-32749ced] {
  color: #16a34a;
}
.team-table .activity-status.status-moderate[data-v-32749ced] {
  color: #6b7280;
}
.team-table .activity-status.status-low[data-v-32749ced] {
  color: #b45309;
}
.team-table .activity-status.status-dormant[data-v-32749ced] {
  color: #dc2626;
}
.team-table .activity-status.status-inactive[data-v-32749ced] {
  color: #dc2626;
}
.team-table .dormant-warning[data-v-32749ced] {
  margin-left: 4px;
}
.team-table .low-activity[data-v-32749ced] {
  color: #b45309;
}
.team-table .actions-cell .btn-sm[data-v-32749ced] {
  padding: 6px 12px;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
}
.team-table .actions-cell .btn-sm.btn-promote[data-v-32749ced] {
  background: #dbeafe;
  color: #1d4ed8;
  border: 1px solid #93c5fd;
}
.team-table .actions-cell .btn-sm.btn-promote[data-v-32749ced]:hover {
  background: #bfdbfe;
}
.team-table .actions-cell .btn-sm.btn-demote[data-v-32749ced] {
  background: white;
  color: #6b7280;
  border: 1px solid #e5e7eb;
}
.team-table .actions-cell .btn-sm.btn-demote[data-v-32749ced]:hover {
  background: #f3f4f6;
}
.optimization-suggestions[data-v-32749ced] {
  margin-top: 16px;
  padding: 16px;
  background: #fef3c7;
  border-radius: 8px;
  border: 1px solid #fbbf24;
}
.optimization-suggestions .suggestion-header[data-v-32749ced] {
  font-size: 14px;
  font-weight: 600;
  color: #92400e;
  margin-bottom: 8px;
}
.optimization-suggestions .suggestion-item[data-v-32749ced] {
  font-size: 13px;
  color: #78350f;
}
.plans-content[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.trial-banner[data-v-32749ced] {
  background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%);
  border-left: 4px solid #F5C518;
  padding: 16px 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.trial-info[data-v-32749ced] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.trial-icon[data-v-32749ced] {
  font-size: 24px;
}
.trial-text[data-v-32749ced] {
  display: flex;
  flex-direction: column;
}
.trial-text strong[data-v-32749ced] {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 2px;
}
.trial-text span[data-v-32749ced] {
  font-size: 13px;
  color: #374151;
}
.seat-badge[data-v-32749ced] {
  background: white;
  padding: 8px 16px;
  border-radius: 8px;
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}
.plans-tabs[data-v-32749ced] {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e7eb;
}
.plans-tab[data-v-32749ced] {
  background: none;
  border: none;
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 600;
  color: #6b7280;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}
.plans-tab[data-v-32749ced]:hover {
  color: #111827;
}
.plans-tab.active[data-v-32749ced] {
  color: #111827;
}
.plans-tab.active[data-v-32749ced]::after {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 0;
  right: 0;
  height: 3px;
  background: #F5C518;
  border-radius: 3px 3px 0 0;
}
.plan-content[data-v-32749ced] {
  flex: 1;
  overflow-y: auto;
}
.team-layout[data-v-32749ced] {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 24px;
}
@media (max-width: 1200px) {
.team-layout[data-v-32749ced] {
    grid-template-columns: 1fr;
}
}
.calculator-panel[data-v-32749ced] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.calculator-header[data-v-32749ced] {
  margin-bottom: 24px;
}
.calculator-header h3[data-v-32749ced] {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 8px;
}
.calculator-header p[data-v-32749ced] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
.slider-section[data-v-32749ced] {
  margin-bottom: 24px;
}
.slider-label[data-v-32749ced] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.slider-label span[data-v-32749ced] {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
}
.slider-value[data-v-32749ced] {
  font-family: "JetBrains Mono", monospace;
  font-size: 24px;
  font-weight: 700;
  color: #F5C518;
}
.slider-input[data-v-32749ced] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #e5e7eb;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.slider-input[data-v-32749ced]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #F5C518;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.slider-input[data-v-32749ced]::-webkit-slider-thumb:hover {
  background: #D97706;
  transform: scale(1.1);
}
.slider-input[data-v-32749ced]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #F5C518;
  cursor: pointer;
  border: none;
}
.slider-marks[data-v-32749ced] {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 12px;
  color: #9ca3af;
  font-family: "JetBrains Mono", monospace;
}
.pricing-breakdown[data-v-32749ced] {
  background: #f9fafb;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}
.pricing-row[data-v-32749ced] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #e5e7eb;
}
.pricing-row[data-v-32749ced]:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.pricing-row[data-v-32749ced]:first-child {
  padding-top: 0;
}
.pricing-label[data-v-32749ced] {
  font-size: 14px;
  color: #374151;
}
.pricing-value[data-v-32749ced] {
  font-family: "JetBrains Mono", monospace;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.discount-badge[data-v-32749ced] {
  background: #10B981;
  color: white;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 8px;
}
.total-row[data-v-32749ced] {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 2px solid #d1d5db;
}
.total-label[data-v-32749ced] {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
}
.total-value[data-v-32749ced] {
  font-size: 24px;
  font-weight: 700;
  color: #F5C518;
  font-family: "JetBrains Mono", monospace;
}
.billing-frequency[data-v-32749ced] {
  font-size: 12px;
  color: #6b7280;
  text-align: right;
  margin-bottom: 20px;
}
.cta-button[data-v-32749ced] {
  width: 100%;
  background: #F5C518;
  color: #111827;
  border: none;
  padding: 14px 20px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: auto;
}
.cta-button[data-v-32749ced]:hover {
  background: #D97706;
  transform: translateY(-1px);
}
.features-panel[data-v-32749ced] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  overflow-y: auto;
}
.features-header[data-v-32749ced] {
  margin-bottom: 20px;
}
.features-header h4[data-v-32749ced] {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  margin: 0;
}
.feature-item[data-v-32749ced] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
}
.feature-icon[data-v-32749ced] {
  color: #F5C518;
  font-size: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}
.feature-text[data-v-32749ced] {
  font-size: 14px;
  color: #374151;
  line-height: 1.6;
}
.volume-discounts[data-v-32749ced] {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #e5e7eb;
}
.volume-discounts h5[data-v-32749ced] {
  font-size: 14px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 16px;
}
.discount-table[data-v-32749ced] {
  width: 100%;
  font-size: 13px;
  border-collapse: collapse;
}
.discount-table th[data-v-32749ced] {
  text-align: left;
  font-weight: 600;
  color: #6b7280;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
}
.discount-table td[data-v-32749ced] {
  padding: 10px 0;
  color: #374151;
  border-bottom: 1px solid #f3f4f6;
}
.discount-table td[data-v-32749ced]:last-child {
  text-align: right;
  font-family: "JetBrains Mono", monospace;
  font-weight: 600;
  color: #10B981;
}
.enterprise-layout[data-v-32749ced] {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
}
@media (max-width: 1200px) {
.enterprise-layout[data-v-32749ced] {
    grid-template-columns: 1fr;
}
}
.enterprise-main[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.enterprise-pricing-card[data-v-32749ced] {
  background: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%);
  border-radius: 12px;
  padding: 32px;
  color: white;
  position: relative;
  overflow: hidden;
}
.enterprise-pricing-card[data-v-32749ced]::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 300px;
  height: 300px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  pointer-events: none;
}
.enterprise-pricing-card h3[data-v-32749ced] {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
}
.enterprise-pricing-card > p[data-v-32749ced] {
  font-size: 14px;
  opacity: 0.9;
  margin-bottom: 24px;
}
.enterprise-badge[data-v-32749ced] {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 16px;
}
.price-options[data-v-32749ced] {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
.price-options[data-v-32749ced] {
    flex-direction: column;
}
}
.price-option[data-v-32749ced] {
  flex: 1;
}
.price-option-label[data-v-32749ced] {
  font-size: 12px;
  opacity: 0.8;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.price-option-value[data-v-32749ced] {
  font-size: 32px;
  font-weight: 700;
  font-family: "JetBrains Mono", monospace;
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.price-option-value .currency[data-v-32749ced] {
  font-size: 20px;
}
.price-option-value .period[data-v-32749ced] {
  font-size: 14px;
  opacity: 0.8;
}
.price-option-note[data-v-32749ced] {
  font-size: 12px;
  opacity: 0.7;
  margin-top: 8px;
}
.enterprise-cta[data-v-32749ced] {
  background: white;
  color: #0EA5E9;
  border: none;
  padding: 14px 28px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.enterprise-cta[data-v-32749ced]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.enterprise-features[data-v-32749ced] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
}
.enterprise-features h4[data-v-32749ced] {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 20px;
}
.features-grid[data-v-32749ced] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 768px) {
.features-grid[data-v-32749ced] {
    grid-template-columns: 1fr;
}
}
.addons-panel[data-v-32749ced] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  overflow-y: auto;
}
.addons-panel h4[data-v-32749ced] {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 20px;
}
.addon-item[data-v-32749ced] {
  padding: 20px 0;
  border-bottom: 1px solid #f3f4f6;
}
.addon-item[data-v-32749ced]:last-child {
  border-bottom: none;
}
.addon-item.addon-disabled[data-v-32749ced] {
  opacity: 0.6;
}
.addon-header[data-v-32749ced] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
}
.addon-checkbox[data-v-32749ced] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.addon-checkbox input[type=checkbox][data-v-32749ced] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #F5C518;
}
.addon-name[data-v-32749ced] {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.addon-price[data-v-32749ced] {
  font-size: 14px;
  font-weight: 700;
  font-family: "JetBrains Mono", monospace;
  color: #F5C518;
}
.addon-price.addon-comped[data-v-32749ced] {
  color: #10B981;
}
.addon-price.addon-poa[data-v-32749ced] {
  color: #6b7280;
}
.addon-description[data-v-32749ced] {
  font-size: 13px;
  color: #6b7280;
  margin-left: 30px;
  line-height: 1.5;
}
.addon-badge[data-v-32749ced] {
  display: inline-block;
  background: #f3f4f6;
  color: #6b7280;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 8px;
}
.academia-layout[data-v-32749ced] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 32px;
}
@media (max-width: 900px) {
.academia-layout[data-v-32749ced] {
    flex-direction: column;
}
}
.academia-card[data-v-32749ced] {
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 16px;
  padding: 40px;
  width: 420px;
  max-width: 100%;
  transition: all 0.3s ease;
}
.academia-card[data-v-32749ced]:hover {
  border-color: #F5C518;
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}
.academia-card h3[data-v-32749ced] {
  font-size: 22px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 8px;
}
.academia-card .subtitle[data-v-32749ced] {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 24px;
}
.academia-icon[data-v-32749ced] {
  font-size: 48px;
  margin-bottom: 16px;
}
.academia-badge-large[data-v-32749ced] {
  display: inline-block;
  background: linear-gradient(135deg, #10B981 0%, #059669 100%);
  color: white;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 24px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.academia-badge-large.academia-badge-custom[data-v-32749ced] {
  background: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%);
}
.academia-features[data-v-32749ced] {
  margin-bottom: 28px;
}
.academia-cta[data-v-32749ced] {
  width: 100%;
  background: #F5C518;
  color: #111827;
  border: none;
  padding: 14px 20px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.academia-cta[data-v-32749ced]:hover {
  background: #D97706;
  transform: translateY(-1px);
}
.academia-cta.secondary[data-v-32749ced] {
  background: white;
  color: #111827;
  border: 2px solid #d1d5db;
}
.academia-cta.secondary[data-v-32749ced]:hover {
  border-color: #9ca3af;
  background: #f9fafb;
}
.branding-tab[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.branding-scrollable[data-v-32749ced] {
  flex: 1;
  overflow-y: auto;
  padding-right: 8px;
}
.branding-section[data-v-32749ced] {
  margin-bottom: 40px;
}
.branding-section[data-v-32749ced]:last-child {
  margin-bottom: 0;
}
.section-title[data-v-32749ced] {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 8px;
}
.section-description[data-v-32749ced] {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 20px;
  line-height: 1.5;
}
.logo-grid[data-v-32749ced] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.logo-upload-box[data-v-32749ced] {
  border: 2px dashed #d1d5db;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
  background: #fafafa;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.logo-upload-box[data-v-32749ced]:hover {
  border-color: #F5C518;
  background: #fffbeb;
}
.logo-upload-box.has-image[data-v-32749ced] {
  border-style: solid;
  border-color: #F5C518;
  background: white;
}
.logo-upload-box .file-input[data-v-32749ced] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.logo-preview[data-v-32749ced] {
  width: 100%;
  max-height: 150px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 12px;
}
.logo-label[data-v-32749ced] {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
}
.upload-icon[data-v-32749ced] {
  width: 48px;
  height: 48px;
  background: #e5e7eb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
  font-size: 24px;
}
.upload-text[data-v-32749ced] {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 8px;
}
.upload-hint[data-v-32749ced] {
  font-size: 11px;
  color: #9ca3af;
}
.remove-btn[data-v-32749ced] {
  background: white;
  color: #dc2626;
  border: 1px solid #fecaca;
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.remove-btn[data-v-32749ced]:hover {
  background: #fee2e2;
  border-color: #ef4444;
}
.color-grid[data-v-32749ced] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.color-field[data-v-32749ced] {
  display: flex;
  flex-direction: column;
}
.color-label[data-v-32749ced] {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 10px;
}
.color-input-group[data-v-32749ced] {
  display: flex;
  gap: 12px;
  align-items: center;
}
.color-swatch[data-v-32749ced] {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 2px solid #e5e7eb;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  overflow: hidden;
}
.color-swatch[data-v-32749ced]:hover {
  border-color: #F5C518;
  transform: scale(1.05);
}
.color-swatch input[type=color][data-v-32749ced] {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
  cursor: pointer;
  opacity: 0;
}
.color-swatch .color-display[data-v-32749ced] {
  width: 100%;
  height: 100%;
}
.color-hex[data-v-32749ced] {
  flex: 1;
  padding: 12px 14px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  color: #111827;
  font-family: "Monaco", "Courier New", monospace;
  transition: all 0.2s;
}
.color-hex[data-v-32749ced]:focus {
  outline: none;
  border-color: #F5C518;
}
.footer-field[data-v-32749ced] {
  margin-bottom: 24px;
}
.footer-label[data-v-32749ced] {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 10px;
  display: block;
}
.footer-textarea[data-v-32749ced] {
  width: 100%;
  padding: 12px 14px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  color: #111827;
  min-height: 100px;
  resize: vertical;
  font-family: inherit;
  transition: all 0.2s;
}
.footer-textarea[data-v-32749ced]:focus {
  outline: none;
  border-color: #F5C518;
}
.footer-hint-row[data-v-32749ced] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
}
.char-counter[data-v-32749ced] {
  font-size: 12px;
  color: #6b7280;
}
.char-counter--over[data-v-32749ced] {
  color: #dc2626;
  font-weight: 600;
}
.social-grid[data-v-32749ced] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.social-field[data-v-32749ced] {
  display: flex;
  flex-direction: column;
}
.social-input[data-v-32749ced], .social-select[data-v-32749ced] {
  padding: 12px 14px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  font-size: 14px;
  color: #111827;
  transition: all 0.2s;
  background: white;
}
.social-input[data-v-32749ced]:focus, .social-select[data-v-32749ced]:focus {
  outline: none;
  border-color: #F5C518;
}
.social-select[data-v-32749ced] {
  cursor: pointer;
}
.preview-section[data-v-32749ced] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  margin-top: 32px;
}
.preview-title[data-v-32749ced] {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.preview-box[data-v-32749ced] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.preview-header[data-v-32749ced] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e7eb;
}
.preview-header-new[data-v-32749ced] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 6px 6px 0 0;
}
.preview-header-left[data-v-32749ced] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.preview-doc-eyebrow[data-v-32749ced] {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #6b7280;
}
.preview-header-right[data-v-32749ced] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.preview-logo-placeholder[data-v-32749ced] {
  width: 40px;
  height: 40px;
  background: #e5e7eb;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #6b7280;
}
.preview-doc-title[data-v-32749ced] {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
}
.preview-content[data-v-32749ced] {
  padding: 20px 0;
  color: #6b7280;
  font-size: 14px;
  text-align: center;
}
.preview-footer[data-v-32749ced] {
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
  font-size: 12px;
  color: #6b7280;
  text-align: center;
}
.preview-footer-two-col[data-v-32749ced] {
  padding-top: 16px;
  font-size: 11px;
  color: #6b7280;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.preview-footer-left[data-v-32749ced] {
  flex: 1;
  text-align: left;
  line-height: 1.4;
}
.preview-footer-right[data-v-32749ced] {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  text-align: right;
}
.preview-logo-img[data-v-32749ced] {
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
.branding-sticky-footer[data-v-32749ced] {
  position: sticky;
  bottom: 0;
  background: white;
  border-top: 1px solid #e5e7eb;
  padding: 20px 0;
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-info[data-v-32749ced] {
  font-size: 13px;
  color: #6b7280;
}
.footer-actions[data-v-32749ced] {
  display: flex;
  gap: 12px;
}
.btn-reset[data-v-32749ced] {
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  background: white;
  color: #374151;
  border: 1px solid #d1d5db;
}
.btn-reset[data-v-32749ced]:hover {
  background: #f9fafb;
}
.btn-save-branding[data-v-32749ced] {
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  background: #F5C518;
  color: #111827;
  border: 1px solid #F5C518;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-save-branding[data-v-32749ced]:hover:not(:disabled) {
  background: #e6b800;
}
.btn-save-branding[data-v-32749ced]:disabled {
  background: #d1d5db;
  border-color: #d1d5db;
  cursor: not-allowed;
}
@media (max-width: 768px) {
.logo-grid[data-v-32749ced],
  .color-grid[data-v-32749ced],
  .social-grid[data-v-32749ced] {
    grid-template-columns: 1fr;
}
}.sprint-management-wrapper[data-v-6c83ce08] {
  background: #f5f7fa;
  min-height: calc(100vh - 64px);
  padding: 15px 15px 15px 15px;
}
.sprint-management-container[data-v-6c83ce08] {
  background: #ffffff;
  border-radius: 8px;
  min-height: calc(100vh - 64px - 30px);
  padding: 24px;
}
.page-header[data-v-6c83ce08] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e4e8;
}
.header-left[data-v-6c83ce08] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.back-btn[data-v-6c83ce08] {
  width: 40px;
  height: 40px;
  border: 1px solid #e1e4e8;
  background: #ffffff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}
.back-btn[data-v-6c83ce08]:hover {
  background: #f5f7fa;
}
h1[data-v-6c83ce08] {
  font-size: 24px;
  font-weight: 700;
  color: #24292e;
  margin: 0;
}
.subtitle[data-v-6c83ce08] {
  font-size: 14px;
  color: #586069;
  margin: 4px 0 0 0;
}
.btn-primary[data-v-6c83ce08] {
  padding: 10px 20px;
  background: #0366d6;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s;
}
.btn-primary[data-v-6c83ce08]:hover {
  background: rgb(2.2949308756, 78.0276497696, 163.7050691244);
}
.stats-bar[data-v-6c83ce08] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  margin-bottom: 32px;
}
.stat-item[data-v-6c83ce08] {
  background: #f5f7fa;
  padding: 16px;
  border-radius: 8px;
  text-align: center;
}
.stat-label[data-v-6c83ce08] {
  font-size: 12px;
  color: #959da5;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin-bottom: 4px;
}
.stat-value[data-v-6c83ce08] {
  font-size: 24px;
  font-weight: 700;
  color: #24292e;
  font-family: "JetBrains Mono", monospace;
}
.stat-value.success[data-v-6c83ce08] {
  color: #28a745;
}
.stat-value.accent[data-v-6c83ce08] {
  color: #0366d6;
}
.timeline-section[data-v-6c83ce08] {
  margin-bottom: 32px;
}
.timeline-section h2[data-v-6c83ce08] {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #24292e;
}
.timeline[data-v-6c83ce08] {
  position: relative;
  padding-left: 32px;
}
.timeline[data-v-6c83ce08]::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e1e4e8;
}
.timeline-item[data-v-6c83ce08] {
  position: relative;
  padding: 16px 20px;
  margin-bottom: 16px;
  background: #f5f7fa;
  border-radius: 8px;
  border: 1px solid #e1e4e8;
  transition: all 0.2s;
}
.timeline-item[data-v-6c83ce08]:hover {
  border-color: #0366d6;
  transform: translateX(4px);
}
.timeline-item.in-progress[data-v-6c83ce08] {
  border-color: #0366d6;
  background: linear-gradient(to right, rgba(3, 102, 214, 0.05), transparent);
}
.timeline-item.completed[data-v-6c83ce08] {
  opacity: 0.8;
}
.timeline-marker[data-v-6c83ce08] {
  position: absolute;
  left: -32px;
  top: 20px;
  width: 24px;
  height: 24px;
  background: #ffffff;
  border: 2px solid #e1e4e8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.timeline-header[data-v-6c83ce08] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.timeline-header h3[data-v-6c83ce08] {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.timeline-dates[data-v-6c83ce08] {
  font-size: 13px;
  color: #959da5;
}
.timeline-goal[data-v-6c83ce08] {
  font-size: 14px;
  color: #586069;
  margin-bottom: 12px;
}
.timeline-metrics[data-v-6c83ce08] {
  display: flex;
  gap: 20px;
  margin-bottom: 8px;
}
.metric[data-v-6c83ce08] {
  font-size: 13px;
  color: #586069;
}
.metric strong[data-v-6c83ce08] {
  color: #24292e;
}
.metric.velocity[data-v-6c83ce08] {
  color: #0366d6;
}
.progress-bar[data-v-6c83ce08] {
  height: 6px;
  background: #e1e4e8;
  border-radius: 3px;
  overflow: hidden;
}
.progress-fill[data-v-6c83ce08] {
  height: 100%;
  background: linear-gradient(90deg, #0366d6, #6f42c1);
  border-radius: 3px;
}
.edit-btn[data-v-6c83ce08] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: 1px solid #e1e4e8;
  background: #ffffff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: all 0.2s;
}
.timeline-item:hover .edit-btn[data-v-6c83ce08] {
  opacity: 1;
}
.edit-btn[data-v-6c83ce08]:hover {
  background: #f5f7fa;
}
.sprint-table-section h2[data-v-6c83ce08] {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #24292e;
}
.sprint-table[data-v-6c83ce08] {
  overflow-x: auto;
}
.sprint-table table[data-v-6c83ce08] {
  width: 100%;
  border-collapse: collapse;
}
.sprint-table th[data-v-6c83ce08], .sprint-table td[data-v-6c83ce08] {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #e1e4e8;
}
.sprint-table th[data-v-6c83ce08] {
  font-size: 12px;
  font-weight: 600;
  color: #959da5;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: #f5f7fa;
}
.sprint-table tr.in-progress[data-v-6c83ce08] {
  background: rgba(3, 102, 214, 0.05);
}
.sprint-name[data-v-6c83ce08] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.status-badge[data-v-6c83ce08] {
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}
.status-badge.completed[data-v-6c83ce08] {
  background: rgba(40, 167, 69, 0.1);
  color: #28a745;
}
.status-badge.in-progress[data-v-6c83ce08] {
  background: rgba(3, 102, 214, 0.1);
  color: #0366d6;
}
.status-badge.planned[data-v-6c83ce08] {
  background: #f5f7fa;
  color: #959da5;
}
.dates[data-v-6c83ce08] {
  font-size: 13px;
  color: #586069;
}
.number[data-v-6c83ce08] {
  font-family: "JetBrains Mono", monospace;
  font-weight: 500;
}
.table-progress[data-v-6c83ce08] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.table-progress-bar[data-v-6c83ce08] {
  flex: 1;
  height: 6px;
  background: #e1e4e8;
  border-radius: 3px;
  overflow: hidden;
  min-width: 80px;
}
.table-progress-fill[data-v-6c83ce08] {
  height: 100%;
  background: #0366d6;
  border-radius: 3px;
}
.progress-text[data-v-6c83ce08] {
  font-size: 12px;
  color: #959da5;
  min-width: 36px;
}
.table-edit-btn[data-v-6c83ce08] {
  padding: 6px 12px;
  background: #f5f7fa;
  border: 1px solid #e1e4e8;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.table-edit-btn[data-v-6c83ce08]:hover {
  background: #e1e4e8;
}
.modal-overlay[data-v-6c83ce08] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.modal[data-v-6c83ce08] {
  background: #ffffff;
  border-radius: 12px;
  width: 100%;
  max-width: 500px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
.modal-header[data-v-6c83ce08] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e1e4e8;
}
.modal-header h2[data-v-6c83ce08] {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.close-btn[data-v-6c83ce08] {
  width: 32px;
  height: 32px;
  border: none;
  background: none;
  font-size: 24px;
  color: #959da5;
  cursor: pointer;
}
.close-btn[data-v-6c83ce08]:hover {
  color: #24292e;
}
.modal-body[data-v-6c83ce08] {
  padding: 24px;
}
.form-group[data-v-6c83ce08] {
  margin-bottom: 16px;
}
.form-group label[data-v-6c83ce08] {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #586069;
  margin-bottom: 6px;
}
.form-group input[data-v-6c83ce08], .form-group select[data-v-6c83ce08], .form-group textarea[data-v-6c83ce08] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  font-size: 14px;
}
.form-group input[data-v-6c83ce08]:focus, .form-group select[data-v-6c83ce08]:focus, .form-group textarea[data-v-6c83ce08]:focus {
  outline: none;
  border-color: #0366d6;
}
.form-row[data-v-6c83ce08] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.modal-footer[data-v-6c83ce08] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #e1e4e8;
}
.btn-secondary[data-v-6c83ce08] {
  padding: 10px 20px;
  background: #f5f7fa;
  color: #24292e;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.btn-secondary[data-v-6c83ce08]:hover {
  background: #e1e4e8;
}
@media (max-width: 1024px) {
.stats-bar[data-v-6c83ce08] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.stats-bar[data-v-6c83ce08] {
    grid-template-columns: repeat(2, 1fr);
}
.page-header[data-v-6c83ce08] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.sprint-table table[data-v-6c83ce08] {
    min-width: 800px;
}
}/* ========================================
   60/40 PUSH LAYOUT SYSTEM - B2B Enterprise Style
   Slide-in panel is FIXED positioned (stays in place when scrolling)
   ======================================== */
/* Main container - relative positioning context */
.backlog-layout-container[data-v-98e97f7c] {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 120px);
  /* Slower, visible transition - synchronized with panel */
  transition: width 450ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* When panel is open, compress main content to leave room for slide-in */
.backlog-layout-container.panel-open[data-v-98e97f7c] {
  /* Account for left sidebar (~65px) + slide-in panel (50vw) + 20px padding */
  width: calc(50vw - 100px); /* Reduced to give more space for padding */
  min-width: 350px;
  margin-right: 20px; /* 20px gap between container and slide-in */
  transition: width 450ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Main backlog content */
.backlog-main-content[data-v-98e97f7c] {
  width: 100%;
  min-width: 0;
  transition: all 300ms ease-in-out;
  border-radius: 16px;
}

/* Click-outside backdrop for closing panel */
.click-outside-backdrop[data-v-98e97f7c] {
  position: fixed;
  top: 0;
  left: 0;
  right: 50%; /* Cover area to the left of the panel */
  bottom: 0;
  background: transparent;
  z-index: 99; /* Below panel (100) but above content */
  cursor: pointer;
}

/* ========================================
   COMPRESSED BUILDING BLOCK ROWS (when panel open)
   ======================================== */
.backlog-layout-container.panel-open[data-v-98e97f7c] {
  /* Reduce min-width requirement when compressed */
  /* Main content card should form proper right edge */
  /* Compress building block row layout - evenly distributed */
  /* Sprint section container - proper right edge */
  /* Backlog section container - proper right edge */
  /* Selected building block highlight */
}
.backlog-layout-container.panel-open .project-sprints[data-v-98e97f7c] {
  min-width: 350px;
}
.backlog-layout-container.panel-open .card-plans[data-v-98e97f7c] {
  border-radius: 16px;
  overflow: hidden;
  /* Ensure container forms proper right edge */
  border-right: 1px solid #e6e6e6;
}
.backlog-layout-container.panel-open .project-sprints__item-task[data-v-98e97f7c] {
  /* Even distribution: Name (truncate) | Status | Priority | Assign | Pts */
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr 1fr 0.5fr !important;
  gap: 12px;
  padding: 8px 12px;
  align-items: center;
  /* Building block name - truncate with ellipsis */
  /* Hide Reporter column when compressed */
  /* Show Pts column */
  /* Even field styling */
  /* Hide field labels in compressed view */
}
.backlog-layout-container.panel-open .project-sprints__item-task .project-sprints__item-task--text[data-v-98e97f7c] {
  grid-column: 1;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.backlog-layout-container.panel-open .project-sprints__item-task .project-sprints__item-task--text span[data-v-98e97f7c] {
  font-size: 13px;
}
.backlog-layout-container.panel-open .project-sprints__item-task .reporter[data-v-98e97f7c] {
  display: none !important;
}
.backlog-layout-container.panel-open .project-sprints__item-task .pts-column[data-v-98e97f7c] {
  display: flex !important;
  font-size: 12px;
  justify-content: flex-end;
}
.backlog-layout-container.panel-open .project-sprints__item-task .bb-row-field[data-v-98e97f7c] {
  font-size: 12px;
  flex-wrap: nowrap;
  white-space: nowrap;
  justify-content: center;
}
.backlog-layout-container.panel-open .project-sprints__item-task .field-label[data-v-98e97f7c] {
  display: none;
}
.backlog-layout-container.panel-open .project-sprints__item[data-v-98e97f7c] {
  border-radius: 12px;
  overflow: hidden;
  border-right: 1px solid #e6e6e6;
  margin-right: 0;
}
.backlog-layout-container.panel-open .backlog-section[data-v-98e97f7c],
.backlog-layout-container.panel-open .card-backlog[data-v-98e97f7c] {
  border-radius: 12px;
  overflow: hidden;
  border-right: 1px solid #e6e6e6;
  margin-right: 0;
}
.backlog-layout-container.panel-open .project-sprints__item-task.selected-task[data-v-98e97f7c] {
  background-color: #ffffff;
  border: 2px dashed #FEBC2C;
  border-left-width: 5px;
}

/* Row avatar styling */
.row-avatar[data-v-98e97f7c] {
  width: 24px !important;
  height: 24px !important;
  font-size: 10px !important;
  flex-shrink: 0;
}

/* Unassigned avatar - grey circle with person icon */
.unassigned-avatar[data-v-98e97f7c] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #d1d5db;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.unassigned-avatar svg[data-v-98e97f7c] {
  width: 14px;
  height: 14px;
  color: #6b7280;
}

/* Slide-in panel - FIXED position (stays in place when scrolling) */
/* Building Block Panel */
.backlog-slide-panel[data-v-98e97f7c] {
  position: fixed;
  top: 80px; /* Below header */
  right: 15px; /* 15px from right edge */
  bottom: 15px; /* 15px from bottom */
  width: 0;
  overflow: hidden;
  background: #ffffff;
  border-left: 1px solid #e5e7eb;
  border-radius: 12px; /* Rounded corners */
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.08);
  /* Slower, visible transition - synchronized with main container */
  transition: width 450ms cubic-bezier(0.4, 0, 0.2, 1), opacity 450ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: 100; /* Above content but below modals */
}
.backlog-slide-panel.panel-visible[data-v-98e97f7c] {
  width: calc(50vw - 30px); /* 50% minus padding on both sides */
  min-width: 500px; /* Ensure minimum width for two columns */
  opacity: 1;
  overflow: hidden; /* Let internal components handle scrolling */
  z-index: 200; /* Above backdrop */
}

/* Card styling */
.card-plans[data-v-98e97f7c] {
  border-radius: 16px;
}
.sprint-tasks-wrapper[data-v-98e97f7c] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.sprint-tasks-wrapper.is-expanded[data-v-98e97f7c] {
  max-height: 5000px;
  overflow: visible;
}

/* Sprint sidebar (Edit sprint - separate from push layout) */
.open[data-v-98e97f7c] {
  width: 428px !important;
  margin-right: 18px;
}
.activeInfo[data-v-98e97f7c] {
  height: 68px !important;
  margin-bottom: 20px !important;
}
.info-drop-items[data-v-98e97f7c] {
  padding-left: 30px;
  background-color: rgba(242, 242, 242, 0.4901960784);
  margin-bottom: 0;
  height: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  vertical-align: baseline;
  display: flex;
  align-items: center;
}
.info-drop-items .counter[data-v-98e97f7c] {
  color: #606060;
  font-size: 16px;
  margin-right: 10px;
}
.info-drop-items .action button[data-v-98e97f7c] {
  background-color: #f2f2f2;
  padding: 5px 10px;
}
.info-drop-items .action button svg[data-v-98e97f7c] {
  width: 15px;
  height: 15px;
  stroke: #1a202c;
}
.project-sprints[data-v-98e97f7c] {
  min-width: 1300px;
}
.project-sprints .collapse[data-v-98e97f7c] {
  transition: height 300ms cubic-bezier(0.3, 0, 0.6, 1);
}
.project-sprints .activeDrop[data-v-98e97f7c] {
  outline: 1px dashed #febc2c;
}
.project-sprints .overload[data-v-98e97f7c] {
  width: 100%;
  height: 100%;
}
.project-sprints .overload img[data-v-98e97f7c] {
  width: 48px;
  height: 48px;
}
.project-sprints .highlight_sprint[data-v-98e97f7c] {
  outline: 2px dashed #ffcc66;
}
.project-sprints__item[data-v-98e97f7c] {
  position: relative;
  background-color: #e8edf2;
  padding: 20px 30px 30px 30px;
  margin-bottom: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  /* Empty member avatar placeholder */
}
.project-sprints__item-tasks[data-v-98e97f7c] {
  position: relative;
  margin-top: 30px;
  transition: all 0.3s ease;
  height: auto;
}
.project-sprints__item-tasks .model_color[data-v-98e97f7c] {
  margin-bottom: 10px;
  border-radius: 0 10px 10px 0;
  padding: 12px;
  background: #f8f9fa;
}
.project-sprints__item-tasks .model_color.reference-model-section[data-v-98e97f7c] {
  background: #f8f9fa;
}
.project-sprints__item-tasks .model_color.reference-model-section .name_model[data-v-98e97f7c] {
  font-weight: 600;
  color: #3F484C;
  font-size: 14px;
  padding-left: 8px;
  text-transform: uppercase;
}
.project-sprints__item-tasks .empty_item p[data-v-98e97f7c] {
  margin-bottom: 0;
  padding: 0;
}
.project-sprints__item-tasks .name_model[data-v-98e97f7c] {
  height: 35px;
  padding-top: 15px;
  font-size: 15px;
  color: #5d5d5d;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.project-sprints__item-task[data-v-98e97f7c] {
  padding-left: 10px;
  padding-right: 20px;
  background-color: #ffffff;
  height: 54px;
  width: 100%;
  margin-bottom: 1px;
  transition: 0.2s all;
  cursor: pointer;
  position: relative;
  /* Even spacing for building block row - 6 columns, evenly distributed */
  /* Field label styling */
  /* Reporter avatar sizing */
}
.project-sprints__item-task.grid-cols-7[data-v-98e97f7c] {
  display: grid;
  grid-template-columns: minmax(200px, 2fr) 1fr 1fr 1fr 1fr 80px;
  gap: 16px;
  align-items: center;
  width: 100%;
}
.project-sprints__item-task .bb-row-field[data-v-98e97f7c] {
  min-width: 0;
}
.project-sprints__item-task .bb-row-field .field-label[data-v-98e97f7c] {
  color: #6b7280;
  font-weight: 400;
  font-size: 13px;
  white-space: nowrap;
}
.project-sprints__item-task .reporter-avatar[data-v-98e97f7c] {
  width: 24px !important;
  height: 24px !important;
  font-size: 10px !important;
}
.project-sprints__item-task--dragarea[data-v-98e97f7c] {
  border: 2px dashed #d0d0d0;
  background-color: #f2f2f2;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707a86;
  font-size: 14px;
}
.project-sprints__item-task .dragable-btn[data-v-98e97f7c] {
  margin-top: 1px;
  margin-right: 6px;
}
.project-sprints__item-task__members-avatar[data-v-98e97f7c] {
  width: 30px;
  height: 30px;
  font-size: 12px;
  padding-top: 1px;
}
.project-sprints__item-task--text[data-v-98e97f7c] {
  font-size: 14px;
}
.project-sprints__item-task--text span[data-v-98e97f7c]:first-child {
  font-weight: 400;
}
.project-sprints__item_information[data-v-98e97f7c] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.project-sprints__item--text[data-v-98e97f7c], .project-sprints__item--date[data-v-98e97f7c] {
  color: #737373;
  font-size: 14px;
}
.project-sprints__item--text[data-v-98e97f7c] {
  font-size: 13px;
}
.project-sprints__item_members--avatar[data-v-98e97f7c] {
  width: 30px;
  height: 30px;
  font-size: 12px;
  border: 1px solid #f9f9f9;
}
.project-sprints__item_members-item[data-v-98e97f7c]:last-child {
  width: auto;
}
.project-sprints__item .empty-member-avatar[data-v-98e97f7c] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f3f4f6;
  border: 1px dashed #d1d5db;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-sprints__item .empty-member-avatar svg[data-v-98e97f7c] {
  width: 16px;
  height: 16px;
  color: #9ca3af;
}
.project-sprints__item-drop_text[data-v-98e97f7c] {
  font-size: 14px;
  color: #676767;
  margin-top: 1px;
  background-color: transparent !important;
}
.project-sprints__item-drop_text[data-v-98e97f7c]:hover {
  background-color: #f2f2f2 !important;
}
.project-sprints__item-colaps[data-v-98e97f7c] {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #e2e2e2;
  border-radius: 5px;
  cursor: pointer;
  left: 14px;
}
.project-sprints__item-colaps svg[data-v-98e97f7c] {
  transition: all 0.3s ease;
}
.project-sprints__item-colaps svg.rotate[data-v-98e97f7c] {
  transform: rotate(180deg);
}
.project-sprints__item--status[data-v-98e97f7c] {
  color: #fff;
  padding: 4px 8px;
  font-size: 13px;
  border-radius: 5px;
  font-weight: bold;
  position: relative;
  top: -2px;
}
.project-sprints__item--status.active[data-v-98e97f7c] {
  background-color: #0f9d58;
}
.project-sprints__item--status.inactive[data-v-98e97f7c] {
  background-color: #b0b0b0;
}
.project-sprints__item--status.completed[data-v-98e97f7c] {
  background-color: #43c0bd;
}
.project-sprints__item--status.pause[data-v-98e97f7c] {
  background-color: #424242;
}
.project-sprints__item--status.expired[data-v-98e97f7c] {
  background-color: #bca865;
}
.project-sprints__item-data p[data-v-98e97f7c] {
  margin-left: 10px;
}
.project-sprints__item-data p[data-v-98e97f7c]:first-child {
  font-size: 15px;
  font-weight: 600;
}
.project-sprints__item-data .issue-data[data-v-98e97f7c] {
  margin-right: 10px;
  font-size: 14px;
  color: #676767;
  margin-top: 1px;
}
.project-sprints__item-edit[data-v-98e97f7c] {
  right: 20px;
  top: 20px;
}
.project-sprints__item-edit button[data-v-98e97f7c] {
  height: 35px;
  font-weight: bold;
}

/* Sprint Menu Dropdown Styles */
/* Ensure dropdown is wide enough for "Complete Sprint Early" on one line */
/* Override the default w-48 (192px) width from Dropdown component */
[data-v-98e97f7c] .sprint-menu-dropdown-wrapper {
  width: 250px !important; /* Wider than default to fit all menu items */
  min-width: 250px !important;
}

/* Also target any inner elements */
[data-v-98e97f7c] .sprint-menu-dropdown-wrapper > div {
  width: 100% !important;
}
.sprint-menu-item[data-v-98e97f7c] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 20px; /* Equal padding left and right */
  white-space: nowrap; /* Keep text on single line */
  border: none;
  background: none;
  font-size: 14px;
  color: #374151;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.15s;
}
.sprint-menu-item[data-v-98e97f7c]:hover {
  background: #f3f4f6;
}
.sprint-menu-item .menu-icon[data-v-98e97f7c] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.sprint-menu-complete[data-v-98e97f7c] {
  color: #065f46;
}
.sprint-menu-complete[data-v-98e97f7c]:hover {
  background: #d1fae5;
}
.sprint-menu-delete[data-v-98e97f7c] {
  color: #dc2626;
}
.sprint-menu-delete .menu-icon[data-v-98e97f7c] {
  stroke: #dc2626;
}
.sprint-menu-delete[data-v-98e97f7c]:hover {
  background: #fef2f2;
}
.sprint-menu-separator[data-v-98e97f7c] {
  height: 1px;
  background: #e5e7eb;
  margin: 8px 0;
}
.filter-dropdown[data-v-98e97f7c] {
  animation: filterSlideIn-98e97f7c 0.15s ease-out;
}
.filter-dropdown-header[data-v-98e97f7c] {
  background-color: #fafafa;
}
@keyframes filterSlideIn-98e97f7c {
from {
    opacity: 0;
    transform: translateY(-8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.filter-section-title[data-v-98e97f7c] {
  letter-spacing: 0.5px;
}

/* Always-visible scrollbar for filter sections */
.filter-scroll-visible[data-v-98e97f7c] {
  /* Force scrollbar to always show */
  overflow-y: scroll !important;
  /* Webkit browsers (Chrome, Safari, Edge) */
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #d1d5db #f3f4f6;
}
.filter-scroll-visible[data-v-98e97f7c]::-webkit-scrollbar {
  width: 6px;
  display: block !important;
}
.filter-scroll-visible[data-v-98e97f7c]::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 3px;
}
.filter-scroll-visible[data-v-98e97f7c]::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}
.filter-scroll-visible[data-v-98e97f7c]::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}
.filter-options label[data-v-98e97f7c] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.filter-options input[type=checkbox][data-v-98e97f7c] {
  cursor: pointer;
  accent-color: #FEBC2C;
}
.filter-options[data-v-98e97f7c]::-webkit-scrollbar {
  width: 4px;
}
.filter-options[data-v-98e97f7c]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 2px;
}
.filter-options[data-v-98e97f7c]::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 2px;
}
.filter-options[data-v-98e97f7c]::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}
.backlog-filter-bar[data-v-98e97f7c] {
  background-color: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e8edf2;
  padding: 12px 16px;
}

/* Complete Sprint Early Modal */
.complete-sprint-modal-overlay[data-v-98e97f7c] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.complete-sprint-modal[data-v-98e97f7c] {
  background: #ffffff;
  border-radius: 12px;
  width: 480px;
  max-width: 90%;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.complete-sprint-modal .modal-header[data-v-98e97f7c] {
  background: #FFF8E7;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #FEBC2C;
}
.complete-sprint-modal .modal-icon[data-v-98e97f7c] {
  width: 32px;
  height: 32px;
  color: #FEBC2C;
}
.complete-sprint-modal .modal-title[data-v-98e97f7c] {
  font-size: 18px;
  font-weight: 600;
  color: #2E4050;
  margin: 0;
}
.complete-sprint-modal .modal-body[data-v-98e97f7c] {
  padding: 20px;
}
.complete-sprint-modal .modal-warning[data-v-98e97f7c] {
  font-size: 14px;
  color: #374151;
  margin: 0 0 16px 0;
}
.complete-sprint-modal .modal-consequences[data-v-98e97f7c] {
  background: #f9fafb;
  border-radius: 8px;
  padding: 16px;
}
.complete-sprint-modal .consequence-title[data-v-98e97f7c] {
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
  margin: 0 0 12px 0;
  text-transform: uppercase;
}
.complete-sprint-modal .consequence-list[data-v-98e97f7c] {
  margin: 0;
  padding-left: 20px;
  font-size: 14px;
  color: #374151;
}
.complete-sprint-modal .consequence-list li[data-v-98e97f7c] {
  margin-bottom: 8px;
  line-height: 1.5;
}
.from-sprint-badge[data-v-98e97f7c] {
  display: inline-block;
  background: #E5E7EB;
  color: #374151;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 500;
}
.complete-sprint-modal .modal-actions[data-v-98e97f7c] {
  display: flex;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid #e5e7eb;
  justify-content: flex-end;
}
.complete-sprint-modal .btn-cancel[data-v-98e97f7c] {
  padding: 10px 20px;
  background: #ffffff;
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.complete-sprint-modal .btn-cancel[data-v-98e97f7c]:hover {
  background: #f3f4f6;
}
.complete-sprint-modal .btn-complete[data-v-98e97f7c] {
  padding: 10px 20px;
  background: #10b981;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.complete-sprint-modal .btn-complete[data-v-98e97f7c]:hover {
  background: #059669;
}

/* Unsaved Changes Modal (for sprint panel) */
.unsaved-modal-overlay[data-v-98e97f7c] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.unsaved-modal[data-v-98e97f7c] {
  background: #ffffff;
  border-radius: 12px;
  padding: 24px;
  width: 400px;
  max-width: 90%;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.unsaved-modal .modal-icon-container[data-v-98e97f7c] {
  margin-bottom: 16px;
}
.unsaved-modal .modal-icon-container svg[data-v-98e97f7c] {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  color: #f59e0b;
}
.unsaved-modal .modal-title[data-v-98e97f7c] {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 8px 0;
}
.unsaved-modal .modal-message[data-v-98e97f7c] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 24px 0;
}
.unsaved-modal .modal-buttons[data-v-98e97f7c] {
  display: flex;
  gap: 12px;
  justify-content: center;
}
.unsaved-modal .btn-discard[data-v-98e97f7c] {
  padding: 10px 20px;
  background: #ffffff;
  color: #ef4444;
  border: 1px solid #ef4444;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.unsaved-modal .btn-discard[data-v-98e97f7c]:hover {
  background: #fef2f2;
}
.unsaved-modal .btn-keep[data-v-98e97f7c] {
  padding: 10px 20px;
  background: #FEBC2C;
  color: #2E4050;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.unsaved-modal .btn-keep[data-v-98e97f7c]:hover {
  background: #e5a827;
}/* Main Container - padding 15px, gap 15px, flex-row, extend to screen bottom */
.tutorial-page[data-v-db886396] {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding: 15px;
  gap: 15px;
  min-height: calc(100vh - 64px - 15px); /* Account for header + bottom padding */
  box-sizing: border-box;
}

/* Left Column - width 380px, gap 15px, extend to bottom */
.tutorial-page__left[data-v-db886396] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  width: 380px;
  flex-shrink: 0;
}

/* Right Column - flex-grow, gap 15px, extend to bottom */
.tutorial-page__right[data-v-db886396] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  flex: 1;
  min-width: 0;
}

/* ===== TUTORIAL CARD ===== */
/* Figma: height 324px, padding 24px, border 1px #EAEBEB, radius 12px, shadow */
.tutorial-card[data-v-db886396] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  width: 100%;
  height: 324px;
  background: #FFFFFF;
  border: 1px solid #EAEBEB;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  box-sizing: border-box;
}
.tutorial-card__header[data-v-db886396] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 16px;
  width: 100%;
}
.tutorial-card__title[data-v-db886396] {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #3F484C;
  margin: 0;
}
.tutorial-card__video[data-v-db886396] {
  width: 100%;
  flex: 1;
}

/* Video Container - Figma: 330x230px, bg #111827, radius 8px */
.video-wrapper[data-v-db886396] {
  position: relative;
  width: 100%;
  height: 230px;
  background: #111827;
  border-radius: 8px;
  overflow: hidden;
}
.video-wrapper iframe[data-v-db886396] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Play Overlay - Figma: rgba(0,0,0,0.3) */
.video-overlay[data-v-db886396] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none; /* Hidden when video loads */
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.3);
}

/* Play Button - Figma: 64x64, rgba(255,255,255,0.3), blur(2px), full rounded */
.play-button[data-v-db886396] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 21px 0 25px;
  width: 64px;
  height: 64px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(2px);
  border-radius: 9999px;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease;
}
.play-button[data-v-db886396]:hover {
  background: rgba(255, 255, 255, 0.5);
}

/* ===== CREATE PROJECT CARD ===== */
/* Figma: flex-grow, padding 24px, border 1px #EAEBEB, radius 12px */
.create-card[data-v-db886396] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 24px;
  width: 100%;
  flex: 1;
  background: #FFFFFF;
  border: 1px solid #EAEBEB;
  border-radius: 12px;
  box-sizing: border-box;
}
.create-card__inner[data-v-db886396] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 24px;
  width: 100%;
  height: 100%;
  background: #F2F4F7;
  border-radius: 8px;
}

/* Create Button - Figma: gap 12px */
.create-btn[data-v-db886396] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  gap: 12px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.create-btn[data-v-db886396]:hover {
  opacity: 0.8;
}
.create-btn:hover .create-btn__icon[data-v-db886396] {
  background: #E6B800;
}
.create-btn__icon[data-v-db886396] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background: #FFCC00;
  border-radius: 6px;
  transition: background 0.2s ease;
}
.create-btn__text[data-v-db886396] {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  color: #6B7280;
}
.create-btn.btn-disabled[data-v-db886396] {
  cursor: not-allowed;
  opacity: 0.5;
}
.create-btn.btn-disabled .create-btn__icon[data-v-db886396] {
  background: #9ca3af;
}
.create-btn.btn-disabled[data-v-db886396]:hover {
  opacity: 0.5;
}
.create-btn.btn-disabled:hover .create-btn__icon[data-v-db886396] {
  background: #9ca3af;
}
.create-btn-wrapper[data-v-db886396] {
  position: relative;
  display: inline-flex;
}
.create-btn-wrapper.disabled-wrapper:hover .tooltip-text[data-v-db886396] {
  visibility: visible;
  opacity: 1;
}
.create-btn-wrapper .tooltip-text[data-v-db886396] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 8px;
  padding: 10px 14px;
  background: #1f2937;
  color: white;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 100;
  transition: opacity 0.2s, visibility 0.2s;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.create-btn-wrapper .tooltip-text[data-v-db886396]::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #1f2937 transparent;
}

/* ===== REFERENCE MODELS CARD ===== */
/* Figma: height 214px, padding 24px */
.models-card[data-v-db886396] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  width: 100%;
  height: 214px;
  background: #FFFFFF;
  border: 1px solid #EAEBEB;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  box-sizing: border-box;
}
.models-card__header[data-v-db886396] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 16px;
  width: 100%;
}
.models-card__title[data-v-db886396] {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #3F484C;
  margin: 0;
}

/* Models Row - evenly distributed from edge to edge */
.models-row[data-v-db886396] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 120px;
  position: relative;
}
.models-row__connectors[data-v-db886396] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 160px;
  pointer-events: none;
  z-index: 0;
  display: none; /* Hide SVG connectors, using CSS instead */
}

/* Model Box Wrapper - with arrows for space-between layout */
.model-box-wrapper[data-v-db886396] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  /* Dashed arrow line after each box except last - extended ~100% longer */
  /* Arrow head - positioned at end of dashed line, touching next box */
}
.model-box-wrapper[data-v-db886396]:not(:last-child)::after {
  content: "";
  position: absolute;
  left: calc(100% + 4px);
  top: 50%;
  transform: translateY(-50%);
  width: 58px; /* Extended from 30px to 58px */
  height: 2px;
  background: repeating-linear-gradient(90deg, #FFCC00, #FFCC00 5px, transparent 5px, transparent 10px);
}
.model-box-wrapper[data-v-db886396]:not(:last-child)::before {
  content: "";
  position: absolute;
  left: calc(100% + 62px); /* 4px + 58px = 62px */
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #FFCC00;
}

/* Model Box - Figma: 120.83x120px, bg #3F484C, radius 8px, padding 16px */
.model-box[data-v-db886396] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  width: 120.83px;
  height: 120px;
  background: #3F484C;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  position: relative;
  z-index: 1;
}
.model-box[data-v-db886396]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.model-box__icon[data-v-db886396] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 8px;
}
.model-box__icon svg[data-v-db886396] {
  width: 24px;
  height: 24px;
}
.model-box__label[data-v-db886396] {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  max-width: 88px;
}

/* Model Tooltip */
.model-tooltip[data-v-db886396] {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%);
  width: 240px;
  background: #f8f9fa;
  border: 1px solid #EAEBEB;
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.model-tooltip p[data-v-db886396] {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #3F484C;
  margin: 0 0 8px 0;
}
.model-tooltip__link[data-v-db886396] {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #FFCC00;
  cursor: pointer;
}
.model-tooltip__link[data-v-db886396]:hover {
  text-decoration: underline;
}

/* ===== DESIGN PROCESS CARD ===== */
/* Figma: flex-grow, padding 24px */
.process-card[data-v-db886396] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  width: 100%;
  flex: 1;
  background: #FFFFFF;
  border: 1px solid #EAEBEB;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  box-sizing: border-box;
}
.process-card__header[data-v-db886396] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 16px;
  width: 100%;
}
.process-card__title[data-v-db886396] {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #3F484C;
  margin: 0;
}

/* Process Grid - 6 columns, gap 15px, equal height columns */
.process-grid[data-v-db886396] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch; /* Equal height columns */
  gap: 15px;
  width: 100%;
  flex: 1;
  min-height: 0; /* Allow flex to shrink */
}

/* Process Column - equal height, extends to within 15px of container bottom */
.process-column[data-v-db886396] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
  border: 1px solid #EAEBEB;
  border-radius: 8px;
  overflow: hidden;
  /* Column 6 (IMPLEMENT) - evenly distribute 6 items */
}
.process-column__header[data-v-db886396] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px;
  width: 100%;
  background: #F2F4F7;
  border-radius: 8px 8px 0 0;
  gap: 8px;
  box-sizing: border-box;
  flex-shrink: 0;
}
.process-column__number[data-v-db886396] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  background: #FFCC00;
  border-radius: 9999px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #3F484C;
  flex-shrink: 0;
}
.process-column__name[data-v-db886396] {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #3F484C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.process-column__separator[data-v-db886396] {
  width: 100%;
  height: 1px;
  background: #EAEBEB;
  flex-shrink: 0;
}
.process-column__items[data-v-db886396] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* Items align to top */
  align-items: flex-start;
  padding: 12px;
  gap: 12px; /* Even spacing between items (~12px gaps) */
  width: 100%;
  flex: 1;
  box-sizing: border-box;
}
.process-column:last-child .process-column__items[data-v-db886396] {
  justify-content: space-between; /* Even vertical distribution for col 6 */
}

/* Process Item */
.process-item[data-v-db886396] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 4px;
  width: 100%;
  border-radius: 6px;
  box-sizing: border-box;
}
.process-item--disabled .process-item__number[data-v-db886396] {
  color: #9CA3AF;
}
.process-item--disabled .process-item__name[data-v-db886396] {
  color: #9CA3AF;
}
.process-item__number[data-v-db886396] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 6px;
  background: #E5E7EB;
  border-radius: 2px;
  margin-right: 8px;
  flex-shrink: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #4B5563;
}
.process-item__name[data-v-db886396] {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #3F484C;
}

/* Tooltip Animation */
.tooltip-fade-enter-active[data-v-db886396],
.tooltip-fade-leave-active[data-v-db886396] {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.tooltip-fade-enter-from[data-v-db886396],
.tooltip-fade-leave-to[data-v-db886396] {
  opacity: 0;
  transform: translateX(-50%) translateY(-4px);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1400px) {
.model-box[data-v-db886396] {
    width: 100px;
    height: 100px;
    padding: 12px;
}
.model-box__label[data-v-db886396] {
    font-size: 12px;
    line-height: 16px;
}
.model-box-wrapper[data-v-db886396]:not(:last-child)::after {
    width: 40px; /* Shorter on smaller screens */
    left: calc(100% + 4px);
}
.model-box-wrapper[data-v-db886396]:not(:last-child)::before {
    left: calc(100% + 44px);
}
}
@media (max-width: 1200px) {
.tutorial-page[data-v-db886396] {
    flex-direction: column;
}
.tutorial-page__left[data-v-db886396] {
    width: 100%;
    flex-direction: row;
}
.tutorial-card[data-v-db886396],
  .create-card[data-v-db886396] {
    flex: 1;
    height: auto;
    min-height: 280px;
}
.models-card[data-v-db886396] {
    height: auto;
    min-height: 180px;
}
.models-row[data-v-db886396] {
    flex-wrap: wrap;
    height: auto;
    gap: 12px;
}
.model-box-wrapper[data-v-db886396]::after, .model-box-wrapper[data-v-db886396]::before {
    display: none;
}
}
@media (max-width: 900px) {
.tutorial-page__left[data-v-db886396] {
    flex-direction: column;
}
.process-grid[data-v-db886396] {
    flex-wrap: wrap;
    gap: 12px;
}
.process-column[data-v-db886396] {
    flex: 1 1 calc(33.333% - 8px);
    min-width: 140px;
}
}
@media (max-width: 600px) {
.tutorial-page[data-v-db886396] {
    padding: 10px;
    gap: 10px;
}
.process-column[data-v-db886396] {
    flex: 1 1 calc(50% - 6px);
}
}.contact-sales-page[data-v-4819ed9a] {
  min-height: 100vh;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}
.contact-header[data-v-4819ed9a] {
  background: linear-gradient(135deg, #3F484C 0%, #1F2937 100%);
  color: white;
  padding: 4rem 0;
  text-align: center;
}
.contact-header .container[data-v-4819ed9a] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.contact-header h1[data-v-4819ed9a] {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
.contact-header h1[data-v-4819ed9a] {
    font-size: 2rem;
}
}
.contact-header p[data-v-4819ed9a] {
  font-size: 1.25rem;
  opacity: 0.9;
  max-width: 600px;
  margin: 0 auto;
}
@media (max-width: 768px) {
.contact-header p[data-v-4819ed9a] {
    font-size: 1rem;
}
}
.contact-content[data-v-4819ed9a] {
  padding: 4rem 0;
}
.contact-content .container[data-v-4819ed9a] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.contact-grid[data-v-4819ed9a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}
@media (max-width: 968px) {
.contact-grid[data-v-4819ed9a] {
    grid-template-columns: 1fr;
    gap: 3rem;
}
}
.contact-form-section h2[data-v-4819ed9a] {
  font-size: 2rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 2rem;
}
.contact-form[data-v-4819ed9a] {
  background: white;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.contact-form .form-group[data-v-4819ed9a] {
  margin-bottom: 1.5rem;
}
.contact-form .form-group label[data-v-4819ed9a] {
  display: block;
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
}
.contact-form .form-group input[data-v-4819ed9a], .contact-form .form-group select[data-v-4819ed9a], .contact-form .form-group textarea[data-v-4819ed9a] {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 1rem;
  transition: border-color 0.2s ease;
}
.contact-form .form-group input[data-v-4819ed9a]:focus, .contact-form .form-group select[data-v-4819ed9a]:focus, .contact-form .form-group textarea[data-v-4819ed9a]:focus {
  outline: none;
  border-color: #3F484C;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}
.contact-form .form-group textarea[data-v-4819ed9a] {
  resize: vertical;
  min-height: 120px;
}
.contact-form .submit-button[data-v-4819ed9a] {
  width: 100%;
  background: linear-gradient(135deg, #3F484C 0%, #1F2937 100%);
  color: white;
  border: none;
  padding: 1rem 2rem;
  border-radius: 8px;
  font-size: 1.125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.contact-form .submit-button[data-v-4819ed9a]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
}
.contact-form .submit-button[data-v-4819ed9a]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}
.contact-info-section h2[data-v-4819ed9a] {
  font-size: 2rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 2rem;
}
.benefits[data-v-4819ed9a] {
  margin-bottom: 3rem;
}
.benefits .benefit[data-v-4819ed9a] {
  background: white;
  padding: 1.5rem;
  border-radius: 12px;
  margin-bottom: 1rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.benefits .benefit .benefit-icon[data-v-4819ed9a] {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.benefits .benefit h3[data-v-4819ed9a] {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 0.5rem;
}
.benefits .benefit p[data-v-4819ed9a] {
  color: #64748b;
  line-height: 1.6;
}
.contact-details[data-v-4819ed9a] {
  background: white;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.contact-details h3[data-v-4819ed9a] {
  font-size: 1.5rem;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 1rem;
}
.contact-details .contact-item[data-v-4819ed9a] {
  margin-bottom: 0.75rem;
  color: #475569;
}
.contact-details .contact-item strong[data-v-4819ed9a] {
  color: #1e293b;
}
.vue3-slider .handle {
    transform: scale(var(--handle-scale, 1.35)) !important;
}
.licenses-section__item[data-v-f75c089a] {
  background: #e8edf2;
  border: 2px solid #e8edf2;
  border-radius: 7.4292px;
  transition: all ease 0.3s;
  width: 513px;
  cursor: pointer;
}
.licenses-section__item__header__info__name[data-v-f75c089a] {
  font-weight: 600;
  font-size: 24px;
}
.licenses-section__item__header__info__type[data-v-f75c089a] {
  font-weight: 600;
  font-size: 14px;
}
.licenses-section__item__header__price[data-v-f75c089a] {
  font-weight: 600;
  font-size: 28px;
}
.licenses-section__item--active[data-v-f75c089a] {
  border: 2px solid #099954;
  transition: all ease 0.3s;
}
.licenses-section__item__desc[data-v-f75c089a] {
  background: #ffffff;
  color: #2e4050;
  border-radius: 7.4292px;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.licenses-section__item__desc__text[data-v-f75c089a] {
  min-height: 111px;
}.licenses-section__item[data-v-845021c1] {
  background: #e8edf2;
  border: 2px solid #e8edf2;
  border-radius: 7.4292px;
  transition: all ease 0.3s;
  width: 513px;
  cursor: pointer;
}
.licenses-section__item__header__info__name[data-v-845021c1] {
  font-weight: 600;
  font-size: 24px;
}
.licenses-section__item__header__info__type[data-v-845021c1] {
  font-weight: 600;
  font-size: 14px;
}
.licenses-section__item__header__price[data-v-845021c1] {
  font-weight: 600;
  font-size: 28px;
}
.licenses-section__item--active[data-v-845021c1] {
  border: 2px solid #099954;
  transition: all ease 0.3s;
}
.licenses-section__item__desc[data-v-845021c1] {
  background: #ffffff;
  border-radius: 7.4292px;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #2e4050;
  min-height: 199px;
}.grid-cols-table-cols[data-v-8ac78e88] {
  grid-template-columns: auto 1fr 2fr 1fr 1fr auto;
}
.modal[data-v-8ac78e88] {
  box-sizing: border-box;
  font-size: 20px;
  text-align: center;
}
.add-user-button[data-v-8ac78e88] {
  width: 143px;
  height: 42px;
  background: #ffffff;
  border: 1px solid #cacaca;
  border-radius: 11px;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #cacaca;
  transition: all 0.1s;
}
.add-user-button[data-v-8ac78e88]:hover {
  transition: all 0.1s;
  background: #f2f2f2;
}
.add-user-button.active[data-v-8ac78e88] {
  border: 1px solid #303030;
  color: #303030;
}
.charges__collapse[data-v-8ac78e88] {
  transition: height 300ms cubic-bezier(0.33, 1, 0.68, 1);
  background: #f4f7fa;
}
.charges__collapse__button[data-v-8ac78e88] {
  border-radius: 0 0 7.4292px 7.4292px;
  font-weight: 600;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
  padding: 8px 0;
  background: rgba(170, 170, 170, 0.2784313725);
}
.charges__collapse__buttonspan[data-v-8ac78e88] {
  font-size: 27px;
}
.charges__collapse__section[data-v-8ac78e88] {
  padding: 30px 36px;
  gap: 20px;
}
.charges__collapse__section__user-info-item[data-v-8ac78e88] {
  font-weight: 600;
  font-size: 18px;
  color: #2e2e27;
}
.charges__collapse__section__user-info-item.user-data[data-v-8ac78e88] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
.charges__collapse__section__user-info-item--active[data-v-8ac78e88] {
  color: #270;
  background-color: #dff2bf;
  padding: 5px 10px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 18px;
}
.charges__collapse__section__user-info-item--admin[data-v-8ac78e88] {
  color: #2e4050;
  background-color: #febc2c;
  padding: 5px 10px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 18px;
}
.charges__collapse__section__user-info-item--inactive[data-v-8ac78e88] {
  color: #d8000c;
  background-color: #ffbaba;
  padding: 5px 10px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 18px;
}
.charges__item[data-v-8ac78e88] {
  background: #f4f7fa;
  border-radius: 7.4292px;
  padding: 30px 36px;
}
.charges__item__upgrade__button[data-v-8ac78e88] {
  background: #febc2c;
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  color: #2e4050;
}
.charges__item__status--expired[data-v-8ac78e88] {
  color: #d8000c;
  background-color: #ffbaba;
  padding: 5px 10px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 18px;
}
.charges__item__status--active[data-v-8ac78e88] {
  color: #270;
  background-color: #dff2bf;
  padding: 5px 10px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 18px;
}
.charges__item--actice[data-v-8ac78e88] {
  border-radius: 7.4292px 7.4292px 0 0;
}
.charges__item__date__text[data-v-8ac78e88] {
  font-weight: 600;
  font-size: 18px;
  color: #2e2e27;
}
.charges__item__license__data[data-v-8ac78e88] {
  background: #ffffff;
  border-radius: 17px;
  color: #2e2e27;
  font-weight: 600;
  font-size: 18px;
  padding: 3px 17px;
}
.charges__item__license__price[data-v-8ac78e88] {
  color: #2e2e27;
  font-weight: 600;
  font-size: 18px;
}
.charges__modal__pay__price__total[data-v-8ac78e88] {
  font-weight: 600;
  font-size: 28px;
  color: #292b32;
}
.charges__modal__pay__price__amount[data-v-8ac78e88] {
  font-weight: 600;
  font-size: 28px;
  color: #292b32;
}
.charges__modal__pay__button[data-v-8ac78e88] {
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  background: #febc2c;
  border-radius: 10px;
  padding: 21px 0;
  width: 300px;
}.add-user-button[data-v-a20006dd] {
  width: 143px;
  height: 42px;
  background: #ffffff;
  border: 1px solid #cacaca;
  border-radius: 11px;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #cacaca;
  transition: all 0.1s;
}
.add-user-button[data-v-a20006dd]:hover {
  transition: all 0.1s;
  background: #f2f2f2;
}
.add-user-button.active[data-v-a20006dd] {
  border: 1px solid #303030;
  color: #303030;
}
.access-container__item[data-v-a20006dd] {
  background: #f4f7fa;
  border-radius: 7.4292px;
  padding: 30px 36px;
}
.access-container__item--actice[data-v-a20006dd] {
  border-radius: 7.4292px 7.4292px 0 0;
}
.access-container__item__title[data-v-a20006dd] {
  color: #2e2e27;
  font-weight: 600;
  font-size: 18px;
}
.access-container__collapse[data-v-a20006dd] {
  transition: height 300ms cubic-bezier(0.33, 1, 0.68, 1);
  background: #f4f7fa;
}
.access-container__collapse__section[data-v-a20006dd] {
  padding: 30px 36px;
}.sub-domain__item[data-v-10d8248c] {
  background: #f4f7fa;
  border-radius: 7.4292px;
  padding: 30px 36px;
}
.sub-domain__item__data[data-v-10d8248c] {
  background: #ffffff;
  border-radius: 17px;
  color: #2e2e27;
  font-weight: 600;
  font-size: 18px;
  padding: 3px 17px;
}
.sub-domain__item--actice[data-v-10d8248c] {
  border-radius: 7.4292px 7.4292px 0 0;
}
.sub-domain__item__title[data-v-10d8248c] {
  color: #2e2e27;
  font-weight: 600;
  font-size: 18px;
}
.sub-domain__collapse[data-v-10d8248c] {
  transition: height 300ms cubic-bezier(0.33, 1, 0.68, 1);
  background: #f4f7fa;
}
.sub-domain__collapse__section[data-v-10d8248c] {
  padding: 30px 36px;
}.plan[data-v-db5e4d75] {
  background: #ffffff;
  border: 1px solid #e8edf2;
  border-radius: 10px;
}
.plan h2[data-v-db5e4d75] {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  color: #000000;
}
.plan__user-info[data-v-db5e4d75] {
  position: relative;
  gap: 13px;
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.plan__user-info__fio[data-v-db5e4d75] {
  background: #e8edf2;
}
@media screen and (max-width: 1624px) {
.plan__user-info__fio[data-v-db5e4d75] {
    grid-column: span 4/span 4;
}
}
@media screen and (max-width: 1324px) {
.plan__user-info__fio[data-v-db5e4d75] {
    grid-column: span 8/span 8;
}
}
.plan__user-info__fio__label[data-v-db5e4d75] {
  font-weight: 600;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
}
.plan__user-info__fio__text[data-v-db5e4d75] {
  font-weight: 600;
  font-size: 18px;
  color: #000000;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.plan__user-info__payment[data-v-db5e4d75] {
  background: #e8edf2;
}
@media screen and (max-width: 1624px) {
.plan__user-info__payment[data-v-db5e4d75] {
    grid-column: span 4/span 4;
}
}
@media screen and (max-width: 1324px) {
.plan__user-info__payment[data-v-db5e4d75] {
    grid-column: span 8/span 8;
}
}
.plan__user-info__payment__label[data-v-db5e4d75] {
  font-weight: 600;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
}
.plan__user-info__payment__text[data-v-db5e4d75] {
  font-weight: 600;
  font-size: 18px;
  color: #000000;
}
.plan__user-info__payment__button[data-v-db5e4d75] {
  background: #febc2c;
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  color: #2e4050;
}
.plan__user-info__plan[data-v-db5e4d75] {
  grid-column: span 3/span 3;
  background: #e8edf2;
}
@media screen and (max-width: 1624px) {
.plan__user-info__plan[data-v-db5e4d75] {
    grid-column: span 8/span 8;
}
}
.plan__user-info__plan__label[data-v-db5e4d75] {
  font-weight: 600;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
}
.plan__user-info__plan__text[data-v-db5e4d75] {
  font-weight: 600;
  font-size: 18px;
  color: #000000;
}
.plan__user-info__plan__button[data-v-db5e4d75] {
  background: #febc2c;
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  color: #2e4050;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.plan__user-info[data-v-db5e4d75]:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #838383;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.plan__charges[data-v-db5e4d75] {
  min-height: 600px;
}
.plan__charges__trial__title[data-v-db5e4d75] {
  font-family: "Lato";
  font-weight: 900;
  font-size: 28px;
  color: #000000;
}
.plan__charges__trial__desc[data-v-db5e4d75] {
  font-family: "Lato";
  font-weight: 400;
  font-size: 22px;
  color: #000000;
}
.plan__charges__trial__button[data-v-db5e4d75] {
  background: #febc2c;
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  color: #2e4050;
}
.plan__charges__item[data-v-db5e4d75] {
  background: #f4f7fa;
  border-radius: 7.4292px;
  padding: 30px 36px;
}
.plan__charges__item__date__text[data-v-db5e4d75] {
  font-weight: 600;
  font-size: 18px;
  color: #2e2e27;
}
.plan__charges__item__license__data[data-v-db5e4d75] {
  background: #ffffff;
  border-radius: 17px;
  color: #2e2e27;
  font-weight: 600;
  font-size: 18px;
  padding: 3px 17px;
}
.plan__charges__item__license__price[data-v-db5e4d75] {
  color: #2e2e27;
  font-weight: 600;
  font-size: 18px;
}
.pricing-page[data-v-9a9f4de9] {
  min-height: 100vh;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}
.pricing-header[data-v-9a9f4de9] {
  background: linear-gradient(135deg, #FEBC2C 0%, #FFCC00 100%);
  color: white;
  padding: 4rem 0;
  text-align: center;
}
.pricing-header .container[data-v-9a9f4de9] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.pricing-header .pricing-title[data-v-9a9f4de9] {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
.pricing-header .pricing-title[data-v-9a9f4de9] {
    font-size: 2rem;
}
}
.pricing-header .pricing-subtitle[data-v-9a9f4de9] {
  font-size: 1.25rem;
  opacity: 0.9;
  max-width: 600px;
  margin: 0 auto;
}
@media (max-width: 768px) {
.pricing-header .pricing-subtitle[data-v-9a9f4de9] {
    font-size: 1rem;
}
}
.pricing-tabs[data-v-9a9f4de9] {
  background: white;
  border-bottom: 1px solid #e2e8f0;
  padding: 0;
}
.pricing-tabs .container[data-v-9a9f4de9] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.pricing-tabs .tab-nav[data-v-9a9f4de9] {
  display: flex;
  justify-content: center;
  gap: 0;
}
@media (max-width: 768px) {
.pricing-tabs .tab-nav[data-v-9a9f4de9] {
    flex-wrap: wrap;
}
}
.pricing-tabs .tab-button[data-v-9a9f4de9] {
  padding: 1rem 2rem;
  border: none;
  background: transparent;
  color: #64748b;
  font-weight: 500;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
.pricing-tabs .tab-button[data-v-9a9f4de9] {
    padding: 0.75rem 1rem;
    flex: 1;
    min-width: 0;
}
}
.pricing-tabs .tab-button[data-v-9a9f4de9]:hover {
  color: #FEBC2C;
  background: #f8fafc;
}
.pricing-tabs .tab-button.active[data-v-9a9f4de9] {
  color: #FEBC2C;
  border-bottom-color: #FEBC2C;
  background: #f8fafc;
}
.pricing-content[data-v-9a9f4de9] {
  padding: 4rem 0;
}
.pricing-content .container[data-v-9a9f4de9] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.plans-grid[data-v-9a9f4de9] {
  display: grid;
  gap: 2rem;
}
.plans-grid.solo-grid[data-v-9a9f4de9] {
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  max-width: 800px;
  margin: 0 auto;
}
.plans-grid.team-grid[data-v-9a9f4de9] {
  max-width: 600px;
  margin: 0 auto;
}
.plans-grid.enterprise-grid[data-v-9a9f4de9] {
  max-width: 600px;
  margin: 0 auto;
}
.plans-grid.academia-grid[data-v-9a9f4de9] {
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  max-width: 800px;
  margin: 0 auto;
}
@media (max-width: 768px) {
.plans-grid[data-v-9a9f4de9] {
    grid-template-columns: 1fr;
    gap: 1.5rem;
}
}
.plan-card[data-v-9a9f4de9] {
  background: white;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  border: 2px solid #e2e8f0;
  transition: all 0.3s ease;
}
.plan-card[data-v-9a9f4de9]:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.plan-card.featured[data-v-9a9f4de9] {
  border-color: #FEBC2C;
  position: relative;
}
.plan-card.featured[data-v-9a9f4de9]::before {
  content: "Most Popular";
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #FEBC2C;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
}
.plan-card.enterprise-card[data-v-9a9f4de9] {
  border-color: #FEBC2C;
}
.plan-header[data-v-9a9f4de9] {
  text-align: center;
  margin-bottom: 2rem;
}
.plan-header h3[data-v-9a9f4de9] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 1rem;
}
.plan-header .price[data-v-9a9f4de9] {
  margin-bottom: 1rem;
}
.plan-header .price .currency[data-v-9a9f4de9] {
  font-size: 1.5rem;
  font-weight: 600;
  color: #FEBC2C;
}
.plan-header .price .amount[data-v-9a9f4de9] {
  font-size: 3rem;
  font-weight: 700;
  color: #1e293b;
}
.plan-header .price .period[data-v-9a9f4de9] {
  display: block;
  font-size: 0.875rem;
  color: #64748b;
  margin-top: 0.5rem;
}
.plan-header .price .contact-sales[data-v-9a9f4de9] {
  font-size: 2rem;
  font-weight: 700;
  color: #FEBC2C;
}
.plan-header .academic-price .special[data-v-9a9f4de9] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #3F484C;
}
.plan-header .plan-description[data-v-9a9f4de9] {
  color: #64748b;
  line-height: 1.6;
}
.plan-features[data-v-9a9f4de9] {
  margin-bottom: 2rem;
}
.plan-features ul[data-v-9a9f4de9] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.plan-features ul li[data-v-9a9f4de9] {
  padding: 0.5rem 0;
  color: #475569;
  display: flex;
  align-items: center;
}
.plan-features ul li[data-v-9a9f4de9]::before {
  content: "";
  color: #FFCC00;
  font-weight: 700;
  margin-right: 0.5rem;
}
.user-slider[data-v-9a9f4de9] {
  margin-bottom: 1.5rem;
}
.user-slider label[data-v-9a9f4de9] {
  display: block;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #1e293b;
}
.user-slider .slider[data-v-9a9f4de9] {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #e2e8f0;
  outline: none;
  -webkit-appearance: none;
}
.user-slider .slider[data-v-9a9f4de9]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FEBC2C;
  cursor: pointer;
}
.user-slider .slider[data-v-9a9f4de9]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FEBC2C;
  cursor: pointer;
  border: none;
}
.user-slider .slider-labels[data-v-9a9f4de9] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: #64748b;
}
.pricing-display[data-v-9a9f4de9] {
  background: #f8fafc;
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
}
.pricing-display .annual-price[data-v-9a9f4de9] {
  margin-bottom: 0.5rem;
}
.pricing-display .annual-price strong[data-v-9a9f4de9] {
  font-size: 1.25rem;
  color: #1e293b;
}
.pricing-display .annual-price .per-user[data-v-9a9f4de9] {
  font-size: 0.875rem;
  color: #64748b;
  margin-left: 0.5rem;
}
.pricing-display .monthly-option label[data-v-9a9f4de9] {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #64748b;
  cursor: pointer;
}
.pricing-display .monthly-option label input[data-v-9a9f4de9] {
  margin-right: 0.5rem;
}
.pricing-display .monthly-option .monthly-price[data-v-9a9f4de9] {
  font-size: 1rem;
  font-weight: 600;
  color: #FEBC2C;
  margin-top: 0.5rem;
}
.add-ons[data-v-9a9f4de9] {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e2e8f0;
}
.add-ons h4[data-v-9a9f4de9] {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #1e293b;
}
.add-ons .addon-item[data-v-9a9f4de9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #f1f5f9;
}
.add-ons .addon-item.disabled[data-v-9a9f4de9] {
  opacity: 0.6;
  text-decoration: line-through;
}
.add-ons .addon-item .addon-price[data-v-9a9f4de9] {
  font-weight: 600;
  color: #FEBC2C;
}
.cta-button[data-v-9a9f4de9] {
  width: 100%;
  padding: 1rem 2rem;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 1.125rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.cta-button.primary[data-v-9a9f4de9] {
  background: linear-gradient(135deg, #FFCC00 0%, #FEBC2C 100%);
  color: #3F484C;
}
.cta-button.primary[data-v-9a9f4de9]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(254, 188, 44, 0.3);
}
.cta-button.enterprise[data-v-9a9f4de9] {
  background: linear-gradient(135deg, #3F484C 0%, #1F2937 100%);
  color: white;
}
.cta-button.enterprise[data-v-9a9f4de9]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(63, 72, 76, 0.3);
}
.cta-button.academic[data-v-9a9f4de9] {
  background: linear-gradient(135deg, #3F484C 0%, #1F2937 100%);
  color: white;
}
.cta-button.academic[data-v-9a9f4de9]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(63, 72, 76, 0.3);
}
.cta-button.disabled[data-v-9a9f4de9] {
  background: #e2e8f0;
  color: #94a3b8;
  cursor: not-allowed;
}
.cta-button.disabled[data-v-9a9f4de9]:hover {
  transform: none;
  box-shadow: none;
}
.pricing-footer[data-v-9a9f4de9] {
  background: #1e293b;
  color: white;
  padding: 3rem 0;
}
.pricing-footer .container[data-v-9a9f4de9] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.pricing-footer .requirements h3[data-v-9a9f4de9] {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.pricing-footer .requirements ul[data-v-9a9f4de9] {
  list-style: none;
  padding: 0;
}
.pricing-footer .requirements ul li[data-v-9a9f4de9] {
  padding: 0.5rem 0;
  color: #e2e8f0;
}
.pricing-footer .requirements ul li[data-v-9a9f4de9]::before {
  content: "•";
  color: #FEBC2C;
  font-weight: 700;
  margin-right: 0.5rem;
}.v-enter-active[data-v-558c8e82],
.v-leave-active[data-v-558c8e82] {
  transition: opacity 0.5s ease;
}
.v-enter-from[data-v-558c8e82],
.v-leave-to[data-v-558c8e82] {
  opacity: 0;
}
.licenses-section__item[data-v-558c8e82] {
  background: #e8edf2;
  border-radius: 7.4292px;
  transition: all ease 0.3s;
  width: 513px;
  border: 2px solid #e8edf2;
}
.licenses-section__item__header__info__name[data-v-558c8e82] {
  font-weight: 600;
  font-size: 24px;
}
.licenses-section__item__header__info__type[data-v-558c8e82] {
  font-weight: 600;
  font-size: 14px;
}
.licenses-section__item__header__price[data-v-558c8e82] {
  font-weight: 600;
  font-size: 28px;
}
.licenses-section__item--active[data-v-558c8e82] {
  border: 2px solid #099954;
  transition: all ease 0.3s;
}
.licenses-section__item__addons[data-v-558c8e82] {
  background: #ffffff;
  border-radius: 7.4292px;
}
.licenses-section__item__addons__item__name[data-v-558c8e82] {
  font-weight: 600;
  font-size: 24px;
  color: #2e4050;
}
.checkbox-ios[data-v-558c8e82] {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  margin-right: 10px;
  position: relative;
  vertical-align: middle;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.checkbox-ios .checkbox-ios-switch[data-v-558c8e82] {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 41px;
  height: 23px;
  border: 4.16667px solid #393f4f;
  border-radius: 25%/50%;
  vertical-align: top;
  transition: 0.2s;
}
.checkbox-ios .checkbox-ios-switch[data-v-558c8e82]:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 2px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #393f4f;
  transition: 0.15s;
}
.checkbox-ios input[type=checkbox][data-v-558c8e82] {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch[data-v-558c8e82] {
  border-color: #099954;
}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch[data-v-558c8e82]:before {
  transform: translateX(17px);
  background: #099954;
}

/* Hover */
.checkbox-ios input[type=checkbox]:not(:disabled) + .checkbox-ios-switch[data-v-558c8e82] {
  cursor: pointer;
}

/* Disabled */
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch[data-v-558c8e82] {
  filter: grayscale(70%);
  border-color: rgba(0, 0, 0, 0.1);
}
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch[data-v-558c8e82]:before {
  background: #eee;
}

/* Focus */.subscription-list[data-v-fb2a9769] {
  padding: 20px;
  background: #ffffff;
  border: 1px solid #e8edf2;
  border-radius: 10px;
  min-width: 1669px;
}
.subscription-list h2[data-v-fb2a9769] {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #4a4a4a;
}
.subscription-list__license-types[data-v-fb2a9769] {
  background: #e8edf2;
  border-radius: 7.4292px;
  width: 29%;
}
.subscription-list__license-types__item[data-v-fb2a9769] {
  border-radius: 3.83117px;
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
  transition: all ease 0.5s;
}
.subscription-list__license-types__item--active[data-v-fb2a9769] {
  background: #febc2c;
  border-radius: 3.83117px;
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
  transition: all ease 0.5s;
}
.subscription-list__pay__price__total[data-v-fb2a9769] {
  font-weight: 600;
  font-size: 28px;
  color: #292b32;
}
.subscription-list__pay__price__amount[data-v-fb2a9769] {
  font-weight: 600;
  font-size: 28px;
  color: #292b32;
}
.subscription-list__pay__button[data-v-fb2a9769] {
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  background: #febc2c;
  border-radius: 10px;
  padding: 21px 0;
  width: 447px;
}
.landing-page__content[data-v-856e93fa] {
  background-color: #bcbfc1;
}
.landing-page__content__pricing--item[data-v-856e93fa] {
  margin: 10px;
}
.landing-page__content__pricing--item--header[data-v-856e93fa] {
  padding: 20px 0;
  background-color: #000000;
}
.landing-page__content__pricing--item--header--title[data-v-856e93fa] {
  font-family: "Montserrat", sans-serif;
  text-transform: inherit;
  line-height: 1.2;
  font-size: 24px;
  font-weight: 600;
}
.landing-page__content__pricing--item--header--desc[data-v-856e93fa] {
  font-size: 13px;
  font-weight: 400;
  font-family: "Source Sans Pro", sans-serif;
}
.landing-page__content__pricing--item--header p[data-v-856e93fa] {
  color: #ffffff;
}
.landing-page__content__pricing--item--content[data-v-856e93fa] {
  background-color: #ffffff;
  color: #000000;
  padding: 40px 0;
}
.landing-page__content__pricing--item--content--price--сurrency[data-v-856e93fa] {
  margin-right: 3px;
  line-height: 1;
  font-size: 19.5px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 800;
}
.landing-page__content__pricing--item--content--price--quantity[data-v-856e93fa] {
  font-size: 65px;
  font-weight: 800;
  line-height: 52px;
  font-family: "Source Sans Pro", sans-serif;
}
.landing-page__content__pricing--item--content--period[data-v-856e93fa] {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.landing-page__content__pricing--item--features[data-v-856e93fa] {
  background-color: #ffffff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.landing-page__content__pricing--item--features span[data-v-856e93fa] {
  line-height: 18px;
}
.landing-page__content__pricing--item--footer[data-v-856e93fa] {
  background-color: #ffffff;
  color: #000000;
  padding: 30px 0;
}
.landing-page__content__pricing--item--footer--button[data-v-856e93fa] {
  cursor: pointer;
  padding: 15px;
  color: #3f484c;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #ffd73a;
  border-radius: 4px;
  font-family: "Source Sans Pro", sans-serif;
  transition: all 0.3s ease-out;
}
.landing-page__content__pricing--item--footer--button[data-v-856e93fa]:hover {
  color: #ffffff;
  background-color: #3f484c;
}
.landing-page__content__pricing--item--footer--info[data-v-856e93fa] {
  color: rgb(58, 58, 58);
  font-family: "Source Sans Pro", sans-serif;
  font-style: italic;
  margin: 15px 30px 0px 30px;
  font-size: 13px;
  line-height: 1.4;
}
.landing-page__content__pricing--item--footer--info i[data-v-856e93fa] {
  font-size: 13px;
  line-height: 1.4;
  font-family: "Source Sans Pro", sans-serif;
}
.custom-hoba-checkbox[data-v-d12135d8]:checked:hover,
.custom-hoba-checkbox[data-v-d12135d8]:checked:focus {
  background-color: #ffffff;
}
.custom-hoba-checkbox[data-v-d12135d8]:checked {
  background-image: url("/images/constructor_checkbox_selected.png");
  background-size: auto;
  border: 1px solid black;
}
.custom-hoba-checkbox[data-v-d12135d8] {
  border: 1px solid #b5b5b5;
  border-radius: none;
  background-color: white;
  background-size: 100% 55%;
  background-position: center;
  background-repeat: no-repeat;
}
.licnses-modal-window__title p[data-v-d12135d8] {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #2e4050;
}
.licnses-modal-window__content__users--count[data-v-d12135d8] {
  font-size: 20px;
  font-weight: 800;
  font-family: "Source Sans Pro", sans-serif;
}
.licnses-modal-window__content__users--info[data-v-d12135d8] {
  color: rgba(0, 0, 0, 0.4705882353);
  font-size: 14px;
}
.licnses-modal-window__content__price--сurrency[data-v-d12135d8] {
  line-height: 1;
  font-size: 20px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 800;
}
.licnses-modal-window__content__price--quantity[data-v-d12135d8] {
  font-size: 20px;
  font-weight: 800;
  line-height: 52px;
  font-family: "Source Sans Pro", sans-serif;
}
.licnses-modal-window__content__price--period[data-v-d12135d8] {
  color: rgba(0, 0, 0, 0.4705882353);
  font-size: 14px;
}
.licnses-modal-window__content--buy-button[data-v-d12135d8] {
  cursor: pointer;
  padding: 15px;
  color: #3f484c;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #ffd73a;
  border-radius: 4px;
  font-family: "Source Sans Pro", sans-serif;
  transition: all 0.3s ease-out;
}
.licnses-modal-window__content--buy-button[data-v-d12135d8]:hover {
  color: #ffffff;
  background-color: #3f484c;
}
.modal[data-v-cd2764fc] {
  box-sizing: border-box;
  font-size: 20px;
  text-align: center;
}
.landing-page__content[data-v-cd2764fc] {
  background-color: #bcbfc1;
}
.landing-page__content__pricing--item[data-v-cd2764fc] {
  margin: 10px;
}
.landing-page__content__pricing--item--header[data-v-cd2764fc] {
  padding: 20px 0;
  background-color: #000000;
}
.landing-page__content__pricing--item--header--title[data-v-cd2764fc] {
  font-family: "Montserrat", sans-serif;
  text-transform: inherit;
  line-height: 1.2;
  font-size: 24px;
  font-weight: 600;
}
.landing-page__content__pricing--item--header--desc[data-v-cd2764fc] {
  font-size: 13px;
  font-weight: 400;
  font-family: "Source Sans Pro", sans-serif;
}
.landing-page__content__pricing--item--header p[data-v-cd2764fc] {
  color: #ffffff;
}
.landing-page__content__pricing--item--content[data-v-cd2764fc] {
  background-color: #ffffff;
  color: #000000;
  padding: 40px 0;
}
.landing-page__content__pricing--item--content--price--сurrency[data-v-cd2764fc] {
  margin-right: 3px;
  line-height: 1;
  font-size: 19.5px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 800;
}
.landing-page__content__pricing--item--content--price--quantity[data-v-cd2764fc] {
  font-size: 65px;
  font-weight: 800;
  line-height: 52px;
  font-family: "Source Sans Pro", sans-serif;
}
.landing-page__content__pricing--item--content--period[data-v-cd2764fc] {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.landing-page__content__pricing--item--features[data-v-cd2764fc] {
  background-color: #ffffff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.landing-page__content__pricing--item--features span[data-v-cd2764fc] {
  line-height: 18px;
}
.landing-page__content__pricing--item--footer[data-v-cd2764fc] {
  background-color: #ffffff;
  color: #000000;
  padding: 30px 0;
}
.landing-page__content__pricing--item--footer--button[data-v-cd2764fc] {
  cursor: pointer;
  padding: 15px;
  color: #3f484c;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #ffd73a;
  border-radius: 4px;
  font-family: "Source Sans Pro", sans-serif;
  transition: all 0.3s ease-out;
}
.landing-page__content__pricing--item--footer--button[data-v-cd2764fc]:hover {
  color: #ffffff;
  background-color: #3f484c;
}
.landing-page__content__pricing--item--footer--info[data-v-cd2764fc] {
  color: rgb(58, 58, 58);
  font-family: "Source Sans Pro", sans-serif;
  font-style: italic;
  margin: 15px 30px 0px 30px;
  font-size: 13px;
  line-height: 1.4;
}
.landing-page__content__pricing--item--footer--info i[data-v-cd2764fc] {
  font-size: 13px;
  line-height: 1.4;
  font-family: "Source Sans Pro", sans-serif;
}
.landing-page__content[data-v-71bc69f9] {
  background-color: #bcbfc1;
}
.landing-page__content__cal-for-a-demo[data-v-71bc69f9] {
  background-color: #ffd73a;
}
.landing-page__content__pricing--item[data-v-71bc69f9] {
  margin: 10px;
}
.landing-page__content__pricing--item--header[data-v-71bc69f9] {
  padding: 20px 0;
  background-color: #000000;
}
.landing-page__content__pricing--item--header--title[data-v-71bc69f9] {
  font-family: "Montserrat", sans-serif;
  text-transform: inherit;
  line-height: 1.2;
  font-size: 24px;
  font-weight: 600;
}
.landing-page__content__pricing--item--header--desc[data-v-71bc69f9] {
  font-size: 13px;
  font-weight: 400;
  font-family: "Source Sans Pro", sans-serif;
}
.landing-page__content__pricing--item--header p[data-v-71bc69f9] {
  color: #ffffff;
}
.landing-page__content__pricing--item--content[data-v-71bc69f9] {
  background-color: #ffffff;
  color: #000000;
  padding: 40px 0;
}
.landing-page__content__pricing--item--content--price--сurrency[data-v-71bc69f9] {
  margin-right: 3px;
  line-height: 1;
  font-size: 19.5px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 800;
}
.landing-page__content__pricing--item--content--price--quantity[data-v-71bc69f9] {
  font-size: 65px;
  font-weight: 800;
  line-height: 52px;
  font-family: "Source Sans Pro", sans-serif;
}
.landing-page__content__pricing--item--content--period[data-v-71bc69f9] {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.landing-page__content__pricing--item--features[data-v-71bc69f9] {
  background-color: #ffffff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.landing-page__content__pricing--item--features span[data-v-71bc69f9] {
  line-height: 18px;
}
.landing-page__content__pricing--item--footer[data-v-71bc69f9] {
  background-color: #ffffff;
  color: #000000;
  padding: 30px 0;
}
.landing-page__content__pricing--item--footer--button[data-v-71bc69f9] {
  cursor: pointer;
  padding: 15px;
  color: #3f484c;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #ffd73a;
  border-radius: 4px;
  font-family: "Source Sans Pro", sans-serif;
  transition: all 0.3s ease-out;
}
.landing-page__content__pricing--item--footer--button[data-v-71bc69f9]:hover {
  color: #ffffff;
  background-color: #3f484c;
}
.landing-page__content__pricing--item--footer--info[data-v-71bc69f9] {
  color: rgb(58, 58, 58);
  font-family: "Source Sans Pro", sans-serif;
  font-style: italic;
  margin: 15px 30px 0px 30px;
  font-size: 13px;
  line-height: 1.4;
}
.landing-page__content__pricing--item--footer--info i[data-v-71bc69f9] {
  font-size: 13px;
  line-height: 1.4;
  font-family: "Source Sans Pro", sans-serif;
}
.landing-page__content__header[data-v-71bc69f9] {
  padding: 40px 0;
}
.landing-page__content__header--title[data-v-71bc69f9] {
  padding: 64px 0 40px 0;
}
.landing-page__content__header--title h4[data-v-71bc69f9] {
  color: #000000;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 60px;
  font-weight: 800;
  text-transform: uppercase;
}
.landing-page__content__header--desc[data-v-71bc69f9] {
  text-align: center;
  color: #000000;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 2em;
}
.landing-page__header[data-v-71bc69f9] {
  height: 64px;
  background-color: #3f484c;
}
.landing-page__header-logo[data-v-71bc69f9] {
  width: 250px;
}
.landing-page__header--box[data-v-71bc69f9] {
  max-width: 1250px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: center;
}
.landing-page__header--links a[data-v-71bc69f9] {
  color: #ffffff;
  fill: #ffffff;
  padding: 8px 20px;
  border: 1px solid #ffffff;
  border-radius: 11px;
  text-decoration: none;
  transition: all 0.3s;
}
.landing-page__header--links a[data-v-71bc69f9]:hover {
  background-color: #ffffff;
  color: #232323;
  transition: all 0.3s;
}
.landing-page__sections__main[data-v-71bc69f9] {
  display: flex;
  max-width: 1140px;
  min-height: 500px;
  margin: 0 auto;
}
.landing-page__sections__main-information[data-v-71bc69f9] {
  width: 50%;
  margin: 50px 0 0 0;
  padding: 0 10% 0 0;
}
.landing-page__sections__main-information h1[data-v-71bc69f9] {
  color: #000000;
  font-size: 65px;
  font-weight: 800;
  line-height: 1em;
  letter-spacing: 0px;
  margin-bottom: 40px;
}
.landing-page__sections__main-information p[data-v-71bc69f9] {
  text-align: left;
  color: #000000;
  font-family: "Source Sans Pro", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.8em;
  margin-bottom: 1.6em;
}
.landing-page__sections__main-image[data-v-71bc69f9] {
  width: 50%;
  padding: 120px 0 0 0;
}/*
!** EDIT PROJECT PAGE **!
@media only screen and (min-width: 1024px) {
    .project-models {

        &__item {
            width: 258px !important;
        }
    }
}
@media only screen and (min-width: 1366px) {

    .models__item-header {

        &--text {
            font-size: 16px !important;
        }

        &--actions {
            zoom: 0.8;
            padding-top: 3px;
        }
    }

    .project-models {

        &__item {
            width: 275px !important;
        }

        &__point span {
            font-size: 12px;
        }
    }
}

@media only screen and (min-width: 1440px) {
    .project-models {

        &__item {
            width: 190px !important;
        }
    }

    .models__item-header {

        &--text {
            font-size: 24px !important;
        }
    }
}

@media (min-width:1441px) and (max-width: 3642px) {

    .models__item-header {

        &--actions {
            zoom: 1.2 !important;
            margin-top: -3px;
        }
    }

    .project-models {

        &__item {
            width: 269px !important;
        }

        &__point span {
            //font-size: 14px;
        }
    }

    .models__item-header {

        &--text {
            font-size: 24px !important;
        }

        &--actions {
            zoom: 1;
            padding-top: 3px;
        }
    }
}
*/.vue-universal-modal-leave-from,.vue-universal-modal-enter-to{opacity:1}.vue-universal-modal-enter-from,.vue-universal-modal-leave-to{opacity:0}.vue-universal-modal{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:fixed;overflow-y:auto;left:0;top:0;right:0;bottom:0;background-color:#000c;text-align:left}.vue-universal-modal:not(.vue-universal-modal-latest){background:none}.vue-universal-modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100%}
.dp__input_wrap {
  position: relative;
  width: 100%;
  box-sizing: unset;
}
.dp__input_wrap:focus {
  border-color: var(--dp-border-color-hover);
  outline: none;
}
.dp__input {
  background-color: var(--dp-background-color);
  border-radius: 4px;
  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  border: 1px solid var(--dp-border-color);
  outline: none;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 6px 12px;
  color: var(--dp-text-color);
  box-sizing: border-box;
}
.dp__input::-moz-placeholder {
  opacity: 0.7;
}
.dp__input::placeholder {
  opacity: 0.7;
}
.dp__input:hover {
  border-color: var(--dp-border-color-hover);
}
.dp__input_reg {
  caret-color: transparent;
}
.dp__input_focus {
  border-color: var(--dp-border-color-hover);
}
.dp__disabled {
  background: var(--dp-disabled-color);
}
.dp__disabled::-moz-placeholder {
  color: var(--dp-disabled-color-text);
}
.dp__disabled::placeholder {
  color: var(--dp-disabled-color-text);
}
.dp__input_icons {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  stroke-width: 0;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 6px 12px;
  color: var(--dp-icon-color);
  box-sizing: content-box;
}
.dp__input_icon {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: var(--dp-icon-color);
}
.dp__clear_icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  cursor: pointer;
  color: var(--dp-icon-color);
}
.dp__input_icon_pad {
  padding-left: 35px;
}
.dp__input_valid {
  box-shadow: 0 0 4px var(--dp-success-color);
  border-color: var(--dp-success-color);
}
.dp__input_valid:hover {
  border-color: var(--dp-success-color);
}
.dp__input_invalid {
  box-shadow: 0 0 4px var(--dp-danger-color);
  border-color: var(--dp-danger-color);
}
.dp__input_invalid:hover {
  border-color: var(--dp-danger-color);
}
.dp__menu {
  position: absolute;
  background: var(--dp-background-color);
  border-radius: 4px;
  min-width: 260px;
  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid var(--dp-menu-border-color);
  box-sizing: border-box;
}
.dp__menu::after {
  box-sizing: border-box;
}
.dp__menu::before {
  box-sizing: border-box;
}
.dp__menu:focus {
  border: 1px solid var(--dp-menu-border-color);
  outline: none;
}
.dp__menu_index {
  z-index: 99999;
}
.dp__menu_readonly, .dp__menu_disabled {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.dp__menu_disabled {
  background: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}
.dp__menu_readonly {
  background: transparent;
  cursor: default;
}
.dp__arrow_top {
  left: 50%;
  top: -1px;
  height: 12px;
  width: 12px;
  background-color: var(--dp-background-color);
  position: absolute;
  border-left: 1px solid var(--dp-menu-border-color);
  border-top: 1px solid var(--dp-menu-border-color);
  transform: translate(-50%, -50%) rotate(45deg);
}
.dp__arrow_bottom {
  left: 50%;
  bottom: -1px;
  height: 12px;
  width: 12px;
  background-color: var(--dp-background-color);
  position: absolute;
  border-right: 1px solid var(--dp-menu-border-color);
  border-bottom: 1px solid var(--dp-menu-border-color);
  transform: translate(-50%, 50%) rotate(45deg);
}
.dp__now_wrap {
  text-align: center;
  padding: 2px 0;
}
.dp__now_button {
  border: 1px solid var(--dp-primary-color);
  color: var(--dp-primary-color);
  padding: 0 4px;
  font-weight: bold;
  border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
  background: transparent;
}
.dp__preset_ranges {
  padding: 5px;
  border-right: 1px solid var(--dp-border-color);
}
.dp__sidebar_left {
  padding: 5px;
  border-right: 1px solid var(--dp-border-color);
}
.dp__sidebar_right {
  padding: 5px;
  border-left: 1px solid var(--dp-border-color);
}
.dp__preset_range {
  padding: 5px;
}
.dp__preset_range:hover {
  background-color: var(--dp-hover-color);
  cursor: pointer;
}
.dp__menu_content_wrapper {
  display: flex;
}
.dp__calendar_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  flex: 0;
}
.dp__calendar_header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--dp-text-color);
  white-space: nowrap;
  font-weight: bold;
}
.dp__calendar_header_item {
  text-align: center;
  flex-grow: 1;
  height: 35px;
  padding: 5px;
  width: 35px;
  box-sizing: border-box;
}
.dp__calendar_row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px 0;
}
.dp__calendar_item {
  text-align: center;
  flex-grow: 1;
  box-sizing: border-box;
  color: var(--dp-text-color);
}
.dp__calendar {
  position: relative;
}
.dp__calendar_header_cell {
  border-bottom: thin solid var(--dp-border-color);
  padding: 0.5rem;
}
.dp__cell_inner {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-radius: 4px;
  height: 35px;
  padding: 5px;
  width: 35px;
  border: 1px solid transparent;
  box-sizing: border-box;
  position: relative;
}
.dp__cell_auto_range_start, .dp__date_hover_start:hover, .dp__range_start {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.dp__cell_auto_range_end, .dp__date_hover_end:hover, .dp__range_end {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.dp__range_end, .dp__range_start, .dp__active_date {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}
.dp__cell_auto_range_end, .dp__cell_auto_range_start {
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
}
.dp__date_hover_end:hover, .dp__date_hover_start:hover, .dp__date_hover:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}
.dp__cell_offset {
  color: var(--dp-secondary-color);
}
.dp__cell_disabled {
  color: var(--dp-secondary-color);
  cursor: not-allowed;
}
.dp__range_between {
  background: var(--dp-hover-color);
  border-radius: 0;
  border-top: 1px solid var(--dp-hover-color);
  border-bottom: 1px solid var(--dp-hover-color);
}
.dp__range_between_week {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
  border-radius: 0;
  border-top: 1px solid var(--dp-primary-color);
  border-bottom: 1px solid var(--dp-primary-color);
}
.dp__today {
  border: 1px solid var(--dp-primary-color);
}
.dp__week_num {
  color: var(--dp-secondary-color);
  text-align: center;
}
.dp__cell_auto_range {
  border-radius: 0;
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
}
.dp__cell_auto_range_start {
  border-left: 1px dashed var(--dp-primary-color);
}
.dp__cell_auto_range_end {
  border-right: 1px dashed var(--dp-primary-color);
}
.dp__calendar_header_separator {
  width: 100%;
  height: 1px;
  background: var(--dp-border-color);
}
.dp__calendar_next {
  margin-left: 10px;
}
.dp__marker_line, .dp__marker_dot {
  height: 5px;
  background-color: var(--dp-marker-color);
  position: absolute;
  bottom: 0;
}
.dp__marker_dot {
  width: 5px;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
}
.dp__marker_line {
  width: 100%;
  left: 0;
}
.dp__marker_tooltip {
  position: absolute;
  border-radius: 4px;
  background-color: var(--dp-tooltip-color);
  padding: 5px;
  border: 1px solid var(--dp-border-color);
  z-index: 99999;
  box-sizing: border-box;
  cursor: default;
}
.dp__tooltip_content {
  white-space: nowrap;
}
.dp__tooltip_text {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  color: var(--dp-text-color);
}
.dp__tooltip_mark {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: var(--dp-text-color);
  color: var(--dp-text-color);
  margin-right: 5px;
}
.dp__arrow_bottom_tp {
  left: 50%;
  bottom: 0;
  height: 8px;
  width: 8px;
  background-color: var(--dp-tooltip-color);
  position: absolute;
  border-right: 1px solid var(--dp-border-color);
  border-bottom: 1px solid var(--dp-border-color);
  transform: translate(-50%, 50%) rotate(45deg);
}
.dp__instance_calendar {
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .dp__flex_display {
    flex-direction: column;
  }
}
.dp__cell_highlight {
  background-color: var(--dp-highlight-color);
}
.dp__month_year_row {
  display: flex;
  align-items: center;
  height: 35px;
  color: var(--dp-text-color);
  box-sizing: border-box;
}
.dp__inner_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 25px;
  width: 25px;
  color: var(--dp-icon-color);
  text-align: center;
  border-radius: 50%;
}
.dp__inner_nav svg {
  height: 20px;
  width: 20px;
}
.dp__inner_nav:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}
.dp__inner_nav_disabled:hover, .dp__inner_nav_disabled {
  background: var(--dp-disabled-color);
  color: var(--dp-disabled-color-text);
  cursor: not-allowed;
}
.dp__month_year_select {
  width: 50%;
  text-align: center;
  cursor: pointer;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  box-sizing: border-box;
}
.dp__month_year_select:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}
.dp__month_year_wrap {
  display: flex;
  width: 100%;
}
.dp__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--dp-background-color);
  top: 0;
  left: 0;
  transition: opacity 1s ease-out;
  z-index: 99999;
  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: var(--dp-text-color);
  box-sizing: border-box;
}
.dp__overlay_container::-webkit-scrollbar-track {
  box-shadow: var(--dp-scroll-bar-background);
  background-color: var(--dp-scroll-bar-background);
}
.dp__overlay_container::-webkit-scrollbar {
  width: 5px;
  background-color: var(--dp-scroll-bar-background);
}
.dp__overlay_container::-webkit-scrollbar-thumb {
  background-color: var(--dp-scroll-bar-color);
  border-radius: 10px;
}
.dp__overlay:focus {
  border: none;
  outline: none;
}
.dp__container_flex {
  display: flex;
}
.dp__container_block {
  display: block;
}
.dp__overlay_container {
  flex-direction: column;
  overflow-y: auto;
}
.dp__time_picker_overlay_container {
  height: 100%;
}
.dp__overlay_row {
  padding: 0;
  box-sizing: border-box;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%;
  align-items: center;
}
.dp__overlay_container > .dp__overlay_row {
  flex: 1;
}
.dp__overlay_col {
  box-sizing: border-box;
  width: 33%;
  padding: 3px;
  white-space: nowrap;
}
.dp__overlay_cell_pad {
  padding: 10px 0;
}
.dp__overlay_cell_active {
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}
.dp__overlay_cell {
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
}
.dp__overlay_cell:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}
.dp__cell_in_between {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}
.dp__overlay_action {
  position: sticky;
  bottom: 0;
  background: #fff;
}
.dp__over_action_scroll {
  right: 5px;
  box-sizing: border-box;
}
.dp__overlay_cell_disabled {
  cursor: not-allowed;
  background: var(--dp-disabled-color);
}
.dp__overlay_cell_disabled:hover {
  background: var(--dp-disabled-color);
}
.dp__overlay_cell_active_disabled {
  cursor: not-allowed;
  background: var(--dp-primary-disabled-color);
}
.dp__overlay_cell_active_disabled:hover {
  background: var(--dp-primary-disabled-color);
}
.dp__month_picker_header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: 35px;
}
.dp__time_input {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: var(--dp-text-color);
}
.dp__time_col_reg {
  padding: 0 20px;
}
.dp__time_col_reg_with_button {
  padding: 0 15px;
}
.dp__time_col_sec {
  padding: 0 10px;
}
.dp__time_col_sec_with_button {
  padding: 0 5px;
}
.dp__time_col {
  font-size: 2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.dp__time_display {
  cursor: pointer;
  color: var(--dp-text-color);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
}
.dp__time_display:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}
.dp__inc_dec_button {
  padding: 5px;
  margin: 0;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  color: var(--dp-icon-color);
  box-sizing: border-box;
}
.dp__inc_dec_button svg {
  height: 32px;
  width: 32px;
}
.dp__inc_dec_button:hover {
  background: var(--dp-hover-color);
  color: var(--dp-primary-color);
}
.dp__inc_dec_button_disabled:hover, .dp__inc_dec_button_disabled {
  background: var(--dp-disabled-color);
  color: var(--dp-disabled-color-text);
  cursor: not-allowed;
}
.dp__pm_am_button {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
  border: none;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
}
.dp__action_row {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  color: var(--dp-text-color);
  background: var(--dp-background-color);
}
.dp__action_row svg {
  height: 20px;
  width: auto;
}
.dp__selection_preview {
  width: 50%;
  color: var(--dp-text-color);
  font-size: 0.8rem;
}
.dp__action_buttons {
  width: 50%;
  text-align: right;
}
.dp__action {
  font-weight: bold;
  cursor: pointer;
  padding: 2px 5px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
}
.dp__select {
  color: var(--dp-success-color);
}
.dp__action_disabled {
  color: var(--dp-success-color-disabled);
  cursor: not-allowed;
}
.dp__cancel {
  color: var(--dp-secondary-color);
}
.dp__theme_dark {
  --dp-background-color: #212121;
  --dp-text-color: #fff;
  --dp-hover-color: #484848;
  --dp-hover-text-color: #fff;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #005cb2;
  --dp-primary-disabled-color: #61a8ea;
  --dp-primary-text-color: #fff;
  --dp-secondary-color: #a9a9a9;
  --dp-border-color: #2d2d2d;
  --dp-menu-border-color: #2d2d2d;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #737373;
  --dp-disabled-color-text: #d0d0d0;
  --dp-scroll-bar-background: #212121;
  --dp-scroll-bar-color: #484848;
  --dp-success-color: #00701a;
  --dp-success-color-disabled: #428f59;
  --dp-icon-color: #959595;
  --dp-danger-color: #e53935;
  --dp-marker-color: #e53935;
  --dp-tooltip-color: #3e3e3e;
  --dp-highlight-color: rgb(0 92 178 / 20%);
}
.dp__theme_light {
  --dp-background-color: #fff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #1976d2;
  --dp-primary-disabled-color: #6bacea;
  --dp-primary-text-color: #f8f5f5;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: #ddd;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-marker-color: #ff6f60;
  --dp-tooltip-color: #fafafa;
  --dp-disabled-color-text: #8e8e8e;
  --dp-highlight-color: rgb(25 118 210 / 10%);
}
.dp__main {
  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
}
.dp__pointer {
  cursor: pointer;
}
.dp__icon {
  stroke: currentcolor;
  fill: currentcolor;
}
.dp__button {
  width: 100%;
  text-align: center;
  color: var(--dp-icon-color);
  background: var(--dp-background-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
  height: 35px;
}
.dp__button:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}
.dp__button svg {
  height: 20px;
  width: auto;
}
.dp__button_bottom {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.dp__flex_display {
  display: flex;
}
.dp__flex_display_with_input {
  flex-direction: column;
  align-items: start;
}
.dp__relative {
  position: relative;
}
.calendar-next-enter-active,
.calendar-next-leave-active,
.calendar-prev-enter-active,
.calendar-prev-leave-active {
  transition: all 0.1s ease-out;
}
.calendar-next-enter-from {
  opacity: 0;
  transform: translateX(22px);
}
.calendar-next-leave-to {
  opacity: 0;
  transform: translateX(-22px);
}
.calendar-prev-enter-from {
  opacity: 0;
  transform: translateX(-22px);
}
.calendar-prev-leave-to {
  opacity: 0;
  transform: translateX(22px);
}
.dp-menu-appear-enter-active,
.dp-menu-appear-leave-active,
.dp-slide-up-enter-active,
.dp-slide-up-leave-active,
.dp-slide-down-enter-active,
.dp-slide-down-leave-active {
  transition: all 0.1s ease-out;
}
.dp-slide-down-leave-to,
.dp-slide-up-enter-from {
  opacity: 0;
  transform: translateY(22px);
}
.dp-slide-down-enter-from,
.dp-slide-up-leave-to {
  opacity: 0;
  transform: translateY(-22px);
}
.dp-menu-appear-enter-from {
  opacity: 0;
}
.dp-menu-appear-enter-active,
.dp-menu-appear-leave-active {
  transition: opacity 0.1s ease;
}
.dp-menu-appear-leave-to {
  opacity: 1;
}.org-tree-container{display:inline-block;padding:15px;background-color:#fff}.org-tree{display:table;text-align:center}.org-tree:after,.org-tree:before{content:"";display:table}.org-tree:after{clear:both}.org-tree-node,.org-tree-node-children{position:relative;margin:0;padding:0;list-style-type:none}.org-tree-node-children:after,.org-tree-node-children:before,.org-tree-node:after,.org-tree-node:before{-webkit-transition:all .35s;transition:all .35s}.org-tree-node-label{position:relative;display:inline-block}.org-tree-node-label .org-tree-node-label-inner{padding:10px 15px;text-align:center;border-radius:3px;box-shadow:0 1px 5px rgba(0,0,0,.15)}.org-tree-node-btn{position:absolute;top:100%;left:50%;width:20px;height:20px;z-index:10;margin-left:-11px;margin-top:9px;background-color:#fff;border:1px solid #ccc;border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.15);cursor:pointer;-webkit-transition:all .35s ease;transition:all .35s ease}.org-tree-node-btn:hover{background-color:#e7e8e9;-webkit-transform:scale(1.15);transform:scale(1.15)}.org-tree-node-btn:after,.org-tree-node-btn:before{content:"";position:absolute}.org-tree-node-btn:before{top:50%;left:4px;right:4px;height:0;border-top:1px solid #ccc}.org-tree-node-btn:after{top:4px;left:50%;bottom:4px;width:0;border-left:1px solid #ccc}.org-tree-node-btn.expanded:after{border:none}.org-tree-node{padding-top:20px;display:table-cell;vertical-align:top}.org-tree-node.collapsed,.org-tree-node.is-leaf{padding-left:10px;padding-right:10px}.org-tree-node:after,.org-tree-node:before{content:"";position:absolute;top:0;left:0;width:50%;height:19px}.org-tree-node:after{left:50%;border-left:1px solid #ddd}.org-tree-node:not(:first-child):before,.org-tree-node:not(:last-child):after{border-top:1px solid #ddd}.collapsable .org-tree-node.collapsed{padding-bottom:30px}.collapsable .org-tree-node.collapsed .org-tree-node-label:after{content:"";position:absolute;top:100%;left:0;width:50%;height:20px;border-right:1px solid #ddd}.org-tree>.org-tree-node{padding-top:0}.org-tree>.org-tree-node:after{border-left:0}.org-tree-node-children{padding-top:20px}.org-tree-node-children:before{content:"";position:absolute;top:0;left:50%;width:0;height:20px;border-left:1px solid #ddd}.org-tree-node-children:after{content:"";display:table;clear:both}.horizontal .org-tree-node{display:table-cell;float:none;padding-top:0;padding-left:20px}.horizontal .org-tree-node.collapsed,.horizontal .org-tree-node.is-leaf{padding-top:10px;padding-bottom:10px}.horizontal .org-tree-node:after,.horizontal .org-tree-node:before{width:19px;height:50%}.horizontal .org-tree-node:after{top:50%;left:0;border-left:0}.horizontal .org-tree-node:only-child:before{top:1px;border-bottom:1px solid #ddd}.horizontal .org-tree-node:not(:first-child):before,.horizontal .org-tree-node:not(:last-child):after{border-top:0;border-left:1px solid #ddd}.horizontal .org-tree-node:not(:only-child):after{border-top:1px solid #ddd}.horizontal .org-tree-node .org-tree-node-inner{display:table}.horizontal .org-tree-node-label{display:table-cell;vertical-align:middle}.horizontal.collapsable .org-tree-node.collapsed{padding-right:30px}.horizontal.collapsable .org-tree-node.collapsed .org-tree-node-label:after{top:0;left:100%;width:20px;height:50%;border-right:0;border-bottom:1px solid #ddd}.horizontal .org-tree-node-btn{top:50%;left:100%;margin-top:-11px;margin-left:9px}.horizontal>.org-tree-node:only-child:before{border-bottom:0}.horizontal .org-tree-node-children{display:table-cell;padding-top:0;padding-left:20px}.horizontal .org-tree-node-children:before{top:50%;left:0;width:20px;height:0;border-left:0;border-top:1px solid #ddd}.horizontal .org-tree-node-children:after{display:none}.horizontal .org-tree-node-children>.org-tree-node{display:block}.expand-enter-active,.expand-leave-active{-webkit-transition:height .2s ease;transition:height .2s ease;overflow:hidden}.expand-enter,.expand-leave-to{height:0}