/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/b6110db8-b8c7-4861-a810-46dab4c26e94.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/17b34a36-bf0a-40dc-b75f-f26d7c78a528.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/ac65d154-ca8c-4a48-97b7-c8cfce11314c.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/20873f90-77fc-4b24-aa77-41532819d800.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/e63d121c-ea40-4cad-9a71-c2bfa6c087b7.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/3aeeb938-6694-40ad-adc7-5a723aa6174b.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/69f6b8ee-1f4a-402b-b89b-e3e1aa34d480.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/44c2d118-c95b-4988-b6b5-0e3afe8921f5.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/23284eae-2a1b-4e6e-b72f-f5eb39f6edd6.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/838dac86-c948-4cdf-b6b8-74cf9c1820d8.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/f2a4b688-c6a3-480e-8557-37920723b9b5.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/e426d592-72fc-4a9f-b3ee-f108b96c8e54.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/687c1e6e-faf2-44b3-8305-3dd9c121f3de.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/96be5e00-9c2c-4173-88e7-f5d03a72ab11.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/0601765e-802d-48a4-a3eb-66e7ac50c203.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/ce11d71c-784f-4908-9a97-b9e05fe4e147.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/b3d2f925-679a-4bbe-b4b3-ed62998f9e76.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/7d887ca3-375e-4849-a8a0-4519c0d7feb5.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/74e30740-60d2-407a-85e8-14f76c7419d0.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/6ac85e5b-e587-41b8-b741-965a7e9f59d6.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/430bf637-bf0c-4fde-8623-184970ab4805.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/c89c6efe-4e06-4ebe-a3dc-8ea81a4692b7.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/62cc3fcf-1594-4be0-83d9-bfbb15ef1158.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/160f5bdd-355d-4212-91f5-2b6c7b41938f.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/f5e4cd90-0ecb-43ce-8c19-9a3672a57922.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/68e8381b-62af-4318-91b5-4418f7ea4910.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/a87e2c33-1cf4-4a7a-9c78-09bc079d8c9e.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/721d4946-5c37-4b8c-91e4-cbccd8aafca6.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/455ae0a3-2f66-40d9-a64c-525f17c012dd.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/d31c248b-2ace-4249-bec8-05c591dd4bf9.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/eaf9ca63-ca91-4860-89fe-211f67070875.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/de0885ae-c4ed-4d7e-be35-da0cfb491523.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/eaf80d3c-714f-43a2-b0e9-f4616c28e3b3.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/08b139e7-47e8-4536-894d-517a868269a5.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/cf022b8d-0366-42ec-b487-973462bcef35.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/c805c27b-b730-4167-a9b0-6af3b0444120.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/4fd5735e-bb73-4b70-96a5-6913fd887bdb.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/de0885ae-c4ed-4d7e-be35-da0cfb491523.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/eaf80d3c-714f-43a2-b0e9-f4616c28e3b3.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/08b139e7-47e8-4536-894d-517a868269a5.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/cf022b8d-0366-42ec-b487-973462bcef35.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/c805c27b-b730-4167-a9b0-6af3b0444120.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/4fd5735e-bb73-4b70-96a5-6913fd887bdb.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/de0885ae-c4ed-4d7e-be35-da0cfb491523.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/eaf80d3c-714f-43a2-b0e9-f4616c28e3b3.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/08b139e7-47e8-4536-894d-517a868269a5.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/cf022b8d-0366-42ec-b487-973462bcef35.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/c805c27b-b730-4167-a9b0-6af3b0444120.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/4fd5735e-bb73-4b70-96a5-6913fd887bdb.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/de0885ae-c4ed-4d7e-be35-da0cfb491523.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/eaf80d3c-714f-43a2-b0e9-f4616c28e3b3.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/08b139e7-47e8-4536-894d-517a868269a5.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/cf022b8d-0366-42ec-b487-973462bcef35.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/c805c27b-b730-4167-a9b0-6af3b0444120.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/4fd5735e-bb73-4b70-96a5-6913fd887bdb.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root{
 --bg:#F4F6F4; --panel:#fff; --ink:#0F1A20; --ink2:#33404A; --ink3:#65717A;
 --line:#E3E7E4; --line2:#EEF1EE;
 --ink2b:#2C3841;
 --jade:#136B5C; --jade2:#0C4A3F; --jadet:#E2EFEB; --live:#18A67F;
 --ox:#A8324A; --oxt:#FAE8EB; --oxd:#83263A;
 --indigo:#37507E; --indigot:#E8ECF4;
 --moss:#4F7D57; --mosst:#E8F0E9;
 --dust:#8C8375;
 --oc-teal:#14776A; --oc-navy:#2C3F6B; --oc-sage:#7C9A73; --oc-plum:#7A5B78; --oc-burg:#7C2333; --oc-mist:#8FA6AE;
 --sb:#0D1A1E; --sb2:#16282D;
 --d:"Manrope",sans-serif; --b:"Manrope",sans-serif; --m:"IBM Plex Mono",monospace;
 --r:10px;
 --sh:0 1px 2px rgba(15,26,32,.05),0 1px 3px rgba(15,26,32,.04);
 --sh2:0 4px 16px rgba(15,26,32,.07),0 1px 3px rgba(15,26,32,.05);
}
html[dir=rtl]{--b:"IBM Plex Sans Arabic",sans-serif;--d:"IBM Plex Sans Arabic",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--b);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--d);margin:0;font-weight:600;letter-spacing:-.015em}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--jade);outline-offset:2px}
.num{font-family:var(--b);font-variant-numeric:tabular-nums;font-variant-numeric:tabular-nums}
.lbl{font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--ink3)}
html[dir=rtl] .lbl{letter-spacing:0}

/* ---------- shell: top masthead + tab bar ---------- */
.mast{background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.mtop{max-width:1400px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:16px;height:60px;flex-wrap:nowrap}
.brand{display:flex;align-items:baseline;gap:10px;flex:0 0 auto;min-width:max-content}
.brand .n{font-family:var(--d);font-size:19px;font-weight:700;letter-spacing:-.02em}
.brand .n b{color:var(--jade)}
.brand .s{font-size:11.5px;color:var(--ink3);letter-spacing:.02em;padding-inline-start:11px;border-inline-start:1px solid var(--line);white-space:nowrap;line-height:1.2}
html[dir=rtl] .brand .s{letter-spacing:0}
.srch{flex:0 1 300px;position:relative;margin-inline-start:12px;display:flex;align-items:center}
.srch input{width:100%;padding:8px 13px 8px 34px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-family:inherit;font-size:13px}
html[dir=rtl] .srch input{padding:8px 34px 8px 13px}
.srch svg{position:absolute;inset-inline-start:11px;opacity:.4;pointer-events:none}
.mtop .right{display:flex;align-items:center;gap:11px;margin-inline-start:auto;flex-shrink:0}
.seg{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:2px}
.seg button{border:none;background:none;padding:6px 12px;font-size:13px;font-weight:500;color:var(--ink2);cursor:pointer;border-radius:6px}
.seg button.on{background:var(--panel);color:var(--ink);font-weight:600;letter-spacing:0;box-shadow:var(--sh)}
.livepill{display:flex;align-items:center;gap:8px;background:#0F2A2F;color:#fff;border-radius:20px;padding:5px 13px 5px 11px;font-size:12px;white-space:nowrap}
html[dir=rtl] .livepill{padding:5px 11px 5px 13px}
.livepill .n2{font-family:var(--b);font-variant-numeric:tabular-nums;font-weight:600;color:#7FE3C4}
.av{width:30px;height:30px;border-radius:50%;background:var(--jade);color:#fff;display:grid;place-items:center;font-size:11.5px;font-weight:600;flex-shrink:0}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 0 rgba(24,166,127,.7);animation:pl 2.2s infinite;flex-shrink:0}
@keyframes pl{0%{box-shadow:0 0 0 0 rgba(24,166,127,.6)}70%{box-shadow:0 0 0 7px rgba(24,166,127,0)}100%{box-shadow:0 0 0 0 rgba(24,166,127,0)}}
@media(prefers-reduced-motion:reduce){.pulse{animation:none}}

.tabsbar{border-top:1px solid var(--line2);background:var(--panel)}
.tabs{max-width:1400px;margin:0 auto;padding:0 28px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{display:flex;align-items:center;gap:8px;border:none;background:none;color:var(--ink2);padding:12px 14px 11px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;position:relative}
.tabs button:hover{color:var(--ink);background:#FAFBFA}
.tabs button.on{color:var(--jade2);font-weight:600;border-bottom-color:var(--jade)}
.tabs .ic{width:16px;height:16px;flex:0 0 16px;opacity:.75;display:block}
.tabs button.on .ic{opacity:1}
.tabs .badge{background:var(--ox);color:#fff;font-family:var(--b);font-variant-numeric:tabular-nums;font-size:11px;padding:1px 6px;border-radius:20px}
.tabs .div{width:1px;background:var(--line);margin:9px 10px;flex-shrink:0}
.wrap{max-width:1400px;margin:0 auto;padding:24px 28px 64px}

/* ---------- page head ---------- */
.ph{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:24px;flex-wrap:wrap}
.ph h1{font-size:28px;line-height:1.2}
.ph .sub{color:var(--ink3);font-size:13px;margin-top:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:500;line-height:1.35;cursor:pointer;white-space:nowrap}
.btn-p{background:var(--jade);color:#fff}.btn-p:hover{background:var(--jade2)}
.btn-q{background:var(--panel);border-color:var(--line);color:var(--ink)}.btn-q:hover{background:var(--bg)}
.btn-d{background:var(--oxt);color:var(--oxd);border-color:#EFD3D9}
.btn-s{padding:6px 12px;font-size:13px}

/* ---------- cards ---------- */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.card-h{padding:14px 18px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;align-items:center;gap:8px 16px;flex-wrap:wrap}
.card-h h3{font-size:17px;line-height:1.3}
.card-h .cn{font-size:13px;color:var(--ink3);margin-top:4px;line-height:1.45}
.card-b{padding:16px 18px}

/* ---------- LIVE agent strip ---------- */
.live{background:linear-gradient(100deg,#0D1A1E 0%,#123039 55%,#0F2A2F 100%);border-radius:14px;color:#fff;padding:0;overflow:hidden;box-shadow:0 8px 28px rgba(13,26,30,.22);margin-bottom:24px;position:relative}
.live::after{content:"";position:absolute;inset:0;background:radial-gradient(700px 200px at 78% -30%,rgba(24,166,127,.22),transparent 70%);pointer-events:none}
.live-in{display:grid;grid-template-columns:30fr 44fr 26fr;gap:0;position:relative;z-index:1}
.live-l{padding:18px 26px;display:flex;flex-direction:column}
.live-r{padding:24px 22px;min-width:0;display:flex;flex-direction:column;border-inline-start:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.13)}
.live-tag{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;letter-spacing:.04em;color:#7FE3C4;margin-bottom:8px}
html[dir=rtl] .live-tag{letter-spacing:0}
.live h2{font-size:21px;color:#fff;line-height:1.3;max-width:30ch}
.live h2 .hl{color:var(--live)}
.live .sub2{color:#C7D8DD;font-size:13.5px;line-height:1.4;margin-top:3px;max-width:52ch}
.wave{display:flex;align-items:flex-end;gap:4px;height:22px;margin-top:12px;max-width:420px}
.wave i{flex:1;min-width:3px;max-width:5px;background:linear-gradient(180deg,#7FE3C4,#18A67F);border-radius:2px;animation:none;opacity:.85}
@keyframes wv{0%,100%{height:18%}50%{height:100%}}
@media(prefers-reduced-motion:reduce){.wave i{animation:none;height:45%}}
.live-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto;gap:4px 20px;margin-top:18px}
.live-stats>div{display:grid;grid-template-rows:subgrid;grid-row:span 2;min-width:0}
.live-stats div .v{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:23px;font-weight:700;line-height:1.15}
.live-stats div .k{font-size:13.5px;color:#C7D8DD;line-height:1.4}
.lcall{display:block;width:100%;text-align:start;font:inherit;color:inherit;background:none;border:none;
 border-bottom:1px solid rgba(255,255,255,.08);padding:9px 10px;margin:0 -10px;border-radius:8px;cursor:pointer;
 transition:background .15s ease}
.lcall:hover,.lcall:focus-visible{background:rgba(255,255,255,.06);outline:none}
.lcall:focus-visible{box-shadow:0 0 0 2px #7FE3C4}
.lcall:last-child{border-bottom:none}
.lcall .r1{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.lcall .r2{display:block}
.lcall .nm{font-weight:600;font-size:14px}
.lcall .tm{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:13px;color:#8FEBCE}
.lcall .r2{font-size:13.5px;color:#C7D8DD;line-height:1.4;margin-top:3px}
.lcall .r3{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;height:14px}
.lwave{display:flex;align-items:center;gap:2px;height:14px;flex:1;min-width:0}
.lwave i{flex:1;max-width:3px;min-width:2px;border-radius:2px;background:#4FC3A1;opacity:.75;
 animation:lwv 1.2s ease-in-out infinite;transform-origin:center}
@keyframes lwv{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
.lopen{flex:0 0 auto;font-size:12px;font-weight:600;color:#7FE3C4;opacity:0;transition:opacity .15s ease}
.lcall:hover .lopen,.lcall:focus-visible .lopen{opacity:1}
.lcount{font-weight:500;color:#8FEBCE;letter-spacing:0;text-transform:none}
@media(prefers-reduced-motion:reduce){.lwave i{animation:none;transform:scaleY(.7)}.lcall,.lopen{transition:none}}
.lidle ~ * .lwave i,.lreal:not(:has(.lcall)) .lwave i{animation:none}
.live-r .lbl{color:#C7D8DD;font-size:13px;line-height:1.4}

/* ---------- KPI ---------- */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto auto;
 gap:16px;margin-bottom:24px;background:none;border:none;border-radius:0;box-shadow:none}
.kpi{display:grid;grid-template-rows:subgrid;grid-row:span 3;padding:14px 16px;min-width:0;
 background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);
 transition:background .15s ease}
.kpi:hover,.kpi:focus-visible{background:color-mix(in oklch,var(--indigo) 4%,transparent);outline:none}
.kpi .lbl{align-self:start}
.kpi .v{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:29px;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-top:8px;align-self:end}
.kpi .foot{display:flex;align-items:baseline;gap:8px;margin-top:8px;flex-wrap:wrap;align-self:start}
.dl{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700;padding:0}
.dl.up{color:var(--moss)}
.dl.dn{color:var(--oxd)}
.dl.flat{color:var(--ink3)}
.kpi .cmp{font-size:13px;color:var(--ink3)}

/* ---------- grids ---------- */
.g2{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:24px}
.g2b{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:24px}

/* ---------- charts ---------- */
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--ink2)}
.legend i{width:9px;height:9px;border-radius:2px;display:inline-block;margin-inline-end:6px}
.brow{display:grid;grid-template-columns:136px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0}
.brow .bl{font-size:14px;color:var(--ink2)}
.brow .bt{height:18px;background:var(--line2);border-radius:4px;overflow:hidden}
.brow .bf{display:block;height:100%;border-radius:4px}
.brow .bv{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;text-align:end;color:var(--ink);min-width:72px}
.brow .bv s{text-decoration:none;color:var(--ink3);font-weight:500;font-size:12.5px;margin-inline-start:5px}
.donut{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.dlist{flex:1;min-width:150px}
.drow2{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--line2);font-size:14px}
.drow2:last-child{border-bottom:none}
.drow2 .l{display:flex;align-items:center;gap:9px;color:var(--ink2)}
.drow2 .l i{width:9px;height:9px;border-radius:2px}
.drow2 .r{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;white-space:nowrap}
.drow2 .r s{text-decoration:none;color:var(--ink3);font-weight:500;font-size:12.5px;margin-inline-start:6px}

/* ---------- escalation reasons + after hours ---------- */
.escr{padding:12px 18px;border-bottom:1px solid var(--line2)}
.escr:last-child{border-bottom:none}
.e1{display:flex;align-items:center;gap:12px}
.rk{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--ink3);width:16px;flex:0 0 16px}
.ek{font-weight:600;font-size:15px;line-height:1.35}
.ef{font-size:13px;color:var(--ink3);margin-top:3px}
.en2{display:flex;align-items:baseline;gap:7px;flex-shrink:0}
.en2 .v{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}
.ebar{height:4px;background:var(--line2);border-radius:3px;margin-top:9px;overflow:hidden}
.ebar i{display:block;height:100%;border-radius:3px}
.ahtop{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line2)}
.ahtop .v{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
.ahtop .k{font-size:13px;color:var(--ink3);margin-top:4px}
.ahsplit{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line2)}
.ahs{display:flex;flex-direction:column;gap:4px}
.ahs .n3{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700;line-height:1.2}
.ahclock{display:flex;align-items:flex-end;gap:2px;height:56px;margin-top:16px}
.ahclock i{flex:1;border-radius:2px 2px 0 0}
.ahaxis{display:flex;justify-content:space-between;font-family:var(--b);font-variant-numeric:tabular-nums;font-size:11px;color:var(--ink3);margin-top:6px}
.ahfoot{font-size:13px;color:var(--ink2);margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line2)}

/* ---------- insights ---------- */
.ins{border-inline-start:2px solid var(--line);background:var(--panel);border-radius:0;padding:2px 0 2px 16px;margin-bottom:10px;border:1px solid var(--line);border-inline-start-width:3px}
.ins:last-child{margin-bottom:0}
.ins.warn{border-inline-start-color:var(--ox);background:linear-gradient(180deg,#FEF7F8,#fff)}
.ins.good{border-inline-start-color:var(--moss);background:linear-gradient(180deg,#F6FAF6,#fff)}
.ins h4{font-size:15px;line-height:1.35;margin-bottom:4px}
.ins p{margin:0;font-size:13px;color:var(--ink2);line-height:1.5}
.ins .met{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}
.ins .act{margin-top:10px}

/* ---------- attention / follow-ups ---------- */
.frow{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--line2);cursor:pointer;background:none;border-inline:none;border-top:none;width:100%;text-align:start;font:inherit;color:inherit;padding:0}
.frow:last-child{border-bottom:none}
.frow:hover{background:#FAFBFA}
.frow .tk{width:3px;align-self:stretch;flex:0 0 3px;background:var(--ox)}
.frow.info .tk{background:transparent}
.frow .fb{padding:12px 16px;flex:1;min-width:0}
.frow .f1{margin-bottom:4px}
.frow .f1 b{font-weight:600}
.frow .f1 span{color:var(--ink2)}
.frow .f2{font-size:13px;color:var(--ink3);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.frow .due{color:var(--ink3);font-weight:500;font-family:var(--b);font-variant-numeric:tabular-nums;font-size:12px}
.frow .due.late{color:var(--ink3);font-weight:500}
.frow .fa{padding-inline-end:16px;display:flex;align-items:center;flex-shrink:0;width:22px;justify-content:flex-end;box-sizing:content-box}
.frow .odue{color:var(--oxd);font-size:12px;font-weight:600;white-space:nowrap}
.frow .chev{width:7px;height:12px;opacity:0;transition:opacity .12s ease;color:var(--ink3);display:block}
html[dir=rtl] .frow .chev{transform:scaleX(-1)}
.frow:hover .chev,.frow:focus-visible .chev{opacity:1}
.frow:focus-visible{outline:2px solid var(--jade);outline-offset:-2px;background:#FAFBFA}
.arow:focus-visible{outline:2px solid var(--jade);outline-offset:-2px;background:#F8FAF9}
.gh{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#FAFBFA;border-bottom:1px solid var(--line2)}
.gh .c{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--ink3)}

/* ---------- tables ---------- */
.tbl{width:100%;border-collapse:collapse}
.tbl th{text-align:start;padding:10px 16px;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--ink3);border-bottom:1px solid var(--line);white-space:nowrap;background:#FAFBFA}
html[dir=rtl] .tbl th{letter-spacing:0}
.tbl td{padding:11px 16px;border-bottom:1px solid var(--line2);font-size:14px;vertical-align:middle}
.tbl tbody tr:last-child td{border-bottom:none}
.tbl tbody tr{cursor:pointer}
.tbl tbody tr:hover{background:#FAFBFA}
.tbl .tm{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink2);white-space:nowrap}
.tbl .nm{font-weight:600;display:block;font-size:14px}
.tbl .id{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--ink3);white-space:nowrap}
.tag{display:inline-flex;align-items:center;gap:0;padding:0;font-size:13px;font-weight:600;line-height:1.35;white-space:nowrap;color:var(--ink2)}
.tag.g{color:var(--ink2)}
.tag.r{color:var(--oxd)}
.tag.b{color:var(--ink2)}
.tag.n{color:var(--ink3)}
.tag.cnum{font-variant-numeric:tabular-nums}
.sent{font-size:13px;color:var(--ink2);white-space:nowrap}
.sent b{color:var(--jade);font-weight:600}
.chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.chip{padding:6px 13px;border:1px solid var(--line);background:var(--panel);border-radius:20px;font-size:13px;font-weight:500;color:var(--ink2);cursor:pointer;line-height:1.35}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.srchbar{width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-family:inherit;font-size:14px;color:var(--ink);margin-bottom:16px}
.empty{padding:40px;text-align:center;color:var(--ink3);font-size:14px}

/* ---------- detail ---------- */
.back{background:none;border:none;padding:0;color:var(--jade);cursor:pointer;font:inherit;font-size:13px;font-weight:500}
.spine{height:9px;background:var(--line2);border-radius:5px;position:relative;margin:30px 0 8px}
.spine i{position:absolute;top:0;height:100%}
.spine i:first-of-type{border-radius:5px 0 0 5px}
.mk{position:absolute;bottom:calc(100% + 7px);transform:translateX(-50%);display:flex;flex-direction:column-reverse;align-items:center}
.mk .dt{width:10px;height:10px;border-radius:50%;border:2px solid #fff;margin-top:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.mk .cp{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:11px;color:var(--ink3);white-space:nowrap}
.sfoot2{display:flex;justify-content:space-between;font-family:var(--b);font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--ink3)}
.mrow{display:grid;grid-template-columns:52px 3px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line2)}
.mrow:last-child{border-bottom:none}
.mrow .mt{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--ink3)}
.mrow .mx b{display:block;font-size:14px;margin-bottom:2px}
.mrow .mx span{font-size:13px;color:var(--ink2)}
.turn{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:8px 0}
.turn .sd .lbl{font-size:11px}
.turn .sy{font-size:14px;line-height:1.5}
.turn.ag .sy{color:var(--ink2)}
mark{background:#FBF0B8;padding:0 2px}
.kv dt{margin-top:12px}
.kv dd{margin:4px 0 0;font-size:14px}
.todo{border-radius:var(--r);padding:16px 18px;border:1px solid var(--ox);border-inline-start-width:3px;background:var(--oxt)}
.todo.ok{border-color:#C6DCC9;background:var(--mosst)}
.todo h4{color:var(--oxd);font-size:16px;margin-bottom:4px}
.todo.ok h4{color:var(--moss)}
.play{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border:none;padding:9px 16px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;white-space:nowrap}

/* ---------- calendar ---------- */
.cal{overflow-x:auto;border-radius:var(--r)}
.calg{display:grid;grid-template-columns:58px repeat(6,minmax(112px,1fr));min-width:740px}
.ch{padding:10px 6px;text-align:center;border-bottom:1px solid var(--line);background:#FAFBFA}
.ch .d1{font-size:11.5px;letter-spacing:.02em;color:var(--ink3);font-weight:600}
html[dir=rtl] .ch .d1{letter-spacing:0}
.ch .d2{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:15px;margin-top:2px}
.ch.td .d2{color:var(--jade);font-weight:600}
.ct{padding:5px;font-family:var(--b);font-variant-numeric:tabular-nums;font-size:11px;color:var(--ink3);text-align:end;border-bottom:1px solid var(--line2);border-inline-end:1px solid var(--line)}
.cc{border-bottom:1px solid var(--line2);border-inline-end:1px solid var(--line2);min-height:42px;padding:3px}
.ev{display:block;width:100%;text-align:start;border:none;border-inline-start:3px solid var(--jade);background:var(--jadet);padding:4px 7px;font-size:11.5px;cursor:pointer;border-radius:4px;line-height:1.3;margin-bottom:2px}
.ev.a{border-inline-start-color:var(--ox);background:var(--oxt)}
.ev.c{border-inline-start-color:var(--ink3);background:var(--line2);text-decoration:line-through;color:var(--ink3)}
.ev b{display:block;font-weight:600}

/* ---------- knowledge ---------- */
.kb{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kbi{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:15px 18px;box-shadow:var(--sh);display:flex;flex-direction:column}
.kbi .q{font-family:var(--d);font-weight:600;font-size:16px;line-height:1.3;letter-spacing:-.01em;margin-bottom:4px}
.kbi .a{font-size:14px;color:var(--ink2);line-height:1.5}
.kbi .m2{display:flex;gap:10px;margin-top:auto;padding-top:12px;align-items:center;font-size:12.5px;color:var(--ink3);font-family:var(--b);font-variant-numeric:tabular-nums}

/* ---------- settings ---------- */
.sg{display:grid;grid-template-columns:212px 1fr;gap:20px}
.sl{list-style:none;margin:0;padding:0}
.sl button{width:100%;text-align:start;border:none;background:none;padding:9px 13px;border-radius:8px;color:var(--ink2);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit}
.sl button.on{background:var(--jadet);color:var(--jade2);font-weight:600}
.fr{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line2);gap:16px 24px}
.fr:last-child{border-bottom:none}
.fr .fl{font-weight:600;font-size:15px;line-height:1.35}
.fr .fh{color:var(--ink3);font-size:13px;margin-top:3px}
.tg{position:relative;width:38px;height:21px;background:var(--line);border:none;border-radius:20px;cursor:pointer;flex:0 0 38px;transition:background .15s}
.tg.on{background:var(--jade)}
.tg::after{content:"";position:absolute;top:2.5px;inset-inline-start:2.5px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .16s;box-shadow:var(--sh)}
.tg.on::after{transform:translateX(17px)}
html[dir=rtl] .tg.on::after{transform:translateX(-17px)}
.fr select{padding:8px 11px;border:1px solid var(--line);border-radius:7px;font-family:inherit;font-size:13.5px;color:var(--ink);background:var(--panel)}
.always{font-size:13px;font-weight:600;color:var(--ink3)}

@media(max-width:1180px){.g2,.g2b,.g3{grid-template-columns:1fr}}
@media(max-width:900px){.brand .s,.srch{display:none}.livepill{display:none}.mtop,.tabs,.wrap{padding-inline:16px}}
@media(max-width:820px){.kb,.sg{grid-template-columns:1fr}.tabs .div{display:none}}

/* ---------- appointment calendar strip + call summaries ---------- */
.chb{border:none;cursor:pointer;font:inherit;text-align:center;border-inline-end:1px solid var(--line2)}
.chb:last-child{border-inline-end:none}
.chb.sel{background:#fff;box-shadow:inset 0 -2px 0 var(--jade)}
.chb .dn2{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:11px;color:var(--ink3);margin-top:2px}
.tbl tbody tr.hi{background:#FCF7E3}
.sm2 .w{display:block}
.sm2 .a{display:block;font-size:13px;color:var(--ink3);margin-top:3px}
.sm2 .meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.aptlink{display:inline-block;font-family:var(--b);font-variant-numeric:tabular-nums;font-size:11.5px;line-height:1.5;color:var(--jade);text-decoration:none;border:1px solid var(--line);padding:2px 8px;border-radius:20px}
a{color:var(--jade)}
a:hover{color:var(--jade2)}


.vg .vd{opacity:0;transition:opacity .12s;pointer-events:none}
.vg:hover .vd{opacity:1}
.vg:hover .pk{opacity:0}
.oseg{cursor:pointer;transition:opacity .12s}
.drow2.orow{cursor:pointer;transition:background .12s}


/* ---------- clarity additions ---------- */
.ptag{font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--ink3);background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:2px 10px;white-space:nowrap}
html[dir=rtl] .ptag{letter-spacing:0}
.livenote{font-size:12px;color:#93A8AF}
.fbar{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin-bottom:16px}
.fcount{font-size:13px;color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap}
.chip.fmore{border-style:dashed}
.chip.fmore.on2{border-style:solid;border-color:var(--ink);color:var(--ink);font-weight:600}
.chips.actf{margin-bottom:16px;gap:8px}
.achip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 13px;border:1px solid var(--line);background:var(--panel);border-radius:20px;font-size:13px;line-height:1.35;color:var(--ink3)}
html[dir=rtl] .achip{padding:4px 12px 4px 6px}
.achip b{color:var(--ink);font-weight:600}
.achip button{border:none;background:var(--bg);color:var(--ink3);width:19px;height:19px;border-radius:50%;cursor:pointer;font-size:13px;line-height:1;display:grid;place-items:center}
.achip button:hover{background:var(--ink);color:#fff}
.fpanel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:16px}
.fph{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.fpg{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:16px}
.fpg label{display:flex;flex-direction:column;gap:6px}
.fsel{padding:8px 11px;border:1px solid var(--line);border-radius:7px;font-family:inherit;font-size:13.5px;background:var(--panel);color:var(--ink)}
.keyline{display:flex;gap:16px 24px;flex-wrap:wrap;font-size:13px;color:var(--ink2);margin-bottom:16px}
.keyline i{width:9px;height:9px;border-radius:2px;display:inline-block;margin-inline-end:7px}
.flash{margin:0 18px 16px;padding:10px 13px;border-radius:8px;background:var(--mosst);color:var(--moss);font-size:12.5px;font-weight:600}
.pcard .card-b{padding:14px 18px}
.ptrack{flex:1;height:8px;background:var(--line2);border-radius:5px;cursor:pointer;overflow:hidden;min-width:120px}
.ptrack i{display:block;height:100%;background:var(--jade);border-radius:5px}
.kin{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:7px;font-family:inherit;font-size:14px;background:var(--panel);color:var(--ink);resize:vertical}
.kbi.editing{border-color:var(--jade)}
.axcap{font-size:12.5px;color:var(--ink3);margin-top:10px;padding-top:8px;border-top:1px solid var(--line2)}
.yax{display:flex;flex-direction:column;justify-content:space-between;height:132px;font-family:var(--b);font-variant-numeric:tabular-nums;font-size:11px;color:var(--ink3);text-align:end;flex:0 0 30px}
.en2 .cmp{font-size:12px;color:var(--ink3)}
#toast{position:fixed;inset-block-end:22px;inset-inline-start:50%;transform:translateX(-50%) translateY(14px);background:var(--ink);color:#fff;padding:10px 18px;border-radius:24px;font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:80}
#toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

.srch-gap{flex:1}

/* ---------- typography & alignment pass ---------- */
.kpi .v,.live-stats div .v,.ahtop .v,.ahs .n3,.en2 .v,.brow .bv,.drow2 .r,.dl,.tag,.ptag,.tbl .tm,.tbl .id,
.frow .due,.mrow .mt,.mk .cp,.sfoot2,.ahaxis,.yax,.chb .dn2,.ch .d2,.ch .d1,.kbi .m2,.tabs .badge,.gh .c,.rk,
.lcall .tm,.ct,.always,.num,.aptlink,.sent{font-variant-numeric:tabular-nums}
.card-h>div:first-child{min-width:0;flex:1 1 260px}
.card-h h3,.card-h .cn,.ph h1,.ph .sub{text-align:start}
.ins h4,.ins p,.ek,.ef,.fr .fl,.fr .fh,.kbi .q,.kbi .a{text-align:start}
.escr .e1>div{min-width:0}
.e1 .btn{flex-shrink:0}
.tbl th,.tbl td{vertical-align:middle}
.tbl td .tag{vertical-align:middle}
.legend span{display:inline-flex;align-items:center}
.legend i{flex:0 0 9px}
.lbl{line-height:1.4}
.gh .lbl,.card-h .lbl{display:inline-flex;align-items:center}
.ahsplit{padding:16px 0}
.ahclock{margin-top:16px}
.axcap{margin-top:12px}
.fph{margin-bottom:16px}
.sg{gap:24px}
.card-h .seg button{font-size:12.5px}

@media(max-width:900px){.ph{align-items:flex-start}.kpi .top2{min-height:0}}

/* keep .tbl inside its card at narrow widths */
.card>.tbl,.tscroll{display:block;width:100%;overflow-x:auto}
.card>.tbl{min-width:0}
.tscroll>.tbl{min-width:1060px}
.card>.tbl>tbody,.card>.tbl>thead{width:100%}

/* ---------- Manrope pass: mono only for reference ids, sentiment flow, density ---------- */
.tbl .id,.aptlink,.detail-id{font-family:var(--m);font-variant-numeric:normal}
.g2,.g2b,.g3{align-items:start}
.sshift{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 40px;gap:10px;align-items:center;padding:6.5px 0;border-bottom:1px solid var(--line2)}
.sshift:last-of-type{border-bottom:none}
.sshift .from{font-size:13px;color:var(--ink2);text-align:start}
.sshift .flow{position:relative;height:2px;background:var(--line);border-radius:2px}
.sshift .flow::after{content:"";position:absolute;inset-inline-end:-1px;top:-3px;width:0;height:0;border-block:4px solid transparent;border-inline-start:6px solid var(--line)}
html[dir=rtl] .sshift .flow::after{inset-inline-end:auto;inset-inline-start:-1px;border-inline-start:0;border-inline-end:6px solid var(--line)}
.sshift .to{font-size:13px;font-weight:600;color:var(--jade);text-align:start}
.sshift .to.neg{color:var(--oxd)}
.sshift .cnt{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;text-align:end}

/* ---------- compact calendar card ---------- */
.sched .schedb{display:grid;grid-template-columns:32% minmax(0,68%)}
.calside{padding:14px 14px 13px;border-inline-end:1px solid var(--line2);background:#FBFBF9}
.cgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;justify-items:center}
.cwk{font-size:12px;font-weight:600;color:var(--ink3);text-align:center;padding-bottom:5px;line-height:1;width:100%}
.cday{position:relative;display:flex;align-items:center;justify-content:center;
 width:100%;aspect-ratio:1;border:none;background:none;border-radius:5px;cursor:pointer;font-family:inherit;padding:0}
.cday .cn{font-size:12.5px;font-weight:500;color:var(--ink2);font-variant-numeric:tabular-nums;line-height:1}
.cday .cdot{position:absolute;bottom:13%;left:50%;transform:translateX(-50%)}
html[dir=rtl] .cday .cdot{left:auto;right:50%;transform:translateX(50%)}
.cday.out{pointer-events:none}
.cday.off .cn{color:#9AA3A9}
.cday.offx .cn{color:var(--ink2)}
.cday:hover{background:var(--line2)}
.cday.td{background:var(--jadet)}
.cday.td .cn{color:var(--jade);font-weight:700}
.cday.sel{background:var(--ink)}
.cday.sel .cn{color:#fff;font-weight:600}
.cday.sel .cdot{background:#fff}
.cdot{width:4px;height:4px;border-radius:50%;background:var(--jade);display:block}
.cdot.att{background:var(--ox)}
.ckey{display:flex;flex-direction:column;gap:6px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line2);font-size:12px;color:var(--ink3)}
.ckey span{display:flex;align-items:center;gap:8px}
.schedr{min-width:0;padding:14px 18px}
.schedh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--line2)}
.schedh h4{font-size:16px;font-weight:600;line-height:1.2}
.schedh .lbl{font-size:12.5px;font-weight:500;letter-spacing:.02em;text-transform:none;line-height:1.2;white-space:nowrap}
.arow{display:grid;grid-template-columns:80px minmax(0,1fr) 158px;align-items:center;gap:14px;width:100%;
 min-height:52px;padding:8px 0;border:none;border-bottom:1px solid var(--line2);background:none;cursor:pointer;text-align:start;font-family:inherit}
.arow:last-of-type{border-bottom:none}
.arow:hover{background:#F8FAF9}
.arow.hi{background:var(--jadet)}
.arow.att{box-shadow:inset 3px 0 0 var(--ox)}
html[dir=rtl] .arow.att{box-shadow:inset -3px 0 0 var(--ox)}
.arow.att .at{padding-inline-start:9px}
.arow .at{font-size:13px;font-weight:600;color:var(--ink2);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:center}
.arow .ap{min-width:0;display:flex;flex-direction:column;gap:3px}
.arow .ap b{font-size:14px;font-weight:600;color:var(--ink)}
.arow .ap span{font-size:12.5px;color:var(--ink3);line-height:1.4}
.arow .as{justify-self:end;text-align:end;align-self:center}
.anone{padding:20px 0;font-size:13px;color:var(--ink3)}
.amore{margin-top:10px;margin-inline-start:94px;border:none;background:none;padding:0;color:var(--jade);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.insg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.insg .ins{margin-bottom:0;height:100%;display:flex;flex-direction:column;padding:14px 16px}
.insg .ins h4{margin-top:0}
.insg .ins .act{margin-top:auto;padding-top:12px}
/* overlay */
.ovl{position:fixed;inset:0;background:rgba(15,26,32,.42);display:grid;place-items:center;padding:28px;z-index:70}
.ovlc{background:var(--panel);border-radius:12px;box-shadow:0 24px 60px rgba(15,26,32,.28);width:min(940px,100%);max-height:86vh;display:flex;flex-direction:column;overflow:hidden}
.ovlb{display:grid;grid-template-columns:30% minmax(0,70%);overflow:auto;align-items:start}
.ovlc>.card-h{padding:16px 22px}
.calside.big{padding:22px 22px 20px}
.ovlb .schedr{padding:22px 24px 24px}
.cgrid.big{gap:5px}
.cgrid.big .cwk{font-size:12.5px;padding-bottom:7px}
.cgrid.big .cday .cn{font-size:13.5px}
.ovlc>.card-h .btn-q{border:1px solid var(--line);color:var(--ink2);background:var(--panel)}
.ovlc>.card-h .btn-q:hover{background:var(--bg);color:var(--ink)}
@media(max-width:1080px){.sched .schedb{grid-template-columns:1fr}
 .arow{grid-template-columns:76px minmax(0,1fr);gap:4px 12px}
 .arow .as{grid-column:2;justify-self:start;text-align:start}
 .amore{margin-inline-start:0}
 .calside{border-inline-end:none;border-bottom:1px solid var(--line2)}
 .cgrid{max-width:280px}
 .ovlb{grid-template-columns:1fr}}

/* ---------- quieter status system ---------- */
.ins.warn,.ins.good{background:var(--panel)}
.ins.warn{border-inline-start-color:var(--ox)}
.ins.good{border-inline-start-color:var(--moss)}
.ins:not(.warn):not(.good){border-inline-start-color:var(--indigo)}

.ins .lbl{letter-spacing:.02em}
.tbl td .tag,.arow .as .tag{font-size:13px}
.gh .c{background:none;padding:0}
.kbi .m2 .warnx{color:var(--oxd);font-weight:600}

/* ---------- follow-up triage (master-detail) ---------- */
.fq-wrap{max-width:1060px;margin:0 auto}
.fq-ph{align-items:flex-end}
.fq-tally{font-size:12.5px;color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap}
.fq-ws{display:grid;grid-template-columns:38% 1fr;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.fq-q{border-inline-end:1px solid var(--line);min-width:0}
.fq-qh{padding:13px 18px 11px;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--ink3);border-bottom:1px solid var(--line2)}
.fq-row{display:flex;flex-direction:column;gap:3px;width:100%;text-align:start;font:inherit;color:inherit;cursor:pointer;
 background:none;border:none;border-bottom:1px solid var(--line2);border-inline-start:2px solid transparent;padding:13px 18px}
.fq-row:last-child{border-bottom:none}
.fq-row:hover{background:var(--bg)}
.fq-row.on{background:var(--indigot);border-inline-start-color:var(--indigo)}
.fq-row:focus-visible{outline:2px solid var(--indigo);outline-offset:-2px}
.fq-t{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.3}
.fq-who{font-size:12.5px;color:var(--ink2)}
.fq-d{font-size:11.5px;color:var(--ink3);font-family:var(--b);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.fq-d.late{color:var(--oxd);font-weight:600}
.fq-det{min-width:0;padding:20px 22px 18px;display:flex;flex-direction:column;gap:16px}
.fq-dh h2{margin:0;font-size:19px;line-height:1.25;font-weight:650;color:var(--ink)}
.fq-dm{margin-top:5px;font-size:12.5px;color:var(--ink2);font-variant-numeric:tabular-nums}
.fq-sep{color:var(--ink3)}
.fq-late{color:var(--oxd);font-weight:600}
.fq-sum{margin:11px 0 0;font-size:14px;line-height:1.55;color:var(--ink2);max-width:58ch;text-wrap:pretty}
.fq-play{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line2);border-radius:10px;background:var(--bg)}
.fq-pb{flex:0 0 30px;width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;background:var(--indigo);color:#fff;
 display:flex;align-items:center;justify-content:center;padding:0}
.fq-pb:hover{background:var(--ink)}
.fq-wv{flex:1;min-width:0;display:flex;align-items:center;gap:2px;height:30px;cursor:pointer}
.fq-wv i{flex:1;min-height:2px;border-radius:1px;background:var(--line);}
.fq-wv i.on{background:var(--indigo)}
.fq-time{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--ink3);white-space:nowrap}
.fq-time b{color:var(--ink2);font-weight:600}
.fq-why{display:flex;flex-direction:column;gap:4px;padding-top:14px;border-top:1px solid var(--line2);font-size:13.5px;color:var(--ink2)}
.fq-tx{padding-top:14px;border-top:1px solid var(--line2)}
.fq-txh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.fq-lk{background:none;border:none;padding:0;cursor:pointer;font:inherit;font-size:12.5px;color:var(--indigo);font-weight:500}
.fq-lk:hover{text-decoration:underline}
.fq-turn{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:4px 0}
.fq-turn span{font-size:11.5px;letter-spacing:.02em;color:var(--ink3);padding-top:2px}
.fq-turn span.ag{color:var(--indigo)}
.fq-turn p{margin:0;font-size:13px;line-height:1.5;color:var(--ink2)}
.fq-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line2);margin-top:auto}
.fq-acts{display:flex;gap:8px}
.fq-ref{background:none;border:none;padding:0;cursor:pointer;font-family:var(--b);font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--ink3);letter-spacing:.03em}
.fq-ref:hover{color:var(--indigo)}
@media (max-width:820px){.fq-ws{grid-template-columns:1fr}.fq-q{border-inline-end:none;border-bottom:1px solid var(--line)}}

/* ---------- caller sentiment (compact) ---------- */
.g3an{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;align-items:start}
@media (max-width:1080px){.g3an{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.g3an{grid-template-columns:1fr}}
.etake{margin:2px 0 14px;font-size:14px;line-height:1.45;color:var(--ink);font-weight:600;text-wrap:pretty}
.etop-row,.erow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:10px;row-gap:5px}
.etop-row .el{font-size:13px;font-weight:600;color:var(--ink)}
.erow .el{font-size:12.5px;color:var(--ink2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.etop-row .etv,.erow .etv{font-family:var(--b);font-variant-numeric:tabular-nums;text-align:end}
.etop-row .etv{font-size:15px;font-weight:700;color:var(--ink)}
.erow .etv{font-size:12.5px;font-weight:600;color:var(--ink2)}
.etrack{grid-column:1/-1;display:block}
.etop-row .etbar{display:block;height:8px;border-radius:2px;background:var(--oxd)}
.erow .eline{display:block;height:3px;border-radius:2px;background:color-mix(in oklch,var(--ink3) 55%,transparent)}
.card-b>.fq-lk{margin-top:14px}
.sbrk{margin-top:12px;padding-top:10px;border-top:1px solid var(--line2)}

.avwrap{position:relative;display:inline-flex}
button.av{cursor:pointer;border:none;font:inherit}
.avwrap{z-index:80}
.avmenu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:200;min-width:186px;max-width:calc(100vw - 24px);padding:6px;
 background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.14);
 display:flex;flex-direction:column;gap:2px}
.avmenu button{all:unset;cursor:pointer;padding:8px 10px;border-radius:7px;font-size:13px;color:var(--ink);white-space:nowrap}
.avmenu button:hover,.avmenu button:focus-visible{background:var(--line2)}
.avsep{height:1px;background:var(--line);margin:4px 2px}
.stabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.stabs button{all:unset;cursor:pointer;padding:8px 12px;font-size:13.5px;color:var(--ink3);border-bottom:2px solid transparent;margin-bottom:-1px}
.stabs button.on{color:var(--ink);font-weight:600;border-bottom-color:var(--indigo)}



.g3an{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto 1fr;gap:16px;align-items:stretch;margin-bottom:16px}
.g3an>.card{display:grid;grid-row:span 2;grid-template-rows:subgrid}
.g3an .card-b{flex:1;display:flex;flex-direction:column}
.g3an .card-b>.fq-lk{margin-top:auto;padding-top:14px}

@media(max-width:620px){.g3an{grid-template-columns:minmax(0,1fr)}}
.g2an{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;align-items:stretch}
.g2an>.card{display:flex;flex-direction:column}
@media(max-width:700px){.g2an{grid-template-columns:minmax(0,1fr)}}
.etrack{max-width:340px}

/* ---------- Analytics readability ---------- */
.g2an .card-b,.g3an .card-b{padding:18px 20px}
.g2an .card-h,.g3an .card-h{padding:16px 20px 12px}
.g2an .card-h h3,.g3an .card-h h3{font-size:18px;line-height:1.3}
.g2an .card-h .cn,.g3an .card-h .cn{font-size:13.5px;line-height:1.45}
.g2an .brow,.g3an .brow{padding:9px 0}
.g2an .brow .bl,.g3an .brow .bl{font-size:14px}
.g2an .brow .bv,.g3an .brow .bv{font-size:16px}
.g2an .brow .bv s,.g3an .brow .bv s{font-size:13px}
.g2an .axcap,.g3an .axcap,.g2an .legend,.g3an .legend{font-size:12.5px}
.g2an .yax,.g3an .yax{font-size:12px}
.g3an .etake{font-size:15px;line-height:1.5;margin-bottom:16px}
.g3an .etop-row .el{font-size:14px}
.g3an .etop-row .etv{font-size:18px}
.g3an .erow .el{font-size:13.5px}
.g3an .erow .etv{font-size:14px}
.g3an .erow{padding-top:11px;margin-top:11px}
.g3an .card-b>.fq-lk{font-size:13.5px}
.g3an .etrack{max-width:320px}
.g3an .card-b>.fq-lk{align-self:flex-start;text-align:start}

/* fluid bar rows + legible trend at 3-up widths */
.g3an .brow,.g2an .brow{grid-template-columns:minmax(62px,auto) minmax(40px,1fr) auto}
.g3an .brow .bl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g3an .brow .bv{min-width:0;white-space:nowrap}
.g3an .brow .bt{min-width:40px}
@media(max-width:640px){.g3an{grid-template-columns:minmax(0,1fr)}}



/* ---------- Analytics chart system ---------- */
.g2an .card-b,.g3an .card-b{padding:18px 20px}
.brows{display:grid;grid-template-columns:minmax(0,auto) minmax(34px,1fr) 26px 34px;column-gap:9px;row-gap:16px;align-items:center}
.g2an .brow,.g3an .brow{display:contents}
.g2an .brow .bl,.g3an .brow .bl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g2an .brow .bt,.g3an .brow .bt{min-width:0}
.g2an .brow .bv,.g3an .brow .bv{min-width:0;text-align:end}
.g2an .brow .bp,.g3an .brow .bp{font-family:var(--b);font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink3);text-align:end}
/* busiest hours */
.hrw{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"y plot" ". x";column-gap:10px}
.hryax{grid-area:y;display:flex;flex-direction:column;justify-content:space-between;height:132px;
 font-family:var(--b);font-variant-numeric:tabular-nums;font-size:12px;color:var(--ink3);text-align:end;line-height:1}
.hrplot{grid-area:plot;display:flex;align-items:flex-end;gap:3px;height:132px}
.hrplot i{flex:1;border-radius:2px 2px 0 0}
.hrxax{grid-area:x;display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:12px;color:var(--ink3);margin-top:6px}
.hrlg{margin-inline-start:44px}
/* trend */
.trw{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"y plot" ". x" ". cap";column-gap:10px}
.tryax{grid-area:y;position:relative;height:200px;
 font-family:var(--b);font-variant-numeric:tabular-nums;font-size:12px;color:var(--ink3);line-height:1}
.tryax span{position:absolute;inset-inline-end:0;transform:translateY(-50%);white-space:nowrap}
.trw{align-items:stretch}
.trplot{grid-area:plot;min-width:0;height:200px}
.trxax{grid-area:x;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));font-size:12px;color:var(--ink3);margin-top:6px;text-align:center;line-height:1.25}
.trxax span{overflow:hidden}
.trcap{grid-area:cap;font-size:12px;color:var(--ink3);margin-top:8px}
.g3an .card-b>.legend{margin-top:auto;padding-top:12px}
.g3an .axcap{margin-top:auto;padding-top:12px}
/* why calls reached staff */
.erows{display:grid;grid-template-columns:minmax(0,auto) minmax(30px,1fr) 24px;column-gap:9px;row-gap:14px;align-items:center}
.etop-row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;column-gap:9px;align-items:center}
.erow{display:grid;grid-template-columns:subgrid;grid-column:1/-1;column-gap:9px;align-items:center;
 border-top:1px solid var(--line2);padding-top:14px}
.etrack{grid-column:auto;max-width:none;min-width:0}


.live-l>.livenote{margin-top:auto;padding-top:14px}
.live-r>div:last-child{flex:1;display:flex;flex-direction:column;justify-content:center}


/* why calls reached staff — row interaction */
.erw{cursor:pointer;position:relative;border-radius:6px;transition:background .15s ease}
.erw:hover,.erw:focus-visible{background:color-mix(in oklch,var(--ox) 7%,transparent);outline:none}
.erw:focus-visible{box-shadow:0 0 0 2px var(--indigo)}
.erw .el,.erw .etv{transition:color .15s ease}
.erw:hover .el,.erw:focus-visible .el,.erw:hover .etv,.erw:focus-visible .etv{color:var(--ink);font-weight:700}
.erw .etbar,.erw .eline{transition:height .18s ease,width .18s ease}
.erw:hover .eline,.erw:focus-visible .eline{height:5px}
.erw:hover .etbar,.erw:focus-visible .etbar{height:10px}
.etv{position:relative}
.etip{position:absolute;bottom:calc(100% + 8px);inset-inline-end:0;z-index:300;display:none;
 width:max-content;max-width:min(240px,60vw);padding:8px 10px;border-radius:8px;
 background:var(--ink);color:#fff;font-weight:400;text-align:start;
 box-shadow:0 10px 24px rgba(0,0,0,.18)}
.etip b{display:block;font-size:12.5px;font-weight:600;line-height:1.35;font-variant-numeric:tabular-nums}
.etip i{display:block;margin-top:3px;font-style:normal;font-size:12px;line-height:1.4;color:rgba(255,255,255,.82)}
.erw:hover .etip,.erw:focus-visible .etip{display:block}
.g3an>.card:last-child{overflow:visible}
@media(prefers-reduced-motion:reduce){.erw,.erw .etbar,.erw .eline,.erw .el,.erw .etv{transition:none}}

/* ---------- shared chart tooltip ---------- */
.uitip{position:fixed;z-index:400;display:none;pointer-events:none;width:max-content;max-width:192px;
 padding:6px 8px;border-radius:7px;background:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.uitip b{display:block;font-size:12px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}
.uitip i{display:block;margin-top:2px;font-style:normal;font-size:11.5px;line-height:1.35;color:rgba(255,255,255,.82)}
[data-tip]{cursor:pointer}
[data-tip]:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}
.hrplot i[data-tip]{transition:opacity .15s ease}
.hrplot i[data-tip]:hover,.hrplot i[data-tip]:focus-visible{opacity:.8}
circle.vhit,circle.thit{cursor:pointer}
.oseg{cursor:pointer}
/* keep the esc-card tooltip visually identical to the shared one */
.etip{max-width:192px;padding:6px 8px;border-radius:7px}
.etip b{font-size:12px}
.etip i{font-size:11.5px;margin-top:2px}
@media(prefers-reduced-motion:reduce){.hrplot i[data-tip]{transition:none}}

.oseg{transition:opacity .15s ease,stroke-width .15s ease}
.oseg:hover,.oseg:focus-visible{stroke-width:17}
.oseg:focus-visible{outline:none}
.drow2.orow{border-radius:6px;transition:background .15s ease}
@media(prefers-reduced-motion:reduce){.oseg,.drow2.orow{transition:none}}

/* live panel: stable height + idle state */

.live-list{margin-top:8px;flex:1;display:flex;flex-direction:column;justify-content:center}
.live-list>.lreal{display:flex;flex-direction:column;justify-content:center;width:100%}
.lidle{display:flex;flex-direction:column;gap:4px;padding:6px 0}
.lidle b{font-size:14px;font-weight:600;color:#fff}
.lidle span{font-size:13.5px;color:#C7D8DD;line-height:1.4}
.wave.idle{opacity:.7}
.wave.idle i{height:12%!important;animation:none;opacity:.5}
@keyframes wvIdle{0%,100%{opacity:.34}50%{opacity:.62}}


/* live panel — two-column left section */
.live-l{padding:24px 22px;display:flex;flex-direction:column;min-width:0}
.live-l .live-tag{margin-bottom:0}
.live-l>.live-nar{gap:6px}
.live-m{padding:24px 22px;display:flex;flex-direction:column;min-width:0;
 border-inline-start:1px solid rgba(255,255,255,.09)}
.live-m .secghost{visibility:hidden}
.live-m .live-stats{flex:1;align-content:center}
.live-nar{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px}
.live-nar h2{max-width:none}
.live-nar .wave{max-width:100%}
.live-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;
 gap:0 0;margin-top:0;border:none}
.live-stats>div{display:grid;grid-template-rows:subgrid;grid-row:span 2;padding:0 12px;min-width:0;
 border:none;border-inline-start:1px solid rgba(255,255,255,.09)}
.live-stats>div:first-child{border-inline-start:none;padding-inline-start:0}
.live-stats div .k{white-space:normal;text-wrap:balance}
.live-stats div .v{font-size:19px}
.live-stats div .k{margin-top:3px}
.live-l>.livenote{margin-top:12px;padding-top:0}
@media(max-width:760px){.live-in{grid-template-columns:minmax(0,1fr)}
 .live-m,.live-r{border-inline-start:none;border-top:1px solid rgba(255,255,255,.09)}}

/* headline/sub reserve the active-state height so idle cannot shrink the panel */
.live-h,.live-s{display:grid}
.live-h>span,.live-s>span{grid-area:1/1}
.live-h>.ghost,.live-s>.ghost{visibility:hidden;pointer-events:none}

/* left-section compact voice-activity waveform */
.lva{display:flex;flex-direction:column;margin-top:2px}

.lwave-lg{width:200px;max-width:100%;height:14px;flex:0 0 auto}

.lwave-lg.flat i{height:14%!important;animation:none;opacity:.45}
@media(prefers-reduced-motion:reduce){.lwave-lg i{animation:none;transform:scaleY(.7)}}

@media(max-width:820px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.kpi{transition:none}}

.peakrow{font-size:12.5px;color:var(--ink2);font-variant-numeric:tabular-nums;margin:0 0 10px;padding-inline-start:calc(54 / 560 * 100%)}