/* Дизайн B — суровината: шрифтовете и токените. Зарежда се ПРЕДИ site.css, който строи
   компонентите върху тях. Тук няма нито едно правило за конкретен екран.

   Шрифтът е самостоятелно хостван, не от Google: клиентските обекти и складовете нямат
   гарантиран интернет към трети страни, а приложението работи офлайн. IBM Plex е под OFL
   (виж fonts/LICENSE.txt) — правото да го носим със себе си е част от избора му. */

/* ---- IBM Plex Sans ------------------------------------------------------------------ */
/* Три подмножества на тегло: latin (общото), latin-ext (румънските ș и ț) и cyrillic
   (българското). Браузърът тегли само това, което страницата наистина изписва. */
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-400.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-ext-400.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-cyrillic-400.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-500.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-ext-500.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-cyrillic-500.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-600.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-ext-600.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-cyrillic-600.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-700.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-ext-700.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-cyrillic-700.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* ---- IBM Plex Mono ------------------------------------------------------------------ */
/* За числа, дати, телефони, протоколи, инвентарни и серийни номера. „tnum" държи цифрите с
   еднаква ширина, за да се четат колоните една под друга. */
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-latin-400.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-latin-ext-400.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-cyrillic-400.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-latin-500.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-latin-ext-500.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-cyrillic-500.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-latin-600.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-latin-ext-600.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-cyrillic-600.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* ---- Токените ----------------------------------------------------------------------- */
:root {
  /* Шрифтове */
  --sr-font: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --sr-font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* Работна площ */
  --sr-bg: #f4f6f8;
  --sr-panel: #fff;
  --sr-panel-alt: #f7f9fa;
  --sr-text: #1c2128;
  /* Двата сиви минават 4.5:1 по WCAG върху ВСИЧКИ фонове, на които стоят — бял панел, светъл
     заглавен ред, избран ред, чип. Първите стойности от макета (#6b7681 и #8b949d) даваха
     4.39 и 3.08; окото свиква с това, машината — не (одитът от 05.09). Йерархията вече идва
     от размера и теглото, не от прекалено светло сиво: „Без оборудване" е информация, не
     украса. */
  --sr-text-secondary: #626d78;
  --sr-text-weak: #646e79;
  /* Приоритетът боядисва редове и карти (SR-89): розово за „Най-висок", зелено за „Нисък".
     Двата сиви по-горе са мерени срещу белите повърхности — върху розовото вторичният пада на
     4.06:1, а в кадъра на мигането (#f7a8b6) на 2.82:1. Затова цветните повърхности си носят
     СВОЙ, по-тъмен сив: 4.52:1 дори върху най-тъмния кадър на мигането, тоест и при „намалено
     движение", където точно този цвят остава неподвижно. (SR-136, одитът от 18.09.2026.) */
  --sr-text-on-priority-tint: #464e56;
  --sr-border: #dde3e9;
  --sr-border-weak: #eef1f4;
  --sr-radius: 4px;

  /* Марката */
  --sr-orange: #ff6b2a;
  /* Оранжевото на марката НЕ стига за бял текст върху него (2.84:1). Там, където бяло стои
     върху плътен оранжев фон — главният бутон, квадратчето на логото — се ползва тази
     по-тъмна степен (4.52:1). Акцентите, резките и точките остават на #ff6b2a: те не носят
     текст. */
  --sr-orange-ink: #cf4a12;
  --sr-orange-dark: #b8420f;
  --sr-orange-tint: #fff1e9;
  --sr-link: #c2410c;
  --sr-link-hover: #9a3412;
  --sr-selected: #fff5ef;

  /* Лентата отляво */
  --sr-sidebar-width: 216px;
  --sr-sidebar: #171b21;
  --sr-sidebar-active: #22272e;
  --sr-sidebar-border: #23282f;
  --sr-sidebar-text: #9aa4af;
  --sr-sidebar-text-strong: #e6eaee;
  /* Същото за тъмната лента: #59636e даваше 2.83 върху #171b21 — заглавията на групите и
     броевете бяха под прага. */
  --sr-sidebar-text-weak: #858f9c;
  --sr-sidebar-avatar: #2d333b;
  --sr-sidebar-row: 34px;

  /* Височините — плътността на B се държи от тези шест числа */
  --sr-topbar-height: 46px;
  --sr-filterbar-height: 40px;
  --sr-control-height: 30px;
  --sr-row-height: 42px;
  --sr-head-height: 30px;
  --sr-footer-height: 34px;

  /* Състояния */
  --sr-pill-bg: #eef3fb;
  --sr-pill-text: #2b5f9e;
  --sr-chip-bg: #eef1f4;

  /* Типът на задачата — точка, не цветен бадж */
  --sr-type-dispatch: #37b26c;
  --sr-type-retrieve: #e85d75;
  --sr-type-transfer: #2d9cdb;
  --sr-type-switch: #8e6ad8;
  /* ЕРП: състоянието „Ремонт" няма свой тип задача, но има своя точка във фасета. */
  --sr-type-repair: #f7c948;
  /* Сервиз и проверка идват с цветовете от телефона, за да е един и същ типът на двата екрана. */
  --sr-type-inspection: #2b9f8f;

  /* Стари имена, докато компонентите се пренаписват фаза по фаза. Сочат новите стойности,
     за да няма екран с два различни сиви цвята по време на прехода. */
  --sr-sidebar-dark: var(--sr-sidebar);
  --sr-grid: var(--sr-border);
  --sr-row: var(--sr-panel-alt);
  --sr-highlight: #ffe27a;
}

/* Числата, датите и номерата вървят на Mono с равни цифри — така колоните се четат
   една под друга, а не като разлят текст. */
.sr-mono {
  font-family: var(--sr-font-mono);
  font-feature-settings: "tnum";
}