/* SSOT shell + DocsWorkspace (канон C) */
.ob-acc{border:1px solid #cfd6de;border-radius:10px;margin:0 0 12px;background:#fff;overflow:visible;position:relative;z-index:auto}
#obAcc_params{z-index:2}
#obAcc_params.ob-filter-open{z-index:45}
.ob-acc>summary{
  cursor:pointer;padding:12px 14px;font-weight:700;list-style:none;
  display:flex;align-items:center;gap:10px;background:#f3f5f8;border-radius:10px;color:#1f2a37;position:relative;
}
.ob-acc-title{flex:1 1 auto;min-width:0}
.ob-acc-ring{flex:0 0 auto;margin-left:auto;margin-right:4px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;line-height:0}
.ob-acc-ring-svg{display:block;width:28px;height:28px;overflow:visible}
.ob-acc-ring-txt{font-size:8px;font-weight:700;fill:#535c69;pointer-events:none}
.ob-acc-ring-bg{stroke:#e8ecf1}
.ob-acc-ring-fg{stroke:#2fc6f6}
.ob-acc-attn{animation:obCtrlPulse 1s ease 1;outline:1px solid rgba(224,82,82,.75);outline-offset:1px;border-radius:10px}
@keyframes obCtrlPulse{
  0%,100%{box-shadow:inset 0 0 0 1.5px rgba(224,82,82,.45)}
  50%{box-shadow:inset 0 0 0 1.5px rgba(224,82,82,.98)}
}
.ob-field-req-hint{margin:3px 0 0;font-size:10px;font-weight:500;color:#c0392b;line-height:1.25}
.ob-ctrl-attn{
  animation:obCtrlPulse 1s ease 1!important;
  outline:none!important;
  box-shadow:inset 0 0 0 1.5px rgba(224,82,82,.95)!important;
  border-color:#e05252!important;
}
.ob-ws-row.ob-ctrl-attn{
  outline:none!important;
  box-shadow:inset 0 0 0 1.5px rgba(224,82,82,.95)!important;
  border-radius:8px;
  margin:1px 2px;
  padding-left:8px;padding-right:8px;
}
.ob-acc[open]>summary{border-radius:10px 10px 0 0;border-bottom:1px solid #e0e4ea;background:#eaf6fb}
.ob-acc>summary::-webkit-details-marker{display:none}
.ob-acc-n{width:22px;height:22px;border-radius:50%;background:#535c69;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.ob-acc[open] .ob-acc-n{background:#2fc6f6}
.ob-acc>summary::after{content:"▾";margin-left:8px;opacity:.45;font-size:12px;flex-shrink:0}
.ob-acc[open]>summary::after{content:"▴"}
.ob-acc-body{padding:12px 14px 14px;overflow:visible}
.ob-readonly{opacity:.92}
.ob-readonly .ob-actions{opacity:.5;pointer-events:none}

.ob-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:4px}
.ob-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:720px){.ob-grid,.ob-grid-3{grid-template-columns:1fr}}
.ob-field{position:relative}
.ob-field label{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#535c69;margin:0 0 4px}
.ob-field input,.ob-field select,.ob-field textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #c6cdd7;border-radius:6px;font:inherit;background:#fff;min-height:36px;color:#1f2a37}
.ob-field input[type=date]{min-height:36px;line-height:1.25;appearance:auto;-webkit-appearance:auto}
.ob-meta{font-size:12px;color:#535c69;margin:8px 0}
.ob-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ob-req{color:#d52222;font-weight:700}
.ob-params-block{margin:0 0 12px}
.ob-params-block .lbl{display:block;margin:0 0 4px;font-size:12px;color:#535c69;font-weight:600}
.ob-params-block .process-cards{margin-bottom:8px;border-radius:10px}
.ob-params-block .hint{margin:4px 0 0;font-size:11px;color:#828b95}
.ob-pick-bar{
  width:100%;min-height:36px;border-radius:8px;cursor:pointer;
}
.ob-pick-bar.is-disabled{opacity:.48;cursor:not-allowed}
.ob-pick-bar .main-ui-filter-search-filter{min-height:34px;padding:3px 10px;cursor:pointer}
.ob-pick-bar .chip-row{display:contents}
.ob-pick-ph{
  flex:1;min-width:0;border:0;background:transparent;padding:0;margin:0;
  font:inherit;font-size:13px;color:#828b95;text-align:left;cursor:pointer;
}
.ob-pick-ph.hidden{display:none!important}
.ob-pick-bar.is-disabled .ob-pick-ph{cursor:not-allowed}
.ob-pick-bar .main-ui-filter-chip{max-width:min(100%,320px)}
.ob-pick-bar .main-ui-filter-search-icon{
  width:36px;height:36px;flex:0 0 36px;border-radius:0 8px 8px 0;pointer-events:none;
}

/* Staff slider — full height table */
.staff-picker-panel{width:min(920px,100vw)!important}
.staff-picker-panel .staff-picker-body{flex:1 1 auto;min-height:0;overflow:auto;padding:0 12px 12px}
.staff-picker-panel .staff-picker-body .main-grid{width:100%}
.staff-picker-panel .staff-picker-body th{position:sticky;top:0;z-index:1;background:#f4f6f8}
.staff-picker-panel .popup-filter.open{
  display:grid;grid-template-columns:132px 1fr;grid-template-rows:minmax(0,1fr) auto;
  min-height:160px;max-height:min(52vh,420px);overflow:hidden;
}
.staff-picker-panel .popup-fields{
  display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:12px 14px;min-height:0;overflow:auto;
}
.staff-picker-panel tbody tr{cursor:pointer}
.staff-picker-panel tbody tr.on{background:#e8f7fc}
.ob-staff-loading{display:flex;align-items:center;gap:12px;padding:28px 12px;justify-content:center;color:#535c69}

/* Docs grid: fixed columns — always reserve ? / template / title / values / attach */
.ob-docs{margin-top:4px;border:1px solid #e0e4ea;border-radius:10px;overflow:hidden;background:#fff}
.ob-doc-row{
  display:grid;
  grid-template-columns:20px 28px minmax(140px,1.15fr) minmax(120px,1fr) minmax(140px,1.35fr) minmax(120px,1fr);
  column-gap:10px;align-items:center;padding:10px 12px;
  border-bottom:1px solid #eef1f5;font-size:13px;position:relative;
}
.ob-doc-files{display:flex;flex-wrap:nowrap;gap:8px;align-items:flex-start;min-width:0;overflow-x:auto;padding-bottom:2px}
.ob-doc-comment{
  width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid #c6cdd7;border-radius:6px;
  font:inherit;font-size:12px;background:#fff;
}
.ob-doc-comment:focus{outline:0;border-color:#2fc6f6;box-shadow:0 0 0 2px rgba(47,198,246,.2)}
.ob-file-btn--mini{
  width:auto;min-width:34px;height:34px;padding:0 8px;justify-self:auto;flex:0 0 auto;
}
.ob-doc-row:last-child{border-bottom:0}
.ob-doc-row:nth-child(even){background:#fafbfc}
.ob-doc-name{font-weight:650;line-height:1.3;color:#1f2a37;min-width:0;position:relative}
.ob-doc-vals{display:flex;flex-wrap:wrap;gap:6px;min-width:0;align-items:center}
.ob-doc-vals .ob-doc-empty{color:#a0a8b0}
.ob-doc-vals input,.ob-doc-vals textarea{
  flex:1 1 120px;min-width:0;width:100%;box-sizing:border-box;padding:7px 9px;
  border:1px solid #c6cdd7;border-radius:6px;font:inherit;font-size:13px;
}
.ob-help-mini{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;padding:0;border:0;border-radius:50%;
  background:transparent;color:#9aa3ad;font-size:11px;font-weight:700;cursor:pointer;line-height:1;flex:0 0 auto;
}
.ob-help-mini--empty{visibility:hidden;pointer-events:none;cursor:default}
.ob-help-mini:hover{color:#535c69;background:#eef1f4}
.ob-tpl-link{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;color:#9aa3ad;text-decoration:none;flex:0 0 auto;
}
.ob-tpl-link--empty{visibility:hidden;pointer-events:none}
.ob-tpl-link:hover{color:#535c69}
.ob-tpl-link svg{width:15px;height:15px;fill:currentColor}
.ob-file-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  width:118px;height:34px;padding:0 8px;box-sizing:border-box;justify-self:end;
  border:1px solid #8a94a0;border-radius:6px;background:#fff;color:#1f2a37;
  font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;
}
.ob-file-btn:hover{border-color:#535c69;background:#f5f7fa}
.ob-file-btn:disabled{opacity:.55;cursor:default}
.ob-file-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;flex:0 0 auto}
.ob-file-stack{display:flex;flex-direction:column;align-items:stretch;gap:4px;justify-self:end;width:118px}
.ob-file-stack .ob-file-btn{width:100%}
.ob-file-attached{
  display:inline-flex;align-items:center;gap:6px;justify-self:end;
  max-width:118px;min-height:34px;padding:0 6px 0 8px;box-sizing:border-box;
  border:1px solid #b7c2cf;border-radius:6px;background:#f4faf0;
}
.ob-file-name{
  flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:12px;font-weight:600;color:#3d5a00;text-decoration:none;
}
.ob-file-name:hover{text-decoration:underline}
.ob-ws-file-item{
  display:inline-flex;align-items:flex-start;gap:2px;position:relative;
  flex:0 0 auto;max-width:100%;padding:4px 8px 0 2px;overflow:visible;
}
.ob-file-x{
  position:absolute;top:-2px;right:-2px;z-index:2;
  flex:0 0 auto;width:16px;height:16px;border:0;border-radius:50%;
  background:#535c69;color:#fff!important;cursor:pointer;padding:0;
  font-size:13px;font-weight:700;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 1.5px #fff;
}
.ob-file-x:hover{background:#d52222;color:#fff!important}
.ob-tip{
  display:none;position:absolute;z-index:50;left:8px;top:calc(100% - 2px);width:min(320px,82vw);
  padding:10px 12px;border-radius:8px;background:#2a3340;color:#fff;font-size:12px;line-height:1.4;
  box-shadow:0 10px 24px rgba(20,28,40,.28);
}
.ob-tip.open{display:block}
.ob-tip.ob-tip-portal{
  position:fixed;z-index:13000;margin:0;left:0;top:0;
}
.ob-tip a{color:#9ad8ff}
.ob-tip .ob-tip-more{display:inline-block;margin-top:6px;font-weight:600}
.ob-sum-help{margin-left:4px}
.ui-btn.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:auto}
@media(max-width:860px){
  .ob-doc-row{grid-template-columns:20px 28px 1fr}
  .ob-doc-vals,.ob-doc-files,.ob-doc-comment{grid-column:1/-1}
}
@media(max-width:720px){
  #obBody.hub-slider-body{padding:10px 10px 20px!important}
  .ob-docs{overflow:visible;border-radius:8px}
  .ob-doc-row{
    grid-template-columns:20px 28px minmax(0,1fr);
    grid-template-rows:auto auto auto;
    row-gap:8px;
    padding:12px 10px;
    align-items:start;
  }
  .ob-doc-name{grid-column:3;min-width:0}
  .ob-doc-vals{
    grid-column:1/-1;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
  }
  .ob-doc-vals input,.ob-doc-vals textarea{
    flex:1 1 auto;
    min-width:0;
    width:100%;
    max-width:100%;
  }
  .ob-doc-row > .ob-file-btn,
  .ob-doc-row > .ob-file-stack,
  .ob-file-stack,
  .ob-file-btn,
  .ob-file-attached{
    grid-column:1/-1;
    justify-self:stretch;
    width:100%;
    max-width:100%;
  }
  .ob-file-attached{min-height:38px;padding:0 8px}
  .ob-file-name{white-space:normal;word-break:break-word;line-height:1.25}
}
/* SSOT DocsWorkspace / канон C — extracted from onboarding.html */
/* DocsWorkspace — канон заявки: layout + stage notice + doc rows */
.ob-stage-notice{
  flex-shrink:0;margin:0;padding:10px 24px 12px;background:#eef7fb;border-bottom:1px solid #d5e8f2;
  font-size:13px;line-height:1.45;color:#1f2a37;
}
.ob-stage-notice.hidden{display:none!important}
.ob-stage-lead{margin:0;font-size:13px;font-weight:600;color:#1f2a37;line-height:1.4}
.ob-stage-tips{
  list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 14px;
}
.ob-stage-tip{
  display:inline-flex;align-items:center;gap:7px;margin:0;padding:0;
  font-size:12px;font-weight:500;color:#535c69;line-height:1.3;
}
.ob-stage-tip-svg{width:14px;height:14px;flex:0 0 auto;color:#2fc6f6;opacity:.9}
.ob-stage-tip-q{
  display:inline-flex;align-items:center;justify-content:center;
  width:14px;height:14px;border-radius:50%;flex:0 0 auto;
  background:#2fc6f6;color:#fff;font-size:10px;font-weight:700;line-height:1;
}
.ob-ws-layout{display:grid;grid-template-columns:minmax(0,1fr) min(240px,34%);gap:14px;align-items:start}
.ob-ws-main{min-width:0}
.ob-ws-main > .ob-acc{margin:0 0 14px}
.ob-ws-side .ob-ctx-row a{color:#2067b0;font-weight:650;text-decoration:none}
.ob-ws-side .ob-ctx-row a:hover{text-decoration:underline}
.ob-ws-intro{margin:0 0 12px;font-size:13px;color:#535c69;line-height:1.4}
/* Inner docs grid — как .ob-docs в заявке на оформление */
.ob-ws-docs{
  margin:0;border:1px solid #e0e4ea;border-radius:10px;overflow:hidden;background:#fff;
  /* accept11: keep left/right inset when file chips appear (was 0 → flush) */
  padding:4px 0;
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}
.ob-ws-row{
  display:grid;
  grid-template-columns:22px minmax(0,1.15fr) 32px minmax(0,1.2fr) minmax(0,1fr) 78px;
  gap:6px 8px;align-items:center;
  padding:8px 12px;border-bottom:1px solid #eef1f5;min-height:0;
  transition:opacity .15s,background .15s,filter .15s;
  background:#fff;font-size:13px;
  position:relative;z-index:1;
  min-width:0;
  box-sizing:border-box;
}
.ob-ws-row:nth-child(even){background:#fafbfc}
.ob-ws-row:last-child{border-bottom:0}
.ob-ws-row.is-rework{background:#fffaf8}
.ob-ws-row.is-cant{background:#fffbf3}
.ob-ws-pill{
  display:inline-flex;align-items:center;padding:0 5px;border-radius:3px;
  font-size:9px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  line-height:1.4;vertical-align:middle;margin-left:2px;
}
.ob-ws-pill.warn{background:#fff0e6;color:#b86e00}
.ob-ws-pill.ask{background:#fdecea;color:#c0392b}
.ob-ws-pill.ok{background:#e9f6ea;color:#3f6b00}
.ob-ws-mo-actions{
  display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:6px;
  flex-wrap:nowrap;width:100%;
}
.ob-ws-files-cell{min-width:0;max-width:100%;overflow:hidden}
.ob-ws-files-row{
  display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;width:100%;max-width:100%;
}
/* Не clip «+» в пустом ряду; с chips — держим ряд в колонке (accept11) */
.ob-ws-files-row.is-empty{overflow:visible}
.ob-ws-files-row:not(.is-empty){overflow:visible}
.ob-ws-files-row .ob-ws-files{flex:1 1 auto;min-width:0;max-width:100%}
.ob-ws-files-row .ob-ws-nofile{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-ws-files-row .ob-ws-upload-ico{flex:0 0 auto;margin-left:auto}
.ob-ws-title-cell{min-width:0;padding-right:4px}
.ob-ws-help-cell{position:relative;display:flex;align-items:center;justify-content:center}
.ob-ws-arch-cell{
  display:flex;align-items:center;justify-content:center;width:32px;min-width:32px;
}
.ob-ws-arch-slot{display:block;width:26px;height:26px}
.ob-ws-row-title .ob-ws-arch-btn{display:none}
.ob-ws-comment-wrap{min-width:0;padding-left:6px}
.ob-ws-comment-row{display:flex;align-items:center;gap:10px;min-width:0}
.ob-ws-comment-row .ob-ws-comment{flex:1 1 auto;min-width:0}
.ob-ws-ico-btn{
  position:relative;flex:0 0 auto;
  width:26px;height:26px;padding:0;border:0;border-radius:7px;
  background:#eef2f6;color:#535c69;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
}
.ob-ws-ico-btn svg{width:14px;height:14px;display:block}
.ob-ws-ico-btn:hover{background:#e3eaf1;color:#2067b0}
.ob-ws-ico-btn.is-empty{opacity:.42;cursor:default}
.ob-ws-ico-btn:disabled{opacity:.42;cursor:default}
.ob-ws-ico-n{
  position:absolute;top:-6px;right:-7px;min-width:16px;height:16px;padding:0 4px;
  border-radius:999px;background:#2fc6f6;color:#fff;
  font-size:9px;font-weight:800;line-height:16px;text-align:center;
  box-shadow:0 0 0 1.5px #fff;
}
.ob-ws-chat-btn{margin-left:2px;margin-right:0}
.ob-ws-ico-btn[data-ws-arch-open]{background:#f0f2f5;color:#5a6570}
.ob-ws-ico-btn[data-ws-arch-open]:hover{background:#e4e8ee;color:#1f2a37}
.ob-ws-ico-btn[data-ws-arch-open] .ob-ws-ico-n{background:#6a737c}
.ob-ws-upload-ico{
  width:26px;height:26px;border-radius:50%;border:0;padding:0;cursor:pointer;
  background:#2fc6f6;color:#fff;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 1px 2px rgba(47,198,246,.3);flex:0 0 auto;
}
.ob-ws-upload-ico:hover{background:#1eb5e5}
.ob-ws-upload-ico:disabled,.ob-ws-upload-ico.is-disabled{
  opacity:.4;pointer-events:none;box-shadow:none;background:#a8b3bd;
}
.ob-ws-upload-ico svg{width:14px;height:14px;display:block}
.ob-ws-cant-col{
  display:flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 auto;min-width:58px;
}
.ob-ws-cant-col .ob-switch{
  width:40px;height:22px;
}
.ob-ws-cant-col .ob-switch::after{
  width:16px;height:16px;top:3px;left:3px;
}
.ob-ws-cant-col .ob-switch.warn::after{transform:translateX(18px)}
.ob-ws-cant-col .ob-switch-lab{max-width:72px;font-size:9px;line-height:1.15}
.ob-ws-comment.ob-ctrl-attn{border-color:#e05252!important}
.ob-success-wrap{
  display:flex;justify-content:center;align-items:flex-start;
  width:100%;padding:12px 16px 24px;box-sizing:border-box;
}
.ob-success-card{
  width:100%;max-width:480px;margin:0 auto;padding:28px 24px 22px;text-align:center;
  border:1px solid #b7e3c2;border-radius:12px;
  background:linear-gradient(180deg,#f2fbf5 0%,#ffffff 42%);
  box-shadow:0 8px 24px rgba(35,140,70,.08);
}
.ob-success-check{
  width:68px;height:68px;margin:0 auto 16px;border-radius:50%;
  background:#2db84d;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 20px rgba(45,184,77,.32);
}
.ob-success-check svg{width:36px;height:36px;color:#fff}
.ob-success-title{margin:0 0 8px;font-size:20px;font-weight:700;color:#1f2a37;line-height:1.25}
.ob-success-lead{margin:0 0 16px;font-size:14px;color:#535c69;line-height:1.45}
.ob-success-meta{
  text-align:left;margin:0 0 14px;padding:12px 14px;border-radius:8px;
  border:1px solid #dcefe3;background:#fff;font-size:13px;color:#1f2a37;line-height:1.45;
}
.ob-success-meta ul{margin:8px 0 0;padding-left:18px}
.ob-success-meta li{margin:2px 0}
.ob-success-close-hint{margin:0 0 16px;font-size:13px;font-weight:600;color:#535c69}
.ob-success-warn{margin:0 0 12px;font-size:12px;color:#c0392b}
/* Без цветных обводок — достаточно * и «Обязательное поле» */
.ob-ws-row.is-miss-req,
.ob-ws-row.is-miss-opt{
  outline:none;box-shadow:none;opacity:1;filter:none;
}
.ob-ws-row > .ob-field-req-hint{
  grid-column:1 / -1;margin:0;padding:0 0 2px;
}
.ob-ws-comment-wrap{min-width:0;padding-left:6px}
.ob-ws-comment-wrap .ob-field-req-hint{margin:3px 0 0}
.ob-ws-row.is-ok{
  opacity:.48;background:#f6f7f9;filter:grayscale(.15);
}
.ob-ws-row.is-ok:hover{
  opacity:.78;filter:none;background:#eef3f7;
}
.ob-ws-row-title{font-size:12.5px;font-weight:650;color:#1f2a37;display:flex;align-items:center;gap:4px;flex-wrap:nowrap;line-height:1.25;min-width:0;width:100%}
.ob-ws-row-title > span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-ws-req{
  display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;
  background:#fde8e8;color:#c0392b;font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;
}
.ob-ws-opt{
  display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;
  background:#eef2f6;color:#6a737c;font-size:10px;font-weight:600;
}
.ob-ws-files{
  display:flex;flex-wrap:nowrap;gap:8px;align-items:flex-start;min-width:0;width:100%;max-width:100%;
  overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:6px 6px 2px 0;
}
.ob-ws-files-row.is-empty .ob-ws-files{overflow:hidden}
.ob-ws-filechip{
  display:flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 auto;width:44px;min-width:44px;
  padding:0;border:0;background:transparent;cursor:pointer;font:inherit;
}
.ob-ws-filechip:hover .ob-ws-fname{color:#2067b0}
.ob-ws-fico{
  position:relative;width:28px;height:34px;display:block;flex-shrink:0;
  background:transparent;box-shadow:none;border-radius:0;font-size:0;
}
.ob-ws-fico-sheet{
  position:absolute;inset:0 3px 1px 0;border-radius:2px 2px 2px 2px;
  background:#e8eaed;box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.ob-ws-fico-sheet::before{
  content:"";position:absolute;top:0;right:0;width:8px;height:8px;
  background:linear-gradient(135deg,#cfd4da 50%,transparent 50%);
  border-radius:0 2px 0 0;
}
.ob-ws-fico-lines{
  position:absolute;left:5px;right:6px;top:9px;height:8px;
  background:repeating-linear-gradient(to bottom,#b0b6be 0 1.5px,transparent 1.5px 3.5px);
  opacity:.55;border-radius:1px;
}
.ob-ws-fico-badge{
  position:absolute;left:-1px;right:1px;bottom:4px;height:12px;border-radius:2px;
  display:flex;align-items:center;justify-content:center;
  font-size:7px;font-weight:800;letter-spacing:.04em;color:#fff;line-height:1;
  box-shadow:0 1px 2px rgba(0,0,0,.18);
}
.ob-ws-fico.word .ob-ws-fico-sheet{background:#d6e4f5}
.ob-ws-fico.word .ob-ws-fico-badge{background:#2b579a}
.ob-ws-fico.excel .ob-ws-fico-sheet{background:#d8eedf}
.ob-ws-fico.excel .ob-ws-fico-badge{background:#217346}
.ob-ws-fico.pdf .ob-ws-fico-sheet{background:#f5b8a8}
.ob-ws-fico.pdf .ob-ws-fico-badge{background:#c62828}
.ob-ws-fico.img .ob-ws-fico-sheet{background:#dde3f7}
.ob-ws-fico.img .ob-ws-fico-badge{background:#5c6bc0}
.ob-ws-fico.file .ob-ws-fico-sheet{background:#e8eaed}
.ob-ws-fico.file .ob-ws-fico-badge{background:#607d8b}
.ob-ws-fico.img .ob-ws-fico-lines{display:none}

.ob-ws-archive{margin-top:10px;border-top:1px dashed #dde2ea;padding-top:8px}
.ob-ws-archive>summary{
  cursor:pointer;display:inline-flex;align-items:center;gap:5px;
  font-size:11px;color:#a0a8b0;font-weight:600;user-select:none;
  list-style:none;
}
.ob-ws-archive>summary::-webkit-details-marker{display:none}
.ob-ws-archive>summary::before{content:"▸";font-size:10px;color:#a0a8b0}
.ob-ws-archive[open]>summary::before{content:"▾"}
.ob-ws-archive .ob-ws-docs{margin-top:6px;opacity:.7}

.ob-ws-pop{
  position:fixed;z-index:12000;
  background:#fff;border:1px solid #d5dce5;border-radius:10px;
  box-shadow:0 10px 28px rgba(31,42,55,.16);
  overflow:hidden;
}
.ob-ws-pop-h{
  padding:8px 10px;font-size:12px;font-weight:700;color:#1f2a37;
  border-bottom:1px solid #e8ecf1;background:#f7f9fb;
}
.ob-ws-pop-body{padding:8px 10px;max-height:220px;overflow:auto}
.ob-ws-pop-empty{font-size:12px;color:#a0a8b0;padding:8px 2px}
.ob-ws-chatlog{display:flex;flex-direction:column;gap:6px}
.ob-ws-chat-line{
  display:flex;flex-direction:column;gap:2px;
  padding:6px 8px;border-radius:8px;
  background:#f0f3f6;border:1px solid #e4e9ef;
}
.ob-ws-chat-line.mo{background:#fff6eb;border-color:#f0dcc0}
.ob-ws-chat-line.hr{background:#eef7fb;border-color:#cfe4f0}
.ob-ws-chat-who{font-size:10px;color:#6a737c;font-weight:700;line-height:1.2}
.ob-ws-chat-text{font-size:12px;color:#1f2a37;line-height:1.3;white-space:pre-wrap;word-break:break-word}

.ob-ws-fname{
  font-size:9px;line-height:1.15;color:#9aa3ad;text-align:center;width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ob-ws-nofile{font-size:11px;color:#a0a8b0;font-weight:500}
.ob-ws-comment{
  width:100%;box-sizing:border-box;padding:4px 8px;border:1px solid #c6cdd7;border-radius:6px;
  font:inherit;font-size:12px;background:#fff;min-height:0;line-height:1.25;
}
.ob-ws-comment:focus{outline:0;border-color:#2fc6f6;box-shadow:0 0 0 2px rgba(47,198,246,.2)}
.ob-ws-comment[readonly]{background:#f5f7fa;color:#535c69}
.ob-ws-right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.ob-switch{
  position:relative;width:44px;height:22px;border-radius:999px;background:#c9d1d9;border:0;cursor:pointer;
  transition:background .18s ease;flex-shrink:0;padding:0;
}
.ob-switch.ok{background:#9dcf00}
.ob-switch.ask{background:#e05252}
.ob-switch.warn{background:#ff9a00}
.ob-switch::after{
  content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.22);transition:transform .18s ease;
  transform:translateX(0);
}
/* OK / warn = knob right; Ask = knob left — real switch motion */
.ob-switch.ok::after,.ob-switch.warn::after{transform:translateX(22px)}
.ob-switch.ask::after{transform:translateX(0)}
.ob-switch-lab{font-size:10px;font-weight:700;text-align:center;line-height:1.15;max-width:110px}
.ob-switch-lab.ok{color:#3f6b00}
.ob-switch-lab.ask{color:#c0392b}
.ob-switch-lab.warn{color:#b86e00}
.ob-ws-deadline .ob-acc-body{padding:12px 14px}
.ob-ws-deadline .ob-field{max-width:280px}
.ob-ws-deadline .ob-field input[type=date]{min-height:36px;padding:8px 10px;border-radius:6px;border:1px solid #c6cdd7}
.ob-ws-foot{
  margin-top:10px;padding:12px 0 8px;
  border-top:1px solid #e0e4ea;position:sticky;bottom:0;z-index:5;
  background:#fff;
}
.ob-ws-foot .ob-actions{margin-top:0}
.ob-ws-foot .ui-btn{min-height:36px;padding:0 16px;font-size:12px;border-radius:8px!important}
.ob-ws-accept-hint{
  margin:8px 0 0;padding:0;font-size:12px;line-height:1.35;color:#c0392b;font-weight:600;
}
.ui-btn.is-disabled,.ui-btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.ob-ws-badge{
  display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 9px;border-radius:8px;
  background:#e8f6fc;color:#0b6e99;font-size:12px;font-weight:600;
}

/* CJM — главный прогресс (статусы), как на заявке оформления */
.ob-cjm-bar.stepbar,
.ob-cjm-bar{
  display:flex!important;flex-wrap:nowrap;justify-content:space-between!important;align-items:flex-start;gap:10px;
  width:100%;margin:8px 0 2px;padding:0;background:transparent;border:0;
  grid-template-columns:none!important;
}
.ob-cjm-bar .stepbar-item{flex:1 1 0;min-width:0;max-width:none;width:auto;text-align:left}
.ob-cjm-bar .stepbar-track{height:8px;margin-bottom:7px}
.ob-cjm-bar .stepbar-label{
  display:block;font-size:11px;line-height:1.25;text-align:left;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ob-cjm-bar .stepbar-label a{color:inherit;text-decoration:none;font-weight:600}
.ob-cjm-bar .stepbar-label a:hover{text-decoration:underline;color:#2067b0}
.ob-cjm-bar .stepbar-item.done .stepbar-label{color:#535c69}
.ob-cjm-bar .stepbar-item.on .stepbar-label{color:#1f2a37;font-weight:700}
.ob-cjm-bar .stepbar-item.on .stepbar-track i{background:#2fc6f6}
.ob-cjm-bar .stepbar-item.done .stepbar-track i{background:#9dcf00}

/* C · Опции — в правом сайдбаре под Контекст / Разделы */
.ob-ws-side .ob-opts{
  background:#fff;border:1px solid #e0e4ea;border-radius:10px;padding:10px 12px;
  box-shadow:0 1px 0 rgba(20,28,40,.04);
}
.ob-opts-h{
  font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#828b95;margin:0 0 8px;
}
.ob-opts-sub{padding:0}
.ob-opts-sub-h{
  font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:#828b95;margin:0 0 10px;
}
.ob-term-toggle{
  display:flex;align-items:flex-start;gap:12px;cursor:pointer;user-select:none;
  padding:12px;border:1px solid #cfe0ea;border-radius:10px;background:#f4fbfe;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.ob-term-toggle:hover{border-color:#2fc6f6;background:#eaf8fd;box-shadow:0 1px 0 rgba(47,198,246,.12)}
.ob-term-toggle input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.ob-term-toggle-ui{
  position:relative;flex:0 0 auto;width:52px;height:28px;border-radius:999px;background:#c9d1d9;
  transition:background .18s ease;margin-top:1px;
}
.ob-term-toggle-ui::after{
  content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.22);transition:transform .18s ease;
}
.ob-term-toggle input:checked + .ob-term-toggle-ui{background:#9dcf00}
.ob-term-toggle input:checked + .ob-term-toggle-ui::after{transform:translateX(24px)}
.ob-term-toggle-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.ob-term-toggle-text strong{font-size:13px;font-weight:700;color:#1f2a37;line-height:1.25}
.ob-term-toggle-text em{font-style:normal;font-size:11px;color:#6a737f;line-height:1.3}
#obWsNav a.is-dim{opacity:.42}

/* Узкий iframe/SidePanel: канон Кадры — одна линия.
   minmax(0,…) — chips не раздувают grid и не съедают левый inset (accept11).
   Arch track width:0, но не display:none — иначе files уезжает в track 0. */
@media(max-width:960px){
  .ob-ws-row{
    grid-template-columns:22px minmax(0,1fr) 0 minmax(0,1.05fr) minmax(0,1.1fr) 28px;
    grid-template-rows:auto;
    row-gap:4px;
    padding-left:12px;padding-right:12px;
  }
  .ob-ws-row .ob-ws-arch-cell{
    visibility:hidden;pointer-events:none;overflow:hidden;
    width:0;min-width:0;padding:0;margin:0;border:0;
  }
  .ob-ws-row .ob-ws-files-cell{grid-column:4}
  .ob-ws-row .ob-ws-comment-wrap{grid-column:5}
  .ob-ws-row .ob-ws-upload-ico{flex:0 0 26px}
}
body.embed-inset .ob-ws-row,
body.u-focus .ob-ws-row{
  grid-template-columns:22px minmax(0,1fr) 0 minmax(0,1.05fr) minmax(0,1.15fr) 28px !important;
  grid-template-rows:auto !important;
  padding:8px 12px !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
body.embed-inset .ob-ws-row .ob-ws-arch-cell,
body.u-focus .ob-ws-row .ob-ws-arch-cell{
  visibility:hidden !important;pointer-events:none !important;overflow:hidden !important;
  width:0 !important;min-width:0 !important;padding:0 !important;margin:0 !important;
  display:block !important; /* держим track, не display:none */
}
body.embed-inset .ob-ws-row .ob-ws-files-cell,
body.u-focus .ob-ws-row .ob-ws-files-cell{grid-column:4 !important;min-width:0 !important;max-width:100% !important;overflow:hidden !important}
body.embed-inset .ob-ws-row .ob-ws-comment-wrap,
body.u-focus .ob-ws-row .ob-ws-comment-wrap{grid-column:5 !important;min-width:0 !important}
body.embed-inset .ob-ws-row .ob-ws-upload-ico,
body.u-focus .ob-ws-row .ob-ws-upload-ico{flex:0 0 26px !important}
/* accept11: contain chip blowout so left inset of docs/accordion stays */
body.embed-inset .ob-acc,
body.u-focus .ob-acc,
body.embed-inset .ob-acc-body,
body.u-focus .ob-acc-body,
body.embed-inset .ob-ws-main,
body.u-focus .ob-ws-main,
body.embed-inset .ob-ws-docs,
body.u-focus .ob-ws-docs{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
body.embed-inset .ob-acc-body,
body.u-focus .ob-acc-body{overflow-x:hidden}
body.embed-inset .ob-ws-docs,
body.u-focus .ob-ws-docs{overflow-x:hidden !important}
/* embed body: same left rhythm as inset-h (14px), never collapse on chips */
body.embed-inset .hub-slider-body#obBody{
  padding-left:14px !important;
  padding-right:14px !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
}
body.embed-inset.process-slider .hub-slider-body#obBody{
  padding-left:16px !important;
  padding-right:16px !important;
}