/* =========================================================
   OKKwork CSS structure (readability-only refactor)
   - Tokens (vars/colors/fonts)
   - Layout (positioning/containers)
   - Components (buttons/fields/menus)
   - States (hover/focus/active/open)
   Note: rules order is preserved to avoid visual changes.
   ========================================================= */

/*
  CSS TOC (quick navigation)
  00. Reset / base
  01. Tokens (CSS variables)
  02. Page layout (canvas/containers)
  03. Header / top navigation
  04. Dropdowns / menus / tooltips
  05. Forms / fields / pills / checkboxes
  06. Stage-specific blocks (topblock, fieldhost, etc.)
  07. Popups / modals
  08. Helpers / utilities
*/


/* ===== 00. Reset / base ===================================== */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

ol,ul,menu {
  padding-inline-start: 0;
  list-style: none;
}

ol li::marker, ul li::before {
  letter-spacing: 0;
}

.scroll-container > div {
  width: 100%;
}



/* ===== 02. Page layout (canvas/containers) ===================================== */
.container > div {
  width: 100%;
}

.Pixso-canvas-0_1 > div {
  width: 100%;
}

html {
  width: 100%;
  height: 100%;
}

body { 
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: white;
}
    
span {
  word-break: break-word;
}

.container {
  width: 100%;
  height: 100%;
}

.scroll-container {
  height: 100%;
  width: 100%;
  overflow-x: clip;
  overflow-y: auto;
  overscroll-behavior-x: none;
  /* OKKwork: safe bottom space for last items */
  padding-bottom: 200px;
}

.Pixso-canvas-0_1 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
}

.Pixso-frame-219_2 {
  width: 100%;
  min-height: 0px;
  height: auto;
  position: relative;
  flex-shrink: 0;
}

.Pixso-frame-219_3 {
  width: 1920px;
  min-height: 0px;
  height: auto;
  overflow: visible;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(255, 255, 255, 1);
}

/* OKKwork: make scroll height include the Pixso content + bottom breathing room */
.Pixso-frame-219_2{
  min-height: calc(var(--okkwork-design-height) * 1px) !important;
  padding-bottom: 200px !important;
}

.Pixso-rectangle-129_38 {
  width: 1920px;
  height: 70px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #DCE7F2;
  border-bottom: 1px solid rgba(6, 88, 162, 0.14);
  box-shadow: 0 10px 26px rgba(6, 88, 162, 0.12);
}

.Pixso-paragraph-219_4 {
  font-size: clamp(22px, 4vw, 32px);
  font-family: "Rubik", sans-serif;
  font-weight: 800;
  letter-spacing: 0;
  color: #0658a2;
  width: auto;
  height: auto;
  position: absolute;
  left: 28px;
  top: 7px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-paragraph-219_5 {
  font-size: 14px;
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: #0658a2;
  width: auto;
  height: auto;
  position: absolute;
  left: 28px;
  top: 40px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-vector-219_6 {
  position: absolute;
  inset: -10.909090909090908% -18.181818181818183% -25.454545454545453% -18.181818181818183% ;
  background-image: url("../icon/Ellipse1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.vector-wrapper-219_6 {
  position: absolute;
  left: 1830px;
  top: 9px;
  width: 50px;
  height: 50px;
}

.Pixso-vector-219_9 {
  width: 1810.0126953125px;
  height: 1px;
  background-image: url("../icon/Line545.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 59.99365234375px;
  top: 320.249755859375px;
}

.Pixso-paragraph-219_10 {
  font-size: 24px;
  font-family: "Inter-Semi Bold";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(68, 68, 68, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 63px;
  top: 284px;
  white-space: pre;
  flex-grow: 0;
}


/* OKKwork: Pixso-vector-219_11 удалён по ТЗ */
.Pixso-vector-219_11 { display: none; }

/* =========================================================
   OKKwork — Stages: replace icon-stepper with stage cards
   Palette aligns with project gradients (181F31…B8C6D7).
   ========================================================= */

/* Hide old stage icon stepper */
.Pixso-frame-219_13{
  display: none !important;
}
.Pixso-frame-219_17{
  display: none !important;
}
.Pixso-frame-219_22{
  display: none !important;
}
.Pixso-frame-219_27{
  display: none !important;
}
.Pixso-vector-219_21{
  display: none !important;
}
.Pixso-vector-219_26{
  display: none !important;
}
.Pixso-vector-219_31{
  display: none !important;
}


/* New block positioning (same area as old stepper) */


/* >>> OKKwork: Header / stage cards ===================================== */
.okkwork-stagecards{
  position: absolute;
  left: 60px;
  top: 86px;
  width: 1560px;
  z-index: 6;
  pointer-events: auto;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Inter", sans-serif;
}

.okkwork-stagecards{
  --p1:#181F31;
  --p2:#465779;
  --p3:#778DA4;
  --p4:#99B3C6;
  --p5:#B8C6D7;

  --bg: #DCE7F2; /* Требование: серый фон -> DCE7F2 */
  --title: #0658A2; /* Требование: основной цвет заголовков */
  --text: rgba(15, 23, 42, .90);
  --muted: #3b556d; /* Подзаголовок: приятный и контрастный */
  --stroke: rgba(15, 23, 42, .12);
  --glass: rgba(255,255,255,.62);
  --glass2: rgba(255,255,255,.42);
  --shadow: 0 18px 55px rgba(6, 88, 162, .14);
  --r: 18px;
  --acc: #00B8D9;  /* Индикатор (start) */
  --acc2:#94D82D;  /* Индикатор (end) */
  --warn:#F7B84B;
  --bad:#FF5B6E;
}

.okkwork-stagecards .wrap{
  background: linear-gradient(180deg, var(--bg), color-mix(in oklab, var(--bg) 72%, white));
  border:1px solid var(--stroke);
  border-radius: var(--r);
  box-shadow: var(--shadow);
  overflow:hidden;
  backdrop-filter: blur(12px);
}

.okkwork-stagecards .layout{
  display:flex;
  gap:12px;
  align-items:stretch;
}

.okkwork-stagecards .grid{
  padding:14px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:12px;
  flex: 1 1 auto;
}

.okkwork-stagecards .card{
  position:relative;
  background: linear-gradient(180deg, var(--glass), var(--glass2));
  border: 1px solid var(--stroke);
  border-radius: 16px;
  padding: 12px;
  min-height: 152px;
  cursor:pointer;
  transition: transform .14s ease, border-color .14s ease, background .14s ease;
  overflow:hidden;
}

.okkwork-stagecards .card:hover{
  transform: translateY(-2px);
  border-color: rgba(6, 88, 162, .22);
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.44));
}

.okkwork-stagecards .card:before{
  content:"";
  position:absolute;
  inset:-1px;
  background: radial-gradient(560px 200px at 20% 0%, rgba(6,88,162,.18), transparent 58%);
  opacity:.75;
  pointer-events:none;
}
.okkwork-stagecards .card > *{position:relative}
.okkwork-stagecards .row{display:flex; align-items:center; justify-content:space-between; gap:10px;}
.okkwork-stagecards .kpi{
  font-size:12px;
  padding:4px 8px;
  border-radius: 999px;
  border:1px solid rgba(6,88,162,.18);
  color: rgba(6,88,162,.92);
  background: rgba(255,255,255,.55);
  white-space:nowrap;
}
.okkwork-stagecards .title{margin:10px 0 0; font-weight: 750; letter-spacing:.2px; color: var(--title);}
.okkwork-stagecards .desc{margin:8px 0 0; color:var(--muted); font-size:12.5px; line-height:1.35}
.okkwork-stagecards .bar{
  margin-top: 12px;
  height: 9px;
  background: rgba(15,23,42,.07);
  border:1px solid rgba(15,23,42,.10);
  border-radius: 999px;
  overflow:hidden;
}
.okkwork-stagecards .fill{
  height:100%;
  width:0%;
  transition: width .35s ease;
  background: linear-gradient(90deg, var(--acc), var(--acc2));
}
.okkwork-stagecards .status{
  margin-top:10px;
  display:flex; align-items:center; justify-content:space-between;
  font-size:12px;
  color: rgba(15,23,42,.72);
}
.okkwork-stagecards .chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:5px 8px;
  border-radius: 999px;
  border:1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.55);
}
.okkwork-stagecards .dot{width:8px;height:8px;border-radius:50%}
.okkwork-stagecards .dot.todo{background: rgba(15,23,42,.24)}
.okkwork-stagecards .dot.active{background: var(--warn); box-shadow: 0 0 0 5px rgba(255,210,106,.14)}
.okkwork-stagecards .dot.done{background: linear-gradient(135deg, var(--acc), var(--acc2)); box-shadow: 0 0 0 5px rgba(0,184,217,.10)}

.okkwork-stagecards .nav{
  width: 170px;
  padding: 14px 14px 14px 0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
}
.okkwork-stagecards .btn{
  appearance:none;
  border:1px solid rgba(6,88,162,.18);
  background: rgba(255,255,255,.62);
  color: var(--title);
  padding:10px 12px;
  border-radius: 14px;
  cursor:pointer;
  transition: transform .12s ease, border-color .12s ease, filter .12s ease;
}
.okkwork-stagecards .btn:hover{transform: translateY(-1px); border-color: rgba(6,88,162,.30)}
.okkwork-stagecards .btn.primary:not(#okkwork-stagecards-next):not(.okkwork-stagecards-next-btn){
  border-color: rgba(6,88,162,.28);
  background: linear-gradient(110deg, rgba(6,88,162,.16), rgba(0,184,217,.16), rgba(148,216,45,.16));
  box-shadow: 0 14px 35px rgba(6,88,162,.16);
}

@media (max-width: 1920px){
  .okkwork-stagecards{ width: calc(100% - 120px); }
}
@media (max-width: 1100px){
  .okkwork-stagecards .grid{grid-template-columns: repeat(2, minmax(0,1fr));}
  .okkwork-stagecards .nav{width: 160px;}
}
@media (max-width: 720px){
  .okkwork-stagecards{ left: 16px; width: calc(100% - 32px); }
  .okkwork-stagecards .grid{grid-template-columns: 1fr;}
  .okkwork-stagecards .layout{flex-direction:column;}
  .okkwork-stagecards .nav{
    width: auto;
    padding: 0 14px 14px;
    flex-direction:row;
  }
}

/* =========================================================
   OKKwork — Apply primary-button style to key blocks
   Targets: Pixso-frame-171_36, Pixso-frame-169_174, Pixso-paragraph-219_10, and the line below it.
   ========================================================= */

/* Remove title + line (per latest requirement) */
#219_10{
  display: none !important;
}
#219_9{
  display: none !important;
}


/* Title (as in stages: blue, strong, clean) */
.Pixso-paragraph-219_10{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Inter", sans-serif !important;
  font-weight: 750 !important;
  letter-spacing: 0.01em !important;
  color: #0658A2 !important;
}

/* Line under the title: replace image with gradient line */
.Pixso-vector-219_9{
  background-image: none !important;
  background-repeat: no-repeat !important;
  height: 3px !important;
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(6,88,162,.0) 0%, rgba(6,88,162,.75) 22%, rgba(0,184,217,.65) 55%, rgba(148,216,45,.70) 80%, rgba(148,216,45,0) 100%) !important;
  box-shadow: 0 6px 14px rgba(6, 88, 162, 0.10);
  opacity: 1 !important;
}

/* Blue strip panel container -> light “primary” style */
.Pixso-frame-169_174{
  border-radius: 12px;
}

.Pixso-rectangle-169_175{
  background: #dce7f2 !important;
  /* unify border with checklist-stats: panel has no bottom border */
  border: 1px solid rgba(6, 88, 162, 0.14);
  border-bottom: 0;
  box-shadow: 0 14px 35px rgba(6, 88, 162, 0.14);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.stroke-169_175{
  border-color: rgba(6, 88, 162, 0.14) !important;
}

/* Trapezoid checklist stats block (inherits the same panel look) */
.okkwork-stage4-checklist-stats__inner {
  background:
    linear-gradient(110deg, #DCE7F2 0%, #EAF2FA 55%, #F7FAFD 100%) !important;
  /* attach to panel: no top border, stronger rounding at bottom */
  border: 1px solid rgba(6, 88, 162, 0.14);
  border-top: 0;
  border-radius: 0 0 26px 26px !important;
  clip-path: none !important;
  transform: none !important;
}
.okkwork-stage4-checklist-stats__content{
  color: rgba(15, 23, 42, .88) !important;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Inter", sans-serif !important;
  transform: none !important;
}
.okkwork-stage4-checklist-stats__sep{
  background: rgba(6, 88, 162, 0.18) !important;
}

/* Filters frame (171_36) — add “primary” panel backing without changing icons */
.Pixso-frame-171_36{
  padding: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  /* Bring to front and keep clickable */
  z-index: 90 !important;
  pointer-events: auto;
  /* Lift up slightly */
  top: 300px !important;
}

/* Field headings like "Подразделение" and similar — make visible blue */
.Pixso-paragraph-169_176{
  color: #0658A2 !important;
  font-family: "Inter-SemiBold", "Inter-Medium", "Inter-Regular", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}
.Pixso-paragraph-169_193{
  color: #0658A2 !important;
  font-family: "Inter-SemiBold", "Inter-Medium", "Inter-Regular", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}


/* Other labels near icons + "Редактировать" — same color as desc */
.Pixso-paragraph-171_3{
  color: #3b556d !important;
}
.Pixso-paragraph-171_6{
  color: #3b556d !important;
}
.Pixso-paragraph-171_9{
  color: #3b556d !important;
}
.Pixso-paragraph-171_21{
  color: #3b556d !important;
}
.okkwork-stage4-template-edit-link{
  color: #3b556d !important;
}


.Pixso-frame-219_13 {
  width: 219px;
  height: 128px;
  position: absolute;
  left: 92px;
  top: 106px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.frame-content-219_13 {
  display: flex;
  flex-direction: column;
  gap: 9px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-vector-219_14 {
  width: 100px;
  height: 100px;
  background: #94D82D;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}

.Pixso-rectangle-219_15 {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 80px;
  top: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/icon этап 4.png");
}

.Pixso-paragraph-219_16 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 65%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

/* OKKwork: бейдж этапа (отдельный элемент под Pixso-paragraph-219_16) */
.okkwork-stage-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 5px;
  background: #515F6C;
  color: #F5F5F5;
  font-family: "Inter-Medium", "Inter-Regular", "Inter-Light", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: 0.02em;
}

/* OKKwork: зелёный бейдж только для "Этап № 1" */
.Pixso-frame-219_13 .okkwork-stage-badge {
  background: #94D82D;
}

/* OKKwork: иконка и бейдж этапа № 2 — тот же зелёный, что у этапа № 1 */
.Pixso-frame-219_17 .okkwork-stage-badge {
  background: #94D82D;
}

/* OKKwork: этап № 3 — зелёный фон как этапы № 1 и № 2 (#94D82D) */
.Pixso-frame-219_27 .okkwork-stage-badge {
  background: #94d82d;
  color: #f5f5f5;
  border: 0;
  box-sizing: border-box;
}

/* OKKwork: этап № 4 — как Pixso-vector-219_28 на странице этапа № 3 (#515F6C + текст бейджа как у базового бейджа) */
.Pixso-frame-219_22 .okkwork-stage-badge {
  background: #515f6c;
  color: #f5f5f5;
  border: 0;
  box-sizing: border-box;
}


.Pixso-frame-219_17 {
  width: 300px;
  height: 128px;
  position: absolute;
  left: 547px;
  top: 106px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.frame-content-219_17 {
  display: flex;
  flex-direction: column;
  gap: 9px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-vector-219_18 {
  width: 100px;
  height: 100px;
  background: #94D82D;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}

.Pixso-rectangle-219_19 {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/icons8-case-study-100.png");
}

.Pixso-paragraph-219_20 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  max-width: none;
  height: auto;
  position: relative;
  left: auto;
  top: auto;
  flex-shrink: 0;
  flex-grow: 0;
  text-align: center;
  white-space: nowrap;
}

.Pixso-vector-219_21 {
  width: 300.005859375px;
  height: 2.732666015625px;
  background-image: url("../icon/Line542.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 298px;
  top: 158.6337890625px;
  /* OKKwork: анимация убрана по ТЗ */
}

/* OKKwork: анимация убрана по ТЗ */
.Pixso-vector-219_21::before {
  display: none;
  content: "";
}

.Pixso-vector-219_21::after {
  display: none;
  content: "";
}



/* ===== 08. Helpers / utilities ===================================== */


/* >>> OKKwork: Helpers / animations ===================================== */
@keyframes okkwork-energy-sweep {
  /* Пауза ~50% цикла (цикл повтора в 2 раза реже) */
  0% {
    transform: translate(-30%, -50%) scaleX(0.92);
    opacity: 0;
  }
  50% {
    transform: translate(-30%, -50%) scaleX(0.92);
    opacity: 0;
  }
  /* Старт движения: замедлен примерно на 60% (первые ~60% прохода — меньшая дистанция) */
  58% {
    transform: translate(-30%, -50%) scaleX(0.95);
    opacity: 0.95;
  }
  72% {
    transform: translate(86%, -50%) scaleX(1.0);
    opacity: 0.9;
  }
  90% {
    opacity: 0.18;
  }
  100% {
    transform: translate(260%, -50%) scaleX(1.08);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .Pixso-vector-219_21::after {
    animation: none;
    opacity: 0.55;
    transform: translate(60%, -50%);
  }
}

.Pixso-frame-219_22 {
  width: 219px;
  height: 128px;
  position: absolute;
  left: 1624px;
  top: 107px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.frame-content-219_22 {
  display: flex;
  flex-direction: column;
  gap: 9px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-vector-219_23 {
  width: 100px;
  height: 100px;
  background: #515f6c;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}

.Pixso-rectangle-219_24 {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 80px;
  top: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/icon этап 4.png");
}

.Pixso-paragraph-219_25 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  max-width: 219px;
  height: auto;
  position: relative;
  left: auto;
  top: auto;
  flex-shrink: 0;
  flex-grow: 0;
  text-align: center;
}

/* OKKwork: простая линия между этапами 2 и 3 (эффект перенесён на 219_31 между 3 и 4) */
.Pixso-vector-219_26 {
  width: 300px;
  height: 1px;
  background-image: url("../icon/Line544.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 800px;
  top: 157px;
}

.Pixso-frame-219_27 {
  width: 219px;
  height: 128px;
  position: absolute;
  left: 1099px;
  top: 107px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.frame-content-219_27 {
  display: flex;
  flex-direction: column;
  gap: 9px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-vector-219_28 {
  width: 100px;
  height: 100px;
  background: #94d82d;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}

.Pixso-rectangle-219_29 {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 80px;
  top: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/icons8-этап 3.png");
}

.Pixso-paragraph-219_30 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  text-align: center;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  max-width: 219px;
  height: auto;
  position: relative;
  left: auto;
  top: auto;
  flex-shrink: 0;
  flex-grow: 0;
}

/* OKKwork: линия между этапами 3 и 4 — без анимации */
.Pixso-vector-219_31 {
  width: 300px;
  height: 1px;
  background-image: url("../icon/Line543.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 1320px;
  top: 157px;
}

.Pixso-vector-219_31::before{
  display: none;
  content: "";
}
.Pixso-vector-219_31::after{
  display: none;
  content: "";
}


.Pixso-frame-219_32 {
  width: 456px;
  height: 94px;
  position: absolute;
  left: 61px;
  top: 351px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_32 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_33 {
  font-size: 14px;
  font-family: "Inter-Light";
  font-weight: 600;
  letter-spacing: 0em;
  color: #0658A2;
  width: 100%;
  left: 8px;
  left: 8px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-rectangle-219_34 {
  width: 100%;
  height: 100%;
  top: 1000px;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

/* ===== 05. Forms / fields / pills / checkboxes ===================================== */
.stroke-wrapper-219_34 {
  position: relative;
  width: 100%;
  height:50px;
  flex-shrink: 0;
}

.stroke-219_34 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(6, 88, 162, 0.28);
  background: linear-gradient(110deg, rgba(6,88,162,.10), rgba(0,184,217,.10), rgba(148,216,45,.10));
  transition:
    border-width 0.22s cubic-bezier(0.2, 0.9, 0.2, 1),
    border-color 0.18s ease,
    background-color 0.15s ease;
}

.Pixso-paragraph-219_35 {
  font-size: 14px;
  font-family: "Inter-Bold";
  font-weight: 600;
  letter-spacing: 0em;
  color: #0658a2;
  position: absolute;
  left: 18px;
  right: 18px;
  width: auto;
  height: auto;
  min-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  top: 38px;
  z-index: 1;
}

.Pixso-paragraph-219_35::placeholder {
  color: #0658a2;
  font-weight: 300;
}

input.Pixso-paragraph-219_35 {
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
}

.Pixso-frame-219_36 {
  width: 456px;
  min-height: 116px;
  height: auto;
  position: absolute;
  left: 621px;
  top: 351px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_36 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_37 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: 50%;
  left: 5px;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-rectangle-219_38 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_38 {
  position: relative;
  width: 100%;
  height: 50px;
  flex-shrink: 0;
}

.stroke-219_38 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
  transition:
    border-width 0.22s cubic-bezier(0.2, 0.9, 0.2, 1),
    border-color 0.18s ease,
    background-color 0.15s ease;
}

.Pixso-paragraph-219_39 {
  font-size: 20px;
  font-family: "Inter-Bold";
  font-weight: 550;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  width: 232px;
  height: 29px;
  position: absolute;
  left: 18px;
  top: 40px;
}

input.Pixso-paragraph-219_39 {
  border: none;
  background: transparent;
  outline: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  pointer-events: auto;
}

.Pixso-rectangle-219_40 {
  width: 28px;
  height: 28px;
  position: absolute;
  left: 410px;
  top: 40px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/04708502a9118a68fc18f94d4fcd56824f31793e.png");
}

.Pixso-frame-219_41 {
  width: 456px;
  min-height: 94px;
  height: auto;
  position: absolute;
  left: 62px;
  top: 675px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_41 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_42 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-rectangle-219_43 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_43 {
  position: relative;
  width: 100%;
  height: 68px;
  flex-shrink: 0;
}

.stroke-219_43 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_44 {
  font-size: 24px;
  font-family: "Inter-Bold";
  font-weight: 700;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  height: 29px;
  min-height: 29px;
  position: absolute;
  left: 20px;
  right: 20px;
  width: auto;
  top: 48px;
  z-index: 1;
}

.Pixso-paragraph-219_44::placeholder {
  color: rgba(72, 87, 101, 0.5);
}

input.Pixso-paragraph-219_44 {
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
}

.Pixso-frame-219_46 {
  width: 456px;
  height: 68px;
  position: absolute;
  left: 105px;
  top: 840px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_46 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_47 {
  font-size: 14px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-rectangle-219_48 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_48 {
  position: relative;
  width: 414px;
  height: 45px;
  flex-shrink: 0;
}

.stroke-219_48 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
  transition:
    border-width 0.22s cubic-bezier(0.2, 0.9, 0.2, 1),
    border-color 0.18s ease,
    background-color 0.15s ease;
}

.Pixso-paragraph-219_49 {
  font-size: 18px;
  font-family: "Inter-Semi Bold";
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  height: 29px;
  position: absolute;
  left: 13px;
  right: 13px;
  width: auto;
  top: 31px;
  z-index: 1;
}

.Pixso-frame-219_50 {
  width: 456px;
  height: 68px;
  position: absolute;
  left: 105px;
  top: 921px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_50 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_51 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-rectangle-219_52 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_52 {
  position: relative;
  width: 414px;
  height: 45px;
  flex-shrink: 0;
}

.stroke-219_52 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_53 {
  font-size: 20px;
  font-family: "Inter-Semi Bold";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  height: 29px;
  position: absolute;
  left: 13px;
  right: 13px;
  width: auto;
  top: 33px;
  z-index: 1;
}

.Pixso-frame-219_54 {
  width: 456px;
  height: 68px;
  position: absolute;
  left: 105px;
  top: 1009px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_54 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_55 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-rectangle-219_56 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_56 {
  position: relative;
  width: 414px;
  height: 45px;
  flex-shrink: 0;
}

.stroke-219_56 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_57 {
  font-size: 20px;
  font-family: "Inter-Semi Bold";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  height: 29px;
  position: absolute;
  left: 13px;
  right: 13px;
  width: auto;
  top: 33px;
  z-index: 1;
}

.Pixso-frame-219_58 {
  width: 456px;
  height: 68px;
  position: absolute;
  left: 105px;
  top: 1090px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_58 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_59 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-rectangle-219_60 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_60 {
  position: relative;
  width: 414px;
  height: 45px;
  flex-shrink: 0;
}

.stroke-219_60 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_61 {
  font-size: 20px;
  font-family: "Inter-Semi Bold";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  height: 29px;
  position: absolute;
  left: 13px;
  right: 13px;
  width: auto;
  top: 33px;
  z-index: 1;
}

.Pixso-frame-219_62 {
  width: 456px;
  min-height: 94px;
  height: auto;
  position: absolute;
  left: 621px;
  top: 675px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_62 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_63 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.okkwork-subdivision-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.okkwork-subdivision-heading__text {
  min-width: 0;
  flex: 1 1 auto;
}

.okkwork-subdivision-count {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: rgba(217, 224, 227, 1);
  color: rgba(72, 87, 101, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter-Bold", "Inter-Regular", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
}

.Pixso-rectangle-219_64 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_64 {
  position: relative;
  width: 100%;
  height: 50px;
  flex-shrink: 0;
}

.stroke-219_64 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
  transition:
    border-width 0.22s cubic-bezier(0.2, 0.9, 0.2, 1),
    border-color 0.18s ease,
    background-color 0.15s ease;
}

.Pixso-paragraph-219_65 {
  font-size: 18px;
  font-family: "Inter-Bold";
  font-weight: 550;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  height: 29px;
  min-height: 29px;
  position: absolute;
  left: 18px;
  right: 18px;
  width: auto;
  top: 40px;
  z-index: 1;
}

.Pixso-paragraph-219_65::placeholder {
  color: rgba(72, 87, 101, 0.5);
}

input.Pixso-paragraph-219_65 {
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
}

.Pixso-frame-219_67 {
  width: 456px;
  height: 68px;
  position: absolute;
  left: 650px;
  top: 840px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_67 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_68 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-rectangle-219_69 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_69 {
  position: relative;
  width: 414px;
  height: 45px;
  flex-shrink: 0;
}

.stroke-219_69 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
  transition:
    border-width 0.22s cubic-bezier(0.2, 0.9, 0.2, 1),
    border-color 0.18s ease,
    background-color 0.15s ease;
}

.Pixso-paragraph-219_70 {
  font-size: 20px;
  font-family: "Inter-Semi Bold";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  height: 29px;
  position: absolute;
  left: 13px;
  right: 13px;
  width: auto;
  top: 33px;
  z-index: 1;
}

.Pixso-frame-219_71 {
  width: 456px;
  height: 68px;
  position: absolute;
  left: 650px;
  top: 921px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_71 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_72 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-rectangle-219_73 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_73 {
  position: relative;
  width: 414px;
  height: 45px;
  flex-shrink: 0;
}

.stroke-219_73 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_74 {
  font-size: 20px;
  font-family: "Inter-Semi Bold";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  height: 29px;
  position: absolute;
  left: 13px;
  right: 13px;
  width: auto;
  top: 33px;
  z-index: 1;
}

.Pixso-frame-219_75 {
  width: 456px;
  height: 68px;
  position: absolute;
  left: 650px;
  top: 1009px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_75 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_76 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-rectangle-219_77 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_77 {
  position: relative;
  width: 414px;
  height: 45px;
  flex-shrink: 0;
}

.stroke-219_77 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_78 {
  font-size: 20px;
  font-family: "Inter-Semi Bold";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  height: 29px;
  position: absolute;
  left: 13px;
  right: 13px;
  width: auto;
  top: 33px;
  z-index: 1;
}

.Pixso-frame-219_79 {
  width: 456px;
  height: 68px;
  position: absolute;
  left: 650px;
  top: 1090px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_79 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_80 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-rectangle-219_81 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_81 {
  position: relative;
  width: 414px;
  height: 45px;
  flex-shrink: 0;
}

.stroke-219_81 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_82 {
  font-size: 20px;
  font-family: "Inter-Semi Bold";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  height: 29px;
  position: absolute;
  left: 13px;
  right: 13px;
  width: auto;
  top: 33px;
  z-index: 1;
}

.Pixso-frame-219_83 {
  width: 456px;
  height: 68px;
  position: absolute;
  left: 105px;
  top: 1178px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_83 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_84 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-rectangle-219_85 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_85 {
  position: relative;
  width: 414px;
  height: 45px;
  flex-shrink: 0;
}

.stroke-219_85 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_86 {
  font-size: 20px;
  font-family: "Inter-Semi Bold";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  height: 29px;
  position: absolute;
  left: 13px;
  right: 13px;
  width: auto;
  top: 33px;
  z-index: 1;
}

.Pixso-frame-219_87 {
  width: 456px;
  height: 68px;
  position: absolute;
  left: 105px;
  top: 1259px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_87 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_88 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-rectangle-219_89 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_89 {
  position: relative;
  width: 414px;
  height: 45px;
  flex-shrink: 0;
}

.stroke-219_89 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_90 {
  font-size: 20px;
  font-family: "Inter-Semi Bold";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  height: 29px;
  position: absolute;
  left: 13px;
  right: 13px;
  width: auto;
  top: 33px;
  z-index: 1;
}

.Pixso-frame-219_91 {
  width: 456px;
  height: 68px;
  position: absolute;
  left: 105px;
  top: 1347px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_91 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_92 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-rectangle-219_93 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_93 {
  position: relative;
  width: 414px;
  height: 45px;
  flex-shrink: 0;
}

.stroke-219_93 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_94 {
  font-size: 20px;
  font-family: "Inter-Semi Bold";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  height: 29px;
  position: absolute;
  left: 13px;
  right: 13px;
  width: auto;
  top: 33px;
  z-index: 1;
}

.Pixso-frame-219_95 {
  width: 456px;
  height: 68px;
  position: absolute;
  left: 105px;
  top: 1428px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_95 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_96 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-rectangle-219_97 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_97 {
  position: relative;
  width: 414px;
  height: 45px;
  flex-shrink: 0;
}

.stroke-219_97 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_98 {
  font-size: 20px;
  font-family: "Inter-Semi Bold";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  height: 29px;
  position: absolute;
  left: 13px;
  right: 13px;
  width: auto;
  top: 33px;
  z-index: 1;
}

input.Pixso-paragraph-219_49{
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  width: auto;
  left: 13px;
  right: 13px;
  min-width: 0;
  max-width: none;
}
input.Pixso-paragraph-219_53{
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  width: auto;
  left: 13px;
  right: 13px;
  min-width: 0;
  max-width: none;
}
input.Pixso-paragraph-219_57{
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  width: auto;
  left: 13px;
  right: 13px;
  min-width: 0;
  max-width: none;
}
input.Pixso-paragraph-219_61{
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  width: auto;
  left: 13px;
  right: 13px;
  min-width: 0;
  max-width: none;
}
input.Pixso-paragraph-219_70{
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  width: auto;
  left: 13px;
  right: 13px;
  min-width: 0;
  max-width: none;
}
input.Pixso-paragraph-219_74{
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  width: auto;
  left: 13px;
  right: 13px;
  min-width: 0;
  max-width: none;
}
input.Pixso-paragraph-219_78{
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  width: auto;
  left: 13px;
  right: 13px;
  min-width: 0;
  max-width: none;
}
input.Pixso-paragraph-219_82{
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  width: auto;
  left: 13px;
  right: 13px;
  min-width: 0;
  max-width: none;
}
input.Pixso-paragraph-219_86{
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  width: auto;
  left: 13px;
  right: 13px;
  min-width: 0;
  max-width: none;
}
input.Pixso-paragraph-219_90{
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  width: auto;
  left: 13px;
  right: 13px;
  min-width: 0;
  max-width: none;
}
input.Pixso-paragraph-219_94{
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  width: auto;
  left: 13px;
  right: 13px;
  min-width: 0;
  max-width: none;
}
input.Pixso-paragraph-219_98{
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  width: auto;
  left: 13px;
  right: 13px;
  min-width: 0;
  max-width: none;
}


.Pixso-paragraph-219_49::placeholder{
  color: rgba(72, 87, 101, 0.5);
}
.Pixso-paragraph-219_53::placeholder{
  color: rgba(72, 87, 101, 0.5);
}
.Pixso-paragraph-219_57::placeholder{
  color: rgba(72, 87, 101, 0.5);
}
.Pixso-paragraph-219_61::placeholder{
  color: rgba(72, 87, 101, 0.5);
}
.Pixso-paragraph-219_70::placeholder{
  color: rgba(72, 87, 101, 0.5);
}
.Pixso-paragraph-219_74::placeholder{
  color: rgba(72, 87, 101, 0.5);
}
.Pixso-paragraph-219_78::placeholder{
  color: rgba(72, 87, 101, 0.5);
}
.Pixso-paragraph-219_82::placeholder{
  color: rgba(72, 87, 101, 0.5);
}
.Pixso-paragraph-219_86::placeholder{
  color: rgba(72, 87, 101, 0.5);
}
.Pixso-paragraph-219_90::placeholder{
  color: rgba(72, 87, 101, 0.5);
}
.Pixso-paragraph-219_94::placeholder{
  color: rgba(72, 87, 101, 0.5);
}
.Pixso-paragraph-219_98::placeholder{
  color: rgba(72, 87, 101, 0.5);
}


.okkwork-extra-subdivisions {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  z-index: 3;
}

.okkwork-extra-subdivision {
  position: absolute !important;
  width: 456px;
  min-height: 94px;
  flex: 0 0 456px;
  margin-bottom: 0;
}

.okkwork-extra-subdivision .frame-content-219_62 {
  align-items: flex-start;
}

.okkwork-extra-subdivision .okkwork-add-actions__row2.okkwork-extra-subdivision-add-row {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 12px;
  width: 50%;
  margin-top: 6px;
}

.okkwork-extra-subdivision .okkwork-add-actions__row2 .okkwork-btn-108_1988 {
  font-size: 13px;
  padding: 8px 10px;
  min-height: 34px;
}

.okkwork-stroke-with-delete {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 100%;
  position: relative;
}

.okkwork-stroke-with-delete > .stroke-wrapper-219_43{
  flex: 1 1 auto;
  min-width: 0;
}
.okkwork-stroke-with-delete > .stroke-wrapper-219_64{
  flex: 1 1 auto;
  min-width: 0;
}


.okkwork-field-delete {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  color: #c62828;
  box-shadow: 0 0 0 1px rgba(198, 40, 40, 0.25);
  transition: background-color 0.15s ease, transform 0.12s ease;
  pointer-events: auto;
  position: relative;
  z-index: 4;
}

.okkwork-field-delete:hover {
  background: rgba(255, 235, 238, 1);
}

.okkwork-field-delete:active {
  transform: scale(0.96);
}

.okkwork-field-delete:focus-visible {
  outline: 2px solid rgba(198, 40, 40, 0.5);
  outline-offset: 2px;
}

.okkwork-trash-icon {
  display: block;
  width: 20px;
  height: 20px;
}

.okkwork-subdivision-specialists {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 8px;
  position: relative;
  flex-shrink: 0;
}

.okkwork-specialist-dynamic.Pixso-frame-219_46{
  position: relative !important;
  left: auto !important;
  top: auto !important;
}
.okkwork-specialist-dynamic.Pixso-frame-219_67{
  position: relative !important;
  left: auto !important;
  top: auto !important;
}


input.okkwork-extra-subdivision-name {
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
}

/* Блок кнопок «Добавить менеджера / оператора» (первая строка — внутри .Pixso-frame-219_36 под #219_38) */
.okkwork-add-actions {
  position: absolute;
  left: 62px;
  top: 775px;
  width: 1015px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  z-index: 4;
  pointer-events: auto;
}

.Pixso-frame-219_36 .okkwork-add-actions__row1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 42px;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 0;
  flex-shrink: 0;
}

.okkwork-add-actions__row1--under-company {
  position: absolute;
  left: 61px;
  top: 465px;
  z-index: 10;
}

.okkwork-add-actions__row1--under-company .okkwork-btn-108_1988 {
  width: auto;
  max-width: 100%;
}

.okkwork-add-actions__row2 {
  display: grid;
  grid-template-columns: 456px 456px;
  column-gap: 103px;
  align-items: start;
}

/* Ширина как у stroke-wrapper-219_43 (456px) и блока с Pixso-rectangle-219_64 (456px) */
.okkwork-add-actions__row2 .okkwork-add-spec1{
  width: 456px;
  max-width: 100%;
  box-sizing: border-box;
}
.okkwork-add-actions__row2 .okkwork-add-spec2{
  width: 456px;
  max-width: 100%;
  box-sizing: border-box;
}


/* okkwork-btn-108_1988 — цвет #067E10 и форма как у .okkwork-save-btn: okkwork-stagecards-next.css */
.okkwork-btn-108_1988:not(.okkwork-scoring-select-btn) {
  width: 100%;
}

.okkwork-save-wrap {
  width: 575px;
  position: absolute;
  left: 0px;
  /* 219_212 (top 200 + h 118) + 40px */
  top: 358px;
  display: flex;
}

/* «Сохранить» — см. okkwork-stagecards-next.css (.okkwork-save-btn) */

.okkwork-stage2-summary {
  width: 635px;
  position: absolute;
  /* 60 + 575 + 103 = 738 (вторая колонка как в сетке добавления специалистов) */
  left: 1200px;
  top: 400px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Вкладки подразделений — над сводкой, с нахлёстом; слой ниже карточки (z-index меньше у .okkwork-stage2-summary__card) */
.okkwork-stage2-summary__tabs {
  position: relative;
  z-index: 0;
  left: auto;
  top: auto;
  display: flex;
  gap: 12px;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 0 12px 0 16px;
  margin-top: -10px;
  margin-bottom: -4px;
  max-width: 100%;
  box-sizing: border-box;
}

.okkwork-stage2-summary__tab {
  appearance: none;
  border: none;
  cursor: pointer;
  border-radius: 8px 8px 0 0;
  height: 36px;
  min-width: 44px;
  padding: 6px 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 16px;
  font-family: "Inter-Bold";
  font-weight: 700;
  letter-spacing: 0em;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(72.09217071533203, 86.96427154541016, 100.7740478515625, 1);
  box-shadow: 0 -1px 0 rgba(6, 88, 162, 0.35) inset;
}

.okkwork-stage2-summary__tab[aria-selected="true"] {
  background-color: #0658a2;
  z-index: 1;
}

.okkwork-stage2-summary__tab:focus-visible {
  outline: 2px solid rgba(3, 105, 161, 0.45);
  outline-offset: 2px;
}

.okkwork-stage2-summary__card {
  position: relative;
  z-index: 1;
  left: auto;
  top: auto;
  width: 100%;
  border-radius: 16px;
  background-color: #DCE7F2;
  border: 0.5px solid rgba(6, 88, 162, 1);
  padding: 26px 12px 24px;
  /* непрозрачная заливка, чтобы вкладки под верхним краём не просвечивали поверх */
  background-clip: padding-box;
}

.okkwork-stage2-summary__card-inner {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.okkwork-stage2-summary__row {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.okkwork-stage2-summary__label {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: 100%;
}

.okkwork-stage2-summary__pill {
  width: fit-content;
  max-width: 100%;
  border-radius: 5px;
  background-color: #0658a2;
  padding: 5px 10px;
  font-size: 16px;
  font-family: "Inter-Bold";
  font-weight: 700;
  letter-spacing: 0em;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.okkwork-stage2-summary__pill--wide {
  width: fit-content;
  white-space: normal;
}

.okkwork-stage2-summary__pill--days {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.okkwork-stage2-summary__day-chip {
  width: 27px;
  height: 27px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #0658a2;
  border: none;
  font-size: 12px;
  font-family: "Inter-Bold";
  font-weight: 700;
  letter-spacing: 0em;
  color: rgba(255, 255, 255, 1);
  line-height: 1;
}

.Pixso-frame-219_36 .okkwork-add-actions__row1 .okkwork-btn-108_1988 {
  width: auto;
  max-width: 100%;
}

.Pixso-rectangle-219_99{
  width: 22px;
  height: 22px;
  position: relative;
  left: auto;
  top: auto;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/8980f29dd113de607ba00ae705eb7a8bdb501283.png");
  filter: brightness(0) invert(1);
}
.Pixso-rectangle-219_101{
  width: 22px;
  height: 22px;
  position: relative;
  left: auto;
  top: auto;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/8980f29dd113de607ba00ae705eb7a8bdb501283.png");
  filter: brightness(0) invert(1);
}
.Pixso-rectangle-219_103{
  width: 22px;
  height: 22px;
  position: relative;
  left: auto;
  top: auto;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/8980f29dd113de607ba00ae705eb7a8bdb501283.png");
  filter: brightness(0) invert(1);
}


.Pixso-paragraph-219_100{
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Rubik-SemiBold", "Rubik-Medium", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  flex-grow: 0;
}
.Pixso-paragraph-219_102{
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Rubik-SemiBold", "Rubik-Medium", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  flex-grow: 0;
}
.Pixso-paragraph-219_104{
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Rubik-SemiBold", "Rubik-Medium", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  flex-grow: 0;
}


.Pixso-frame-219_105 {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 333px;
  top: 677px;
  display: flex;
  flex-direction: row;
  gap: 9px;
  align-items: center;
}

.Pixso-rectangle-219_106 {
  width: 20px;
  height: 20px;
  position: relative;
  flex-shrink: 0;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(81, 95, 108, 1);
}

.Pixso-paragraph-219_107 {
  font-size: 14px;
  font-family: "Inter-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(255, 255, 255, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 5px;
  top: 1px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_108 {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 894px;
  top: 677px;
  display: flex;
  flex-direction: row;
  gap: 9px;
  align-items: center;
}

.Pixso-rectangle-219_109 {
  width: 20px;
  height: 20px;
  position: relative;
  flex-shrink: 0;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(81, 95, 108, 1);
}

.Pixso-paragraph-219_110 {
  font-size: 14px;
  font-family: "Inter-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(255, 255, 255, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 5px;
  top: 1px;
  white-space: pre;
  flex-grow: 0;
}

/* --- OKKwork: перенесено из pixso (219_134 .. 219_218) --- */
/*
 * Вертикальный ритм формы: зазор 40px.
 * Колонка left:60px: 219_133 → 219_125 → 219_142 → 219_186 → 219_195.
 * Внутри 219_142 (absolute): 219_148 → 219_159 → 219_171 (см. ниже top).
 * Внутри 219_195: 219_196 → 219_204 → 219_212.
 */
.Pixso-frame-219_125 {
  width: 456px;
  height: 68px;
  position: absolute;
  left: 60px;
  /* OKKwork: 40px после 219_133 (353 + 91 + 40) */
  top: 484px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_125 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
}

.okkwork-schedule-options {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  width: 100%;
}

.okkwork-schedule-pill-host .okkwork-schedule-pill-input {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  z-index: 3;
  opacity: 0;
}

.okkwork-schedule-pill-host .stroke-219_127{
  z-index: 2;
}
.okkwork-schedule-pill-host .stroke-219_129{
  z-index: 2;
}
.okkwork-schedule-pill-host .stroke-219_131{
  z-index: 2;
}


.okkwork-schedule-pill-host:has(.okkwork-schedule-pill-input:checked) .Pixso-frame-219_127{
  background-color: #0658a2 !important;
}
.okkwork-schedule-pill-host:has(.okkwork-schedule-pill-input:checked) .Pixso-frame-219_129{
  background-color: #0658a2 !important;
}
.okkwork-schedule-pill-host:has(.okkwork-schedule-pill-input:checked) .Pixso-frame-219_131{
  background-color: #0658a2 !important;
}


.okkwork-schedule-pill-host:has(.okkwork-schedule-pill-input:checked) .Pixso-paragraph-219_128{
  color: #ffffff !important;
}
.okkwork-schedule-pill-host:has(.okkwork-schedule-pill-input:checked) .Pixso-paragraph-219_130{
  color: #ffffff !important;
}
.okkwork-schedule-pill-host:has(.okkwork-schedule-pill-input:checked) .Pixso-paragraph-219_132{
  color: #ffffff !important;
}


.Pixso-paragraph-219_126 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-frame-219_127 {
  width: auto;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 5px 5px 5px 5px;
  background-color: rgba(245, 245, 245, 1);
}

.frame-content-219_127 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 5px 10px 5px 10px;
  width: 100%;
  height: 100%;
  position: relative;
}

.stroke-wrapper-219_127 {
  position: relative;
  width: fit-content;
  height: 35px;
  display: flex;
  align-items: stretch;
}

.stroke-219_127 {
  position: absolute;
  inset: 0px;
  border-radius: 5px 5px 5px 5px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_128 {
  font-size: 16px;
  font-family: "Inter-Bold";
  font-weight: 700;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: auto;
  height: auto;
  position: relative;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_129 {
  width: auto;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 5px 5px 5px 5px;
  background-color: rgba(245, 245, 245, 1);
}

.frame-content-219_129 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 5px 10px 5px 10px;
  width: 100%;
  height: 100%;
  position: relative;
}

.stroke-wrapper-219_129 {
  position: relative;
  width: fit-content;
  height: 35px;
  display: flex;
  align-items: stretch;
}

.stroke-219_129 {
  position: absolute;
  inset: 0px;
  border-radius: 5px 5px 5px 5px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_130 {
  font-size: 16px;
  font-family: "Inter-Bold";
  font-weight: 700;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: auto;
  height: auto;
  position: relative;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_131 {
  width: auto;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 5px 5px 5px 5px;
  background-color: rgba(245, 245, 245, 1);
}

.frame-content-219_131 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 5px 10px 5px 10px;
  width: 100%;
  height: 100%;
  position: relative;
}

.stroke-wrapper-219_131 {
  position: relative;
  width: fit-content;
  height: 35px;
  display: flex;
  align-items: stretch;
}

.stroke-219_131 {
  position: absolute;
  inset: 0px;
  border-radius: 5px 5px 5px 5px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_132 {
  font-size: 16px;
  font-family: "Inter-Bold";
  font-weight: 700;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: auto;
  height: auto;
  position: relative;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_133 {
  width: 456px;
  height: 91px;
  position: absolute;
  left: 60px;
  top: 353px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_133 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-paragraph-219_134 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-frame-219_135 {
  width: auto;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 5px 5px 5px 5px;
  background-color: rgba(245, 245, 245, 1);
}

.frame-content-219_135 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 5px 10px 5px 10px;
  width: auto;
  height: 100%;
  position: relative;
}

.stroke-wrapper-219_135 {
  position: absolute;
  left: 0px;
  top: 35px;
  width: fit-content;
  height: 35px;
  display: flex;
}

.stroke-219_135 {
  position: absolute;
  inset: 0px;
  border-radius: 5px 5px 5px 5px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_136 {
  font-size: 16px;
  font-family: "Inter-Bold";
  font-weight: 700;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: auto;
  height: auto;
  position: relative;
}

.Pixso-frame-219_137 {
  width: auto;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 5px 5px 5px 5px;
  background-color: rgba(245, 245, 245, 1);
}

.frame-content-219_137 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 5px 10px 5px 10px;
  width: auto;
  height: 100%;
  position: relative;
}

.stroke-wrapper-219_137 {
  position: absolute;
  left: 0px;
  top: 35px;
  width: fit-content;
  height: 35px;
  display: flex;
}

.stroke-219_137 {
  position: absolute;
  inset: 0px;
  border-radius: 5px 5px 5px 5px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_138 {
  font-size: 16px;
  font-family: "Inter-Bold";
  font-weight: 700;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: auto;
  height: auto;
  position: relative;
}

.Pixso-frame-219_139 {
  width: auto;
  height: auto;
  position: absolute;
  left: 0px;
  top: 75px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: flex-end;
}

.Pixso-rectangle-219_140 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 0.5px 0.5px 0.5px 0.5px;
  background-color: rgba(237.60670471191406, 237.60670471191406, 237.60670471191406, 1);
  top: 0px;
}

.stroke-wrapper-219_140 {
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  top: 7px;
}

.stroke-219_140 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 1);
}

.Pixso-paragraph-219_141 {
  font-size: 16px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
  top: 8px;
}

.Pixso-frame-219_142 {
  width: 575px;
  height: 118px;
  position: absolute;
  left: 60px;
  /* OKKwork: 40px после 219_125 (484 + 68 + 40) */
  top: 592px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_142 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  padding: 9px 37px 9px 37px;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-frame-219_143 {
  width: 200px;
  height: 35px;
  position: absolute;
  left: 400px;
  top: 85px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 5px 5px 5px 5px;
  background-color: rgba(217, 217, 217, 1);
}

.frame-content-219_143 {
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
  padding: 5px 7px 5px 7px;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-rectangle-219_144 {
  width: 85px;
  height: 25px;
  position: relative;
  flex-shrink: 0;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(237.60670471191406, 237.60670471191406, 237.60670471191406, 1);
  pointer-events: none;
}

.Pixso-rectangle-219_145 {
  width: 80px;
  height: 25px;
  position: relative;
  flex-shrink: 0;
  left: 5px;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(237.60670471191406, 237.60670471191406, 237.60670471191406, 1);
  pointer-events: none;
}

.Pixso-paragraph-219_146 {
  font-size: 20px;
  font-family: "Inter-Bold";
  font-weight: 700;
  letter-spacing: 0.09000000357627869em;
  color: rgba(72.09217071533203, 86.96427154541016, 100.7740478515625, 1);
  width: 98px;
  height: auto;
  position: absolute;
  left: 17px;
  top: 4px;
  white-space: pre;
  flex-grow: 0;
  z-index: 2;
}

.Pixso-paragraph-219_147 {
  font-size: 20px;
  font-family: "Inter-Bold";
  font-weight: 700;
  letter-spacing: 0.09000000357627869em;
  color: rgba(72.09217071533203, 86.96427154541016, 100.7740478515625, 1);
  width: 98px;
  height: auto;
  position: absolute;
  left: 122px;
  top: 4px;
  white-space: pre;
  flex-grow: 0;
  z-index: 2;
}

.Pixso-frame-219_148 {
  width: 575px;
  height: 118px;
  position: absolute;
  left: 0px;
  top: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_148 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-paragraph-219_149 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-frame-219_150 {
  width: 315px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-219_150 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_151 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 25px;
  top: -2px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_152 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(148, 216, 45, 0);
}

.stroke-wrapper-219_152 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  display: flex;
}

.stroke-219_152 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 1);
}

.Pixso-frame-219_153 {
  width: 315px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 61px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-219_153 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_154 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 25px;
  top: -2px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_155 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_155 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  display: flex;
}

.stroke-219_155 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 1);
}

.Pixso-frame-219_156 {
  width: 315px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 87px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-219_156 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_157 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 25px;
  top: -2px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_158 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_158 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  display: flex;
}

.stroke-219_158 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 1);
}

.Pixso-frame-219_159 {
  width: 575px;
  height: 118px;
  position: absolute;
  left: 0px;
  top: 158px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_159 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-paragraph-219_160 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-frame-219_161 {
  width: 315px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-219_161 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_162 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 25px;
  top: -2px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_163 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_163 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  display: flex;
}

.stroke-219_163 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 1);
}

.Pixso-frame-219_164 {
  width: 315px;
  height: 19px;
  position: absolute;
  left: 10px;
  top: 61px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-219_164 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_165 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 25px;
  top: -2px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_166 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_166 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  display: flex;
}

.stroke-219_166 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 1);
}

.Pixso-frame-219_167 {
  width: 315px;
  height: 22px;
  position: absolute;
  left: 10px;
  top: 87px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-219_167 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_168 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 25px;
  top: -2px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_169 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_169 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  display: flex;
}

.stroke-219_169 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 1);
}

.Pixso-frame-219_171 {
  width: auto;
  height: auto;
  position: absolute;
  left: 262px;
  top: 240px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}

.Pixso-frame-219_172 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 2px 2px 2px 2px;
  background-color: rgba(237.60670471191406, 237.60670471191406, 237.60670471191406, 1);
}

.frame-content-219_172 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 2px 1px 2px 1px;
  width: 100%;
  height: 100%;
  position: relative;
}

.stroke-wrapper-219_172 {
  position: relative;
  width: 25px;
  height: 25px;
  display: flex;
  flex-shrink: 0;
}

.stroke-219_172 {
  position: absolute;
  inset: 0px;
  border-radius: 2px 2px 2px 2px;
  pointer-events: none;
  border-width: 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_173 {
  font-size: 12px;
  font-family: "Rubik-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_174 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 2px 2px 2px 2px;
  background-color: rgba(237.60670471191406, 237.60670471191406, 237.60670471191406, 1);
}

.frame-content-219_174 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 2px 1px 2px 1px;
  width: 100%;
  height: 100%;
  position: relative;
}

.stroke-wrapper-219_174 {
  position: relative;
  width: 25px;
  height: 25px;
  display: flex;
  flex-shrink: 0;
}

.stroke-219_174 {
  position: absolute;
  inset: 0px;
  border-radius: 2px 2px 2px 2px;
  pointer-events: none;
  border-width: 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_175 {
  font-size: 12px;
  font-family: "Rubik-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_176 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 2px 2px 2px 2px;
  background-color: rgba(81, 95, 108, 1);
}

.frame-content-219_176 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 2px 1px 2px 1px;
  width: 100%;
  height: 100%;
  position: relative;
}

.stroke-wrapper-219_176 {
  position: relative;
  width: 25px;
  height: 25px;
  display: flex;
  flex-shrink: 0;
}

.stroke-219_176 {
  position: absolute;
  inset: 0px;
  border-radius: 2px 2px 2px 2px;
  pointer-events: none;
  border-width: 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_177 {
  font-size: 12px;
  font-family: "Rubik-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(245, 245, 245, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_178 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 2px 2px 2px 2px;
  background-color: rgba(81, 95, 108, 1);
}

.frame-content-219_178 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 2px 1px 2px 1px;
  width: 100%;
  height: 100%;
  position: relative;
}

.stroke-wrapper-219_178 {
  position: relative;
  width: 25px;
  height: 25px;
  display: flex;
  flex-shrink: 0;
}

.stroke-219_178 {
  position: absolute;
  inset: 0px;
  border-radius: 2px 2px 2px 2px;
  pointer-events: none;
  border-width: 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_179 {
  font-size: 12px;
  font-family: "Rubik-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(245, 245, 245, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_180 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 2px 2px 2px 2px;
  background-color: rgba(237.60670471191406, 237.60670471191406, 237.60670471191406, 1);
}

.frame-content-219_180 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 2px 1px 2px 1px;
  width: 100%;
  height: 100%;
  position: relative;
}

.stroke-wrapper-219_180 {
  position: relative;
  width: 25px;
  height: 25px;
  display: flex;
  flex-shrink: 0;
}

.stroke-219_180 {
  position: absolute;
  inset: 0px;
  border-radius: 2px 2px 2px 2px;
  pointer-events: none;
  border-width: 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_181 {
  font-size: 12px;
  font-family: "Rubik-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_182 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 2px 2px 2px 2px;
  background-color: rgba(237.60670471191406, 237.60670471191406, 237.60670471191406, 1);
}

.frame-content-219_182 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 2px 1px 2px 1px;
  width: 100%;
  height: 100%;
  position: relative;
}

.stroke-wrapper-219_182 {
  position: relative;
  width: 25px;
  height: 25px;
  display: flex;
  flex-shrink: 0;
}

.stroke-219_182 {
  position: absolute;
  inset: 0px;
  border-radius: 2px 2px 2px 2px;
  pointer-events: none;
  border-width: 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_183 {
  font-size: 12px;
  font-family: "Rubik-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_184 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 2px 2px 2px 2px;
  background-color: rgba(237.60670471191406, 237.60670471191406, 237.60670471191406, 1);
}

.frame-content-219_184 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 2px 1px 2px 1px;
  width: 100%;
  height: 100%;
  position: relative;
}

.stroke-wrapper-219_184 {
  position: relative;
  width: 25px;
  height: 25px;
  display: flex;
  flex-shrink: 0;
}

.stroke-219_184 {
  position: absolute;
  inset: 0px;
  border-radius: 2px 2px 2px 2px;
  pointer-events: none;
  border-width: 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px 0.20000000298023224px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-paragraph-219_185 {
  font-size: 12px;
  font-family: "Rubik-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

/* OKKwork: этап 2 — чекбоксы/радио (#0658A2 / #F5F5F5), время, дни недели */
.okkwork-pixso-check-host {
  position: relative;
}

.okkwork-pixso-check-host .okkwork-pixso-check-fill {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  box-sizing: border-box;
}

.okkwork-pixso-check-host .okkwork-pixso-check-input {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  z-index: 3;
  opacity: 0;
}

.okkwork-sub-pill-host {
  position: absolute;
}

.okkwork-sub-pill-host .okkwork-sub-pill-input {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  z-index: 3;
  opacity: 0;
}

.okkwork-sub-pill-host .stroke-219_135{
  z-index: 2;
}
.okkwork-sub-pill-host .stroke-219_137{
  z-index: 2;
}


.okkwork-sub-pill-host:has(.okkwork-sub-pill-input:checked) .Pixso-frame-219_135{
  background-color: #0658a2 !important;
}
.okkwork-sub-pill-host:has(.okkwork-sub-pill-input:checked) .Pixso-frame-219_137{
  background-color: #0658a2 !important;
}


.okkwork-sub-pill-host:has(.okkwork-sub-pill-input:checked) .Pixso-paragraph-219_136{
  color: #ffffff !important;
}
.okkwork-sub-pill-host:has(.okkwork-sub-pill-input:checked) .Pixso-paragraph-219_138{
  color: #ffffff !important;
}


.okkwork-pixso-check-host .stroke-219_140{
  z-index: 1;
}
.okkwork-pixso-check-host .stroke-219_152{
  z-index: 1;
}
.okkwork-pixso-check-host .stroke-219_155{
  z-index: 1;
}
.okkwork-pixso-check-host .stroke-219_158{
  z-index: 1;
}
.okkwork-pixso-check-host .stroke-219_163{
  z-index: 1;
}
.okkwork-pixso-check-host .stroke-219_166{
  z-index: 1;
}
.okkwork-pixso-check-host .stroke-219_169{
  z-index: 1;
}
.okkwork-pixso-check-host .stroke-219_430{
  z-index: 1;
}


.okkwork-pixso-check-host .stroke-219_191{
  z-index: 1;
}
.okkwork-pixso-check-host .stroke-219_194{
  z-index: 1;
}
.okkwork-pixso-check-host .stroke-219_200{
  z-index: 1;
}
.okkwork-pixso-check-host .stroke-219_203{
  z-index: 1;
}
.okkwork-pixso-check-host .stroke-219_208{
  z-index: 1;
}
.okkwork-pixso-check-host .stroke-219_211{
  z-index: 1;
}
.okkwork-pixso-check-host .stroke-219_218{
  z-index: 1;
}


.okkwork-pixso-check-host .okkwork-pixso-check-fill {
  background-color: rgba(245, 245, 245, 1) !important;
}

.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked) .okkwork-pixso-check-fill {
  background-color: #0658a2 !important;
}

.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 9px;
  margin-top: -1px;
  border: solid #f5f5f5;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -58%) rotate(45deg);
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}

.stroke-wrapper-219_152.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after{
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border-width: 0 1.5px 1.5px 0;
}
.stroke-wrapper-219_155.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after{
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border-width: 0 1.5px 1.5px 0;
}
.stroke-wrapper-219_158.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after{
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border-width: 0 1.5px 1.5px 0;
}
.stroke-wrapper-219_163.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after{
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border-width: 0 1.5px 1.5px 0;
}
.stroke-wrapper-219_166.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after{
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border-width: 0 1.5px 1.5px 0;
}
.stroke-wrapper-219_169.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after{
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border-width: 0 1.5px 1.5px 0;
}
.stroke-wrapper-219_191.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after{
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border-width: 0 1.5px 1.5px 0;
}
.stroke-wrapper-219_194.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after{
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border-width: 0 1.5px 1.5px 0;
}
.stroke-wrapper-219_200.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after{
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border-width: 0 1.5px 1.5px 0;
}
.stroke-wrapper-219_203.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after{
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border-width: 0 1.5px 1.5px 0;
}
.stroke-wrapper-219_208.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after{
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border-width: 0 1.5px 1.5px 0;
}
.stroke-wrapper-219_211.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after{
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border-width: 0 1.5px 1.5px 0;
}
.stroke-wrapper-219_218.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after{
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border-width: 0 1.5px 1.5px 0;
}
.stroke-wrapper-219_430.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after{
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border-width: 0 1.5px 1.5px 0;
}
.okkwork-plan-option-check.okkwork-pixso-check-host:has(.okkwork-pixso-check-input:checked)::after{
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border-width: 0 1.5px 1.5px 0;
}


.okkwork-plan-option-label {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 25px;
  top: -1px;
  white-space: pre;
}

.okkwork-plan-option-check {
  position: absolute;
  left: 0;
  top: -1px;
  width: 20px;
  height: 20px;
  display: flex;
}

[id="219_163"] .okkwork-pixso-check-input{
  pointer-events: none;
}
[id="219_166"] .okkwork-pixso-check-input{
  pointer-events: none;
}
[id="219_169"] .okkwork-pixso-check-input{
  pointer-events: none;
}
#okkwork-plan-has .okkwork-pixso-check-input{
  pointer-events: none;
}
[id="219_218"] .okkwork-pixso-check-input{
  pointer-events: none;
}


[id="219_163"]{
  cursor: pointer;
}
[id="219_166"]{
  cursor: pointer;
}
[id="219_169"]{
  cursor: pointer;
}
#okkwork-plan-has{
  cursor: pointer;
}
[id="219_218"]{
  cursor: pointer;
}


.okkwork-plan-value-wrap {
  width: 120px;
  min-width: 120px;
  height: 35px;
  position: absolute;
  left: 150px;
  top: -3px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: rgba(217, 217, 217, 1);
}

.okkwork-plan-value-wrap--locked {
  opacity: 0.72;
}

.okkwork-plan-value-wrap.okkwork-plan-value-wrap--filled {
  background-color: #DCE7F2 !important;
}

.okkwork-plan-value-wrap.okkwork-plan-value-wrap--filled .okkwork-plan-value-rect {
  background-color: #0658A2 !important;
}

.okkwork-plan-value-wrap.okkwork-plan-value-wrap--filled .okkwork-plan-value-input {
  color: #ffffff !important;
}

.okkwork-plan-value-rect {
  width: auto;
  height: 25px;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 5px;
  border-radius: 3px;
  background-color: rgba(237.60670471191406, 237.60670471191406, 237.60670471191406, 1);
}

input.okkwork-plan-value-input {
  position: absolute;
  left: 50%;
  top: 4px;
  transform: translateX(-50%);
  width: calc(100% - 20px);
  font-size: 20px;
  font-family: "Inter-Bold", Inter, sans-serif;
  font-weight: 700;
  letter-spacing: 0.09em;
  color: rgba(72, 87, 101, 1);
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

input.okkwork-time-slab-input {
  font-family: "Inter-Bold", Inter, sans-serif;
  font-weight: 700;
  letter-spacing: 0.09000000357627869em;
  color: rgba(72, 87, 101, 1);
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  min-width: 0;
}

input.okkwork-time-slab-input:read-only {
  cursor: not-allowed;
  color: rgba(72, 87, 101, 0.85);
}

.Pixso-frame-219_143.okkwork-time-slab--locked {
  opacity: 0.72;
  cursor: pointer;
}

.Pixso-frame-219_143.okkwork-time-slab--filled {
  background-color: #DCE7F2 !important;
}

.Pixso-frame-219_143.okkwork-time-slab--filled .Pixso-rectangle-219_144{
  background-color: #0658A2 !important;
}
.Pixso-frame-219_143.okkwork-time-slab--filled .Pixso-rectangle-219_145{
  background-color: #0658A2 !important;
}


.Pixso-frame-219_143.okkwork-time-slab--filled .okkwork-time-slab-input {
  color: #ffffff !important;
}

.Pixso-frame-219_171 .okkwork-day-pill {
  background-color: rgba(237.60670471191406, 237.60670471191406, 237.60670471191406, 1) !important;
}

.Pixso-frame-219_171 .okkwork-day-label {
  color: rgba(81, 95, 108, 1) !important;
}

.okkwork-day-cell.okkwork-day-cell--selected .okkwork-day-pill {
  background-color: #0658a2 !important;
}

.okkwork-day-cell.okkwork-day-cell--selected .okkwork-day-label {
  color: #f5f5f5 !important;
}

.Pixso-frame-219_171.okkwork-weekend-days--yes [id="219_182"] .okkwork-day-pill{
  background-color: #0658a2 !important;
}
.Pixso-frame-219_171.okkwork-weekend-days--yes [id="219_184"] .okkwork-day-pill{
  background-color: #0658a2 !important;
}


.Pixso-frame-219_171.okkwork-weekend-days--yes [id="219_182"] .okkwork-day-label{
  color: #f5f5f5 !important;
}
.Pixso-frame-219_171.okkwork-weekend-days--yes [id="219_184"] .okkwork-day-label{
  color: #f5f5f5 !important;
}


.Pixso-frame-219_142:has(#okkwork-r-weekends-yes:checked) [id="219_182"] .okkwork-day-pill{
  background-color: #0658a2 !important;
}
.Pixso-frame-219_142:has(#okkwork-r-weekends-yes:checked) [id="219_184"] .okkwork-day-pill{
  background-color: #0658a2 !important;
}


.Pixso-frame-219_142:has(#okkwork-r-weekends-yes:checked) [id="219_182"] .okkwork-day-label{
  color: #f5f5f5 !important;
}
.Pixso-frame-219_142:has(#okkwork-r-weekends-yes:checked) [id="219_184"] .okkwork-day-label{
  color: #f5f5f5 !important;
}


.Pixso-frame-219_171.okkwork-weekend-days--locked .okkwork-day-cell {
  cursor: default;
}

.Pixso-frame-219_171.okkwork-weekend-days--locked {
  pointer-events: none;
}

.Pixso-frame-219_171.okkwork-weekend-days--active .okkwork-day-cell {
  cursor: pointer;
}

.Pixso-frame-219_186 {
  width: 575px;
  height: 88px;
  position: absolute;
  left: 60px;
  /*
   * OKKwork: после низа контента 219_142: padding-top 9 + низ 219_171 (top 316 + h 19) + 40.
   */
  top: 976px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_186 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  padding: 9px 37px 9px 37px;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-frame-219_187 {
  width: 575px;
  height: 118px;
  position: absolute;
  left: 0px;
  top: -65px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_187 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-paragraph-219_188 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-frame-219_189 {
  width: 315px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-219_189 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_190 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 25px;
  top: -3px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_191 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_191 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  display: flex;
}

.stroke-219_191 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 1);
}

.Pixso-frame-219_192 {
  width: 315px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 61px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-219_192 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_193 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 25px;
  top: -3px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_194 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_194 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  display: flex;
}

.stroke-219_194 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 1);
}

.Pixso-frame-219_195 {
  width: 575px;
  height: 88px;
  position: absolute;
  left: 60px;
  /* OKKwork: 40px после 219_186 (976 + 88 + 40) */
  top: 1104px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_195 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  padding: 9px 37px 9px 37px;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-frame-219_196 {
  width: 575px;
  height: 118px;
  position: absolute;
  left: 0px;
  top: -55px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_196 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-paragraph-219_197 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: 700px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-frame-219_198 {
  width: 315px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-219_198 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_199 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 25px;
  top: -2px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_200 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_200 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  display: flex;
}

.stroke-219_200 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 1);
}

.Pixso-frame-219_201 {
  width: 315px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 61px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-219_201 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_202 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 25px;
  top: -2px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_203 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_203 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  display: flex;
}

.stroke-219_203 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 1);
}

.Pixso-frame-219_204 {
  width: 575px;
  height: 118px;
  position: absolute;
  left: 0px;
  top: 80px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_204 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-paragraph-219_205 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: 622px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-frame-219_206 {
  width: 315px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-219_206 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_207 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 25px;
  top: -2px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_208 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_208 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  display: flex;
}

.stroke-219_208 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 1);
}

.Pixso-frame-219_209 {
  width: 315px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 61px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-219_209 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_210 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 25px;
  top: -2px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_211 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_211 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  display: flex;
}

.stroke-219_211 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 1);
}

.Pixso-frame-219_212 {
  width: 575px;
  height: 118px;
  position: absolute;
  left: 0px;
  top: 200px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-219_212 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-paragraph-219_213 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 600;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: 622px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.Pixso-frame-219_214 {
  width: 315px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-219_214 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-frame-219_215 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_215 {
  position: absolute;
  left: 150px;
  top: -3px;
  width: 120px;
  height: 35px;
  display: flex;
}

.stroke-219_215 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 1);
}

.Pixso-frame-219_216 {
  width: 315px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 70px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-219_216 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-paragraph-219_217 {
  font-size: 18px;
  font-family: "Inter-Light";
  font-weight: 300;
  letter-spacing: 0em;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 25px;
  top: -1px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-219_218 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-219_218 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  display: flex;
}

.stroke-219_218 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 1);
}

/* --- OKKwork: перенесено из pixso (219_239) --- */
.Pixso-frame-219_239 {
  width: 45px;
  height: 39px;
  position: absolute;
  left: 1565px;
  top: 1320px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(81, 95, 108, 1) 0%, rgba(62, 74, 86, 1) 55%, rgba(48, 58, 68, 1) 100%);
  border: 1px solid rgba(210, 230, 255, 0.18);
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(255, 255, 255, 0.06) inset;
  cursor: pointer;
  text-decoration: none;
  transition: transform 140ms ease, filter 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
  -webkit-tap-highlight-color: transparent;
}
.Pixso-frame-219_239:hover {
  filter: brightness(1.03) saturate(1.06);
  border-color: rgba(210, 230, 255, 0.30);
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.22),
    0 0 18px rgba(120, 255, 195, 0.10),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset;
  transform: translateY(-1px);
}
.Pixso-frame-219_239:active {
  transform: translateY(0px);
  filter: brightness(0.99);
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(0, 0, 0, 0.10) inset;
}
.Pixso-frame-219_239:focus-visible {
  outline: none;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.22),
    0 0 0 3px rgba(6, 88, 162, 0.24),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}

.frame-content-219_239 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding: 2px 3px 2px 3px;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-rectangle-219_1130 {
  width: 31px;
  height: 31px;
  position: absolute;
  left: 6px;
  top: 4px;
  display: block;
  object-fit: contain;
}

.okkwork-next-step-stack .Pixso-frame-219_239 {
  left: -55px;
  top: 0px;
  z-index: 1;
}
/* --- /OKKwork: перенесено из pixso --- */

/* OKKwork: колонка «Следующий шаг» + прозрачный спейсер той же ширины/высоты под кнопкой */
.okkwork-next-step-stack {
  position: absolute;
  left: 1636px;
  top: 1536px;
  width: 195px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}

.Pixso-frame-219_113 {
  width: 195px;
  height: 39px;
  position: relative;
  left: auto;
  top: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(81, 95, 108, 1) 0%, rgba(62, 74, 86, 1) 55%, rgba(48, 58, 68, 1) 100%);
  border: 1px solid rgba(210, 230, 255, 0.18);
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(255, 255, 255, 0.06) inset;
  flex-shrink: 0;
  transition: transform 140ms ease, filter 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
  -webkit-tap-highlight-color: transparent;
}

a.Pixso-frame-219_113 {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  box-sizing: border-box;
}

a.Pixso-frame-219_113:focus-visible {
  outline: none;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.22),
    0 0 0 3px rgba(6, 88, 162, 0.24),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}

a.Pixso-frame-219_113:hover{
  filter: brightness(1.03) saturate(1.06);
  border-color: rgba(210, 230, 255, 0.30);
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.22),
    0 0 18px rgba(120, 255, 195, 0.10),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset;
  transform: translateY(-1px);
}
.Pixso-frame-219_113:hover{
  filter: brightness(1.03) saturate(1.06);
  border-color: rgba(210, 230, 255, 0.30);
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.22),
    0 0 18px rgba(120, 255, 195, 0.10),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset;
  transform: translateY(-1px);
}

a.Pixso-frame-219_113:active{
  transform: translateY(0px);
  filter: brightness(0.99);
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(0, 0, 0, 0.10) inset;
}
.Pixso-frame-219_113:active{
  transform: translateY(0px);
  filter: brightness(0.99);
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(0, 0, 0, 0.10) inset;
}


.okkwork-next-step-spacer {
  width: 195px;
  height: 39px;
  flex-shrink: 0;
  background: transparent;
  pointer-events: none;
}

.frame-content-219_113 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding: 2px 3px 2px 3px;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-paragraph-219_114 {
  font-size: 20px;
  font-family: "Rubik-SemiBold";
  font-weight: 600;
  letter-spacing: 0em;
  line-height: 110.00000238418579%;
  color: rgba(255, 255, 255, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 11px;
  top: 7px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-frame-129_23 {
  width: 433px;
  height: 45px;
  position: absolute;
  left: 1084px;
  top: 13px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-129_23 {
  display: flex;
  flex-direction: row;
  gap: 19px;
  align-items: center;
  width: 100%;
  position: relative;
}

.Pixso-frame-129_24 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}

/* Обёртка: подсказка (::after) на хосте без transform — качается только иконка внутри */


/* ===== 03. Header / top navigation ===================================== */
.okkwork-header-icon-host {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}

.okkwork-header-icon-host--28 {
  width: 28px;
  height: 28px;
}

.Pixso-rectangle-129_25 {
  width: 30px;
  height: 30px;
  position: relative;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/ab14a020d9de7daab12d6792ccbfb432a12e867b.png");
  transform-origin: 50% 0%;
  pointer-events: none;
}

.okkwork-header-icon-host:hover .Pixso-rectangle-129_25{
  animation: okkwork-bell-ring 0.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.okkwork-header-icon-host:hover .Pixso-rectangle-129_26{
  animation: okkwork-bell-ring 0.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.okkwork-header-icon-host:hover .Pixso-rectangle-129_27{
  animation: okkwork-bell-ring 0.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}


@keyframes okkwork-bell-ring {
  0% {
    transform: rotate(0deg);
  }
  12% {
    transform: rotate(15deg);
  }
  24% {
    transform: rotate(-13deg);
  }
  36% {
    transform: rotate(10deg);
  }
  48% {
    transform: rotate(-7deg);
  }
  60% {
    transform: rotate(4deg);
  }
  72% {
    transform: rotate(-2deg);
  }
  84% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .okkwork-header-icon-host:hover .Pixso-rectangle-129_25{
    animation: none;
  }
.okkwork-header-icon-host:hover .Pixso-rectangle-129_26{
    animation: none;
  }
.okkwork-header-icon-host:hover .Pixso-rectangle-129_27{
    animation: none;
  }

}

.Pixso-rectangle-129_26 {
  width: 28px;
  height: 28px;
  position: relative;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/c9a9f3e0ed77796b4dd18c1d44314bccc4c5de98.png");
  transform-origin: 50% 0%;
  pointer-events: none;
}

.Pixso-rectangle-129_27 {
  width: 28px;
  height: 28px;
  position: relative;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/90096685e5a863347f32c379625c5b796e98df05.png");
  transform-origin: 50% 0%;
  pointer-events: none;
}

.okkwork-tooltip-host {
  position: relative;
}

.okkwork-tooltip-host:focus-visible {
  outline: 2px solid rgba(6, 88, 162, 0.55);
  outline-offset: 3px;
  border-radius: 8px;
}

.okkwork-tooltip-host::after {
  content: attr(data-okkwork-tooltip);
  position: absolute;
  left: 60%;
  top: calc(100% + 8px);
  transform: translateX(-50%);
  background: #edf4fa;
  background-color: #edf4fa;
  border: 0.5px solid #b4c9dc;
  color: #033d72;
  border-radius: 8px;
  padding: 6px 10px;
  font-family: "Rubik", "Rubik-Medium", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
  box-shadow: 0 10px 26px rgba(3, 61, 114, 0.14);
  opacity: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  pointer-events: none;
  transition: opacity 0.12s ease, transform 0.12s ease;
  z-index: 999;
}

.okkwork-tooltip-host:hover::after{
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}
.okkwork-tooltip-host:focus-visible::after{
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}

/* МКК: названия кнопок — светлая подсказка (как «Предложить идею»), без переноса по буквам */
.okkwork-mkk-project-actions .okkwork-tooltip-host::after,
.okkwork-mkk-toolbar-actions .okkwork-tooltip-host::after {
  white-space: nowrap !important;
  max-width: none !important;
}

/* МКК: подсказки кнопок проекта — влево от кнопки, поверх таймера, без обрезки тулбаром */
#okkwork-mkk-violation-dashboard .okkwork-vd__toolbar-left {
  position: relative;
  z-index: 260;
  overflow: visible;
}

#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--project .okkwork-vd-field-group__head-split,
#okkwork-mkk-violation-dashboard .okkwork-mkk-project-actions {
  overflow: visible;
}

.okkwork-mkk-project-actions .okkwork-tooltip-host::after,
.okkwork-mkk-toolbar-actions .okkwork-tooltip-host::after {
  left: auto;
  right: 0;
  top: calc(100% + 8px);
  transform: translateX(0);
  z-index: 100050;
}

.okkwork-mkk-project-actions .okkwork-tooltip-host:hover::after,
.okkwork-mkk-project-actions .okkwork-tooltip-host:focus-visible::after,
.okkwork-mkk-toolbar-actions .okkwork-tooltip-host:hover::after,
.okkwork-mkk-toolbar-actions .okkwork-tooltip-host:focus-visible::after {
  transform: translateY(-2px);
}

.okkwork-mkk-project-actions .okkwork-tooltip-host:hover,
.okkwork-mkk-project-actions .okkwork-tooltip-host:focus-visible,
.okkwork-mkk-toolbar-actions .okkwork-tooltip-host:hover,
.okkwork-mkk-toolbar-actions .okkwork-tooltip-host:focus-visible {
  z-index: 100050;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__toolbar:has(.okkwork-mkk-project-actions .okkwork-tooltip-host:hover),
#okkwork-mkk-violation-dashboard .okkwork-vd__toolbar:has(.okkwork-mkk-project-actions .okkwork-tooltip-host:focus-visible),
#okkwork-mkk-violation-dashboard .okkwork-vd__toolbar:has(.okkwork-mkk-toolbar-actions .okkwork-tooltip-host:hover),
#okkwork-mkk-violation-dashboard .okkwork-vd__toolbar:has(.okkwork-mkk-toolbar-actions .okkwork-tooltip-host:focus-visible) {
  overflow-x: visible;
}

.okkwork-mkk-project-actions .okkwork-tariff-feature-wrap[data-tariff-locked="1"] .okkwork-mkk-project-action-btn,
.okkwork-mkk-toolbar-actions .okkwork-tariff-feature-wrap[data-tariff-locked="1"] .okkwork-mkk-project-action-btn {
  background: rgba(148, 163, 184, 0.12) !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

.okkwork-mkk-project-actions .okkwork-tariff-feature-wrap[data-tariff-locked="1"] .okkwork-mkk-project-action-btn:hover,
.okkwork-mkk-project-actions .okkwork-tariff-feature-wrap[data-tariff-locked="1"] .okkwork-mkk-project-action-btn:focus-visible,
.okkwork-mkk-toolbar-actions .okkwork-tariff-feature-wrap[data-tariff-locked="1"] .okkwork-mkk-project-action-btn:hover,
.okkwork-mkk-toolbar-actions .okkwork-tariff-feature-wrap[data-tariff-locked="1"] .okkwork-mkk-project-action-btn:focus-visible {
  background: rgba(148, 163, 184, 0.12) !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
  box-shadow: none !important;
}

.okkwork-mkk-project-actions .okkwork-tariff-feature-wrap[data-tariff-locked="1"] .okkwork-mkk-project-action-icon,
.okkwork-mkk-toolbar-actions .okkwork-tariff-feature-wrap[data-tariff-locked="1"] .okkwork-mkk-project-action-icon {
  opacity: 0.55;
  filter: grayscale(0.82) brightness(1.08) !important;
}

.okkwork-mkk-project-actions .okkwork-tariff-feature-wrap[data-tariff-locked="1"] .okkwork-mkk-project-action-btn:hover .okkwork-mkk-project-action-icon,
.okkwork-mkk-project-actions .okkwork-tariff-feature-wrap[data-tariff-locked="1"] .okkwork-mkk-project-action-btn:focus-visible .okkwork-mkk-project-action-icon,
.okkwork-mkk-toolbar-actions .okkwork-tariff-feature-wrap[data-tariff-locked="1"] .okkwork-mkk-project-action-btn:hover .okkwork-mkk-project-action-icon,
.okkwork-mkk-toolbar-actions .okkwork-tariff-feature-wrap[data-tariff-locked="1"] .okkwork-mkk-project-action-btn:focus-visible .okkwork-mkk-project-action-icon {
  opacity: 0.55;
  filter: grayscale(0.82) brightness(1.08) !important;
}

/* 4 подсказки шапки: ::after не создаём, пока нет явного разрешения (нет overlay) */
#129_24 .okkwork-tooltip-host::after,
#129_24 .okkwork-tooltip-host:hover::after,
#129_24 .okkwork-tooltip-host:focus::after,
#129_24 .okkwork-tooltip-host:focus-visible::after,
#129_24 .okkwork-header-icon-host::after,
#129_24 .okkwork-header-icon-host:hover::after,
#129_24 .okkwork-header-icon-host:focus::after,
#129_24 .okkwork-header-icon-host:focus-visible::after,
#129_23 .okkwork-tooltip-host::after,
#129_23 .okkwork-tooltip-host:hover::after,
#129_23 .okkwork-tooltip-host:focus::after,
#129_23 .okkwork-tooltip-host:focus-visible::after,
#129_23 .okkwork-header-icon-host::after,
#129_23 .okkwork-header-icon-host:hover::after,
#129_23 .okkwork-header-icon-host:focus::after,
#129_23 .okkwork-header-icon-host:focus-visible::after,
#129_29::after,
#129_29:hover::after,
#129_29:focus::after,
#129_29:focus-visible::after,
#129_29.okkwork-tooltip-host::after,
#129_29.okkwork-tooltip-host:hover::after,
#129_29.okkwork-tooltip-host:focus::after,
#129_29.okkwork-tooltip-host:focus-visible::after,
html[data-okkwork-overlay="1"] #129_24 .okkwork-tooltip-host::after,
html[data-okkwork-overlay="1"] #129_24 .okkwork-header-icon-host::after,
html[data-okkwork-overlay="1"] #129_23 .okkwork-tooltip-host::after,
html[data-okkwork-overlay="1"] #129_23 .okkwork-header-icon-host::after,
html[data-okkwork-overlay="1"] #129_29::after,
body[data-okkwork-overlay="1"] #129_24 .okkwork-tooltip-host::after,
body[data-okkwork-overlay="1"] #129_24 .okkwork-header-icon-host::after,
body[data-okkwork-overlay="1"] #129_23 .okkwork-tooltip-host::after,
body[data-okkwork-overlay="1"] #129_23 .okkwork-header-icon-host::after,
body[data-okkwork-overlay="1"] #129_29::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
  transform: none !important;
  overflow: hidden !important;
}

html[data-okkwork-header-tips-allowed="1"]:not([data-okkwork-overlay="1"]) #129_24 .okkwork-tooltip-host:not(.okkwork-tooltip-host--news-blocked):not(.okkwork-header-tip-killed):hover::after,
html[data-okkwork-header-tips-allowed="1"]:not([data-okkwork-overlay="1"]) #129_24 .okkwork-tooltip-host:not(.okkwork-tooltip-host--news-blocked):not(.okkwork-header-tip-killed):focus-visible::after,
html[data-okkwork-header-tips-allowed="1"]:not([data-okkwork-overlay="1"]) #129_23 .okkwork-tooltip-host:not(.okkwork-tooltip-host--news-blocked):not(.okkwork-header-tip-killed):hover::after,
html[data-okkwork-header-tips-allowed="1"]:not([data-okkwork-overlay="1"]) #129_23 .okkwork-tooltip-host:not(.okkwork-tooltip-host--news-blocked):not(.okkwork-header-tip-killed):focus-visible::after,
html[data-okkwork-header-tips-allowed="1"]:not([data-okkwork-overlay="1"]) #129_29.okkwork-tooltip-host:not(.okkwork-tooltip-host--news-blocked):not(.okkwork-header-tip-killed):hover::after,
html[data-okkwork-header-tips-allowed="1"]:not([data-okkwork-overlay="1"]) #129_29.okkwork-tooltip-host:not(.okkwork-tooltip-host--news-blocked):not(.okkwork-header-tip-killed):focus-visible::after {
  content: attr(data-okkwork-tooltip) !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(-2px) !important;
}

/* Overlay-страницы: подсказки шапки не показываем (в т.ч. пустую обёртку без текста) */
.okkwork-tooltip-host:not([data-okkwork-tooltip])::after,
.okkwork-tooltip-host:not([data-okkwork-tooltip]):hover::after,
.okkwork-tooltip-host:not([data-okkwork-tooltip]):focus::after,
.okkwork-tooltip-host:not([data-okkwork-tooltip]):focus-visible::after,
.okkwork-header-icon-host:not([data-okkwork-tooltip])::after,
.okkwork-header-icon-host:not([data-okkwork-tooltip]):hover::after,
.okkwork-header-icon-host:not([data-okkwork-tooltip]):focus::after,
.okkwork-header-icon-host:not([data-okkwork-tooltip]):focus-visible::after,
.okkwork-tooltip-host--news-blocked::after,
.okkwork-tooltip-host--news-blocked:hover::after,
.okkwork-tooltip-host--news-blocked:focus::after,
.okkwork-tooltip-host--news-blocked:focus-visible::after,
html.okkwork-news-page-open #129_24 .okkwork-tooltip-host::after,
html.okkwork-news-page-open #129_24 .okkwork-tooltip-host:hover::after,
html.okkwork-news-page-open #129_24 .okkwork-tooltip-host:focus::after,
html.okkwork-news-page-open #129_24 .okkwork-tooltip-host:focus-visible::after,
html.okkwork-news-page-open #129_24 .okkwork-header-icon-host::after,
html.okkwork-news-page-open #129_24 .okkwork-header-icon-host:hover::after,
html.okkwork-news-page-open #129_24 .okkwork-header-icon-host:focus::after,
html.okkwork-news-page-open #129_24 .okkwork-header-icon-host:focus-visible::after,
html.okkwork-news-page-open #129_23 .okkwork-tooltip-host::after,
html.okkwork-news-page-open #129_23 .okkwork-tooltip-host:hover::after,
html.okkwork-news-page-open #129_23 .okkwork-tooltip-host:focus-visible::after,
html.okkwork-news-page-open #129_35 .okkwork-tooltip-host::after,
html.okkwork-news-page-open #129_35 .okkwork-tooltip-host:hover::after,
html.okkwork-news-page-open #129_19 .okkwork-tooltip-host::after,
html.okkwork-news-page-open #129_19 .okkwork-tooltip-host:hover::after,
html.okkwork-news-page-open #129_29.okkwork-tooltip-host::after,
html.okkwork-news-page-open #129_29.okkwork-tooltip-host:hover::after,
html.okkwork-news-page-open #129_23 .okkwork-header-icon-host::after,
html.okkwork-news-page-open #129_23 .okkwork-header-icon-host:hover::after,
html.okkwork-news-page-open #129_23 .okkwork-header-icon-host:focus::after,
html.okkwork-news-page-open #129_23 .okkwork-header-icon-host:focus-visible::after,
html.okkwork-news-page-open #219_3 .okkwork-header-icon-host::after,
html.okkwork-news-page-open #219_3 .okkwork-header-icon-host:hover::after,
html.okkwork-news-page-open #219_3 .okkwork-header-icon-host:focus-visible::after,
html.okkwork-idea-page-open #129_24 .okkwork-tooltip-host::after,
html.okkwork-idea-page-open #129_24 .okkwork-tooltip-host:hover::after,
html.okkwork-idea-page-open #129_24 .okkwork-tooltip-host:focus::after,
html.okkwork-idea-page-open #129_24 .okkwork-tooltip-host:focus-visible::after,
html.okkwork-idea-page-open #129_24 .okkwork-header-icon-host::after,
html.okkwork-idea-page-open #129_24 .okkwork-header-icon-host:hover::after,
html.okkwork-idea-page-open #129_24 .okkwork-header-icon-host:focus::after,
html.okkwork-idea-page-open #129_24 .okkwork-header-icon-host:focus-visible::after,
html.okkwork-idea-page-open #129_23 .okkwork-header-icon-host::after,
html.okkwork-idea-page-open #129_23 .okkwork-header-icon-host:hover::after,
html.okkwork-idea-page-open #129_23 .okkwork-header-icon-host:focus::after,
html.okkwork-idea-page-open #129_23 .okkwork-header-icon-host:focus-visible::after,
html.okkwork-idea-page-open #129_23 .okkwork-tooltip-host::after,
html.okkwork-idea-page-open #129_23 .okkwork-tooltip-host:hover::after,
html.okkwork-idea-page-open #129_23 .okkwork-tooltip-host:focus-visible::after,
html.okkwork-idea-page-open #219_3 .okkwork-header-icon-host::after,
html.okkwork-idea-page-open #219_3 .okkwork-header-icon-host:hover::after,
html.okkwork-idea-page-open #219_3 .okkwork-header-icon-host:focus-visible::after,
html.okkwork-referral-page-open #129_24 .okkwork-tooltip-host::after,
html.okkwork-referral-page-open #129_24 .okkwork-tooltip-host:hover::after,
html.okkwork-referral-page-open #129_24 .okkwork-tooltip-host:focus::after,
html.okkwork-referral-page-open #129_24 .okkwork-tooltip-host:focus-visible::after,
html.okkwork-referral-page-open #129_24 .okkwork-header-icon-host::after,
html.okkwork-referral-page-open #129_24 .okkwork-header-icon-host:hover::after,
html.okkwork-referral-page-open #129_24 .okkwork-header-icon-host:focus::after,
html.okkwork-referral-page-open #129_24 .okkwork-header-icon-host:focus-visible::after,
html.okkwork-referral-page-open #129_23 .okkwork-header-icon-host::after,
html.okkwork-referral-page-open #129_23 .okkwork-header-icon-host:hover::after,
html.okkwork-referral-page-open #129_23 .okkwork-header-icon-host:focus::after,
html.okkwork-referral-page-open #129_23 .okkwork-header-icon-host:focus-visible::after,
html.okkwork-referral-page-open #129_23 .okkwork-tooltip-host::after,
html.okkwork-referral-page-open #129_23 .okkwork-tooltip-host:hover::after,
html.okkwork-referral-page-open #219_3 .okkwork-header-icon-host::after,
html.okkwork-referral-page-open #219_3 .okkwork-header-icon-host:hover::after,
body.okkwork-news-page-open #129_24 .okkwork-tooltip-host::after,
body.okkwork-news-page-open #129_24 .okkwork-tooltip-host:hover::after,
body.okkwork-news-page-open #129_24 .okkwork-tooltip-host:focus::after,
body.okkwork-news-page-open #129_24 .okkwork-tooltip-host:focus-visible::after,
body.okkwork-news-page-open #129_24 .okkwork-header-icon-host::after,
body.okkwork-news-page-open #129_24 .okkwork-header-icon-host:hover::after,
body.okkwork-news-page-open #129_24 .okkwork-header-icon-host:focus::after,
body.okkwork-news-page-open #129_24 .okkwork-header-icon-host:focus-visible::after,
body.okkwork-news-page-open #129_23 .okkwork-tooltip-host::after,
body.okkwork-news-page-open #129_23 .okkwork-tooltip-host:hover::after,
body.okkwork-news-page-open #129_35 .okkwork-tooltip-host::after,
body.okkwork-news-page-open #129_35 .okkwork-tooltip-host:hover::after,
body.okkwork-news-page-open #129_19 .okkwork-tooltip-host::after,
body.okkwork-news-page-open #129_19 .okkwork-tooltip-host:hover::after,
body.okkwork-news-page-open #129_29.okkwork-tooltip-host::after,
body.okkwork-news-page-open #129_29.okkwork-tooltip-host:hover::after,
body.okkwork-news-page-open #129_23 .okkwork-header-icon-host::after,
body.okkwork-news-page-open #129_23 .okkwork-header-icon-host:hover::after,
body.okkwork-news-page-open #129_23 .okkwork-header-icon-host:focus::after,
body.okkwork-news-page-open #129_23 .okkwork-header-icon-host:focus-visible::after,
body.okkwork-news-page-open #219_3 .okkwork-header-icon-host::after,
body.okkwork-news-page-open #219_3 .okkwork-header-icon-host:hover::after,
body.okkwork-news-page-open #219_3 .okkwork-header-icon-host:focus-visible::after,
body.okkwork-idea-page-open #129_24 .okkwork-tooltip-host::after,
body.okkwork-idea-page-open #129_24 .okkwork-tooltip-host:hover::after,
body.okkwork-idea-page-open #129_24 .okkwork-tooltip-host:focus::after,
body.okkwork-idea-page-open #129_24 .okkwork-tooltip-host:focus-visible::after,
body.okkwork-idea-page-open #129_24 .okkwork-header-icon-host::after,
body.okkwork-idea-page-open #129_24 .okkwork-header-icon-host:hover::after,
body.okkwork-idea-page-open #129_24 .okkwork-header-icon-host:focus::after,
body.okkwork-idea-page-open #129_24 .okkwork-header-icon-host:focus-visible::after,
body.okkwork-idea-page-open #129_23 .okkwork-header-icon-host::after,
body.okkwork-idea-page-open #129_23 .okkwork-header-icon-host:hover::after,
body.okkwork-idea-page-open #129_23 .okkwork-header-icon-host:focus::after,
body.okkwork-idea-page-open #129_23 .okkwork-header-icon-host:focus-visible::after,
body.okkwork-idea-page-open #129_23 .okkwork-tooltip-host::after,
body.okkwork-idea-page-open #129_23 .okkwork-tooltip-host:hover::after,
body.okkwork-idea-page-open #129_23 .okkwork-tooltip-host:focus-visible::after,
body.okkwork-idea-page-open #219_3 .okkwork-header-icon-host::after,
body.okkwork-idea-page-open #219_3 .okkwork-header-icon-host:hover::after,
body.okkwork-idea-page-open #219_3 .okkwork-header-icon-host:focus-visible::after,
body.okkwork-referral-page-open #129_24 .okkwork-tooltip-host::after,
body.okkwork-referral-page-open #129_24 .okkwork-tooltip-host:hover::after,
body.okkwork-referral-page-open #129_24 .okkwork-tooltip-host:focus::after,
body.okkwork-referral-page-open #129_24 .okkwork-tooltip-host:focus-visible::after,
body.okkwork-referral-page-open #129_24 .okkwork-header-icon-host::after,
body.okkwork-referral-page-open #129_24 .okkwork-header-icon-host:hover::after,
body.okkwork-referral-page-open #129_24 .okkwork-header-icon-host:focus::after,
body.okkwork-referral-page-open #129_24 .okkwork-header-icon-host:focus-visible::after,
body.okkwork-referral-page-open #129_23 .okkwork-tooltip-host::after,
body.okkwork-referral-page-open #129_23 .okkwork-tooltip-host:hover::after,
body.okkwork-referral-page-open #129_23 .okkwork-header-icon-host::after,
body.okkwork-referral-page-open #129_23 .okkwork-header-icon-host:hover::after,
body.okkwork-referral-page-open #129_23 .okkwork-header-icon-host:focus::after,
body.okkwork-referral-page-open #129_23 .okkwork-header-icon-host:focus-visible::after,
body.okkwork-referral-page-open #219_3 .okkwork-header-icon-host::after,
body.okkwork-referral-page-open #219_3 .okkwork-header-icon-host:hover::after,
html.okkwork-news-page-open #129_29::after,
html.okkwork-news-page-open #129_29:hover::after,
html.okkwork-news-page-open #129_29:focus::after,
html.okkwork-news-page-open #129_29:focus-visible::after,
html.okkwork-news-page-open #219_3 #129_29.okkwork-tooltip-host::after,
html.okkwork-news-page-open #219_3 #129_29.okkwork-tooltip-host:hover::after,
html.okkwork-news-page-open #219_3 #129_29.okkwork-tooltip-host:focus-visible::after,
html.okkwork-idea-page-open #129_29::after,
html.okkwork-idea-page-open #129_29:hover::after,
html.okkwork-idea-page-open #129_29:focus::after,
html.okkwork-idea-page-open #129_29:focus-visible::after,
html.okkwork-idea-page-open #219_3 #129_29.okkwork-tooltip-host::after,
html.okkwork-idea-page-open #219_3 #129_29.okkwork-tooltip-host:hover::after,
html.okkwork-idea-page-open #219_3 #129_29.okkwork-tooltip-host:focus-visible::after,
html.okkwork-referral-page-open #129_29::after,
html.okkwork-referral-page-open #129_29:hover::after,
html.okkwork-referral-page-open #129_29:focus::after,
html.okkwork-referral-page-open #129_29:focus-visible::after,
html.okkwork-referral-page-open #219_3 #129_29.okkwork-tooltip-host::after,
html.okkwork-referral-page-open #219_3 #129_29.okkwork-tooltip-host:hover::after,
html.okkwork-referral-page-open #219_3 #129_29.okkwork-tooltip-host:focus-visible::after,
body.okkwork-news-page-open #219_3 #129_29.okkwork-tooltip-host::after,
body.okkwork-news-page-open #219_3 #129_29.okkwork-tooltip-host:hover::after,
body.okkwork-news-page-open #219_3 #129_29.okkwork-tooltip-host:focus-visible::after,
body.okkwork-idea-page-open #129_29::after,
body.okkwork-idea-page-open #129_29:hover::after,
body.okkwork-idea-page-open #129_29:focus::after,
body.okkwork-idea-page-open #129_29:focus-visible::after,
body.okkwork-idea-page-open #219_3 #129_29.okkwork-tooltip-host::after,
body.okkwork-idea-page-open #219_3 #129_29.okkwork-tooltip-host:hover::after,
body.okkwork-idea-page-open #219_3 #129_29.okkwork-tooltip-host:focus-visible::after,
body.okkwork-referral-page-open #129_29::after,
body.okkwork-referral-page-open #129_29:hover::after,
body.okkwork-referral-page-open #129_29:focus::after,
body.okkwork-referral-page-open #129_29:focus-visible::after,
body.okkwork-referral-page-open #219_3 #129_29.okkwork-tooltip-host::after,
body.okkwork-referral-page-open #219_3 #129_29.okkwork-tooltip-host:hover::after,
body.okkwork-referral-page-open #219_3 #129_29.okkwork-tooltip-host:focus-visible::after,
html.okkwork-balance-page-open #129_24 .okkwork-tooltip-host::after,
html.okkwork-balance-page-open #129_24 .okkwork-tooltip-host:hover::after,
html.okkwork-balance-page-open #129_24 .okkwork-tooltip-host:focus::after,
html.okkwork-balance-page-open #129_24 .okkwork-tooltip-host:focus-visible::after,
html.okkwork-balance-page-open #129_24 .okkwork-header-icon-host::after,
html.okkwork-balance-page-open #129_24 .okkwork-header-icon-host:hover::after,
html.okkwork-balance-page-open #129_24 .okkwork-header-icon-host:focus::after,
html.okkwork-balance-page-open #129_24 .okkwork-header-icon-host:focus-visible::after,
html.okkwork-balance-page-open #129_23 .okkwork-header-icon-host::after,
html.okkwork-balance-page-open #129_23 .okkwork-header-icon-host:hover::after,
html.okkwork-balance-page-open #129_23 .okkwork-tooltip-host::after,
html.okkwork-balance-page-open #129_23 .okkwork-tooltip-host:hover::after,
html.okkwork-balance-page-open #129_29::after,
html.okkwork-balance-page-open #129_29:hover::after,
html.okkwork-balance-page-open #129_29:focus::after,
html.okkwork-balance-page-open #129_29:focus-visible::after,
body.okkwork-balance-page-open #129_24 .okkwork-tooltip-host::after,
body.okkwork-balance-page-open #129_24 .okkwork-tooltip-host:hover::after,
body.okkwork-balance-page-open #129_24 .okkwork-header-icon-host::after,
body.okkwork-balance-page-open #129_24 .okkwork-header-icon-host:hover::after,
body.okkwork-balance-page-open #129_23 .okkwork-header-icon-host::after,
body.okkwork-balance-page-open #129_23 .okkwork-header-icon-host:hover::after,
body.okkwork-balance-page-open #129_23 .okkwork-tooltip-host::after,
body.okkwork-balance-page-open #129_23 .okkwork-tooltip-host:hover::after,
body.okkwork-balance-page-open #129_29::after,
body.okkwork-balance-page-open #129_29:hover::after,
body.okkwork-balance-page-open #129_29:focus::after,
body.okkwork-balance-page-open #129_29:focus-visible::after,
html body #129_24 [data-okkwork-tooltip-suppressed]::after,
html body #129_24 [data-okkwork-tooltip-suppressed]:hover::after,
html body #129_24 [data-okkwork-tooltip-suppressed]:focus::after,
html body #129_24 [data-okkwork-tooltip-suppressed]:focus-visible::after,
html body #129_23 [data-okkwork-tooltip-suppressed]::after,
html body #129_23 [data-okkwork-tooltip-suppressed]:hover::after,
html body #129_23 [data-okkwork-tooltip-suppressed]:focus::after,
html body #129_23 [data-okkwork-tooltip-suppressed]:focus-visible::after,
html body #129_29[data-okkwork-tooltip-suppressed]::after,
html body #129_29[data-okkwork-tooltip-suppressed]:hover::after,
html body #129_29[data-okkwork-tooltip-suppressed]:focus::after,
html body #129_29[data-okkwork-tooltip-suppressed]:focus-visible::after,
html body #129_29:not([data-okkwork-tooltip])::after,
html body #129_29:not([data-okkwork-tooltip]):hover::after,
html body #129_29:not([data-okkwork-tooltip]):focus::after,
html body #129_29:not([data-okkwork-tooltip]):focus-visible::after,
html body #219_3 #129_29[data-okkwork-tooltip-suppressed]::after,
html body #219_3 #129_29[data-okkwork-tooltip-suppressed]:hover::after,
html body #219_3 #129_29[data-okkwork-tooltip-suppressed]:focus-visible::after,
html body #219_3 #129_29:not([data-okkwork-tooltip])::after,
html body #219_3 #129_29:not([data-okkwork-tooltip]):hover::after,
html body #219_3 #129_29:not([data-okkwork-tooltip]):focus-visible::after {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  content: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  transform: none !important;
}


/* OKKwork: многострочная подсказка (как "Пополнить баланс", но шире и с переносами) */
.okkwork-tooltip-host.okkwork-tooltip-host--multiline::after {
  /* важен pre-wrap: сохраняем пробелы после переноса (для "красной строки") */
  white-space: pre-wrap;
  max-width: 560px;
  min-width: 420px;
  padding: 12px 14px;
  line-height: 1.25;
  border-radius: 12px;
  border: 0.5px solid #b4c9dc;
  background: #edf4fa;
  background-color: #edf4fa;
  color: #033d72;
  text-align: left;
  box-shadow: 0 10px 26px rgba(3, 61, 114, 0.14);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Баланс: подсказка «Пополнить баланс» — по центру над строкой суммы (над Pixso-paragraph-129_31) */
#129_29.okkwork-tooltip-host::after {
  left: 50%;
  transform: translateX(-50%);
}

html:not(.okkwork-news-page-open):not(.okkwork-idea-page-open):not(.okkwork-referral-page-open):not(.okkwork-balance-page-open):not(.okkwork-header-tooltips-suppressed) #129_29.okkwork-tooltip-host:hover::after,
body:not(.okkwork-news-page-open):not(.okkwork-idea-page-open):not(.okkwork-referral-page-open):not(.okkwork-balance-page-open):not(.okkwork-header-tooltips-suppressed) #129_29.okkwork-tooltip-host:hover::after {
  transform: translateX(-50%) translateY(-2px) !important;
}
html:not(.okkwork-news-page-open):not(.okkwork-idea-page-open):not(.okkwork-referral-page-open):not(.okkwork-balance-page-open):not(.okkwork-header-tooltips-suppressed) #129_29.okkwork-tooltip-host:focus-visible::after,
body:not(.okkwork-news-page-open):not(.okkwork-idea-page-open):not(.okkwork-referral-page-open):not(.okkwork-balance-page-open):not(.okkwork-header-tooltips-suppressed) #129_29.okkwork-tooltip-host:focus-visible::after {
  transform: translateX(-50%) translateY(-2px) !important;
}


/* OKKwork: тёмная подсказка (для «В разработке ⚙️») */
.okkwork-tooltip-host.okkwork-tooltip-host--dev::after {
  background: #41413e;
  color: #dbdcdb;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

.Pixso-vector-129_28 {
  width: 1px;
  height: 46px;
  background-image: url("../icon/Vector85.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

/* OKKwork: единый фрейм баланса — кошелёк | сумма | ₽ в одну строку */
.Pixso-frame-129_29 {
  width: auto;
  min-width: 158px;
  max-width: 240px;
  height: 32px;
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 8px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
  padding: 0 6px 0 14px;
  box-sizing: border-box;
}

.Pixso-paragraph-129_31 {
  font-size: 23px;
  font-family: "Rubik-SemiBold", "Rubik-Medium", "Rubik", sans-serif;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0em;
  color: #0658a2;
  width: auto;
  height: auto;
  position: relative;
  left: auto;
  top: auto;
  white-space: nowrap;
  flex-grow: 0;
  margin: 0;
}

#129_29 .okkwork-header-balance-amount,
.Pixso-frame-129_29 .okkwork-header-balance-amount {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

#129_29 .okkwork-header-balance-amount .Pixso-paragraph-129_31,
#129_29 .okkwork-header-balance-amount #129_31 {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: inline-flex !important;
  margin: 0 !important;
}

.Pixso-rectangle-129_32 {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

.Pixso-rectangle-129_30 {
  width: 27px;
  height: 27px;
  position: absolute;
  left: 14px;
  top: 4px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/81a449869c61bc7e94c3fb4d7291c62b8d5d9df4.png");
  transform-origin: 50% 0%;
}

/* Колокольчик на иконке кошелька только при наведении на иконку */
.Pixso-rectangle-129_30,
.okkwork-header-balance-wallet {
  cursor: pointer;
}

.Pixso-rectangle-129_30:hover,
.okkwork-header-balance-wallet:hover {
  animation: okkwork-bell-ring 0.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@media (prefers-reduced-motion: reduce) {
  .Pixso-rectangle-129_30:hover,
  .okkwork-header-balance-wallet:hover {
    animation: none;
  }
}

.Pixso-frame-129_33 {
  width: 140px;
  height: 32px;
  position: absolute;
  left: 330px;
  top: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 10px 10px;
  background-color: #0658a2;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 0.35s ease;
}

.Pixso-frame-129_33:hover{
  background-color: #067e10;
}
.Pixso-frame-129_33:focus-within{
  background-color: #067e10;
}


.Pixso-frame-129_33:focus-visible {
  outline: 2px solid rgba(245, 245, 245, 0.85);
  outline-offset: 2px;
}

.frame-content-129_33 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 2px 4px 2px 4px;
  width: 100%;
  height: 100%;
  position: relative;
}

/* OKKwork: срок лицензии — переворот «листа» снизу вверх + индикатор оставшихся дней */
.okkwork-license-countdown__flip {
  position: relative;
  width: 100%;
  height: 100%;
  perspective: 520px;
}

.okkwork-license-countdown__face {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  box-sizing: border-box;
  border-radius: 10px;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transition: transform 0.48s cubic-bezier(0.34, 1.2, 0.64, 1), opacity 0.18s ease;
  transform-origin: 50% 100%;
  font-family: "Rubik-SemiBold", "Rubik-Medium", "Rubik", sans-serif;
}

.okkwork-license-countdown__face--date {
  transform: rotateX(0deg);
  z-index: 2;
  opacity: 1;
  font-family: "Rubik-SemiBold", "Rubik-Medium", "Rubik", sans-serif;
  font-weight: 700;
}

.okkwork-license-countdown__face--days {
  transform: rotateX(90deg);
  z-index: 1;
  opacity: 0;
  color: #f5f5f5;
  font-size: 16px;
  font-family: "Rubik-SemiBold", "Rubik-Medium", "Rubik", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.15;
  white-space: nowrap;
}

.Pixso-frame-129_33:hover .okkwork-license-countdown__face--date{
  transform: rotateX(-90deg);
  opacity: 0;
}
.Pixso-frame-129_33:focus-within .okkwork-license-countdown__face--date{
  transform: rotateX(-90deg);
  opacity: 0;
}


.Pixso-frame-129_33:hover .okkwork-license-countdown__face--days{
  transform: rotateX(0deg);
  opacity: 1;
}
.Pixso-frame-129_33:focus-within .okkwork-license-countdown__face--days{
  transform: rotateX(0deg);
  opacity: 1;
}


@media (prefers-reduced-motion: reduce) {
  .okkwork-license-countdown__face {
    transition: opacity 0.15s ease;
    transform: none !important;
  }

  .okkwork-license-countdown__face--date {
    opacity: 1;
  }

  .okkwork-license-countdown__face--days {
    opacity: 0;
  }

  .Pixso-frame-129_33:hover .okkwork-license-countdown__face--date{
    opacity: 0;
  }
.Pixso-frame-129_33:focus-within .okkwork-license-countdown__face--date{
    opacity: 0;
  }


  .Pixso-frame-129_33:hover .okkwork-license-countdown__face--days{
    opacity: 1;
  }
.Pixso-frame-129_33:focus-within .okkwork-license-countdown__face--days{
    opacity: 1;
  }

}

.Pixso-paragraph-129_34 {
  font-size: 16px;
  font-family: "Rubik-SemiBold", "Rubik-Medium", "Rubik", sans-serif;
  font-weight: 600;
  display: block;
  flex-direction: unset;
  justify-content: center;
  letter-spacing: 0.02em;
  color: rgba(245, 245, 245, 1);
  width: auto;
  height: auto;
  position: static;
  left: auto;
  top: auto;
  white-space: pre;
  flex-grow: 0;
  margin: 0;
  text-align: center;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  text-rendering: auto;
  text-shadow: none;
  transform: none;
}

.Pixso-frame-129_35 {
  --okkwork-help-search-width: 350px;
  width: var(--okkwork-help-search-width);
  height: 41px;
  position: absolute;
  left: 372px;
  top: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(6, 88, 162, 0.14000000059604645);
  z-index: 400;
  box-sizing: border-box;
  transition: width 0.28s cubic-bezier(0.2, 0.9, 0.2, 1);
}

/* Расширение вправо в 2×: левый край (left) неизменен; увод курсора или снятие фокуса — обратно */
.Pixso-frame-129_35:hover{
  width: min(calc(var(--okkwork-help-search-width) * 2), var(--okkwork-help-search-expand-max, 688px));
}
.Pixso-frame-129_35:focus-within{
  width: min(calc(var(--okkwork-help-search-width) * 2), var(--okkwork-help-search-expand-max, 688px));
}


@media (prefers-reduced-motion: reduce) {
  .Pixso-frame-129_35 {
    transition: none;
  }
}

.frame-content-129_35 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  padding: 9px 5px 9px 5px;
  width: 100%;
  height: 100%;
  position: relative;
}

.okkwork-help-search-input {
  position: absolute;
  left: 36px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  height: 28px;
  border: none;
  background: transparent;
  outline: none;
  font-size: 16px;
  font-family: "Inter-Medium", sans-serif;
  font-weight: 500;
  letter-spacing: 0em;
  box-sizing: border-box;
}

.okkwork-help-search-input::placeholder {
  color: #0658a2;
}

.okkwork-help-search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.okkwork-help-search-results {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  max-height: min(50vh, 320px);
  overflow: auto;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(6, 88, 162, 1);
  border: 1px solid rgba(6, 88, 162, 1);
  z-index: 500;
}

.okkwork-help-search-results[hidden] {
  display: none !important;
}

.okkwork-help-result-btn {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 14px;
  border: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.okkwork-help-result-btn:last-child {
  border-bottom: none;
}

.okkwork-help-result-btn:hover{
  background: rgba(6, 88, 162, 0.08);
  outline: none;
}
.okkwork-help-result-btn:focus-visible{
  background: rgba(6, 88, 162, 0.08);
  outline: none;
}


.okkwork-help-result-title {
  font-weight: 600;
  color: rgba(72, 87, 101, 1);
  font-size: 14px;
}

.okkwork-help-result-excerpt {
  font-size: 12px;
  color: rgba(72, 87, 101, 0.65);
  margin-top: 3px;
  line-height: 1.35;
}

.okkwork-help-empty {
  padding: 12px 14px;
  font-size: 13px;
  color: rgba(72, 87, 101, 0.75);
  line-height: 1.4;
}

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

.Pixso-paragraph-129_37 {
  font-size: 16px;
  font-family: "Inter-Medium";
  font-weight: 500;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0em;
  color: #0658a2;
  width: auto;
  height: auto;
  position: absolute;
  left: 36px;
  top: 9.5px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-rectangle-129_36 {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 10px;
  top: 10.5px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/cf559b7417b0e7b527509c7f1f72d4e476ee03b4.png");
}

.Pixso-frame-129_19 {
  width: 178px;
  height: 32px;
  position: absolute;
  left: 1610px;
  top: 20px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  overflow: visible;
  z-index: 1;
}

.Pixso-frame-129_19.okkwork-support-host.is-open {
  z-index: 400;
}

/* OKKwork: блок «Поддержка» — открывает выпадающий список (#okkwork-support-menu) */
.frame-content-129_19 {
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}

.Pixso-rectangle-129_20 {
  width: 25px;
  height: 25px;
  position: absolute;
  left: -2px;
  top: 4px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/800a33fa762bbcec16777a0a847bb479fe3eebbc.png");
}

.Pixso-rectangle-129_21 {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 159px;
  top: 3px;
  transform: rotateY(180deg) rotateX(180deg) rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/46116e31a3a1609f0df85e759c6ab87edc6d3409.png");
}

.okkwork-support-host.is-open .Pixso-rectangle-129_21 {
  transform: rotateY(180deg) rotateX(180deg) rotate(180deg);
}

.Pixso-paragraph-129_22 {
  font-size: 20px;
  font-family: "Rubik-Medium";
  font-weight: 500;
  letter-spacing: 0.05000000074505806em;
  color: #0658a2;
  width: auto;
  height: auto;
  position: absolute;
  left: 27px;
  top: 3px;
  white-space: pre;
  flex-grow: 0;
}

/* --- OKKwork: масштаб по ширине окна, макет 1920px заполняет 100vw (без лишних боковых полей) --- */


/* ===== 01. Tokens (CSS variables) ===================================== */
:root {
  /* Базовая высота макета; для блоков этапа 3 уточняется скриптом layout */
  --okkwork-design-height: 1320;
  --okkwork-canvas-width: 1920;
  /* До ширины 1920px — линейное вписывание; шире — без upscale (scale ≤ 1) */
  --okkwork-scale: min(1, calc(100vw / (var(--okkwork-canvas-width) * 1px)));
  --okkwork-field-muted: rgba(72, 87, 101, 0.5);
  --okkwork-field-filled: rgba(72, 87, 101, 1);

  /* OKKwork: фиксированная позиция формы "Описание пункта" (дизайн-пиксели) */
  --okkwork-pointdesc-x: 800;

/* ===== 07. Popups / modals ===================================== */


/* >>> OKKwork: Popups (descriptions) ===================================== */
  --okkwork-pointdesc-y: 685px;
  /* OKKwork: фиксированная позиция формы "Описание блока" (дизайн-пиксели) */
  --okkwork-blockdesc-x: 820;
  --okkwork-blockdesc-y: 720px;
}

#219_2 input.okkwork-field-tone:not([readonly]) {
  transition: color 0.12s ease;
}

#219_2 input.okkwork-field-tone:not([readonly]).okkwork-field-tone--muted {
  color: var(--okkwork-field-muted) !important;
}

#219_2 input.okkwork-field-tone:not([readonly]).okkwork-field-tone--filled {
  color: var(--okkwork-field-filled) !important;
}

#219_2 input.okkwork-field-tone::placeholder {
  color: var(--okkwork-field-muted);
}

/* OKKwork: фон обводки поля компании (#219_35) при введённом значении — #E4F5CA */
.frame-content-219_32:has(#219_35.okkwork-field-tone--filled) .stroke-219_34 {
  background-color: #E4F5CA;
}

/* OKKwork: fallback без :has() — цвет ставим классом после blur */
.frame-content-219_32.okkwork-company-committed .stroke-219_34 {
  background-color: #E4F5CA;
  border-width: 3px 3px 3px 3px;
  border-color: #94D82D;
}

/* OKKwork: заливка поля CRM после выбора значения (fallback без :has()) */
.Pixso-frame-219_36.okkwork-crm-committed .stroke-219_38{
  background-color: #E4F5CA;
}
.Pixso-frame-219_36.okkwork-crm-committed .Pixso-rectangle-219_38{
  background-color: #E4F5CA;
}


.Pixso-frame-219_36.okkwork-crm-committed .stroke-219_38 {
  border-width: 3px 3px 3px 3px;
  border-color: #94D82D;
}

.scroll-container {
  width: 100%;
  overflow-x: clip;
  overflow-y: auto;
  overscroll-behavior-x: none;
}
@supports not (overflow: clip) {
  .scroll-container {
    overflow-x: hidden;
  }
}

.Pixso-canvas-0_1 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.Pixso-frame-219_2 {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: calc(var(--okkwork-canvas-width) * 1px) !important;
  flex-shrink: 0;
  transform-origin: top center;
  /* translate3d(0,0,0) + backface-visibility: стабильнее композитинг при скролле рядом с scale() */
  transform: translate3d(0, 0, 0) scale(var(--okkwork-scale)) !important;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  height: calc(var(--okkwork-design-height) * 1px * var(--okkwork-scale)) !important;
  overflow: visible !important;
}

/* OKKwork: чтобы в инспекторе не "ловился" корневой холст первым кликом */
#219_2 { pointer-events: none; }
#219_2 * { pointer-events: auto; }

/* Выпадающий список CRM / ATC (в стиле полей формы)
   Примечание: id вида 219_38 в CSS как #219_38 невалидны (цифра после #) — используем [id="…"]. */
[id="219_38"]{
  cursor: pointer;
}
[id="219_39"]{
  cursor: pointer;
}
[id="219_40"]{
  cursor: pointer;
}


/* Стрелка: плавный поворот 0° ↔ 180° при открытии/закрытии списка */
[id="219_40"] {
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

.Pixso-frame-219_36.okkwork-crm-field.is-open {
  z-index: 300;
}

.Pixso-frame-219_36.okkwork-crm-field.is-open [id="219_40"] {
  transform: rotate(180deg);
}

@keyframes okkwork-crm-panel-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.Pixso-frame-219_36.okkwork-crm-field.is-open .okkwork-crm-



/* >>> OKKwork: Dropdowns / menus ===================================== */
/* ===== 04. Dropdowns / menus / tooltips ===================================== */
dropdown {
  animation: okkwork-crm-panel-in 0.2s ease forwards;
}

.okkwork-crm-dropdown {
  position: absolute;
  left: 0;
  width: 100%;
  top: 80px;
  z-index: 50;
  margin: 0;
  padding: 0;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid rgba(107, 124, 128, 1);
  box-shadow:
    0 10px 40px rgba(0, 0, 0, 0.12),
    0 2px 8px rgba(0, 0, 0, 0.06);
  max-height: min(380px, 52vh);
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

.okkwork-crm-dropdown[hidden] {
  display: none !important;
}

.okkwork-crm-dropdown-section + .okkwork-crm-dropdown-section {
  border-top: 1px solid rgba(217, 224, 227, 0.95);
}

.okkwork-crm-dropdown-heading {
  font-family: "Inter-Bold", "Inter-Regular", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #0658a2;
  padding: 12px 16px 6px;
  background: linear-gradient(
    180deg,
    rgba(245, 248, 252, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.okkwork-crm-dropdown-list {
  list-style: none;
  margin: 0;
  padding: 0 0 8px;
}

.okkwork-crm-dropdown-list li {
  padding: 0;
}

.okkwork-crm-dropdown-list li + li {
  margin-top: 2px;
}

.okkwork-crm-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-family: "Rubik", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  color: rgba(15, 23, 42, 0.92);
  padding: 10px 14px;
  line-height: 1.25;
  border-radius: 12px;
  transition:
    background-color 0.12s ease,
    box-shadow 0.12s ease,
    color 0.12s ease,
    transform 0.1s ease;
}

.okkwork-crm-option:hover{
  background: rgba(6, 88, 162, 0.08);
  color: #0658a2;
  outline: none;
}
.okkwork-crm-option:focus-visible{
  background: rgba(6, 88, 162, 0.08);
  color: #0658a2;
  outline: none;
}


.okkwork-crm-option:active {
  background: rgba(6, 88, 162, 0.14);
}

.okkwork-crm-option--with-count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.okkwork-crm-option__label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.okkwork-subdivision-checklist-count {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 24px;
  padding: 0 6px;
  border-radius: 6px;
  background: rgba(72, 87, 101, 0.12);
  color: rgba(72, 87, 101, 0.88);
  font-size: 13px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.okkwork-crm-option.is-active {
  background: rgba(6, 88, 162, 0.1);
  color: #0658a2;
  font-weight: 700;
}

.okkwork-crm-dropdown-footer {
  border-top: 1px solid rgba(217, 224, 227, 0.95);
  padding: 8px 10px 10px;
  background: rgba(245, 248, 252, 0.75);
}

.okkwork-crm-dropdown-add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  border: 1px dashed rgba(6, 88, 162, 0.35);
  background: rgba(6, 88, 162, 0.06);
  color: #0658a2;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  padding: 9px 12px;
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.okkwork-crm-dropdown-add-btn__ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  border-radius: 5px;
  background: rgba(6, 88, 162, 1);
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.okkwork-crm-dropdown-add-btn:hover {
  background: rgba(6, 88, 162, 0.12);
  border-color: rgba(6, 88, 162, 0.5);
}

.okkwork-crm-dropdown-add-btn:focus-visible {
  outline: 2px solid rgba(6, 88, 162, 0.35);
  outline-offset: 1px;
}

/* OKKwork: выпадающее меню поддержки (макет «5. Меню поддрежки», список, не modal) */
@keyframes okkwork-support-menu-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.okkwork-support-menu {
  position: absolute;
  right: 20;
  left: auto;
  top: calc(100% + 8px);
  width: 290px;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 2;
  filter: drop-shadow(0 10px 28px rgba(0, 0, 0, 0.12)) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.06));
}

.okkwork-support-host.is-open .okkwork-support-menu {
  animation: okkwork-support-menu-in 0.2s ease forwards;
}

.okkwork-support-menu[hidden] {
  display: none !important;
}

.okkwork-support-menu__inner {
  position: relative;
  width: 230px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid rgba(107, 124, 128, 0.35);
  box-sizing: border-box;
  overflow: hidden;
}

.okkwork-support-menu__list {
  margin: 0;
  padding: 6px 0;
  list-style: none;
}

.okkwork-support-menu__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 8px 14px 8px 16px;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-family: "Rubik-Medium", "Rubik", "Inter-Medium", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: rgba(81, 95, 108, 1);
  box-sizing: border-box;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.okkwork-support-menu__item:hover{
  background: rgba(6, 88, 162, 0.08);
  color: #0658a2;
  outline: none;
}
.okkwork-support-menu__item:focus-visible{
  background: rgba(6, 88, 162, 0.08);
  color: #0658a2;
  outline: none;
}


.okkwork-support-menu__icon {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/okkwork-support-icon-chat.png");
}

.okkwork-support-menu__icon--doc {
  background-image: url("../icon/okkwork-support-icon-doc.png");
}

/* OKKwork: меню пользователя; иконки — ./icon/okkwork-user-menu-icons/ (копия из «Иконки Меню пользователя (new)») */
.vector-wrapper-219_6.okkwork-user-menu-host {
  cursor: pointer;
  overflow: hidden;
  border-radius: 50%;
  z-index: 60;
}

/* кликабельная зона — круг аватара (макет), не только обёртка */
.vector-wrapper-219_6.okkwork-user-menu-host .Pixso-vector-219_6{
  cursor: pointer;
  pointer-events: auto;
}
.vector-wrapper-219_6.okkwork-user-menu-host .okkwork-user-header-avatar{
  cursor: pointer;
  pointer-events: auto;
}


.vector-wrapper-219_6.okkwork-user-menu-host.is-open {
  z-index: 650;
}

.okkwork-user-header-avatar {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  z-index: 2;
  display: none;
}

.okkwork-user-menu-host.has-user-avatar .okkwork-user-header-avatar {
  display: block;
}

.okkwork-user-menu-host.has-user-avatar .okkwork-user-header-fallback {
  opacity: 0;
}

/* Позиция от #219_3: top:% от высоты 900px уводил меню за экран — задаём координаты от макета 1920×… */
.okkwork-user-menu {
  position: absolute;
  top: 65px;
  right: 40px;
  left: auto;
  width: 290px;
  z-index: 700;
  filter: drop-shadow(0 12px 32px rgba(0, 0, 0, 0.14));
}

.okkwork-user-menu[hidden] {
  display: none !important;
}

.okkwork-user-menu .Pixso-frame-281_116 {
  width: 290px;
  height: 284px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0);
}

.okkwork-user-menu .Pixso-rectangle-281_118 {
  width: 290px;
  height: 284px;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 10px 10px 10px 10px;
  background:
    radial-gradient(520px 160px at 18% 10%, rgba(6, 88, 162, 0.14), transparent 60%),
    radial-gradient(460px 140px at 88% 0%, rgba(0, 184, 217, 0.12), transparent 62%),
    linear-gradient(180deg, #DCE7F2 0%, #F7FAFD 100%);
  border: 1px solid rgba(6, 88, 162, 0.14);
  box-shadow: 0 14px 38px rgba(6, 88, 162, 0.16);
  z-index: 0;
  overflow: visible;
}

/* Иконки пунктов — поверх фона карточки */
.okkwork-user-menu .Pixso-rectangle-281_125{
  z-index: 2;
}
.okkwork-user-menu .Pixso-rectangle-281_126{
  z-index: 2;
}
.okkwork-user-menu .Pixso-rectangle-281_131{
  z-index: 2;
}
.okkwork-user-menu .Pixso-rectangle-281_133{
  z-index: 2;
}
.okkwork-user-menu .Pixso-rectangle-281_135{
  z-index: 2;
}
.okkwork-user-menu .Pixso-rectangle-281_141{
  z-index: 2;
}
.okkwork-user-menu .Pixso-vector-281_144{
  z-index: 2;
}


.okkwork-user-menu .Pixso-vector-281_119 {
  position: absolute;
  inset: 0% -4.444444444444445% -8.88888888888889% -4.444444444444445%;
  background-image: url("../icon/okkwork-user-menu-icons/Ellipse2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.okkwork-user-menu .vector-wrapper-281_119 {
  position: absolute;
  left: 192px;
  top: 17px;
  width: 90px;
  height: 90px;
}

.okkwork-user-menu .vector-wrapper-281_119.okkwork-user-avatar-wrap {
  z-index: 3;
}

.okkwork-user-menu .okkwork-user-avatar-viewport {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  overflow: hidden;
  z-index: 2;
  pointer-events: none;
}

.okkwork-user-menu .okkwork-user-avatar-img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%) scale(var(--okkwork-user-avatar-scale, 1));
  transform-origin: center center;
}

.okkwork-user-menu .okkwork-user-avatar-img[hidden] {
  display: none !important;
}

.okkwork-user-menu .okkwork-user-avatar-btn {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: rgba(6, 88, 162, 1);
  color: #fff;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  z-index: 4;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.okkwork-user-menu .okkwork-user-avatar-btn:hover {
  filter: brightness(1.08);
}

.okkwork-user-menu .Pixso-paragraph-281_122{
  font-size: 16px;
  font-family: "Rubik-Medium", "Rubik", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: rgba(81, 95, 108, 1);
  width: 92px;
  height: auto;
  position: absolute;
  left: 35px;
  top: 78px;
}
.okkwork-user-menu a.okkwork-user-profile-link.Pixso-paragraph-281_122{
  font-size: 16px;
  font-family: "Rubik-Medium", "Rubik", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: rgba(81, 95, 108, 1);
  width: 92px;
  height: auto;
  position: absolute;
  left: 35px;
  top: 78px;
}


.okkwork-user-menu a.okkwork-user-profile-link.Pixso-paragraph-281_122 {
  display: inline-block;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
}

.okkwork-user-menu .Pixso-text-281_124 {
  font-size: 16px;
  font-family: "Rubik-Medium", "Rubik", sans-serif;
  font-weight: 500;
  letter-spacing: 0em;
  color: rgb(200, 48, 48);
  width: 103px;
  height: auto;
  position: absolute;
  left: 206px;
  top: 252px;
  cursor: pointer;
}

/* OKKwork: pop up подтверждения выхода */
.okkwork-logout-confirm {
  position: fixed;
  inset: 0;
  z-index: 9100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

.okkwork-logout-confirm[hidden] {
  display: none !important;
}

.okkwork-logout-confirm__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
}

.okkwork-logout-confirm__panel {
  position: relative;
  z-index: 1;
  width: min(420px, 100%);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.2);
  padding: 18px 18px 14px;
  font-family: "Rubik-Medium", "Inter-Medium", sans-serif;
}

.okkwork-logout-confirm__title {
  font-size: 18px;
  font-weight: 500;
  color: rgba(81, 95, 108, 1);
  margin: 0 0 14px;
}

.okkwork-logout-confirm__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.okkwork-logout-confirm__actions button {
  font-family: inherit;
  font-size: 15px;
  padding: 8px 16px;
  border-radius: 8px;
  border: 0;
  cursor: pointer;
}

.okkwork-logout-confirm__cancel {
  background: #eef2f6;
  color: rgba(81, 95, 108, 1);
}

.okkwork-logout-confirm__yes {
  background: rgba(6, 88, 162, 1);
  color: #fff;
}

.okkwork-user-menu .Pixso-paragraph-281_124_0 {
  line-height: 19px;
  position: relative;
  flex-shrink: 0;
}

.okkwork-user-menu .Pixso-span-281_124_0_1 {
  font-size: 16px;
  font-family: "Rubik-Medium", "Rubik", sans-serif;
  font-weight: 500;
  color: rgb(200, 48, 48);
  position: relative;
  flex-shrink: 0;
}

.okkwork-user-menu .Pixso-paragraph-281_124_1 {
  line-height: 19px;
  position: relative;
  flex-shrink: 0;
}

.okkwork-user-menu .Pixso-span-281_124_1_1 {
  font-size: 16px;
  font-family: "Rubik-Medium", "Rubik", sans-serif;
  font-weight: 500;
  color: rgb(200, 48, 48);
  position: relative;
  flex-shrink: 0;
}

.okkwork-user-menu .Pixso-rectangle-281_125 {
  width: 22px;
  height: 22px;
  position: absolute;
  left: 258px;
  top: 250px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/okkwork-user-menu-icons/c9e46b6a52637bc2a6b41513caa33750ac1fc303.png");
}

.okkwork-user-menu .Pixso-rectangle-281_126 {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 11px;
  top: 78px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/okkwork-user-menu-icons/07365eb145a31140b318edabce560798cd90f250.png");
}

.okkwork-user-menu .Pixso-paragraph-281_127 {
  font-size: 14px;
  font-family: "Rubik-Bold", "Rubik", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #0658a2;
  width: 197px;
  height: auto;
  position: absolute;
  left: 12px;
  top: 23px;
}

.okkwork-user-menu .Pixso-paragraph-281_128 {
  font-size: 12px;
  font-family: "Rubik-Light", "Rubik", sans-serif;
  font-weight: 300;
  letter-spacing: 0.03em;
  color: #0658a2;
  width: 112px;
  height: auto;
  position: absolute;
  left: 12px;
  top: 43px;
}

.okkwork-user-menu .Pixso-paragraph-281_130 {
  font-size: 16px;
  font-family: "Rubik-Medium", "Rubik", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: rgba(81, 95, 108, 1);
  width: 149px;
  height: auto;
  position: absolute;
  left: 35px;
  top: 108px;
}

.okkwork-user-menu .Pixso-rectangle-281_131 {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 11px;
  top: 108px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/okkwork-user-menu-icons/aa8c8b064e5525a4da544486d3dd9d35f687df51.png");
}

.okkwork-user-menu .Pixso-paragraph-281_132 {
  font-size: 16px;
  font-family: "Rubik-Medium", "Rubik", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: rgba(81, 95, 108, 1);
  width: 149px;
  height: auto;
  position: absolute;
  left: 35px;
  top: 140px;
}

.okkwork-user-menu .Pixso-rectangle-281_133 {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 11px;
  top: 140px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/okkwork-user-menu-icons/okkwork-menu-marketplace.png");
}

.okkwork-user-menu .Pixso-paragraph-281_134 {
  font-size: 16px;
  font-family: "Rubik-Medium", "Rubik", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: rgba(81, 95, 108, 1);
  width: 149px;
  height: 20px;
  position: absolute;
  left: 35px;
  top: 173px;
}

.okkwork-user-menu .Pixso-rectangle-281_135 {
  width: 21px;
  height: 21px;
  position: absolute;
  left: 11px;
  top: 173px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/okkwork-user-menu-icons/okkwork-menu-birzha-zakazov.png");
}

.okkwork-user-menu .Pixso-paragraph-281_140 {
  font-size: 16px;
  font-family: "Rubik-Medium", "Rubik", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: rgba(81, 95, 108, 1);
  width: 214px;
  height: 20px;
  position: absolute;
  left: 40px;
  top: 223px;
}

.okkwork-user-menu .Pixso-rectangle-281_141 {
  width: 21px;
  height: 21px;
  position: absolute;
  left: 15px;
  top: 223px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/okkwork-user-menu-icons/92eaa6cabb72b6b7802c45c40822363c70792c20.png");
}

.okkwork-user-menu .Pixso-vector-281_144 {
  width: 241.5px;
  height: 1px;
  background-image: url("../icon/okkwork-user-menu-icons/Vector32.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 21.5px;
  top: 209.5px;
}

/* Боковая панель профиля (Bitrix24-style) — поверх .Pixso-frame-219_2 (10100) */
.okkwork-user-menu.is-slider {
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  filter: none !important;
  z-index: 101510 !important;
}

.okkwork-user-menu-slider-backdrop {
  z-index: 101500 !important;
}

.okkwork-user-menu.is-slider .Pixso-frame-281_116 {
  overflow: visible;
}

.okkwork-user-menu.is-slider .Pixso-rectangle-281_118::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, rgba(6, 88, 162, 0.08) 0%, transparent 55%);
  pointer-events: none;
  z-index: 1;
}

.okkwork-avatar-editor {
  position: fixed;
  inset: 0;
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

.okkwork-avatar-editor[hidden] {
  display: none !important;
}

.okkwork-avatar-editor__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
}

.okkwork-avatar-editor__panel {
  position: relative;
  z-index: 1;
  width: min(360px, 100%);
  padding: 20px 22px 18px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.2);
  font-family: "Rubik-Medium", "Inter-Medium", sans-serif;
}

.okkwork-avatar-editor__preview-wrap {
  width: 200px;
  height: 200px;
  margin: 0 auto 16px;
  border-radius: 50%;
  overflow: hidden;
  background: #eef2f6;
  position: relative;
}

.okkwork-avatar-editor__preview-img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%) scale(var(--okkwork-avatar-editor-scale, 1));
  transform-origin: center center;
}

.okkwork-avatar-editor__scale-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
}

.okkwork-avatar-editor__scale-row label {
  font-size: 14px;
  color: rgba(81, 95, 108, 1);
}

.okkwork-avatar-editor__scale-row input[type="range"] {
  width: 100%;
}

.okkwork-avatar-editor__actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.okkwork-avatar-editor__actions button {
  font-family: inherit;
  font-size: 15px;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
  border: 0;
}

.okkwork-avatar-editor__cancel {
  background: #eef2f6;
  color: rgba(81, 95, 108, 1);
}

.okkwork-avatar-editor__apply {
  background: rgba(6, 88, 162, 1);
  color: #fff;
}


/* OKKwork: импорт блока Pixso (этап 4) — контейнер как у #219_253 в макете */
.okkwork-pixso-stage4-import {
  position: absolute;
  left: 0;
  top: 0;
  width: 1920px;
  /* Не растягиваем полотно ниже блока "Следующий этап" (убирает пустую "страницу" снизу) */
  min-height: 0px;
  z-index: 0;
  pointer-events: auto;
}

.okkwork-stage4-add-block-center {
  position: fixed;
  left: 930px;
  top: 580px;
  transform: translate(-50%, -50%);
  z-index: 9999;
  pointer-events: auto;
}



/* >>> OKKwork: Fieldhost (subdivisions/specialists) ===================================== */
.okkwork-stage4-add-block-fieldhost {
  position: fixed;
  left: -750px; /* левый край страницы */
  top: 100px; /* под кнопкой */
  width: 520px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  z-index: 9999;
  pointer-events: auto;
}

.okkwork-stage4-s1-company-field {
  width: 100%;
  position: relative;
}

/* «+» под полем блока (absolute bottom:-34px) не должен наезжать на заголовок следующего блока */
.okkwork-stage4-s1-company-field--points-collapsed{
  padding-bottom: 52px;
}
.okkwork-stage4-s1-company-field--no-points{
  padding-bottom: 52px;
}


/* Когда в блоке нет пунктов — доп. зазор между блоками в колонке */
.okkwork-stage4-add-block-fieldhost > .okkwork-stage4-s1-company-field--no-points {
  margin-bottom: 12px;
}

.okkwork-stage4-s1-company-field__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-left: 8px;
}


.okkwork-stage4-s1-company-field__field {
  position: relative;
}

.okkwork-stage4-s1-company-field__icon-right {
  position: absolute;
  right: 10px;
  bottom: -33px;
  top: auto;
  transform: none;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: auto;
  cursor: pointer;
  opacity: 0.92;
  transition: opacity 0.12s ease, transform 0.12s ease;
  z-index: 3;
}

.okkwork-stage4-s1-company-field__icon-right:hover {
  opacity: 1;
  transform: scale(1.04);
}

.okkwork-stage4-s1-company-field__icon-right:active {
  transform: scale(0.98);
}

.okkwork-stage4-s1-company-field__icon-right:focus-visible {
  outline: 2px solid rgba(6, 88, 162, 0.30);
  outline-offset: 2px;
  border-radius: 6px;
}

.okkwork-stage4-s1-company-field__icon-bl {
  position: absolute;
  left: 10px;
  bottom: -33px;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: auto;
  cursor: pointer;
  opacity: 0.92;
  transition: opacity 0.12s ease, transform 0.12s ease;
}

.okkwork-stage4-s1-company-field__icon-bl:hover {
  opacity: 1;
  transform: scale(1.04);
}

.okkwork-stage4-s1-company-field__icon-bl:active {
  transform: scale(0.98);
}

.okkwork-stage4-s1-company-field__icon-bl:focus-visible {
  outline: 2px solid rgba(6, 88, 162, 0.30);
  outline-offset: 2px;
  border-radius: 6px;
}

.okkwork-stage4-s1-company-field__points {
  /* зона под полем блока: кнопка «+» (bottom:-28px) + воздух до первого пункта */
  margin-top: 36px;
  margin-left: 100px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  position: relative;
  padding-left: var(--okkwork-s1-points-indent);
  padding-bottom: 38px;
}
/* Этап 1: число созданных позиций (у нас — пунктов блока), кружок у вертикальной линии */
.okkwork-stage4-add-block-fieldhost .okkwork-stage4-s1-block__points-countcap {
  position: absolute;
  left: var(--okkwork-s1-points-line-x);
  bottom: 0;
  transform: translateX(-50%);
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 2px dashed var(--okkwork-s1-points-line-color);
  background: rgba(245, 245, 245, 1);
  display: grid;
  place-items: center;
  color: rgba(120, 130, 140, 1);
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  z-index: 2;
}
/* OKKwork: индикатор "скрытых пунктов" (виден только когда пункты свернуты) */
.okkwork-stage4-s1-hidden-points-indicator {
  margin-left: 220px;
  margin-top: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 22px;
  padding: 0 10px;
  border-radius: 999px;
  border: 0.5px solid rgba(140, 150, 160, 0.9);
  color: rgba(120, 130, 140, 1);
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  background: rgba(255, 255, 255, 0.65);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  user-select: none;
}
.okkwork-stage4-s1-hidden-points-indicator[hidden] { display: none !important; }

.okkwork-stage4-s1-company-field__points::before {
  content: "";
  position: absolute;
  left: var(--okkwork-s1-points-line-x);
  top: 0;
  bottom: 0;
  border-left: 2px dashed var(--okkwork-s1-points-line-color);
  pointer-events: none;
}

.okkwork-stage4-s1-company-field__point {
  position: relative;
  width: 100%;
  left: auto;
  top: auto;
}

.okkwork-stage4-s1-point {
  position: relative;
  /* место под «Удалить пункт» на той же вертикали, что и «+» у блока (bottom:-33px у поля) */
  padding-bottom: 22px;
}

.okkwork-stage4-s1-point__main {
  min-width: 0;
}

.okkwork-stage4-s1-point__head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 6px;
}

.okkwork-stage4-s1-point__label {
  font-family: "Inter-Light", "Inter-Regular", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #0658a2;
  line-height: 1;
  margin-left: 8px;
}

.okkwork-stage4-s1-point__field {
  position: relative;
}

.okkwork-stage4-s1-point__field::before {
  content: "";
  position: absolute;
  left: calc(-1 * (var(--okkwork-s1-points-indent) - var(--okkwork-s1-points-line-x)));
  top: 50%;
  width: 22px;
  border-top: 2px dashed var(--okkwork-s1-points-line-color);
  transform: translateY(-50%);
  pointer-events: none;
}

.okkwork-stage4-s1-point__right {
  position: absolute;
  right: -85px; /* балл: вправо от поля (−120px + 35px влево) */
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 18px;
}

.okkwork-stage4-s1-point__inner-icon {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 21px;
  height: 21px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: auto;
  cursor: pointer;
  opacity: 0.9;
  z-index: 2;
}

.okkwork-stage4-s1-block__inner-icon {
  position: absolute;
  right: 8px;
  top: 5px;
  width: 21px;
  height: 21px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: auto;
  cursor: pointer;
  opacity: 0.9;
  z-index: 2;
}

/* Под иконкой заметки блока: свернуть/развернуть пункты (стрелка вниз = развернуто, вверх = свернуто) */
.okkwork-stage4-s1-block__collapse-toggle {
  position: absolute;
  right: 35px;
  top: 6px;
  width: 21px;
  height: 21px;
  background: url("../icon/46116e31a3a1609f0df85e759c6ab87edc6d3409.png") center / contain no-repeat;
  pointer-events: auto;
  cursor: pointer;
  opacity: 0.9;
  z-index: 2;
  transform: rotate(0deg);
  transform-origin: center center;
  transition: transform 0.22s ease, opacity 0.12s ease;
}
.okkwork-stage4-s1-block__collapse-toggle:hover {
  opacity: 1;
}
.okkwork-stage4-s1-company-field--points-collapsed .okkwork-stage4-s1-block__collapse-toggle {
  transform: rotate(180deg);
}

/* Развёрнуто: не режем по X — иначе пропадает балл (right: -85px); «Удалить пункт» под полем */
.okkwork-stage4-s1-company-field > .okkwork-stage4-s1-company-field__points {
  overflow-x: visible;
  overflow-y: visible;
  max-height: 3200px;
  transition: max-height 0.35s ease, opacity 0.22s ease, margin-top 0.22s ease;
}
.okkwork-stage4-s1-company-field--points-collapsed > .okkwork-stage4-s1-company-field__points {
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0;
  margin-top: 0 !important;
  pointer-events: none;
}

/* OKKwork: popup-обёртка для Pixso-frame-171_149 */
.okkwork-stage4-pointdesc {
  position: fixed;
  width: 865px;
  height: 712px;
  display: none !important;
  z-index: 10050;
  pointer-events: auto;
  max-width: calc(100vw - 20px);
  max-height: calc(100vh - 20px);
}
.okkwork-stage4-pointdesc.is-open { display: flex !important; }
.okkwork-stage4-pointdesc.is-open {
  /* поверх контента, но НЕ перекрываем верхнюю панель */
  z-index: 10050 !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}
.okkwork-stage4-pointdesc.is-open{
  pointer-events: auto !important;
}
.okkwork-stage4-pointdesc.is-open *{
  pointer-events: auto !important;
}


/* Popup uses JS-calculated left/top (override Pixso absolute) */
.okkwork-stage4-pointdesc.Pixso-frame-171_149 {
  position: fixed;
  left: 0;
  top: 0;
}

/* --- Перенос дизайна из "Создать отчет ОКК (этап 4) pixso.html" (171_149 … 171_168) --- */
.Pixso-frame-171_149 {
  width: 865px;
  height: 656px;
  position: relative;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame-content-171_149 {
  /* Pixso absolutely-positioned layout: no scrollbars */
  display: block;
  width: 100%;
  height: 656px;
  position: relative;
  overflow: hidden;
}

.Pixso-paragraph-171_150 {
  font-size: 16px;
  font-family: "Rubik-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  color: #0658a2;
  width: auto;
  height: auto;
  position: absolute;
  flex-shrink: 0;
  flex-grow: 0;
}

/* OKKwork: заголовок + переключатель "комментарии пункта" */
#okkwork-stage4-pointdesc .okkwork-pointdesc-head {
  position: absolute;
  left: 12px;
  top: -61px;
  z-index: 3;
}
#okkwork-stage4-pointdesc [id="171_150"].Pixso-paragraph-171_150 {
  position: relative;
  left: 5px;
  top: 35px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 520px;
}
#okkwork-stage4-pointdesc #okkwork-pointdesc-head-sep.okkwork-pointdesc-head__sep {
  position: absolute;
  width: 1px;
  height: 22px;
  background: rgba(160, 170, 182, 0.9);
  left: 145px;
  top: 20px;
  z-index: 20;
}
#okkwork-stage4-pointdesc .okkwork-pointdesc-comment-toggle {
  position: absolute;
  width: 56px;
  height: 28px;
  left: 160px;
  top: 15px;
  z-index: 20;
  border-radius: 999px;
  border: 0.5px solid rgba(6, 88, 162, 0.35);
  background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(230, 242, 255, 0.85));
  box-shadow:
    0 10px 20px rgba(0, 0, 0, 0.10),
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 0 0 1px rgba(255, 255, 255, 0.55) inset;
  cursor: pointer;
  padding: 0;
  outline: none;
}
#okkwork-stage4-pointdesc .okkwork-pointdesc-comment-toggle:focus-visible {
  box-shadow:
    0 0 0 2px rgba(6, 88, 162, 0.30),
    0 10px 20px rgba(0, 0, 0, 0.10),
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 0 0 1px rgba(255, 255, 255, 0.55) inset;
}
#okkwork-stage4-pointdesc .okkwork-pointdesc-comment-toggle::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.9), rgba(255,255,255,0.0) 55%), rgba(220, 64, 64, 1);
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(255, 255, 255, 0.55) inset;
  transition: transform 160ms ease, background-color 160ms ease;
}
/* ВАЖНО: ::after у .okkwork-tooltip-host используется для подсказки.
   Поэтому выключаем ::after только когда элемент НЕ является tooltip-хостом. */
#okkwork-stage4-pointdesc .okkwork-pointdesc-comment-toggle:not(.okkwork-tooltip-host)::after {
  content: none;
}
#okkwork-stage4-pointdesc .okkwork-pointdesc-comment-toggle.is-on::before {
  transform: translateX(28px);
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.9), rgba(255,255,255,0.0) 55%), rgba(64, 190, 96, 1);
}

.Pixso-rectangle-171_151 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 5px 5px 5px 5px;
  background-color: rgba(245, 245, 245, 1);
}

.stroke-wrapper-171_151 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 656px;
  flex-shrink: 0;
}

.stroke-171_151 {
  position: absolute;
  inset: 0px;
  border-radius: 5px 5px 5px 5px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(81, 95, 108, 1);
}

.Pixso-paragraph-171_152 {
  font-size: 16px;
  font-family: "Rubik-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: 359px;
  height: auto;
  position: absolute;
  left: 12px;
  top: 108px;
  flex-grow: 0;
}

.Pixso-paragraph-171_153 {
  font-size: 14px;
  font-family: "Rubik-Regular";
  font-weight: 400;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 0.5);
  width: auto;
  height: auto;
  position: absolute;
  left: auto;
  right: 12px;
  top: 15px;
  flex-grow: 0;
  text-align: right;
  white-space: nowrap;
}

.Pixso-paragraph-171_154 {
  font-size: 16px;
  font-family: "Rubik-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: 359px;
  height: auto;
  position: absolute;
  left: 12px;
  top: 254px;
  flex-grow: 0;
}

.Pixso-paragraph-171_155 {
  font-size: 16px;
  font-family: "Rubik-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: 95px;
  height: auto;
  position: absolute;
  left: 12px;
  top: 398px;
  flex-grow: 0;
}

.Pixso-rectangle-171_156 {
  width: 842px;
  height: 96px;
  position: absolute;
  left: 12px;
  top: 131px;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(255, 255, 255, 1);
}

.Pixso-paragraph-171_157 {
  font-size: 16px;
  font-family: "Rubik-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(81, 95, 108, 1);
  width: 359px;
  height: 68px;
  position: absolute;
  left: 12px;
  top: 36px;
}

.Pixso-rectangle-171_158 {
  width: 773px;
  height: 43px;
  position: absolute;
  left: 12px;
  top: 57px;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(255, 255, 255, 1);
}

.Pixso-rectangle-171_159 {
  width: 842px;
  height: 96px;
  position: absolute;
  left: 12px;
  top: 277px;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(255, 255, 255, 1);
}

.Pixso-rectangle-171_160 {
  width: 842px;
  height: 96px;
  position: absolute;
  left: 12px;
  top: 425px;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(255, 255, 255, 1);
}

.Pixso-frame-171_161 {
  width: 195px;
  height: 39px;
  position: absolute;
  left: 655px;
  top: 603px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 2px 3px 2px 3px;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(81, 95, 108, 1);
}

.Pixso-paragraph-171_162 {
  /* modern green CTA button */
  position: absolute;
  left: 663px;
  top: 609px;
  width: 190px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 14px;
  border-radius: 10px;
  border: 2px solid rgba(22, 139, 70, 1); /* dark green border */
  background: rgba(213, 255, 228, 1);     /* light green fill */
  color: rgba(16, 94, 46, 1);             /* dark green text */
  font-size: 15px;
  font-family: "Rubik-SemiBold";
  font-weight: 600;
  letter-spacing: 0em;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition: transform 0.12s ease, background-color 0.12s ease, box-shadow 0.12s ease;
  box-shadow: 0 10px 18px rgba(22, 139, 70, 0.14);
}

.Pixso-paragraph-171_162:hover {
  background: rgba(195, 255, 218, 1);
  transform: translateY(-1px);
}
.Pixso-paragraph-171_162:active {
  transform: translateY(0px);
  box-shadow: 0 7px 14px rgba(22, 139, 70, 0.12);
}

.Pixso-frame-171_163 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  border-radius: 3px 3px 3px 3px;
  background-color: rgba(217, 217, 217, 1);
}

.frame-content-171_163 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding: 2px 3px 2px 3px;
  width: 100%;
  height: 100%;
  position: relative;
}

.stroke-wrapper-171_163 {
  position: absolute;
  left: 13px;
  top: 550px;
  width: 242px;
  height: 39px;
  display: flex;
}

.stroke-171_163 {
  position: absolute;
  inset: 0px;
  border-radius: 3px 3px 3px 3px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(81, 95, 108, 1);
}

.Pixso-paragraph-171_164 {
  font-size: 16px;
  font-family: "Rubik-Regular";
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 110.00000238418579%;
  color: rgba(81, 95, 108, 1);
  width: auto;
  height: auto;
  position: absolute;
  left: 8px;
  top: 11px;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-rectangle-171_165 {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 817px;
  top: 531px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(./image/114170be84d0641586d3626bfac531b0d745a6bb.png);
}

.Pixso-rectangle-171_166 {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 777px;
  top: 531px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(./image/c822032f6be49ceaf32102b2bc8bc6cf90c80e71.png);
}

.Pixso-frame-171_167 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 5px 5px 5px 5px;
  background-color: rgba(217, 217, 217, 1);
}

.frame-content-171_167 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.stroke-wrapper-171_167 {
  position: absolute;
  left: 795px;
  top: 59px;
  width: 58px;
  height: var(--okkwork-s1-point-field-h);
  display: flex;
}

/* OKKwork: score in popup uses same palette as point score */
.okkwork-stage4-pointdesc-score {
  cursor: pointer;
  user-select: none;
  pointer-events: auto;
  z-index: 5;
}

/* make popup score look exactly like .okkwork-stage4-s1-point__score */
[id="171_167"].okkwork-stage4-pointdesc-score {
  width: 58px !important;
  height: var(--okkwork-s1-point-field-h) !important;
  border-radius: 10px;
  border: 1px solid rgba(107, 124, 128, 0.35);
  background: rgba(245, 245, 245, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: rgba(72, 87, 101, 1);
  box-sizing: border-box;
}
[id="171_167"].okkwork-stage4-pointdesc-score .Pixso-frame-171_167{
  background: transparent !important;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
[id="171_167"].okkwork-stage4-pointdesc-score .frame-content-171_167{
  background: transparent !important;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

[id="171_167"].okkwork-stage4-pointdesc-score[data-v="0"]{
  background: rgba(245, 245, 245, 1);
  border-color: rgba(107, 124, 128, 0.35);
  color: rgba(72, 87, 101, 1);
}
[id="171_167"].okkwork-stage4-pointdesc-score:not([data-v]){
  background: rgba(245, 245, 245, 1);
  border-color: rgba(107, 124, 128, 0.35);
  color: rgba(72, 87, 101, 1);
}

[id="171_167"].okkwork-stage4-pointdesc-score[data-v="0,25"]{ background: rgba(236, 255, 236, 1); border-color: rgba(140, 215, 140, 0.65); color: rgba(40, 120, 40, 1); }
[id="171_167"].okkwork-stage4-pointdesc-score[data-v="0.25"]{ background: rgba(236, 255, 236, 1); border-color: rgba(140, 215, 140, 0.65); color: rgba(40, 120, 40, 1); }

[id="171_167"].okkwork-stage4-pointdesc-score[data-v="0,5"]{ background: rgba(255, 244, 226, 1); border-color: rgba(255, 180, 90, 0.65); color: rgba(160, 95, 15, 1); }
[id="171_167"].okkwork-stage4-pointdesc-score[data-v="0.5"]{ background: rgba(255, 244, 226, 1); border-color: rgba(255, 180, 90, 0.65); color: rgba(160, 95, 15, 1); }

[id="171_167"].okkwork-stage4-pointdesc-score[data-v="1"]    { background: rgba(255, 236, 236, 1); border-color: rgba(230, 140, 140, 0.65); color: rgba(160, 52, 52, 1); }
[id="171_167"].okkwork-stage4-pointdesc-score[data-v="3"]    { background: rgba(255, 226, 226, 1); border-color: rgba(200, 80, 80, 0.75); color: rgba(120, 20, 20, 1); }

[id="171_168"].Pixso-paragraph-171_168 {
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

/* OKKwork: editable fields inside white rectangles */
.okkwork-pointdesc-input {
  position: absolute;
  z-index: 3;
  border: none;
  outline: none;
  background: transparent;
  color: rgba(72, 87, 101, 1);
  font-family: "Rubik-Regular";
  font-size: 14px;
  line-height: 1.2;
  padding: 10px 12px;
  resize: none;
  box-sizing: border-box;
  overflow: hidden;
  white-space: pre-wrap;
  word-break: break-word;
}
.okkwork-pointdesc-input--single {
  padding-top: 11px;
}
.okkwork-pointdesc-input[contenteditable="true"]:empty:before {
  content: attr(data-placeholder);
  color: rgba(160, 170, 180, 1);
}
.okkwork-pointdesc-input.is-empty:before {
  content: attr(data-placeholder);
  color: rgba(160, 170, 180, 1);
}
.okkwork-pointdesc-input.is-empty:focus:before {
  content: "";
}
/* Однострочные заголовки «Название пункта» / «Название блока» — без лишней жирности */
#okkwork-pointdesc-title,
#okkwork-blockdesc-title {
  font-weight: 400 !important;
}
/* Название пункта: плейсхолдер как у «Описание нарушения» и др. полей */
#okkwork-pointdesc-title[contenteditable="true"]:empty:before,
#okkwork-pointdesc-title.is-empty:before {
  color: rgba(160, 170, 180, 1) !important;
}
#okkwork-blockdesc-title[contenteditable="true"]:empty:before,
#okkwork-blockdesc-title.is-empty:before {
  color: rgba(6, 88, 162, 0.88) !important;
}
.okkwork-pointdesc-input a {
  color: #0658a2;
  text-decoration: underline;
}

/* OKKwork: форма «Описание пункта» — скругление, тень, тонкая синяя рамка 0.5px */
#okkwork-stage4-pointdesc {
  --okkwork-pointdesc-radius: 18px;
  /* однострочное «Название пункта» — меньше скругление */
  --okkwork-pointdesc-title-field-radius: 10px;
  --okkwork-pointdesc-form-border: rgba(6, 88, 162, 1);
  /* тень полей: слабее, в основном снизу (лёгкое «отрывание» от фона) */
  --okkwork-pointdesc-field-shadow:
    0 5px 12px rgba(0, 0, 0, 0.07),
    0 2px 4px rgba(0, 0, 0, 0.04);
  /* неон в фокусе — мягкий синий, без «лазера» */
  --okkwork-pointdesc-neon-core: rgba(6, 88, 162, 0.42);
  --okkwork-pointdesc-neon-mid: rgba(30, 150, 255, 0.22);
  --okkwork-pointdesc-neon-outer: rgba(100, 200, 255, 0.12);
}

#okkwork-stage4-pointdesc.Pixso-frame-171_149 {
  height: 712px !important;
  border-radius: var(--okkwork-pointdesc-radius) !important;
  /* тень формы: чуть слабее, акцент снизу */
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.12),
    0 5px 14px rgba(0, 0, 0, 0.07);
}

#okkwork-stage4-pointdesc .frame-content-171_149 {
  border-radius: var(--okkwork-pointdesc-radius) !important;
  /* иначе box-shadow у полей обрезается (базовый overflow:hidden у .frame-content-171_149) */
  overflow: visible !important;
  height: 712px !important;
}

#okkwork-stage4-pointdesc .Pixso-rectangle-171_151 {
  border-radius: var(--okkwork-pointdesc-radius) !important;
  background: linear-gradient(110deg, rgba(6,88,162,.16), rgba(0,184,217,.16), rgba(148,216,45,.16)) !important;
}

/* МКК: popup «Описание пункта» по центру экрана */
.okkwork-mkk-pointdesc-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2147483645;
  background: rgba(8, 18, 32, 0.62);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.okkwork-mkk-pointdesc-backdrop[hidden] {
  display: none !important;
}
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc.is-open {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 2147483646 !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  isolation: isolate;
  filter: none !important;
}
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc.is-open .frame-content-171_149,
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc.is-open .stroke-wrapper-171_151 {
  opacity: 1 !important;
}
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .Pixso-rectangle-171_151 {
  background: linear-gradient(
    112deg,
    rgba(8, 52, 98, 0.94) 0%,
    rgba(6, 88, 130, 0.92) 38%,
    rgba(12, 72, 88, 0.90) 62%,
    rgba(28, 92, 48, 0.88) 100%
  ) !important;
}
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc [id="171_150"].Pixso-paragraph-171_150 {
  color: rgba(255, 255, 255, 1) !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45);
}
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc [id="171_153"].Pixso-paragraph-171_153 {
  color: rgba(255, 255, 255, 0.72) !important;
  left: auto !important;
  right: 12px !important;
  width: auto !important;
  text-align: right !important;
}
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-input-bordered {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.88) !important;
  box-shadow:
    0 2px 10px rgba(0, 0, 0, 0.12),
    0 1px 3px rgba(6, 88, 162, 0.14) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-input-bordered:focus {
  border-color: rgba(255, 255, 255, 1) !important;
  box-shadow:
    0 0 0 2px rgba(120, 200, 255, 0.55),
    0 4px 14px rgba(0, 0, 0, 0.14) !important;
}
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-icons {
  z-index: 100;
  top: 536px;
  padding: 3px 6px;
  border-radius: 10px;
  background: rgba(8, 20, 36, 0.55);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
/* Панель форматирования на тёмном фоне — белые иконки + текстовый fallback */
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn img {
  filter: brightness(0) invert(1) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.35));
  opacity: 1;
}
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn img:not([src]),
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn img[src=""] {
  display: none;
}
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn {
  color: rgba(255, 255, 255, 0.96);
  font-family: "Rubik-Medium", "Rubik", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn[data-cmd="bold"]::after { content: "B"; }
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn[data-cmd="italic"]::after { content: "I"; font-style: italic; }
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn[data-cmd="underline"]::after { content: "U"; text-decoration: underline; }
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn[data-cmd="titlecase"]::after { content: "H1"; font-size: 10px; letter-spacing: -0.02em; }
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn[data-cmd="ol"]::after { content: "1."; font-size: 11px; }
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn[data-cmd="ul"]::after { content: "≡"; font-size: 14px; }
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn[data-cmd="marker"]::after { content: "✎"; font-size: 13px; }
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn[data-cmd="link"]::after { content: "⛓"; font-size: 12px; }
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn[data-cmd="emoji"]::after { content: "☺"; font-size: 13px; }
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn::after {
  display: block !important;
}
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn:hover {
  background: rgba(255, 255, 255, 0.14) !important;
}
body.okkwork-mkk-pointdesc-active #okkwork-stage4-pointdesc .okkwork-pointdesc-bottom-btn:hover img {
  opacity: 1;
}
body.okkwork-mkk-pointdesc-active .okkwork-stage4-s1-point__scoremenu {
  z-index: 2147483647 !important;
}

body.okkwork-mkk-blockdesc-active #okkwork-stage4-blockdesc.is-open {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 2147483646 !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  isolation: isolate;
  filter: none !important;
}
body.okkwork-mkk-blockdesc-active #okkwork-stage4-blockdesc.is-open .frame-content-blockdesc,
body.okkwork-mkk-blockdesc-active #okkwork-stage4-blockdesc.is-open .stroke-wrapper-171_151 {
  opacity: 1 !important;
}
body.okkwork-mkk-blockdesc-active #okkwork-stage4-blockdesc .Pixso-rectangle-171_151 {
  background: linear-gradient(
    112deg,
    rgba(8, 52, 98, 0.94) 0%,
    rgba(6, 88, 130, 0.92) 38%,
    rgba(12, 72, 88, 0.90) 62%,
    rgba(28, 92, 48, 0.88) 100%
  ) !important;
}
body.okkwork-mkk-blockdesc-active #okkwork-stage4-blockdesc [id="bd_150"].Pixso-paragraph-171_150 {
  color: rgba(6, 88, 162, 1) !important;
  text-shadow: none;
}
body.okkwork-mkk-blockdesc-active #okkwork-stage4-blockdesc #bd_153 {
  color: rgba(255, 255, 255, 0.72) !important;
  left: auto !important;
  right: 12px !important;
  width: auto !important;
  text-align: right !important;
}
body.okkwork-mkk-blockdesc-active #okkwork-stage4-blockdesc .okkwork-pointdesc-input-bordered {
  border: 1px solid rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
body.okkwork-mkk-blockdesc-active #okkwork-stage4-blockdesc .okkwork-pointdesc-input-bordered:focus {
  border-color: rgba(6, 88, 162, 0.45);
  box-shadow: 0 0 0 1px rgba(6, 88, 162, 0.2), 0 1px 6px rgba(6, 88, 162, 0.08);
}
body.okkwork-mkk-blockdesc-active #okkwork-stage4-blockdesc .okkwork-pointdesc-bottom-icons {
  z-index: 100;
  padding: 3px 6px;
  border-radius: 10px;
  background: rgba(8, 20, 36, 0.55);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
body.okkwork-mkk-blockdesc-active #okkwork-stage4-blockdesc .okkwork-pointdesc-bottom-btn img {
  opacity: 1;
  filter: brightness(0) invert(1) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.35));
}
body.okkwork-mkk-blockdesc-active #okkwork-stage4-blockdesc .okkwork-pointdesc-bottom-btn::after {
  display: block !important;
}
body.okkwork-mkk-blockdesc-active #okkwork-stage4-blockdesc .okkwork-pointdesc-bottom-btn:hover {
  background: rgba(255, 255, 255, 0.14) !important;
}
body.okkwork-mkk-blockdesc-active #okkwork-stage4-blockdesc .okkwork-pointdesc-bottom-btn:hover img {
  opacity: 1;
}

#okkwork-stage4-pointdesc .stroke-wrapper-171_151 {
  border-radius: var(--okkwork-pointdesc-radius) !important;
  height: 712px !important;
}

/* нижние декоративные пиксели — скрыты, используем .okkwork-pointdesc-bottom-icons */
#okkwork-stage4-pointdesc .Pixso-rectangle-171_165,
#okkwork-stage4-pointdesc .Pixso-rectangle-171_166 {
  display: none !important;
}

#okkwork-stage4-pointdesc .stroke-171_151 {
  border-width: 0.5px !important;
  border-style: solid !important;
  border-color: rgba(6,88,162,.28) !important;
  border-radius: var(--okkwork-pointdesc-radius) !important;
  /* лёгкий объём у обводки (опционально, не дублирует сильно внешнюю тень) */
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
}

/*
  Подложки полей — тень.
  Важно: селектор #171_156 в CSS невалиден (id с цифры), стили не применялись — используем [id="…"].
*/
#okkwork-stage4-pointdesc [id="171_156"]{
  z-index: 1;
  border-radius: var(--okkwork-pointdesc-radius) !important;
  box-shadow: var(--okkwork-pointdesc-field-shadow) !important;
  transition: box-shadow 0.22s ease, border-color 0.22s ease;
}
#okkwork-stage4-pointdesc [id="171_159"]{
  z-index: 1;
  border-radius: var(--okkwork-pointdesc-radius) !important;
  box-shadow: var(--okkwork-pointdesc-field-shadow) !important;
  transition: box-shadow 0.22s ease, border-color 0.22s ease;
}
#okkwork-stage4-pointdesc [id="171_160"]{
  z-index: 1;
  border-radius: var(--okkwork-pointdesc-radius) !important;
  box-shadow: var(--okkwork-pointdesc-field-shadow) !important;
  transition: box-shadow 0.22s ease, border-color 0.22s ease;
}

/* Белые прямоугольники Pixso скрыты — фон полей как у «Описания специалиста» (этап 1) */
#okkwork-stage4-pointdesc [id="171_156"],
#okkwork-stage4-pointdesc [id="171_158"],
#okkwork-stage4-pointdesc [id="171_159"],
#okkwork-stage4-pointdesc [id="171_160"] {
  display: none !important;
}
#okkwork-stage4-pointdesc .okkwork-pointdesc-input-bordered {
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 1px 6px rgba(6, 88, 162, 0.08);
  padding-top: 10px;
}
#okkwork-stage4-pointdesc .okkwork-pointdesc-input--single.okkwork-pointdesc-input-bordered {
  padding-top: 11px;
  white-space: nowrap;
}
#okkwork-stage4-pointdesc .okkwork-pointdesc-input-bordered:focus {
  border-color: rgba(6, 88, 162, 0.45);
  box-shadow: 0 0 0 1px rgba(6, 88, 162, 0.2), 0 1px 6px rgba(6, 88, 162, 0.08);
}

/* «Название пункта» — меньше радиус (подложка + поле ввода) */
#okkwork-stage4-pointdesc [id="171_158"] {
  z-index: 1;
  border-radius: var(--okkwork-pointdesc-title-field-radius) !important;
  box-shadow: var(--okkwork-pointdesc-field-shadow) !important;
  transition: box-shadow 0.22s ease, border-color 0.22s ease;
}

/* Фокус: синяя неоновая подсветка (класс вешается с JS на подложку) */
#okkwork-stage4-pointdesc [id="171_156"].okkwork-pointdesc-field--active{
  box-shadow:
    0 0 0 1px var(--okkwork-pointdesc-neon-core),
    0 0 5px 0 var(--okkwork-pointdesc-neon-mid),
    0 0 12px 1px var(--okkwork-pointdesc-neon-outer),
    var(--okkwork-pointdesc-field-shadow) !important;
}
#okkwork-stage4-pointdesc [id="171_158"].okkwork-pointdesc-field--active{
  box-shadow:
    0 0 0 1px var(--okkwork-pointdesc-neon-core),
    0 0 5px 0 var(--okkwork-pointdesc-neon-mid),
    0 0 12px 1px var(--okkwork-pointdesc-neon-outer),
    var(--okkwork-pointdesc-field-shadow) !important;
}
#okkwork-stage4-pointdesc [id="171_159"].okkwork-pointdesc-field--active{
  box-shadow:
    0 0 0 1px var(--okkwork-pointdesc-neon-core),
    0 0 5px 0 var(--okkwork-pointdesc-neon-mid),
    0 0 12px 1px var(--okkwork-pointdesc-neon-outer),
    var(--okkwork-pointdesc-field-shadow) !important;
}
#okkwork-stage4-pointdesc [id="171_160"].okkwork-pointdesc-field--active{
  box-shadow:
    0 0 0 1px var(--okkwork-pointdesc-neon-core),
    0 0 5px 0 var(--okkwork-pointdesc-neon-mid),
    0 0 12px 1px var(--okkwork-pointdesc-neon-outer),
    var(--okkwork-pointdesc-field-shadow) !important;
}


#okkwork-stage4-pointdesc .okkwork-pointdesc-input {
  z-index: 3;
  border-radius: var(--okkwork-pointdesc-radius);
  /* box-shadow рисуется; overflow:hidden на input обрезает тень — только для этой формы */
  overflow: visible;
}

#okkwork-stage4-pointdesc #okkwork-pointdesc-title {
  border-radius: var(--okkwork-pointdesc-title-field-radius);
}

#okkwork-stage4-pointdesc .okkwork-pointdesc-input--single {
  /* однострочное поле: обрезка по вертикали без клипа тени */
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#okkwork-stage4-pointdesc .okkwork-pointdesc-input:not(.okkwork-pointdesc-input--single) {
  word-break: break-word;
  white-space: pre-wrap;
  overflow-y: auto;
  overflow-x: hidden;
}

/* OKKwork: lists inside rich-text editors (override global ol/ul reset) */
.okkwork-pointdesc-input ol{
  list-style-position: inside;
  padding-left: 18px;
  margin: 0;
}
.okkwork-pointdesc-input ul{
  list-style-position: inside;
  padding-left: 18px;
  margin: 0;
}

.okkwork-pointdesc-input ol { list-style-type: decimal !important; }
.okkwork-pointdesc-input ul { list-style-type: disc !important; }
.okkwork-pointdesc-input li { margin: 2px 0; }

/* OKKwork: форма «Описание блока» (2 поля, запас по вертикали под панель и вложения) */
.okkwork-stage4-blockdesc {
  position: fixed;
  width: 865px;
  height: 596px;
  display: none !important;
  z-index: 10051;
  pointer-events: auto;
  max-width: calc(100vw - 20px);
  max-height: calc(100vh - 20px);
}
.okkwork-stage4-blockdesc.is-open { display: flex !important; }
.okkwork-stage4-blockdesc.is-open {
  z-index: 10051 !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}
.okkwork-stage4-blockdesc.is-open{
  pointer-events: auto !important;
}
.okkwork-stage4-blockdesc.is-open *{
  pointer-events: auto !important;
}

.okkwork-stage4-blockdesc.Pixso-frame-171_149 {
  position: fixed;
  left: 0;
  top: 0;
  height: 596px !important;
}
#okkwork-stage4-blockdesc .frame-content-blockdesc {
  display: block;
  width: 100%;
  height: 596px;
  position: relative;
  overflow: visible !important;
  border-radius: var(--okkwork-pointdesc-radius) !important;
  flex: 0 0 auto;
  min-width: 0;
  min-height: 0;
}
/* Фон карточки: под полями, без перехвата кликов */
#okkwork-stage4-blockdesc .stroke-wrapper-171_151 {
  height: 596px !important;
  border-radius: var(--okkwork-pointdesc-radius) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
#okkwork-stage4-blockdesc {
  --okkwork-blockdesc-form-h: 596px;
  --okkwork-pointdesc-radius: 18px;
  --okkwork-pointdesc-title-field-radius: 10px;
  --okkwork-pointdesc-form-border: rgba(6, 88, 162, 1);
  --okkwork-pointdesc-field-shadow:
    0 5px 12px rgba(0, 0, 0, 0.07),
    0 2px 4px rgba(0, 0, 0, 0.04);
  --okkwork-pointdesc-neon-core: rgba(6, 88, 162, 0.42);
  --okkwork-pointdesc-neon-mid: rgba(30, 150, 255, 0.22);
  --okkwork-pointdesc-neon-outer: rgba(100, 200, 255, 0.12);
  border-radius: var(--okkwork-pointdesc-radius) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.12),
    0 5px 14px rgba(0, 0, 0, 0.07);
}
#okkwork-stage4-blockdesc .Pixso-rectangle-171_151 {
  border-radius: var(--okkwork-pointdesc-radius) !important;
  background: linear-gradient(110deg, rgba(6,88,162,.16), rgba(0,184,217,.16), rgba(148,216,45,.16)) !important;
}
#okkwork-stage4-blockdesc .stroke-171_151 {
  border-width: 0.5px !important;
  border-style: solid !important;
  border-color: rgba(6,88,162,.28) !important;
  border-radius: var(--okkwork-pointdesc-radius) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
}
#okkwork-stage4-blockdesc [id="bd_156"]{
  z-index: 1;
  border-radius: var(--okkwork-pointdesc-radius) !important;
  box-shadow: var(--okkwork-pointdesc-field-shadow) !important;
  transition: box-shadow 0.22s ease, border-color 0.22s ease;
}
#okkwork-stage4-blockdesc [id="bd_158"]{
  z-index: 1;
  border-radius: var(--okkwork-pointdesc-radius) !important;
  box-shadow: var(--okkwork-pointdesc-field-shadow) !important;
  transition: box-shadow 0.22s ease, border-color 0.22s ease;
}

#okkwork-stage4-blockdesc [id="bd_158"] {
  border-radius: var(--okkwork-pointdesc-title-field-radius) !important;
}
#okkwork-stage4-blockdesc [id="bd_156"].okkwork-pointdesc-field--active{
  box-shadow:
    0 0 0 1px var(--okkwork-pointdesc-neon-core),
    0 0 5px 0 var(--okkwork-pointdesc-neon-mid),
    0 0 12px 1px var(--okkwork-pointdesc-neon-outer),
    var(--okkwork-pointdesc-field-shadow) !important;
}
#okkwork-stage4-blockdesc [id="bd_158"].okkwork-pointdesc-field--active{
  box-shadow:
    0 0 0 1px var(--okkwork-pointdesc-neon-core),
    0 0 5px 0 var(--okkwork-pointdesc-neon-mid),
    0 0 12px 1px var(--okkwork-pointdesc-neon-outer),
    var(--okkwork-pointdesc-field-shadow) !important;
}

#okkwork-stage4-blockdesc .okkwork-pointdesc-input {
  z-index: 12 !important;
  border-radius: var(--okkwork-pointdesc-radius);
  overflow: visible;
}
#okkwork-stage4-blockdesc #okkwork-blockdesc-title {
  border-radius: var(--okkwork-pointdesc-title-field-radius);
}
#okkwork-stage4-blockdesc .okkwork-pointdesc-input--single {
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#okkwork-stage4-blockdesc .okkwork-pointdesc-input:not(.okkwork-pointdesc-input--single) {
  word-break: break-word;
  white-space: pre-wrap;
  overflow-y: auto;
  overflow-x: hidden;
}
/* ID блока — к правому краю поля описания (12 + 842) */
#okkwork-stage4-blockdesc #bd_153 {
  left: auto !important;
  right: 12px !important;
  width: auto;
  max-width: 260px;
  text-align: right;
  white-space: nowrap;
}

/* OKKwork: заголовок "Описание блока - Б.1" всегда на переднем плане */
#okkwork-stage4-blockdesc [id="bd_150"].Pixso-paragraph-171_150 {
  position: absolute;  /* включаем top/left */
  left: 12px;          /* как было */
  top: -25px;            /* ↑ уменьшайте, чтобы поднять; увеличивайте, чтобы опустить */
  z-index: 20;
  color: rgba(6, 88, 162, 1) !important;
}

/* OKKwork: вертикальная линия + переключатель (как в форме пункта) */
#okkwork-stage4-blockdesc .okkwork-pointdesc-comment-toggle {
  z-index: 10070;
  left: 120px;
  top: 21px;
}
#okkwork-stage4-blockdesc .okkwork-blockdesc-head__sep {
  z-index: 10070;
  left: 100px;
  top: 20px;
}

/* OKKwork: переключатель блока — как .okkwork-mkk-ws-settings__toggle (knob ::before, tooltip ::after) */
#okkwork-stage4-blockdesc #okkwork-blockdesc-comment-toggle {
  appearance: none;
  -webkit-appearance: none;
  width: 36px;
  height: 20px;
  border-radius: 999px;
  border: 2px solid rgba(220, 64, 64, 1);
  background: #fff;
  box-shadow: none;
  cursor: pointer;
  padding: 0;
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
#okkwork-stage4-blockdesc #okkwork-blockdesc-comment-toggle:focus-visible {
  box-shadow: 0 0 0 2px rgba(220, 64, 64, 0.35);
}
#okkwork-stage4-blockdesc #okkwork-blockdesc-comment-toggle.is-on:focus-visible {
  box-shadow: 0 0 0 2px rgba(17, 188, 32, 0.35);
}
#okkwork-stage4-blockdesc #okkwork-blockdesc-comment-toggle::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: rgba(220, 64, 64, 1);
  box-shadow: none;
  transition: transform 0.15s ease, background 0.15s ease;
}
#okkwork-stage4-blockdesc #okkwork-blockdesc-comment-toggle.is-on {
  border-color: rgba(17, 188, 32, 1);
  background: rgba(17, 188, 32, 0.15);
}
#okkwork-stage4-blockdesc #okkwork-blockdesc-comment-toggle.is-on::before {
  transform: translateX(16px);
  background: rgba(17, 188, 32, 1);
}
#okkwork-stage4-blockdesc #okkwork-blockdesc-comment-toggle.okkwork-tooltip-host--multiline::after {
  left: 50%;
  top: calc(100% + 10px);
  transform: translateX(-50%);
  white-space: pre-wrap;
  box-sizing: border-box;
  width: max-content;
  min-width: 280px;
  max-width: min(420px, calc(100vw - 48px));
  text-align: left;
  line-height: 1.35;
}
#okkwork-stage4-blockdesc #okkwork-blockdesc-comment-toggle.okkwork-tooltip-host--multiline:hover::after,
#okkwork-stage4-blockdesc #okkwork-blockdesc-comment-toggle.okkwork-tooltip-host--multiline:focus-visible::after {
  transform: translateX(-50%) translateY(-2px);
}

/* OKKwork: вертикальная линия в форме БЛОКА */
#okkwork-stage4-blockdesc .okkwork-blockdesc-head__sep {
  position: absolute;
  width: 1px;
  height: 22px;
  background: rgba(160, 170, 182, 0.9);
}

#okkwork-stage4-blockdesc .okkwork-pointdesc-bottom-icons {
  top: 405px;
  width: 842px;
}
#okkwork-stage4-blockdesc .okkwork-pointdesc-emoji {
  top: -280px;
}
#okkwork-stage4-blockdesc [id="bd_156"],
#okkwork-stage4-blockdesc [id="bd_158"] {
  display: none !important;
}

/* Поля блока — тот же «матовый» фон и рамка, что у формы пункта и этапа 1 */
#okkwork-stage4-blockdesc .okkwork-pointdesc-input-bordered {
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 1px 6px rgba(6, 88, 162, 0.08);
  padding-top: 10px;
}
#okkwork-stage4-blockdesc .okkwork-pointdesc-input--single.okkwork-pointdesc-input-bordered {
  padding-top: 11px;
  white-space: nowrap;
}
#okkwork-stage4-blockdesc .okkwork-pointdesc-input-bordered:focus {
  border-color: rgba(6, 88, 162, 0.45);
  box-shadow:
    0 0 0 1px rgba(6, 88, 162, 0.2),
    0 1px 6px rgba(6, 88, 162, 0.08);
}
/* Индикатор заполнения — 2 сегмента */
.okkwork-blockdesc-progress {
  position: absolute;
  z-index: 11;
  width: 90px;
  height: 34px;
  padding: 8px 10px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  user-select: none;
}
.okkwork-blockdesc-progress__bar {
  width: 22px;
  border-radius: 999px;
  opacity: 0.16;
  transform: translateY(0px);
  transition: opacity 0.14s ease, filter 0.14s ease;
}
.okkwork-blockdesc-progress__bar.is-on {
  opacity: 1;
  filter: drop-shadow(0 6px 10px rgba(6, 88, 162, 0.14));
}
.okkwork-blockdesc-progress__bar[data-seg="1"] { height: 4px; background: rgba(165, 216, 255, 1); }
.okkwork-blockdesc-progress__bar[data-seg="2"] { height: 8px; background: rgba(6, 88, 162, 1); }

/* OKKwork: character counters + progress ring (stage4 point description) */
.okkwork-pointdesc-counter {
  position: absolute;
  z-index: 11;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 12px;
  letter-spacing: 0.02em;
  white-space: nowrap;
  color: rgba(40, 48, 56, 1);
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(120, 120, 120, 0.22);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  user-select: none;
  opacity: 0;           /* hidden until activated */
  pointer-events: none; /* don't block interactions */
  transform: translateY(-2px);
  transition: opacity 0.14s ease, transform 0.14s ease, box-shadow 0.14s ease;
}
.okkwork-pointdesc-counter.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0px);
}
.okkwork-pointdesc-counter__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.03);
}
.okkwork-pointdesc-counter__num {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}
.okkwork-pointdesc-counter__label { opacity: 0.9; }
.okkwork-pointdesc-counter.is-low {
  border-color: rgba(235, 80, 80, 0.45);
  box-shadow: 0 10px 26px rgba(235, 80, 80, 0.12), 0 0 0 1px rgba(235, 80, 80, 0.08) inset;
}
.okkwork-pointdesc-counter.is-low .okkwork-pointdesc-counter__dot { background: rgba(235, 80, 80, 1); }
.okkwork-pointdesc-counter.is-mid {
  border-color: rgba(255, 145, 60, 0.55);
  box-shadow: 0 10px 26px rgba(255, 145, 60, 0.14), 0 0 0 1px rgba(255, 145, 60, 0.10) inset;
}
.okkwork-pointdesc-counter.is-mid .okkwork-pointdesc-counter__dot { background: rgba(255, 145, 60, 1); }
.okkwork-pointdesc-counter.is-high {
  border-color: rgba(45, 190, 115, 0.55);
  box-shadow: 0 10px 26px rgba(45, 190, 115, 0.14), 0 0 0 1px rgba(45, 190, 115, 0.10) inset;
}
.okkwork-pointdesc-counter.is-high .okkwork-pointdesc-counter__dot { background: rgba(45, 190, 115, 1); }

/* Поля формы: счётчик символов — справа сверху у поля */
.okkwork-pointdesc-fieldwrap {
  position: absolute;
  overflow: visible;
  z-index: 1;
}
.okkwork-pointdesc-fieldwrap__inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.okkwork-pointdesc-counter-slot {
  position: absolute;
  top: 6px;
  right: 8px;
  z-index: 12;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: min(360px, calc(100% - 16px));
  pointer-events: none;
}
.okkwork-pointdesc-counter-slot .okkwork-pointdesc-counter {
  position: relative;
  left: auto !important;
  top: auto !important;
  pointer-events: auto;
  flex-shrink: 0;
}
#okkwork-stage4-pointdesc .okkwork-pointdesc-counter-slot {
  top: -12px;
  right: 13px;
}

.okkwork-pointdesc-progress {
  position: absolute;
  z-index: 11;
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: transparent; /* no white plate behind bars */
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  user-select: none;
}
.okkwork-pointdesc-progress {
  /* turn circle into "stair" indicator */
  width: 130px;
  height: 34px;
  padding: 8px 10px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
}
.okkwork-pointdesc-progress__bar {
  width: 22px;
  border-radius: 999px;
  opacity: 0.16;
  transform: translateY(0px);
  transition: opacity 0.14s ease, filter 0.14s ease;
}
.okkwork-pointdesc-progress__bar.is-on {
  opacity: 1;
  filter: drop-shadow(0 6px 10px rgba(6, 88, 162, 0.14));
}
.okkwork-pointdesc-progress__bar[data-seg="1"] { height: 4px; background: rgba(165, 216, 255, 1); }
.okkwork-pointdesc-progress__bar[data-seg="2"] { height: 6px; background: rgba(90, 160, 235, 1); }
.okkwork-pointdesc-progress__bar[data-seg="3"] { height: 8px; background: rgba(40, 110, 200, 1); }
.okkwork-pointdesc-progress__bar[data-seg="4"] { height: 10px; background: rgba(6, 88, 162, 1); }

/* OKKwork: палитра маркера (кнопка в нижней панели, как на этапе 1) */
.okkwork-pointdesc-palette {
  position: absolute;
  z-index: 121;
  display: none;
  grid-template-columns: repeat(5, 20px);
  gap: 8px;
  padding: 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(120, 120, 120, 0.28);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}
.okkwork-pointdesc-palette.is-open { display: grid; }
.okkwork-pointdesc-palette__swatch {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.okkwork-pointdesc-palette__swatch--clear {
  background:
    linear-gradient(45deg, rgba(200,200,200,0.9) 25%, transparent 25%, transparent 75%, rgba(200,200,200,0.9) 75%, rgba(200,200,200,0.9)),
    linear-gradient(45deg, rgba(200,200,200,0.9) 25%, transparent 25%, transparent 75%, rgba(200,200,200,0.9) 75%, rgba(200,200,200,0.9));
  background-position: 0 0, 6px 6px;
  background-size: 12px 12px;
}

.okkwork-pointdesc-bottom-icons {
  position: absolute;
  right: 2px;
  left: auto;
  top: 532px; /* под полем «Примеры», ниже тени поля */
  width: 842px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  /* must be above counters (z-index: 11) when emoji opens */
  z-index: 80;
  pointer-events: auto;
}
.okkwork-pointdesc-bottom-icon {
  width: 10px;
  height: 10px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.92;
}
.okkwork-pointdesc-bottom-btn {
  width: 14px;
  height: 14px;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  border-radius: 6px;
  display: grid;
  place-items: center;
  -webkit-tap-highlight-color: transparent;
}
.okkwork-pointdesc-bottom-btn:hover { background: rgba(6, 88, 162, 0.08); }
.okkwork-pointdesc-bottom-btn img {
  width: 10px;
  height: 10px;
  display: block;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
  pointer-events: none;
}
.okkwork-pointdesc-emoji {
  position: absolute;
  right: 0;
  top: -340px;
  width: 420px;
  height: 320px;
  padding: 10px;
  display: none;
  grid-template-rows: auto 1fr auto;
  gap: 8px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(120, 120, 120, 0.28);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
  z-index: 9;
}
.okkwork-pointdesc-emoji.is-open { display: grid; }
.okkwork-pointdesc-emoji__search {
  height: 32px;
  width: 100%;
  border: 1px solid rgba(120, 120, 120, 0.28);
  border-radius: 10px;
  padding: 0 10px;
  outline: none;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 13px;
  color: rgba(72, 87, 101, 1);
  box-sizing: border-box;
}
.okkwork-pointdesc-emoji__grid {
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 4px;
  padding-right: 4px;
  grid-auto-rows: min-content;
  align-content: start;
}
.okkwork-pointdesc-emoji__cats {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding-top: 4px;
}
.okkwork-pointdesc-emoji__cat {
  flex: 1 1 auto;
  height: 28px;
  border: 1px solid rgba(120, 120, 120, 0.22);
  background: rgba(255, 255, 255, 1);
  border-radius: 10px;
  cursor: pointer;
  font-size: 12px;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  color: rgba(72, 87, 101, 1);
  -webkit-tap-highlight-color: transparent;
}
.okkwork-pointdesc-emoji__cat.is-active {
  border-color: rgba(6, 88, 162, 0.45);
  background: rgba(6, 88, 162, 0.08);
}
.okkwork-pointdesc-emoji__item {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  cursor: pointer;
  border-radius: 6px;
  font-size: 16px;
  line-height: 1;
}
.okkwork-pointdesc-emoji__item:hover { background: rgba(6, 88, 162, 0.08); }
.okkwork-pointdesc-emoji__item[data-kind="html"] {
  width: auto;
  height: auto;
  padding: 1px 2px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  grid-column: span 5;
  border-radius: 10px;
}

/* OKKwork: "text emoji" badges for OKK */
.okkwork-emoji-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.1;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  pointer-events: none; /* behave like an emoji: not directly editable/clickable */
}
.okkwork-emoji-badge--danger {
  color: rgba(255, 255, 255, 1);
  background: linear-gradient(135deg, rgba(255, 77, 77, 1) 0%, rgba(255, 45, 110, 1) 55%, rgba(190, 20, 70, 1) 100%);
  border: 1px solid rgba(255, 150, 190, 0.35);
  box-shadow:
    0 10px 22px rgba(255, 45, 110, 0.18),
    0 0 0 1px rgba(255, 255, 255, 0.10) inset;
}
.okkwork-emoji-badge--success {
  color: rgba(255, 255, 255, 1);
  background: linear-gradient(135deg, rgba(45, 190, 115, 1) 0%, rgba(22, 170, 92, 1) 55%, rgba(16, 120, 66, 1) 100%);
  border: 1px solid rgba(160, 255, 215, 0.34);
  box-shadow:
    0 10px 22px rgba(45, 190, 115, 0.16),
    0 0 0 1px rgba(255, 255, 255, 0.10) inset;
}

.okkwork-pointdesc-save-btn {
  position: absolute;
  right: 12px;
  bottom: 12px;
  height: 42px;
  padding: 0 16px;
  /* futuristic primary action */
  appearance: none;
  margin: 0;
  border: 1px solid rgba(120, 255, 195, 0.45);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(148, 216, 45, 1) 0%, rgba(75, 210, 130, 1) 52%, rgba(46, 185, 122, 1) 100%);
  color: rgba(255, 255, 255, 1);
  font-size: 15px;
  font-family: "Rubik-SemiBold", "Rubik-Medium", sans-serif;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
  z-index: 6;
  box-shadow:
    0 14px 28px rgba(46, 185, 122, 0.18),
    0 0 0 1px rgba(16, 94, 46, 0.10) inset;
  transition:
    transform 140ms ease,
    filter 140ms ease,
    box-shadow 140ms ease,
    border-color 140ms ease;
  -webkit-tap-highlight-color: transparent;
}
.okkwork-pointdesc-save-btn:hover {
  filter: brightness(1.03) saturate(1.08);
  border-color: rgba(120, 255, 195, 0.70);
  box-shadow:
    0 16px 34px rgba(46, 185, 122, 0.22),
    0 0 0 1px rgba(255, 255, 255, 0.12) inset,
    0 0 18px rgba(120, 255, 195, 0.18);
  transform: translateY(-1px);
}
.okkwork-pointdesc-save-btn:active {
  transform: translateY(0px);
  filter: brightness(0.99) saturate(1.02);
  box-shadow:
    0 11px 22px rgba(46, 185, 122, 0.16),
    0 0 0 1px rgba(0, 0, 0, 0.06) inset;
}
.okkwork-pointdesc-save-btn:focus-visible {
  outline: none;
  box-shadow:
    0 16px 34px rgba(46, 185, 122, 0.22),
    0 0 0 3px rgba(6, 88, 162, 0.22),
    0 0 0 1px rgba(255, 255, 255, 0.10) inset;
}

/* OKKwork: attachments (как вложения карточки описания специалиста, этап 1 — .okkwork-spec-attach-slot*) */
.okkwork-pointdesc-attach {
  position: absolute;
  left: 24px;
  /* иначе width: shrink-to-fit схлопывает контейнер — сетка/флекс даёт один «столбец» вниз */
  right: 175px;
  bottom: 18px;
  z-index: 6;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.okkwork-pointdesc-attach__limit-hint {
  margin: 0 0 4px;
  padding: 0;
  font-family: "Rubik", "Rubik-Regular", sans-serif;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
  color: rgba(129, 145, 158, 0.92);
  width: 100%;
  box-sizing: border-box;
}
.okkwork-pointdesc-attach__limit-hint[hidden] {
  display: none;
}
.okkwork-pointdesc-attach__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  max-width: 100%;
}
.okkwork-pointdesc-attach__slot {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 auto;
  /* компактная рамка: крупнее выглядит сам контент превью/иконки, а не площадь карточки */
  width: 138px;
  min-width: 138px;
  min-height: 88px;
  border-radius: 12px;
  border: 1px solid rgba(6, 88, 162, 0.35);
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 1px 8px rgba(6, 88, 162, 0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 22px 3px 4px;
  cursor: default;
  text-align: center;
  overflow: hidden;
}

/* Пустая ячейка «выбрать файл» — как .okkwork-spec-attach-slot__pick без вложения */
.okkwork-pointdesc-attach__slot--add {
  border: 1px solid rgba(160, 190, 220, 0.55);
  border-style: solid;
  padding: 6px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.okkwork-pointdesc-attach__slot--add:hover {
  border-color: rgba(6, 88, 162, 0.45);
  background: rgba(255, 255, 255, 0.86);
}

.okkwork-pointdesc-attach__hint {
  font-size: 12px;
  line-height: 1.25;
  color: rgba(72, 87, 101, 0.92);
  font-family: "Rubik-Regular", "Inter-Regular", sans-serif;
  font-weight: 400;
  text-align: center;
  pointer-events: none;
  user-select: none;
}

.okkwork-pointdesc-attach__preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 44px;
  width: 100%;
  gap: 0;
}
.okkwork-pointdesc-attach__name {
  position: static;
  width: 100%;
  flex-shrink: 0;
  margin-top: auto;
  padding-top: 2px;
  font-size: 10px;
  line-height: 1.25;
  font-family: "Rubik-Regular", "Inter-Regular", sans-serif;
  color: rgba(6, 88, 162, 0.92);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.okkwork-pointdesc-attach__thumb {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 64px;
  min-height: 48px;
  object-fit: contain;
  object-position: center;
  border-radius: 6px;
}
.okkwork-pointdesc-attach__fileicon {
  width: 100%;
  height: auto;
  min-height: 0;
  display: grid;
  place-items: center;
  border-radius: 0;
  border: none;
  background: transparent;
  box-sizing: border-box;
}
.okkwork-pointdesc-attach__fileicon svg {
  width: 40px;
  height: 40px;
  display: block;
}

/* Кнопка удаления — как .okkwork-spec-attach-slot__del (этап 1) */
.okkwork-pointdesc-attach__del {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 3;
  width: 22px;
  height: 22px;
  border: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  color: rgba(72, 87, 101, 0.95);
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}
.okkwork-pointdesc-attach__del::before,
.okkwork-pointdesc-attach__del::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 2px;
  background: rgba(72, 87, 101, 0.85);
  transform: translate(-50%, -50%) rotate(45deg);
  border-radius: 1px;
}
.okkwork-pointdesc-attach__del::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.okkwork-pointdesc-attach__del:hover {
  background: rgba(255, 220, 220, 1);
}

.stroke-171_167 {
  position: absolute;
  inset: 0px;
  border-radius: 5px 5px 5px 5px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(6, 88, 162, 0.20000000298023224);
}

.Pixso-paragraph-171_168 {
  font-size: 20px;
  font-family: "Rubik-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  left: 0;
  top: 0;
  white-space: pre;
  flex-grow: 0;
}

.okkwork-stage4-s1-point__score {
  width: 58px; /* под "0,25" */
  height: var(--okkwork-s1-point-field-h);
  border-radius: 10px;
  border: 1px solid rgba(107, 124, 128, 0.35);
  background: rgba(245, 245, 245, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: rgba(72, 87, 101, 1);
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
}

.okkwork-stage4-s1-point__score[data-v="0,25"] { background: rgba(236, 255, 236, 1); border-color: rgba(140, 215, 140, 0.65); color: rgba(40, 120, 40, 1); }
.okkwork-stage4-s1-point__score[data-v="0,5"]  { background: rgba(255, 244, 226, 1); border-color: rgba(255, 180, 90, 0.65); color: rgba(160, 95, 15, 1); }
.okkwork-stage4-s1-point__score[data-v="1"]    { background: rgba(255, 236, 236, 1); border-color: rgba(230, 140, 140, 0.65); color: rgba(160, 52, 52, 1); }
.okkwork-stage4-s1-point__score[data-v="3"]    { background: rgba(255, 226, 226, 1); border-color: rgba(200, 80, 80, 0.75); color: rgba(120, 20, 20, 1); }

.okkwork-stage4-s1-point__score.is-disabled{
  opacity: 0.45;
  filter: grayscale(0.25);
  cursor: not-allowed !important;
  pointer-events: none !important;
}
[id="171_167"].okkwork-stage4-pointdesc-score.is-disabled{
  opacity: 0.45;
  filter: grayscale(0.25);
  cursor: not-allowed !important;
  pointer-events: none !important;
}


.okkwork-stage4-s1-point__score.is-disabled{
  user-select: none;
}

.okkwork-stage4-s1-point__scoremenu {
  position: absolute;
  min-width: 58px;
  padding: 6px;
  border-radius: 10px;
  border: 1px solid rgba(107, 124, 128, 0.22);
  background: #fff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
  display: grid;
  gap: 6px;
  z-index: 10060;
}

/* Верхняя панель операций (в т.ч. "Сохранить") всегда поверх popup */
.Pixso-frame-171_34 {
  z-index: 10100 !important;
}
.Pixso-frame-219_2 {
  z-index: 10100 !important;
}

.okkwork-stage4-s1-point__scoreopt {
  height: 34px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid rgba(107, 124, 128, 0.22);
  background: rgba(246, 248, 250, 1);
  user-select: none;
}

.okkwork-stage4-s1-point__scoreopt[data-v="0,25"] { background: rgba(236, 255, 236, 1); border-color: rgba(140, 215, 140, 0.65); color: rgba(40, 120, 40, 1); }
.okkwork-stage4-s1-point__scoreopt[data-v="0,5"]  { background: rgba(255, 244, 226, 1); border-color: rgba(255, 180, 90, 0.65); color: rgba(160, 95, 15, 1); }
.okkwork-stage4-s1-point__scoreopt[data-v="1"]    { background: rgba(255, 236, 236, 1); border-color: rgba(230, 140, 140, 0.65); color: rgba(160, 52, 52, 1); }
.okkwork-stage4-s1-point__scoreopt[data-v="3"]    { background: rgba(255, 226, 226, 1); border-color: rgba(200, 80, 80, 0.75); color: rgba(120, 20, 20, 1); }

.okkwork-stage4-s1-point__del {
  position: absolute;
  right: 10px;
  bottom: -33px;
  top: auto;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  opacity: 0.92;
  transition: opacity 0.12s ease, transform 0.12s ease;
  margin-top: 0;
  z-index: 3;
}

.okkwork-stage4-s1-point__del:hover { opacity: 1; transform: scale(1.04); }
.okkwork-stage4-s1-point__del:active { transform: scale(0.98); }

.okkwork-stage4-s1-company-field .Pixso-paragraph-219_33 {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  margin: 0 0 6px 0 !important;
  width: 100% !important;
}

/* OKKwork: раздельные размеры поля "Блок" и "Пункт" */
:root {
  --okkwork-s1-block-field-h: 50px;
  --okkwork-s1-point-field-h: 40px;
  --okk-s1-field-value-size: 16px;
  --okkwork-s1-points-indent: 44px; /* отступ контента пунктов под линию */
  --okkwork-s1-points-line-x: 15px; /* вертикальная линия от левого края */
  --okkwork-s1-points-line-color: rgba(200, 210, 220, 1);
  --okkwork-field-border-filled: rgba(4, 62, 113, 1); /* темнее rgb(6,88,162), под градиент committed блока/пункта */
}

/* Поля «Блок» / «Пункт» — как этап 1 (подразделение / специалист): без градиента Pixso */
.okkwork-stage4-add-block-fieldhost
  :where(.okkwork-stage4-s1-company-field__field, .okkwork-stage4-s1-point):not(.okkwork-company-committed)
  :where(.stroke-219_34, .Pixso-rectangle-219_34) {
  background: rgba(220, 231, 242, 1) !important;
  background-image: none !important;
  border-radius: 10px !important;
}

.okkwork-stage4-add-block-fieldhost
  :where(.okkwork-stage4-s1-company-field__field, .okkwork-stage4-s1-point).okkwork-company-committed
  :where(.stroke-219_34, .Pixso-rectangle-219_34) {
  background: rgba(6, 88, 162, 0.14) !important;
  background-image: none !important;
  border-radius: 10px !important;
}

.okkwork-stage4-add-block-fieldhost .stroke-219_34 {
  background-image: none !important;
}

/* Поля «Блок» / «Пункт» (слой Pixso-rectangle-219_34 под stroke): синяя видимая рамка через .stroke-219_34 */
.okkwork-stage4-add-block-fieldhost
  :where(.okkwork-stage4-s1-company-field__field, .okkwork-stage4-s1-point):not(.okkwork-company-committed)
  .stroke-219_34 {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(6, 88, 162, 0.42) !important;
  box-sizing: border-box !important;
  transition:
    border-color 0.18s ease,
    border-width 0.22s cubic-bezier(0.2, 0.9, 0.2, 1);
}

.okkwork-stage4-add-block-fieldhost .okkwork-stage4-s1-company-field__field.okkwork-company-committed .stroke-219_34,
.okkwork-stage4-add-block-fieldhost .okkwork-stage4-s1-company-field .okkwork-stage4-s1-point.okkwork-company-committed .stroke-219_34 {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--okkwork-field-border-filled) !important;
  box-sizing: border-box !important;
  transition:
    border-color 0.18s ease,
    border-width 0.22s cubic-bezier(0.2, 0.9, 0.2, 1);
}

.okkwork-stage4-add-block-fieldhost .okkwork-stage4-s1-company-field .Pixso-paragraph-219_33 {
  font-weight: 700 !important;
}

.okkwork-stage4-add-block-fieldhost .okkwork-stage4-s1-company-field input.Pixso-paragraph-219_35,
.okkwork-stage4-add-block-fieldhost .okkwork-stage4-s1-company-field textarea.okkwork-stage4-s1-point__textarea.Pixso-paragraph-219_35 {
  font-size: var(--okk-s1-field-value-size, 16px) !important;
  font-family: "Inter-Bold" !important;
  font-weight: 600 !important;
}

/* Тон текста блока/пункта — как у подразделения/специалиста на этапе 1 */
#219_2 .okkwork-stage4-add-block-fieldhost input.okkwork-field-tone:not([readonly]).okkwork-field-tone--muted {
  color: rgba(6, 88, 162, 0.48) !important;
  font-weight: 400 !important;
  -webkit-text-fill-color: rgba(6, 88, 162, 0.48) !important;
}
#219_2 .okkwork-stage4-add-block-fieldhost textarea.okkwork-field-tone:not([readonly]).okkwork-field-tone--muted {
  color: rgba(6, 88, 162, 0.48) !important;
  font-weight: 600 !important;
  -webkit-text-fill-color: rgba(6, 88, 162, 0.48) !important;
}

#219_2 .okkwork-stage4-add-block-fieldhost input.okkwork-field-tone:not([readonly]).okkwork-field-tone--filled,
#219_2 .okkwork-stage4-add-block-fieldhost textarea.okkwork-field-tone:not([readonly]).okkwork-field-tone--filled {
  color: rgba(6, 88, 162, 1) !important;
  font-weight: 600 !important;
  -webkit-text-fill-color: rgba(6, 88, 162, 1) !important;
}

#219_2 .okkwork-stage4-add-block-fieldhost input.okkwork-field-tone::placeholder,
#219_2 .okkwork-stage4-add-block-fieldhost input.okkwork-field-tone::-webkit-input-placeholder {
  color: rgba(6, 88, 162, 0.48) !important;
  font-weight: 400 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: rgba(6, 88, 162, 0.48) !important;
}
#219_2 .okkwork-stage4-add-block-fieldhost textarea.okkwork-field-tone::placeholder,
#219_2 .okkwork-stage4-add-block-fieldhost textarea.okkwork-field-tone::-webkit-input-placeholder {
  color: rgba(6, 88, 162, 0.48) !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: rgba(6, 88, 162, 0.48) !important;
}

.okkwork-stage4-s1-block__stroke {
  position: relative;
  width: 100%;
  height: var(--okkwork-s1-block-field-h);
}

.okkwork-stage4-s1-point__stroke {
  position: relative;
  width: 100%;
  min-height: var(--okkwork-s1-point-field-h);
  height: var(--okkwork-s1-point-field-h);
}

/* Поле названия пункта: textarea (в свёрнутом виде — как input специалиста этапа 1) */
.okkwork-stage4-s1-company-field .okkwork-stage4-s1-point__stroke textarea.okkwork-stage4-s1-point__textarea.Pixso-paragraph-219_35 {
  position: absolute !important;
  left: 18px !important;
  right: 40px !important;
  top: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  height: 100% !important;
  min-height: 0 !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: none !important;
  background: transparent !important;
  outline: none !important;
  resize: none !important;
  line-height: var(--okkwork-s1-point-field-h, 40px) !important;
  font-size: var(--okk-s1-field-value-size, 16px) !important;
  font-family: "Inter-Bold", "Inter-Medium", "Inter-Regular", sans-serif !important;
  font-weight: 600 !important;
  z-index: 1 !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  white-space: pre-wrap !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.okkwork-stage4-s1-point__textarea.okkwork-stage4-s1-point__textarea:not(.okkwork-stage4-s1-point__textarea--collapsed) {
  bottom: auto !important;
  height: auto !important;
  line-height: 1.25 !important;
}

.okkwork-stage4-s1-point.okkwork-company-committed .stroke-219_34,
.okkwork-stage4-s1-point.okkwork-company-committed .Pixso-rectangle-219_34 {
  background: rgba(6, 88, 162, 0.14) !important;
  background-image: none !important;
  border-color: rgba(4, 62, 113, 1) !important;
}

.okkwork-stage4-s1-point__textarea.okkwork-field-tone--filled {
  color: rgba(6, 88, 162, 1) !important;
  font-weight: 600 !important;
  -webkit-text-fill-color: rgba(6, 88, 162, 1) !important;
}

.okkwork-stage4-s1-point__textarea.okkwork-field-tone--muted {
  color: rgba(6, 88, 162, 0.48) !important;
  font-weight: 600 !important;
  -webkit-text-fill-color: rgba(6, 88, 162, 0.48) !important;
}

.okkwork-stage4-s1-point textarea.okkwork-stage4-s1-point__textarea,
.okkwork-stage4-s1-point textarea.okkwork-stage4-s1-point__textarea::placeholder {
  font-size: var(--okk-s1-field-value-size, 16px) !important;
}

.okkwork-stage4-s1-company-field .okkwork-stage4-s1-point__stroke textarea.okkwork-stage4-s1-point__textarea::placeholder {
  font-size: var(--okk-s1-field-value-size, 16px) !important;
  font-weight: 600 !important;
  color: rgba(6, 88, 162, 0.48) !important;
  opacity: 1 !important;
}

.okkwork-stage4-s1-point__textarea.okkwork-stage4-s1-point__textarea--collapsed {
  top: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  height: 100% !important;
  min-height: 0 !important;
  line-height: var(--okkwork-s1-point-field-h, 40px) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  overflow-y: hidden !important;
}

.okkwork-stage4-s1-company-field .Pixso-rectangle-219_34 {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 100% !important;
}

.okkwork-stage4-s1-company-field .stroke-219_34 {
  position: absolute !important;
  inset: 0 !important;
}

.okkwork-stage4-s1-company-field input.Pixso-paragraph-219_35 {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 1 !important;
}

/* Поле «Блок»: справа две иконки (заметка + свёртка пунктов) */
.okkwork-stage4-s1-company-field__field:has(.okkwork-stage4-s1-block__stroke) input.Pixso-paragraph-219_35 {
  right: 52px !important;
}

.okkwork-stage4-add-block-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 22px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(232, 243, 255, 1) 0%, rgba(220, 236, 255, 0.98) 100%);
  border: 1px solid rgba(6, 88, 162, 0.45);
  color: #0658a2;
  box-shadow:
    0 18px 45px rgba(6, 88, 162, 0.22),
    0 2px 10px rgba(0, 0, 0, 0.10);
  /* жёстко отключаем любые анимации/блики (у base .okkwork-stage4-panel-btn есть transition) */
  transition: none !important;
  animation: none !important;
  filter: none !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}

.okkwork-stage4-add-block-btn:hover {
  /* без блика/анимации */
  background: linear-gradient(180deg, rgba(232, 243, 255, 1) 0%, rgba(220, 236, 255, 0.98) 100%);
  box-shadow:
    0 18px 45px rgba(6, 88, 162, 0.22),
    0 2px 10px rgba(0, 0, 0, 0.10);
  transition: none !important;
  animation: none !important;
  filter: none !important;
}

.okkwork-stage4-add-block-btn:active {
  transform: none;
}

.okkwork-stage4-add-block-btn:focus-visible {
  outline: 2px solid rgba(6, 88, 162, 0.35);
  outline-offset: 3px;
}

/* на всякий случай отключаем псевдо-слои */
.okkwork-stage4-add-block-btn::before{
  content: none !important;
}
.okkwork-stage4-add-block-btn::after{
  content: none !important;
}


.okkwork-stage4-add-block-btn__icon {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background: rgba(6, 88, 162, 0.14);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  line-height: 1;
}

.okkwork-stage4-checklist-stats-wrap {
  position: absolute;
  left: 62px;
  right: 60px;
  /* больше не используем как внешний блок — оставлено для совместимости */
  top: 514px;
  display: none;
}

.okkwork-stage4-checklist-stats-actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  box-sizing: border-box;
  gap: 12px;
  align-items: center;
}

.okkwork-stage4-clear-checklist-btn {
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 10px;
  cursor: pointer;
  border: 1px solid rgba(230, 140, 140, 0.65);
  background: linear-gradient(180deg, rgba(255, 236, 236, 1) 0%, rgba(255, 224, 224, 0.98) 100%);
  color: rgba(160, 52, 52, 1);
  box-shadow: 0 2px 8px rgba(180, 60, 60, 0.12);
  transition: background 0.15s ease, box-shadow 0.15s ease;
}

.okkwork-stage4-clear-checklist-btn:hover {
  background: rgba(255, 214, 214, 1);
  box-shadow: 0 4px 12px rgba(180, 60, 60, 0.16);
}

.okkwork-stage4-clear-checklist-btn:focus-visible {
  outline: 2px solid rgba(200, 80, 80, 0.45);
  outline-offset: 2px;
}

.okkwork-stage4-save-wrap {
  width: auto;
  position: relative;
  left: auto;
  top: auto;
  display: flex;
}

/* OKKwork: единый стиль кнопок панели этапа 4 (как у «Очистить чек лист») */
.okkwork-stage4-panel-actions {
  position: absolute;
  left: 86px;
  right: 86px;
  bottom: -50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  z-index: 5;
  pointer-events: auto;
  box-sizing: border-box;
}

.okkwork-stage4-panel-actions::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -26px;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(6, 88, 162, 0.0), rgba(6, 88, 162, 0.26), rgba(6, 88, 162, 0.0));
  box-shadow: 0 10px 22px rgba(6, 88, 162, 0.10);
  pointer-events: none;
}

.okkwork-stage4-panel-actions__left{
  display: flex;
  align-items: center;
  gap: 12px;
}
.okkwork-stage4-panel-actions__right{
  display: flex;
  align-items: center;
  gap: 12px;
}


.okkwork-stage4-panel-actions__right {
  transform: translateX(60px);
}

.okkwork-stage4-panel-btn {
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 10px;
  cursor: pointer;
  border: 1px solid rgba(107, 124, 128, 0.35);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease;
}

.okkwork-stage4-panel-btn:active {
  transform: translateY(1px);
}

.okkwork-stage4-panel-btn:focus-visible {
  outline: 2px solid rgba(6, 88, 162, 0.35);
  outline-offset: 2px;
}

/* Варианты */
.okkwork-stage4-panel-btn--danger {
  border: 1px solid rgba(230, 140, 140, 0.65);
  background: linear-gradient(180deg, rgba(255, 236, 236, 1) 0%, rgba(255, 224, 224, 0.98) 100%);
  color: rgba(160, 52, 52, 1);
  box-shadow: 0 2px 8px rgba(180, 60, 60, 0.12);
}
.okkwork-stage4-panel-btn--danger:hover {
  background: rgba(255, 214, 214, 1);
  box-shadow: 0 4px 12px rgba(180, 60, 60, 0.16);
}

.okkwork-stage4-panel-btn--success {
  border: 1px solid rgba(140, 215, 140, 0.65);
  background: linear-gradient(180deg, rgba(236, 255, 236, 1) 0%, rgba(224, 255, 224, 0.98) 100%);
  color: rgba(40, 120, 40, 1);
  box-shadow: 0 2px 8px rgba(60, 180, 60, 0.12);
}
.okkwork-stage4-panel-btn--success:hover {
  background: rgba(214, 255, 214, 1);
  box-shadow: 0 4px 12px rgba(60, 180, 60, 0.16);
}

.okkwork-stage4-panel-btn--primary {
  border: 1px solid rgba(6, 88, 162, 0.45);
  background: linear-gradient(180deg, rgba(232, 243, 255, 1) 0%, rgba(220, 236, 255, 0.98) 100%);
  color: #0658a2;
  box-shadow: 0 2px 8px rgba(6, 88, 162, 0.14);
}
.okkwork-stage4-panel-btn--primary:hover {
  background: rgba(220, 236, 255, 1);
  box-shadow: 0 4px 12px rgba(6, 88, 162, 0.18);
}

.okkwork-stage4-panel-btn--neutral {
  border: 1px solid rgba(107, 124, 128, 0.45);
  background: linear-gradient(180deg, rgba(246, 248, 250, 1) 0%, rgba(238, 242, 246, 0.98) 100%);
  color: rgba(72, 87, 101, 1);
  box-shadow: 0 2px 8px rgba(72, 87, 101, 0.12);
}
.okkwork-stage4-panel-btn--neutral:hover {
  background: rgba(238, 242, 246, 1);
  box-shadow: 0 4px 12px rgba(72, 87, 101, 0.16);
}

/* OKKwork: из «Создать отчет ОКК (этап 4) pixso.html» — #169_174 + stroke-wrapper-169_175 */
.Pixso-frame-169_174 {
  width: 1867px;
  height: 181px;
  position: absolute;
  left: -12px;
  top: 300px;
  overflow: visible;
}

.Pixso-rectangle-169_175 {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 10px 10px 10px 10px;
  background-color: #0658a2;
}

.stroke-wrapper-169_175 {
  position: absolute;
  left: 67px;
  top: 42px;
  width: 1800px;
  height: 139px;
}

.stroke-169_175 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(81, 111, 154, 1);
}

/* OKKwork: сводка по чек-листу — отдельный узел (не внутри #169_175), по центру нижней границы синей полосы */
.okkwork-stage4-checklist-stats {
  position: absolute;
  left: 50%;
  /* низ .stroke-wrapper-169_175: top 42px + height 139px = 181px от верха #169_174 */
  top: 181px;
  transform: translateX(-50%);
  margin-top: -2px;
  z-index: 7 !important;
  display: flex;
  justify-content: center;
  align-items: stretch;
  pointer-events: none;
  filter: none;
}

.okkwork-stage4-checklist-stats__inner {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 38px;
  background: linear-gradient(110deg, #DCE7F2 0%, #EAF2FA 55%, #F7FAFD 100%) !important;
  border: 1px solid rgba(6, 88, 162, 0.14);
  border-top: 0;
  border-radius: 0 0 26px 26px;
  box-shadow: 0 12px 28px rgba(6, 88, 162, 0.10);
  clip-path: none !important;
  transform: none !important;
}

.okkwork-stage4-checklist-stats__content {
  pointer-events: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 22px;
  padding: 8px 26px 10px;
  box-sizing: border-box;
  color: rgba(15, 23, 42, .88) !important;
  font-family: "Rubik-Light", "Inter-Regular", sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
  transform: none !important;
}

.okkwork-stage4-checklist-stats__seg strong {
  font-family: "Rubik-Medium", "Inter-Medium", sans-serif;
  font-weight: 700;
  color: rgba(6, 88, 162, 1) !important;
}

.okkwork-stage4-checklist-stats__sep {
  width: 1px;
  height: 16px;
  background: rgba(6, 88, 162, 0.18);
  flex: none;
}
/* OKKwork: перенос из pixso — фильтры 171_36 и содержимое панели 169_174 (169_178…171_34; 169_177 убран) */

.Pixso-frame-171_36 {
  width: auto;
  height: auto;
  position: absolute;
  left: 75px;
  top: 330px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: flex-start;
  z-index: 8;
}

/* OKKwork: этап 4 — список чек-листов пользователя (до 10) + кнопка добавления */
.okkwork-stage4-checklists {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
}

.okkwork-stage4-checklist-pill {
  position: relative;
  height: 33px;
  padding: 0 14px;
  border-radius: 10px;
  background: rgba(72, 87, 101, 1);
  color: rgba(250, 250, 250, 1);
  border: 1px solid rgba(220, 231, 242, 0.35);
  cursor: pointer;
  user-select: none;
  transform: skewX(-18deg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  max-width: 220px;
  box-sizing: border-box;
  transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.okkwork-stage4-checklist-pill__x {
  position: absolute;
  right: -8px;
  top: -8px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 1px solid rgba(220, 231, 242, 0.7);
  background: rgba(250, 250, 250, 1);
  color: rgba(72, 87, 101, 1);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  /* компенсация skew плашки (−18°): круг и крест ровные в экранных осях */
  transform: skewX(18deg);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  z-index: 2;
}

.okkwork-stage4-checklist-pill__x::before,
.okkwork-stage4-checklist-pill__x::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 2px;
  border-radius: 1px;
  background: currentColor;
}

.okkwork-stage4-checklist-pill__x::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.okkwork-stage4-checklist-pill__x::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.okkwork-stage4-checklist-pill__x:hover {
  background: rgba(255, 236, 236, 1);
  color: rgba(160, 52, 52, 1);
  border-color: rgba(230, 140, 140, 0.65);
}

.okkwork-stage4-confirm {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: max(16px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px))
    max(16px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
  min-height: 100vh;
  min-height: 100dvh;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.55);
  z-index: 20000;
}

.okkwork-stage4-confirm.is-open {
  display: flex;
}

.okkwork-stage4-confirm__panel {
  width: min(520px, 92vw);
  background: #ffffff;
  border-radius: 22px;
  box-shadow:
    0 16px 48px rgba(6, 40, 72, 0.14),
    0 8px 24px rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(6, 88, 162, 0.72);
  overflow: hidden;
}

.okkwork-stage4-confirm__body {
  padding: 26px 30px 10px;
  font-family: "Rubik", "Rubik-Medium", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: rgba(59, 85, 109, 1);
}

.okkwork-stage4-confirm__actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 12px 30px 26px;
}

.okkwork-stage4-confirm__actions button {
  font-family: "Rubik", "Rubik-Medium", sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 18px;
  border-radius: 10px;
  cursor: pointer;
  border: 1px solid rgba(6, 88, 162, 0.28);
  background: #dce7f2;
  color: #0658a2;
  box-shadow: 0 8px 18px rgba(6, 88, 162, 0.1);
}

.okkwork-stage4-confirm__yes {
  border-color: rgba(255, 91, 110, 0.55) !important;
  background: rgba(255, 236, 236, 1) !important;
  box-shadow: 0 14px 35px rgba(255, 91, 110, 0.12);
  color: rgba(200, 40, 40, 1) !important;
}

.okkwork-stage4-confirm__no {
  border: 1px solid rgba(6, 88, 162, 0.28) !important;
  background: #dce7f2 !important;
  box-shadow: 0 8px 18px rgba(6, 88, 162, 0.1);
  color: #0658a2 !important;
}

.okkwork-stage4-confirm__actions button:focus-visible{
  outline: 1px solid rgba(6, 88, 162, 0.35);
  outline-offset: 2px;
}

/* OKKwork: Import help modal */
.okkwork-stage4-import-help{
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.55);
  z-index: 20000;
}
.okkwork-stage4-import-help.is-open{ display:flex; }
.okkwork-stage4-import-help__panel{
  width: min(820px, 94vw);
  background:
    radial-gradient(900px 220px at 14% 0%, rgba(6, 88, 162, 0.18), transparent 60%),
    radial-gradient(800px 220px at 86% 0%, rgba(0, 184, 217, 0.14), transparent 62%),
    linear-gradient(110deg, #DCE7F2 0%, #EAF2FA 55%, #F7FAFD 100%);
  border-radius: 18px;
  border: 1px solid rgba(6, 88, 162, 0.18);
  box-shadow: 0 26px 80px rgba(6, 88, 162, 0.22), 0 18px 60px rgba(0,0,0,0.18);
  overflow: hidden;
}
.okkwork-stage4-import-help__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(6, 88, 162, 0.14);
}
.okkwork-stage4-import-help__title{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Inter", sans-serif;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: #0658a2;
  font-size: 18px;
}
.okkwork-stage4-import-help__close{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(6, 88, 162, 0.18);
  background: rgba(255,255,255,0.85);
  color: rgba(6,88,162,1);
  cursor: pointer;
}
.okkwork-stage4-import-help__body{ padding: 14px 16px 6px; color: rgba(59,85,109,1); font-family: "Inter-Medium","Inter-Regular",sans-serif; }
.okkwork-stage4-import-help__steps{ display:grid; gap:10px; }
.okkwork-stage4-import-help__step{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(6, 88, 162, 0.14);
  background: rgba(255,255,255,0.68);
}
.okkwork-stage4-import-help__files{ display:flex; flex-wrap: wrap; gap:10px; margin-top: 12px; }
.okkwork-stage4-import-help__file{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(6,88,162,0.22);
  background: rgba(255,255,255,0.85);
  color: rgba(6,88,162,1);
  text-decoration: none;
  font-weight: 750;
}
.okkwork-stage4-import-help__file:hover{ filter: brightness(1.04); }
.okkwork-stage4-import-help__hint{
  margin-top: 10px;
  font-size: 13px;
  opacity: 0.95;
}
.okkwork-stage4-import-help__actions{
  padding: 12px 16px 16px;
  display:flex;
  justify-content:flex-end;
}
.okkwork-stage4-import-help__btn{
  font-family: "Inter-Medium","Inter-Regular",sans-serif;
  font-size: 14px;
  font-weight: 800;
  padding: 11px 16px;
  border-radius: 14px;
  cursor: pointer;
  border: 1px solid rgba(6,88,162,.28);
  background: linear-gradient(110deg, rgba(6,88,162,.16), rgba(0,184,217,.16), rgba(148,216,45,.16));
  box-shadow: 0 14px 35px rgba(6,88,162,.16);
  color: rgba(6,88,162,1);
}

/* OKKwork: Export help modal */
.okkwork-stage4-export-help{
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.55);
  z-index: 20000;
}
.okkwork-stage4-export-help.is-open{ display:flex; }
.okkwork-stage4-export-help__panel{
  width: min(860px, 94vw);
  background:
    radial-gradient(900px 220px at 14% 0%, rgba(6, 88, 162, 0.18), transparent 60%),
    radial-gradient(800px 220px at 86% 0%, rgba(0, 184, 217, 0.14), transparent 62%),
    linear-gradient(110deg, #DCE7F2 0%, #EAF2FA 55%, #F7FAFD 100%);
  border-radius: 18px;
  border: 1px solid rgba(6, 88, 162, 0.18);
  box-shadow: 0 26px 80px rgba(6, 88, 162, 0.22), 0 18px 60px rgba(0,0,0,0.18);
  overflow: hidden;
}
.okkwork-stage4-export-help__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(6, 88, 162, 0.14);
}
.okkwork-stage4-export-help__title{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Inter", sans-serif;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: #0658a2;
  font-size: 18px;
}
.okkwork-stage4-export-help__close{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(6, 88, 162, 0.18);
  background: rgba(255,255,255,0.85);
  color: rgba(6,88,162,1);
  cursor: pointer;
}
.okkwork-stage4-export-help__body{ padding: 14px 16px 6px; color: rgba(59,85,109,1); font-family: "Inter-Medium","Inter-Regular",sans-serif; }
.okkwork-stage4-export-help__purpose{
  display:flex;
  gap:10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.okkwork-stage4-export-help__purpose-btn{
  appearance: none;
  border: 1px solid rgba(6,88,162,0.22);
  background: rgba(255,255,255,0.75);
  color: rgba(6,88,162,1);
  border-radius: 999px;
  padding: 8px 12px;
  cursor: pointer;
  font-weight: 800;
}
.okkwork-stage4-export-help__purpose-btn.is-active{
  background: linear-gradient(110deg, rgba(6,88,162,.16), rgba(0,184,217,.16), rgba(148,216,45,.16));
  box-shadow: 0 12px 28px rgba(6,88,162,.14);
}
.okkwork-stage4-export-help__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 680px){
  .okkwork-stage4-export-help__grid{ grid-template-columns: 1fr; }
}
.okkwork-stage4-export-help__card{
  text-align: left;
  border-radius: 16px;
  border: 1px solid rgba(6, 88, 162, 0.18);
  background: rgba(255,255,255,0.72);
  padding: 12px 12px;
  cursor: pointer;
  box-shadow: 0 14px 35px rgba(6,88,162,.10);
}
.okkwork-stage4-export-help__card:hover{ filter: brightness(1.04); }
.okkwork-stage4-export-help__cardTitle{
  font-weight: 900;
  letter-spacing: 0.02em;
  color: rgba(6,88,162,1);
  font-size: 16px;
}
.okkwork-stage4-export-help__cardDesc{
  margin-top: 4px;
  font-size: 13px;
  opacity: 0.95;
}
.okkwork-stage4-export-help__hint{
  margin-top: 10px;
  font-size: 13px;
  opacity: 0.95;
}
.okkwork-stage4-export-help__actions{
  padding: 12px 16px 16px;
  display:flex;
  justify-content:flex-end;
}
.okkwork-stage4-export-help__btn{
  font-family: "Inter-Medium","Inter-Regular",sans-serif;
  font-size: 14px;
  font-weight: 800;
  padding: 11px 16px;
  border-radius: 14px;
  cursor: pointer;
  border: 1px solid rgba(6,88,162,.28);
  background: linear-gradient(110deg, rgba(6,88,162,.16), rgba(0,184,217,.16), rgba(148,216,45,.16));
  box-shadow: 0 14px 35px rgba(6,88,162,.16);
  color: rgba(6,88,162,1);
}
.okkwork-stage4-export-help__card:focus-visible{
  outline: 1px solid rgba(6, 88, 162, 0.35);
  outline-offset: 2px;
}
.okkwork-stage4-export-help__close:focus-visible{
  outline: 1px solid rgba(6, 88, 162, 0.35);
  outline-offset: 2px;
}
.okkwork-stage4-export-help__btn:focus-visible{
  outline: 1px solid rgba(6, 88, 162, 0.35);
  outline-offset: 2px;
}
.okkwork-stage4-export-help__purpose-btn:focus-visible{
  outline: 1px solid rgba(6, 88, 162, 0.35);
  outline-offset: 2px;
}


/* OKKwork: модалка «Публичная / внутренняя ссылка» */
.okkwork-stage4-share-link {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.55);
  z-index: 20000;
  padding: 16px;
  box-sizing: border-box;
}
.okkwork-stage4-share-link.is-open {
  display: flex;
}
.okkwork-stage4-share-link__panel {
  width: min(520px, 100%);
  max-height: min(90vh, 640px);
  overflow: auto;
  background: linear-gradient(110deg, #dce7f2 0%, #eaf2fa 55%, #f7fafd 100%);
  border-radius: 18px;
  border: 1px solid rgba(6, 88, 162, 0.18);
  box-shadow: 0 26px 80px rgba(6, 88, 162, 0.22), 0 18px 60px rgba(0, 0, 0, 0.18);
}
.okkwork-stage4-share-link__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(6, 88, 162, 0.14);
}
.okkwork-stage4-share-link__title {
  font-family: ui-sans-serif, system-ui, "Segoe UI", Roboto, Arial, "Inter", sans-serif;
  font-weight: 800;
  color: #0658a2;
  font-size: 18px;
}
.okkwork-stage4-share-link__close {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(6, 88, 162, 0.18);
  background: rgba(255, 255, 255, 0.85);
  color: #0658a2;
  cursor: pointer;
  flex-shrink: 0;
}
.okkwork-stage4-share-link__body {
  padding: 16px 16px 8px;
  color: rgba(59, 85, 109, 1);
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
}
.okkwork-stage4-share-link__field {
  margin-bottom: 18px;
}
.okkwork-stage4-share-link__field:last-of-type {
  margin-bottom: 8px;
}
.okkwork-stage4-share-link__label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: rgba(6, 88, 162, 0.95);
  margin-bottom: 8px;
}
.okkwork-stage4-share-link__row {
  display: flex;
  gap: 8px;
  align-items: stretch;
}
.okkwork-stage4-share-link__input {
  flex: 1;
  min-width: 0;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(6, 88, 162, 0.22);
  background: rgba(255, 255, 255, 0.92);
  font-size: 12px;
  color: rgba(50, 65, 78, 1);
  font-family: ui-monospace, "Cascadia Mono", "Consolas", monospace;
}
.okkwork-stage4-share-link__copy {
  flex: none;
  width: 44px;
  border-radius: 12px;
  border: 1px solid rgba(6, 88, 162, 0.22);
  background: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0658a2;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}
.okkwork-stage4-share-link__copy:hover {
  background: rgba(6, 88, 162, 0.08);
  box-shadow: 0 4px 14px rgba(6, 88, 162, 0.12);
}
.okkwork-stage4-share-link__copy svg {
  display: block;
  pointer-events: none;
}
.okkwork-stage4-share-link__hint {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(72, 87, 101, 0.95);
  opacity: 0.95;
}
.okkwork-stage4-share-link__actions {
  padding: 8px 16px 16px;
  display: flex;
  justify-content: flex-end;
}
.okkwork-stage4-share-link__ok {
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 14px;
  font-weight: 800;
  padding: 10px 18px;
  border-radius: 14px;
  cursor: pointer;
  border: 1px solid rgba(6, 88, 162, 0.28);
  background: linear-gradient(110deg, rgba(6, 88, 162, 0.16), rgba(0, 184, 217, 0.16), rgba(148, 216, 45, 0.16));
  color: #0658a2;
}
.okkwork-stage4-share-link__close:focus-visible{
  outline: 1px solid rgba(6, 88, 162, 0.35);
  outline-offset: 2px;
}
.okkwork-stage4-share-link__copy:focus-visible{
  outline: 1px solid rgba(6, 88, 162, 0.35);
  outline-offset: 2px;
}
.okkwork-stage4-share-link__ok:focus-visible{
  outline: 1px solid rgba(6, 88, 162, 0.35);
  outline-offset: 2px;
}


.okkwork-stage4-checklist-pill > .okkwork-stage4-checklist-pill__label {
  transform: skewX(18deg);
  display: block;
  font-family: "Inter-Semi Bold", "Inter-Regular", sans-serif;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 190px;
}

/* Rename on double-click */
.okkwork-stage4-checklist-pill__label[contenteditable="true"]{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.18);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35);
  max-width: 190px;
  cursor: text;
}

.okkwork-stage4-checklist-pill:not(.okkwork-stage4-checklist-plus):hover {
  filter: brightness(1.07);
}

.okkwork-stage4-checklist-pill:active {
  transform: skewX(-18deg) translateY(1px);
}

.okkwork-stage4-checklist-pill.is-active {
  background: linear-gradient(90deg, #0658A2 0%, #78AFEC 100%);
  border-color: rgba(220, 231, 242, 0.55);
  box-shadow: 0 8px 18px rgba(6, 88, 162, 0.18);
}

.okkwork-stage4-checklist-pill.is-active .okkwork-stage4-checklist-pill__x {
  border-color: rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.95);
  color: rgba(180, 40, 40, 1);
}

.okkwork-stage4-checklist-pill.is-active .okkwork-stage4-checklist-pill__x:hover {
  background: rgba(255, 236, 236, 1);
  color: rgba(160, 52, 52, 1);
  border-color: rgba(230, 140, 140, 0.65);
}

.okkwork-stage4-checklist-plus {
  background: rgba(220, 231, 242, 1);
  color: #0658a2;
  border-color: rgba(6, 88, 162, 0.22);
  min-width: 44px;
  padding: 0 10px;
  margin-left: 5px;
}

.okkwork-stage4-checklist-plus:hover,
#okkwork-stage4-checklist-add:hover {
  background: #0658a2;
  color: #ffffff;
  border-color: rgba(6, 88, 162, 0.85);
  box-shadow: 0 8px 18px rgba(6, 88, 162, 0.28);
  filter: none;
}

.okkwork-stage4-checklist-plus:hover > span,
#okkwork-stage4-checklist-add:hover > span {
  color: #ffffff;
}

.okkwork-stage4-checklist-plus[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
  filter: grayscale(0.2);
}

.okkwork-stage4-checklist-plus[disabled]:hover {
  background: rgba(220, 231, 242, 1);
  color: #0658a2;
  border-color: rgba(6, 88, 162, 0.22);
  box-shadow: none;
}

.okkwork-stage4-checklist-plus > span {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.Pixso-frame-171_1 {
  width: 130px;
  height: 33px;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.frame-content-171_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-vector-171_2 {
  width: 130px;
  height: 30px;
  background-image: url("../icon/icon из pixso 4/Vector_171_2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: -6px;
}

.Pixso-paragraph-171_3 {
  font-size: 12px;
  font-family: "Inter-Semi Bold";
  font-weight: 600;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0em;
  color: rgba(250, 250, 250, 1);
  width: 130px;
  height: auto;
  position: absolute;
  left: -5px;
  top: 0px;
  flex-grow: 0;
}

.Pixso-frame-171_4 {
  width: 130px;
  height: 33px;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.frame-content-171_4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-vector-171_5 {
  width: 130px;
  height: 30px;
  background-image: url("../icon/icon из pixso 4/Vector_171_5.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: -6px;
}

.Pixso-paragraph-171_6 {
  font-size: 12px;
  font-family: "Inter-Semi Bold";
  font-weight: 600;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  width: 130px;
  height: auto;
  position: absolute;
  left: -5px;
  top: 4px;
  flex-grow: 0;
}

.Pixso-frame-171_7 {
  width: 130px;
  height: 33px;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.frame-content-171_7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-vector-171_8 {
  width: 130px;
  height: 30px;
  background-image: url("../icon/icon из pixso 4/Vector_171_8.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: -6px;
}

.Pixso-paragraph-171_9 {
  font-size: 12px;
  font-family: "Inter-Semi Bold";
  font-weight: 600;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0em;
  color: rgba(72, 87, 101, 1);
  width: 130px;
  height: auto;
  position: absolute;
  left: -5px;
  top: 4px;
  flex-grow: 0;
}
.Pixso-frame-169_178 {
  width: 360px;
  height: 94px;
  position: absolute;
  left: 464px;
  top: 64px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-169_178 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-text-169_179 {
  font-size: 24px;
  font-family: "Inter-Medium";
  font-weight: 500;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0em;
  color: rgba(250, 250, 250, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  margin-right: -30px;
  white-space: nowrap;
  flex-grow: 0;
}

.Pixso-paragraph-169_179_0 {
  line-height: 29.045454025268555px;
  position: relative;
  flex-shrink: 0;
}

.Pixso-span-169_179_0_1 {
  font-size: 20px;
  font-family: "Inter-Medium";
  font-weight: 600;
  color: #0658A2;
  position: relative;
  flex-shrink: 0;
  left: 6px;
  top: -10px;
}

.Pixso-span-169_179_0_2 {
  font-size: 16px;
  font-family: "Inter-Medium";
  font-weight: 500;
  color: #0658A2;
  position: relative;
  flex-shrink: 0;
  top: -10px;
}

.Pixso-rectangle-169_180 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background: rgba(6, 88, 162, 0.14) !important;
}

.stroke-wrapper-169_180 {
  position: relative;
  width: 360px;
  height: 46px;
  margin-right: -30px;
  flex-shrink: 0;
  top: -10px;
}

.stroke-169_180 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(6, 88, 162, 0.45);
}

.Pixso-rectangle-169_181 {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 300px;
  top: 25px;
  transform: rotateY(180deg)rotateX(180deg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/46116e31a3a1609f0df85e759c6ab87edc6d3409.png");
}

/* OKKwork: поле системы оценки (169_180) — те же варианты, что на этапе № 3 */
.okkwork-stage4-scoring-root {
  position: relative;
  width: 360px;
  flex-basis: 100%;
  flex-shrink: 0;
}

.stroke-wrapper-169_180.okkwork-stage4-scoring-field {
  cursor: pointer;
}

.okkwork-stage4-scoring-input {
  position: absolute;
  left: 12px;
  right: 56px;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  border: 0;
  background: transparent;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #0658a2;
  outline: none;
  cursor: pointer;
  width: auto;
  box-sizing: border-box;
}

/* OKKwork: placeholder тон (как выбранный вариант text-blue68) */
.okkwork-stage4-subdivision-input::placeholder{
  color: rgba(6, 88, 162, 0.48) !important;
}
.okkwork-stage4-template-input::placeholder{
  color: rgba(6, 88, 162, 0.48) !important;
}
.okkwork-stage4-scoring-input::placeholder{
  color: rgba(6, 88, 162, 0.48) !important;
}


.okkwork-stage4-subdivision-input:placeholder-shown{
  color: rgba(6, 88, 162, 0.48) !important;
}
.okkwork-stage4-template-input:placeholder-shown{
  color: rgba(6, 88, 162, 0.48) !important;
}
.okkwork-stage4-scoring-input:placeholder-shown{
  color: rgba(6, 88, 162, 0.48) !important;
}


/* Make "Система оценки" field match other blue fields (169_192) */
#169_180.stroke-wrapper-169_180.okkwork-stage4-scoring-field .Pixso-rectangle-169_180{
  background: rgba(6, 88, 162, 0.14) !important;
  background-image: none !important;
}

#169_180.stroke-wrapper-169_180.okkwork-stage4-scoring-field .stroke-169_180{
  border-color: rgba(6, 88, 162, 0.45) !important;
}

#okkwork-s4-scoring-dropdown.okkwork-stage4-scoring-dropdown {
  top: calc(100% + 6px);
  left: 0;
  width: 360px;
  z-index: 10210 !important;
  pointer-events: auto;
}

/* OKKwork: поле "Система оценки" всегда поверх */
#okkwork-stage4-scoring-root{
  position: relative;
  z-index: 10200 !important;
  pointer-events: auto;
}
#169_180.stroke-wrapper-169_180.okkwork-stage4-scoring-field{
  position: relative;
  z-index: 10200 !important;
  pointer-events: auto;
}


#okkwork-stage4-scoring-root {
  overflow: visible !important;
}

#okkwork-s4-scoring-dropdown.okkwork-stage4-scoring-dropdown .okkwork-crm-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

/* Иконки — те же файлы, что на этапе № 3 (Vector38 у балловой; 51683b… у бинарной — фон frame-219_586; 328b… у комбинированной — rectangle-219_468) */
#okkwork-stage4-scoring-root .okkwork-stage4-scoring-field {
  position: relative;
}

#okkwork-stage4-scoring-root .okkwork-s4-scoring-selected-icon {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  display: none;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

#okkwork-stage4-scoring-root .okkwork-s4-scoring-selected-icon.is-visible {
  display: flex;
}

#okkwork-stage4-scoring-root .okkwork-s4-scoring-selected-icon-img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
}

#okkwork-stage4-scoring-root .okkwork-stage4-scoring-input {
  padding-left: 44px;
}

#okkwork-s4-scoring-dropdown.okkwork-stage4-scoring-dropdown .okkwork-s4-scoring-icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#okkwork-s4-scoring-dropdown.okkwork-stage4-scoring-dropdown .okkwork-s4-scoring-icon-img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
  pointer-events: none;
}

.Pixso-rectangle-169_181.okkwork-stage4-scoring-chevron {
  position: absolute !important;
  left: auto !important;
  right: 10px;
  top: 0px;
  transition: transform 0.2s ease;
  cursor: pointer;
  transform: rotateY(180deg) rotateX(180deg);
}

.okkwork-stage4-scoring-root.is-open .Pixso-rectangle-169_181.okkwork-stage4-scoring-chevron {
  transform: rotateY(180deg) rotateX(180deg) rotate(180deg);
}

.Pixso-frame-171_11 {
  width: 346px;
  height: auto;
  position: absolute;
  left: 86px;
  top: 64.5px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-171_11 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-paragraph-169_176 {
  font-size: 20px;
  font-family: "Inter-Medium";
  font-weight: 500;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0em;
  color: rgba(220, 231, 242, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  margin-right: -30px;
  white-space: pre;
  flex-grow: 0;
  left: 6px;
  top: -5px;
}

.Pixso-rectangle-169_191 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background: rgba(6, 88, 162, 0.14) !important;
}

.stroke-wrapper-169_191 {
  position: relative;
  width: 346px;
  height: 46px;
  margin-right: -30px;
  flex-shrink: 0;
}

.stroke-169_191 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(6, 88, 162, 0.45);
}

.Pixso-rectangle-169_194 {
  width: 25px;
  height: 25px;
  position: relative;
  flex-shrink: 0;
  transform: rotateY(180deg)rotateX(180deg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/46116e31a3a1609f0df85e759c6ab87edc6d3409.png");
  left: -10px;
}

/* OKKwork: поле подразделения (169_191) — список из этапа № 1; стрелка 169_194 */
.okkwork-stage4-subdivision-root {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
}

.stroke-wrapper-169_191.okkwork-stage4-sub-field {
  cursor: pointer;
}

.okkwork-stage4-subdivision-input {
  position: absolute;
  left: 12px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  border: 0;
  background: transparent;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #0658a2;
  outline: none;
  cursor: pointer;
  width: calc(100% - 22px);
  box-sizing: border-box;
}

/* Template field should match subdivision field blue style */
.Pixso-rectangle-169_192 {
  background: rgba(6, 88, 162, 0.14) !important;
}

.stroke-169_192{
  border-color: rgba(6, 88, 162, 0.45) !important;
}

.okkwork-stage4-template-input{
  color: rgba(6, 88, 162, 1) !important;
}

#okkwork-s4-subdivision-dropdown.okkwork-stage4-subdivision-dropdown {
  top: calc(100% + 6px);
  left: 0;
  width: 346px;
  z-index: 80;
}

/* id="169_194" — нельзя выбирать как #169_194 в CSS (id с цифры); только классы */
.Pixso-rectangle-169_194.okkwork-stage4-sub-chevron {
  transition: transform 0.2s ease;
  cursor: pointer;
}

.okkwork-stage4-subdivision-root.is-open .Pixso-rectangle-169_194.okkwork-stage4-sub-chevron {
  transform: rotateY(180deg) rotateX(180deg) rotate(180deg);
}

.Pixso-frame-171_10 {
  width: 307px;
  height: auto;
  position: absolute;
  left: 856px;
  top: 65px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.frame-content-171_10 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-paragraph-169_193 {
  font-size: 20px;
  font-family: "Inter-Medium";
  font-weight: 500;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0em;
  color: rgba(220, 231, 242, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  margin-right: -30px;
  white-space: pre;
  flex-grow: 0;
  left: 6px;
  top: -5px;
}

.Pixso-rectangle-169_192 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(250, 250, 250, 1);
}

.stroke-wrapper-169_192 {
  position: relative;
  width: 307px;
  height: 46px;
  margin-right: -30px;
  flex-shrink: 0;
}

.stroke-169_192 {
  position: absolute;
  inset: 0px;
  border-radius: 10px 10px 10px 10px;
  pointer-events: none;
  border-width: 0.5px 0.5px 0.5px 0.5px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(107, 124, 128, 1);
}

.Pixso-rectangle-169_196 {
  width: 30px;
  height: 30px;
  position: relative;
  flex-shrink: 0;
  transform: rotateY(180deg)rotateX(180deg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/46116e31a3a1609f0df85e759c6ab87edc6d3409.png");
  left: -10px;
}

/* OKKwork: поле шаблона (169_192) — выпадающий список сохранённых шаблонов */
.okkwork-stage4-template-root {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
}

.stroke-wrapper-169_192.okkwork-stage4-template-field {
  cursor: pointer;
}

.okkwork-stage4-template-input {
  position: absolute;
  left: 12px;
  right: 36px;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  border: 0;
  background: transparent;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: rgba(72, 87, 101, 1);
  outline: none;
  cursor: pointer;
  width: auto;
  box-sizing: border-box;
}

#okkwork-s4-template-dropdown.okkwork-stage4-template-dropdown {
  top: 50px;
  left: 0;
  width: 307px;
  z-index: 10210 !important;
  pointer-events: auto;
}

/* OKKwork: поле "Шаблон чек-листа" всегда поверх */
#171_10{
  position: relative;
  z-index: 10200 !important;
  pointer-events: auto;
}
#171_10 .frame-content-171_10{
  position: relative;
  z-index: 10200 !important;
  pointer-events: auto;
}
#okkwork-stage4-template-root{
  position: relative;
  z-index: 10200 !important;
  pointer-events: auto;
}
#169_192.stroke-wrapper-169_192.okkwork-stage4-template-field{
  position: relative;
  z-index: 10200 !important;
  pointer-events: auto;
}


/* если родитель режет dropdown */
#171_10 .frame-content-171_10{
  overflow: visible !important;
}
#okkwork-stage4-template-root{
  overflow: visible !important;
}


.Pixso-rectangle-169_196.okkwork-stage4-template-chevron {
  position: absolute !important;
  left: auto !important;
  right: -20px;
  top: 30px;
  margin-top: -20px;
  transition: transform 0.2s ease;
  cursor: pointer;
  transform: rotateY(180deg) rotateX(180deg);
}

.okkwork-stage4-template-root.is-open .Pixso-rectangle-169_196.okkwork-stage4-template-chevron {
  transform: rotateY(180deg) rotateX(180deg) rotate(180deg);
}

/* OKKwork: ссылка "Редактировать" под полем шаблонов */
.okkwork-stage4-template-edit-link {
  position: absolute;
  right: 6px;
  bottom: -18px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: rgba(220, 231, 242, 1);
  text-decoration: underline;
}

.okkwork-stage4-template-edit-link:hover {
  filter: brightness(1.08);
}

.okkwork-stage4-template-edit-link:focus-visible {
  outline: 2px solid rgba(250, 250, 250, 0.55);
  outline-offset: 2px;
  border-radius: 6px;
}

/* OKKwork: popup управления шаблонами */
.okkwork-stage4-templates-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  z-index: 11000;
}

.okkwork-stage4-templates-modal.is-open {
  display: flex;
}

.okkwork-stage4-templates-modal__panel {
  width: min(760px, 92vw);
  max-height: min(520px, 80vh);
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(107, 124, 128, 0.25);
  display: flex;
  flex-direction: column;
}

.okkwork-stage4-templates-modal{
  pointer-events: auto;
}
.okkwork-stage4-templates-modal *{
  pointer-events: auto;
}


.okkwork-stage4-templates-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  background: linear-gradient(180deg, rgba(245, 248, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
  border-bottom: 1px solid rgba(107, 124, 128, 0.18);
}

.okkwork-stage4-templates-modal__title {
  font-family: "Inter-Bold", "Inter-Regular", sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0658a2;
}

.okkwork-stage4-templates-modal__close {
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  padding: 6px 10px;
  border-radius: 8px;
}

.okkwork-stage4-templates-modal__close:hover {
  background: rgba(6, 88, 162, 0.08);
}

.okkwork-stage4-templates-modal__body {
  overflow: auto;
  padding: 10px 10px 12px;
}

.okkwork-stage4-template-row {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 10px;
}

.okkwork-stage4-template-row:hover {
  background: rgba(6, 88, 162, 0.05);
}

.okkwork-stage4-template-row + .okkwork-stage4-template-row {
  margin-top: 4px;
}

.okkwork-stage4-template-row__icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.okkwork-stage4-template-row__icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
}

.okkwork-stage4-template-row__name {
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 8px;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: rgba(72, 87, 101, 1);
}

.okkwork-stage4-template-row__name:hover {
  background: rgba(255, 255, 255, 0.7);
}

.okkwork-stage4-template-row__actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.okkwork-stage4-template-row__actions button {
  border: 1px solid rgba(107, 124, 128, 0.25);
  background: #fff;
  cursor: pointer;
  border-radius: 10px;
  padding: 8px 10px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
  transition: background 0.15s ease, box-shadow 0.15s ease;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: rgba(72, 87, 101, 1);
}

.okkwork-stage4-template-row__actions button:hover {
  background: rgba(6, 88, 162, 0.06);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.10);
}

/* OKKwork: правый сайдбар описания (Pixso-rectangle-171_151) */
.Pixso-rectangle-171_151.okkwork-stage4-sidebar {
  position: fixed;
  top: 600px;
  right: 1000px;
  width: min(420px, 92vw);
  height: min(640px, calc(100vh - 120px));
  background: rgba(245, 245, 245, 1);
  border: 0.5px solid rgba(81, 95, 108, 1);
  border-radius: 12px;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.18);
  z-index: 10001;
  display: none;
  overflow: hidden;
}

.okkwork-stage4-sidebar__textarea {
  color: rgba(68, 68, 68, 1);
}

.Pixso-rectangle-171_151.okkwork-stage4-sidebar.is-open {
  display: flex;
  flex-direction: column;
}

.okkwork-stage4-sidebar__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px;
  background: #fff;
  border-bottom: 1px solid rgba(107, 124, 128, 0.22);
}

.okkwork-stage4-sidebar__title {
  font-family: "Inter-Bold", "Inter-Semi Bold", sans-serif;
  font-size: 14px;
  font-weight: 800;
  color: rgba(72, 87, 101, 1);
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.okkwork-stage4-sidebar__close {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  border: 1px solid rgba(107, 124, 128, 0.22);
  background: rgba(238, 242, 246, 1);
  cursor: pointer;
  font-weight: 900;
}

.okkwork-stage4-sidebar__body {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
}

.okkwork-stage4-sidebar__textarea {
  width: 100%;
  height: 100%;
  resize: none;
  border-radius: 10px;
  border: 1px solid rgba(107, 124, 128, 0.22);
  padding: 10px 12px;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 14px;
  outline: none;
  background: #fff;
  box-sizing: border-box;
}


.Pixso-vector-171_12 {
  width: 1px;
  height: 81px;
  background: rgba(6, 88, 162, 1);
  position: absolute;
  left: 1202.5px;
  top: 69px;
}

.Pixso-frame-171_34 {
  width: auto;
  height: auto;
  position: absolute;
  left: 1221px;
  top: 75px;
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: flex-start;
  justify-content: center;
}

/* OKKwork: панель иконок операций (50×50), подпись над иконкой (вместо tooltip) */


/* >>> OKKwork: Operations icons ===================================== */
.okkwork-header-icon-host.okkwork-stage4-ops-icon {
  width: 86px;
  height: auto;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  border-radius: 10px;
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}

.okkwork-stage4-ops-icon__face {
  width: 50px;
  height: 50px;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  border-radius: 8px;
}

.okkwork-stage4-ops-icon__label {
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #0658a2; /* #0658A2 */
  text-align: center;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

#okkwork-stage4-op-numbering .okkwork-stage4-ops-icon__status{
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
  color: rgba(120, 128, 138, 1);
  text-align: center;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
  pointer-events: none;
}
.okkwork-stage4-ops-icon__status{
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
  color: rgba(120, 128, 138, 1);
  text-align: center;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
  pointer-events: none;
}


.Pixso-frame-171_17 {
  width: 136px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.frame-content-171_17 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  position: relative;
}

.Pixso-frame-171_16 {
  width: 100px;
  height: 40px;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(220, 231, 242, 1);
  right: 30px;
}

.frame-content-171_16 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 0px 53px 0px 53px;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-paragraph-171_14 {
  font-size: 24px;
  font-family: "Rubik-Regular";
  font-weight: 400;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0em;
  color: #0658a2;
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-paragraph-171_15 {
  font-size: 14px;
  font-family: "Rubik-Regular";
  font-weight: 400;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0em;
  color: rgba(220, 231, 242, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
  right: 90px;
}

.Pixso-frame-171_18 {
  width: 136px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.frame-content-171_18 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  position: relative;
}

.Pixso-frame-171_19 {
  width: 136px;
  height: 57px;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(220, 231, 242, 1);
  right: 30px;
}

.frame-content-171_19 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 0px 53px 0px 53px;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-paragraph-171_20 {
  font-size: 48px;
  font-family: "Rubik-Regular";
  font-weight: 400;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0em;
  color: #0658a2;
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-paragraph-171_21 {
  font-size: 14px;
  font-family: "Rubik-Regular";
  font-weight: 400;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0em;
  color: rgba(220, 231, 242, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
  right: 80px;
}

/* OKKwork: выравниваем счётчики в Pixso-frame-171_34 по образцу Pixso-frame-171_16 */
.Pixso-frame-171_19{
  width: 100px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: rgba(220, 231, 242, 1);
}
.Pixso-frame-171_27{
  width: 100px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: rgba(220, 231, 242, 1);
}
.Pixso-frame-171_31{
  width: 100px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: rgba(220, 231, 242, 1);
}


.frame-content-171_19{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0;
  gap: 10px;
}
.frame-content-171_27{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0;
  gap: 10px;
}
.frame-content-171_31{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0;
  gap: 10px;
}


.Pixso-paragraph-171_20{
  font-size: 24px;
  font-family: "Rubik-Regular";
  font-weight: 400;
  letter-spacing: 0em;
  color: #0658a2;
  white-space: pre;
}
.Pixso-paragraph-171_28{
  font-size: 24px;
  font-family: "Rubik-Regular";
  font-weight: 400;
  letter-spacing: 0em;
  color: #0658a2;
  white-space: pre;
}
.Pixso-paragraph-171_32{
  font-size: 24px;
  font-family: "Rubik-Regular";
  font-weight: 400;
  letter-spacing: 0em;
  color: #0658a2;
  white-space: pre;
}


.Pixso-frame-171_26 {
  width: 136px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.frame-content-171_26 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  position: relative;
}

.Pixso-frame-171_27 {
  width: 100px;
  height: 40px;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(220, 231, 242, 1);
  right: 30px;
}

.frame-content-171_27 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 0px 53px 0px 53px;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-paragraph-171_28 {
  font-size: 24px;
  font-family: "Rubik-Regular";
  font-weight: 400;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0em;
  color: #0658a2;
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-paragraph-171_29 {
  font-size: 11px;
  font-family: "Rubik-Regular";
  font-weight: 400;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0em;
  line-height: 27px;
  color: rgba(220, 231, 242, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
  top: -5px;
  right: 20px;
}

.Pixso-frame-171_30 {
  width: 136px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.frame-content-171_30 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  position: relative;
}

.Pixso-frame-171_31 {
  width: 100px;
  height: 40px;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(220, 231, 242, 1);
  right: 30px;
}

.frame-content-171_31 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 0px 53px 0px 53px;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pixso-paragraph-171_32 {
  font-size: 24px;
  font-family: "Rubik-Regular";
  font-weight: 400;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0em;
  color: #0658a2;
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.Pixso-paragraph-171_33 {
  font-size: 11px;
  font-family: "Rubik-Regular";
  font-weight: 400;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0em;
  line-height: 27px;
  color: rgba(220, 231, 242, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
  top: -5px;
  right: 20px;
}


/* OKKwork: 219_433 — как этап 2 (219_133): плашки подразделений + чекбокс; координаты этапа 4 */
#219_433.okkwork-stage4-subdivision-frame {
  top: 333px;
  min-height: 91px;
  height: auto;
}
#219_433 .frame-content-219_133 {
  height: auto;
  min-height: 0;
}
#219_433 .Pixso-frame-219_139 {
  position: relative;
  left: 0;
  top: auto;
  margin-top: 4px;
}
#okkwork-stage4-sub-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  align-items: flex-start;
  width: 100%;
  max-width: 456px;
  position: relative;
  box-sizing: border-box;
}
#okkwork-stage4-sub-pills .stroke-wrapper-219_135.okkwork-sub-pill-host {
  position: relative;
  left: auto;
  top: auto;
}

/* OKKwork МКК: «Компания или проект» — карточка в тулбаре (как «Чек-лист ОКК») */
.okkwork-vd-field-group--project {
  flex: 0 0 300px;
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  box-sizing: border-box;
}

.okkwork-vd-field-group--project .okkwork-vd-field-group__body--project {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}

.okkwork-vd-field-group--project .okkwork-vd-project-sub-root {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}

.okkwork-vd-field-group--project .okkwork-vd-project-sub-field.stroke-wrapper-169_191 {
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 33px;
  margin-right: 0;
  flex: 1 1 auto;
  box-sizing: border-box;
}

#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--project .Pixso-rectangle-169_191 {
  background: rgba(220, 231, 242, 1) !important;
  background-image: none !important;
}

.okkwork-vd-field-group--project .okkwork-stage4-subdivision-input {
  font-size: 12px;
  font-weight: 600;
  left: 10px;
  right: 32px;
  height: 28px;
}

.okkwork-vd-field-group--project .Pixso-rectangle-169_194.okkwork-stage4-sub-chevron {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%) rotateY(180deg) rotateX(180deg);
  left: auto;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  z-index: 2;
  pointer-events: auto;
}

.okkwork-vd-field-group--project #okkwork-s4-subdivision-dropdown.okkwork-stage4-subdivision-dropdown {
  width: 100%;
  min-width: 0;
  z-index: 120;
}

.okkwork-mkk-project-actions,
.okkwork-mkk-toolbar-actions {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.okkwork-mkk-project-action-icon {
  width: 18px;
  height: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}

.okkwork-mkk-project-action-icon--settings {
  background-image: url("../icon/a66d3eb8677eb89d856a6508855729f3af422e42.png");
}

.okkwork-mkk-project-action-icon--reports {
  background-image: url("../icon/51f0d429e4ac4fd2c239858de15c06c40cbfb1da.png");
}

.okkwork-mkk-project-action-icon--structure {
  background-image: url("../icon/a58b3702f24ff861c374e072ec63739760e3315e.png");
}

.okkwork-mkk-project-list .okkwork-mkk-project-li {
  list-style: none;
  transition: background-color 0.15s ease;
}

.okkwork-mkk-project-list .okkwork-mkk-project-li.is-current {
  background: rgba(6, 88, 162, 0.1);
  border-radius: 0;
}

.okkwork-mkk-project-list .okkwork-mkk-project-li:hover {
  background: rgba(6, 88, 162, 0.08);
}

.okkwork-mkk-project-list .okkwork-mkk-project-li.is-current:hover {
  background: rgba(6, 88, 162, 0.12);
}

.okkwork-mkk-project-list .okkwork-mkk-project-li.is-current .okkwork-crm-option,
.okkwork-mkk-project-list .okkwork-mkk-project-li.is-current .okkwork-crm-option.is-active {
  background: transparent;
  color: #0658a2;
  font-weight: 700;
  border-radius: 0;
}

.okkwork-mkk-project-list .okkwork-mkk-project-li:hover .okkwork-crm-option:not(:disabled) {
  background: transparent;
  color: #0658a2;
  border-radius: 0;
}

/* Выпадающий список проектов: прямоугольная подсветка как у чек-листов */
.okkwork-crm-dropdown-list .okkwork-mkk-project-li {
  transition: background-color 0.15s ease;
}

.okkwork-crm-dropdown-list .okkwork-mkk-project-li.is-current {
  background: rgba(6, 88, 162, 0.1);
  border-radius: 0;
}

.okkwork-crm-dropdown-list .okkwork-mkk-project-li:hover {
  background: rgba(6, 88, 162, 0.08);
}

.okkwork-crm-dropdown-list .okkwork-mkk-project-li.is-current:hover {
  background: rgba(6, 88, 162, 0.12);
}

.okkwork-crm-dropdown-list .okkwork-mkk-project-li .okkwork-crm-option,
.okkwork-crm-dropdown-list .okkwork-mkk-project-li.is-current .okkwork-crm-option,
.okkwork-crm-dropdown-list .okkwork-mkk-project-li.is-current .okkwork-crm-option.is-active,
.okkwork-crm-dropdown-list .okkwork-mkk-project-li:hover .okkwork-crm-option:not(:disabled) {
  border-radius: 0;
}

.okkwork-crm-dropdown-list .okkwork-mkk-project-li.is-current .okkwork-crm-option,
.okkwork-crm-dropdown-list .okkwork-mkk-project-li.is-current .okkwork-crm-option.is-active {
  background: transparent;
  color: #0658a2;
  font-weight: 700;
}

.okkwork-crm-dropdown-list .okkwork-mkk-project-li:hover .okkwork-crm-option:not(:disabled) {
  background: transparent;
  color: #0658a2;
}

.okkwork-mkk-project-row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.okkwork-mkk-project-row .okkwork-crm-option {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: calc(100% - 52px);
  text-align: left;
}

.okkwork-mkk-project-toggle-wrap {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  margin-right: 8px;
  border-radius: 10px;
  background: rgba(6, 88, 162, 0.12);
  border: 1px solid rgba(6, 88, 162, 0.22);
  position: relative;
  z-index: 2;
}

.okkwork-mkk-project-list .okkwork-mkk-project-li.is-current .okkwork-mkk-project-toggle-wrap {
  background: rgba(6, 88, 162, 0.18);
  border-color: rgba(6, 88, 162, 0.35);
}

.okkwork-mkk-project-list .okkwork-mkk-project-row {
  padding: 2px 14px 2px 0;
}

.okkwork-mkk-project-li.is-deactivated .okkwork-crm-option {
  color: #9aa3ad;
}

.okkwork-mkk-project-li.is-deactivated .okkwork-crm-option:disabled {
  opacity: 0.85;
  cursor: not-allowed;
}

#okkwork-mkk-project-from-stage1.is-project-deactivated .okkwork-stage4-subdivision-input,
#okkwork-mkk-project-from-stage1.is-project-deactivated .stroke-wrapper-169_191 {
  filter: grayscale(1);
  opacity: 0.72;
}

#okkwork-mkk-violation-dashboard.is-project-deactivated {
  position: relative;
}

#okkwork-mkk-violation-dashboard.is-project-deactivated > :not(#okkwork-mkk-project-deactivated-overlay) {
  pointer-events: none;
  filter: grayscale(1);
  opacity: 0.45;
}

.okkwork-mkk-project-deactivated-overlay {
  position: absolute;
  inset: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 24px;
  text-align: center;
  background: rgba(238, 242, 247, 0.82);
  pointer-events: auto;
}

.okkwork-mkk-project-deactivated-overlay strong {
  font-size: 18px;
  color: #0658a2;
}

.okkwork-mkk-project-deactivated-overlay p {
  margin: 0;
  max-width: 520px;
  color: #374151;
  line-height: 1.5;
}

.okkwork-stage4-subdivision-root.okkwork-stage4-subdivision-root--single .Pixso-rectangle-169_194.okkwork-stage4-sub-chevron {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}
.okkwork-stage4-subdivision-root.okkwork-stage4-subdivision-root--single .stroke-wrapper-169_191.okkwork-stage4-sub-field {
  cursor: pointer;
}
.okkwork-stage4-subdivision-root.okkwork-stage4-subdivision-root--single .okkwork-stage4-subdivision-input {
  cursor: pointer;
}

/* ========== OKKwork МКК: таблица нарушений (CSS Grid, как «Рабочее пространство МКК — копия») ========== */
#219_3 {
  min-height: 1280px !important;
}

#okkwork-mkk-violation-dashboard {
  position: absolute;
  left: 22px;
  top: 78px;
  right: 22px;
  width: auto;
  max-width: 1876px;
  z-index: 30;
  font-family: ui-sans-serif, system-ui, "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  color: #1f2937;
  --vd-blue: #0a4a7c;
  --vd-blue-soft: rgba(6, 88, 162, 1);
  --vd-line: rgba(81, 95, 108, 0.35);
  --vd-cell: #e8ecf1;
  --vd-cell-head: #0d4f84;
  --vd-footer-bg: #4b5563;
  --vd-mkk-gap: 6px;
  /* Фикс. высота ленты панели управления (эталон — «Чек-лист КЦ», см. syncMkkWsPanelHeight) */
  --mkk-ws-panel-fixed-h: 680px;
}

/* Выбранный день: градиент как у .okkwork-vd-spec-pill.is-active (перебивает muted/holiday и transition) */
#okkwork-mkk-violation-dashboard .okkwork-vd__daypill.is-selected {
  outline: none !important;
  background: linear-gradient(90deg, #0658a2 0%, #00b8d9 100%) !important;
  border-color: rgba(220, 231, 242, 0.55) !important;
  box-shadow: 0 2px 8px rgba(6, 88, 162, 0.18);
  color: #fafafa !important;
  transition: none;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__daypill.is-selected .okkwork-vd__daypill__w {
  color: #fafafa !important;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__daypill.is-selected:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.9) !important;
  outline-offset: 2px;
}

/* День с завершённой проверкой (кнопка ЗАВЕРШИТЬ) — градиент как у okkwork-balance-gift-popup__submit */
#okkwork-mkk-violation-dashboard .okkwork-vd__daypill--check-finished,
#okkwork-mkk-violation-dashboard .okkwork-vd__daypill--check-finished.is-selected {
  outline: none !important;
  background: linear-gradient(135deg, #2eb97a 0%, #0658a2 100%) !important;
  border-color: rgba(46, 185, 122, 0.45) !important;
  box-shadow: 0 2px 8px rgba(6, 88, 162, 0.22);
  color: #fff !important;
  transition: none;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__daypill--check-finished .okkwork-vd__daypill__w,
#okkwork-mkk-violation-dashboard .okkwork-vd__daypill--check-finished.is-selected .okkwork-vd__daypill__w {
  color: rgba(255, 255, 255, 0.92) !important;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__daypill--check-finished:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.9) !important;
  outline-offset: 2px;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__daypill-avatars,
.okkwork-vd__daypill-avatars {
  position: absolute;
  top: -9px;
  left: -3px;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 4;
  pointer-events: none;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__daypill-avatar,
.okkwork-vd__daypill-avatar {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid #fff;
  object-fit: cover;
  background: #dce7f2;
  box-shadow: 0 1px 2px rgba(6, 88, 162, 0.28);
  margin-left: -9px;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__daypill-avatar:first-child,
.okkwork-vd__daypill-avatar:first-child {
  margin-left: 0;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__daypill-avatar-more,
.okkwork-vd__daypill-avatar-more {
  pointer-events: auto;
  position: relative;
  z-index: 6;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  border-radius: 50%;
  border: 1.5px solid #fff;
  background: #0658a2;
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(6, 88, 162, 0.28);
  cursor: default;
}

.okkwork-vd__daypill-avatar-tip {
  position: fixed;
  z-index: 101580;
  min-width: 168px;
  max-width: min(280px, calc(100vw - 16px));
  max-height: min(240px, 50vh);
  overflow: auto;
  padding: 8px;
  background: #fff;
  border: 1px solid #d7e6f2;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.18);
  box-sizing: border-box;
}

.okkwork-vd__daypill-avatar-tip[hidden] {
  display: none !important;
}

.okkwork-vd__daypill-avatar-tip__row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px;
  font-family: "Rubik", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #334155;
}

.okkwork-vd__daypill-avatar-tip__row .okkwork-vd__daypill-avatar {
  margin-left: 0;
  flex-shrink: 0;
}

.okkwork-vd__toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

/* Тулбар поверх матрицы; по X обрезаем вылезание (без горизонтального скролла страницы) */
#okkwork-mkk-violation-dashboard .okkwork-vd__toolbar {
  position: relative;
  z-index: 200;
  overflow-x: clip;
  overflow-y: visible;
  box-sizing: border-box;
}

@supports not (overflow: clip) {
  #okkwork-mkk-violation-dashboard .okkwork-vd__toolbar {
    overflow-x: hidden;
    overflow-y: visible;
  }
}

#okkwork-mkk-violation-dashboard .okkwork-vd__matrix-column,
#okkwork-mkk-violation-dashboard .okkwork-vd__matrix-band {
  position: relative;
  z-index: 0;
}

/* Выпадающие списки МКК — поверх полосы «Дни» и ячеек с локальными z-index */
#okkwork-mkk-violation-dashboard .okkwork-vd-dd__list {
  z-index: 2000;
}

#okkwork-mkk-violation-dashboard #okkwork-vd-sub-list.okkwork-vd-dd__list {
  z-index: 2000;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__toolbar-left > .okkwork-vd-field-group--grow {
  flex: 1 1 0%;
  min-width: 0;
  max-width: 100%;
  flex-shrink: 1;
}

/* МКК: сетка — тулбар слева / таймер справа; календарь+таблица слева / панель на всю высоту блока */
.okkwork-vd__layout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 288px;
  grid-template-rows: auto 1fr;
  column-gap: 14px;
  row-gap: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  align-items: stretch;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__layout-grid {
  column-gap: var(--vd-mkk-gap);
  row-gap: var(--vd-mkk-gap);
}

#okkwork-mkk-violation-dashboard .okkwork-vd__layout-grid > .okkwork-vd__toolbar,
#okkwork-mkk-violation-dashboard .okkwork-vd__layout-grid > .okkwork-vd__matrix-band,
#okkwork-mkk-violation-dashboard .okkwork-vd__layout-grid > .okkwork-vd__right-rail {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  justify-self: stretch;
  box-sizing: border-box;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__layout-grid > .okkwork-vd__toolbar {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  align-self: stretch;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__layout-grid > .okkwork-vd__right-rail {
  grid-column: 2;
  grid-row: 1 / -1;
  display: grid;
  grid-template-rows: subgrid;
  align-items: stretch;
  gap: var(--vd-mkk-gap);
  min-height: 0;
  align-self: stretch;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__right-rail > .okkwork-vd-field-group--timer {
  grid-row: 1;
  align-self: stretch;
  flex: none;
  margin: 0;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(6, 88, 162, 0.06);
  gap: 0;
  padding: 8px 10px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  box-sizing: border-box;
}

/* Высота таймера = тулбар слева; блок разделов начинается на уровне матрицы (JS syncMkkRightRailAlignment) */
#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--timer.okkwork-vd-field-group--timer-aligned {
  display: flex;
  flex-direction: column;
}

#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--timer.okkwork-vd-field-group--timer-aligned .okkwork-vd-field-group__head-split {
  flex-shrink: 0;
}

#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--timer.okkwork-vd-field-group--timer-aligned .okkwork-vd-field-group__body {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
}

@supports not (grid-template-rows: subgrid) {
  #okkwork-mkk-violation-dashboard .okkwork-vd__layout-grid > .okkwork-vd__right-rail {
    display: flex;
    flex-direction: column;
  }

  #okkwork-mkk-violation-dashboard .okkwork-vd__right-rail > .okkwork-vd-field-group--timer,
  #okkwork-mkk-violation-dashboard .okkwork-vd__right-rail > .okkwork-mkk-ws {
    grid-row: auto;
  }
}

#okkwork-mkk-violation-dashboard .okkwork-vd__right-rail > .okkwork-mkk-ws {
  grid-row: 2;
  align-self: stretch;
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-height: none;
  margin: 0;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

/* Сообщения / комментарии / регламент: высота ленты = высота таблицы (JS syncMkkWsFeedPanelToMatrix) */
#okkwork-mkk-violation-dashboard .okkwork-vd__right-rail > .okkwork-mkk-ws.okkwork-mkk-ws--stretch-feed {
  flex: 0 0 auto;
  min-height: 0;
  max-height: none;
}

#okkwork-mkk-violation-dashboard.okkwork-mkk-ws-feed-stretch .okkwork-vd__layout-grid {
  grid-template-rows: auto minmax(var(--mkk-ws-panel-fixed-h), auto);
  align-items: stretch;
}

#okkwork-mkk-violation-dashboard.okkwork-mkk-ws-feed-stretch .okkwork-vd__layout-grid > .okkwork-vd__matrix-band,
#okkwork-mkk-violation-dashboard.okkwork-mkk-ws-feed-stretch .okkwork-vd__layout-grid > .okkwork-vd__right-rail {
  align-self: stretch;
  height: auto;
}

#okkwork-mkk-violation-dashboard.okkwork-mkk-ws-feed-stretch .okkwork-vd__layout-grid > .okkwork-vd__matrix-band {
  min-height: var(--mkk-ws-panel-fixed-h);
  height: auto;
}

#okkwork-mkk-violation-dashboard .okkwork-mkk-ws--stretch-feed .okkwork-mkk-ws__body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

#okkwork-mkk-violation-dashboard .okkwork-mkk-ws--stretch-feed .okkwork-mkk-ws__scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

#okkwork-mkk-violation-dashboard .okkwork-mkk-ws--stretch-feed .okkwork-mkk-ws-pane.is-active[data-mkk-ws-pane="msg"],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws--stretch-feed .okkwork-mkk-ws-pane.is-active[data-mkk-ws-pane="cmt"],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws--stretch-feed .okkwork-mkk-ws-pane.is-active[data-mkk-ws-pane="reg"] {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#okkwork-mkk-violation-dashboard .okkwork-mkk-ws--stretch-feed .okkwork-mkk-ws-msg-list,
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws--stretch-feed .okkwork-mkk-ws-cmt-list,
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws--stretch-feed .okkwork-mkk-ws-reg-list {
  flex: 1 1 auto;
  min-height: 0;
}
#okkwork-mkk-violation-dashboard .okkwork-vd__layout-grid {
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
  align-items: stretch;
}
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0 0 10px;
  scrollbar-width: thin;
  scrollbar-color: rgba(81, 95, 108, 0.45) transparent;
}
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__scroll:has(#okkwork-mkk-ws-pane-dyn.is-active) {
  /* Только для вкладки «Динамика»: небольшой внутренний отступ, чтобы блоки не прилипали к краю */
  padding: 0 8px 10px 8px;
}
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws--stretch-feed .okkwork-mkk-ws__scroll:has(.okkwork-mkk-ws-pane--msg.is-active),
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws--stretch-feed .okkwork-mkk-ws__scroll:has(.okkwork-mkk-ws-pane-cmt.is-active),
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws--stretch-feed .okkwork-mkk-ws__scroll:has([data-mkk-ws-pane="reg"].is-active) {
  overflow-y: hidden;
  padding: 0 0 10px;
}
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws-msg-list,
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws-cmt-list,
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws-reg-list {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  scrollbar-gutter: auto;
}
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws-msg-list .okkwork-mkk-ws-card,
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws-cmt-list .okkwork-mkk-ws-cmt-card:not(.has-goto-rail),
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws-reg-list .okkwork-mkk-ws-reg-block {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws-cmt-list .okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--key,
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws-cmt-list .okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--reply {
  box-sizing: border-box;
  margin-left: var(--cmt-card-inset-left, 2px);
  margin-right: var(--cmt-card-inset-right, 2px);
  width: calc(100% - var(--cmt-card-inset-left, 2px) - var(--cmt-card-inset-right, 2px));
  max-width: calc(100% - var(--cmt-card-inset-left, 2px) - var(--cmt-card-inset-right, 2px));
}

/* Дашборд: «свой» ответ — правая граница как у ключевого (без margin-right: 10px) */
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws-cmt-list .okkwork-mkk-ws-cmt-card.okkwork-mkk-ws-cmt-card--mine-reply {
  margin-right: var(--cmt-card-inset-right, 2px);
  width: auto;
  max-width: none;
}
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws-cmt-list .okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--mine-reply {
  margin-left: var(--cmt-card-inset-left, 2px);
  margin-right: var(--cmt-card-inset-right, 2px);
  width: calc(100% - var(--cmt-card-inset-left, 2px) - var(--cmt-card-inset-right, 2px));
  max-width: calc(100% - var(--cmt-card-inset-left, 2px) - var(--cmt-card-inset-right, 2px));
}
#okkwork-mkk-ws-pane-dyn.is-active,
.okkwork-mkk-ws-pane.is-active[data-mkk-ws-pane="dyn"] {
  overflow-x: hidden;
  overflow-y: hidden;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
#okkwork-mkk-violation-dashboard .okkwork-vd__layout-grid > .okkwork-vd__matrix-band {
  grid-column: 1;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  min-width: 0;
  max-width: 100%;
  min-height: var(--mkk-ws-panel-fixed-h);
  height: 100%;
  align-self: stretch;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__matrix-band > .okkwork-vd__grid-host {
  flex: 1 1 auto;
  min-height: 0;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__matrix-band.is-matrix-empty > .okkwork-vd__grid-host {
  flex: 1 1 auto;
  min-height: calc(var(--mkk-ws-panel-fixed-h) - 130px);
  display: flex;
  flex-direction: column;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__matrix-band.is-matrix-empty .okkwork-vd-grid {
  flex: 1 1 auto;
  width: 100%;
  min-height: 100%;
  align-content: stretch;
}

#okkwork-mkk-violation-dashboard .okkwork-vd-grid.okkwork-vd-grid--empty-checklist {
  width: 100%;
  grid-template-columns: 1fr !important;
}

#okkwork-mkk-violation-dashboard .okkwork-vd-matrix-empty-msg {
  flex: 1 1 auto;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 24px 20px !important;
  background: #eef2f7 !important;
  border: 1px dashed rgba(81, 95, 108, 0.35);
  border-radius: 10px;
  box-sizing: border-box;
  color: rgba(55, 65, 81, 1);
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

#okkwork-mkk-violation-dashboard .okkwork-vd-matrix-empty-msg strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #0658a2;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__matrix-band > .okkwork-vd-field-group--daystrip,
#okkwork-mkk-violation-dashboard .okkwork-vd__matrix-band > .okkwork-vd__grid-host {
  width: 100%;
  max-width: 100%;
  align-self: stretch;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__grid-host {
  overflow-x: hidden;
  overflow-y: auto;
}

.okkwork-vd-field-group--timer {
  flex: 0 0 auto;
  flex-shrink: 0;
  min-width: 0;
}
#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--timer:not(.is-timer-ready) .okkwork-mkk-work-timer__btn {
  opacity: 1 !important;
  cursor: default;
  filter: none !important;
}
#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--timer:not(.is-timer-ready) .okkwork-mkk-work-timer__btn--break {
  background: rgba(243, 145, 8, 1) !important;
}
#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--timer:not(.is-timer-ready) .okkwork-mkk-work-timer__btn--start {
  background: rgba(6, 88, 162, 1) !important;
}
#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--timer:not(.is-timer-ready) .okkwork-mkk-work-timer__btn--finish {
  background: rgba(17, 188, 32, 1) !important;
}
#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--timer {
  isolation: isolate;
}

#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--timer .okkwork-vd-field-group__body {
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 0;
}

#okkwork-mkk-violation-dashboard .okkwork-mkk-work-timer {
  gap: 14px;
}

#okkwork-mkk-violation-dashboard .okkwork-mkk-work-timer__col {
  gap: 4px;
}

#okkwork-mkk-violation-dashboard .okkwork-mkk-work-timer__time {
  font-size: 17px;
}

#okkwork-mkk-violation-dashboard .okkwork-mkk-work-timer__btn {
  padding: 5px 10px;
  font-size: 10px;
}

#okkwork-mkk-violation-dashboard .okkwork-vd-grid,
#okkwork-mkk-violation-dashboard #okkwork-vd-grid-host {
  width: 100%;
  max-width: 100%;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__toolbar {
  width: 100%;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: stretch;
  margin-bottom: 0;
  gap: var(--vd-mkk-gap);
}

#okkwork-mkk-violation-dashboard .okkwork-vd__toolbar-left {
  flex-wrap: nowrap;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  gap: var(--vd-mkk-gap);
}

#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--grow {
  flex: 1 1 0%;
  min-width: 180px;
  max-width: 100%;
}

#okkwork-mkk-violation-dashboard .okkwork-vd-spec-cluster {
  flex: 1 1 320px;
  min-width: 0;
}

/* —— Таймер рабочего времени —— */
.okkwork-mkk-work-timer {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 18px;
}
.okkwork-mkk-work-timer__col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.okkwork-mkk-work-timer__time {
  font-family: "Rubik-SemiBold", "Inter", ui-sans-serif, sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: rgba(81, 95, 108, 1);
  line-height: 1.1;
  letter-spacing: 0.02em;
}
.okkwork-mkk-work-timer__btn {
  border: none;
  border-radius: 6px;
  padding: 7px 12px;
  font-family: "Rubik-SemiBold", "Inter", ui-sans-serif, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.14s ease;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  user-select: none;
}
.okkwork-mkk-work-timer__btn--break:hover:not(:disabled) {
  background: rgba(224, 133, 5, 1);
}
.okkwork-mkk-work-timer__btn--start:hover:not(:disabled) {
  background: rgba(5, 75, 138, 1);
}
.okkwork-mkk-work-timer__btn--finish:hover:not(:disabled) {
  background: rgba(14, 165, 28, 1);
}
.okkwork-mkk-work-timer__btn:focus,
.okkwork-mkk-work-timer__btn:focus-visible {
  outline: none;
}
.okkwork-mkk-work-timer__btn:active {
  transform: none;
  filter: none;
  opacity: 1;
}
.okkwork-mkk-work-timer__btn--break {
  background: rgba(243, 145, 8, 1);
  min-width: 90px;
}
.okkwork-mkk-work-timer__btn--start {
  background: rgba(6, 88, 162, 1);
  min-width: 135px;
}
.okkwork-mkk-work-timer__btn--finish {
  background: rgba(17, 188, 32, 1);
  min-width: 135px;
}
.okkwork-mkk-work-timer__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  filter: none;
}
.okkwork-mkk-work-timer__btn:disabled:hover {
  filter: none;
}
.okkwork-mkk-work-timer.is-break .okkwork-mkk-work-timer__time--elapsed {
  color: rgba(243, 145, 8, 1);
}

/* —— Управление рабочего пространства МКК —— */
.okkwork-mkk-ws {
  flex: 1 1 auto;
  width: 288px;
  max-width: 288px;
  min-width: 260px;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid rgba(81, 95, 108, 0.35);
  background: rgba(245, 247, 250, 1);
  box-shadow: 0 4px 18px rgba(6, 88, 162, 0.1);
  overflow: hidden;
  font-family: ui-sans-serif, system-ui, "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  min-height: 0;
}
.okkwork-mkk-ws__tabs {
  display: flex;
  flex-direction: row;
  gap: 0;
  padding: 0;
  background: #515f6c;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  width: 100%;
  min-width: 0;
  position: relative;
  z-index: 4;
  pointer-events: auto;
  flex-shrink: 0;
  isolation: isolate;
  contain: layout style paint;
}
/* okkwork-tariff-limits может обернуть вкладку в span — сохраняем равную ширину */
.okkwork-mkk-ws__tabs > .okkwork-tariff-feature-wrap {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: stretch;
}
.okkwork-mkk-ws__tabs > .okkwork-tariff-feature-wrap > .okkwork-mkk-ws__tab {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}
.okkwork-mkk-ws__tabs > .okkwork-tariff-feature-wrap:last-child > .okkwork-mkk-ws__tab {
  border-right: none;
}
.okkwork-mkk-ws__tab {
  flex: 1 1 0;
  min-width: 0;
  height: 44px;
  border: none;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  background: #515f6c;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: background-color 0.14s ease;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  user-select: none;
}
.okkwork-mkk-ws__tab:last-child {
  border-right: none;
}
.okkwork-mkk-ws__tab:focus,
.okkwork-mkk-ws__tab:focus-visible {
  outline: none;
}
.okkwork-mkk-ws__tab:hover:not(.is-active) {
  background: #5a6472;
}
.okkwork-mkk-ws__tab:not(.is-active):active {
  background: #5a6472;
}
.okkwork-mkk-ws__tab.is-active {
  background: #0658a2;
}
.okkwork-mkk-ws__tab.is-active:hover,
.okkwork-mkk-ws__tab.is-active:active {
  background: #054e92;
}
.okkwork-mkk-ws__tab svg {
  width: 22px;
  height: 22px;
  display: block;
  color: #fff;
}
.okkwork-mkk-ws__tab-ico-wrap {
  position: relative;
  width: 22px;
  height: 22px;
  min-width: 22px;
  max-width: 22px;
  flex-shrink: 0;
  display: block;
  contain: strict;
  transform: translateZ(0);
}
.okkwork-mkk-ws__tab-ico {
  width: 22px;
  height: 22px;
  min-width: 22px;
  max-width: 22px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  display: block;
  pointer-events: none;
  opacity: 1;
  transition: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.okkwork-mkk-ws__tab .okkwork-mkk-ws__tab-ico--off,
.okkwork-mkk-ws__tab .okkwork-mkk-ws__tab-ico--on {
  position: absolute;
  top: 0;
  left: 0;
}
/* На тёмной полосе вкладок — светлые иконки (актив.png); неактив.png сливается с фоном */
.okkwork-mkk-ws__tab .okkwork-mkk-ws__tab-ico--off {
  display: none;
}
.okkwork-mkk-ws__tab .okkwork-mkk-ws__tab-ico--on {
  display: block;
}
.okkwork-mkk-ws__tab .okkwork-mkk-ws__tab-ico {
  opacity: 1;
}
.okkwork-mkk-ws__tab:not(.is-active):active .okkwork-mkk-ws__tab-ico,
.okkwork-mkk-ws__tab.is-active:active .okkwork-mkk-ws__tab-ico {
  opacity: 1;
}
.okkwork-mkk-ws__tab:not(.is-active) svg {
  color: rgba(255, 255, 255, 0.9);
}
.okkwork-mkk-ws__tab.is-active svg {
  color: #fff;
}
.okkwork-mkk-ws__tab-badge {
  position: absolute;
  top: 3px;
  right: 3px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: rgba(235, 60, 60, 1);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  line-height: 16px;
  text-align: center;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
  z-index: 2;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0 1px 0 rgba(120, 0, 0, 0.25);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
}
.okkwork-mkk-ws__body {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: rgba(6, 88, 162, 0.14);
  border: 1px solid rgba(6, 88, 162, 0.22);
  --mkk-ws-body-line: rgba(6, 88, 162, 0.26);
  --mkk-ws-body-accent: #0658a2;
  --mkk-ws-inset-x: 12px;
}
.okkwork-mkk-ws__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px 6px;
  border-bottom: 1px solid var(--mkk-ws-body-line, rgba(6, 88, 162, 0.26));
}
.okkwork-mkk-ws__title {
  margin: 0;
  flex: 1;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: var(--mkk-ws-body-accent, #0658a2);
}
.okkwork-mkk-ws__head-btn {
  width: 26px;
  height: 26px;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: var(--mkk-ws-body-accent, #0658a2);
  opacity: 1;
  display: grid;
  place-items: center;
  position: relative;
  z-index: 3;
}
.okkwork-mkk-ws__head-btn:hover {
  opacity: 0.82;
}
.okkwork-mkk-ws__body .okkwork-mkk-ws-expand-ico,
.okkwork-mkk-ws__head .okkwork-mkk-ws-expand-ico,
.okkwork-mkk-dyn-expand__head .okkwork-mkk-ws-expand-ico,
.okkwork-vd-daystrip-head-actions .okkwork-mkk-matrix-expand-ico {
  filter: brightness(0) saturate(100%) invert(18%) sepia(98%) saturate(3207%) hue-rotate(196deg) brightness(93%) contrast(101%);
}
.okkwork-mkk-ws__body .okkwork-mkk-ws-msg-chat__back {
  color: var(--mkk-ws-body-accent, #0658a2);
}
.okkwork-mkk-ws-expand-ico {
  width: 16px;
  height: 16px;
  object-fit: contain;
  display: block;
  pointer-events: none;
}
#okkwork-mkk-ws-expand-btn .okkwork-mkk-ws-expand-ico--close {
  display: none;
}
#okkwork-mkk-ws-expand-btn.is-expanded .okkwork-mkk-ws-expand-ico--open {
  display: none;
}
#okkwork-mkk-ws-expand-btn.is-expanded .okkwork-mkk-ws-expand-ico--close {
  display: block;
}
.okkwork-mkk-ws__subnav {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  padding: 6px var(--mkk-ws-inset-x, 12px) 8px;
  font-size: 12px;
  color: rgba(81, 95, 108, 0.9);
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  flex-shrink: 0;
}
.okkwork-mkk-ws__subnav::-webkit-scrollbar {
  display: none;
}
.okkwork-mkk-ws__subnav-link {
  position: relative;
  border: none;
  background: none;
  padding: 0 0 3px;
  font: inherit;
  font-size: inherit;
  font-weight: 600;
  line-height: 16px;
  color: #0658a2;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}
.okkwork-mkk-ws__subnav-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: currentColor;
}
.okkwork-mkk-ws__subnav-link.is-active {
  font-weight: 700;
}
.okkwork-mkk-ws__subnav-link.is-active::after {
  height: 2px;
}
.okkwork-mkk-ws__subnav--reg {
  flex-wrap: nowrap;
  gap: 8px;
  font-size: 11px;
  overflow-x: auto;
  scrollbar-width: none;
}
.okkwork-mkk-ws__subnav--reg::-webkit-scrollbar {
  display: none;
}
.okkwork-mkk-ws__subnav--reg .okkwork-mkk-ws__subnav-link {
  flex-shrink: 0;
  white-space: nowrap;
}
.okkwork-mkk-ws__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 12px 10px;
  flex-shrink: 0;
}
.okkwork-mkk-ws-cmt-filters-row.okkwork-mkk-ws__filters,
.okkwork-mkk-ws-msg-filters-row.okkwork-mkk-ws__filters,
.okkwork-mkk-ws-reg-filters-row.okkwork-mkk-ws__filters {
  flex-wrap: nowrap;
  gap: 4px;
  padding: 0 var(--mkk-ws-inset-x, 12px);
  margin-bottom: 10px;
}
.okkwork-mkk-ws-cmt-filters-row,
.okkwork-mkk-ws-msg-filters-row,
.okkwork-mkk-ws-reg-filters-row {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
  flex-wrap: nowrap;
  padding: 0 var(--mkk-ws-inset-x, 12px);
  margin-bottom: 10px;
  height: auto;
  min-height: 32px;
  max-height: none;
  overflow: visible;
  box-sizing: border-box;
}
.okkwork-mkk-ws-cmt-filters-row:has(.okkwork-mkk-ws-cmt-search.is-open),
.okkwork-mkk-ws-msg-filters-row:has(.okkwork-mkk-ws-msg-search.is-open),
.okkwork-mkk-ws-reg-filters-row:has(.okkwork-mkk-ws-reg-search.is-open) {
  overflow: hidden;
}
.okkwork-mkk-ws-cmt-filters-row:has(.okkwork-mkk-ws-cmt-search.is-open) .okkwork-mkk-ws-cmt-filters-pills,
.okkwork-mkk-ws-msg-filters-row:has(.okkwork-mkk-ws-msg-search.is-open) .okkwork-mkk-ws-msg-filters-pills,
.okkwork-mkk-ws-reg-filters-row:has(.okkwork-mkk-ws-reg-search.is-open) .okkwork-mkk-ws-reg-filters-pills {
  visibility: hidden;
  pointer-events: none;
}
.okkwork-mkk-ws-cmt-filters-pills,
.okkwork-mkk-ws-msg-filters-pills,
.okkwork-mkk-ws-reg-filters-pills {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  align-content: flex-start;
  justify-content: flex-start;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  z-index: 0;
}

/* Компактность строк фильтров (Сообщения/Комментарии/Регламент) */
.okkwork-mkk-ws-cmt-filters-row,
.okkwork-mkk-ws-msg-filters-row,
.okkwork-mkk-ws-reg-filters-row {
  min-height: 32px;
}
.okkwork-mkk-ws-cmt-filters-pills::-webkit-scrollbar,
.okkwork-mkk-ws-msg-filters-pills::-webkit-scrollbar,
.okkwork-mkk-ws-reg-filters-pills::-webkit-scrollbar {
  display: none;
}
.okkwork-mkk-ws-cmt-filters-pills .okkwork-mkk-ws__filter-pill,
.okkwork-mkk-ws-msg-filters-pills .okkwork-mkk-ws__filter-pill,
.okkwork-mkk-ws-reg-filters-pills .okkwork-mkk-ws__filter-pill,
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-cmt-filter],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-reg-filter],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-msg-scope],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-msg-filter] {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: auto;
  max-width: 100%;
  min-width: max-content;
  padding: 0 10px;
  border-radius: 8px;
  line-height: 1.2;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  flex: 0 0 auto;
  flex-shrink: 0;
  overflow: visible;
  text-overflow: clip;
  /* default (inactive): light grey */
  background: rgba(148, 163, 184, 0.22);
  color: rgba(71, 85, 105, 1);
}

/* Сообщения: вкладки «Все / Входящие / Исходящие / Не отвеченные» */
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-msg-scope],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-msg-filter] {
  font-size: 12px;
}

/* Комментарии: фильтры «Проект / Специалист / Статус» */
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-cmt-filter] {
  font-size: 12px;
}

/* Регламент: фильтры «Проект / Чек-листы / Блоки» */
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-reg-filter] {
  font-size: 12px;
}

/* Регламент: фильтры и лупа — одна высота, симметричные отступы, полные названия */
.okkwork-mkk-ws-reg-filters-row {
  gap: 8px;
  align-items: center;
  min-height: 32px;
}
.okkwork-mkk-ws-reg-filters-row.okkwork-mkk-ws__filters {
  align-items: center;
  min-height: 32px;
}
.okkwork-mkk-ws-reg-filters-row .okkwork-mkk-ws-reg-filters-pills {
  overflow-x: auto;
  overflow-y: hidden;
  flex: 1 1 auto;
  min-width: 0;
}
.okkwork-mkk-ws-reg-filters-pills .okkwork-mkk-ws__filter-pill[data-reg-filter] {
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1;
  flex: 0 0 auto;
  flex-shrink: 0;
  min-width: max-content;
  max-width: none;
  justify-content: center;
  align-items: center;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}
.okkwork-mkk-ws-reg-filters-row .okkwork-mkk-ws-reg-search {
  width: 32px;
  height: 32px;
  align-self: center;
  flex-shrink: 0;
}
.okkwork-mkk-ws-reg-filters-row .okkwork-mkk-ws-reg-search__btn {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 8px;
  padding: 0;
}
.okkwork-mkk-ws-cmt-filters-pills .okkwork-mkk-ws__filter-pill:hover,
.okkwork-mkk-ws-msg-filters-pills .okkwork-mkk-ws__filter-pill:hover,
.okkwork-mkk-ws-reg-filters-pills .okkwork-mkk-ws__filter-pill:hover {
  background: rgba(148, 163, 184, 0.30);
  color: rgba(51, 65, 85, 1);
}
.okkwork-mkk-ws-msg-filters-pills .okkwork-mkk-ws__filter-pill[data-msg-scope]:not(.is-active),
.okkwork-mkk-ws-msg-filters-pills .okkwork-mkk-ws__filter-pill[data-msg-filter]:not(.is-active),
.okkwork-mkk-msg-expand__filters .okkwork-mkk-ws__filter-pill[data-msg-scope]:not(.is-active),
.okkwork-mkk-msg-expand__filters .okkwork-mkk-ws__filter-pill[data-msg-filter]:not(.is-active) {
  /* Сообщения: по умолчанию как лупа (серый) */
  background: rgba(148, 163, 184, 0.22) !important;
  color: rgba(71, 85, 105, 1) !important;
}
.okkwork-mkk-ws-cmt-filters-pills .okkwork-mkk-ws__filter-pill.is-active,
.okkwork-mkk-ws-msg-filters-pills .okkwork-mkk-ws__filter-pill.is-active,
.okkwork-mkk-ws-reg-filters-pills .okkwork-mkk-ws__filter-pill.is-active {
  /* active: light blue like search button */
  background: rgba(6, 88, 162, 0.14);
  color: #0658a2;
  font-weight: 600;
}

/* ВАЖНО: перебиваем любые более поздние базовые стили кнопок */
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill.is-active,
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill.is-active[data-msg-scope],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill.is-active[data-msg-filter],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill.is-active[data-cmt-filter],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill.is-active[data-reg-filter] {
  /* стиль активного фильтра как у активной лупы */
  background: rgba(6, 88, 162, 0.14) !important;
  color: #0658a2 !important;
  font-weight: 600;
}
.okkwork-mkk-ws-cmt-search,
.okkwork-mkk-ws-msg-search,
.okkwork-mkk-ws-reg-search {
  position: relative;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  align-self: flex-start;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  z-index: 2;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  margin: 0 0 0 auto;
  padding: 0;
  overflow: hidden;
}
.okkwork-mkk-ws-cmt-search.is-open,
.okkwork-mkk-ws-msg-search.is-open,
.okkwork-mkk-ws-reg-search.is-open {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 4px 0 6px;
  z-index: 3;
  background: transparent;
  box-shadow: none;
  gap: 4px;
  overflow: hidden;
}
.okkwork-mkk-ws-cmt-search:not(.is-open) .okkwork-mkk-ws-cmt-search__input,
.okkwork-mkk-ws-msg-search:not(.is-open) .okkwork-mkk-ws-msg-search__input,
.okkwork-mkk-ws-reg-search:not(.is-open) .okkwork-mkk-ws-reg-search__input {
  background: transparent;
  border-color: transparent;
}
.okkwork-mkk-ws-cmt-search__btn,
.okkwork-mkk-ws-msg-search__btn,
.okkwork-mkk-ws-reg-search__btn {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border: none;
  border-radius: 8px;
  /* default (inactive): light grey */
  background: rgba(148, 163, 184, 0.22);
  color: rgba(71, 85, 105, 1);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 0;
}
.okkwork-mkk-ws-cmt-search__btn:hover,
.okkwork-mkk-ws-msg-search__btn:hover,
.okkwork-mkk-ws-reg-search__btn:hover {
  background: rgba(148, 163, 184, 0.30);
  color: rgba(51, 65, 85, 1);
}
.okkwork-mkk-ws-cmt-search__btn.is-active,
.okkwork-mkk-ws-cmt-search.is-open .okkwork-mkk-ws-cmt-search__btn,
.okkwork-mkk-ws-msg-search__btn.is-active,
.okkwork-mkk-ws-msg-search.is-open .okkwork-mkk-ws-msg-search__btn,
.okkwork-mkk-ws-reg-search__btn.is-active,
.okkwork-mkk-ws-reg-search.is-open .okkwork-mkk-ws-reg-search__btn {
  /* active: light blue */
  background: rgba(6, 88, 162, 0.14);
  color: #0658a2;
}
.okkwork-mkk-ws-cmt-search__btn svg,
.okkwork-mkk-ws-msg-search__btn svg,
.okkwork-mkk-ws-reg-search__btn svg {
  width: 15px;
  height: 15px;
  display: block;
  flex-shrink: 0;
  pointer-events: none;
}
.okkwork-mkk-ws-cmt-search__input,
.okkwork-mkk-ws-msg-search__input,
.okkwork-mkk-ws-reg-search__input {
  width: 0;
  min-width: 0;
  max-width: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 11px;
  font-family: ui-sans-serif, system-ui, "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  color: #374151;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  transition: max-width 0.2s ease, width 0.2s ease, opacity 0.15s ease, padding 0.2s ease, border-color 0.15s ease;
  box-sizing: border-box;
}
.okkwork-mkk-ws-cmt-search.is-open .okkwork-mkk-ws-cmt-search__input,
.okkwork-mkk-ws-msg-search.is-open .okkwork-mkk-ws-msg-search__input,
.okkwork-mkk-ws-reg-search.is-open .okkwork-mkk-ws-reg-search__input {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  max-width: none;
  height: 28px;
  padding: 0 10px;
  line-height: 28px;
  border-color: rgba(81, 95, 108, 0.28);
  opacity: 1;
  pointer-events: auto;
}
.okkwork-mkk-ws-cmt-search__input:focus,
.okkwork-mkk-ws-msg-search__input:focus,
.okkwork-mkk-ws-reg-search__input:focus {
  outline: none;
  border-color: rgba(6, 88, 162, 0.55);
  box-shadow: 0 0 0 2px rgba(6, 88, 162, 0.12);
}
.okkwork-mkk-ws-cmt-card__hl,
.okkwork-mkk-ws-card__hl {
  background: rgba(255, 235, 59, 0.55);
  color: inherit;
  border-radius: 2px;
  padding: 0 1px;
}
.okkwork-mkk-ws-cmt-list__empty.is-search-empty {
  color: rgba(81, 95, 108, 0.55);
  font-size: 13px;
}
.okkwork-mkk-ws__filter-pill {
  border: none;
  border-radius: 10px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
  /* default (inactive): light grey */
  background: rgba(148, 163, 184, 0.22);
  color: rgba(71, 85, 105, 1);
  cursor: pointer;
}
.okkwork-mkk-ws__scroll {
  flex: 1 1 auto;
  overflow: hidden;
  padding: 0 0 12px;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.okkwork-mkk-ws-pane {
  display: none;
  flex-direction: column;
  min-height: 0;
}
.okkwork-mkk-ws-pane.is-active {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

/* Динамика */
.okkwork-mkk-ws-dyn__period {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 12px;
  color: rgba(81, 95, 108, 1);
  flex-shrink: 0;
}
.okkwork-mkk-ws-dyn__period-label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--mkk-ws-body-accent, #0658a2);
  font-weight: 600;
}
.okkwork-mkk-cal-ico {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: block;
  object-fit: contain;
}
.okkwork-mkk-ws-dyn__period-val {
  padding: 4px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(81, 95, 108, 0.2);
  font-size: 11px;
  color: rgba(55, 65, 81, 1);
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1.3;
}
.okkwork-mkk-ws-kpi {
  --mkk-kpi-base: #3a4654;
  --mkk-kpi-accent: var(--mkk-kpi-fill, #64748b);
  --mkk-kpi-pct: 0;
  --mkk-kpi-glow-strong: calc(34% + (var(--mkk-kpi-pct) * 0.66%));
  --mkk-kpi-glow-soft: calc(18% + (var(--mkk-kpi-pct) * 0.32%));
  --mkk-kpi-glow-size: calc(52% + (var(--mkk-kpi-pct) * 0.46%));
  position: relative;
  isolation: isolate;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 8px;
  min-height: 78px;
  background: linear-gradient(165deg, #445264 0%, var(--mkk-kpi-base) 52%, #323c48 100%);
  box-shadow:
    0 4px 14px rgba(15, 23, 42, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transition: box-shadow 0.35s ease;
}
.okkwork-mkk-ws-kpi::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(
      ellipse var(--mkk-kpi-glow-size) 92% at 100% 0%,
      color-mix(in srgb, var(--mkk-kpi-accent) var(--mkk-kpi-glow-strong), transparent) 0%,
      color-mix(in srgb, var(--mkk-kpi-accent) var(--mkk-kpi-glow-soft), transparent) 42%,
      transparent 72%
    ),
    linear-gradient(
      225deg,
      color-mix(in srgb, var(--mkk-kpi-accent) calc(var(--mkk-kpi-glow-strong) + 16%), transparent) 0%,
      transparent 62%
    );
  transition: background 0.45s ease;
}
.okkwork-mkk-ws-kpi__title {
  position: absolute;
  top: 10px;
  left: 12px;
  right: 44px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  color: rgba(255, 255, 255, 0.9);
  z-index: 1;
  white-space: nowrap;
}
#okkwork-mkk-ws-kpi-entities-viol .okkwork-mkk-ws-kpi__title {
  font-size: 10px;
  letter-spacing: -0.01em;
}
.okkwork-mkk-ws-kpi__vals {
  position: absolute;
  top: 8px;
  right: 12px;
  left: auto;
  bottom: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  z-index: 1;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
}
.okkwork-mkk-ws-kpi__prev {
  position: absolute;
  left: 12px;
  bottom: 8px;
  right: 52px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  pointer-events: none;
}
.okkwork-mkk-ws-kpi__prev-val {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.94);
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.22);
}
.okkwork-mkk-ws-kpi__prev-range {
  font-size: 9px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.62);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.okkwork-mkk-ws-kpi--eff,
.okkwork-mkk-ws-kpi--deals,
.okkwork-mkk-ws-kpi--viol {
  min-height: 88px;
}
.okkwork-mkk-ws-kpi--plan {
  --mkk-kpi-accent: var(--mkk-plan-fill, #64748b);
  --mkk-kpi-pct: var(--mkk-plan-pct, 0);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "plan fact";
  align-items: stretch;
  min-height: 64px;
}
.okkwork-mkk-ws-kpi__half--plan {
  grid-area: plan;
  text-align: left;
}
.okkwork-mkk-ws-kpi__half--fact {
  grid-area: fact;
  text-align: right;
}
.okkwork-mkk-ws-kpi--plan.is-no-plan {
  --mkk-plan-pct: 0;
  --mkk-plan-fill: #64748b;
}
.okkwork-mkk-ws-kpi--plan.is-no-plan .okkwork-mkk-ws-kpi__half strong#okkwork-mkk-ws-kpi-plan-val {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.okkwork-mkk-ws-kpi__plan-add {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.okkwork-mkk-ws-kpi__plan-add:hover,
.okkwork-mkk-ws-kpi__plan-add:focus-visible {
  opacity: 0.88;
}
.okkwork-mkk-ws-kpi__plan-add:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.55);
  outline-offset: 2px;
  border-radius: 4px;
}
.okkwork-mkk-ws-kpi__plan-add-line {
  display: block;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.01em;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
}
.okkwork-mkk-ws-kpi--plan .okkwork-mkk-ws-kpi__half {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  padding: 8px 10px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 11px;
}
.okkwork-mkk-ws-kpi--plan .okkwork-mkk-ws-kpi__half strong {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
}
.okkwork-mkk-ws-kpi--plan .okkwork-mkk-ws-kpi__pct {
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  z-index: 2;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}
.okkwork-mkk-ws-kpi--deals,
.okkwork-mkk-ws-kpi--viol,
.okkwork-mkk-ws-kpi--eff {
  transition: box-shadow 0.35s ease;
}
.okkwork-mkk-ws-kpi--deals.is-no-plan {
  --mkk-kpi-pct: 0;
  --mkk-kpi-fill: #64748b;
}
.okkwork-mkk-ws-kpi--deals .okkwork-mkk-ws-kpi__vals span:empty,
.okkwork-mkk-ws-kpi--viol .okkwork-mkk-ws-kpi__vals span:empty,
.okkwork-mkk-ws-kpi--eff .okkwork-mkk-ws-kpi__vals span:empty {
  display: none;
}
.okkwork-mkk-ws-kpi--plan,
.okkwork-mkk-ws-kpi--eff,
.okkwork-mkk-ws-kpi--deals,
.okkwork-mkk-ws-kpi--viol {
  flex-shrink: 0;
}
.okkwork-mkk-ws-dyn__cta {
  flex: 1 1 0;
  min-height: 0;
  flex-shrink: 1;
  width: 100%;
  margin-top: auto;
  margin-bottom: 0;
  padding: 24px 12px;
  border: 2px dashed rgba(81, 95, 108, 0.35);
  border-radius: 10px;
  background: rgba(245, 247, 250, 1);
  text-align: center;
  font-size: 12px;
  font-family: inherit;
  line-height: 1.35;
  color: rgba(81, 95, 108, 0.85);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.okkwork-mkk-ws-dyn__cta:hover {
  background: rgba(230, 234, 240, 1);
  border-color: rgba(81, 95, 108, 0.45);
}
.okkwork-mkk-ws-dyn__cta:focus-visible {
  outline: 2px solid rgba(6, 88, 162, 0.45);
  outline-offset: 2px;
}
.okkwork-mkk-ws-dyn__cta:active {
  background: rgba(220, 226, 234, 1);
}
.okkwork-mkk-ws-dyn__cta-line {
  display: block;
}
.okkwork-mkk-ws-dyn__cta-action {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.okkwork-mkk-ws__head-actions {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: auto;
  position: relative;
  z-index: 3;
  flex-shrink: 0;
}
.okkwork-mkk-ws-dyn__period {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 12px;
  color: rgba(81, 95, 108, 1);
  width: 100%;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
}
.okkwork-mkk-ws-dyn__period:hover .okkwork-mkk-ws-dyn__period-val {
  border-color: rgba(6, 88, 162, 0.45);
}

#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--timer .okkwork-vd-field-group__head-split {
  min-height: 0;
  margin: 0 0 2px;
  padding: 0 2px 0 4px;
}
#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--timer .okkwork-vd-field-group__head-split .okkwork-vd-field-group__label {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
}
#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--timer {
  padding-top: 6px;
  padding-bottom: 8px;
  gap: 2px;
}

/* Портал оверлеев МКК — вне scroll-container / transform Pixso */
#okkwork-mkk-overlay-mount {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: visible;
  z-index: 100050;
  pointer-events: none;
}
#okkwork-mkk-overlay-mount > :not([hidden]) {
  pointer-events: auto;
}

/* Скрыть оверлеи МКК (календарь «Динамика» и др.) при открытой сквозной аналитике */
html.okkwork-analytics-page-open #okkwork-mkk-overlay-mount,
body.okkwork-analytics-page-open #okkwork-mkk-overlay-mount {
  pointer-events: none !important;
}
html.okkwork-analytics-page-open #okkwork-mkk-overlay-mount > *,
body.okkwork-analytics-page-open #okkwork-mkk-overlay-mount > * {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Портал календаря «Динамика» — вне scroll-container / transform Pixso */
#okkwork-mkk-dyn-cal-portal {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: visible;
  z-index: 100060;
  pointer-events: none;
  transform: none;
}
#okkwork-mkk-dyn-cal-portal > #okkwork-mkk-dyn-cal-pop {
  pointer-events: auto;
}

/* Календарь периода «Динамика» */
#okkwork-mkk-dyn-cal-pop.okkwork-mkk-dyn-cal,
body > #okkwork-mkk-dyn-cal-pop.okkwork-mkk-dyn-cal,
#okkwork-mkk-dyn-cal-portal > #okkwork-mkk-dyn-cal-pop.okkwork-mkk-dyn-cal,
.okkwork-mkk-dyn-cal {
  position: fixed !important;
  z-index: 100060;
  width: min(300px, calc(100vw - 24px));
  margin: 0;
  border-radius: 14px;
  border: 1px solid rgba(81, 95, 108, 0.35);
  background: rgba(248, 249, 251, 1);
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.22);
  font-family: ui-sans-serif, system-ui, "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  transform: none !important;
  will-change: auto;
}
.okkwork-mkk-dyn-cal__inner { padding: 12px 12px 14px; }
.okkwork-mkk-dyn-cal__title {
  margin: 0 0 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: rgba(55, 65, 81, 1);
}
.okkwork-mkk-dyn-cal__period-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: rgba(81, 95, 108, 1);
  margin-bottom: 10px;
}
.okkwork-mkk-dyn-cal__period-label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  white-space: nowrap;
}
.okkwork-mkk-dyn-cal__period-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.okkwork-mkk-dyn-cal__period-val {
  margin-left: 0;
  padding: 3px 6px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid rgba(81, 95, 108, 0.2);
  font-size: 11px;
  font-family: inherit;
  color: inherit;
  text-align: left;
  box-sizing: border-box;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  max-width: 100%;
  field-sizing: content;
}
.okkwork-mkk-dyn-cal__period-val:focus {
  outline: none;
  border-color: rgba(6, 88, 162, 0.55);
  box-shadow: 0 0 0 2px rgba(6, 88, 162, 0.12);
}
.okkwork-mkk-dyn-cal__period-val.is-invalid {
  border-color: rgba(220, 60, 60, 0.65);
}
.okkwork-mkk-dyn-cal__parsers {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-bottom: 8px;
  font-size: 11px;
}
.okkwork-mkk-dyn-cal__parser {
  border: none;
  background: transparent;
  padding: 0 0 2px;
  cursor: pointer;
  color: rgba(81, 95, 108, 0.85);
  border-bottom: 2px solid transparent;
  font: inherit;
}
.okkwork-mkk-dyn-cal__parser.is-active {
  color: #0658a2;
  border-bottom-color: #0658a2;
  font-weight: 600;
}
.okkwork-mkk-dyn-cal__quick {
  display: flex;
  gap: 4px;
  margin-bottom: 10px;
  padding: 4px;
  border-radius: 999px;
  background: rgba(230, 234, 240, 1);
}
.okkwork-mkk-dyn-cal__quick-btn {
  flex: 1 1 0;
  border: none;
  border-radius: 999px;
  padding: 5px 2px;
  font-size: 10px;
  cursor: pointer;
  background: transparent;
  color: rgba(81, 95, 108, 1);
  font-family: inherit;
}
.okkwork-mkk-dyn-cal__quick-btn.is-active,
.okkwork-mkk-dyn-cal__quick-btn:hover {
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.okkwork-mkk-dyn-cal__year {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  font-weight: 600;
  font-size: 13px;
}
.okkwork-mkk-dyn-cal__year-nav {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  color: rgba(81, 95, 108, 0.9);
  padding: 0 4px;
}
.okkwork-mkk-dyn-cal__months {
  max-height: 280px;
  overflow-y: auto;
  padding-right: 4px;
}
.okkwork-mkk-dyn-cal__month { margin-bottom: 12px; }
.okkwork-mkk-dyn-cal__month-name {
  font-size: 13px;
  font-weight: 700;
  color: rgba(55, 65, 81, 1);
  margin-bottom: 6px;
}
.okkwork-mkk-dyn-cal__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  font-size: 11px;
  text-align: center;
}
.okkwork-mkk-dyn-cal__day {
  border: none;
  background: transparent;
  padding: 4px 0;
  border-radius: 6px;
  cursor: pointer;
  font: inherit;
  color: rgba(55, 65, 81, 1);
}
.okkwork-mkk-dyn-cal__day.is-weekend { color: rgba(220, 60, 60, 1); }
.okkwork-mkk-dyn-cal__day.is-other { color: rgba(81, 95, 108, 0.35); }
.okkwork-mkk-dyn-cal__day.is-today:not(.is-range-start):not(.is-range-end) {
  font-weight: 700;
  color: #0658a2;
}
.okkwork-mkk-dyn-cal__day.is-in-range { background: rgba(6, 88, 162, 0.12); }
.okkwork-mkk-dyn-cal__day.is-range-start,
.okkwork-mkk-dyn-cal__day.is-range-end {
  background: rgba(6, 88, 162, 1);
  color: #fff;
  font-weight: 700;
}
.okkwork-mkk-dyn-cal__day.is-range-start.is-today,
.okkwork-mkk-dyn-cal__day.is-range-end.is-today {
  color: #fff;
}
.okkwork-mkk-dyn-cal__day.is-in-range.is-today:not(.is-range-start):not(.is-range-end) {
  color: #0658a2;
  font-weight: 700;
}
.okkwork-mkk-dyn-cal.is-picking-range .okkwork-mkk-dyn-cal__period-val {
  color: #0658a2;
  font-weight: 600;
}
.okkwork-mkk-dyn-cal__range-hint {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 600;
  color: rgba(6, 88, 162, 0.9);
  text-align: center;
}
.okkwork-mkk-dyn-cal__range-hint[hidden] {
  display: none;
}

/* Меню настроек панели */
.okkwork-mkk-ws-settings {
  position: fixed;
  z-index: 100070;
  width: 280px;
  padding: 12px 14px 14px;
  border-radius: 12px;
  border: 1px solid rgba(81, 95, 108, 0.35);
  background: #fff;
  box-shadow: 0 10px 32px rgba(15, 23, 42, 0.18);
  font-family: ui-sans-serif, system-ui, "Inter", "Segoe UI", Roboto, Arial, sans-serif;
}
.okkwork-mkk-ws-settings__title {
  margin: 0 0 10px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
}
.okkwork-mkk-ws-settings__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.okkwork-mkk-ws-settings__list > li { margin-bottom: 8px; }
.okkwork-mkk-ws-settings__row {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: rgba(55, 65, 81, 1);
  cursor: pointer;
}
.okkwork-mkk-ws-settings__toggle {
  appearance: none;
  width: 36px;
  height: 20px;
  border-radius: 999px;
  border: 2px solid rgba(55, 65, 81, 0.85);
  background: #fff;
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
}
.okkwork-mkk-ws-settings__toggle::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: rgba(55, 65, 81, 0.85);
  transition: transform 0.15s ease, background 0.15s ease;
}
.okkwork-mkk-ws-settings__toggle:checked {
  border-color: rgba(17, 188, 32, 1);
  background: rgba(17, 188, 32, 0.15);
}
.okkwork-mkk-ws-settings__toggle:checked::after {
  transform: translateX(16px);
  background: rgba(17, 188, 32, 1);
}
.okkwork-mkk-ws-settings__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 4px 0 0 46px;
  border: none;
  background: transparent;
  font-size: 11px;
  color: rgba(81, 95, 108, 0.9);
  cursor: pointer;
  text-decoration: underline;
  padding: 0;
  font-family: inherit;
}
.okkwork-mkk-ws-settings__link::before {
  content: "⚙";
  font-size: 12px;
  text-decoration: none;
}
.okkwork-mkk-ws-settings__bg-gallery {
  display: none;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
  margin-top: 4px;
  padding: 8px 0 2px;
  border-top: 1px solid rgba(81, 95, 108, 0.12);
}
.okkwork-mkk-ws-settings__bg-gallery.is-open {
  display: grid;
}
.okkwork-mkk-ws-settings__bg-swatch {
  width: 100%;
  aspect-ratio: 1.15;
  border: 2px solid rgba(81, 95, 108, 0.18);
  border-radius: 8px;
  cursor: pointer;
  padding: 0;
  background: #f3f4f6;
  transition: border-color 0.15s ease, transform 0.15s ease;
}
.okkwork-mkk-ws-settings__bg-swatch:hover {
  transform: scale(1.04);
}
.okkwork-mkk-ws-settings__bg-swatch.is-active {
  border-color: rgba(6, 88, 162, 0.85);
  box-shadow: 0 0 0 1px rgba(6, 88, 162, 0.25);
}
#okkwork-mkk-ws-pane-cmt.is-hide-goto .okkwork-mkk-ws-cmt-card__goto-rail,
.okkwork-mkk-ws-pane-cmt.is-hide-goto .okkwork-mkk-ws-cmt-card__goto-rail,
#okkwork-mkk-cmt-expand-body.is-hide-goto .okkwork-mkk-ws-cmt-card__goto-rail {
  display: none !important;
}
#okkwork-mkk-ws-pane-cmt.is-hide-status .okkwork-mkk-ws-cmt-card__status-wrap,
.okkwork-mkk-ws-pane-cmt.is-hide-status .okkwork-mkk-ws-cmt-card__status-wrap {
  display: none !important;
}
/* Pop-up корректировки времени таймера */
.okkwork-mkk-timer-edit {
  position: fixed;
  z-index: 100070;
  width: 260px;
  padding: 12px 14px 14px;
  border-radius: 12px;
  border: 1px solid rgba(81, 95, 108, 0.35);
  background: #fff;
  box-shadow: 0 10px 32px rgba(15, 23, 42, 0.18);
  font-family: ui-sans-serif, system-ui, "Inter", "Segoe UI", Roboto, Arial, sans-serif;
}
.okkwork-mkk-timer-edit__title {
  margin: 0 0 12px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: rgba(55, 65, 81, 1);
}
.okkwork-mkk-timer-edit__field {
  margin-bottom: 10px;
}
.okkwork-mkk-timer-edit__field label {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 650;
  color: #0658a2;
}
.okkwork-mkk-timer-edit__field input {
  box-sizing: border-box;
  width: 100%;
  padding: 7px 10px;
  border: 1px solid rgba(6, 88, 162, 0.32);
  border-radius: 8px;
  background: rgba(245, 249, 252, 1);
  font-family: "Rubik-SemiBold", "Inter", ui-sans-serif, sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  color: rgba(81, 95, 108, 1);
  text-align: center;
}
.okkwork-mkk-timer-edit__field input:focus {
  outline: 2px solid rgba(6, 88, 162, 0.35);
  outline-offset: 1px;
  border-color: rgba(6, 88, 162, 0.55);
}
.okkwork-mkk-timer-edit__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
}
.okkwork-mkk-timer-edit__btn {
  border: none;
  border-radius: 8px;
  padding: 7px 12px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}
.okkwork-mkk-timer-edit__btn--cancel {
  background: rgba(226, 232, 240, 1);
  color: rgba(55, 65, 81, 1);
}
.okkwork-mkk-timer-edit__btn--save {
  background: rgba(6, 88, 162, 1);
  color: #fff;
}
.okkwork-mkk-timer-edit__btn:hover {
  filter: brightness(1.05);
}

/* Развёрнутая «Динамика» */
.okkwork-mkk-dyn-expand {
  position: fixed;
  inset: 0;
  z-index: 100050;
  display: none;
  justify-content: flex-end;
  align-items: stretch;
  pointer-events: none;
}
.okkwork-mkk-dyn-expand[hidden] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.okkwork-mkk-dyn-expand.is-open:not([hidden]) {
  display: flex !important;
  visibility: visible;
  pointer-events: auto;
}
.okkwork-mkk-dyn-expand__backdrop {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(30, 41, 59, 0.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.okkwork-mkk-dyn-expand__panel {
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100vw - 48px));
  max-width: calc(100vw - 48px);
  margin: 16px 20px 16px auto;
  background: rgba(245, 247, 250, 1);
  border-radius: 14px;
  border: 1px solid rgba(81, 95, 108, 0.3);
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.25);
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: calc(100vh - 32px);
  font-family: ui-sans-serif, system-ui, "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  animation: okkwork-mkk-dyn-expand-in 0.28s ease;
}
@keyframes okkwork-mkk-dyn-expand-in {
  from { opacity: 0; transform: translateX(24px); }
  to { opacity: 1; transform: translateX(0); }
}
.okkwork-mkk-dyn-expand__head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px 8px;
  border-bottom: 1px solid rgba(81, 95, 108, 0.15);
}
.okkwork-mkk-dyn-expand__title {
  flex: 1;
  margin: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
.okkwork-mkk-dyn-expand__head-actions {
  display: flex;
  gap: 2px;
}
.okkwork-mkk-dyn-expand__toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 14px 10px;
  flex-wrap: wrap;
}
.okkwork-mkk-dyn-expand__period {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: none;
  background: #fff;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  border: 1px solid rgba(81, 95, 108, 0.2);
  font-family: inherit;
}
.okkwork-mkk-dyn-expand__period strong {
  font-weight: 600;
  font-size: 11px;
}
.okkwork-mkk-dyn-expand__mode,
.okkwork-mkk-dyn__mode {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(81, 95, 108, 0.25);
  flex-shrink: 0;
}
.okkwork-mkk-dyn-expand__mode-btn,
.okkwork-mkk-dyn__mode-btn {
  border: none;
  padding: 6px 14px;
  font-size: 12px;
  cursor: pointer;
  background: rgba(230, 234, 240, 1);
  color: rgba(81, 95, 108, 1);
  font-family: inherit;
}
.okkwork-mkk-dyn-expand__mode-btn:hover:not(.is-active),
.okkwork-mkk-dyn__mode-btn:hover:not(.is-active) {
  background: rgba(6, 88, 162, 0.12);
  color: #0658a2;
}
.okkwork-mkk-dyn-expand__mode-btn.is-active,
.okkwork-mkk-dyn__mode-btn.is-active {
  background: #0658a2;
  color: #fff;
}
.okkwork-mkk-ws-dyn-toolbar-row.okkwork-mkk-ws__filters {
  display: block;
  flex-wrap: nowrap;
  gap: 0;
  padding: 6px var(--mkk-ws-inset-x, 12px) 8px;
  margin-bottom: 0;
  align-items: center;
}

/* Полоска контактов — только вкладка «Сообщения» */
#okkwork-mkk-ws-panel:not(.is-msg-tab-active) .okkwork-mkk-ws-msg-contacts {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.okkwork-mkk-ws-dyn-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
  min-width: 0;
}
.okkwork-mkk-ws-dyn-toolbar .okkwork-mkk-ws-dyn__period {
  margin-bottom: 0;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  justify-content: flex-start;
}
.okkwork-mkk-dyn-expand__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 0 14px 14px;
}
.okkwork-mkk-dyn-week {
  display: grid;
  grid-template-columns: 52px minmax(0, 1.4fr) minmax(140px, 0.55fr) minmax(150px, 0.5fr);
  gap: 10px;
  align-items: stretch;
  margin-bottom: 12px;
}
.okkwork-mkk-dyn-week__label {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: rgba(81, 95, 108, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(230, 234, 240, 0.6);
  border-radius: 8px;
  padding: 8px 4px;
}
.okkwork-mkk-dyn-week__table-wrap {
  overflow-x: auto;
  border-radius: 8px;
  border: 1px solid rgba(81, 95, 108, 0.2);
  background: #fff;
}
.okkwork-mkk-dyn-week__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 10px;
}
.okkwork-mkk-dyn-week__table th,
.okkwork-mkk-dyn-week__table td {
  border: 1px solid rgba(81, 95, 108, 0.12);
  padding: 4px 5px;
  text-align: center;
  white-space: nowrap;
}
.okkwork-mkk-dyn-week__table th {
  background: rgba(230, 234, 240, 1);
  font-weight: 600;
  font-size: 9px;
}
.okkwork-mkk-dyn-week__table td:first-child {
  text-align: left;
  font-weight: 600;
  background: rgba(248, 249, 251, 1);
  min-width: 120px;
}
.okkwork-mkk-dyn-week__table td.okkwork-mkk-dyn-week__data,
.okkwork-mkk-dyn-week__table td.okkwork-mkk-dyn-week__data--sum {
  border-color: transparent;
  background: #fff;
  padding: 3px 4px;
}
.okkwork-mkk-dyn-week__pill {
  --mkk-dyn-base: #3a4654;
  --mkk-dyn-accent: var(--mkk-dyn-fill, #64748b);
  --mkk-dyn-pct: 0;
  --mkk-dyn-glow-strong: calc(34% + (var(--mkk-dyn-pct) * 0.66%));
  --mkk-dyn-glow-soft: calc(18% + (var(--mkk-dyn-pct) * 0.32%));
  --mkk-dyn-glow-size: calc(52% + (var(--mkk-dyn-pct) * 0.46%));
  position: relative;
  isolation: isolate;
  display: block;
  min-width: 28px;
  padding: 4px 6px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  background: linear-gradient(165deg, #445264 0%, var(--mkk-dyn-base) 52%, #323c48 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.okkwork-mkk-dyn-week__pill.has-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(
      ellipse var(--mkk-dyn-glow-size) 92% at 100% 0%,
      color-mix(in srgb, var(--mkk-dyn-accent) var(--mkk-dyn-glow-strong), transparent) 0%,
      color-mix(in srgb, var(--mkk-dyn-accent) var(--mkk-dyn-glow-soft), transparent) 42%,
      transparent 72%
    ),
    linear-gradient(
      225deg,
      color-mix(in srgb, var(--mkk-dyn-accent) calc(var(--mkk-dyn-glow-strong) + 16%), transparent) 0%,
      transparent 62%
    );
}
.okkwork-mkk-dyn-week__pill--wide {
  min-width: 44px;
  padding: 4px 10px;
}
.okkwork-mkk-dyn-bars {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 168px;
  padding: 8px 10px 6px 6px;
  border-radius: 8px;
  border: 1px solid rgba(81, 95, 108, 0.2);
  background: rgba(248, 249, 251, 1);
  position: relative;
  overflow: hidden;
}
.okkwork-mkk-dyn-bars__plot {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: 22px repeat(3, minmax(0, 1fr));
  column-gap: 8px;
  min-height: 0;
  padding: 2px 0 0;
  position: relative;
  align-items: stretch;
}
.okkwork-mkk-dyn-bars__cols {
  grid-column: 2 / -1;
  grid-row: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 8px;
  align-items: end;
  align-self: stretch;
  min-height: 0;
  z-index: 1;
}
.okkwork-mkk-dyn-bars__grid {
  position: absolute;
  left: 22px;
  right: 0;
  top: 2px;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
}
.okkwork-mkk-dyn-bars__grid span {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(81, 95, 108, 0.14);
}
.okkwork-mkk-dyn-bars__grid span:nth-child(1) { bottom: 0%; }
.okkwork-mkk-dyn-bars__grid span:nth-child(2) { bottom: 20%; }
.okkwork-mkk-dyn-bars__grid span:nth-child(3) { bottom: 40%; }
.okkwork-mkk-dyn-bars__grid span:nth-child(4) { bottom: 60%; }
.okkwork-mkk-dyn-bars__grid span:nth-child(5) { bottom: 80%; }
.okkwork-mkk-dyn-bars__grid span:nth-child(6) { bottom: 100%; }
.okkwork-mkk-dyn-bars__y {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 8px;
  color: rgba(81, 95, 108, 0.55);
  z-index: 1;
  text-align: right;
  padding: 2px 2px 0 0;
}
.okkwork-mkk-dyn-bars__labels {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 22px repeat(3, minmax(0, 1fr));
  column-gap: 8px;
  align-items: start;
  padding: 10px 0 5px;
  margin-top: 2px;
  border-top: 1px solid rgba(81, 95, 108, 0.1);
  min-height: 2.85em;
}
.okkwork-mkk-dyn-bars__lbl {
  justify-self: center;
  width: 100%;
  max-width: 64px;
  min-height: 2.75em;
  font-size: 8px;
  font-weight: 700;
  text-align: center;
  color: rgba(55, 65, 81, 0.92);
  line-height: 1.25;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: auto;
}
.okkwork-mkk-dyn-bars__lbl:nth-child(1) { grid-column: 2; }
.okkwork-mkk-dyn-bars__lbl:nth-child(2) { grid-column: 3; }
.okkwork-mkk-dyn-bars__lbl:nth-child(3) { grid-column: 4; }
.okkwork-mkk-dyn-bar-col {
  justify-self: center;
  width: 100%;
  max-width: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  min-height: 0;
  align-self: stretch;
}
.okkwork-mkk-dyn-bar-wrap {
  width: 100%;
  max-width: 44px;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.okkwork-mkk-dyn-bar__val {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 3px;
  color: rgba(55, 65, 81, 1);
  white-space: nowrap;
}
.okkwork-mkk-dyn-bar__val--inside {
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  text-align: center;
  margin-bottom: 0;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.okkwork-mkk-dyn-bar {
  width: 100%;
  max-width: 44px;
  border-radius: 8px 8px 2px 2px;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 6px;
  min-height: 4px;
}
.okkwork-mkk-dyn-bar--crm { background: linear-gradient(180deg, #ef4444 0%, #ef4444 22%, #3a4654 100%); }
.okkwork-mkk-dyn-bar--dlg { background: linear-gradient(180deg, #22c55e 0%, #22c55e 22%, #3a4654 100%); }
.okkwork-mkk-dyn-bar--adm { background: linear-gradient(180deg, #f59e0b 0%, #f59e0b 22%, #3a4654 100%); }
.okkwork-mkk-dyn-donut {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid rgba(81, 95, 108, 0.2);
  background: rgba(248, 249, 251, 1);
  padding: 8px 10px;
  min-height: 160px;
  overflow: visible;
}
.okkwork-mkk-dyn-donut__chart {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 0;
}
.okkwork-mkk-dyn-donut__chart svg {
  width: 108px;
  max-width: 108px;
  height: auto;
  display: block;
}
.okkwork-mkk-dyn-donut__guide {
  fill: none;
  stroke: rgba(81, 95, 108, 0.18);
  stroke-width: 0.6;
}
.okkwork-mkk-dyn-donut__center {
  font-size: 23.4px;
  font-weight: 700;
  fill: rgba(55, 65, 81, 1);
  dominant-baseline: middle;
  text-anchor: middle;
}
.okkwork-mkk-dyn-donut-legend {
  flex: 1 1 auto;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  column-gap: 10px;
  row-gap: 6px;
  align-items: center;
  align-content: center;
}
.okkwork-mkk-dyn-donut-legend__tip {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  cursor: default;
  outline: none;
}
.okkwork-mkk-dyn-donut-legend__name {
  font-size: 8px;
  font-weight: 700;
  color: rgba(55, 65, 81, 1);
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.okkwork-mkk-dyn-donut-legend__sw {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  flex-shrink: 0;
}
.okkwork-mkk-dyn-donut-legend__cnt,
.okkwork-mkk-dyn-donut-legend__pct {
  font-size: 8px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  text-align: right;
}
.okkwork-mkk-dyn-donut-legend__cnt {
  font-weight: 700;
  color: rgba(55, 65, 81, 1);
}
.okkwork-mkk-dyn-donut-legend__pct {
  color: rgba(81, 95, 108, 0.9);
  min-width: 2.2em;
}
body.okkwork-mkk-dyn-expand-open { overflow: hidden; }
body.okkwork-mkk-dyn-expand-open #okkwork-mkk-tip-mount {
  z-index: 100100;
}
.okkwork-vd-tip:has(.okkwork-mkk-dyn-tip) {
  width: auto;
  min-width: 300px;
  max-width: min(420px, calc(100vw - 16px));
  padding: 12px 14px 11px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.05);
}
.okkwork-vd-tip:has(.okkwork-mkk-dyn-tip) .okkwork-vd-tip__title {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
}
.okkwork-vd-tip:has(.okkwork-mkk-dyn-tip) .okkwork-vd-tip__body {
  max-height: none;
  overflow: visible;
  font-size: 12px;
  line-height: 1.35;
}
.okkwork-mkk-dyn-tip__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.okkwork-mkk-dyn-tip__pt {
  font-size: 13px;
  font-weight: 700;
  color: #0a4a7c;
  line-height: 1.2;
  flex-shrink: 0;
}
.okkwork-mkk-dyn-tip__block {
  font-size: 11px;
  font-weight: 500;
  color: #94a3b8;
  line-height: 1.25;
  text-align: right;
  max-width: 58%;
  word-break: break-word;
}
.okkwork-mkk-dyn-tip__rule {
  border: none;
  border-top: 1px solid #e2e8f0;
  margin: 0 0 10px;
}
.okkwork-mkk-dyn-tip__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px 18px;
  align-items: start;
}
.okkwork-mkk-dyn-tip__desc {
  color: #475569;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  word-break: break-word;
}
.okkwork-mkk-dyn-tip__stats {
  display: flex;
  gap: 16px;
  flex-shrink: 0;
}
.okkwork-mkk-dyn-tip__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 4.5em;
  text-align: center;
}
.okkwork-mkk-dyn-tip__stat-lbl {
  font-size: 9px;
  font-weight: 500;
  color: #94a3b8;
  line-height: 1.2;
}
.okkwork-mkk-dyn-tip__stat-val {
  font-size: 13px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1;
}
body.okkwork-mkk-msg-expand-open { overflow: hidden; }
body.okkwork-mkk-cmt-expand-open { overflow: hidden; }
body.okkwork-mkk-reg-expand-open { overflow: hidden; }

.okkwork-mkk-cmt-expand__body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 14px 10px;
}
.okkwork-mkk-cmt-expand__subnav,
.okkwork-mkk-cmt-expand__filters {
  flex-shrink: 0;
  padding: 0 0 8px;
}
#okkwork-mkk-cmt-expand-subnav.okkwork-mkk-ws__subnav,
.okkwork-mkk-cmt-expand__subnav.okkwork-mkk-ws__subnav {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#okkwork-mkk-cmt-expand-filters.okkwork-mkk-ws-cmt-filters-row,
.okkwork-mkk-cmt-expand__filters.okkwork-mkk-ws-cmt-filters-row,
.okkwork-mkk-cmt-expand__filters.okkwork-mkk-ws__filters {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#okkwork-mkk-cmt-expand-filters .okkwork-mkk-ws-cmt-filters-pills,
.okkwork-mkk-cmt-expand__filters .okkwork-mkk-ws-cmt-filters-pills {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.okkwork-mkk-cmt-expand__main {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.okkwork-mkk-cmt-expand__main .okkwork-mkk-section-expand__body {
  padding: 0;
}
.okkwork-mkk-cmt-expand__filters .okkwork-mkk-ws-cmt-filters-pills .okkwork-mkk-ws__filter-pill {
  height: 24px;
  padding: 0 4px 2px;
  font-size: 10px;
  border-radius: 6px;
}
.okkwork-mkk-cmt-expand__filters .okkwork-mkk-ws-cmt-search__btn {
  width: 26px;
  height: 26px;
  min-width: 26px;
  min-height: 26px;
  border-radius: 6px;
}

.okkwork-mkk-reg-expand__body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 14px 10px;
}
.okkwork-mkk-reg-expand__subnav,
.okkwork-mkk-reg-expand__filters {
  flex-shrink: 0;
  padding: 0 0 8px;
}
#okkwork-mkk-reg-expand-subnav.okkwork-mkk-ws__subnav,
.okkwork-mkk-reg-expand__subnav.okkwork-mkk-ws__subnav {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#okkwork-mkk-reg-expand-filters.okkwork-mkk-ws-reg-filters-row,
.okkwork-mkk-reg-expand__filters.okkwork-mkk-ws-reg-filters-row,
.okkwork-mkk-reg-expand__filters.okkwork-mkk-ws__filters {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#okkwork-mkk-reg-expand-filters .okkwork-mkk-ws-reg-filters-pills,
.okkwork-mkk-reg-expand__filters .okkwork-mkk-ws-reg-filters-pills {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.okkwork-mkk-reg-expand__main {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.okkwork-mkk-reg-expand__main .okkwork-mkk-section-expand__body {
  padding: 0;
}

.okkwork-mkk-msg-expand__body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 14px 10px;
}
.okkwork-mkk-msg-expand__subnav,
.okkwork-mkk-msg-expand__filters {
  flex-shrink: 0;
  padding: 0 0 8px;
}

/* Сообщения: «Проекты» строго под «Все» (см. также #okkwork-mkk-msg-expand-filters в конце файла) */
#okkwork-mkk-msg-expand-subnav.okkwork-mkk-ws__subnav,
.okkwork-mkk-msg-expand__subnav.okkwork-mkk-ws__subnav {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#okkwork-mkk-msg-expand-filters.okkwork-mkk-ws-msg-filters-row,
.okkwork-mkk-msg-expand__filters.okkwork-mkk-ws-msg-filters-row,
.okkwork-mkk-msg-expand__filters.okkwork-mkk-ws__filters {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#okkwork-mkk-msg-expand-filters .okkwork-mkk-ws-msg-filters-pills,
.okkwork-mkk-msg-expand__filters .okkwork-mkk-ws-msg-filters-pills {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
#okkwork-mkk-ws-subnav.okkwork-mkk-ws__subnav,
#okkwork-mkk-ws-filters.okkwork-mkk-ws-msg-filters-row {
  padding-left: var(--mkk-ws-inset-x, 12px) !important;
  padding-right: var(--mkk-ws-inset-x, 12px) !important;
}
#okkwork-mkk-ws-filters .okkwork-mkk-ws-msg-filters-pills {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Сообщения (расширенная форма): компактные плашки (+2px под бейдж снизу) */
.okkwork-mkk-msg-expand__filters .okkwork-mkk-ws__filter-pill[data-msg-scope],
.okkwork-mkk-msg-expand__filters .okkwork-mkk-ws__filter-pill[data-msg-filter] {
  height: 24px;
  padding: 0 4px 2px;
  font-size: 10px;
  border-radius: 6px;
}
.okkwork-mkk-msg-expand__filters .okkwork-mkk-ws-msg-search__btn {
  width: 26px;
  height: 26px;
  min-width: 26px;
  min-height: 26px;
  border-radius: 6px;
}
.okkwork-mkk-msg-expand__main {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: row;
  gap: 10px;
  overflow: hidden;
  padding: 0;
  background: transparent;
  border: none;
}
.okkwork-mkk-msg-expand__chat-col {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: rgba(248, 249, 251, 0.6);
  border-radius: 10px;
  border: 1px solid rgba(81, 95, 108, 0.12);
  overflow: hidden;
}
.okkwork-mkk-msg-expand__list-col {
  flex: 0 0 min(320px, 36%);
  min-width: 240px;
  max-width: 380px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 10px;
  border: 1px solid rgba(81, 95, 108, 0.12);
  overflow: hidden;
  padding: 8px;
}
.okkwork-mkk-msg-expand__list-col .okkwork-mkk-ws-msg-list {
  flex: 1 1 auto;
  min-height: 0;
}
.okkwork-mkk-ws-msg-chat.is-expand-pane {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: transparent;
}
.okkwork-mkk-ws-msg-chat.is-expand-pane .okkwork-mkk-ws-msg-chat__back {
  display: none;
}
.okkwork-mkk-ws-msg-chat.is-expand-pane .okkwork-mkk-ws-msg-compose {
  flex-shrink: 0;
  margin: 0 8px 8px;
}
.okkwork-mkk-ws-msg-chat__empty-select {
  flex: 1 1 auto;
  display: grid;
  place-items: center;
  text-align: center;
  font-size: 13px;
  color: rgba(81, 95, 108, 0.65);
  padding: 24px 16px;
}
.okkwork-mkk-ws-msg-chat__head[hidden] {
  display: none;
}
.okkwork-mkk-ws-msg-chat__empty-select[hidden] {
  display: none;
}
.okkwork-mkk-ws-msg-chat__thread[hidden] {
  display: none !important;
}
.okkwork-mkk-ws-msg-chat.is-expand-pane .okkwork-mkk-ws-msg-chat__thread {
  background: transparent;
}
.okkwork-mkk-ws-msg-status {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 10px 6px;
  font-size: 11px;
  color: rgba(81, 95, 108, 0.78);
  font-style: italic;
  min-height: 22px;
  flex-shrink: 0;
}
.okkwork-mkk-ws-msg-status[hidden] {
  display: none;
}
.okkwork-mkk-ws-msg-status__ava {
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  max-width: 22px;
  max-height: 22px;
  aspect-ratio: 1 / 1;
  flex: 0 0 22px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, #0658a2, #00b8d9);
}
.okkwork-mkk-ws-msg-status__ava.is-photo {
  background: transparent;
}
.okkwork-mkk-ws-msg-compose__btn.is-recording {
  background: rgba(235, 60, 60, 0.12);
  border-radius: 8px;
}

.okkwork-mkk-ws-msg-attach-preview {
  padding: 6px 10px 0;
}
.okkwork-mkk-ws-msg-attach-preview__head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.okkwork-mkk-ws-msg-attach-preview__row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.okkwork-mkk-ws-msg-attach-preview__label {
  font-size: 10px;
  font-weight: 700;
  color: rgba(6, 88, 162, 0.9);
}
.okkwork-mkk-ws-msg-attach-preview__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 6px;
}
.okkwork-mkk-ws-msg-attach-item {
  position: relative;
  width: 96px;
  background: rgba(6, 88, 162, 0.08);
  border: 1px solid rgba(6, 88, 162, 0.14);
  border-radius: 10px;
  padding: 6px;
  box-sizing: border-box;
}
.okkwork-mkk-ws-msg-attach-item__thumb {
  width: 100%;
  height: 62px;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255,255,255,0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.okkwork-mkk-ws-msg-attach-item__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.okkwork-mkk-ws-msg-attach-item__vid {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.okkwork-mkk-ws-msg-attach-item__file {
  font-size: 12px;
  font-weight: 800;
  color: rgba(6, 88, 162, 0.9);
}
.okkwork-mkk-ws-msg-attach-item__name {
  margin-top: 6px;
  font-size: 10px;
  line-height: 1.1;
  color: rgba(30, 41, 59, 0.88);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.okkwork-mkk-ws-msg-attach-item__name { display: none; }
.okkwork-mkk-ws-msg-attach-item__del {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: rgba(255, 255, 255, 0.95);
  color: rgba(30, 41, 59, 0.85);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 0;
}
.okkwork-mkk-ws-msg-attach-item__del:hover {
  background: rgba(255, 255, 255, 1);
  color: rgba(30, 41, 59, 1);
}

.okkwork-mkk-ws-msg-attaches {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

/* Сообщения: маленькие квадраты-вложения (без названий) */
.okkwork-mkk-ws-msg-attach-sq {
  width: 29px;
  height: 29px;
  border-radius: 7px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.8);
  border: 1px solid rgba(15, 23, 42, 0.10);
  flex: 0 0 auto;
}

/* Лента сообщений: принудительный размер миниатюр */
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws-card--msg .okkwork-mkk-ws-msg-attach-sq {
  width: 29px !important;
  height: 29px !important;
  border-radius: 7px !important;
}
.okkwork-mkk-ws-msg-attach-sq img,
.okkwork-mkk-ws-msg-attach-sq video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.okkwork-mkk-ws-msg-attach-sq__badge {
  font-size: 9px;
  font-weight: 800;
  color: rgba(6, 88, 162, 0.9);
  background: rgba(6, 88, 162, 0.10);
  border: 1px solid rgba(6, 88, 162, 0.14);
  padding: 1px 4px;
  border-radius: 6px;
}

.okkwork-mkk-ws-msg-attach-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 4px 8px;
  border-radius: 10px;
  background: rgba(6, 88, 162, 0.12);
  border: 1px solid rgba(6, 88, 162, 0.18);
  color: #0658a2;
  font-size: 11px;
  line-height: 1.1;
}
.okkwork-mkk-ws-msg-attach-chip__kind {
  font-weight: 800;
  opacity: 0.9;
  flex: 0 0 auto;
}
.okkwork-mkk-ws-msg-attach-chip__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
}
.okkwork-mkk-ws-msg-attach-chip__name { display: none; }
.okkwork-mkk-ws-msg-attach-chip__thumb {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.8);
  border: 1px solid rgba(6, 88, 162, 0.10);
  flex: 0 0 auto;
}
.okkwork-mkk-ws-msg-attach-chip__thumb img,
.okkwork-mkk-ws-msg-attach-chip__thumb video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.okkwork-mkk-ws-msg-attach-chip[role="button"] {
  cursor: pointer;
}
.okkwork-mkk-ws-msg-attach-chip[role="button"]:hover {
  background: rgba(6, 88, 162, 0.16);
}
.okkwork-mkk-ws-card--msg.is-active-thread {
  border-color: rgba(6, 88, 162, 0.45);
  box-shadow: 0 0 0 1px rgba(6, 88, 162, 0.12);
}
.okkwork-mkk-msg-expand__compose-slot {
  flex-shrink: 0;
  padding-top: 8px;
}
.okkwork-mkk-section-expand__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 12px 14px 14px;
}

/* Сообщения / комментарии — карточки */
.okkwork-mkk-ws-card {
  background: #fff;
  border-radius: 10px;
  border: 1px solid rgba(6, 88, 162, 0.22);
  padding: 10px;
  margin-bottom: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.okkwork-mkk-ws-card__meta {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: rgba(81, 95, 108, 0.7);
  margin-bottom: 6px;
}
.okkwork-mkk-ws-card__user {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.okkwork-mkk-ws-card__ava {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px;
  aspect-ratio: 1 / 1;
  flex: 0 0 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0658a2, #00b8d9);
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
}
.okkwork-mkk-ws-card__ava.is-photo,
.okkwork-mkk-ws-msg-chat__ava.is-photo {
  background: transparent;
}
.okkwork-mkk-ws-card__ava img,
.okkwork-mkk-ws-msg-chat__ava img,
.okkwork-mkk-ws-msg-status__ava img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 50%;
}
.okkwork-mkk-ws-card__name {
  font-size: 13px;
  font-weight: 700;
  color: #1f2937;
}
.okkwork-mkk-ws-card__role {
  font-size: 11px;
  color: rgba(81, 95, 108, 0.8);
}
.okkwork-mkk-ws-card__text {
  font-size: 12px;
  line-height: 1.45;
  color: #374151;
  margin: 0;
}
.okkwork-mkk-ws-cmt__path {
  font-size: 10px;
  color: rgba(81, 95, 108, 0.75);
  margin-bottom: 4px;
}
.okkwork-mkk-ws-cmt__status {
  float: right;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.okkwork-mkk-ws-cmt__status--ok {
  background: rgba(45, 190, 115, 1);
}
.okkwork-mkk-ws-cmt__status--no {
  background: rgba(235, 60, 60, 1);
}
.okkwork-mkk-ws-pane.is-active[data-mkk-ws-pane="cmt"] {
  overflow: hidden;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.okkwork-mkk-ws-cmt-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 2px 0 6px;
  padding-right: 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(81, 95, 108, 0.45) transparent;
  --cmt-card-inset-left: 2px;
  --cmt-card-inset-right: 2px;
  --cmt-reply-shift: 20px;
}
.okkwork-mkk-ws-cmt-list::-webkit-scrollbar {
  width: 6px;
}
.okkwork-mkk-ws-cmt-list::-webkit-scrollbar-thumb {
  background: rgba(81, 95, 108, 0.35);
  border-radius: 3px;
}
.okkwork-mkk-ws-cmt-list::-webkit-scrollbar-track {
  background: transparent;
  margin: 0;
}
.okkwork-mkk-ws-cmt-thread {
  margin-bottom: 10px;
}
.okkwork-mkk-ws-cmt-thread.has-replies {
  padding-left: 2px;
  border-left: 2px solid rgba(6, 88, 162, 0.14);
}
.okkwork-mkk-ws-cmt-thread.is-replies-collapsed {
  border-left-color: rgba(6, 88, 162, 0.08);
}
.okkwork-mkk-ws-cmt-thread .okkwork-mkk-ws-cmt-card.has-replies-toggle {
  margin-bottom: 14px;
}
.okkwork-mkk-ws-cmt-card.has-replies-toggle .okkwork-mkk-ws-cmt-card__shell {
  position: relative;
}
/* «Ответить» и кнопка — одна вертикальная ось (тело смещено из‑за goto-rail) */
.okkwork-mkk-ws-cmt-card.has-goto-rail.has-replies-toggle .okkwork-mkk-ws-cmt-card__foot-reply {
  transform: translateX(-9px);
}
.okkwork-mkk-ws-cmt-card__replies-toggle {
  position: absolute;
  left: 50%;
  bottom: -12px;
  z-index: 6;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #0658a2;
  color: #fff;
  cursor: pointer;
  transform: translateX(-50%);
  display: grid;
  place-items: center;
  box-shadow: 0 2px 6px rgba(6, 88, 162, 0.28);
  -webkit-tap-highlight-color: transparent;
}
.okkwork-mkk-ws-cmt-card__replies-toggle svg {
  width: 14px;
  height: 14px;
  display: block;
  transition: transform 0.18s ease;
}
.okkwork-mkk-ws-cmt-card__replies-toggle.is-collapsed svg {
  transform: rotate(180deg);
}
.okkwork-mkk-ws-cmt-card__replies-toggle:hover {
  background: #074a88;
}
.okkwork-mkk-ws-cmt-card__replies-toggle:active {
  background: #053d70;
}
.okkwork-mkk-ws-cmt-thread .okkwork-mkk-ws-cmt-card {
  margin-bottom: 6px;
}
.okkwork-mkk-ws-cmt-thread .okkwork-mkk-ws-cmt-card:last-child {
  margin-bottom: 0;
}
.okkwork-mkk-ws-cmt-card {
  position: relative;
  background: #fff;
  border-radius: 10px;
  border: 1px solid rgba(6, 88, 162, 0.22);
  padding: 0;
  margin-bottom: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  cursor: pointer;
  overflow: hidden;
}
/* Ярлычок «перейти»: вкладка слева за блоком, контент уже */
.okkwork-mkk-ws-cmt-card.has-goto-rail {
  background: transparent;
  border: none;
  box-shadow: none;
  overflow: visible;
  box-sizing: border-box;
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--key,
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--reply {
  margin-left: var(--cmt-card-inset-left, 2px);
  margin-right: var(--cmt-card-inset-right, 2px);
  width: calc(100% - var(--cmt-card-inset-left, 2px) - var(--cmt-card-inset-right, 2px));
  max-width: calc(100% - var(--cmt-card-inset-left, 2px) - var(--cmt-card-inset-right, 2px));
  box-sizing: border-box;
}
.okkwork-mkk-ws-cmt-card__shell {
  position: relative;
  display: block;
  min-height: 0;
  isolation: isolate;
}
.okkwork-mkk-ws-cmt-card__body {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: 10px 10px 8px;
}
.okkwork-mkk-ws-cmt-card.has-goto-rail .okkwork-mkk-ws-cmt-card__body {
  z-index: 2;
  margin-left: 18px;
  margin-right: 0;
  width: auto;
  max-width: none;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid rgba(6, 88, 162, 0.22);
  border-radius: 10px;
  /* тень только вправо-вниз — не на вкладку слева */
  box-shadow: 2px 2px 5px rgba(15, 23, 42, 0.07);
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--reply .okkwork-mkk-ws-cmt-card__body {
  margin-left: calc(18px + var(--cmt-reply-shift, 20px) * var(--cmt-reply-depth, 1));
  background: #fff7ed;
  border: 2px solid rgba(255, 109, 0, 0.28);
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--status-agree .okkwork-mkk-ws-cmt-card__body {
  background: #ecfdf3;
  border-color: rgba(34, 197, 94, 0.32);
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--status-disagree .okkwork-mkk-ws-cmt-card__body {
  background: #fef2f2;
  border-color: rgba(239, 68, 68, 0.32);
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--status-moderator .okkwork-mkk-ws-cmt-card__body {
  background: #fffbeb;
  border-color: rgba(245, 158, 11, 0.34);
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--status-waiting .okkwork-mkk-ws-cmt-card__body {
  background: #f1f5f9;
  border-color: rgba(148, 163, 184, 0.36);
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--status-none .okkwork-mkk-ws-cmt-card__body {
  background: #f8fafc;
  border-color: rgba(148, 163, 184, 0.34);
}
/* Ответы в ветке: белый фон только у __body, оболочка прозрачная */
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--reply.okkwork-mkk-ws-cmt-card--thread-status-agree .okkwork-mkk-ws-cmt-card__body {
  background: #fff;
  border: 2px solid rgba(34, 197, 94, 0.32);
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--reply.okkwork-mkk-ws-cmt-card--thread-status-disagree .okkwork-mkk-ws-cmt-card__body {
  background: #fff;
  border: 2px solid rgba(239, 68, 68, 0.32);
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--reply.okkwork-mkk-ws-cmt-card--thread-status-moderator .okkwork-mkk-ws-cmt-card__body {
  background: #fff;
  border: 2px solid rgba(245, 158, 11, 0.34);
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--reply.okkwork-mkk-ws-cmt-card--thread-status-waiting .okkwork-mkk-ws-cmt-card__body {
  background: #fff;
  border: 2px solid rgba(148, 163, 184, 0.36);
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--reply.okkwork-mkk-ws-cmt-card--thread-status-none .okkwork-mkk-ws-cmt-card__body {
  background: #fff;
  border: 2px solid rgba(148, 163, 184, 0.34);
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--reply[class*="okkwork-mkk-ws-cmt-card--thread-status"] {
  background: transparent;
  border: none;
  box-shadow: none;
}
.okkwork-mkk-ws-cmt-card__goto-rail {
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 30px;
  z-index: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 8px 0 0 8px;
  background: linear-gradient(180deg, #5f6b7a 0%, #4a5568 100%);
  color: rgba(255, 255, 255, 0.96);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-shadow: none !important;
  filter: none;
  container-type: size;
  -webkit-tap-highlight-color: transparent;
}
.okkwork-mkk-ws-cmt-card__goto-rail:hover,
.okkwork-mkk-ws-cmt-card__goto-rail:active,
.okkwork-mkk-ws-cmt-card__goto-rail:focus,
.okkwork-mkk-ws-cmt-card__goto-rail:focus-visible {
  box-shadow: none !important;
  filter: none;
  outline: none;
}
.okkwork-mkk-ws-cmt-card__goto-rail:hover {
  background: linear-gradient(180deg, #6d7a8b 0%, #556170 100%);
}
.okkwork-mkk-ws-cmt-card__goto-rail:active {
  background: linear-gradient(180deg, #4f5a68 0%, #3d4654 100%);
}
.okkwork-mkk-ws-cmt-card__goto-rail-line {
  display: none;
}
.okkwork-mkk-ws-cmt-card__goto-rail-arrow {
  position: absolute;
  left: 4px;
  top: 50%;
  z-index: 1;
  transform: translateY(-52%);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  pointer-events: none;
}
.okkwork-mkk-ws-cmt-card__goto-rail-arrow svg {
  width: 11px;
  height: clamp(26px, 42cqh, 40px);
  display: block;
}
/* Ключевой: стрелка по центру вкладки, вертикаль ~80% высоты карточки */
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--key .okkwork-mkk-ws-cmt-card__goto-rail {
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding: 0;
  gap: 0;
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--key .okkwork-mkk-ws-cmt-card__goto-rail-graphic {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 1 auto;
  height: 80%;
  max-height: 80%;
  min-height: 0;
  margin-left: 4px;
  pointer-events: none;
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--key .okkwork-mkk-ws-cmt-card__goto-rail-arrow {
  position: static;
  left: auto;
  top: auto;
  transform: none;
  margin-left: 0;
  flex: 0 0 auto;
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--key .okkwork-mkk-ws-cmt-card__goto-rail-arrow svg {
  width: 11px;
  height: auto;
  aspect-ratio: 11 / 9;
  max-height: 11px;
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--key .okkwork-mkk-ws-cmt-card__goto-rail-line {
  display: block;
  flex: 1 1 auto;
  width: 1.65px;
  min-height: 10px;
  margin: -1px 0 0 7px;
  border-radius: 1px;
  background: currentColor;
  opacity: 0.96;
  align-self: flex-start;
}
/* Ответ: вкладка короче (срез снизу), верх на месте */
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--reply .okkwork-mkk-ws-cmt-card__goto-rail {
  left: calc(var(--cmt-reply-shift, 20px) * var(--cmt-reply-depth, 1));
  top: 14px;
  bottom: auto;
  height: 38px;
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--reply .okkwork-mkk-ws-cmt-card__goto-rail-arrow svg {
  height: 22px;
}
.okkwork-mkk-ws-cmt-card--reply {
  box-sizing: border-box;
}
.okkwork-mkk-ws-cmt-card.has-goto-rail.okkwork-mkk-ws-cmt-card--reply:not([class*="thread-status"]) {
  border: none;
  background: transparent;
}
.okkwork-mkk-ws-cmt-card--reply:not(.has-goto-rail) {
  border-color: rgba(255, 109, 0, 0.28);
  background: rgba(255, 247, 237, 0.55);
}

/* Ответ в ленте: компактная шапка (чужой — имя; свой — «Вы» и ваша аватарка) */
.okkwork-mkk-ws-cmt-card--peer-reply .okkwork-mkk-ws-cmt-card__head,
.okkwork-mkk-ws-cmt-card--mine-reply .okkwork-mkk-ws-cmt-card__head {
  align-items: flex-start;
  gap: 6px;
}
.okkwork-mkk-ws-cmt-card--peer-reply .okkwork-mkk-ws-cmt-card__who,
.okkwork-mkk-ws-cmt-card--mine-reply .okkwork-mkk-ws-cmt-card__who {
  align-items: flex-start;
}
.okkwork-mkk-ws-cmt-card--peer-reply .okkwork-mkk-ws-cmt-card__ava,
.okkwork-mkk-ws-cmt-card--mine-reply .okkwork-mkk-ws-cmt-card__ava {
  width: 26px;
  height: 26px;
  min-width: 26px;
  min-height: 26px;
  flex: 0 0 26px;
  font-size: 10px;
  line-height: 26px;
}
.okkwork-mkk-ws-cmt-card--peer-reply .okkwork-mkk-ws-cmt-card__name,
.okkwork-mkk-ws-cmt-card--mine-reply .okkwork-mkk-ws-cmt-card__name {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
}
.okkwork-mkk-ws-cmt-card--mine-reply .okkwork-mkk-ws-cmt-card__name--you {
  color: #0658a2;
}
.okkwork-mkk-ws-cmt-card--peer-reply .okkwork-mkk-ws-cmt-card__time,
.okkwork-mkk-ws-cmt-card--mine-reply .okkwork-mkk-ws-cmt-card__time {
  margin-top: 1px;
  font-size: 10px;
  line-height: 1.2;
  text-align: left;
  white-space: nowrap;
}
.okkwork-mkk-ws-cmt-card__role {
  font-size: 11px;
  font-weight: 500;
  color: rgba(81, 95, 108, 0.82);
  line-height: 1.25;
  margin-top: 1px;
}
.okkwork-mkk-ws-cmt-card.is-parent-highlight {
  outline: 2px solid rgba(6, 88, 162, 0.45);
  outline-offset: 1px;
}
.okkwork-mkk-ws-cmt-card.is-feed-jump-flash {
  position: relative;
  z-index: 3;
}
.okkwork-mkk-ws-cmt-card.is-feed-jump-flash::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 4;
  animation: okkwork-mkk-ws-cmt-feed-flash 1.15s ease;
}
@keyframes okkwork-mkk-ws-cmt-feed-flash {
  0% {
    opacity: 0;
    background: rgba(255, 255, 255, 0);
    box-shadow: none;
  }
  12% {
    opacity: 1;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 0 18px rgba(255, 255, 255, 0.95), inset 0 0 12px rgba(255, 255, 255, 0.85);
  }
  24% {
    opacity: 0.25;
    background: rgba(255, 255, 255, 0.35);
    box-shadow: none;
  }
  38% {
    opacity: 0.92;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 14px rgba(255, 255, 255, 0.8), inset 0 0 8px rgba(255, 255, 255, 0.7);
  }
  52% {
    opacity: 0.18;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: none;
  }
  100% {
    opacity: 0;
    background: rgba(255, 255, 255, 0);
    box-shadow: none;
  }
}
.okkwork-mkk-ws-cmt-card.is-reply-open {
  cursor: default;
}
.okkwork-mkk-ws-cmt-card--status-agree {
  background: rgba(34, 197, 94, 0.14);
  border-color: rgba(34, 197, 94, 0.32);
}
.okkwork-mkk-ws-cmt-card--status-disagree {
  background: rgba(239, 68, 68, 0.14);
  border-color: rgba(239, 68, 68, 0.32);
}
.okkwork-mkk-ws-cmt-card--status-moderator {
  background: rgba(245, 158, 11, 0.16);
  border-color: rgba(245, 158, 11, 0.34);
}
.okkwork-mkk-ws-cmt-card--status-waiting {
  background: rgba(148, 163, 184, 0.18);
  border-color: rgba(148, 163, 184, 0.36);
}
.okkwork-mkk-ws-cmt-card--status-none {
  background: rgba(148, 163, 184, 0.1);
  border-color: rgba(148, 163, 184, 0.3);
}
.okkwork-mkk-ws-cmt-card__head-reactions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex: 0 1 auto;
  min-width: 0;
  max-width: calc(100% - 120px);
  margin-left: auto;
  padding-right: 22px;
}
.okkwork-mkk-ws-cmt-card__react-label {
  font-size: 10px;
  font-weight: 600;
  color: #0658a2;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.okkwork-mkk-ws-cmt-card__reactions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 1px;
  max-width: 100%;
}
.okkwork-mkk-ws-cmt-card__react-btn {
  position: relative;
  width: 26px;
  height: 26px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.okkwork-mkk-ws-cmt-card__react-btn:hover {
  opacity: 1;
  background: rgba(6, 88, 162, 0.1);
}
.okkwork-mkk-ws-cmt-card__react-btn.is-mine {
  opacity: 1;
  background: rgba(6, 88, 162, 0.14);
  box-shadow: inset 0 0 0 1px rgba(6, 88, 162, 0.22);
}

.okkwork-mkk-ws-cmt-card__foot-reactions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 28px;
  flex: 0 0 auto;
  max-width: min(100%, 220px);
}
.okkwork-mkk-ws-cmt-card__foot-reactions:empty {
  display: none;
}
.okkwork-mkk-ws-cmt-card__reaction-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px 2px 4px;
  border-radius: 999px;
  border: 1px solid rgba(81, 95, 108, 0.12);
  background: rgba(235, 238, 242, 0.95);
  font-size: 13px;
  line-height: 1.2;
  cursor: pointer;
}
.okkwork-mkk-ws-cmt-card__reaction-chip.is-mine {
  background: rgba(6, 88, 162, 0.12);
  border-color: rgba(6, 88, 162, 0.24);
  box-shadow: inset 0 0 0 1px rgba(6, 88, 162, 0.14);
}
.okkwork-mkk-ws-cmt-card__reaction-chip__emoji {
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
}
.okkwork-mkk-ws-cmt-card__reaction-chip__users {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex: 0 1 auto;
  min-width: 0;
}
.okkwork-mkk-ws-cmt-card__reaction-ava {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, #0658a2, #00b8d9);
  flex-shrink: 0;
}
.okkwork-mkk-ws-cmt-card__reaction-ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.okkwork-mkk-ws-cmt-react-menu {
  position: fixed;
  z-index: 100090;
  display: flex;
  gap: 4px;
  padding: 6px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(81, 95, 108, 0.22);
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.24);
  pointer-events: auto;
  transform: translateZ(0);
}
.okkwork-mkk-ws-cmt-react-menu[hidden] {
  display: none !important;
  pointer-events: none !important;
}

.okkwork-mkk-ws-cmt-react-menu__btn {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 10px;
  background: transparent;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.9;
}

.okkwork-mkk-ws-cmt-react-menu__btn:hover {
  opacity: 1;
  background: rgba(6, 88, 162, 0.1);
}

/* Меню реакций в попапе комментария к нарушению — поверх .okkwork-vd-cmtpop */
.okkwork-mkk-ws-cmt-react-menu--vd-top {
  z-index: 2147483647;
}
.okkwork-mkk-ws-cmt-card__react-count {
  position: absolute;
  right: -2px;
  top: -3px;
  min-width: 12px;
  height: 12px;
  padding: 0 3px;
  border-radius: 999px;
  background: #0658a2;
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  line-height: 12px;
  text-align: center;
}
.okkwork-mkk-ws-cmt-card__foot-reply {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 0 1 auto;
  min-width: 0;
}
.okkwork-mkk-ws-cmt-card__reply-link {
  padding: 0;
  border: none;
  background: none;
  color: #0658a2;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.okkwork-mkk-ws-cmt-card__reply-link:hover {
  text-decoration: underline;
}
.okkwork-mkk-ws-cmt-card__replies-badge {
  display: inline-block;
  margin-top: 3px;
  padding: 1px 7px;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 600;
  color: #0658a2;
  background: rgba(6, 88, 162, 0.12);
}
.okkwork-mkk-ws-cmt-card__reply-banner {
  margin-bottom: 6px;
  padding: 5px 8px;
  border-radius: 8px;
  background: #fff7ed;
  border: 1px solid rgba(255, 109, 0, 0.32);
  font-size: 11px;
  font-weight: 600;
  color: #9a3412;
}
.okkwork-mkk-ws-cmt-card__path {
  font-size: 10px;
  color: rgba(81, 95, 108, 0.75);
  line-height: 1.3;
  margin: 0 0 6px;
  padding-right: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.okkwork-mkk-ws-cmt-card__path.okkwork-tooltip-host--multiline::after {
  left: 0;
  top: calc(100% + 6px);
  transform: none;
  min-width: 200px;
  max-width: min(420px, 94vw);
  z-index: 40;
}
.okkwork-mkk-ws-cmt-card__path.okkwork-tooltip-host--multiline:hover::after,
.okkwork-mkk-ws-cmt-card__path.okkwork-tooltip-host--multiline:focus-visible::after {
  transform: translateY(-2px);
}
.okkwork-mkk-ws-cmt-card__head {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 6px;
  padding-right: 24px;
}
.okkwork-mkk-ws-cmt-card__ava {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  flex: 0 0 32px;
  align-self: flex-start;
  border-radius: 50%;
  background: linear-gradient(135deg, #7c3aed, #a855f7);
  position: relative;
  overflow: hidden;
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  line-height: 32px;
  text-align: center;
}
.okkwork-mkk-ws-cmt-card__ava img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.okkwork-mkk-ws-cmt-card__who {
  flex: 1 1 auto;
  min-width: 0;
}
.okkwork-mkk-ws-cmt-card__name {
  font-size: 13px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1.2;
}
.okkwork-mkk-ws-cmt-card__time {
  font-size: 10px;
  color: rgba(81, 95, 108, 0.75);
  margin-top: 2px;
}
.okkwork-mkk-ws-cmt-card__menu-wrap {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
}
.okkwork-mkk-ws-cmt-card.has-goto-rail .okkwork-mkk-ws-cmt-card__body:has(.okkwork-mkk-ws-cmt-card__menu.is-open),
.okkwork-mkk-ws-cmt-card__body:has(.okkwork-mkk-ws-cmt-card__menu.is-open) {
  z-index: 12;
}
.okkwork-mkk-ws-cmt-card:has(.okkwork-mkk-ws-cmt-card__menu.is-open) {
  position: relative;
  z-index: 15;
}
.okkwork-mkk-ws-cmt-card__menu-btn {
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: rgba(81, 95, 108, 0.75);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  border-radius: 4px;
}
.okkwork-mkk-ws-cmt-card__menu-btn:hover {
  background: rgba(81, 95, 108, 0.08);
}
.okkwork-mkk-ws-cmt-card__menu {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 168px;
  background: #fff;
  border: 1px solid rgba(81, 95, 108, 0.2);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.14);
  padding: 4px 0;
  z-index: 30;
  display: none;
  font-family: "Rubik-Regular", "Rubik-Medium", "Rubik", "Inter-Regular", ui-sans-serif, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.okkwork-mkk-ws-cmt-card__menu.is-open {
  display: block;
}
.okkwork-mkk-ws-cmt-card__menu button {
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.35;
  color: #374151;
  cursor: pointer;
}
.okkwork-mkk-ws-cmt-card__menu button:hover {
  background: rgba(81, 95, 108, 0.08);
}
.okkwork-mkk-ws-cmt-card__text {
  font-size: 12px;
  line-height: 1.45;
  color: #374151;
  margin: 0 0 8px;
  white-space: pre-wrap;
  word-break: break-word;
}
.okkwork-mkk-ws-cmt-card__text.is-truncated {
  cursor: pointer;
}
.okkwork-mkk-ws-cmt-card.is-reply-open .okkwork-mkk-ws-cmt-card__text {
  white-space: pre-wrap;
}
.okkwork-mkk-ws-cmt-card.is-no-foot .okkwork-mkk-ws-cmt-card__text,
.okkwork-mkk-ws-cmt-card:not(:has(.okkwork-mkk-ws-cmt-card__foot)) .okkwork-mkk-ws-cmt-card__text {
  margin-bottom: 0;
}
.okkwork-mkk-ws-cmt-card.is-no-foot {
  padding-bottom: 8px;
}
.okkwork-mkk-ws-cmt-card__foot {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 0;
  box-sizing: border-box;
}
.okkwork-mkk-ws-cmt-card__foot .okkwork-mkk-ws-cmt-card__foot-reply {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
}
.okkwork-mkk-ws-cmt-card__foot .okkwork-mkk-ws-cmt-card__status-wrap {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.okkwork-mkk-ws-cmt-card__foot .okkwork-mkk-ws-cmt-card__foot-reactions {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  max-width: min(100%, 220px);
}
.okkwork-mkk-ws-cmt-card__foot:not(:empty) {
  min-height: 32px;
}
.okkwork-mkk-ws-cmt-card__foot:empty {
  display: none;
}
.okkwork-mkk-ws-cmt-card__status-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex: 0 0 auto;
  min-width: 0;
}
.okkwork-mkk-ws-cmt-card__status-stack {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 44px;
  height: 30px;
  flex: 0 0 auto;
}
.okkwork-mkk-ws-cmt-card__status-stack > .okkwork-mkk-ws-cmt-card__status-btn:first-child {
  position: relative;
  z-index: 1;
}
.okkwork-mkk-ws-cmt-card__status-btn--mod-confirm {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  opacity: 0.42;
  filter: saturate(0.85);
}
.okkwork-mkk-ws-cmt-card__status-btn--mod-confirm.is-set {
  opacity: 1;
  filter: none;
}
.okkwork-mkk-ws-cmt-card__status-btn--mod-confirm svg {
  width: 30px;
  height: 30px;
}
.okkwork-mkk-ws-cmt-card--mod-confirmed .okkwork-mkk-ws-cmt-card__body {
  box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.2);
}
.okkwork-mkk-ws-cmt-card__status-btn {
  width: 30px;
  height: 30px;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.okkwork-mkk-ws-cmt-card__status-btn svg {
  width: 28px;
  height: 28px;
  display: block;
}
.okkwork-mkk-ws-cmt-card__status-add {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Inter", sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: rgba(81, 95, 108, 0.8);
  border: 1px dashed rgba(81, 95, 108, 0.35);
  border-radius: 999px;
  padding: 4px 8px;
  background: transparent;
  cursor: pointer;
}
.okkwork-mkk-ws-cmt-card__reply {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(81, 95, 108, 0.12);
}
.okkwork-mkk-ws-cmt-card__reply[hidden] {
  display: none !important;
}
.okkwork-mkk-ws-cmt-card__reply-input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(81, 95, 108, 0.28);
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 12px;
  font-family: inherit;
  resize: vertical;
  min-height: 52px;
}
.okkwork-mkk-ws-cmt-card__reply-actions {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 6px;
}
.okkwork-mkk-ws-cmt-card__reply-actions button {
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 11px;
  cursor: pointer;
}
.okkwork-mkk-ws-cmt-card__reply-send {
  background: #0658a2;
  color: #fff;
}
.okkwork-mkk-ws-cmt-card__reply-cancel {
  background: rgba(230, 234, 240, 1);
  color: #374151;
}
.okkwork-mkk-ws-cmt-filter-pop {
  position: fixed;
  z-index: 100200;
  min-width: 140px;
  max-width: 220px;
  max-height: 220px;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #fff;
  border: 1px solid rgba(81, 95, 108, 0.22);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
  padding: 4px 0;
}
.okkwork-mkk-ws-cmt-filter-pop.is-status {
  min-width: 200px;
  max-width: 280px;
}
.okkwork-mkk-ws-cmt-filter-pop button {
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  padding: 7px 12px;
  font-size: 11px;
  color: #374151;
  cursor: pointer;
}
.okkwork-mkk-ws-cmt-filter-pop button.okkwork-mkk-ws-cmt-filter-pop__opt--icon {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
}
.okkwork-mkk-ws-cmt-filter-pop__ava {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.okkwork-mkk-ws-filter-ava {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  font-weight: 800;
  background: rgba(148, 163, 184, 0.28);
  color: rgba(51, 65, 85, 1);
  overflow: hidden;
}
.okkwork-mkk-ws-filter-ava svg {
  width: 12px;
  height: 12px;
  display: block;
}

/* Плашка фильтра: авка выбранного значения снизу */
.okkwork-mkk-ws__filter-pill.has-picked-ava {
  position: relative;
  padding-bottom: 10px;
}
.okkwork-mkk-ws-filter-pill__label {
  display: inline-block;
}
.okkwork-mkk-ws-filter-pill__picked-ava {
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  z-index: 5;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(248, 249, 251, 1);
  border: 1px solid rgba(81, 95, 108, 0.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.okkwork-mkk-ws-filter-pill__picked-ava .okkwork-mkk-ws-filter-ava {
  width: 18px;
  height: 18px;
}

/* Фильтры (Комментарии / Сообщения / Регламент): не режем «авку снизу» */
.okkwork-mkk-ws-cmt-filters-row,
.okkwork-mkk-ws-cmt-filters-pills,
.okkwork-mkk-ws-msg-filters-row,
.okkwork-mkk-ws-msg-filters-pills,
.okkwork-mkk-ws-reg-filters-row,
.okkwork-mkk-ws-reg-filters-pills,
.okkwork-mkk-msg-expand__filters {
  overflow: visible !important;
}
.okkwork-mkk-ws-msg-filters-row,
.okkwork-mkk-ws-reg-filters-row,
.okkwork-mkk-msg-expand__filters.okkwork-mkk-ws__filters {
  margin-bottom: 12px;
}
/* Расширенный режим: без padding-bottom — иначе подпись «прыгает» вверх при выборе */
.okkwork-mkk-msg-expand__filters .okkwork-mkk-ws__filter-pill.has-picked-ava {
  padding-bottom: 0 !important;
}
.okkwork-mkk-msg-expand__filters .okkwork-mkk-ws-filter-pill__picked-ava {
  width: 18px;
  height: 18px;
  bottom: -10px;
  border: 1px solid rgba(6, 88, 162, 0.48);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 4px rgba(15, 23, 42, 0.14);
}
.okkwork-mkk-msg-expand__filters .okkwork-mkk-ws-filter-pill__picked-ava .okkwork-mkk-ws-filter-ava {
  width: 14px;
  height: 14px;
  font-size: 6px;
}

/* Сообщения: «Проекты» / «Подразделения» — читабельнее (не слипаются буквы) */
.okkwork-mkk-ws-msg-filters-pills .okkwork-mkk-ws__filter-pill[data-msg-filter="project"],
.okkwork-mkk-ws-msg-filters-pills .okkwork-mkk-ws__filter-pill[data-msg-filter="subdivision"],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-msg-filter="project"],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-msg-filter="subdivision"],
.okkwork-mkk-msg-expand__filters .okkwork-mkk-ws__filter-pill[data-msg-filter="project"],
.okkwork-mkk-msg-expand__filters .okkwork-mkk-ws__filter-pill[data-msg-filter="subdivision"] {
  font-family: "Inter-Medium", "Inter-Regular", ui-sans-serif, system-ui, sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
}
.okkwork-mkk-ws-msg-filters-pills .okkwork-mkk-ws__filter-pill[data-msg-filter="project"].is-active,
.okkwork-mkk-ws-msg-filters-pills .okkwork-mkk-ws__filter-pill[data-msg-filter="subdivision"].is-active,
.okkwork-mkk-msg-expand__filters .okkwork-mkk-ws__filter-pill[data-msg-filter="project"].is-active,
.okkwork-mkk-msg-expand__filters .okkwork-mkk-ws__filter-pill[data-msg-filter="subdivision"].is-active {
  font-weight: 600;
  letter-spacing: 0.025em;
}
.okkwork-mkk-msg-expand__filters .okkwork-mkk-ws__filter-pill[data-msg-filter="project"],
.okkwork-mkk-msg-expand__filters .okkwork-mkk-ws__filter-pill[data-msg-filter="subdivision"] {
  height: 26px;
  padding: 0 5px 3px;
  font-size: 11px;
}

/* Комментарии: «Проект / Специалист / Статус» — тот же шрифт, что у «Проекты / Подразделения» в Сообщениях */
.okkwork-mkk-ws-cmt-filters-pills .okkwork-mkk-ws__filter-pill[data-cmt-filter="project"],
.okkwork-mkk-ws-cmt-filters-pills .okkwork-mkk-ws__filter-pill[data-cmt-filter="specialist"],
.okkwork-mkk-ws-cmt-filters-pills .okkwork-mkk-ws__filter-pill[data-cmt-filter="status"],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-cmt-filter="project"],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-cmt-filter="specialist"],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-cmt-filter="status"],
.okkwork-mkk-cmt-expand__filters .okkwork-mkk-ws__filter-pill[data-cmt-filter="project"],
.okkwork-mkk-cmt-expand__filters .okkwork-mkk-ws__filter-pill[data-cmt-filter="specialist"],
.okkwork-mkk-cmt-expand__filters .okkwork-mkk-ws__filter-pill[data-cmt-filter="status"] {
  font-family: "Inter-Medium", "Inter-Regular", ui-sans-serif, system-ui, sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
}
.okkwork-mkk-ws-cmt-filters-pills .okkwork-mkk-ws__filter-pill[data-cmt-filter="project"].is-active,
.okkwork-mkk-ws-cmt-filters-pills .okkwork-mkk-ws__filter-pill[data-cmt-filter="specialist"].is-active,
.okkwork-mkk-ws-cmt-filters-pills .okkwork-mkk-ws__filter-pill[data-cmt-filter="status"].is-active,
.okkwork-mkk-cmt-expand__filters .okkwork-mkk-ws__filter-pill[data-cmt-filter="project"].is-active,
.okkwork-mkk-cmt-expand__filters .okkwork-mkk-ws__filter-pill[data-cmt-filter="specialist"].is-active,
.okkwork-mkk-cmt-expand__filters .okkwork-mkk-ws__filter-pill[data-cmt-filter="status"].is-active {
  font-weight: 600;
  letter-spacing: 0.025em;
}

/* Регламент: «Проект / Чек-листы / Блоки» — тот же шрифт, что в Сообщениях и Комментариях */
.okkwork-mkk-ws-reg-filters-pills .okkwork-mkk-ws__filter-pill[data-reg-filter="project"],
.okkwork-mkk-ws-reg-filters-pills .okkwork-mkk-ws__filter-pill[data-reg-filter="subdivision"],
.okkwork-mkk-ws-reg-filters-pills .okkwork-mkk-ws__filter-pill[data-reg-filter="checklist"],
.okkwork-mkk-ws-reg-filters-pills .okkwork-mkk-ws__filter-pill[data-reg-filter="block"],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-reg-filter="project"],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-reg-filter="subdivision"],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-reg-filter="checklist"],
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-reg-filter="block"] {
  font-family: "Inter-Medium", "Inter-Regular", ui-sans-serif, system-ui, sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.okkwork-mkk-ws-reg-filters-pills .okkwork-mkk-ws__filter-pill[data-reg-filter="project"].is-active,
.okkwork-mkk-ws-reg-filters-pills .okkwork-mkk-ws__filter-pill[data-reg-filter="subdivision"].is-active,
.okkwork-mkk-ws-reg-filters-pills .okkwork-mkk-ws__filter-pill[data-reg-filter="checklist"].is-active,
.okkwork-mkk-ws-reg-filters-pills .okkwork-mkk-ws__filter-pill[data-reg-filter="block"].is-active,
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-reg-filter="project"].is-active,
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-reg-filter="subdivision"].is-active,
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-reg-filter="checklist"].is-active,
#okkwork-mkk-violation-dashboard .okkwork-mkk-ws__filter-pill[data-reg-filter="block"].is-active {
  font-weight: 600;
  letter-spacing: 0.025em;
}

.okkwork-mkk-cmt-expand__filters .okkwork-mkk-ws__filter-pill[data-cmt-filter="project"],
.okkwork-mkk-cmt-expand__filters .okkwork-mkk-ws__filter-pill[data-cmt-filter="specialist"],
.okkwork-mkk-cmt-expand__filters .okkwork-mkk-ws__filter-pill[data-cmt-filter="status"] {
  height: 26px;
  padding: 0 5px 3px;
  font-size: 11px;
}
.okkwork-mkk-ws-cmt-filter-pop__ico {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
}
.okkwork-mkk-ws-cmt-filter-pop__ico svg {
  width: 14px;
  height: 14px;
  display: block;
}
.okkwork-mkk-ws-cmt-filter-pop__lbl {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.25;
}
.okkwork-mkk-ws-cmt-filter-pop button.is-active,
.okkwork-mkk-ws-cmt-filter-pop button:hover {
  background: rgba(6, 88, 162, 0.1);
  color: #0658a2;
}
.okkwork-mkk-ws-cmt-filter-pop__group-title {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px 4px;
  font-family: "Inter-Semi Bold", "Inter-Medium", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.35;
  text-transform: none;
  color: #475569;
  pointer-events: none;
  user-select: none;
}
.okkwork-mkk-ws-cmt-filter-pop__group-title::before {
  content: "";
  flex: 0 0 auto;
  width: 3px;
  height: 11px;
  border-radius: 2px;
  background: linear-gradient(180deg, #0658a2 0%, #3b82f6 100%);
  box-shadow: 0 0 0 1px rgba(6, 88, 162, 0.08);
}
.okkwork-mkk-ws-cmt-filter-pop__group-title:not(:first-child) {
  margin-top: 2px;
  border-top: 1px solid rgba(81, 95, 108, 0.1);
  padding-top: 10px;
}
.okkwork-mkk-ws-cmt-status-pop {
  position: fixed;
  z-index: 100200;
  width: 220px;
  overscroll-behavior: contain;
  background: #fff;
  border: 1px solid rgba(81, 95, 108, 0.22);
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
  padding: 8px 10px;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Inter", sans-serif;
}
.okkwork-mkk-ws-cmt-status-pop.okkwork-mkk-ws-cmt-status-pop--vd-top {
  z-index: 2147483647;
  transform: translateZ(0);
}
.okkwork-mkk-ws-cmt-status-pop__title {
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #64748b;
  margin-bottom: 6px;
}
.okkwork-mkk-ws-cmt-status-pop__opt {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  padding: 6px 4px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  border-radius: 6px;
}
.okkwork-mkk-ws-cmt-status-pop__opt:hover {
  background: rgba(81, 95, 108, 0.08);
}
.okkwork-mkk-ws-cmt-status-pop__opt svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
.okkwork-mkk-ws-cmt-list__empty {
  padding: 24px 12px;
  text-align: center;
  font-size: 12px;
  color: rgba(81, 95, 108, 0.75);
}
.okkwork-vd-vbtn.is-cmt-highlight {
  z-index: 5;
  outline: none;
}
.okkwork-vd-vbtn.is-cmt-highlight::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 6px;
  pointer-events: none;
  z-index: 0;
  animation: okkwork-mkk-cmt-highlight-ring 3s ease;
}
.okkwork-vd-vbtn.is-cmt-highlight .okkwork-vd-vbtn__num,
.okkwork-vd-vbtn.is-cmt-highlight .okkwork-vd-vbtn__notify,
.okkwork-vd-vbtn.is-cmt-highlight .okkwork-vd-vbtn__cmt {
  position: relative;
  z-index: 2;
}
@keyframes okkwork-mkk-cmt-highlight-ring {
  0%, 40% {
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 1), 0 0 0 4px rgba(245, 158, 11, 0.35);
  }
  100% {
    box-shadow: none;
  }
}

/* ——— Сообщения МКК ——— */
.okkwork-mkk-ws-pane.is-active.okkwork-mkk-ws-pane--msg {
  overflow: hidden;
  min-width: 0;
}
.okkwork-mkk-ws-pane.is-active:not(.okkwork-mkk-ws-pane--msg):not([data-mkk-ws-pane="dyn"]) {
  overflow: auto;
}
.okkwork-mkk-ws-msg-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0 4px;
  padding-right: 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(81, 95, 108, 0.45) transparent;
}
.okkwork-mkk-ws-msg-list::-webkit-scrollbar {
  width: 6px;
}
.okkwork-mkk-ws-msg-list::-webkit-scrollbar-thumb {
  background: rgba(81, 95, 108, 0.4);
  border-radius: 999px;
}
.okkwork-mkk-ws-msg-list::-webkit-scrollbar-track {
  background: transparent;
  margin: 0;
}
.okkwork-mkk-ws-msg-list:empty::after {
  content: "\041d\0435\0442 \0441\043e\043e\0431\0449\0435\043d\0438\0439";
  display: block;
  padding: 24px 8px;
  text-align: center;
  font-size: 12px;
  color: rgba(81, 95, 108, 0.65);
}
.okkwork-mkk-ws-msg-contacts {
  flex: 0 0 auto;
  flex-shrink: 0;
  order: 0;
  margin-top: 0 !important;
  padding: 4px var(--mkk-ws-inset-x, 12px) 8px;
  border-top: none;
  border-bottom: 1px solid rgba(81, 95, 108, 0.12);
  min-height: 0;
}
.okkwork-mkk-ws__body > .okkwork-mkk-ws-msg-contacts {
  width: 100%;
  box-sizing: border-box;
}
.okkwork-mkk-ws__body > .okkwork-mkk-ws-msg-contacts[hidden] {
  display: none !important;
}
.okkwork-mkk-ws-msg-contacts__row {
  width: 100%;
  min-width: 0;
}
.okkwork-mkk-ws-msg-contacts .profile-avatars-row {
  --profile-avatars-size: 31px;
  --profile-avatars-gap: 8px;
  --profile-avatars-overlap: 0px;
  max-width: 100%;
  justify-content: flex-start;
  gap: var(--profile-avatars-gap);
}
.okkwork-mkk-ws-msg-contacts .profile-avatars-row__item + .profile-avatars-row__item {
  margin-left: 0;
}
.okkwork-mkk-ws-msg-contacts .profile-avatars-row.is-overlap {
  gap: 0;
}
.okkwork-mkk-ws-msg-contacts .profile-avatars-row.is-overlap .profile-avatars-row__item + .profile-avatars-row__item {
  margin-left: calc(-1 * var(--profile-avatars-overlap));
}
.okkwork-mkk-msg-expand__list-col .okkwork-mkk-ws-msg-contacts {
  margin-top: 0;
  padding: 4px 10px 8px;
  border-top: none;
  border-bottom: 1px solid rgba(81, 95, 108, 0.12);
}
.okkwork-mkk-ws__body.is-msg-chat-open > .okkwork-mkk-ws-msg-contacts {
  display: none !important;
}
.okkwork-mkk-ws-msg-list.is-search-empty:empty::after {
  content: "\041f\0443\0441\0442\043e";
  color: rgba(81, 95, 108, 0.55);
  font-size: 13px;
}

/* —— Чат 1:1 —— */
.okkwork-mkk-ws-msg-chat {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.okkwork-mkk-ws-msg-chat[hidden] {
  display: none !important;
}
.okkwork-mkk-ws-msg-chat__head {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 4px 10px;
  border-bottom: 1px solid var(--mkk-ws-body-line, rgba(6, 88, 162, 0.26));
  margin-bottom: 6px;
}
.okkwork-mkk-ws-msg-chat.has-chat-bg .okkwork-mkk-ws-msg-chat__head,
.okkwork-mkk-msg-expand__chat-col.has-chat-bg .okkwork-mkk-ws-msg-chat__head {
  border-bottom-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 8px 8px 0 0;
  margin-bottom: 0;
  padding: 8px 8px 10px;
}
.okkwork-mkk-ws-msg-chat.has-chat-bg.is-chat-bg-light .okkwork-mkk-ws-msg-chat__name,
.okkwork-mkk-msg-expand__chat-col.has-chat-bg.is-chat-bg-light .okkwork-mkk-ws-msg-chat__name {
  color: rgba(17, 24, 39, 0.94);
}
.okkwork-mkk-ws-msg-chat.has-chat-bg.is-chat-bg-light .okkwork-mkk-ws-msg-chat__role,
.okkwork-mkk-msg-expand__chat-col.has-chat-bg.is-chat-bg-light .okkwork-mkk-ws-msg-chat__role {
  color: rgba(55, 65, 81, 0.82);
}
.okkwork-mkk-ws-msg-chat.has-chat-bg.is-chat-bg-medium .okkwork-mkk-ws-msg-chat__name,
.okkwork-mkk-msg-expand__chat-col.has-chat-bg.is-chat-bg-medium .okkwork-mkk-ws-msg-chat__name {
  color: rgba(15, 23, 42, 0.96);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42);
}
.okkwork-mkk-ws-msg-chat.has-chat-bg.is-chat-bg-medium .okkwork-mkk-ws-msg-chat__role,
.okkwork-mkk-msg-expand__chat-col.has-chat-bg.is-chat-bg-medium .okkwork-mkk-ws-msg-chat__role {
  color: rgba(30, 41, 59, 0.88);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.28);
}
.okkwork-mkk-ws-msg-chat.has-chat-bg.is-chat-bg-light .okkwork-mkk-ws-msg-chat__ava,
.okkwork-mkk-msg-expand__chat-col.has-chat-bg.is-chat-bg-light .okkwork-mkk-ws-msg-chat__ava {
  background: rgba(255, 255, 255, 0.72);
  color: #0658a2;
}
.okkwork-mkk-ws-msg-chat.has-chat-bg.is-chat-bg-medium .okkwork-mkk-ws-msg-chat__ava,
.okkwork-mkk-msg-expand__chat-col.has-chat-bg.is-chat-bg-medium .okkwork-mkk-ws-msg-chat__ava {
  background: rgba(255, 255, 255, 0.82);
  color: #0658a2;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

/* Фон чата: пустое состояние — контрастный текст под tone */
.okkwork-mkk-ws-msg-chat.has-chat-bg.is-chat-bg-light .okkwork-mkk-ws-msg-chat__empty-select,
.okkwork-mkk-msg-expand__chat-col.has-chat-bg.is-chat-bg-light .okkwork-mkk-ws-msg-chat__empty-select,
.okkwork-mkk-ws-msg-chat.has-chat-bg.is-chat-bg-light .okkwork-mkk-ws-msg-chat__empty,
.okkwork-mkk-msg-expand__chat-col.has-chat-bg.is-chat-bg-light .okkwork-mkk-ws-msg-chat__empty {
  color: rgba(17, 24, 39, 0.9);
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.85);
  font-weight: 500;
}
.okkwork-mkk-ws-msg-chat.has-chat-bg.is-chat-bg-medium .okkwork-mkk-ws-msg-chat__empty-select,
.okkwork-mkk-msg-expand__chat-col.has-chat-bg.is-chat-bg-medium .okkwork-mkk-ws-msg-chat__empty-select,
.okkwork-mkk-ws-msg-chat.has-chat-bg.is-chat-bg-medium .okkwork-mkk-ws-msg-chat__empty,
.okkwork-mkk-msg-expand__chat-col.has-chat-bg.is-chat-bg-medium .okkwork-mkk-ws-msg-chat__empty {
  color: rgba(15, 23, 42, 0.94);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 10px rgba(255, 255, 255, 0.45);
  font-weight: 500;
}
.okkwork-mkk-ws-msg-chat.has-chat-bg.is-chat-bg-dark .okkwork-mkk-ws-msg-chat__empty-select,
.okkwork-mkk-msg-expand__chat-col.has-chat-bg.is-chat-bg-dark .okkwork-mkk-ws-msg-chat__empty-select,
.okkwork-mkk-ws-msg-chat.has-chat-bg.is-chat-bg-dark .okkwork-mkk-ws-msg-chat__empty,
.okkwork-mkk-msg-expand__chat-col.has-chat-bg.is-chat-bg-dark .okkwork-mkk-ws-msg-chat__empty {
  color: rgba(248, 250, 252, 0.96);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  font-weight: 500;
}
.okkwork-mkk-ws-msg-chat__back {
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  display: grid;
  place-items: center;
  color: #0658a2;
  flex-shrink: 0;
}
.okkwork-mkk-ws-msg-chat__back:hover {
  background: rgba(6, 88, 162, 0.08);
}
.okkwork-mkk-ws-msg-chat__peer {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.okkwork-mkk-ws-msg-chat__ava {
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  max-width: 34px;
  max-height: 34px;
  aspect-ratio: 1 / 1;
  flex: 0 0 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(6, 88, 162, 0.18), rgba(0, 184, 217, 0.22));
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 700;
  color: #0658a2;
}
.okkwork-mkk-ws-msg-chat__name {
  font-size: 13px;
  font-weight: 700;
  color: rgba(55, 65, 81, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.okkwork-mkk-ws-msg-chat__role {
  font-size: 10px;
  color: rgba(81, 95, 108, 0.75);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.okkwork-mkk-ws-msg-chat__thread {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px 18px 10px;
  scrollbar-width: thin;
  scrollbar-color: rgba(81, 95, 108, 0.45) transparent;
}
.okkwork-mkk-ws-msg-chat__thread::-webkit-scrollbar {
  width: 6px;
}
.okkwork-mkk-ws-msg-chat__thread::-webkit-scrollbar-thumb {
  background: rgba(81, 95, 108, 0.4);
  border-radius: 999px;
}
.okkwork-mkk-ws-chat-row {
  display: flex;
  gap: 8px;
  align-items: flex-end;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.okkwork-mkk-ws-chat-row.is-grouped {
  margin-top: 0;
}
.okkwork-mkk-ws-chat-row.is-group-break {
  margin-top: 8px;
}
.okkwork-mkk-ws-chat-row.is-in {
  align-self: stretch;
  justify-content: flex-start;
  margin-left: 8px;
  margin-right: 0;
}
.okkwork-mkk-ws-chat-row.is-out {
  align-self: stretch;
  justify-content: flex-end;
  margin-right: 8px;
  margin-left: 0;
}
.okkwork-mkk-ws-chat-row__ava {
  display: none;
}
.okkwork-mkk-ws-chat-bubble {
  flex: 0 1 auto;
  max-width: min(420px, 88%);
  min-width: var(--mkk-chat-bubble-min-w, 84px);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.okkwork-mkk-ws-chat-row__bubble-wrap .okkwork-mkk-ws-chat-bubble {
  max-width: 100%;
}
.okkwork-mkk-ws-chat-bubble__shape {
  position: relative;
  max-width: 100%;
  min-width: var(--mkk-chat-bubble-min-w, 84px);
  overflow: visible;
}
.okkwork-mkk-ws-chat-bubble__body {
  position: relative;
  z-index: 1;
  max-width: 100%;
  min-width: var(--mkk-chat-bubble-min-w, 84px);
  box-sizing: border-box;
  padding: 8px 11px 6px;
  border-radius: 20px;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: break-all;
  overflow: hidden;
}
.okkwork-mkk-ws-chat-bubble.is-in .okkwork-mkk-ws-chat-bubble__shape {
  --mkk-bubble-tail-fill: #eef2f6;
  --mkk-bubble-tail-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 12'%3E%3Cpath fill='%23000' d='M9 0C9 7.2 6.2 10.5 0 12H9V0Z'/%3E%3C/svg%3E");
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-chat-bubble__shape {
  --mkk-bubble-tail-fill: #007fb8;
  --mkk-bubble-tail-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 12'%3E%3Cpath fill='%23000' d='M0 0C0 7.2 2.8 10.5 9 12H0V0Z'/%3E%3C/svg%3E");
}
.okkwork-mkk-ws-chat-bubble.has-tail .okkwork-mkk-ws-chat-bubble__shape::after {
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 9px;
  height: 12px;
  background-color: var(--mkk-bubble-tail-fill);
  -webkit-mask-image: var(--mkk-bubble-tail-mask);
  mask-image: var(--mkk-bubble-tail-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  pointer-events: none;
}
.okkwork-mkk-ws-chat-bubble.is-in.has-tail .okkwork-mkk-ws-chat-bubble__shape::after {
  left: -6px;
}
.okkwork-mkk-ws-chat-bubble.is-out.has-tail .okkwork-mkk-ws-chat-bubble__shape::after {
  right: -6px;
}
.okkwork-mkk-ws-chat-bubble.is-in .okkwork-mkk-ws-chat-bubble__body {
  --mkk-bubble-tail-fill: #eef2f6;
  background: linear-gradient(155deg, #ffffff 0%, #f3f6f9 52%, #eef2f6 100%);
  border: 1px solid rgba(255, 255, 255, 0.85);
  color: rgba(55, 65, 81, 1);
  box-shadow:
    0 2px 5px rgba(15, 23, 42, 0.09),
    0 1px 2px rgba(15, 23, 42, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(15, 23, 42, 0.05),
    inset 1px 0 0 rgba(255, 255, 255, 0.45);
}
.okkwork-mkk-ws-chat-bubble.is-in.has-tail .okkwork-mkk-ws-chat-bubble__body {
  border-bottom-left-radius: 3px;
  border-left-color: transparent;
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-chat-bubble__body {
  --mkk-bubble-tail-fill: #007fb8;
  background: linear-gradient(155deg, #0870c4 0%, #0094cc 48%, #007fb8 100%);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow:
    0 3px 10px rgba(6, 88, 162, 0.28),
    0 1px 3px rgba(6, 88, 162, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    inset 0 -2px 0 rgba(0, 0, 0, 0.1),
    inset -1px 0 0 rgba(0, 0, 0, 0.06);
}
.okkwork-mkk-ws-chat-bubble.is-out.has-tail .okkwork-mkk-ws-chat-bubble__body {
  border-bottom-right-radius: 3px;
}
.okkwork-mkk-ws-chat-bubble.is-in.is-grouped .okkwork-mkk-ws-chat-bubble__body {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
.okkwork-mkk-ws-chat-bubble.is-in.has-tail.is-grouped .okkwork-mkk-ws-chat-bubble__body {
  border-bottom-left-radius: 3px;
}
.okkwork-mkk-ws-chat-bubble.is-out.is-grouped .okkwork-mkk-ws-chat-bubble__body {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
.okkwork-mkk-ws-chat-bubble.is-out.has-tail.is-grouped .okkwork-mkk-ws-chat-bubble__body {
  border-bottom-right-radius: 3px;
}
.okkwork-mkk-ws-chat-bubble__text {
  display: block;
  max-width: 100%;
  min-width: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-all;
}

.okkwork-mkk-ws-chat-attaches {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 6px;
}
.okkwork-mkk-ws-chat-attach {
  max-width: 100%;
}
.okkwork-mkk-ws-chat-attach--image,
.okkwork-mkk-ws-chat-attach--video {
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(15, 23, 42, 0.08);
}
.okkwork-mkk-ws-chat-attach__img {
  display: block;
  width: 100%;
  max-width: 240px;
  height: auto;
}
.okkwork-mkk-ws-chat-attach__vid {
  display: block;
  width: 100%;
  max-width: 240px;
  height: auto;
}
.okkwork-mkk-ws-chat-attach--file {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(15, 23, 42, 0.10);
}
.okkwork-mkk-ws-chat-attach__badge {
  font-size: 11px;
  font-weight: 800;
  color: rgba(6, 88, 162, 0.9);
  background: rgba(6, 88, 162, 0.12);
  border: 1px solid rgba(6, 88, 162, 0.18);
  padding: 2px 6px;
  border-radius: 8px;
  flex: 0 0 auto;
}
.okkwork-mkk-ws-chat-attach__name {
  font-size: 12px;
  line-height: 1.25;
  color: rgba(30, 41, 59, 0.88);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 260px;
}
.okkwork-mkk-ws-chat-attach__name { display: none; }
.okkwork-mkk-ws-chat-bubble.is-editing .okkwork-mkk-ws-chat-bubble__body {
  min-width: var(--mkk-chat-bubble-min-w, 84px);
  max-width: 100%;
}
.okkwork-mkk-ws-msg-inline-edit {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: none;
  background: transparent;
  resize: none;
  font: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  padding: 0;
  margin: 0;
  outline: none;
  overflow: hidden;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-msg-inline-edit {
  color: #fff;
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-msg-inline-edit::placeholder {
  color: rgba(255, 255, 255, 0.65);
}
.okkwork-mkk-ws-card--msg.is-editing .okkwork-mkk-ws-card__text {
  display: none;
}
.okkwork-mkk-ws-card__edit {
  display: block;
  width: 100%;
  margin: 0;
  border: 1px solid rgba(6, 88, 162, 0.35);
  border-radius: 8px;
  padding: 6px 8px;
  font: inherit;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(30, 41, 59, 0.92);
  background: rgba(255, 255, 255, 0.96);
  resize: vertical;
  min-height: 44px;
  outline: none;
}
.okkwork-mkk-ws-card__edit:focus {
  border-color: rgba(6, 88, 162, 0.65);
  box-shadow: 0 0 0 2px rgba(6, 88, 162, 0.12);
}
.okkwork-mkk-ws-chat-bubble__reply {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin: 0 0 6px;
  min-width: 0;
  padding: 4px 8px 4px 0;
  border-radius: 8px;
  background: rgba(6, 88, 162, 0.1);
  overflow: hidden;
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-chat-bubble__reply {
  background: rgba(0, 0, 0, 0.16);
}
.okkwork-mkk-ws-chat-bubble__reply-bar {
  width: 3px;
  border-radius: 0;
  flex-shrink: 0;
  min-height: 30px;
  margin-right: 8px;
}
.okkwork-mkk-ws-chat-bubble.is-in .okkwork-mkk-ws-chat-bubble__reply-bar {
  background: rgba(6, 88, 162, 0.9);
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-chat-bubble__reply-bar {
  background: rgba(255, 255, 255, 0.92);
}
.okkwork-mkk-ws-chat-bubble__reply-body {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.okkwork-mkk-ws-chat-bubble__reply-name {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
}
.okkwork-mkk-ws-chat-bubble.is-in .okkwork-mkk-ws-chat-bubble__reply-name {
  color: rgba(6, 88, 162, 0.96);
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-chat-bubble__reply-name {
  color: rgba(255, 255, 255, 0.96);
}
.okkwork-mkk-ws-chat-bubble__reply-text {
  font-size: 11px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.okkwork-mkk-ws-chat-bubble.is-in .okkwork-mkk-ws-chat-bubble__reply-text {
  color: rgba(81, 95, 108, 0.72);
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-chat-bubble__reply-text {
  color: rgba(255, 255, 255, 0.74);
}
.okkwork-mkk-ws-chat-bubble__body:has(.okkwork-mkk-ws-chat-bubble__reply) {
  padding-top: 7px;
}
.okkwork-mkk-ws-msg-reply-draft {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 8px;
  padding: 8px 8px 8px 10px;
  border-radius: 10px;
  background: rgba(6, 88, 162, 0.1);
  border: 1px solid rgba(6, 88, 162, 0.12);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.okkwork-mkk-ws-msg-reply-draft[hidden] {
  display: none !important;
}
.okkwork-mkk-ws-msg-reply-draft__icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 1px;
  color: rgba(6, 88, 162, 0.9);
}
.okkwork-mkk-ws-msg-reply-draft__bar {
  display: none;
}
.okkwork-mkk-ws-msg-reply-draft__body {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.okkwork-mkk-ws-msg-reply-draft__label {
  font-size: 11px;
  font-weight: 700;
  color: rgba(6, 88, 162, 0.96);
  line-height: 1.25;
}
.okkwork-mkk-ws-msg-reply-draft__name {
  display: none;
}
.okkwork-mkk-ws-msg-reply-draft__text {
  font-size: 11px;
  line-height: 1.35;
  color: rgba(55, 65, 81, 0.82);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.okkwork-mkk-ws-msg-reply-draft__cancel {
  width: 22px;
  height: 22px;
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  align-self: flex-start;
  background: transparent;
  color: rgba(81, 95, 108, 0.65);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}
.okkwork-mkk-ws-msg-reply-draft__cancel:hover {
  background: rgba(6, 88, 162, 0.08);
  color: rgba(6, 88, 162, 0.9);
}
.okkwork-mkk-ws-chat-bubble__time {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
  font-size: 10px;
  line-height: 1;
  user-select: none;
  flex-shrink: 0;
}
.okkwork-mkk-ws-chat-bubble__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 2px;
  min-height: 14px;
}
.okkwork-mkk-ws-chat-bubble__meta.is-in {
  justify-content: flex-end;
}
.okkwork-mkk-ws-chat-bubble__meta.is-out {
  justify-content: flex-end;
}
.okkwork-mkk-ws-chat-bubble__time-meta {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
  margin-left: auto;
}
.okkwork-mkk-ws-chat-bubble__delivery {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  line-height: 1;
}
.okkwork-mkk-ws-chat-bubble__delivery .okkwork-mkk-ws-msg-read svg,
.okkwork-mkk-ws-chat-bubble__delivery .okkwork-mkk-ws-msg-delivery svg {
  width: 14px;
  height: 10px;
}
.okkwork-mkk-ws-chat-bubble.is-in .okkwork-mkk-ws-chat-bubble__time {
  color: rgba(81, 95, 108, 0.55);
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-chat-bubble__time {
  color: rgba(255, 255, 255, 0.72);
}
.okkwork-mkk-ws-chat-bubble__time .okkwork-mkk-ws-msg-read svg {
  width: 14px;
  height: 10px;
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-chat-bubble__delivery .okkwork-mkk-ws-msg-read--read svg path,
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-chat-bubble__time .okkwork-mkk-ws-msg-read--read svg path {
  stroke: rgba(255, 255, 255, 0.85);
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-chat-bubble__delivery .okkwork-mkk-ws-msg-read--unread svg path,
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-chat-bubble__time .okkwork-mkk-ws-msg-read--unread svg path {
  stroke: rgba(255, 255, 255, 0.65);
}
.okkwork-mkk-ws-chat-bubble__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
  min-width: 0;
}
.okkwork-mkk-ws-chat-bubble__reactions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  flex: 0 1 auto;
  min-width: 0;
  margin-right: auto;
}
.okkwork-mkk-ws-chat-bubble__footer .okkwork-mkk-ws-chat-bubble__time,
.okkwork-mkk-ws-chat-bubble__footer .okkwork-mkk-ws-chat-bubble__time-meta {
  margin: 0;
  flex-shrink: 0;
  margin-left: auto;
}
.okkwork-mkk-ws-chat-bubble .okkwork-mkk-ws-msg-reaction-chip {
  font-size: 11px;
  line-height: 1.15;
  padding: 2px 5px 2px 3px;
}
.okkwork-mkk-ws-chat-bubble .okkwork-mkk-ws-msg-reaction-ava {
  width: 16px;
  height: 16px;
  font-size: 6px;
}
.okkwork-mkk-ws-chat-bubble.is-in .okkwork-mkk-ws-msg-reaction-chip {
  background: rgba(6, 88, 162, 0.12);
  border-color: rgba(6, 88, 162, 0.14);
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-msg-reaction-chip {
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.24);
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-msg-reaction-ava {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(220, 235, 255, 0.95));
  color: #0658a2;
}
.okkwork-mkk-ws-chat-bubble__body:has(.okkwork-mkk-ws-chat-bubble__footer) {
  padding-bottom: 5px;
}
.okkwork-mkk-ws-voice-msg {
  min-width: var(--mkk-chat-bubble-min-w, 84px);
  max-width: min(320px, 88%);
}
.okkwork-mkk-ws-voice-msg__top {
  display: flex;
  align-items: center;
  gap: 10px;
}
.okkwork-mkk-ws-voice-msg__play {
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  cursor: pointer;
  background: rgba(6, 88, 162, 1);
  color: #fff;
  padding: 0;
  transition: filter 0.15s ease, transform 0.15s ease;
}
.okkwork-mkk-ws-voice-msg__play:hover {
  filter: brightness(1.06);
}
.okkwork-mkk-ws-voice-msg__play.is-playing {
  background: rgba(6, 88, 162, 0.88);
}
.okkwork-mkk-ws-voice-msg__play svg {
  width: 18px;
  height: 18px;
  display: block;
}
.okkwork-mkk-ws-voice-msg__play .okkwork-mkk-ws-voice-msg__ico-pause {
  display: none;
}
.okkwork-mkk-ws-voice-msg__play.is-playing .okkwork-mkk-ws-voice-msg__ico-play {
  display: none;
}
.okkwork-mkk-ws-voice-msg__play.is-playing .okkwork-mkk-ws-voice-msg__ico-pause {
  display: block;
}
.okkwork-mkk-ws-voice-msg__track {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.okkwork-mkk-ws-voice-msg__wave {
  flex: 1 1 auto;
  min-width: 0;
  height: 28px;
  display: flex;
  align-items: center;
  gap: 2px;
}
.okkwork-mkk-ws-voice-msg__bar {
  flex: 1 1 0;
  min-width: 2px;
  max-width: 4px;
  border-radius: 999px;
  background: rgba(81, 95, 108, 0.28);
}
.okkwork-mkk-ws-voice-msg__tx {
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 8px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  cursor: pointer;
  background: rgba(6, 88, 162, 0.1);
  color: #0658a2;
  font-size: 11px;
  font-weight: 700;
  padding: 0;
  line-height: 1;
}
.okkwork-mkk-ws-voice-msg__tx:hover {
  background: rgba(6, 88, 162, 0.16);
}
.okkwork-mkk-ws-voice-msg__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  margin-top: 2px;
  padding-left: 54px;
}
.okkwork-mkk-ws-chat-bubble__body:has(.okkwork-mkk-ws-voice-msg) {
  position: relative;
}
.okkwork-mkk-ws-voice-msg__bottom .okkwork-mkk-ws-chat-bubble__time-meta {
  margin-left: auto;
}
.okkwork-mkk-ws-voice-msg__dur {
  font-size: 11px;
  font-weight: 600;
  color: rgba(6, 88, 162, 0.88);
  line-height: 1;
}
.okkwork-mkk-ws-voice-msg .okkwork-mkk-ws-chat-bubble__time {
  float: none;
  top: 0;
  margin: 0;
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-voice-msg__play {
  background: rgba(255, 255, 255, 0.95);
  color: #0658a2;
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-voice-msg__bar {
  background: rgba(255, 255, 255, 0.45);
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-voice-msg__dur {
  color: rgba(255, 255, 255, 0.9);
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-voice-msg__tx {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}
.okkwork-mkk-ws-chat-bubble.is-out .okkwork-mkk-ws-voice-msg__tx:hover {
  background: rgba(255, 255, 255, 0.28);
}
.okkwork-mkk-ws-chat-bubble__body:has(.okkwork-mkk-ws-voice-msg) {
  padding-bottom: 6px;
}

/* Компактная лента диалога в боковой панели */
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-msg-chat__head {
  padding: 8px 6px 8px;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-msg-chat__thread {
  padding: 4px 6px 8px;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-chat-row.is-in {
  margin-left: 0;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-chat-row.is-out {
  margin-right: 0;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-chat-bubble {
  max-width: min(248px, 92%);
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-chat-bubble__body {
  padding: 7px 9px 5px;
  border-radius: 16px;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-chat-bubble.has-tail .okkwork-mkk-ws-chat-bubble__shape::after {
  width: 8px;
  height: 10px;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-chat-bubble.is-in.has-tail .okkwork-mkk-ws-chat-bubble__shape::after {
  left: -5px;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-chat-bubble.is-out.has-tail .okkwork-mkk-ws-chat-bubble__shape::after {
  right: -5px;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-voice-msg {
  min-width: var(--mkk-chat-bubble-min-w, 84px);
  width: 100%;
  max-width: min(220px, 92%);
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-voice-msg__top {
  gap: 6px;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-voice-msg__play {
  width: 32px;
  height: 32px;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-voice-msg__play svg {
  width: 13px;
  height: 13px;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-voice-msg__wave {
  height: 16px;
  gap: 1px;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-voice-msg__bar {
  min-width: 1px;
  max-width: 3px;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-voice-msg__tx {
  width: 20px;
  height: 20px;
  font-size: 8px;
  border-radius: 5px;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-voice-msg__bottom {
  padding-left: 38px;
  margin-top: 0;
  gap: 4px;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-voice-msg__dur {
  font-size: 10px;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-voice-msg .okkwork-mkk-ws-chat-bubble__time {
  font-size: 9px;
}
.okkwork-mkk-ws-msg-chat:not(.is-expand-pane) .okkwork-mkk-ws-chat-bubble__body:has(.okkwork-mkk-ws-voice-msg) {
  padding: 5px 7px 4px;
}
.okkwork-mkk-ws-msg-chat__empty {
  margin: auto;
  text-align: center;
  font-size: 12px;
  color: rgba(81, 95, 108, 0.65);
  padding: 24px 12px;
}
.okkwork-mkk-ws-card--msg {
  position: relative;
  cursor: pointer;
}
.okkwork-mkk-ws-card--msg:hover {
  border-color: rgba(6, 88, 162, 0.28);
  box-shadow: 0 2px 10px rgba(6, 88, 162, 0.08);
}
.okkwork-mkk-ws-card--msg.is-thread-unread .okkwork-mkk-ws-card__name {
  font-weight: 800;
}
.okkwork-mkk-ws-card--msg .okkwork-mkk-ws-card__text {
  padding-bottom: 0;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.okkwork-mkk-ws-msg-foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  margin-top: 2px;
}
.okkwork-mkk-ws-msg-foot__end {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: auto;
}
.okkwork-mkk-ws-msg-read {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  line-height: 0;
}
.okkwork-mkk-ws-msg-read svg {
  width: 16px;
  height: 11px;
}
.okkwork-mkk-ws-msg-read--unread svg path {
  stroke: #38bdf8;
}
.okkwork-mkk-ws-msg-read--read svg path {
  stroke: #2563eb;
}
.okkwork-mkk-ws-msg-read--pending svg path {
  stroke: rgba(56, 189, 248, 0.45);
}
.okkwork-mkk-ws-msg-delivery {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
  vertical-align: middle;
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: default;
}
.okkwork-mkk-ws-msg-delivery.is-resend {
  cursor: pointer;
  color: #dc2626;
  border-radius: 999px;
}
.okkwork-mkk-ws-msg-delivery.is-resend:hover {
  background: rgba(220, 38, 38, 0.1);
}
.okkwork-mkk-ws-msg-delivery.is-resend svg {
  width: 15px;
  height: 15px;
  display: block;
}
.okkwork-mkk-ws-msg-delivery__dot {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #dc2626;
  border: 1.5px solid #b91c1c;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
  display: inline-block;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85);
}
.okkwork-mkk-ws-msg-delivery.is-blink {
  animation: okkwork-mkk-msg-delivery-blink 1s ease-in-out infinite;
}
@keyframes okkwork-mkk-msg-delivery-blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.32;
  }
}
.okkwork-mkk-ws-chat-bubble__delivery .okkwork-mkk-ws-msg-delivery,
.okkwork-mkk-ws-chat-bubble__time-meta .okkwork-mkk-ws-msg-delivery,
.okkwork-mkk-ws-chat-bubble__time .okkwork-mkk-ws-msg-delivery,
.okkwork-mkk-ws-msg-foot .okkwork-mkk-ws-msg-delivery {
  margin-left: 2px;
}
.okkwork-mkk-ws-msg-reactions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 4px;
  margin-right: auto;
}
.okkwork-mkk-ws-msg-reaction-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px 2px 4px;
  border-radius: 999px;
  background: rgba(235, 238, 242, 0.95);
  border: 1px solid rgba(81, 95, 108, 0.12);
  font-size: 13px;
  line-height: 1.2;
}
.okkwork-mkk-ws-msg-reaction-chip__users {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.okkwork-mkk-ws-msg-reaction-ava {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 7px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, #0658a2, #00b8d9);
  flex-shrink: 0;
}
.okkwork-mkk-ws-card--msg.is-pinned {
  border-color: rgba(6, 88, 162, 0.35);
  box-shadow: 0 2px 8px rgba(6, 88, 162, 0.1);
}
.okkwork-mkk-ws-card--msg.is-selected {
  outline: 2px solid rgba(6, 88, 162, 0.45);
  outline-offset: 1px;
}
.okkwork-mkk-ws-msg-list.is-select-mode .okkwork-mkk-ws-card--msg {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}
.okkwork-mkk-ws-card__pick,
.okkwork-mkk-ws-chat-row__pick {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin-top: 6px;
  border-radius: 50%;
  border: 2px solid rgba(120, 130, 140, 0.55);
  background: transparent;
  padding: 0;
  cursor: pointer;
  position: relative;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.okkwork-mkk-ws-card__pick:hover,
.okkwork-mkk-ws-chat-row__pick:hover {
  border-color: rgba(6, 88, 162, 0.65);
}
.okkwork-mkk-ws-card__pick.is-picked,
.okkwork-mkk-ws-chat-row__pick.is-picked,
.okkwork-mkk-ws-chat-row.is-picked .okkwork-mkk-ws-chat-row__pick {
  border-color: #007fb8;
  background: #007fb8;
}
.okkwork-mkk-ws-card__pick.is-picked::after,
.okkwork-mkk-ws-chat-row__pick.is-picked::after,
.okkwork-mkk-ws-chat-row.is-picked .okkwork-mkk-ws-chat-row__pick::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 9px;
  margin: -6px 0 0 -3px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.okkwork-mkk-ws-card__pick[hidden],
.okkwork-mkk-ws-chat-row__pick[hidden] {
  display: none;
}
.okkwork-mkk-ws-card__body {
  flex: 1 1 auto;
  min-width: 0;
}
.okkwork-mkk-ws-msg-chat__thread.is-select-mode {
  padding-left: 10px;
  padding-right: 10px;
}
.okkwork-mkk-ws-msg-chat__thread.is-select-mode .okkwork-mkk-ws-chat-row {
  width: 100%;
  max-width: 100%;
  align-self: stretch;
  align-items: center;
  gap: 10px;
  margin-left: 0;
  margin-right: 0;
  cursor: pointer;
}
.okkwork-mkk-ws-msg-chat__thread.is-select-mode .okkwork-mkk-ws-chat-row__bubble-wrap {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
}
.okkwork-mkk-ws-msg-chat__thread.is-select-mode .okkwork-mkk-ws-chat-row.is-in .okkwork-mkk-ws-chat-row__bubble-wrap {
  justify-content: flex-start;
}
.okkwork-mkk-ws-msg-chat__thread.is-select-mode .okkwork-mkk-ws-chat-row.is-out .okkwork-mkk-ws-chat-row__bubble-wrap {
  justify-content: flex-end;
}
.okkwork-mkk-ws-msg-chat__thread.is-select-mode .okkwork-mkk-ws-chat-row__pick {
  margin-top: 0;
}
.okkwork-mkk-ws-msg-chat.is-select-mode .okkwork-mkk-ws-msg-chat__head {
  opacity: 0.72;
}
.okkwork-mkk-ws-msg-select-bar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  margin: 0 8px 8px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(120, 120, 120, 0.2);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.1);
  font-family: ui-sans-serif, system-ui, "Inter", "Segoe UI", Roboto, Arial, sans-serif;
}
.okkwork-mkk-ws-msg-select-bar[hidden] {
  display: none !important;
}
.okkwork-mkk-ws-msg-select-bar__cancel {
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 50%;
  background: rgba(81, 95, 108, 0.1);
  color: rgba(45, 55, 65, 0.9);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
}
.okkwork-mkk-ws-msg-select-bar__cancel:hover {
  background: rgba(81, 95, 108, 0.16);
}
.okkwork-mkk-ws-msg-select-bar__count {
  min-width: 28px;
  font-size: 15px;
  font-weight: 700;
  color: rgba(30, 41, 59, 0.92);
}
.okkwork-mkk-ws-msg-select-bar__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
}
.okkwork-mkk-ws-msg-select-bar__action {
  width: 38px;
  height: 38px;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: rgba(45, 55, 65, 0.88);
  cursor: pointer;
  display: grid;
  place-items: center;
}
.okkwork-mkk-ws-msg-select-bar__action:hover:not(:disabled) {
  background: rgba(6, 88, 162, 0.1);
  color: #0658a2;
}
.okkwork-mkk-ws-msg-select-bar__action:disabled {
  opacity: 0.35;
  cursor: default;
}
.okkwork-mkk-ws-msg-select-bar__action.is-danger:hover:not(:disabled) {
  background: rgba(220, 38, 38, 0.1);
  color: #dc2626;
}
.okkwork-mkk-ws-msg-select-bar__action svg {
  width: 20px;
  height: 20px;
}
.okkwork-mkk-ws-pane--msg .okkwork-mkk-ws-msg-select-bar--list {
  margin: 8px 0 0;
}
.okkwork-mkk-msg-expand__list-col .okkwork-mkk-ws-msg-select-bar--list {
  margin: 8px 8px 0;
}
.okkwork-mkk-ws-msg-ctx {
  position: fixed;
  z-index: 100090;
  display: none;
  flex-direction: column;
  min-width: 220px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(120, 120, 120, 0.22);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  font-family: ui-sans-serif, system-ui, "Inter", "Segoe UI", Roboto, Arial, sans-serif;
}
.okkwork-mkk-ws-msg-ctx.is-open {
  display: flex;
}
.okkwork-vd-cell-ctx {
  min-width: 340px;
  max-width: min(420px, calc(100vw - 16px));
}
.okkwork-vd-cell-ctx .okkwork-mkk-ws-msg-ctx__item span {
  white-space: normal;
  line-height: 1.35;
}
.okkwork-mkk-ws-msg-ctx__reacts {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 8px 10px;
  border-bottom: 1px solid rgba(120, 120, 120, 0.14);
  flex-wrap: wrap;
}
.okkwork-mkk-ws-msg-ctx__react-btn {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: transparent;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}
.okkwork-mkk-ws-msg-ctx__react-btn:hover {
  background: rgba(6, 88, 162, 0.08);
}
.okkwork-mkk-ws-msg-ctx__menu {
  display: flex;
  flex-direction: column;
  padding: 6px 0;
}
.okkwork-mkk-ws-msg-ctx__item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  border: none;
  background: transparent;
  padding: 10px 16px;
  font-size: 14px;
  color: rgba(55, 65, 81, 1);
  text-align: left;
  cursor: pointer;
}
.okkwork-mkk-ws-msg-ctx__item:hover {
  background: rgba(6, 88, 162, 0.06);
}
.okkwork-mkk-ws-msg-ctx__item svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: rgba(72, 87, 101, 1);
}
.okkwork-mkk-ws-msg-ctx__item .okkwork-mkk-ws-msg-ctx__ico-img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  object-fit: contain;
  opacity: 0.88;
}
.okkwork-mkk-ws-msg-ctx__item--danger {
  color: rgba(220, 38, 38, 1);
}
.okkwork-mkk-ws-msg-ctx__item--danger svg {
  color: rgba(220, 38, 38, 1);
}
.okkwork-mkk-ws-msg-compose {
  flex-shrink: 0;
  position: relative;
  margin: 0 -2px;
  padding: 6px 10px 10px;
  border-top: 1px solid rgba(81, 95, 108, 0.12);
}
.okkwork-mkk-ws-msg-compose__box {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 8px 10px 6px;
  border-radius: 10px;
  border: 1px solid rgba(81, 95, 108, 0.22);
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.okkwork-mkk-ws-msg-compose__box:hover {
  border-color: rgba(6, 88, 162, 0.28);
}
.okkwork-mkk-ws-msg-compose__input {
  width: 100%;
  box-sizing: border-box;
  min-height: 36px;
  max-height: 120px;
  border: none;
  outline: none;
  resize: none;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.45;
  color: #374151;
  background: transparent;
  padding: 0 0 8px;
  display: block;
}
.okkwork-mkk-ws-msg-compose__bar {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  padding-top: 6px;
  border-top: 1px solid rgba(81, 95, 108, 0.1);
}
.okkwork-mkk-ws-msg-compose__btn {
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  padding: 0;
  display: grid;
  place-items: center;
  -webkit-tap-highlight-color: transparent;
}
.okkwork-mkk-ws-msg-compose__btn:hover {
  background: rgba(6, 88, 162, 0.08);
}
.okkwork-mkk-ws-msg-compose__btn.is-active {
  background: rgba(6, 88, 162, 0.14);
}
.okkwork-mkk-ws-msg-compose__btn img {
  width: 20px;
  height: 20px;
  display: block;
  object-fit: contain;
}
.okkwork-mkk-ws-msg-compose__send {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin-left: auto;
  border: none;
  border-radius: 0;
  padding: 0;
  display: grid;
  place-items: center;
  cursor: pointer;
  background: transparent;
  box-shadow: none;
  color: #00b8e8;
}
.okkwork-mkk-ws-msg-compose__send img,
.okkwork-mkk-ws-msg-compose__send-ico {
  width: 28px;
  height: 28px;
  display: block;
  object-fit: contain;
  shape-rendering: geometricPrecision;
}
.okkwork-mkk-ws-msg-compose__send img {
  width: 28px;
  height: 28px;
}
.okkwork-mkk-ws-msg-compose__send:hover {
  filter: brightness(1.08);
}
.okkwork-mkk-ws-msg-compose__send:active {
  transform: scale(0.94);
}
.okkwork-mkk-ws-msg-emoji {
  position: fixed;
  width: min(320px, calc(100vw - 16px));
  height: 280px;
  padding: 10px;
  display: none;
  grid-template-rows: auto 1fr;
  gap: 8px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(120, 120, 120, 0.28);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
  z-index: 100080;
  pointer-events: auto;
}
.okkwork-mkk-ws-msg-emoji.is-open {
  display: grid;
}
.okkwork-mkk-ws-msg-emoji__search {
  height: 32px;
  width: 100%;
  border: 1px solid rgba(120, 120, 120, 0.28);
  border-radius: 10px;
  padding: 0 10px;
  outline: none;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-size: 13px;
  color: rgba(72, 87, 101, 1);
  box-sizing: border-box;
}
.okkwork-mkk-ws-msg-emoji__grid {
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 4px;
  align-content: start;
}
.okkwork-mkk-ws-msg-emoji__item {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  cursor: pointer;
  border-radius: 6px;
  font-size: 16px;
  line-height: 1;
  border: none;
  background: transparent;
  padding: 0;
}
.okkwork-mkk-ws-msg-emoji__item:hover {
  background: rgba(6, 88, 162, 0.08);
}
.okkwork-mkk-ws__filter-pill.is-active {
  background: rgba(6, 88, 162, 0.14);
  color: #0658a2;
  font-weight: 600;
}

/* Регламент */
.okkwork-mkk-ws-pane.is-active[data-mkk-ws-pane="reg"] {
  overflow: hidden;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
/* Регламент: аватары снизу — без лишней высоты строки (иначе лента схлопывается) */
.okkwork-mkk-ws-reg-filters-row:has(.has-picked-ava) {
  padding-bottom: 0;
  margin-bottom: 10px;
}
.okkwork-mkk-ws-reg-filters-pills .okkwork-mkk-ws__filter-pill.has-picked-ava {
  padding-bottom: 0 !important;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
}
.okkwork-mkk-ws-reg-filters-pills .okkwork-mkk-ws-filter-pill__picked-ava {
  bottom: -14px;
  z-index: 1;
}
.okkwork-mkk-ws-reg-filters-row:has(.has-picked-ava) + .okkwork-mkk-ws__scroll .okkwork-mkk-ws-reg-list {
  padding-top: 14px;
}
.okkwork-mkk-ws-reg-list {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px 0 12px;
  padding-right: 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(81, 95, 108, 0.45) transparent;
}
.okkwork-mkk-ws-reg-list::-webkit-scrollbar {
  width: 6px;
}
.okkwork-mkk-ws-reg-list::-webkit-scrollbar-thumb {
  background: rgba(81, 95, 108, 0.4);
  border-radius: 999px;
}
.okkwork-mkk-ws-reg-list::-webkit-scrollbar-track {
  background: transparent;
  margin: 0;
}
.okkwork-mkk-ws-reg-list__empty {
  padding: 24px 8px;
  text-align: center;
  font-size: 12px;
  color: rgba(81, 95, 108, 0.65);
  line-height: 1.45;
}
.okkwork-mkk-ws-reg-list__empty.is-search-empty {
  color: rgba(81, 95, 108, 0.55);
  font-size: 13px;
}
.okkwork-mkk-ws-reg-list__empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 48px 16px 40px;
  min-height: 140px;
  text-align: center;
}
.okkwork-mkk-ws-reg-list__empty-hint {
  margin: 0;
  font-size: 13px;
  color: rgba(81, 95, 108, 0.55);
  line-height: 1.4;
}
.okkwork-mkk-ws-reg-list__empty-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #0658a2;
  background: rgba(6, 88, 162, 0.12);
  border: 1px solid rgba(6, 88, 162, 0.22);
}
.okkwork-mkk-ws-reg-list__empty-state--wip .okkwork-mkk-ws-reg-list__empty-hint {
  max-width: 280px;
  color: rgba(81, 95, 108, 0.72);
}
.okkwork-mkk-ws-reg-list__add-btn {
  border: 1px solid rgba(6, 88, 162, 0.35);
  background: rgba(6, 88, 162, 0.1);
  color: #0658a2;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 18px;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  line-height: 1.2;
}
.okkwork-mkk-ws-reg-list__add-btn:hover {
  background: rgba(6, 88, 162, 0.16);
}
.okkwork-mkk-ws-reg-card__menu-wrap {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 6;
}
.okkwork-mkk-ws-reg-card__menu-btn {
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: rgba(81, 95, 108, 0.75);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  border-radius: 4px;
  position: relative;
  z-index: 1;
}
.okkwork-mkk-ws-reg-card__menu-btn:hover {
  background: rgba(81, 95, 108, 0.08);
}
.okkwork-mkk-ws-reg-card__menu {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 196px;
  background: #fff;
  border: 1px solid rgba(81, 95, 108, 0.2);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.14);
  padding: 4px 0;
  z-index: 20;
  display: none;
  font-family: "Rubik-Regular", "Rubik-Medium", "Rubik", "Inter-Regular", ui-sans-serif, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.okkwork-mkk-ws-reg-card__menu.is-open {
  display: block;
}
.okkwork-mkk-ws-reg-card__menu-pop {
  position: fixed;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  z-index: 100300;
  display: block;
  pointer-events: auto;
  min-width: 196px;
  margin: 0;
}
.okkwork-mkk-ws-reg-card__menu button {
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  padding: 8px 12px;
  font-size: 12px;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.35;
  color: #374151;
  cursor: pointer;
}
.okkwork-mkk-ws-reg-card__menu button:hover {
  background: rgba(81, 95, 108, 0.08);
}
.okkwork-mkk-ws-reg-cl {
  margin: 0 0 12px;
  padding: 0 2px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: rgba(81, 95, 108, 0.75);
  line-height: 1.35;
}
.okkwork-mkk-ws-reg-kb-section {
  margin-bottom: 14px;
}

.okkwork-mkk-ws-reg-kb-section__head {
  margin-bottom: 10px;
  padding: 0 2px 6px;
  border-bottom: 1px solid rgba(81, 95, 108, 0.14);
}

.okkwork-mkk-ws-reg-kb-section__title {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1.35;
}

.okkwork-mkk-ws-reg-kb-section__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.okkwork-mkk-ws-reg-kb-case {
  padding: 10px 10px 8px;
  border-radius: 10px;
  border: 1px solid rgba(81, 95, 108, 0.18);
  background: #fff;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
}

.okkwork-mkk-ws-reg-kb-case__head {
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(81, 95, 108, 0.1);
}

.okkwork-mkk-ws-reg-kb-case__title {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1.35;
  word-break: break-word;
}

.okkwork-mkk-ws-reg-kb-case__title a {
  color: #0658a2;
  text-decoration: none;
}

.okkwork-mkk-ws-reg-kb-case__title a:hover {
  text-decoration: underline;
}

.okkwork-mkk-ws-reg-block {
  position: relative;
  margin-bottom: 14px;
  padding: 10px 10px 8px;
  border-radius: 10px;
  border: 1px solid rgba(81, 95, 108, 0.18);
  background: #fff;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
}
.okkwork-mkk-ws-reg-block__head {
  position: relative;
  z-index: 2;
  margin-bottom: 8px;
  padding: 0 28px 6px 0;
  border-bottom: 1px solid rgba(81, 95, 108, 0.12);
}
.okkwork-mkk-ws-reg-block__head .okkwork-mkk-ws-reg-card__menu-wrap {
  z-index: 10;
}
.okkwork-mkk-ws-reg-block__kicker {
  display: block;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(6, 88, 162, 0.85);
  margin-bottom: 2px;
}
.okkwork-mkk-ws-reg-block__title {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1.35;
}
.okkwork-mkk-ws-reg-section {
  margin-bottom: 8px;
}
.okkwork-mkk-ws-reg-section:last-child {
  margin-bottom: 0;
}
.okkwork-mkk-ws-reg-section__label {
  margin-bottom: 4px;
  line-height: 1.35;
}
.okkwork-mkk-ws-reg-field__label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  font-family: "Rubik-Medium", "Rubik-Regular", "Rubik", ui-sans-serif, sans-serif;
  color: rgba(81, 95, 108, 1);
  letter-spacing: 0.01em;
}
.okkwork-mkk-ws-reg-field__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: rgba(6, 88, 162, 0.88);
}
.okkwork-mkk-ws-reg-field__icon svg {
  width: 14px;
  height: 14px;
  display: block;
}
.okkwork-mkk-ws-reg-field__text {
  min-width: 0;
  color: rgba(81, 95, 108, 1);
}
.okkwork-mkk-ws-reg-section__body {
  font-size: 11px;
  line-height: 1.45;
  color: #374151;
  padding: 7px 9px;
  border-radius: 8px;
  background: rgba(235, 238, 242, 0.65);
  word-break: break-word;
}
.okkwork-mkk-ws-reg-section__body p {
  margin: 0 0 6px;
}
.okkwork-mkk-ws-reg-section__body p:last-child {
  margin-bottom: 0;
}
.okkwork-mkk-ws-reg-section__body ul,
.okkwork-mkk-ws-reg-section__body ol {
  margin: 0 0 6px;
  padding-left: 16px;
}
.okkwork-mkk-ws-reg-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 8px;
}
.okkwork-mkk-ws-reg-meta__item {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 6px;
  width: 100%;
}
.okkwork-mkk-ws-reg-meta__label {
  flex-shrink: 0;
}
.okkwork-mkk-ws-reg-meta__value {
  font-size: 12px;
  font-weight: 400;
  font-family: "Rubik-Regular", "Rubik", ui-sans-serif, sans-serif;
  color: rgba(81, 95, 108, 0.9);
  line-height: 1.35;
}
.okkwork-mkk-ws-reg-attach {
  margin-top: 6px;
}
.okkwork-mkk-ws-reg-attach__label {
  margin-bottom: 5px;
}
.okkwork-mkk-ws-reg-attach__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.okkwork-mkk-ws-reg-attach__chip {
  display: inline-flex;
  align-items: center;
  padding: 2px;
  border: 1px solid rgba(81, 95, 108, 0.18);
  border-radius: 7px;
  background: #fff;
  cursor: pointer;
  line-height: 0;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}
.okkwork-mkk-ws-reg-attach__chip:hover {
  border-color: rgba(6, 88, 162, 0.45);
  background: rgba(6, 88, 162, 0.06);
  box-shadow: 0 2px 6px rgba(6, 88, 162, 0.1);
}
.okkwork-mkk-ws-reg-attach__thumb {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  flex-shrink: 0;
  background: rgba(220, 226, 234, 0.9) center/cover no-repeat;
  display: grid;
  place-items: center;
  overflow: hidden;
  position: relative;
}
.okkwork-mkk-ws-reg-attach__thumb--pdf,
.okkwork-mkk-ws-reg-attach__thumb--doc,
.okkwork-mkk-ws-reg-attach__thumb--xls,
.okkwork-mkk-ws-reg-attach__thumb--video,
.okkwork-mkk-ws-reg-attach__thumb--file {
  background: transparent;
}
.okkwork-mkk-ws-reg-attach__fileicon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.14);
}
.okkwork-mkk-ws-reg-attach__fileicon svg {
  width: 36px;
  height: 36px;
  display: block;
}
.okkwork-mkk-ws-reg-attach__fileicon--pdf {
  box-shadow: 0 1px 4px rgba(228, 77, 77, 0.28);
}
.okkwork-mkk-ws-reg-attach__fileicon--doc {
  box-shadow: 0 1px 4px rgba(43, 87, 154, 0.28);
}
.okkwork-mkk-ws-reg-attach__fileicon--xls {
  box-shadow: 0 1px 4px rgba(33, 115, 70, 0.28);
}
.okkwork-mkk-ws-reg-attach__thumb.has-video-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.28);
  border-radius: inherit;
  pointer-events: none;
}
.okkwork-mkk-ws-reg-attach__play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
}
.okkwork-mkk-ws-reg-attach__play svg {
  width: 18px;
  height: 18px;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}
.okkwork-mkk-ws-reg-attach__name {
  display: none;
}
.okkwork-mkk-ws-reg-points {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
}
.okkwork-mkk-ws-reg-point {
  position: relative;
  border-radius: 8px;
  border: 1px solid rgba(81, 95, 108, 0.14);
  background: rgba(245, 247, 250, 0.85);
  overflow: visible;
}
.okkwork-mkk-ws-reg-point .okkwork-mkk-ws-reg-card__menu-wrap {
  z-index: 10;
}
.okkwork-mkk-ws-reg-point__toggle {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 28px 8px 9px;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
}
.okkwork-mkk-ws-reg-point__chev {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: block;
  object-fit: contain;
  pointer-events: none;
  transform: rotate(90deg);
  transform-origin: center center;
  transition: transform 0.2s ease;
}
.okkwork-mkk-ws-reg-point.is-open .okkwork-mkk-ws-reg-point__chev {
  transform: rotate(180deg);
}
.okkwork-mkk-ws-reg-point__title {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 11px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1.4;
}
.okkwork-mkk-ws-reg-point__score {
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 6px;
  border: 1px solid rgba(107, 124, 128, 0.35);
  background: rgba(245, 245, 245, 1);
  color: rgba(72, 87, 101, 1);
}
.okkwork-mkk-ws-reg-point__score[data-mkk-score-k="0,25"] {
  background: rgba(236, 255, 236, 1);
  border-color: rgba(140, 215, 140, 0.65);
  color: rgba(40, 120, 40, 1);
}
.okkwork-mkk-ws-reg-point__score[data-mkk-score-k="0,5"] {
  background: rgba(255, 244, 226, 1);
  border-color: rgba(255, 180, 90, 0.65);
  color: rgba(160, 95, 15, 1);
}
.okkwork-mkk-ws-reg-point__score[data-mkk-score-k="1"] {
  background: rgba(255, 236, 236, 1);
  border-color: rgba(230, 140, 140, 0.65);
  color: rgba(160, 52, 52, 1);
}
.okkwork-mkk-ws-reg-point__score[data-mkk-score-k="3"] {
  background: rgba(255, 226, 226, 1);
  border-color: rgba(200, 80, 80, 0.75);
  color: rgba(120, 20, 20, 1);
}
.okkwork-mkk-ws-reg-point__body {
  padding: 0 9px 9px;
  display: none;
}
.okkwork-mkk-ws-reg-point.is-open .okkwork-mkk-ws-reg-point__body {
  display: block;
}
.okkwork-mkk-ws-pane-reg.is-compact .okkwork-mkk-ws-reg-section__body {
  padding: 5px 7px;
  font-size: 10px;
}
.okkwork-mkk-ws-pane-reg.is-compact .okkwork-mkk-ws-reg-block,
.okkwork-mkk-reg-expand.is-compact .okkwork-mkk-ws-reg-block {
  padding: 8px;
  margin-bottom: 10px;
}
.okkwork-mkk-ws-pane-reg.is-compact .okkwork-mkk-ws-reg-block__body,
.okkwork-mkk-reg-expand.is-compact .okkwork-mkk-ws-reg-block__body {
  display: none;
}
.okkwork-mkk-ws-pane-reg.is-compact .okkwork-mkk-ws-reg-points,
.okkwork-mkk-reg-expand.is-compact .okkwork-mkk-ws-reg-points {
  gap: 3px;
  margin-top: 6px;
}
.okkwork-mkk-ws-pane-reg.is-compact .okkwork-mkk-ws-reg-point,
.okkwork-mkk-reg-expand.is-compact .okkwork-mkk-ws-reg-point {
  border-color: rgba(81, 95, 108, 0.1);
  background: rgba(237, 242, 248, 0.92);
}
.okkwork-mkk-ws-pane-reg.is-compact .okkwork-mkk-ws-reg-point__toggle,
.okkwork-mkk-reg-expand.is-compact .okkwork-mkk-ws-reg-point__toggle {
  align-items: center;
  gap: 7px;
  padding: 6px 28px 6px 7px;
}
.okkwork-mkk-ws-pane-reg.is-compact .okkwork-mkk-ws-reg-point__title,
.okkwork-mkk-reg-expand.is-compact .okkwork-mkk-ws-reg-point__title {
  font-size: 11px;
  line-height: 1.35;
}
.okkwork-mkk-ws-pane-reg.is-compact .okkwork-mkk-ws-reg-point__score,
.okkwork-mkk-reg-expand.is-compact .okkwork-mkk-ws-reg-point__score {
  font-size: 10px;
  padding: 2px 7px;
  border-radius: 999px;
}
.okkwork-mkk-ws-pane-reg.is-compact .okkwork-mkk-ws-reg-point__body,
.okkwork-mkk-reg-expand.is-compact .okkwork-mkk-ws-reg-point__body {
  padding: 0 8px 8px;
}
.okkwork-mkk-ws-pane-reg.is-reg-block-colors .okkwork-mkk-ws-reg-block[data-reg-block-color="0"],
.okkwork-mkk-reg-expand.is-reg-block-colors .okkwork-mkk-ws-reg-block[data-reg-block-color="0"] {
  background: #e8f2fc;
  border-color: rgba(59, 130, 246, 0.28);
}
.okkwork-mkk-ws-pane-reg.is-reg-block-colors .okkwork-mkk-ws-reg-block[data-reg-block-color="1"],
.okkwork-mkk-reg-expand.is-reg-block-colors .okkwork-mkk-ws-reg-block[data-reg-block-color="1"] {
  background: #fff4e8;
  border-color: rgba(249, 115, 22, 0.28);
}
.okkwork-mkk-ws-pane-reg.is-reg-block-colors .okkwork-mkk-ws-reg-block[data-reg-block-color="2"],
.okkwork-mkk-reg-expand.is-reg-block-colors .okkwork-mkk-ws-reg-block[data-reg-block-color="2"] {
  background: #ecfdf4;
  border-color: rgba(34, 197, 94, 0.28);
}
.okkwork-mkk-ws-pane-reg.is-reg-block-colors .okkwork-mkk-ws-reg-block[data-reg-block-color="3"],
.okkwork-mkk-reg-expand.is-reg-block-colors .okkwork-mkk-ws-reg-block[data-reg-block-color="3"] {
  background: #f5f3ff;
  border-color: rgba(168, 85, 247, 0.28);
}

/* Общая колонка: ширина полосы = min(естественная сетка, секция); не тянем блок на всю ширину экрана. */
.okkwork-vd__dashboard-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.okkwork-vd__dashboard-column > .okkwork-vd__toolbar {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

.okkwork-vd__dashboard-column > .okkwork-vd__layout-grid {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__dashboard-column {
  align-items: stretch;
  width: 100%;
  min-height: 0;
}
#okkwork-mkk-violation-dashboard .okkwork-vd__dashboard-column > .okkwork-vd__layout-grid {
  flex: 1 1 auto;
  min-height: 0;
  align-self: stretch;
}

.okkwork-vd__dashboard-column > .okkwork-vd__toolbar-left {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.okkwork-vd__toolbar-left {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 12px;
  flex-wrap: wrap;
  flex: 1 1 auto;
  min-width: 0;
}

/* Одна линия полей: шапки одинаковой высоты, тело карточки прижато к низу */
.okkwork-vd__toolbar-left .okkwork-vd-field-group > .okkwork-vd-field-group__label,
.okkwork-vd__toolbar-left .okkwork-vd-field-group__head-split {
  min-height: 28px;
  flex-shrink: 0;
  box-sizing: border-box;
}

.okkwork-vd__toolbar-left .okkwork-vd-field-group > .okkwork-vd-field-group__label {
  display: flex;
  align-items: center;
}

.okkwork-vd__toolbar-left .okkwork-vd-field-group__body {
  margin-top: auto;
  align-items: center;
}

/* Общая оболочка: подпись + содержимое — фон как карточка этапа (stagecards .card, этап 4) */
.okkwork-vd-field-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px 12px;
  border-radius: 12px;
  border: 1px solid rgba(6, 88, 162, 0.22);
  background-color: rgba(6, 88, 162, 0.14);
  background-image: none;
  box-shadow: 0 4px 14px rgba(6, 88, 162, 0.08);
  flex-shrink: 0;
  min-height: 0;
}

.okkwork-vd-field-group__label {
  margin: 0;
  font-size: 14px;
  font-weight: 750;
  color: #0658a2;
  letter-spacing: 0.01em;
}

.okkwork-vd-field-group__body {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
  min-height: 0;
}

.okkwork-vd-field-group__body--sub-spec {
  align-items: center;
  gap: 10px;
}

.okkwork-vd-field-group--grow {
  flex: 1 1 280px;
  min-width: 200px;
  width: auto;
  max-width: none;
}

.okkwork-vd-spec-cluster {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex: 1 1 280px;
  min-width: 0;
}

.okkwork-vd-spec-scroll-wrap {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 8px 2px 10px;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.okkwork-vd-spec-scroll-wrap::-webkit-scrollbar {
  display: none;
}

.okkwork-vd-spec-scroll-ctrl {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-shrink: 0;
}

.okkwork-vd-spec-scroll-btn {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid rgba(6, 88, 162, 0.28);
  border-radius: 999px;
  background: rgba(241, 245, 249, 1);
  color: #0658a2;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  transition:
    background 0.15s ease,
    box-shadow 0.15s ease,
    opacity 0.15s ease,
    transform 0.05s ease;
}

.okkwork-vd-spec-scroll-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 2px 8px rgba(6, 88, 162, 0.14);
}

.okkwork-vd-spec-scroll-btn:active:not(:disabled) {
  transform: translateY(1px);
}

.okkwork-vd-spec-scroll-btn:focus-visible {
  outline: 2px solid rgba(6, 88, 162, 0.45);
  outline-offset: 2px;
}

.okkwork-vd-spec-scroll-btn:disabled {
  opacity: 0.32;
  cursor: default;
}

.okkwork-vd-spec-scroll-btn__svg {
  width: 18px;
  height: 18px;
  display: block;
  flex-shrink: 0;
}

.okkwork-vd__chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 10px;
  border: 1px solid var(--vd-line);
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  color: #334155;
  cursor: default;
}

.okkwork-vd__chip--muted::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: linear-gradient(135deg, #94a3b8, #cbd5e1);
}

.okkwork-vd__dept {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px 8px 16px;
  border-radius: 10px;
  background: var(--vd-blue);
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  border: 0;
  cursor: pointer;
}

.okkwork-vd__dept-chev {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid rgba(255, 255, 255, 0.85);
  margin-left: 2px;
}

/* Специалисты: стиль как чек-листы этапа № 4 (skew + тень), неактив — светлый фон + тёмно-серый текст */
.okkwork-vd-spec-pills {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: max-content;
  min-width: min-content;
  padding: 1px 0;
}

.okkwork-vd-spec-pill {
  position: relative;
  height: 33px;
  padding: 0 14px;
  border-radius: 10px;
  background: rgba(241, 245, 249, 1);
  color: rgba(51, 65, 85, 1);
  border: 1px solid rgba(6, 88, 162, 0.2);
  cursor: pointer;
  user-select: none;
  transform: skewX(-18deg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 92px;
  max-width: 220px;
  box-sizing: border-box;
  transition: box-shadow 0.15s ease, transform 0.05s ease;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.okkwork-vd-spec-pill:active {
  transform: skewX(-18deg) translateY(1px);
}

.okkwork-vd-spec-pill:focus-visible {
  outline: 2px solid rgba(6, 88, 162, 0.45);
  outline-offset: 2px;
}

.okkwork-vd-spec-pill.is-active {
  background: linear-gradient(90deg, #0658a2 0%, #00b8d9 100%);
  border-color: rgba(220, 231, 242, 0.55);
  box-shadow: 0 2px 8px rgba(6, 88, 162, 0.15);
}

.okkwork-vd-spec-pill > .okkwork-vd-spec-pill__label {
  transform: skewX(18deg);
  display: block;
  font-family: "Inter-Semi Bold", "Inter-Regular", ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 190px;
  color: rgba(51, 65, 85, 1);
}

.okkwork-vd-spec-pill.is-active > .okkwork-vd-spec-pill__label {
  color: rgba(250, 250, 250, 1);
}

.okkwork-vd-spec-pill__label[contenteditable="true"] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: inset 0 0 0 1px rgba(6, 88, 162, 0.28);
  max-width: 190px;
  cursor: text;
}

.okkwork-vd-spec-pill.is-active .okkwork-vd-spec-pill__label[contenteditable="true"] {
  background: rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
  color: rgba(250, 250, 250, 1);
}

/* Крестик удаления: геометрический крест + компенсация skew плашки (−18°) */
.okkwork-vd-spec-pill__x {
  position: absolute;
  right: -8px;
  top: -2px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 1px solid rgba(220, 231, 242, 0.85);
  background: rgba(250, 250, 250, 1);
  color: rgba(72, 87, 101, 1);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: skewX(18deg);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  z-index: 2;
}

.okkwork-vd-spec-pill__x::before,
.okkwork-vd-spec-pill__x::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 2px;
  border-radius: 1px;
  background: currentColor;
}

.okkwork-vd-spec-pill__x::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.okkwork-vd-spec-pill__x::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.okkwork-vd-spec-pill__x:hover {
  background: rgba(255, 236, 236, 1);
  color: rgba(160, 52, 52, 1);
  border-color: rgba(230, 140, 140, 0.65);
}

.okkwork-vd-spec-pill.is-active .okkwork-vd-spec-pill__x {
  border-color: rgba(255, 255, 255, 0.65);
  background: rgba(255, 255, 255, 0.95);
  color: rgba(180, 40, 40, 1);
}

.okkwork-vd-spec-pill.is-active .okkwork-vd-spec-pill__x:hover {
  background: rgba(255, 236, 236, 1);
  color: rgba(160, 52, 52, 1);
}

/* Кнопка «+» как на этапе 4 */
.okkwork-vd-spec-pill.okkwork-vd-spec-pill--add {
  background: rgba(220, 231, 242, 1);
  color: #0658a2;
  border-color: rgba(6, 88, 162, 0.22);
  min-width: 44px;
  padding: 0 10px;
  flex-shrink: 0;
}

.okkwork-vd-spec-pill.okkwork-vd-spec-pill--add[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
  filter: grayscale(0.2);
}

.okkwork-vd-spec-pill.okkwork-vd-spec-pill--add > span {
  transform: skewX(18deg);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

/* Фиксированная ширина: длина названия чек-листа не растягивает карточку */
.okkwork-vd-field-group--checklists {
  flex: 0 0 280px;
  width: 280px;
  min-width: 280px;
  max-width: 280px;
  box-sizing: border-box;
}

.okkwork-vd-field-group--checklists .okkwork-vd-field-group__body {
  min-width: 0;
  width: 100%;
  flex-wrap: nowrap;
}

.okkwork-vd-field-group--checklists .okkwork-vd-period__row--checklist {
  flex: 1 1 0%;
  min-width: 0;
  width: 100%;
}

.okkwork-vd-dd--checklist .okkwork-vd-dd__btn-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.okkwork-vd-dd--checklist .okkwork-vd-dd__list {
  min-width: max(100%, 240px);
  padding-bottom: 0;
  overflow: visible;
}

/* Подразделение — тот же паттерн, что «Чек-лист ОКК» */
.okkwork-vd-dd.okkwork-vd-dd--subdivision {
  flex: 0 0 280px;
  width: 280px;
  min-width: 180px;
  max-width: 280px;
  flex-shrink: 0;
}

.okkwork-vd-dd--subdivision .okkwork-vd-dd__btn {
  width: 100%;
  min-width: 0;
  max-width: none;
}

.okkwork-vd-dd--subdivision .okkwork-vd-dd__btn-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.okkwork-vd-dd--subdivision .okkwork-vd-dd__list {
  min-width: max(100%, 240px);
  padding-bottom: 0;
  overflow: visible;
}

#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--grow:has(.okkwork-vd-dd--subdivision.is-open) {
  overflow: visible;
  z-index: 2101;
}

.okkwork-vd-dd__list li.okkwork-vd-subdivision-li {
  padding: 0;
  margin: 0;
  overflow: visible;
  transition: background-color 0.15s ease;
}

.okkwork-vd-dd__list li.okkwork-vd-subdivision-li.is-current {
  background: rgba(6, 88, 162, 0.1);
}

.okkwork-vd-dd__list li.okkwork-vd-subdivision-li.is-current .okkwork-crm-option.is-active {
  background: transparent;
  color: #0658a2;
  font-weight: 700;
}

.okkwork-vd-dd__list li.okkwork-vd-subdivision-li:hover {
  background: rgba(6, 88, 162, 0.08);
}

.okkwork-vd-dd__list li.okkwork-vd-subdivision-li.is-current:hover {
  background: rgba(6, 88, 162, 0.12);
}

.okkwork-vd-dd__list li.okkwork-vd-subdivision-li:hover .okkwork-crm-option:not(:disabled) {
  background: transparent;
  color: #0658a2;
}

.okkwork-vd-dd__list li.okkwork-vd-subdivision-li .okkwork-crm-option:hover,
.okkwork-vd-dd__list li.okkwork-vd-subdivision-li .okkwork-crm-option:focus-visible {
  background: transparent;
}

.okkwork-vd-dd__list li.okkwork-vd-subdivision-li.is-current .okkwork-subdivision-checklist-count {
  background: rgba(6, 88, 162, 0.14);
  color: #0658a2;
}

.okkwork-vd-dd__list li.okkwork-vd-subdivision-li--empty {
  list-style: none;
}

.okkwork-vd-dd__list li.okkwork-vd-subdivision-li--empty .okkwork-crm-dropdown-heading {
  padding: 10px 16px 6px;
}

#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--checklists:has(.okkwork-vd-dd--checklist.is-open) {
  overflow: visible;
  z-index: 2101;
}

.okkwork-vd-dd--checklist .okkwork-vd-dd__btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  filter: grayscale(0.12);
}

/* Заголовок карточки (проект, период, чек-лист, таймер, дни) */
.okkwork-vd-field-group--project .okkwork-vd-field-group__head-split,
.okkwork-vd-field-group--period .okkwork-vd-field-group__head-split,
.okkwork-vd-field-group--checklists .okkwork-vd-field-group__head-split,
.okkwork-vd-field-group--grow .okkwork-vd-field-group__head-split,
.okkwork-vd-field-group--timer .okkwork-vd-field-group__head-split,
.okkwork-vd-field-group--daystrip .okkwork-vd-field-group__head-split {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.okkwork-vd-checklist-head-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  flex: 1 1 auto;
  gap: 0;
}

.okkwork-vd-field-group--checklists .okkwork-vd-checklist-head-title .okkwork-vd-field-group__label {
  margin: 0;
  flex: 0 1 auto;
  min-width: 0;
}

.okkwork-vd-scoring-head-sep {
  width: 1px;
  align-self: stretch;
  min-height: 18px;
  margin: 0 10px;
  background: rgba(147, 197, 240, 0.65);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
  border-radius: 1px;
  opacity: 0.85;
}

.okkwork-vd-scoring-head-iconwrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
}

.okkwork-vd-scoring-head-iconwrap[hidden] {
  display: none !important;
}

.okkwork-vd-scoring-head-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
}

.okkwork-vd-field-group--project .okkwork-vd-field-group__head-split .okkwork-vd-field-group__label,
.okkwork-vd-field-group--period .okkwork-vd-field-group__head-split .okkwork-vd-field-group__label,
.okkwork-vd-field-group--grow .okkwork-vd-field-group__head-split .okkwork-vd-field-group__label {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
}

.okkwork-mkk-project-action-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid rgba(6, 88, 162, 0.38);
  border-radius: 6px;
  line-height: 0;
  text-decoration: none;
  color: inherit;
  background: rgba(255, 255, 255, 0.92);
  cursor: pointer;
  font: inherit;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(6, 88, 162, 0.1);
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
}

.okkwork-mkk-project-action-btn:hover {
  border-color: rgba(6, 88, 162, 0.55);
  background: rgba(6, 88, 162, 0.08);
}

/* Кнопки тулбара (шестерёнка, отчёты, структура, таймер): белый фон + синяя иконка; hover — синий фон + белая */
.okkwork-mkk-project-actions .okkwork-mkk-project-action-btn,
.okkwork-mkk-toolbar-actions .okkwork-mkk-project-action-btn,
.okkwork-vd-field-group--timer .okkwork-mkk-project-action-btn {
  background: #fff;
  border-color: rgba(6, 88, 162, 0.38);
  box-shadow: 0 1px 2px rgba(6, 88, 162, 0.1);
}

.okkwork-mkk-project-actions .okkwork-mkk-project-action-btn:hover,
.okkwork-mkk-toolbar-actions .okkwork-mkk-project-action-btn:hover,
.okkwork-vd-field-group--timer .okkwork-mkk-project-action-btn:hover,
.okkwork-mkk-project-actions .okkwork-mkk-project-action-btn:focus-visible,
.okkwork-mkk-toolbar-actions .okkwork-mkk-project-action-btn:focus-visible,
.okkwork-vd-field-group--timer .okkwork-mkk-project-action-btn:focus-visible {
  background: #0658a2;
  border-color: #0658a2;
  box-shadow: 0 1px 3px rgba(6, 88, 162, 0.22);
}

.okkwork-mkk-project-actions .okkwork-mkk-project-action-icon,
.okkwork-mkk-toolbar-actions .okkwork-mkk-project-action-icon {
  filter: brightness(0) saturate(100%) invert(18%) sepia(98%) saturate(3207%) hue-rotate(196deg) brightness(93%) contrast(101%);
  transition: filter 0.15s ease;
}

.okkwork-mkk-project-actions .okkwork-mkk-project-action-btn:hover .okkwork-mkk-project-action-icon,
.okkwork-mkk-toolbar-actions .okkwork-mkk-project-action-btn:hover .okkwork-mkk-project-action-icon,
.okkwork-mkk-project-actions .okkwork-mkk-project-action-btn:focus-visible .okkwork-mkk-project-action-icon,
.okkwork-mkk-toolbar-actions .okkwork-mkk-project-action-btn:focus-visible .okkwork-mkk-project-action-icon {
  filter: brightness(0) invert(1);
}

.okkwork-mkk-project-action-btn:active {
  transform: scale(0.97);
}

.okkwork-mkk-project-action-btn:focus-visible {
  outline: 2px solid rgba(6, 88, 162, 0.55);
  outline-offset: 2px;
}

.okkwork-mkk-project-action-btn img {
  display: block;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.okkwork-mkk-project-action-btn svg {
  display: block;
  width: 18px;
  height: 18px;
  color: rgba(81, 95, 108, 0.92);
}

/* Карандаш «Корректировать время»: без hover-подсказки */
.okkwork-mkk-project-action-btn--no-tip,
#okkwork-mkk-timer-edit-btn {
  pointer-events: auto;
}

.okkwork-mkk-project-action-btn--no-tip::after,
.okkwork-mkk-project-action-btn--no-tip:hover::after,
.okkwork-mkk-project-action-btn--no-tip:focus-visible::after,
#okkwork-mkk-timer-edit-btn::after,
#okkwork-mkk-timer-edit-btn:hover::after,
#okkwork-mkk-timer-edit-btn:focus-visible::after {
  content: none !important;
  display: none !important;
}

/* Карандаш «Корректировать время»: синий контур, при hover — белый */
.okkwork-vd-field-group--timer .okkwork-mkk-project-action-btn {
  color: #0658a2;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.okkwork-vd-field-group--timer .okkwork-mkk-project-action-btn svg,
.okkwork-vd-field-group--timer .okkwork-mkk-project-action-btn svg path {
  color: #0658a2;
  stroke: currentColor;
}

.okkwork-vd-field-group--timer .okkwork-mkk-project-action-btn:hover,
.okkwork-vd-field-group--timer .okkwork-mkk-project-action-btn:focus-visible {
  color: #fff;
}

.okkwork-vd-field-group--timer .okkwork-mkk-project-action-btn:hover svg,
.okkwork-vd-field-group--timer .okkwork-mkk-project-action-btn:hover svg path,
.okkwork-vd-field-group--timer .okkwork-mkk-project-action-btn:focus-visible svg,
.okkwork-vd-field-group--timer .okkwork-mkk-project-action-btn:focus-visible svg path {
  color: #fff;
  stroke: currentColor;
}

.okkwork-vd-daystrip-head-actions {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}

.okkwork-vd-daystrip-head-actions .okkwork-mkk-ws__head-btn {
  color: var(--mkk-ws-body-accent, #0658a2);
  opacity: 1;
}

.okkwork-vd-daystrip-head-actions .okkwork-mkk-ws__head-btn:hover {
  opacity: 0.82;
}

/* Полноэкранное расширение: дни месяца + таблица нарушений */
body.okkwork-mkk-matrix-expand-open {
  overflow: hidden;
}

body.okkwork-mkk-matrix-expand-open .scroll-container {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

body.okkwork-mkk-matrix-expand-open #219_3 > .okkwork-mkk-matrix-expand-page-hidden {
  display: none !important;
}

body.okkwork-mkk-matrix-expand-open #okkwork-mkk-violation-dashboard {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(var(--mkk-matrix-expand-top, 72px) + 10px) !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: none !important;
  z-index: 100055 !important;
  margin: 0 !important;
  padding: 0 12px 12px !important;
  box-sizing: border-box !important;
  background: #f5f7fa;
}

body.okkwork-mkk-matrix-expand-open #okkwork-mkk-violation-dashboard .okkwork-vd__toolbar,
body.okkwork-mkk-matrix-expand-open #okkwork-mkk-violation-dashboard .okkwork-vd__right-rail {
  display: none !important;
}

body.okkwork-mkk-matrix-expand-open #okkwork-mkk-violation-dashboard .okkwork-vd__dashboard-column,
body.okkwork-mkk-matrix-expand-open #okkwork-mkk-violation-dashboard .okkwork-vd__layout-grid {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
}

body.okkwork-mkk-matrix-expand-open #okkwork-mkk-violation-dashboard .okkwork-vd__matrix-band {
  position: static;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100% !important;
  max-width: none !important;
  min-height: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

body.okkwork-mkk-matrix-expand-open #okkwork-mkk-violation-dashboard .okkwork-vd-field-group--daystrip {
  flex: 0 0 auto;
  border-radius: 12px 12px 0 0;
}

body.okkwork-mkk-matrix-expand-open .okkwork-vd__grid-host {
  flex: 1 1 auto;
  min-height: 0;
  /* Высота трека/кнопки +10 = высота таблицы, не viewport */
  align-items: flex-start;
  overflow-x: auto;
  overflow-y: auto;
  width: 100% !important;
  max-width: none !important;
  border-radius: 0 0 12px 12px;
  border: 1px solid rgba(6, 88, 162, 0.32);
  border-top: none;
  background: #fff;
  scrollbar-width: thin;
  scrollbar-color: rgba(6, 88, 162, 0.45) rgba(6, 88, 162, 0.1);
  -webkit-overflow-scrolling: touch;
}

body.okkwork-mkk-matrix-expand-open .okkwork-vd__grid-host::-webkit-scrollbar {
  width: 12px;
  height: 0;
}

body.okkwork-mkk-matrix-expand-open .okkwork-vd__grid-host::-webkit-scrollbar-track {
  background: rgba(6, 88, 162, 0.08);
}

body.okkwork-mkk-matrix-expand-open .okkwork-vd__grid-host::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: rgba(6, 88, 162, 0.38);
  border: 2px solid rgba(255, 255, 255, 0.85);
}

body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-ready .okkwork-vd__matrix-band,
body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-active .okkwork-vd__matrix-band,
body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-ready .okkwork-vd__grid-host,
body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-active .okkwork-vd__grid-host {
  cursor: grab !important;
  user-select: none;
}

body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-ready .okkwork-vd__grid-host *,
body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-active .okkwork-vd__grid-host * {
  cursor: inherit !important;
}

body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-active .okkwork-vd__matrix-band,
body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-active .okkwork-vd__grid-host {
  cursor: grabbing !important;
}

body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-active .okkwork-vd__grid-host {
  scroll-behavior: auto;
}

/* Пробел не прокручивает страницу и таблицу вниз — только смещение по горизонтали */
body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-ready .scroll-container,
body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-active .scroll-container {
  overflow: hidden !important;
}

body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-ready .okkwork-vd__grid-host,
body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-active .okkwork-vd__grid-host {
  overflow-y: hidden !important;
}

body.okkwork-mkk-matrix-expand-open #okkwork-mkk-violation-dashboard .okkwork-vd-grid {
  width: max-content !important;
  max-width: none !important;
  padding-right: 0;
  box-sizing: content-box;
  --mkk-vd-frozen-col1: 36px;
  --mkk-vd-frozen-col2: 460px;
  --mkk-vd-frozen-col3: 58px;
  --mkk-vd-frozen-left3: calc(36px + 460px);
}

/* Закрепление левых столбцов при горизонтальном скролле (как freeze в Google Sheets) */
body.okkwork-mkk-matrix-expand-open .okkwork-vd-grid .okkwork-vd-cell--rowband,
body.okkwork-mkk-matrix-expand-open .okkwork-vd-grid .okkwork-vd-cell--blocktitle:not(.okkwork-vd-cell--blocktitle-stats):not(.okkwork-vd-cell--blocktitle-continuation),
body.okkwork-mkk-matrix-expand-open .okkwork-vd-grid .okkwork-vd-cell--entitysum-lead,
body.okkwork-mkk-matrix-expand-open .okkwork-vd-grid .okkwork-vd-cell--footer-lead {
  position: sticky;
  left: 0;
  z-index: 8;
}

body.okkwork-mkk-matrix-expand-open .okkwork-vd-grid .okkwork-vd-cell--sum,
body.okkwork-mkk-matrix-expand-open .okkwork-vd-grid .okkwork-vd-cell--blocktitle-stats {
  position: sticky;
  left: var(--mkk-vd-frozen-left3);
  z-index: 9;
}

body.okkwork-mkk-matrix-expand-open .okkwork-vd-grid .okkwork-vd-cell--rowband {
  background: #f8fafc;
  box-shadow: 4px 0 8px -4px rgba(15, 23, 42, 0.12);
}

body.okkwork-mkk-matrix-expand-open .okkwork-vd-grid .okkwork-vd-cell--sum {
  background: #eef2f7;
  box-shadow: 4px 0 8px -4px rgba(15, 23, 42, 0.08);
}

body.okkwork-mkk-matrix-expand-open .okkwork-vd-grid .okkwork-vd-cell--blocktitle:not(.okkwork-vd-cell--blocktitle-continuation):not(.okkwork-vd-cell--blocktitle-stats) {
  background: var(--vd-blue);
  z-index: 10;
}

body.okkwork-mkk-matrix-expand-open .okkwork-vd-grid .okkwork-vd-cell--blocktitle-stats {
  background: var(--vd-blue);
  z-index: 10;
}

body.okkwork-mkk-matrix-expand-open .okkwork-vd-grid .okkwork-vd-cell--entitysum-lead,
body.okkwork-mkk-matrix-expand-open .okkwork-vd-grid .okkwork-vd-cell--footer-lead {
  z-index: 11;
  background: linear-gradient(180deg, #0b5a94 0%, #0a4a7c 52%, #083a66 100%);
}

body.okkwork-mkk-matrix-expand-open .okkwork-vd-grid .okkwork-vd-cell--footer-lead {
  background: var(--vd-footer-bg);
}

.okkwork-mkk-matrix-expand-ico {
  width: 16px;
  height: 16px;
  object-fit: contain;
  display: block;
  pointer-events: none;
}

.okkwork-mkk-matrix-expand-ico--close {
  display: none;
}

#okkwork-mkk-matrix-expand-btn.is-expanded .okkwork-mkk-matrix-expand-ico--open {
  display: none;
}

#okkwork-mkk-matrix-expand-btn.is-expanded .okkwork-mkk-matrix-expand-ico--close {
  display: block;
}

.okkwork-mkk-matrix-add-cols-btn {
  display: none;
}

.okkwork-vd__grid-host-track {
  display: block;
  width: 100%;
  min-height: 100%;
}

body.okkwork-mkk-matrix-expand-open .okkwork-vd__grid-host > .okkwork-vd__grid-host-track,
body.okkwork-mkk-matrix-expand-open .okkwork-vd__grid-host-track {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex: 0 0 auto;
  width: max-content;
  min-width: max-content;
  max-width: none;
  height: auto;
  min-height: 0;
  align-self: flex-start;
}

/* Перебиваем #okkwork-mkk-violation-dashboard #okkwork-vd-grid-host { width:100% } —
   иначе кнопка +10 встаёт у края viewport (~ст. 33), а не после последней колонки. */
body.okkwork-mkk-matrix-expand-open #okkwork-mkk-violation-dashboard .okkwork-vd__grid-host-track > #okkwork-vd-grid-host {
  flex: 0 0 auto !important;
  align-self: flex-start;
  width: max-content !important;
  max-width: none !important;
  min-width: max-content !important;
  height: auto !important;
  min-height: 0;
}

body.okkwork-mkk-matrix-expand-open #okkwork-mkk-violation-dashboard .okkwork-vd__grid-host-track > #okkwork-vd-grid-host > .okkwork-vd-grid {
  height: auto;
  min-height: 0;
}

body.okkwork-mkk-matrix-expand-open .okkwork-mkk-matrix-add-cols-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  right: auto;
  top: auto;
  bottom: auto;
  flex: 0 0 32px;
  align-self: stretch;
  z-index: 46;
  width: 32px;
  min-width: 32px;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0 2px;
  border: none;
  border-radius: 0 12px 12px 0;
  box-sizing: border-box;
  background: linear-gradient(180deg, #0658a2 0%, #1a7fd4 42%, #4eb6ef 100%);
  color: #fff;
  cursor: pointer;
  box-shadow: none;
  pointer-events: auto;
}

body.okkwork-mkk-matrix-expand-open .okkwork-mkk-matrix-add-cols-btn:hover:not(:disabled) {
  background: linear-gradient(180deg, #054a89 0%, #176fb8 42%, #3aa3db 100%);
}

body.okkwork-mkk-matrix-expand-open .okkwork-mkk-matrix-add-cols-btn:disabled {
  opacity: 0.4;
  cursor: default;
}

body.okkwork-mkk-matrix-expand-open .okkwork-mkk-matrix-add-cols-btn__label {
  display: block;
  writing-mode: horizontal-tb;
  transform: none;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1;
  user-select: none;
  white-space: nowrap;
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-ready .okkwork-mkk-matrix-add-cols-btn,
body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-active .okkwork-mkk-matrix-add-cols-btn,
body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-ready .okkwork-mkk-matrix-add-cols-btn *,
body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-active .okkwork-mkk-matrix-add-cols-btn * {
  cursor: pointer !important;
}

/* Горизонтальная навигация в полноэкранной таблице: Space + перетаскивание (как в Figma) */
body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-ready .okkwork-vd__matrix-band {
  cursor: grab;
}

body.okkwork-mkk-matrix-expand-open.okkwork-mkk-matrix-pan-active .okkwork-vd__matrix-band {
  cursor: grabbing;
  user-select: none;
}

/* Колонка «дни + таблица»: ширина дорожки задаётся JS по сетке (max-content); не растягиваем на 100% родителя. */
.okkwork-vd__matrix-column,
.okkwork-vd__matrix-band {
  display: grid;
  grid-template-columns: minmax(0, max-content);
  justify-items: stretch;
  width: auto;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.okkwork-vd__matrix-column > .okkwork-vd-field-group--daystrip,
.okkwork-vd__matrix-column > .okkwork-vd__grid-host,
.okkwork-vd__matrix-band > .okkwork-vd-field-group--daystrip,
.okkwork-vd__matrix-band > .okkwork-vd__grid-host {
  min-width: 0;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__matrix-band > .okkwork-vd-field-group--daystrip {
  margin-bottom: 0;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__matrix-band > .okkwork-vd__grid-host {
  margin-top: 0;
}

/* Синхронизация ширины полосы матрицы: без видимого «раздувания» таблицы при загрузке */
#okkwork-mkk-violation-dashboard:not(.is-mkk-workspace-ready) .okkwork-vd__matrix-band,
#okkwork-mkk-violation-dashboard:not(.is-mkk-workspace-ready) .okkwork-vd-field-group--daystrip,
#okkwork-mkk-violation-dashboard:not(.is-mkk-workspace-ready) #okkwork-vd-checklist-label {
  visibility: hidden;
}
#okkwork-mkk-violation-dashboard.is-mkk-workspace-ready .okkwork-vd__matrix-band,
#okkwork-mkk-violation-dashboard.is-mkk-workspace-ready .okkwork-vd-field-group--daystrip,
#okkwork-mkk-violation-dashboard.is-mkk-workspace-ready #okkwork-vd-checklist-label {
  visibility: visible;
}

#okkwork-mkk-violation-dashboard.is-mkk-band-syncing .okkwork-vd__matrix-band {
  max-width: 100%;
}
#okkwork-mkk-violation-dashboard.is-mkk-band-syncing .okkwork-vd__matrix-band > .okkwork-vd__grid-host {
  overflow-x: hidden;
}

/* В общей колонке нижний блок тянется на ширину дорожки (как верхний), внутренняя сетка остаётся max-content */
.okkwork-vd__matrix-column > .okkwork-vd__grid-host,
.okkwork-vd__matrix-band > .okkwork-vd__grid-host {
  width: 100%;
  max-width: none;
  flex: 1 1 auto;
  min-height: 0;
}

.okkwork-vd-field-group--daystrip {
  width: 100%;
  flex: 1 1 100%;
  box-sizing: border-box;
  max-width: none;
  /* Сшивка с таблицей: один внешний контур, без зазора между днями и сеткой */
  border-radius: 12px 12px 0 0;
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 6px;
}

.okkwork-vd__matrix-column .okkwork-vd-field-group--daystrip,
.okkwork-vd__matrix-band .okkwork-vd-field-group--daystrip {
  flex: none;
}

.okkwork-vd-field-group__body--daystrip-scroll {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.okkwork-vd__daystrip {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 5px;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 10px 4px 8px;
  box-sizing: border-box;
}

.okkwork-vd__daypill {
  flex: 1 1 0;
  min-width: 0;
  position: relative;
  padding: 5px 3px 6px;
  border-radius: 8px;
  border: 1px solid var(--vd-line);
  background: #eef2f6;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
  color: #334155;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  white-space: nowrap;
  overflow: visible;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.okkwork-vd-cmt-badge,
.okkwork-vd__daypill-cmt {
  position: absolute;
  right: -3px;
  bottom: -4px;
  min-width: 17px;
  height: 14px;
  padding: 0 3px 1px;
  border-radius: 4px 4px 3px 3px;
  background: #ff6d00;
  border: 1px solid #d84315;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  box-sizing: border-box;
}

.okkwork-vd__daypill-cmt {
  right: auto;
  left: -3px;
  pointer-events: none;
}

.okkwork-vd__daypill-cmt::after,
.okkwork-vd__daypill .okkwork-vd-cmt-badge::after {
  content: "";
  position: absolute;
  left: auto;
  right: 2px;
  top: -4px;
  bottom: auto;
  transform: none;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 4px solid #ff6d00;
  border-top: none;
}

.okkwork-vd-cmt-badge__n,
.okkwork-vd__daypill-cmt__n {
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  color: #fff;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0 1px 0 rgba(120, 30, 0, 0.35);
}

.okkwork-vd-vbtn__cmt {
  right: auto;
  left: -4px;
  bottom: -5px;
  z-index: 6;
  pointer-events: auto;
  cursor: pointer;
}

.okkwork-vd-vbtn__cmt::after {
  left: auto;
  right: 2px;
  top: -4px;
  bottom: auto;
  transform: none;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 4px solid #ff6d00;
  border-top: none;
}

.okkwork-vd-vbtn__cmt[hidden] {
  display: none !important;
}

/* Уведомление Telegram — зеркально счётчику комментариев (верхний левый угол) */
.okkwork-vd-vbtn__notify {
  position: absolute;
  left: -4px;
  top: -5px;
  width: 17.5px;
  height: 14.5px;
  padding: 0;
  border-radius: 4px 4px 3px 3px;
  background: linear-gradient(145deg, #00d0ff 0%, #00b8e8 52%, #0096cc 100%);
  border: 1px solid #0077a8;
  box-shadow: 0 1px 3px rgba(0, 70, 110, 0.42);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  box-sizing: border-box;
  pointer-events: none;
  color: #fff;
}
.okkwork-vd-vbtn__notify[hidden] {
  display: none !important;
}
.okkwork-vd-vbtn__notify::after {
  content: "";
  position: absolute;
  left: auto;
  right: 3px;
  bottom: -4px;
  top: auto;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #00b8e8;
  border-bottom: none;
}
.okkwork-vd-vbtn__notify-svg {
  width: 10.5px;
  height: 10.5px;
  display: block;
  flex: 0 0 auto;
  filter: drop-shadow(0 0.5px 0 rgba(0, 45, 80, 0.28));
  shape-rendering: geometricPrecision;
}

.okkwork-vd__daypill__w {
  font-size: 10px;
  font-weight: 800;
}

.okkwork-vd__daypill--green {
  background: #c8e6c9;
  border-color: #81c784;
  color: #1b5e20;
}

.okkwork-vd__daypill--red {
  background: #ffcdd2;
  border-color: #e57373;
  color: #b71c1c;
}

/* Праздничные нерабочие дни (ТК РФ / производственный календарь), будни */
.okkwork-vd__daypill--holiday {
  background: #ffcdd2;
  border-color: #e57373;
  color: #b71c1c;
}

.okkwork-vd__daypill:focus-visible:not(.is-selected) {
  outline: 2px solid rgba(6, 88, 162, 0.45);
  outline-offset: 2px;
}

.okkwork-vd__grid-host {
  border: 1px solid var(--vd-line);
  border-top: none;
  border-radius: 0 0 12px 12px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  box-shadow: 0 8px 24px rgba(6, 88, 162, 0.08);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-top: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__matrix-band > .okkwork-vd-field-group--daystrip + .okkwork-vd__grid-host {
  margin-top: -1px;
}

#okkwork-vd-grid-host {
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

#okkwork-mkk-violation-dashboard #okkwork-vd-grid-host {
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
}

.okkwork-vd-grid {
  display: grid;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  background: #fff;
}

.okkwork-vd-row {
  display: contents;
}

.okkwork-vd-cell {
  border-right: 1px solid var(--vd-line);
  border-bottom: 1px solid var(--vd-line);
  min-height: 34px;
  box-sizing: border-box;
}

.okkwork-vd-cell--hdr {
  background: var(--vd-cell-head);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
}

.okkwork-vd-cell--corner {
  background: var(--vd-cell-head);
}

.okkwork-vd-cell--colnum {
  font-variant-numeric: tabular-nums;
}

/* Каждый день — отдельная сущность: явные вертикальные границы между столбцами */
.okkwork-vd-cell--hdr.okkwork-vd-cell--colnum {
  border-right: 1px solid rgba(255, 255, 255, 0.52);
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1) inset;
  font-size: 12px;
  padding-left: 0;
  padding-right: 0;
}

/* Сводка под заголовками: число нарушений по каждой сущности (столбец) */
.okkwork-vd-cell--entitysum {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 34px;
  background: linear-gradient(180deg, #0b5a94 0%, #0a4a7c 52%, #083a66 100%);
  color: rgba(255, 255, 255, 0.95);
  font-weight: 700;
  font-size: 13px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.okkwork-vd-cell--entitysum-lead {
  justify-content: flex-end;
  padding: 0 12px 0 8px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.88);
}

.okkwork-vd-cell--entitysum-lead.okkwork-vd-cell--entitysum-lead--align-start {
  justify-content: flex-start;
  padding-left: 12px;
  padding-right: 10px;
}

/* Верхняя полоса «Номер сущности» — чуть сильнее верхний блик */
.okkwork-vd-cell--entitysum-strip-head {
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.14),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.okkwork-vd-cell--entitystrip-colnum {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.98);
  font-variant-numeric: tabular-nums;
}

.okkwork-vd-entitysum__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

.okkwork-vd-cell--entitysum-val {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);
  font-variant-numeric: tabular-nums;
}

.okkwork-vd-cell--entitysum-val:last-child {
  border-right: none;
  box-shadow: none;
}

.okkwork-vd-entitysum__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.55em;
  padding: 3px 7px;
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.18);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.15;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.okkwork-vd-entitysum__num--positive {
  background: linear-gradient(180deg, rgba(220, 38, 38, 0.55) 0%, rgba(185, 28, 28, 0.62) 100%);
  color: #fff8f8;
  box-shadow:
    0 0 0 1px rgba(254, 202, 202, 0.42),
    0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.okkwork-vd-cell--hdr.okkwork-vd-cell--day-selected {
  background: linear-gradient(180deg, #054a8f 0%, #0676a5 100%);
  box-shadow: inset 0 -3px 0 rgba(255, 255, 255, 0.35);
}

.okkwork-vd-cell--body.okkwork-vd-cell--day-selected {
  background: rgba(6, 88, 162, 0.1);
}

.okkwork-vd-cell--blocktitle {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding: 5px 8px 6px 6px;
  background: var(--vd-blue);
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  min-height: 42px;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

/* Продолжение синей полосы блока под «Баллы» и дни — закрывает дыру в сетке, чтобы строки пунктов не съезжали */
.okkwork-vd-cell--blocktitle-continuation {
  background: var(--vd-blue);
  min-height: 42px;
  box-sizing: border-box;
  padding: 0;
}

/* Одна ячейка под «Блок / пункт»: слева п.н., справа название — без сдвига сетки */
.okkwork-vd-cell--rowband {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: 36px;
  padding: 0;
  box-sizing: border-box;
  overflow: visible;
  background: #f8fafc;
}

.okkwork-vd-rowband__idx {
  flex: 0 0 36px;
  width: 36px;
  max-width: 36px;
  align-self: stretch;
  background: var(--vd-blue);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  text-transform: lowercase;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.22);
}

.okkwork-vd-rowband__txt {
  flex: 1 1 auto;
  min-width: 0;
  padding: 6px 10px;
  display: block;
  align-self: center;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  color: rgba(81, 95, 108, 1);
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: break-word;
  hyphens: auto;
}

/* Действия в строке пункта (МКК) */
.okkwork-vd-rowband__actions:empty {
  display: none;
  width: 0;
  min-width: 0;
  padding: 0;
  overflow: hidden;
}
.okkwork-vd-rowband__actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1px;
  padding: 0 2px 0 0;
  position: relative;
  z-index: 4;
  align-self: flex-start;
  margin-top: -1px;
}
.okkwork-vd-rowband__act {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  transition: transform 0.22s ease;
  -webkit-tap-highlight-color: transparent;
}
.okkwork-vd-rowband__act:focus {
  outline: none;
  box-shadow: none;
}
.okkwork-vd-rowband__act:focus-visible {
  outline: 1px solid rgba(6, 88, 162, 0.35);
  outline-offset: 1px;
}
.okkwork-vd-rowband__act:hover {
  background: transparent !important;
  box-shadow: none !important;
  transform: translateY(-2px);
  z-index: 6;
}
.okkwork-vd-rowband__act:active {
  transform: translateY(0);
}
.okkwork-vd-rowband__act img {
  width: 13px;
  height: 13px;
  object-fit: contain;
  display: block;
  border: 0;
  pointer-events: none;
  transition: filter 0.22s ease;
}
.okkwork-vd-rowband__act:hover img {
  filter: drop-shadow(0 2px 5px rgba(15, 23, 42, 0.1));
}
.okkwork-vd-rowband__txt--locked {
  opacity: 0.45;
  color: #64748b;
  cursor: not-allowed;
  user-select: none;
}
.okkwork-vd-rowband__fillpop {
  position: fixed;
  z-index: 2147483646;
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(5, 22px);
  gap: 6px;
  padding: 8px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.18);
  border: 1px solid rgba(15, 23, 42, 0.08);
}
.okkwork-vd-rowband__sw {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  padding: 0;
  cursor: pointer;
}
/* Сброс заливки строки — вместо одного из пастельных цветов */
.okkwork-vd-rowband__sw--clear {
  background: linear-gradient(135deg, #f8fafc 0%, #f8fafc 45%, #e2e8f0 45%, #e2e8f0 55%, #f8fafc 55%, #f8fafc 100%);
  border-style: dashed;
  border-color: rgba(15, 23, 42, 0.28);
}
.okkwork-vd-num--locked,
.okkwork-vd-vbtn--locked {
  opacity: 0.45;
  cursor: not-allowed;
}

/* Только колонки «№» + «Блок / пункт» — не заходит под «Баллы» и дни */
.okkwork-vd-blocktitle__inner {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 3px;
  box-sizing: border-box;
  min-height: 0;
}

.okkwork-vd-blocktitle__kicker {
  font-size: 9px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.9;
  align-self: center;
}

.okkwork-vd-blocktitle__titleRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  column-gap: 10px;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 28px;
  box-sizing: border-box;
}

.okkwork-vd-blocktitle__stat--viol,
.okkwork-vd-blocktitle__stat--pts {
  flex-shrink: 0;
  align-self: flex-end;
  justify-content: flex-start;
  gap: 0;
}

.okkwork-vd-cell--blocktitle-stats {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 5px 8px 6px 4px;
  background: var(--vd-blue);
  color: #fff;
  min-height: 42px;
  box-sizing: border-box;
  overflow: hidden;
  border-left: 1px solid rgba(255, 255, 255, 0.38);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);
}

.okkwork-vd-blocktitle__stats--pts {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  flex: 0 0 auto;
  min-width: 0;
  text-align: right;
  padding-bottom: 1px;
}

.okkwork-vd-blocktitle__stat--pts .okkwork-vd-blocktitle__sum {
  position: relative;
  top: -1px;
}

.okkwork-vd-blocktitle__stat--pts .okkwork-vd-blocktitle__sumcap {
  position: relative;
  top: 1px;
}

.okkwork-vd-blocktitle__title {
  justify-self: start;
  align-self: center;
  text-align: left;
  min-width: 0;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.01em;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

.okkwork-vd-blocktitle__stat {
  justify-self: end;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0;
  text-align: right;
  min-width: 0;
  padding-bottom: 1px;
}

.okkwork-vd-blocktitle__sum {
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.okkwork-vd-blocktitle__sumcap {
  font-size: 8px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.02em;
  text-transform: lowercase;
  opacity: 0.9;
}

.okkwork-vd-blockcount {
  font-size: 13px;
  font-weight: 600;
  opacity: 0.95;
}

.okkwork-vd-blockcount b {
  font-size: 18px;
  font-weight: 800;
  margin-right: 6px;
}

.okkwork-vd-blockcount--inline {
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  opacity: 0.95;
}

.okkwork-vd-blockcount--inline b {
  font-size: 17px;
  font-weight: 800;
  margin-right: 0;
}

.okkwork-vd-blockcount__lab {
  font-weight: 600;
  opacity: 0.92;
  text-transform: lowercase;
  letter-spacing: 0.01em;
}

.okkwork-vd-cell--rowlabel {
  background: var(--vd-blue);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: lowercase;
}

.okkwork-vd-cell--body {
  background: var(--vd-cell);
}

.okkwork-vd-cell--footer {
  background: var(--vd-footer-bg);
  color: #fff;
  min-height: 44px;
  display: flex;
  align-items: center;
  border-right-color: rgba(0, 0, 0, 0.2);
  box-shadow: none;
}

.okkwork-vd-cell--footer-link {
  padding: 0 12px;
  gap: 10px;
  font-weight: 600;
  font-size: 14px;
}

.okkwork-vd-cell--footer-lead {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  padding: 7px 12px;
  min-height: 50px;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.okkwork-vd-footer-lead__main {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.okkwork-vd-footer-lead__label {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
}

.okkwork-vd-footer-lead__stat {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  gap: 2px;
  flex: 0 0 auto;
  margin-left: auto;
}

.okkwork-vd-cell--footer-slot {
  position: relative;
  padding: 0;
  margin: 0;
  min-height: 50px;
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  background: var(--vd-footer-bg);
  border-left: none !important;
  border-right: 1px solid rgba(0, 0, 0, 0.22) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  overflow: visible;
}

.okkwork-vd-cell--footer-lead {
  border-left: none !important;
}

.okkwork-vd-entity-star {
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 4;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  -webkit-appearance: none;
}

.okkwork-vd-entity-star__glyph {
  display: block;
  font-size: 16px;
  line-height: 1;
  color: #b8c5d4;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.45);
  transition: color 0.15s ease, text-shadow 0.15s ease;
  pointer-events: none;
}

.okkwork-vd-entity-star:hover:not(:disabled) .okkwork-vd-entity-star__glyph {
  color: #dde4ec;
}

.okkwork-vd-entity-star.is-starred:not(:disabled) .okkwork-vd-entity-star__glyph {
  color: #f3e08a;
  text-shadow: 0 0 2px rgba(255, 228, 120, 0.55);
}

.okkwork-vd-entity-star:disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

.okkwork-vd-entity-star:disabled .okkwork-vd-entity-star__glyph {
  color: #b8c5d4;
  text-shadow: none;
}

.okkwork-vd-entity-copy {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 4;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: rgba(184, 197, 212, 0.92);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  -webkit-appearance: none;
  transition: color 0.15s ease, background 0.15s ease;
}

.okkwork-vd-entity-copy:hover:not(:disabled) {
  color: rgba(255, 255, 255, 0.96);
  background: rgba(255, 255, 255, 0.12);
}

.okkwork-vd-entity-copy.is-copied {
  color: rgba(147, 197, 253, 0.98);
}

.okkwork-vd-entity-copy:disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

.okkwork-vd-entity-copy svg {
  display: block;
  pointer-events: none;
}

.okkwork-vd-entity-copy:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.45);
  outline-offset: 1px;
}

.okkwork-vd-entityslot {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  height: auto;
  border: 0 !important;
  margin: 0;
  padding: 6px 20px 22px 4px;
  box-sizing: border-box;
  background: transparent !important;
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.96);
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none !important;
  resize: none;
  overflow: hidden;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  field-sizing: content;
}

.okkwork-vd-entityslot::placeholder {
  color: rgba(255, 255, 255, 0.42);
  font-size: 10px;
}

.okkwork-vd-entityslot.is-masked {
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
}

.okkwork-vd-entityslot:focus {
  background: rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.okkwork-vd-cell--footer-slot,
.okkwork-vd-cell--footer-lead {
  align-self: stretch;
  height: auto;
}

.okkwork-vd-cell--footer-slot.okkwork-vd-entityslot-tip.okkwork-tooltip-host::after {
  left: 50%;
  top: auto;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  white-space: normal;
  text-align: center;
  max-width: min(260px, calc(100vw - 16px));
  min-width: 180px;
  z-index: 100002;
}

.okkwork-vd-cell--footer-slot.okkwork-vd-entityslot-tip.is-empty.okkwork-tooltip-host:hover::after,
.okkwork-vd-cell--footer-slot.okkwork-vd-entityslot-tip.is-empty.okkwork-tooltip-host:focus-within::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}

.okkwork-vd-footer-merged__n {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.05;
  font-variant-numeric: tabular-nums;
}

.okkwork-vd-footer-merged__cap {
  font-size: 10px;
  font-weight: 600;
  line-height: 1.15;
  text-transform: lowercase;
  opacity: 0.88;
}

.okkwork-vd-footer-entity-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: block;
  object-fit: contain;
}

/* ===== Подсказка с описанием блока/пункта (этап № 4) ===== */
.okkwork-vd-tipsrc {
  cursor: help;
}

/* Контейнер-портал: поверх всего макета Pixso (внутри z-index до 20000+), не перехватывает клики, пока открыта только подсказка */
#okkwork-mkk-tip-mount {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 100000;
  isolation: isolate;
}

.okkwork-vd-tip {
  position: fixed;
  z-index: 1;
  width: 400px;
  max-width: calc(100vw - 16px);
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  color: #1e293b;
  border-radius: 14px;
  box-shadow:
    0 24px 56px rgba(10, 74, 124, 0.18),
    0 6px 16px rgba(15, 23, 42, 0.10),
    0 0 0 1px rgba(15, 23, 42, 0.04);
  padding: 16px 18px 14px;
  font-family: ui-sans-serif, system-ui, "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  opacity: 0;
  transform: translate3d(0, 4px, 0);
  transition: opacity 0.16s ease, transform 0.16s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
  isolation: isolate;
  will-change: transform, opacity;
  overflow: hidden;
}

/* Декоративная полоска сверху убрана по запросу */
.okkwork-vd-tip::before {
  content: none;
}

.okkwork-vd-tip.is-open {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  pointer-events: auto;
}

.okkwork-vd-tip[hidden] {
  display: none !important;
}

.okkwork-vd-tip__title {
  font-size: 13px;
  font-weight: 700;
  color: #0a4a7c;
  letter-spacing: 0.005em;
  line-height: 1.3;
  margin: 0 0 10px;
  padding-bottom: 9px;
  border-bottom: 1px solid rgba(10, 74, 124, 0.10);
  word-break: break-word;
}

.okkwork-vd-tip__body {
  color: #1e293b;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  word-break: break-word;
  overflow-wrap: anywhere;
  max-height: 280px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(10, 74, 124, 0.25) transparent;
}

.okkwork-vd-tip__body::-webkit-scrollbar {
  width: 6px;
}

.okkwork-vd-tip__body::-webkit-scrollbar-thumb {
  background: rgba(10, 74, 124, 0.22);
  border-radius: 3px;
}

.okkwork-vd-tip__body p {
  margin: 0 0 6px;
}

.okkwork-vd-tip__body p:last-child {
  margin-bottom: 0;
}

.okkwork-vd-tip__body ul,
.okkwork-vd-tip__body ol {
  margin: 0 0 6px;
  padding-left: 18px;
}

.okkwork-vd-tip__body a {
  color: #2563eb;
  text-decoration: none;
  border-bottom: 1px solid rgba(37, 99, 235, 0.35);
  transition: color 0.12s ease, border-color 0.12s ease;
}

.okkwork-vd-tip__body a:hover {
  color: #1e40af;
  border-bottom-color: rgba(37, 99, 235, 0.8);
}

.okkwork-vd-tip__section {
  margin: 0 0 11px;
}

.okkwork-vd-tip__section:last-child {
  margin-bottom: 0;
}

.okkwork-vd-tip__sectionlabel {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #0a4a7c;
  margin: 0 0 5px;
  line-height: 1.15;
}

.okkwork-vd-tip__sectionlabel::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0a4a7c 0%, #2563eb 100%);
  flex-shrink: 0;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
}

.okkwork-vd-tip__sectionbody {
  color: #1e293b;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  padding-left: 12px;
}

.okkwork-vd-tip__sectionbody p {
  margin: 0 0 4px;
}

.okkwork-vd-tip__sectionbody p:last-child {
  margin-bottom: 0;
}

.okkwork-vd-tip__sectionbody ul,
.okkwork-vd-tip__sectionbody ol {
  margin: 0 0 4px;
  padding-left: 18px;
}

.okkwork-vd-tip__sectionbody a {
  color: #2563eb;
  text-decoration: none;
  border-bottom: 1px solid rgba(37, 99, 235, 0.35);
}

.okkwork-vd-tip__sectionbody a:hover {
  color: #1e40af;
  border-bottom-color: rgba(37, 99, 235, 0.8);
}

.okkwork-vd-tip__bodyline {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 6px;
}

.okkwork-vd-tip__bodyline:last-child {
  margin-bottom: 0;
}

.okkwork-vd-tip__bodyicon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 1;
}

.okkwork-vd-tip__bodyicon--neg { color: #dc2626; }
.okkwork-vd-tip__bodyicon--info { color: #6b7280; }

.okkwork-vd-tip__attaches {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
  padding-top: 11px;
  border-top: 1px solid rgba(10, 74, 124, 0.10);
}

.okkwork-vd-tip__attach {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 5px;
  padding: 5px 5px 6px;
  border-radius: 10px;
  border: 1px solid rgba(15, 23, 42, 0.06);
  background: linear-gradient(180deg, #ffffff 0%, #f1f6fd 100%);
  cursor: pointer;
  user-select: none;
  transition: transform 0.12s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease;
  text-align: left;
  font: inherit;
  color: inherit;
  width: 100%;
  min-width: 0;
}

.okkwork-vd-tip__attach:hover {
  background: linear-gradient(180deg, #f0f7ff 0%, #dceaff 100%);
  border-color: rgba(37, 99, 235, 0.35);
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.16);
}

.okkwork-vd-tip__attach:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(37, 99, 235, 0.18);
}

.okkwork-vd-tip__attach.is-active {
  background: linear-gradient(180deg, #e6f0ff 0%, #cfe0ff 100%);
  border-color: rgba(37, 99, 235, 0.55);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.18);
}

.okkwork-vd-tip__attachthumb {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 7px;
  background-color: rgba(241, 245, 249, 0.95);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
}

.okkwork-vd-tip__attachthumb::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 7px;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

.okkwork-vd-tip__attachthumb--image { color: rgba(15, 23, 42, 0.45); }
.okkwork-vd-tip__attachthumb--pdf    { color: #c53030; background-color: #fdecec; }
.okkwork-vd-tip__attachthumb--doc    { color: #2563eb; background-color: #e7efff; }
.okkwork-vd-tip__attachthumb--xls    { color: #15803d; background-color: #e2f7ea; }
.okkwork-vd-tip__attachthumb--video  { color: #7c3aed; background-color: #efeaff; }
.okkwork-vd-tip__attachthumb--file   { color: #475569; background-color: #eef2f7; }

.okkwork-vd-tip__attachthumb-video-play {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(124, 58, 237, 0.92);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  padding-left: 2px;
  box-shadow: 0 2px 6px rgba(124, 58, 237, 0.35);
}

.okkwork-vd-tip__attachname {
  font-size: 10px;
  font-weight: 600;
  color: #475569;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  letter-spacing: 0.005em;
}

.okkwork-vd-tip__preview {
  margin-top: 11px;
  padding-top: 11px;
  border-top: 1px solid rgba(10, 74, 124, 0.10);
  display: none;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.okkwork-vd-tip__preview.is-open {
  display: flex;
}

.okkwork-vd-tip__preview-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.okkwork-vd-tip__preview-name {
  font-size: 11.5px;
  font-weight: 700;
  color: #0a4a7c;
  letter-spacing: 0.005em;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.okkwork-vd-tip__previewclose {
  border: 0;
  background: rgba(10, 74, 124, 0.08);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0;
  line-height: 0;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0a4a7c;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  transition: background 0.12s ease, color 0.12s ease;
}

.okkwork-vd-tip__previewclose::before,
.okkwork-vd-tip__previewclose::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 1.6px;
  background: currentColor;
  border-radius: 2px;
}

.okkwork-vd-tip__previewclose::before { transform: translate(-50%, -50%) rotate(45deg); }
.okkwork-vd-tip__previewclose::after  { transform: translate(-50%, -50%) rotate(-45deg); }

.okkwork-vd-tip__previewclose:hover {
  background: rgba(10, 74, 124, 0.18);
}

.okkwork-vd-tip__previewbody img,
.okkwork-vd-tip__previewbody video {
  display: block;
  max-width: 100%;
  max-height: 240px;
  margin: 0 auto;
  border-radius: 10px;
  background: #0f172a;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.18);
}

.okkwork-vd-tip__previewbody--meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background: linear-gradient(180deg, #f8fafc 0%, #eef4fb 100%);
  border: 1px solid rgba(10, 74, 124, 0.10);
  word-break: break-word;
}

.okkwork-vd-tip__previewbody--metakind {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 9px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.okkwork-vd-tip__previewbody--metakind.kind-pdf   { color: #c53030; background-color: #fde0e0; }
.okkwork-vd-tip__previewbody--metakind.kind-doc   { color: #2563eb; background-color: #dfe9ff; }
.okkwork-vd-tip__previewbody--metakind.kind-xls   { color: #15803d; background-color: #d6f1de; }
.okkwork-vd-tip__previewbody--metakind.kind-video { color: #7c3aed; background-color: #e6dfff; }
.okkwork-vd-tip__previewbody--metakind.kind-file  { color: #475569; background-color: #e8edf4; }

.okkwork-vd-tip__previewbody--metainfo {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1 1 auto;
}

.okkwork-vd-tip__previewbody--metaname {
  font-size: 12px;
  font-weight: 700;
  color: #0a4a7c;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.okkwork-vd-tip__previewbody--metasub {
  font-size: 10.5px;
  font-weight: 600;
  color: #64748b;
  letter-spacing: 0.02em;
}

.okkwork-vd-tip__previewactions {
  display: flex;
  flex-direction: row;
  gap: 6px;
  flex-wrap: wrap;
}

.okkwork-vd-tip__previewbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, #0a4a7c 0%, #2563eb 100%);
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(37, 99, 235, 0.28);
  transition: transform 0.08s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.okkwork-vd-tip__previewbtn:hover {
  filter: brightness(1.06);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.38);
}

.okkwork-vd-tip__previewbtn:active {
  transform: translateY(1px);
}

.okkwork-vd-tip__previewbtn--alt {
  background: #ffffff;
  color: #0a4a7c;
  border: 1px solid rgba(10, 74, 124, 0.25);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.okkwork-vd-tip__previewbtn--alt:hover {
  background: #f1f6fd;
}

.okkwork-vd-tip__previewbody--metanote {
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  font-style: italic;
}

.okkwork-vd-tip__pointer {
  position: absolute;
  left: 22px;
  bottom: -6px;
  width: 12px;
  height: 12px;
  background: linear-gradient(135deg, #ffffff 0%, #f7faff 100%);
  border-right: 1px solid rgba(15, 23, 42, 0.06);
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  transform: rotate(45deg);
  box-shadow: 2px 2px 4px rgba(10, 74, 124, 0.06);
}

.okkwork-vd-tip[data-mkk-pos="below"] .okkwork-vd-tip__pointer {
  bottom: auto;
  top: -6px;
  border-right: 0;
  border-bottom: 0;
  border-left: 1px solid rgba(15, 23, 42, 0.06);
  border-top: 1px solid rgba(15, 23, 42, 0.06);
  background: linear-gradient(135deg, #0a4a7c 0%, #2563eb 100%);
  box-shadow: -2px -2px 4px rgba(10, 74, 124, 0.10);
}

.okkwork-vd-cell--footer-qty {
  justify-content: flex-end;
  padding-right: 18px;
}

.okkwork-vd-footerqty {
  text-align: right;
}

.okkwork-vd-footerqty__num {
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
}

.okkwork-vd-footerqty__cap {
  font-size: 11px;
  font-weight: 600;
  text-transform: lowercase;
  opacity: 0.9;
  margin-top: 2px;
}

/* ===== Lightbox для просмотра вложений на весь экран (картинки/видео/файлы) ===== */
#okkwork-mkk-lightbox {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 200000;
  isolation: isolate;
  padding: 10px 14px 14px;
  box-sizing: border-box;
  font-family: ui-sans-serif, system-ui, "Inter", "Segoe UI", Roboto, Arial, sans-serif;
}

#okkwork-mkk-lightbox.is-open {
  display: flex;
}

.okkwork-mkk-lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.78);
  -webkit-backdrop-filter: blur(6px) saturate(120%);
  backdrop-filter: blur(6px) saturate(120%);
  cursor: zoom-out;
  animation: okkworkLbFade 0.18s ease both;
}

@keyframes okkworkLbFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

.okkwork-mkk-lightbox__content {
  position: relative;
  z-index: 1;
  width: min(98vw, 2400px);
  max-width: min(98vw, 2400px);
  height: min(96vh, 1600px);
  max-height: 96vh;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
  animation: okkworkLbPop 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes okkworkLbPop {
  from { opacity: 0; transform: scale(0.96) translateY(8px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.okkwork-mkk-lightbox__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  color: #f1f5f9;
  font-size: 13px;
  font-weight: 600;
  padding: 0 4px;
  flex: 0 0 auto;
}

.okkwork-mkk-lightbox__name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: 0.005em;
}

.okkwork-mkk-lightbox__sub {
  color: #cbd5f5;
  font-size: 11px;
  font-weight: 500;
  flex-shrink: 0;
  letter-spacing: 0.02em;
}

.okkwork-mkk-lightbox__close {
  border: 0;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  line-height: 0;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  transition: background 0.12s ease, transform 0.05s ease;
}

/* Cross — два DIV-штриха, идеально центрируем через position:absolute и transform */
.okkwork-mkk-lightbox__close::before,
.okkwork-mkk-lightbox__close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  transform-origin: center center;
}

.okkwork-mkk-lightbox__close::before { transform: translate(-50%, -50%) rotate(45deg); }
.okkwork-mkk-lightbox__close::after  { transform: translate(-50%, -50%) rotate(-45deg); }

.okkwork-mkk-lightbox__close:hover {
  background: rgba(255, 255, 255, 0.22);
}

.okkwork-mkk-lightbox__close:active {
  transform: scale(0.95);
}

.okkwork-mkk-lightbox__body {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.55);
  border-radius: 14px;
  padding: 8px;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
}

.okkwork-mkk-lightbox__body img,
.okkwork-mkk-lightbox__body video {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 10px;
  background: #020617;
  min-width: 0;
  min-height: 0;
}

.okkwork-mkk-lightbox__body .okkwork-mkk-lightbox__filecard {
  align-self: center;
  flex: 0 0 auto;
}

.okkwork-mkk-lightbox__filecard {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 30px 36px 32px;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f1f6fd 100%);
  color: #0f172a;
  min-width: 320px;
  box-shadow: 0 20px 50px rgba(2, 6, 23, 0.4);
}

.okkwork-mkk-lightbox__filebadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.okkwork-mkk-lightbox__filebadge svg {
  width: 56px;
  height: 56px;
  display: block;
}

.okkwork-mkk-lightbox__filename {
  font-size: 15px;
  font-weight: 700;
  color: #0a4a7c;
  text-align: center;
  word-break: break-word;
  max-width: 380px;
}

.okkwork-mkk-lightbox__filesub {
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  letter-spacing: 0.02em;
}

.okkwork-mkk-lightbox__actions {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-top: 6px;
}

.okkwork-mkk-lightbox__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #0a4a7c 0%, #2563eb 100%);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.32);
  transition: transform 0.08s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.okkwork-mkk-lightbox__btn:hover {
  filter: brightness(1.06);
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.42);
}

.okkwork-mkk-lightbox__btn:active {
  transform: translateY(1px);
}

.okkwork-mkk-lightbox__btn--alt {
  background: #fff;
  color: #0a4a7c;
  border: 1px solid rgba(10, 74, 124, 0.25);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.10);
}

.okkwork-mkk-lightbox__btn--alt:hover {
  background: #f1f6fd;
}

.okkwork-mkk-lightbox__note {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  font-style: italic;
  text-align: center;
  max-width: 340px;
}

/* Период проверки: год + месяц в одной группе под общей подписью */
.okkwork-vd-period__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* Год / месяц: выпадающий список ровно по ширине поля */
.okkwork-vd-period__row #okkwork-vd-year-dd,
.okkwork-vd-period__row #okkwork-vd-month-dd {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  vertical-align: top;
}

.okkwork-vd-period__row #okkwork-vd-year-dd .okkwork-vd-dd__btn {
  width: 96px;
  min-width: 96px;
  max-width: 96px;
}

.okkwork-vd-period__row #okkwork-vd-month-dd .okkwork-vd-dd__btn {
  width: 112px;
  min-width: 112px;
  max-width: 112px;
}

.okkwork-vd-period__row #okkwork-vd-year-dd .okkwork-vd-dd__list,
.okkwork-vd-period__row #okkwork-vd-month-dd .okkwork-vd-dd__list {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  padding: 4px 0 6px;
  box-sizing: border-box;
}

.okkwork-vd-period__row #okkwork-vd-year-dd .okkwork-vd-dd__list button:not(.okkwork-crm-dropdown-add-btn):not(.okkwork-vd-mkk-toggle):not(.okkwork-crm-option),
.okkwork-vd-period__row #okkwork-vd-month-dd .okkwork-vd-dd__list button:not(.okkwork-crm-dropdown-add-btn):not(.okkwork-vd-mkk-toggle):not(.okkwork-crm-option) {
  padding: 7px 6px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Выпадающие «год / месяц», чек-лист, подразделение — как «Компания или проект»: скругление, градиент, рамка */
.okkwork-vd-dd {
  position: relative;
  flex-shrink: 0;
}

.okkwork-vd-pill-skew__inner {
  transform: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-width: 0;
  gap: 2px;
}

.okkwork-vd-dd__btn {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 100px;
  max-width: 200px;
  height: 33px;
  padding: 0 8px 0 12px;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  border: 0.5px solid rgba(6, 88, 162, 0.45);
  background-color: rgba(255, 255, 255, 1);
  background-image: none;
  box-shadow: none;
  transform: none;
  transition: box-shadow 0.15s ease, transform 0.05s ease, border-color 0.15s ease;
  font: inherit;
}

/* Поля выбора: “заполнено” как на этапе 4 (светло‑голубой фон) */
.okkwork-vd-dd__btn.okkwork-field-tone--filled {
  background: rgba(6, 88, 162, 0.14);
  border-color: rgba(6, 88, 162, 0.45);
}

/* То же состояние, но когда класс стоит на контейнере dd */
.okkwork-vd-dd.okkwork-field-tone--filled .okkwork-vd-dd__btn {
  background: rgba(6, 88, 162, 0.14);
  border-color: rgba(6, 88, 162, 0.45);
}

.okkwork-vd-dd__btn:active {
  transform: translateY(1px);
}

.okkwork-vd-dd__btn:focus-visible {
  outline: 2px solid rgba(6, 88, 162, 0.45);
  outline-offset: 2px;
}

/* МКК тулбар: поля выбора должны быть “залиты” как на этапе 4 */
#okkwork-mkk-violation-dashboard .okkwork-vd__toolbar .okkwork-vd-dd__btn,
#okkwork-mkk-violation-dashboard .okkwork-vd__toolbar .okkwork-vd-dd--subdivision .okkwork-vd-dd__btn {
  background: rgba(6, 88, 162, 0.14) !important;
  background-image: none !important;
  border-color: rgba(6, 88, 162, 0.45) !important;
}

#okkwork-mkk-violation-dashboard .okkwork-vd__toolbar .okkwork-vd-field-group--project .Pixso-rectangle-169_191 {
  background: rgba(6, 88, 162, 0.14) !important;
  background-image: none !important;
}

/* Чек-лист МКК: поле на всю ширину карточки (ниже базовых .okkwork-vd-dd / .okkwork-vd-dd__btn) */
.okkwork-vd-dd.okkwork-vd-dd--checklist {
  flex: 1 1 0%;
  min-width: 0;
  width: 100%;
  flex-shrink: 1;
}

.okkwork-vd-dd--checklist .okkwork-vd-dd__btn {
  width: 100%;
  min-width: 0;
  max-width: none;
}

.okkwork-vd-dd__btn-text {
  flex: 1;
  min-width: 0;
  text-align: left;
  font-family: "Inter-Semi Bold", "Inter-Regular", ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #0658a2;
}

/* Стрелка как у поля «Компания или проект» (Pixso-rectangle-169_194) */
.okkwork-vd-pixso-chev {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  margin-left: 2px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/46116e31a3a1609f0df85e759c6ab87edc6d3409.png");
  transform: rotateY(180deg) rotateX(180deg);
  transition: transform 0.2s ease;
}

.okkwork-vd-pixso-chev--sm {
  width: 18px;
  height: 18px;
  margin-left: 0;
}

.okkwork-vd-dd.is-open .okkwork-vd-pixso-chev,
.okkwork-vd-sub-root.is-open .okkwork-vd-pixso-chev {
  transform: rotateY(180deg) rotateX(180deg) rotate(180deg);
}

.okkwork-vd-dd__list {
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  z-index: 80;
  min-width: 148px;
  max-height: min(380px, 52vh);
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 4px 0 10px;
  list-style: none;
  border-radius: 10px;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid rgba(107, 124, 128, 1);
  box-shadow:
    0 10px 40px rgba(0, 0, 0, 0.12),
    0 2px 8px rgba(0, 0, 0, 0.06);
}

.okkwork-vd-dd__list[hidden] {
  display: none !important;
}

.okkwork-vd-dd__list button:not(.okkwork-crm-dropdown-add-btn):not(.okkwork-vd-mkk-toggle):not(.okkwork-crm-option) {
  width: 100%;
  text-align: left;
  padding: 10px 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-family: "Inter-Bold", "Inter-Regular", sans-serif;
  font-size: 15px;
  font-weight: 520;
  color: rgba(72, 87, 101, 1);
  cursor: pointer;
  line-height: 1.25;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.okkwork-vd-dd__list button:not(.okkwork-crm-dropdown-add-btn):not(.okkwork-vd-mkk-toggle):not(.okkwork-crm-option):hover {
  background: rgba(6, 88, 162, 0.08);
  color: #0658a2;
}

.okkwork-vd-dd__list li.is-current > button {
  background: rgba(6, 88, 162, 0.1);
  color: #0658a2;
}

.okkwork-vd-dd__list li.okkwork-vd-checklist-li.is-current {
  background: rgba(6, 88, 162, 0.1);
}

.okkwork-vd-dd__list li.okkwork-vd-checklist-li.is-current .okkwork-crm-option:not(:disabled),
.okkwork-vd-dd__list li.okkwork-vd-checklist-li.is-current .okkwork-crm-option.is-active {
  background: transparent;
  color: #0658a2;
  font-weight: 700;
}

.okkwork-vd-dd__list li.okkwork-vd-checklist-li {
  padding: 0;
  margin: 0;
  overflow: visible;
  transition: background-color 0.15s ease;
}

.okkwork-vd-dd__list li.okkwork-vd-checklist-li:hover {
  background: rgba(6, 88, 162, 0.08);
}

.okkwork-vd-dd__list li.okkwork-vd-checklist-li.is-current:hover {
  background: rgba(6, 88, 162, 0.12);
}

.okkwork-vd-dd__list li.okkwork-vd-checklist-li:hover .okkwork-crm-option:not(:disabled) {
  background: transparent;
  color: #0658a2;
}

/* Строка чек-листа: подсветка на всю ширину, как в «Компания или проект» */
.okkwork-vd-dd__list li.okkwork-vd-checklist-li button:not(.okkwork-vd-mkk-toggle):hover {
  background: transparent;
}

.okkwork-vd-dd__list li.okkwork-vd-checklist-li:hover .okkwork-crm-option:disabled {
  color: rgba(72, 87, 101, 0.75);
}

.okkwork-vd-dd__list li.okkwork-vd-dd__add-li {
  margin-top: 4px;
  padding: 0;
  list-style: none;
}

.okkwork-vd-dd__list li.okkwork-vd-dd__add-li.okkwork-crm-dropdown-footer {
  border-top: 1px solid rgba(217, 224, 227, 0.95);
  padding: 8px 10px 10px;
  background: rgba(245, 248, 252, 0.75);
  margin-bottom: 0;
}

.okkwork-vd-dd__list li.okkwork-vd-dd__add-li .okkwork-crm-dropdown-add-btn {
  width: 100%;
}

.okkwork-vd-sub-dropdown .okkwork-crm-dropdown-footer {
  border-top: 1px solid rgba(217, 224, 227, 0.95);
  padding: 8px 10px 10px;
  background: rgba(245, 248, 252, 0.75);
}

.okkwork-vd-dd__list .okkwork-vd-checklist-row,
.okkwork-vd-dd__list .okkwork-mkk-project-row.okkwork-vd-checklist-row {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
  box-sizing: border-box;
  padding: 2px 14px 2px 0;
}

.okkwork-vd-dd__list .okkwork-vd-checklist-row .okkwork-crm-option,
.okkwork-vd-dd__list .okkwork-mkk-project-row.okkwork-vd-checklist-row .okkwork-crm-option {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: calc(100% - 48px);
  padding: 10px 10px 10px 18px;
  border: 0;
  background: transparent;
}

.okkwork-vd-dd__list .okkwork-crm-option:disabled {
  opacity: 1;
  cursor: not-allowed;
  color: #b8c4ce;
}

.okkwork-vd-dd__list li.okkwork-vd-checklist-li.is-inactive .okkwork-crm-option,
.okkwork-vd-dd__list li.okkwork-vd-checklist-li.is-inactive .okkwork-crm-option:disabled {
  color: #b8c4ce;
}

.okkwork-vd-dd__list li.okkwork-vd-checklist-li.is-inactive:not(.is-current):hover {
  background: transparent;
}

.okkwork-vd-dd__list li.okkwork-vd-checklist-li.is-inactive:not(.is-current):hover .okkwork-crm-option:disabled {
  color: #b8c4ce;
}

.okkwork-vd-dd__list button.okkwork-vd-mkk-toggle.is-muted,
.okkwork-mkk-project-list button.okkwork-vd-mkk-toggle.is-muted {
  opacity: 0.45;
}

/* Тумблер чек-листа — как в настройках «Динамика» (.okkwork-mkk-ws-settings__toggle) */
.okkwork-vd-dd__list button.okkwork-vd-mkk-toggle,
.okkwork-mkk-project-list button.okkwork-vd-mkk-toggle {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 36px;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  height: 20px;
  border-radius: 999px;
  border: 2px solid rgba(55, 65, 81, 0.85);
  background: #fff;
  cursor: pointer;
  padding: 0;
  margin: 0;
  outline: none;
  align-self: center;
  flex-shrink: 0;
  line-height: 0;
  font-size: 0;
  text-align: center;
  color: transparent;
  appearance: none;
  -webkit-appearance: none;
  overflow: hidden;
  transition:
    border-color 0.15s ease,
    background-color 0.15s ease,
    box-shadow 0.15s ease;
}

.okkwork-vd-dd__list button.okkwork-vd-mkk-toggle:hover,
.okkwork-mkk-project-list button.okkwork-vd-mkk-toggle:hover {
  background: #fff;
  color: transparent;
}

.okkwork-vd-dd__list button.okkwork-vd-mkk-toggle:focus-visible,
.okkwork-mkk-project-list button.okkwork-vd-mkk-toggle:focus-visible {
  box-shadow: 0 0 0 2px rgba(17, 188, 32, 0.35);
}

.okkwork-vd-dd__list button.okkwork-vd-mkk-toggle::after,
.okkwork-mkk-project-list button.okkwork-vd-mkk-toggle::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 14px;
  height: 14px;
  margin: 0;
  border-radius: 50%;
  box-sizing: border-box;
  transform: none;
  background: rgba(55, 65, 81, 0.85);
  box-shadow: none;
  transition: transform 0.15s ease, background 0.15s ease;
}

.okkwork-vd-dd__list button.okkwork-vd-mkk-toggle.is-on,
.okkwork-mkk-project-list button.okkwork-vd-mkk-toggle.is-on {
  border-color: rgba(17, 188, 32, 1);
  background: rgba(17, 188, 32, 0.15);
}

.okkwork-vd-dd__list button.okkwork-vd-mkk-toggle.is-on:hover,
.okkwork-mkk-project-list button.okkwork-vd-mkk-toggle.is-on:hover {
  background: rgba(17, 188, 32, 0.15);
  color: transparent;
}

.okkwork-vd-dd__list button.okkwork-vd-mkk-toggle.is-on::after,
.okkwork-mkk-project-list button.okkwork-vd-mkk-toggle.is-on::after {
  transform: translateX(16px);
  background: rgba(17, 188, 32, 1);
}

.okkwork-vd-dd__list .okkwork-vd-mkk-toggle-tip {
  position: relative;
  flex: 0 0 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex-shrink: 0;
  z-index: 1;
}

.okkwork-vd-mkk-toggle-float-tip {
  position: fixed;
  z-index: 100001;
  min-width: 220px;
  max-width: min(320px, calc(100vw - 16px));
  padding: 10px 12px;
  font-family: "Inter-Medium", "Inter-Regular", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  color: #033d72;
  background: #edf4fa;
  background-color: #edf4fa;
  border: 0.5px solid #b4c9dc;
  border-radius: 10px;
  box-shadow: 0 10px 26px rgba(3, 61, 114, 0.14);
  pointer-events: none;
  opacity: 1;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.okkwork-vd-mkk-toggle-float-tip[hidden] {
  display: none !important;
}

.okkwork-vd-checklist-label--inactive {
  opacity: 0.65;
}

/* Подразделение (этап №1), стиль как поле 169_191 */
.okkwork-vd-subkv {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-shrink: 0;
}

.okkwork-vd-subkv__label {
  font-size: 14px;
  font-weight: 750;
  color: #0658a2;
  letter-spacing: 0.01em;
}

.okkwork-vd-sub-root {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.okkwork-vd-sub-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  max-width: 280px;
  height: 33px;
  padding: 0 8px 0 12px;
  border-radius: 10px;
  cursor: pointer;
  box-sizing: border-box;
  border: 0.5px solid rgba(6, 88, 162, 0.45);
  background-color: rgba(255, 255, 255, 1);
  background-image: none;
  box-shadow: none;
  transform: none;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.okkwork-vd-sub-field.okkwork-field-tone--filled {
  background: rgba(6, 88, 162, 0.14);
  border-color: rgba(6, 88, 162, 0.45);
}

/* То же состояние, но когда класс стоит на корне sub-root */
.okkwork-vd-sub-root.okkwork-field-tone--filled .okkwork-vd-sub-field {
  background: rgba(6, 88, 162, 0.14);
  border-color: rgba(6, 88, 162, 0.45);
}

.okkwork-vd-sub-field__row {
  transform: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 2px;
}

.okkwork-vd-sub-input {
  flex: 1;
  min-width: 0;
  height: 24px;
  border: 0;
  background: transparent;
  font-family: "Inter-Semi Bold", "Inter-Regular", ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #0658a2;
  cursor: pointer;
  outline: none;
}

.okkwork-vd-sub-input::placeholder {
  color: #0658a2;
  opacity: 0.92;
}

#okkwork-vd-sub-dropdown.okkwork-vd-sub-dropdown {
  top: calc(100% + 6px);
  left: 0;
  min-width: 100%;
  width: max-content;
  max-width: 420px;
  z-index: 85;
}

.okkwork-vd-cell--wide {
  background: #f8fafc;
  color: #0f172a;
  font-size: 13px;
  font-weight: 600;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}

.okkwork-vd-cell--sum {
  background: #eef2f7;
  color: #0f172a;
  font-size: 12px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  font-variant-numeric: tabular-nums;
  padding: 3px 5px;
}

.okkwork-vd-scorechip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  min-height: 26px;
  padding: 2px 7px;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid rgba(107, 124, 128, 0.35);
  background: rgba(245, 245, 245, 1);
  color: rgba(72, 87, 101, 1);
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
.okkwork-vd-scorechip--locked {
  opacity: 0.45;
  cursor: not-allowed;
  filter: saturate(0.65);
}

.okkwork-vd-scorechip--inactive {
  background: rgba(245, 247, 250, 1) !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
  color: rgba(100, 116, 139, 0.85) !important;
  min-width: 28px;
  cursor: default;
}

/* Комбинированная система: балл заливает ячейку (как красная «1»), цвет — по значению */
.okkwork-vd-vbtn--combined-on {
  margin: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  min-height: 28px;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
}

.okkwork-vd-cell--bodyin .okkwork-vd-vbtn--combined-on {
  margin: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  min-height: 20px;
}

.okkwork-vd-vbtn--combined-on .okkwork-vd-vbtn__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background: transparent !important;
  border: none !important;
  border-radius: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: inherit;
}

.okkwork-vd-weightpop {
  position: fixed;
  z-index: 2147483646;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 5px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.18),
    0 2px 8px rgba(15, 23, 42, 0.08);
}

.okkwork-vd-weightpop__opt {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 24px;
  padding: 2px 8px;
  border-radius: 6px;
  border: 1px solid rgba(107, 124, 128, 0.35);
  background: rgba(245, 245, 245, 1);
  color: rgba(72, 87, 101, 1);
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  box-sizing: border-box;
}

.okkwork-vd-weightpop__opt:hover {
  filter: brightness(0.97);
}

.okkwork-vd-weightpop__opt--clear {
  background: rgba(248, 250, 252, 1);
  border-color: rgba(148, 163, 184, 0.45);
  color: rgba(100, 116, 139, 0.95);
  font-weight: 600;
}

.okkwork-vd-cell--bodyin {
  position: relative;
  padding: 0;
  background: var(--vd-cell);
  border-right-color: rgba(55, 70, 88, 0.52);
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  overflow: visible;
}

.okkwork-vd-cell--bodyin .okkwork-vd-vbtn {
  min-height: 22px;
  font-size: 12px;
  font-weight: 700;
}
.okkwork-vd-cell--bodyin .okkwork-vd-vbtn--on {
  margin: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  min-height: 20px;
  border-radius: 3px;
}
.okkwork-vd-vbtn {
  width: 100%;
  height: 100%;
  min-height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font: 700 14px ui-sans-serif, system-ui, "Inter", sans-serif;
  font-variant-numeric: tabular-nums;
  color: #0a4a7c;
  background: transparent;
  cursor: pointer;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.okkwork-vd-vbtn:focus {
  outline: none;
}
.okkwork-vd-vbtn:focus-visible {
  outline: 2px solid rgba(6, 88, 162, 0.35);
  outline-offset: -2px;
}
.okkwork-vd-vbtn--on {
  background: #c81e1e;
  color: #fff;
  border-radius: 4px;
  margin: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  min-height: 28px;
}
.okkwork-vd-vbtn__num {
  display: inline-block;
  line-height: 1;
}
.okkwork-vd-vbtn--locked {
  pointer-events: none;
}

/* Google-Sheets-подобный попап комментария к нарушению */
.okkwork-vd-cmtpop {
  position: fixed;
  z-index: 2147483647;
  width: min(320px, 92vw);
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  box-shadow:
    0 16px 40px rgba(15, 23, 42, 0.22),
    0 4px 12px rgba(15, 23, 42, 0.08);
  padding: 12px 12px 10px;
  font-family: ui-sans-serif, system-ui, "Inter", sans-serif;
  color: #0f172a;
  display: none;
}
.okkwork-vd-cmtpop.is-open {
  display: block;
}
.okkwork-vd-cmtpop--wide {
  width: min(360px, 94vw);
}
.okkwork-vd-cmtpop__thread {
  max-height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 0 10px;
  padding: 10px 4px 14px;
  scroll-padding: 10px 0;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.okkwork-vd-cmtpop__thread:empty {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
}
.okkwork-vd-cmt-item {
  display: flex;
  gap: 8px;
  padding: 10px 6px;
  border-radius: 8px;
}
.okkwork-vd-cmt-item:not(.okkwork-vd-cmt-item--reply) {
  display: block;
  padding-left: 4px;
  padding-right: 4px;
}
.okkwork-vd-cmt-item:not(.okkwork-vd-cmt-item--reply) .okkwork-vd-cmt-item__shell {
  width: 100%;
}
.okkwork-vd-cmt-item:not(.okkwork-vd-cmt-item--reply) .okkwork-vd-cmt-item__head {
  align-items: flex-start;
  gap: 8px;
  padding-right: 0;
}
.okkwork-vd-cmt-item:not(.okkwork-vd-cmt-item--reply) .okkwork-vd-cmt-item__who {
  flex: 1 1 auto;
  min-width: 0;
}
.okkwork-vd-cmtpop__avatar-in-body {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  flex: 0 0 32px;
  align-self: flex-start;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  display: block;
}
.okkwork-vd-cmtpop__avatar-in-body img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.okkwork-vd-cmt-item + .okkwork-vd-cmt-item {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
}
.okkwork-vd-cmt-item--reply {
  margin-left: 12px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-left: 2px solid rgba(148, 163, 184, 0.28);
}
.okkwork-vd-cmt-item--reply + .okkwork-vd-cmt-item--reply {
  margin-top: 14px;
  padding-top: 14px;
}
.okkwork-vd-cmt-item--depth-2 {
  border-left-color: rgba(148, 163, 184, 0.24);
}
.okkwork-vd-cmt-item--depth-3,
.okkwork-vd-cmt-item--depth-4 {
  border-left-color: rgba(148, 163, 184, 0.2);
}
.okkwork-cmt-parent-quote {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 6px;
  margin: 4px 0 6px;
  padding: 6px 8px;
  border-radius: 8px;
  background: rgba(6, 88, 162, 0.08);
  border: 1px solid rgba(6, 88, 162, 0.16);
  font-size: 11px;
  line-height: 1.3;
  color: #475569;
}
.okkwork-cmt-parent-quote.is-clickable {
  cursor: pointer;
}
.okkwork-cmt-parent-quote.is-clickable:hover {
  background: rgba(6, 88, 162, 0.12);
  border-color: rgba(6, 88, 162, 0.24);
}
.okkwork-cmt-parent-quote__label {
  font-weight: 600;
  color: #0658a2;
}
.okkwork-cmt-parent-quote__who {
  font-weight: 700;
  color: #1e293b;
}
.okkwork-cmt-parent-quote__text {
  flex: 1 1 100%;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.okkwork-mkk-ws-cmt-card .okkwork-cmt-parent-quote {
  margin-top: 0;
  margin-bottom: 8px;
}
.okkwork-vd-cmt-item__body {
  flex: 1;
  min-width: 0;
}
.okkwork-vd-cmt-item__shell {
  position: relative;
  flex: 1;
  min-width: 0;
  padding-bottom: 0;
}
.okkwork-vd-cmt-item__shell.has-replies-toggle {
  padding-bottom: 18px;
}
.okkwork-vd-cmt-item__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}
.okkwork-vd-cmtpop__thread .okkwork-mkk-ws-cmt-card__foot {
  margin-top: 8px;
}
.okkwork-vd-cmtpop__thread .okkwork-mkk-ws-cmt-card__replies-toggle {
  position: absolute;
  left: 50%;
  bottom: -2px;
  transform: translateX(-50%);
  z-index: 2;
}
.okkwork-vd-cmt-item.is-feed-jump-flash {
  position: relative;
  z-index: 3;
}
.okkwork-vd-cmt-item.is-feed-jump-flash::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  pointer-events: none;
  z-index: 4;
  animation: okkwork-mkk-ws-cmt-feed-flash 1.15s ease;
}
.okkwork-vd-cmt-item__text {
  font-size: 13px;
  line-height: 1.35;
  color: #1e293b;
  white-space: pre-wrap;
  word-break: break-word;
  margin: 4px 0 0;
}
.okkwork-vd-cmt-item__meta {
  font-size: 11px;
  color: #64748b;
  line-height: 1.2;
}
.okkwork-vd-cmt-item__reply-btn {
  margin-top: 6px;
  padding: 0;
  border: none;
  background: none;
  color: #0658a2;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.okkwork-vd-cmt-item__reply-btn:hover {
  text-decoration: underline;
}
.okkwork-vd-cmtpop__reply {
  display: none;
  align-items: center;
  gap: 6px;
  margin: 0 0 8px;
  padding: 6px 8px;
  border-radius: 8px;
  background: #fff7ed;
  border: 1px solid rgba(255, 109, 0, 0.35);
  font-size: 12px;
  color: #9a3412;
}
.okkwork-vd-cmtpop__reply.is-visible {
  display: flex;
}
.okkwork-vd-cmtpop__reply-cancel {
  margin-left: auto;
  padding: 0 6px;
  border: none;
  background: none;
  color: #64748b;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.okkwork-vd-cmt-hover {
  position: fixed;
  z-index: 2147483646;
  width: min(320px, 92vw);
  max-height: min(320px, 50vh);
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  box-shadow:
    0 12px 32px rgba(15, 23, 42, 0.2),
    0 4px 10px rgba(15, 23, 42, 0.08);
  padding: 10px 10px 12px;
  font-family: ui-sans-serif, system-ui, "Inter", sans-serif;
  pointer-events: none;
  display: none;
}
.okkwork-vd-cmt-hover.is-open {
  display: block;
}
.okkwork-vd-cmt-hover__title {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #64748b;
  margin: 0 0 6px 2px;
}
.okkwork-vd-cmtpop__head {
  display: none;
}
.okkwork-vd-cmtpop__avatar {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 50%;
  flex: 0 0 32px;
  align-self: flex-start;
  background: #f97316 url("../icon/okkwork-user-menu-icons/Ellipse2.png") center/cover no-repeat;
  border: 1px solid rgba(15, 23, 42, 0.08);
  overflow: hidden;
  position: relative;
  display: block;
  color: #fff;
  font-weight: 800;
  font-size: 13px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
}
.okkwork-vd-cmtpop__avatar img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.okkwork-vd-cmtpop__avatar > span {
  font-weight: 800;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
}
.okkwork-vd-cmtpop__who {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  flex: 1 1 auto;
}
.okkwork-vd-cmtpop__name {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.okkwork-vd-cmtpop__role {
  font-size: 11px;
  font-weight: 500;
  color: #64748b;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.okkwork-vd-cmtpop__time {
  font-size: 11px;
  font-weight: 500;
  color: #94a3b8;
  margin: 0 0 8px;
  padding-left: 42px;
}
.okkwork-vd-cmtpop__field {
  width: 100%;
  box-sizing: border-box;
  min-height: 56px;
  max-height: 200px;
  resize: vertical;
  border: 1px solid rgba(15, 23, 42, 0.18);
  border-radius: 10px;
  padding: 8px 10px;
  font: 400 13px ui-sans-serif, system-ui, "Inter", sans-serif;
  color: #0f172a;
  background: #fff;
  outline: none;
  line-height: 1.35;
}
.okkwork-vd-cmtpop__field:focus {
  border-color: rgba(6, 88, 162, 0.55);
  box-shadow: 0 0 0 3px rgba(6, 88, 162, 0.12);
}
.okkwork-vd-cmtpop__field::placeholder {
  color: #94a3b8;
}
.okkwork-vd-cmtpop__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.okkwork-vd-cmtpop__btn {
  appearance: none;
  border: 0;
  font: 700 13px ui-sans-serif, system-ui, "Inter", sans-serif;
  border-radius: 8px;
  padding: 6px 14px;
  cursor: pointer;
  background: transparent;
  color: #0658a2;
}
.okkwork-vd-cmtpop__btn:hover {
  background: rgba(6, 88, 162, 0.08);
}
.okkwork-vd-cmtpop__btn--primary {
  background: rgba(6, 88, 162, 1);
  color: #fff;
}
.okkwork-vd-cmtpop__btn--primary:hover {
  background: rgba(6, 88, 162, 0.92);
}
.okkwork-vd-cmtpop__btn--primary:disabled {
  background: rgba(148, 163, 184, 0.45);
  color: #fff;
  cursor: not-allowed;
}

.okkwork-vd-cmt-item__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
  width: 100%;
}
.okkwork-vd-cmt-item__who {
  flex: 1;
  min-width: 0;
}
.okkwork-vd-cmt-item__status {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 1px;
}
.okkwork-vd-cmt-item__status svg {
  width: 18px;
  height: 18px;
  display: block;
}
.okkwork-vd-cmt-item__status.okkwork-tooltip-host::after {
  left: 50%;
  z-index: 2147483647;
}
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--status-agree .okkwork-vd-cmt-item__body {
  background: rgba(34, 197, 94, 0.14);
}
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--status-disagree .okkwork-vd-cmt-item__body {
  background: rgba(239, 68, 68, 0.14);
}
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--status-moderator .okkwork-vd-cmt-item__body {
  background: rgba(245, 158, 11, 0.16);
}
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--status-waiting .okkwork-vd-cmt-item__body {
  background: rgba(148, 163, 184, 0.18);
}
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--status-none .okkwork-vd-cmt-item__body {
  background: rgba(148, 163, 184, 0.11);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.28);
}
/* Ответы в ветке попапа: белый фон, статус — только полоска слева у .okkwork-vd-cmt-item */
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--reply.okkwork-vd-cmt-item--thread-status-agree .okkwork-vd-cmt-item__body,
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--reply.okkwork-vd-cmt-item--thread-status-disagree .okkwork-vd-cmt-item__body,
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--reply.okkwork-vd-cmt-item--thread-status-moderator .okkwork-vd-cmt-item__body,
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--reply.okkwork-vd-cmt-item--thread-status-waiting .okkwork-vd-cmt-item__body,
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--reply.okkwork-vd-cmt-item--thread-status-none .okkwork-vd-cmt-item__body {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
}
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--reply.okkwork-vd-cmt-item--thread-status-agree {
  border-left-color: rgba(34, 197, 94, 0.32);
}
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--reply.okkwork-vd-cmt-item--thread-status-disagree {
  border-left-color: rgba(239, 68, 68, 0.32);
}
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--reply.okkwork-vd-cmt-item--thread-status-moderator {
  border-left-color: rgba(245, 158, 11, 0.34);
}
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--reply.okkwork-vd-cmt-item--thread-status-waiting {
  border-left-color: rgba(148, 163, 184, 0.36);
}
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--reply.okkwork-vd-cmt-item--thread-status-none {
  border-left-color: rgba(148, 163, 184, 0.34);
}
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--status-agree .okkwork-vd-cmt-item__body,
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--status-disagree .okkwork-vd-cmt-item__body,
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--status-moderator .okkwork-vd-cmt-item__body,
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--status-waiting .okkwork-vd-cmt-item__body,
.okkwork-vd-cmt-item.okkwork-vd-cmt-item--status-none .okkwork-vd-cmt-item__body {
  border-radius: 8px;
  padding: 8px 8px 6px;
  margin: 0;
  overflow: visible;
}
.okkwork-vd-cmt-item__reactions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1px;
  flex: 0 1 auto;
  max-width: 118px;
}
.okkwork-vd-cmt-item__react-btn {
  position: relative;
  width: 22px;
  height: 22px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.72;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.okkwork-vd-cmt-item__react-btn:hover {
  opacity: 1;
  background: rgba(15, 23, 42, 0.06);
}
.okkwork-vd-cmt-item__react-btn.is-mine {
  opacity: 1;
  background: rgba(6, 88, 162, 0.1);
  box-shadow: inset 0 0 0 1px rgba(6, 88, 162, 0.22);
}
.okkwork-vd-cmt-item__react-btn.is-readonly {
  cursor: default;
  pointer-events: none;
}
.okkwork-vd-cmt-item__react-btn.is-readonly:hover {
  background: transparent;
}
.okkwork-vd-cmt-item__react-count {
  position: absolute;
  right: -3px;
  bottom: -6px;
  min-width: 12px;
  height: 12px;
  padding: 0 2px;
  border-radius: 6px;
  background: #0658a2;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  line-height: 12px;
  text-align: center;
}
.okkwork-vd-cmt-item__menu-wrap {
  position: relative;
  flex: 0 0 auto;
}
.okkwork-vd-cmt-item__menu-btn {
  width: 22px;
  height: 22px;
  padding: 0;
  border: none;
  background: transparent;
  color: #64748b;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -1px;
  cursor: pointer;
  border-radius: 4px;
}
.okkwork-vd-cmt-item__menu-btn:hover {
  background: rgba(15, 23, 42, 0.06);
  color: #334155;
}
.okkwork-vd-cmt-item__menu {
  position: absolute;
  right: 0;
  top: calc(100% + 2px);
  z-index: 3;
  min-width: 188px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
  padding: 4px 0;
  display: none;
  font-family: "Rubik-Regular", "Rubik-Medium", "Rubik", "Inter-Regular", ui-sans-serif, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.okkwork-vd-cmt-item__menu.is-open {
  display: block;
}
.okkwork-vd-cmt-item__menu button {
  display: block;
  width: 100%;
  padding: 8px 14px;
  border: none;
  background: none;
  text-align: left;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.35;
  color: #334155;
  cursor: pointer;
}
.okkwork-vd-cmt-item__menu button:hover {
  background: #f1f5f9;
}
.okkwork-vd-cmtpop__status {
  margin: 0 0 10px;
  padding: 0 2px;
}
.okkwork-vd-cmtpop__status-label {
  display: block;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #64748b;
  margin-bottom: 6px;
}
.okkwork-vd-cmtpop__status-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 168px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.okkwork-vd-cmtpop__status-opt {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  padding: 6px 8px;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Inter", sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  border-radius: 8px;
}
.okkwork-vd-cmtpop__status-opt:hover {
  background: rgba(81, 95, 108, 0.08);
}
.okkwork-vd-cmtpop__status-opt.is-selected {
  background: rgba(81, 95, 108, 0.1);
  box-shadow: inset 0 0 0 1px rgba(81, 95, 108, 0.12);
}
.okkwork-vd-cmtpop__status-opt svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  display: block;
}
.okkwork-vd-cmtpop__status-opt span {
  flex: 1;
  min-width: 0;
  line-height: 1.25;
}
.okkwork-vd-cmt-item.is-focus-target {
  outline: 2px solid rgba(245, 158, 11, 0.9);
  outline-offset: 2px;
  border-radius: 8px;
  background: rgba(255, 152, 0, 0.07);
  animation: okkwork-vd-cmt-item-focus 3s ease;
}
@keyframes okkwork-vd-cmt-item-focus {
  0%, 35% {
    outline-color: rgba(245, 158, 11, 1);
    background: rgba(255, 152, 0, 0.12);
  }
  100% {
    outline-color: rgba(245, 158, 11, 0);
    background: rgba(255, 152, 0, 0);
  }
}
.okkwork-vd-cmtpop__status-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  overflow: visible;
}
.okkwork-vd-cmtpop__status-btn.okkwork-tooltip-host::after {
  z-index: 2147483647;
}
.okkwork-vd-cmtpop__status-btn {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.okkwork-vd-cmtpop__status-btn svg {
  width: 22px;
  height: 22px;
  display: block;
}
.okkwork-vd-cmtpop__status-btn.is-selected {
  border-color: #0658a2;
  box-shadow: 0 0 0 2px rgba(6, 88, 162, 0.2);
}
.okkwork-vd-cmt-mention-dd {
  position: fixed;
  z-index: 2147483647;
  min-width: 260px;
  max-width: min(340px, 92vw);
  max-height: min(300px, 48vh);
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  border: 1px solid rgba(6, 88, 162, 0.14);
  border-radius: 12px;
  box-shadow:
    0 4px 6px rgba(15, 23, 42, 0.04),
    0 16px 36px rgba(6, 88, 162, 0.14);
  padding: 6px;
  display: none;
  scrollbar-width: thin;
  scrollbar-color: rgba(6, 88, 162, 0.28) transparent;
  font-family: "Inter-Semi Bold", "Inter-Regular", ui-sans-serif, system-ui, sans-serif;
}
.okkwork-vd-cmt-mention-dd.is-open {
  display: block;
}
.okkwork-vd-cmt-mention-dd__group + .okkwork-vd-cmt-mention-dd__group {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid rgba(15, 23, 42, 0.07);
}
.okkwork-vd-cmt-mention-dd__dept {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 2px 5px;
  padding: 6px 10px;
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(6, 88, 162, 0.11) 0%, rgba(0, 184, 217, 0.07) 100%);
  border-left: 3px solid #0658a2;
  font-family: "Inter-Bold", "Inter-Semi Bold", "Inter-Regular", ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0658a2;
  line-height: 1.25;
}
.okkwork-vd-cmt-mention-dd__dept::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex: 0 0 6px;
  background: linear-gradient(135deg, #0658a2, #00b8d9);
  box-shadow: 0 0 0 2px rgba(6, 88, 162, 0.12);
}
.okkwork-vd-cmt-mention-dd__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 5px 6px 5px 8px;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  text-align: left;
  transition: background 0.12s ease, box-shadow 0.12s ease;
}
.okkwork-vd-cmt-mention-dd__item:hover,
.okkwork-vd-cmt-mention-dd__item.is-active {
  background: rgba(6, 88, 162, 0.07);
  box-shadow: inset 0 0 0 1px rgba(6, 88, 162, 0.1);
}
.okkwork-vd-cmt-mention-dd__item:hover .okkwork-vd-cmt-mention-dd__name,
.okkwork-vd-cmt-mention-dd__item.is-active .okkwork-vd-cmt-mention-dd__name {
  color: #0658a2;
}
.okkwork-vd-cmt-mention-dd__info {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.okkwork-vd-cmt-mention-dd__name {
  font: 600 13px/1.25 ui-sans-serif, system-ui, "Inter", sans-serif;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.okkwork-vd-cmt-mention-dd__role {
  font: 500 11px/1.2 ui-sans-serif, system-ui, "Inter", sans-serif;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.okkwork-vd-cmt-mention-dd__ava {
  flex: 0 0 28px;
  order: -1;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #0658a2 0%, #00b8d9 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.92);
  box-shadow: 0 1px 4px rgba(6, 88, 162, 0.22);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.okkwork-vd-cmt-mention-dd__ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.okkwork-vd-num {
  width: 100%;
  height: 100%;
  min-height: 32px;
  border: 0;
  background: transparent;
  text-align: center;
  font: 700 14px ui-sans-serif, system-ui, "Inter", sans-serif;
  color: #0a4a7c;
  box-sizing: border-box;
}

.okkwork-vd-num:focus {
  outline: 2px solid rgba(6, 88, 162, 0.35);
  outline-offset: -2px;
}

.okkwork-vd__daypill--muted {
  background: #cbd5e1;
  color: #1e293b;
}

/* Выбранный день проверки — тот же градиент, что у .okkwork-vd-spec-pill.is-active */
.okkwork-vd__daypill.is-selected {
  outline: none;
  background: linear-gradient(90deg, #0658a2 0%, #00b8d9 100%);
  border-color: rgba(220, 231, 242, 0.55);
  box-shadow: 0 2px 8px rgba(6, 88, 162, 0.18);
  color: #fafafa;
}

.okkwork-vd__daypill.is-selected .okkwork-vd__daypill__w {
  color: #fafafa;
}

.okkwork-vd__daypill.is-selected:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.9);
  outline-offset: 2px;
}

.okkwork-vd__daypill--check-finished,
.okkwork-vd__daypill--check-finished.is-selected {
  outline: none;
  background: linear-gradient(135deg, #2eb97a 0%, #0658a2 100%);
  border-color: rgba(46, 185, 122, 0.45);
  box-shadow: 0 2px 8px rgba(6, 88, 162, 0.22);
  color: #fff;
}

.okkwork-vd__daypill--check-finished .okkwork-vd__daypill__w,
.okkwork-vd__daypill--check-finished.is-selected .okkwork-vd__daypill__w {
  color: rgba(255, 255, 255, 0.92);
}

.okkwork-vd__daypill-avatars {
  position: absolute;
  top: -9px;
  left: -3px;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 4;
  pointer-events: none;
}

.okkwork-vd__daypill-avatar {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid #fff;
  object-fit: cover;
  background: #dce7f2;
  box-shadow: 0 1px 2px rgba(6, 88, 162, 0.28);
  margin-left: -9px;
}

.okkwork-vd__daypill-avatar:first-child {
  margin-left: 0;
}

/* (spacer handled by scroll-container padding-bottom) */

/* OKKwork: три поля в ряд — Подразделение / Система оценки / Шаблон (одинаковая высота и линия границ) */
.Pixso-frame-171_11,
.Pixso-frame-169_178,
.Pixso-frame-171_10 {
  top: 64px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

.frame-content-171_11,
.frame-content-169_178,
.frame-content-171_10 {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
}

.Pixso-paragraph-169_176,
.Pixso-text-169_179,
.Pixso-paragraph-169_193 {
  position: relative !important;
  left: 6px !important;
  top: 8px !important;
  font-size: 14px !important;
  margin: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  color: #0658a2 !important;
  flex-shrink: 0 !important;
  align-self: flex-start !important;
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  width: 100% !important;
  min-height: 24px !important;
  box-sizing: border-box !important;
}

.Pixso-text-169_179 {
  display: block !important;
}

.Pixso-paragraph-169_179_0 {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 0 5px !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  text-align: left !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.Pixso-span-169_179_0_1,
.Pixso-span-169_179_0_2 {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
}

.Pixso-paragraph-169_176,
.Pixso-paragraph-169_193,
.Pixso-span-169_179_0_1 {
  font-family: "Inter-SemiBold", "Inter-Medium", "Inter-Regular", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

.Pixso-span-169_179_0_2 {
  margin-left: 2px !important;
  color: rgba(6, 88, 162, 0.48) !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  letter-spacing: 0.5px !important;
}

.okkwork-stage4-subdivision-root,
.okkwork-stage4-scoring-root,
.okkwork-stage4-template-root {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 46px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.stroke-wrapper-169_191.okkwork-stage4-sub-field,
.stroke-wrapper-169_180.okkwork-stage4-scoring-field,
.stroke-wrapper-169_192.okkwork-stage4-template-field {
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  margin: 0 !important;
  top: 0 !important;
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
}

.Pixso-rectangle-169_191,
#169_180.stroke-wrapper-169_180.okkwork-stage4-scoring-field .Pixso-rectangle-169_180,
.Pixso-rectangle-169_192 {
  background: rgba(6, 88, 162, 0.14) !important;
  background-image: none !important;
}

.okkwork-stage4-subdivision-input.okkwork-field-tone--filled,
.okkwork-stage4-scoring-input.okkwork-field-tone--filled,
.okkwork-stage4-template-input.okkwork-field-tone--filled {
  color: #0658a2 !important;
  font-weight: 600 !important;
  font-family: "Inter-SemiBold", "Inter-Medium", "Inter-Regular", sans-serif !important;
}

.stroke-169_191,
.stroke-169_180,
.stroke-169_192 {
  border-color: rgba(6, 88, 162, 0.45) !important;
  border-width: 1px !important;
}

.Pixso-rectangle-169_181.okkwork-stage4-scoring-chevron,
.Pixso-rectangle-169_194.okkwork-stage4-sub-chevron,
.Pixso-rectangle-169_196.okkwork-stage4-template-chevron {
  position: absolute !important;
  left: auto !important;
  right: 10px !important;
  top: 50% !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  transform: translateY(-50%) rotateY(180deg) rotateX(180deg) !important;
}

.okkwork-stage4-scoring-root.is-open .Pixso-rectangle-169_181.okkwork-stage4-scoring-chevron,
.okkwork-stage4-subdivision-root.is-open .Pixso-rectangle-169_194.okkwork-stage4-sub-chevron,
.okkwork-stage4-template-root.is-open .Pixso-rectangle-169_196.okkwork-stage4-template-chevron {
  transform: translateY(-50%) rotateY(180deg) rotateX(180deg) rotate(180deg) !important;
}

.Pixso-rectangle-169_181.okkwork-stage4-scoring-chevron,
.Pixso-rectangle-169_194.okkwork-stage4-sub-chevron,
.Pixso-rectangle-169_196.okkwork-stage4-template-chevron {
  width: 18px !important;
  height: 18px !important;
  background-size: contain !important;
}

.okkwork-stage4-subdivision-input,
.okkwork-stage4-scoring-input,
.okkwork-stage4-template-input {
  height: 30px !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
}

/* МКК тулбар: «Компания или проект» — 33px, как кнопки «год / месяц» */
#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--project .okkwork-vd-project-sub-field.stroke-wrapper-169_191.okkwork-stage4-sub-field {
  height: 33px !important;
  min-height: 33px !important;
  max-height: 33px !important;
  border-radius: 10px !important;
}

#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--project .okkwork-stage4-subdivision-input {
  height: 30px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  left: 10px !important;
  right: 32px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  line-height: 1.25 !important;
}

#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--project .stroke-169_191 {
  border-radius: 10px !important;
  border-width: 0.5px !important;
}

#okkwork-mkk-violation-dashboard .okkwork-vd-field-group--project .okkwork-vd-field-group__body--project {
  min-height: 33px;
  align-items: center;
}

.okkwork-stage4-template-input {
  color: #0658a2 !important;
}

#okkwork-stage4-scoring-root .okkwork-stage4-scoring-field:has(.okkwork-s4-scoring-selected-icon.is-visible) .okkwork-stage4-scoring-input {
  left: 12px !important;
  padding-left: 44px !important;
}

/* Сообщения: выравнивание «Все» и «Проекты» (перебивает .okkwork-mkk-ws-msg-filters-row padding) */
#okkwork-mkk-msg-expand-filters#okkwork-mkk-msg-expand-filters.okkwork-mkk-ws-msg-filters-row {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#okkwork-mkk-ws-filters#okkwork-mkk-ws-filters.okkwork-mkk-ws-msg-filters-row {
  padding-left: var(--mkk-ws-inset-x, 12px) !important;
  padding-right: var(--mkk-ws-inset-x, 12px) !important;
}

/* Уведомление руководителю подразделения (тройной клик по ячейке) */
.okkwork-dept-notify-title {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  color: #0658a2;
  margin: 0 0 10px;
}

.okkwork-vd-cmt-item--dept-notify .okkwork-dept-notify-title {
  margin-top: 2px;
}

.okkwork-mkk-ws-cmt-card--dept-notify {
  border-left: 3px solid rgba(6, 88, 162, 0.45);
}

.okkwork-mkk-ws-cmt-card--dept-notify.is-unread-notify {
  box-shadow: inset 3px 0 0 #e11d48;
  background: #fff8f9;
}